@charset "utf-8";

@media print,
screen and (min-width:641px) {
	body {
		width: 100%;
		min-width: 996px;
		margin: 10px 0 0 0;
		background: url(../../image/common/bg_body.gif) center 155px repeat-x
	}

	.inner,
	h1.header {
		width: 996px;
		margin: 0 auto;
		position: relative
	}

	.sp {
		display: none
	}

	#path,
	.column {
		overflow: hidden;
		position: relative;
		margin: 10px 0;
	}

	.inner {
		padding-top: 5px
	}

	.center {
		text-align: center
	}

	.right {
		text-align: right !important
	}

	.error,
	.red {
		color: red
	}

	h1.header {
		height: 0;
		text-align: right
	}

	header .login p img,
	header nav ul li img {
		margin: 0 5px 0 0
	}

	header .inner h1,
	header .inner p.logo {
		padding: 10px 0 0
	}

	header .inner p.contact {
		position: absolute;
		top: 20px;
		left: 292px
	}

	header .inner ul {
		width: 256px;
		position: absolute;
		top: 20px;
		right: 0
	}

	header .inner ul li {
		float: right;
		padding: 0 0 6px 8px;
		width: 120px;
	}

	header .login {
		position: absolute;
		top: 66px;
		right: 130px
	}

	#contact_box,
	#contents {
		position: relative;
		overflow: hidden
	}

	header .login p {
		text-align: right;
		font-size: 93%;
		line-height: 1.6
	}

	header .login p a {
		background: url(../../image/common/arrow_01.gif) left center no-repeat;
		padding: 0 0 0 8px
	}

	header nav {
		width: 996px;
		margin: 0 auto;
	}

	header nav ul {
		font-size: 0;
		padding: 5px 0;
		display: flex;
		justify-content: space-between;
	}

	header nav ul li {
		display: inline-block;
		font-size: 12px;
		font-weight: 700;
	}

	header nav ul li a {
		display: table-cell;
		background: url(../../image/common/bg_nav.gif) left bottom no-repeat;
		height: 20px;
		width: 140px;
		vertical-align: bottom;
		text-align: center
	}

	header nav ul li:first-child a {
		background: 0 0;
		width: 160px
	}

	header nav a:active,
	header nav a:focus,
	header nav a:link,
	header nav a:visited {
		color: #333
	}

	header nav a:hover {
		text-decoration: none;
		color: #ffaa21
	}

	header nav .designmode_on ul li a {
		width: 250px
	}

	#contents,
	#contents2 {
		width: 940px;
		margin: 0 auto;
		background: #fff
	}

	#contents {
		padding: 0 28px 30px
	}

	#contents #main {
		float: right;
		width: 700px
	}

	#contents aside {
		float: left;
		width: 220px
	}

	#contents h1,
	#contents h1.flyer {
		height: 40px;
		padding: 20px 0 0 25px;
		margin: 0 0 15px;
		font-size: 154%;
		font-weight: 700
	}

	#contents h1 {
		background: url(../../image/common/bg_h1.gif) left top no-repeat;
		color: #ffaa21
	}

	#contents h1.flyer {
		background: url(../../image/common/bg_h1_flyer.gif) left top no-repeat;
		color: #53A3E8
	}

	#contents #technical-guide h1 span {
		padding: 0 0 0 20px;
		font-size: 70%
	}

	#contents .title_01,
	#contents .title_01_flyer {
		padding: 10px 10px 9px 35px;
		margin: 0 0 10px;
		font-size: 93%;
		font-weight: 700;
		line-height: 1.4
	}

	#contents .title_01 {
		background: url(../../image/common/bg_h.png) 10px 14px no-repeat, #fff;
		background: url(../../image/common/bg_h.png) 10px 14px no-repeat, -moz-linear-gradient(top, #fff 0, #f9f9f9 100%);
		background: url(../../image/common/bg_h.png) 10px 14px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f9f9f9));
		background: url(../../image/common/bg_h.png) 10px 14px no-repeat, -webkit-linear-gradient(top, #fff 0, #f9f9f9 100%);
		background: url(../../image/common/bg_h.png) 10px 14px no-repeat, -o-linear-gradient(top, #fff 0, #f9f9f9 100%);
		background: url(../../image/common/bg_h.png) 10px 14px no-repeat, -ms-linear-gradient(top, #fff 0, #f9f9f9 100%);
		background: url(../../image/common/bg_h.png) 10px 14px no-repeat, linear-gradient(to bottom, #fff 0, #f9f9f9 100%);
		border: 1px solid #ededed;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px
	}

	#contents .title_01_flyer {
		background: url(../../image/common/bg_h_flyer.png) 10px 14px no-repeat, #fff;
		background: url(../../image/common/bg_h_flyer.png) 10px 14px no-repeat, -moz-linear-gradient(top, #fff 0, #f9f9f9 100%);
		background: url(../../image/common/bg_h_flyer.png) 10px 14px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f9f9f9));
		background: url(../../image/common/bg_h_flyer.png) 10px 14px no-repeat, -webkit-linear-gradient(top, #fff 0, #f9f9f9 100%);
		background: url(../../image/common/bg_h_flyer.png) 10px 14px no-repeat, -o-linear-gradient(top, #fff 0, #f9f9f9 100%);
		background: url(../../image/common/bg_h_flyer.png) 10px 14px no-repeat, -ms-linear-gradient(top, #fff 0, #f9f9f9 100%);
		background: url(../../image/common/bg_h_flyer.png) 10px 14px no-repeat, linear-gradient(to bottom, #fff 0, #f9f9f9 100%);
		border: 1px solid #ededed;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px
	}

	#option .title_01 {
		margin-bottom: 20px
	}

	#contents .title_02,
	#contents .title_02_flyer {
		padding: 0 0 4px;
		margin: 0 0 10px;
		font-size: 108%;
		font-weight: 700;
		border-bottom: 1px solid #cfcfcf
	}

	#contents .title_02 {
		color: #ffaa20
	}

	#contents .title_02_flyer {
		color: #53A3E8
	}

	#home .title_02,
	#list .title_02 {
		margin: 0 0 10px 10px;
		font-size: 93%
	}

	#home .title_02 span,
	#list .title_02 span {
		padding: 0 0 0 5px;
		font-size: 82.8%;
		font-weight: 400;
		color: #333
	}

	#guide .title_02 {
		margin: 0 0 5px 10px;
		font-size: 93%
	}

	#contents .title_03 {
		border-bottom: 1px solid #cfcfcf;
		padding: 0 0 2px;
		margin: 0 0 20px 2px;
		font-size: 108%;
		font-weight: 700;
		color: #ffaa20
	}

	#contents .title_03 img {
		margin: 0 4px -10px -2px
	}

	#contents table {
		width: 100%;
		margin: 0 auto;
		font-size: 93%
	}

	#contents table th {
		background: #fffbf4;
		background: -moz-linear-gradient(top, #fffbf4 0, #ffeed2 2%, #ffdea7 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fffbf4), color-stop(2%, #ffeed2), color-stop(100%, #ffdea7));
		background: -webkit-linear-gradient(top, #fffbf4 0, #ffeed2 2%, #ffdea7 100%);
		background: -o-linear-gradient(top, #fffbf4 0, #ffeed2 2%, #ffdea7 100%);
		background: -ms-linear-gradient(top, #fffbf4 0, #ffeed2 2%, #ffdea7 100%);
		background: linear-gradient(to bottom, #fffbf4 0, #ffeed2 2%, #ffdea7 100%);
		border: 1px solid #cfcfcf;
		padding: 5px;
		font-weight: 700;
		line-height: 1.6
	}

	#contents table span.must_01,
	#contents table span.must_02 {
		display: inline-block;
		float: right;
		height: 18px;
		line-height: 18px;
		padding: 0;
		font-size: 82.8%;
		color: #fff;
		text-align: center
	}

	#contents table span.must_01 {
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		width: 40px;
		background: #d80029;
		margin: 0 10px
	}

	#contents table span.must_02 {
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		width: 60px;
		background: #0029d8;
		margin: 2px 0
	}

	#contents table td {
		border: 1px solid #cfcfcf;
		padding: 5px;
		line-height: 1.6
	}

	#contents table td img {
		vertical-align: middle
	}

	#main p.bnr {
		padding: 0 0 30px
	}

	aside ul {
		padding: 0 0 20px
	}

	aside ul.bnr {
		padding: 15px 0 0
	}

	aside .list,
	aside ul.bnr li {
		padding: 0 0 15px
	}

	aside .list h2,
	aside .list h2.column,
	aside .list h2.flyer {
		padding: 9px 0 0 35px;
		margin: 0 0 15px;
		color: #333;
		font-size: 93%;
		height: 21px;
		font-weight: 700
	}

	aside .list h2 {
		background: url(../../image/common/bg_h_list.gif) left top no-repeat
	}

	aside .list h2.flyer {
		background: url(../../image/common/bg_h_list_flyer.gif) left top no-repeat
	}

	aside .list h2.column {
		background: url(../../image/common/bg_h_list_column.gif) left top no-repeat
	}

	aside .list h2 a {
		color: #333
	}

	aside .list h3 {
		background: url(../../image/common/arrow_02.gif) left 4px no-repeat;
		padding: 0 0 4px;
		margin: 0 0 0 10px;
		font-size: 93%;
		font-weight: 700;
		color: #ffaa20
	}

	aside .list h3 span {
		display: block;
		border-bottom: 1px solid #cfcfcf;
		padding: 0 0 4px;
		margin: 0 0 0 20px
	}

	aside .list ul {
		padding: 0 0 10px 10px
	}

	aside .list ul li {
		background: url(../../image/common/arrow_02.gif) left 6px no-repeat;
		padding: 0 0 0 10px;
		font-size: 92.3%;
		line-height: 1.5
	}

	aside .login {
		padding: 0 0 15px
	}

	aside .login h2 {
		background: url(../../image/mypage/bg_h_pc.gif) left top no-repeat;
		height: 21px;
		padding: 9px 0 0 35px;
		margin: 0 0 15px;
		font-size: 93%;
		font-weight: 700;
		color: #333
	}

	aside .login h2 a {
		color: #333
	}

	aside .login h3 {
		border-bottom: 1px solid #cfcfcf;
		padding: 0 0 4px;
		margin: 0 0 4px 20px;
		font-size: 93%;
		font-weight: 700;
		color: #ffaa20
	}

	aside .login ul {
		padding: 0 0 10px 10px
	}

	aside .login ul li {
		background: url(../../image/common/arrow_02.gif) left 6px no-repeat;
		padding: 0 0 0 10px;
		font-size: 92.3%;
		line-height: 1.5
	}

	#path {
		padding: 6px 0 4px
	}

	#path li {
		float: left;
		padding: 0 5px 0 0;
		font-size: 93%
	}

	#path li a,
	#path li span {
		margin: 0 5px 0 0
	}

	#list p {
		padding: 0 0 10px;
		font-size: 93%;
		line-height: 1.6
	}

	#list p span {
		font-weight: 700;
		color: red
	}

	#list p .price {
		padding: 0 0 5px
	}

	#list ul {
		overflow: hidden;
		position: inherit;
		padding: 0 0 30px
	}

	#list ul li {
		float: left;
		width: 158px;
		margin: 0 0 0 22px;
		text-align: center;
		font-size: 77%;
		line-height: 1.6
	}

	#list ul li:first-child {
		margin-left: 0
	}

	#list ul li img {
		display: block;
		margin: 0 0 4px
	}

	#sample_box {
		background: url(../../image/common/bg_sample.gif);
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		padding: 4px;
		margin: 0 0 20px
	}

	#sample_box .column {
		background: #fff;
		margin: 0;
	}

	#sample_box .column p {
		float: right
	}

	#sample_box .column dl {
		float: left;
		width: 380px;
		padding: 10px 0 0 26px
	}

	#sample_box .column dl dt {
		font-size: 154%;
		font-weight: 700;
		color: #f5a318;
		line-height: 1.6
	}

	#sample_box .column dl dd {
		padding: 10px 0 0;
		font-size: 93%;
		color: #666;
		line-height: 1.6
	}

	#contact_box {
		padding: 0 0 20px
	}

	#contact_box p {
		float: right
	}

	#contact_box dl {
		float: left;
		width: 260px
	}

	#contact_box dl dt {
		font-size: 154%;
		font-weight: 700;
		color: #f5a318;
		line-height: 1.6
	}

	#contact_box dl dd {
		padding: 0 0 5px;
		font-size: 77%;
		color: #666;
		line-height: 1.6
	}

	#guide .left {
		float: left;
		width: 340px
	}

	#guide .right {
		float: right;
		width: 340px;
		text-align: left
	}

	#guide dl dt,
	#guide h4,
	#guide p,
	#guide ul li {
		font-size: 76.9%;
		line-height: 1.8
	}

	#guide h4 {
		padding: 0 0 5px
	}

	#guide p.center {
		text-align: center;
		padding: 0 0 10px
	}

	#guide p.caution {
		padding: 0 0 30px
	}

	#guide ul {
		padding: 0 0 20px
	}

	#guide ul li {
		text-indent: -1.4em;
		padding: 0 0 0 1.4em
	}

	#guide table {
		width: 100%;
		margin: 0 0 5px;
		text-align: right;
		font-size: 77%
	}

	#guide table col.line {
		border-right: 1px solid #b0b0b0
	}

	#guide table .price {
		text-align: left
	}

	#guide table td.price {
		background: url(../../image/common/arrow_02.gif) 4px center no-repeat;
		padding: 0 0 0 14px
	}

	#guide dl.data dt span,
	#guide dl.list dt {
		background: url(../../image/common/arrow_02.gif) left center no-repeat
	}

	#guide table td,
	#guide table th {
		border-top: 1px solid #b0b0b0;
		border-bottom: 1px solid #b0b0b0;
		padding: 4px;
		line-height: 1.6
	}

	footer,
	footer p.copyright {
		border-top: 1px solid #e1e1e1
	}

	#guide dl.data dt {
		display: table-cell;
		width: 150px
	}

	#guide dl.data dt span {
		padding: 0 0 0 10px
	}

	#guide dl.data dd {
		display: table-cell;
		vertical-align: bottom
	}

	#guide dl.flow {
		padding: 0 0 10px
	}

	#guide dl.list dt {
		padding: 0 0 0 10px;
		margin: 0 0 5px
	}

	#guide dl.list dd a {
		margin: 0 10px 0 0
	}

	footer {
		background: #f9f9f9;
		padding: 20px 0 0
	}

	footer p.pagetop {
		position: absolute;
		top: 0;
		right: -45px
	}

	#concept p.outline,
	#home .point ul,
	#key,
	footer nav ul {
		position: relative
	}

	footer p.copyright {
		padding: 10px 0 20px;
		text-align: center;
		font-size: 77%;
		color: #9ca1a5
	}

	footer nav {
		padding: 0 0 15px
	}

	footer nav h2 {
		padding: 12px 0 4px;
		font-size: 93%;
		font-weight: 700
	}

	footer nav ul {
		overflow: hidden;
		padding: 0 0 0 10px
	}

	footer nav ul li {
		float: left;
		background: url(../../image/common/arrow_01.gif) left center no-repeat;
		padding: 0 10px;
		font-size: 77%;
		line-height: 2
	}

	#key {
		overflow: hidden;
		padding: 20px 0 15px
	}

	#key section {
		float: left;
		width: 230px
	}

	#key section a {
		color: #333
	}

	#key section dl dt {
		font-size: 108%;
		line-height: 1.6
	}

	#key section dl dd {
		font-size: 93%;
		line-height: 1.6
	}

	#key .slider {
		float: right;
		width: 690px
	}

	#key .slider ul li a img {
		float: left;
		max-width: 690px
	}

	#home .point h3 {
		margin-bottom: 5px
	}

	#home .point p {
		padding: 0 0 20px;
		font-size: 92.3%;
		line-height: 1.6
	}

	#home .point ul {
		overflow: hidden;
		padding: 0 0 20px 1px
	}

	#home .point ul li {
		float: left;
		padding: 0 0 0 14px
	}

	#home .point ul li:first-child {
		padding-left: 0
	}

	#home .point .column .shipping {
		float: left;
		width: 220px
	}

	#home .point .column table {
		float: left;
		width: 220px;
		margin: 0 0 0 20px;
		text-align: center;
		font-size: 93%
	}

	#home .point .shipping p {
		padding: 0 0 15px;
		font-size: 77%
	}

	#home .point .shipping dl {
		overflow: hidden;
		position: relative;
		padding: 0 0 5px
	}

	#home .point .shipping dl dt {
		float: left;
		font-size: 77%
	}

	#home .point .shipping dl dt img {
		vertical-align: middle;
		margin: 0 5px 0 0
	}

	#home .point .shipping dl dd {
		float: right;
		font-size: 93%;
		font-weight: 700;
		color: #ff2525
	}

	#home .point table td {
		border: 1px solid #d6d6d6;
		padding: 2px 0;
		line-height: 1.6
	}

	#home .point table td.l_cl01 {
		background: #9ca1a5;
		border-bottom: none;
		padding: 1px 0 2px 10px;
		text-align: left;
		color: #fff
	}

	#home .point table td.l_cl02 {
		background: #b4b4b4
	}

	#home .point table td.l_cl04 {
		background: #fceeee;
		color: red
	}

	#concept>section {
		border: 1px solid #ee9507;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		margin: 0 0 50px
	}

	#concept h2,
	#concept h2.flyer {
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		text-align: center
	}

	#concept h2 {
		background: url(../../image/concept/bg_h.gif) left top repeat-x;
		border-top-left-radius: 8px;
		-webkit-border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		-webkit-border-top-right-radius: 8px
	}

	#concept h2.flyer {
		background: url(../../image/concept/bg_h_flyer.gif) left top repeat-x;
		border-top-left-radius: 8px;
		-webkit-border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		-webkit-border-top-right-radius: 8px
	}

	#concept p {
		font-size: 108%;
		line-height: 1.6
	}

	#concept .point h3,
	#concept .point h4,
	#concept p.outline {
		line-height: 1.4;
		font-weight: 700
	}

	#concept p.outline {
		margin: 0 0 20px;
		font-size: 124%
	}

	#concept p.outline span {
		width: 480px;
		position: absolute;
		top: 140px;
		left: 216px
	}

	#concept .point h2 {
		margin: 0 0 20px
	}

	#concept .point h3 {
		overflow: hidden;
		border-bottom: 3px solid #ef8e01;
		padding: 4px 0;
		margin: 0 20px 20px;
		font-size: 230.8%
	}

	#concept .point h3 img {
		float: left;
		margin: -4px 10px 0 0
	}

	#concept .point h4 {
		padding: 0 25px 10px;
		font-size: 154%;
		color: #f5a318
	}

	#concept .point p {
		padding: 0 25px 30px
	}

	#concept .point section:nth-of-type(1) .fastest {
		background: url(../../image/concept/bg_fastest.jpg) right -10px no-repeat;
		padding: 0 282px 20px 0;
		margin: 0 25px
	}

	#concept .point section:nth-of-type(1) .fastest h4 {
		padding: 0 0 10px
	}

	#concept .point section:nth-of-type(1) .fastest p {
		padding: 0
	}

	#concept .point section:nth-of-type(1) .fastest p span {
		font-weight: 700
	}

	#concept .point section:nth-of-type(1) .column {
		padding: 0 32px 30px
	}

	#concept .point section:nth-of-type(1) .column dl {
		float: left;
		width: 302px;
		background: url(../../image/concept/bg_point01-01.gif) repeat-y
	}

	#concept .point section:nth-of-type(1) .column dl dd {
		min-height: 140px;
		background: url(../../image/concept/bg_point01-01_bottom.gif) left bottom no-repeat;
		padding: 30px 20px;
		font-size: 108%;
		line-height: 1.6
	}

	#concept .point section:nth-of-type(1) .column dl dd span {
		font-weight: 700;
		color: #f5a318
	}

	#concept .point section:nth-of-type(1) .column dl:last-of-type {
		float: right;
		background: url(../../image/concept/bg_point01-02.gif) repeat-y
	}

	#concept .point section:nth-of-type(1) .column dl:last-of-type dd {
		background: url(../../image/concept/bg_point01-02_bottom.gif) left bottom no-repeat
	}

	#concept .point section:nth-of-type(2) p {
		padding-bottom: 20px
	}

	#concept .point section:nth-of-type(2) .box {
		background: #fef9d9;
		padding: 20px 25px;
		margin: 0 25px 30px
	}

	#concept .point section:nth-of-type(2) .box h5 {
		background: #f39801;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding: 4px 10px 3px;
		margin: 0 0 10px;
		font-size: 124%;
		font-weight: 700;
		color: #fff
	}

	#concept .point section:nth-of-type(2) .box p {
		overflow: hidden;
		padding: 0 0 30px
	}

	#concept .point section:nth-of-type(2) .box p img {
		float: right;
		margin: 40px 0 40px 20px
	}

	#concept .point section:nth-of-type(2) .box p.lead {
		padding: 0 0 10px;
		font-size: 124%;
		font-weight: 700
	}

	#concept .point section:nth-of-type(2) .box p.pure {
		padding: 0;
		margin: -20px 0 0;
		text-align: center;
		font-size: 124%;
		font-weight: 700;
		color: #c00
	}

	#concept .point section:nth-of-type(2) .box p.pure img {
		display: block;
		float: none;
		margin: 0 auto 10px
	}

	#concept .point section:nth-of-type(2) .box ul {
		overflow: hidden
	}

	#concept .point section:nth-of-type(2) .box ul li {
		float: left;
		width: 130px;
		padding: 0 0 20px;
		margin: 0 26px 0 0
	}

	#concept .point section:nth-of-type(2) .box ul li:nth-child(4n) {
		margin-right: 0
	}

	#concept .point section:nth-of-type(2) .box ul li dl dt {
		padding: 0 0 4px;
		text-align: center;
		font-size: 108%;
		font-weight: 700
	}

	#beginner .btn,
	#beginner dl dd.mail {
		text-align: right
	}

	#concept .point section:nth-of-type(2) .box ul li dl dt img {
		display: block;
		margin: 0 0 10px
	}

	#concept .point section:nth-of-type(2) .box ul li dl dd {
		font-size: 93%;
		line-height: 1.6
	}

	#beginner h3,
	#concept .difference h3 {
		font-size: 154%;
		color: #f5a318;
		font-weight: 700
	}

	#concept .point section:nth-of-type(3) p {
		padding-bottom: 20px
	}

	#concept .point section:nth-of-type(3) .column {
		padding: 0 32px 30px
	}

	#concept .point section:nth-of-type(3) .column p {
		float: left;
		padding: 0
	}

	#concept .point section:nth-of-type(3) .column p:last-of-type {
		float: right
	}

	#concept .point section:nth-of-type(4) p {
		overflow: hidden
	}

	#concept .point section:nth-of-type(4) p img {
		float: right;
		margin: -8px 0 10px 10px
	}

	#concept .variation #list {
		padding: 15px
	}

	#concept .variation #list ul {
		padding: 0 0 30px
	}

	#concept .variation #list ul li {
		width: 150px;
		margin: 0 0 0 22px
	}

	#concept .variation #list ul li:first-child {
		margin-left: 0
	}

	#beginner h3,
	#concept .difference h2 {
		margin: 0 0 20px
	}

	#concept .variation #list ul li img {
		width: 148px;
		height: auto
	}

	#concept .difference {
		padding: 0 0 10px
	}

	#concept .difference h3 {
		padding: 0 25px 10px
	}

	#concept .difference p {
		padding: 0 25px 20px
	}

	#beginner,
	#beginner section {
		padding: 0 0 40px
	}

	#beginner section:last-of-type {
		padding-bottom: 0
	}

	#beginner h3 {
		border-bottom: 2px solid #ccc;
		padding: 0 0 8px
	}

	#beginner h3 img {
		margin: 0 10px 0 0
	}

	#beginner h4 {
		padding: 0 0 10px;
		font-size: 124%;
		font-weight: 700
	}

	#beginner h5 {
		padding: 0 0 10px 20px;
		font-size: 108%;
		font-weight: 700
	}

	#beginner dl dd,
	#beginner p {
		padding: 0 0 10px;
		font-size: 108%;
		line-height: 1.6
	}

	#beginner p span {
		font-weight: 700
	}

	#beginner dl dt {
		padding: 0 0 10px;
		font-size: 124%;
		font-weight: 700;
		line-height: 1.6
	}

	#beginner dl dd.mail span {
		display: inline-block;
		width: 200px;
		text-align: center;
		border: 2px solid #f29801;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding: 5px 10px;
		font-weight: 700
	}

	#beginner .column {
		border-bottom: 1px dotted #ccc;
		padding: 0 0 20px;
		margin: 0 0 20px
	}

	#beginner .column figure {
		float: left;
		width: 300px;
		padding: 0 0 0 10px
	}

	#beginner .column figure figcaption {
		padding: 4px 0 0;
		font-size: 77%
	}

	#beginner .column p {
		float: right;
		width: 370px;
		padding: 0;
	}

	#beginner .column p img {
		margin: 20px 0
	}

	#buy_02 .column {
		padding: 0 0 10px;
		margin: 0 0 10px
	}

	#buy_02 .column:last-of-type {
		border: none
	}

	#buy_02 .column figure {
		width: 120px;
		padding: 0
	}

	#beginner ul.navi {
		overflow: hidden;
		border-left: 1px solid #ccc;
		margin: 0 0 20px
	}

	#beginner ul.navi:last-of-type {
		margin-bottom: 40px
	}

	#beginner ul.navi li {
		float: left;
		border-right: 1px solid #ccc;
		padding: 0 5px;
		font-size: 77%
	}
}

#beginner .branch {
	padding: 0 0 60px
}

#beginner .branch p {
	border: 2px solid #f29801;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px 10px;
	margin: 0 0 10px;
	text-align: center;
	font-size: 100%;
	font-weight: 700;
	line-height: 1.6
}

#beginner .branch ul {
	text-align: center
}

#beginner .branch ul li {
	display: inline-block;
	padding: 0 8px;
	font-size: 100%;
	font-weight: 700
}

#beginner .branch ul li a {
	display: block;
	width: 150px;
	border: 2px solid #f29801;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px 10px;
	color: #333;
	line-height: 1.6
}

#beginner .branch ul li a:hover {
	background: #f8b001;
	color: #fff;
	text-decoration: none
}

#beginner p.next {
	padding: 20px 0;
	text-align: center;
	font-size: 124%;
	font-weight: 700
}

#beginner p.next a {
	display: block;
	width: 250px;
	margin: 0 auto;
	border: 2px solid #f29801;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px 10px;
	color: #333
}

#beginner p.next a:hover {
	background: #f8b001;
	color: #fff;
	text-decoration: none
}

#main>#column a.readMore,
#main>#column h2 a,
#main>#voice .pager a.link_page,
#main>#voice a.readMore,
#main>#voice h2 a {
	text-decoration: none !important
}

#beginner_02 p {
	padding-left: 10px
}

#beginner_02 .column p {
	padding: 0
}

#template {
	padding: 0 0 20px
}

#template section {
	padding: 0 0 30px
}

#template p {
	font-size: 93%;
	line-height: 1.6
}

#template p span {
	color: #c00
}

#template .column p {
	float: left;
	width: 400px;
	text-align: center
}

#template .column dl {
	float: right;
	width: 300px;
	background: #eee;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 30px 0 0
}

#template .column dl dd img,
#web dl dt {
	margin: 0 0 10px
}

#template .column dl dt {
	background: #fff;
	border: 3px solid #eee;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 6px 5px 5px;
	text-align: center;
	font-size: 108%;
	font-weight: 700;
	color: #888
}

#template .column dl dd {
	padding: 20px 0;
	text-align: center
}

.con_ite03 dl {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px
}

.con_ite03 dl dt {
	width: 360px;
	float: left;
	text-align: center;
	padding: 0 20px
}

.con_ite03 dl dd {
	width: 300px;
	float: right
}

.con_ite03 dl dd span {
	display: block;
	margin-bottom: 10px
}

.con_ite03 dl dd img {
	padding-top: 5px
}

#technical-guide {
	padding: 0 0 20px
}

#technical-guide h2 {
	padding: 0 0 10px
}

#technical-guide h3.title_01 {
	margin-bottom: 20px
}

#technical-guide h4 {
	padding: 0 0 15px 20px;
	font-size: 108%;
	font-weight: 700
}

#technical-guide p {
	padding: 0 20px 10px;
	font-size: 93%;
	line-height: 1.6
}

#technical-guide .navi li,
#technical-guide p.center {
	padding: 0 0 10px
}

#technical-guide .list p {
	padding: 0 0 30px;
	text-align: right;
	line-height: 1.5
}

#technical-guide .list p img {
	float: right
}

#technical-guide .list ul {
	padding: 0 0 10px 20px
}

#technical-guide .list ul li a {
	display: block;
	background: url(../../image/guide/arrow.gif) left center no-repeat;
	border-bottom: 1px dotted #bbb;
	padding: 5px 0 5px 25px;
	font-size: 93%;
	line-height: 1.6
}

#technical-guide div>section {
	padding: 0 0 10px;
	margin: 0 0 20px
}

#technical-guide div>section:last-of-type {
	border: none;
	padding: 0;
	margin: 0
}

#technical-guide section .column {
	padding: 0 0 10px
}

#technical-guide section .column p {
	float: left;
	width: 450px;
	padding: 0 0 0 20px
}

#technical-guide section .column p img {
	display: block;
	margin: 10px auto 0
}

#technical-guide section .column p.image {
	float: right;
	width: auto;
	padding: 0
}

#technical-guide section .column p.image img {
	margin: 0
}

#technical-guide .illustrator {
	padding-bottom: 50px
}

#technical-guide .illustrator h4 {
	color: #f47a22
}

#technical-guide .illustrator section {
	border-bottom: 5px dotted #f47a22
}

#technical-guide .illustrator .grenn {
	font-weight: 700;
	color: #063
}

#technical-guide .illustrator .blue {
	font-weight: 700;
	color: #039
}

#technical-guide .illustrator dl {
	padding: 0 0 10px 20px;
	font-size: 93%
}

#technical-guide .illustrator dl dt {
	padding: 0 0 10px;
	font-weight: 700
}

#technical-guide .illustrator dl dd {
	line-height: 1.6;
	min-height: 1px;
	display: block
}

#technical-guide .illustrator dl dd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

* html #technical-guide .illustrator dl dd {
	height: 1px
}

#technical-guide .illustrator dl dd img {
	float: right;
	margin: -22px 0 0
}

#technical-guide .illustrator .resolution {
	overflow: hidden;
	border-bottom: 5px dotted #f47a22;
	padding: 0 0 10px;
	margin: 0 0 20px
}

#technical-guide .illustrator .resolution p {
	float: left;
	width: 450px;
	padding: 0 0 0 20px
}

#technical-guide .illustrator .resolution p img {
	display: block;
	margin: 10px auto 0
}

#technical-guide .illustrator .resolution p.image {
	float: right;
	width: auto;
	padding: 0
}

#technical-guide .illustrator .resolution p.image img {
	margin: 0
}

#technical-guide .illustrator .line section {
	border-top: 5px dotted #f47a22;
	padding-top: 20px
}

#technical-guide .photoshop {
	padding-bottom: 50px
}

#technical-guide .photoshop h4 {
	color: #0280c8
}

#technical-guide .photoshop section {
	border-bottom: 5px dotted #0280c8
}

#technical-guide .photoshop dl {
	padding: 0 0 10px 20px;
	font-size: 93%
}

#technical-guide .photoshop dl dt {
	padding: 0 0 10px;
	font-weight: 700
}

#technical-guide .photoshop dl dd {
	line-height: 1.6;
	min-height: 1px;
	display: block
}

#contact p,
#contact table td {
	line-height: 1.8
}

#technical-guide .photoshop dl dd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

#main>#voice .imageBox:after,
#main>#voice h2:before,
#main>#voice>section:after {
	content: ""
}

* html #technical-guide .photoshop dl dd {
	height: 1px
}

#technical-guide .photoshop dl dd img {
	float: right;
	margin: -22px 0 0
}

#technical-guide .photoshop .column p {
	width: 430px
}

#technical-guide .photoshop .column p.image {
	width: auto
}

#technical-guide .white {
	padding-bottom: 50px
}

#technical-guide .white h4 {
	color: #8ec840
}

#technical-guide .white section {
	border-bottom: 5px dotted #8ec840
}

#technical-guide .white p.position {
	position: relative;
	height: 110px;
	padding-bottom: 20px
}

#technical-guide .white p.position img {
	position: absolute;
	top: 0;
	right: 50px
}

#technical-guide .white .need h3.title_01 {
	margin-bottom: 30px
}

#technical-guide .white .need p {
	padding-bottom: 30px
}

#technical-guide .white .need p:last-of-type {
	padding-bottom: 10px
}

#technical-guide .white .pattern p.note {
	padding-bottom: 30px
}

#technical-guide .white .pattern p.note:last-of-type {
	padding-bottom: 10px
}

#technical-guide .white .pattern p.note img {
	margin: 0 4px;
	vertical-align: text-top
}

#technical-guide .zarapika {
	padding-bottom: 50px
}

#technical-guide .zarapika h4 {
	color: #f25c8a
}

#technical-guide .zarapika section {
	border-bottom: 5px dotted #f25c8a
}

#technical-guide .zarapika p.position {
	position: relative;
	height: 118px;
	padding-bottom: 20px
}

#technical-guide .zarapika p.position img {
	position: absolute;
	top: 0;
	right: 50px
}

#technical-guide .zarapika p.description {
	overflow: hidden;
	position: relative;
	border-top: 5px dotted #f25c8a;
	padding: 20px 0 10px 20px
}

#technical-guide .zarapika p.description img {
	float: right;
	margin: 0 0 0 20px
}

#qa dl,
#qa ul {
	margin: 0 0 20px
}

#about table,
#contact .title_01,
#law table {
	margin-bottom: 20px
}

#technical-guide .date {
	padding-bottom: 50px
}

#contact p,
#qa,
#qa section p {
	padding: 0 0 20px
}

#technical-guide .date h4 {
	color: #555
}

#technical-guide .date section {
	border-bottom: 5px dotted #555
}

#technical-guide .date .link .column p {
	width: 400px
}

#technical-guide .date .link .column p.image {
	width: auto
}

#qa section p {
	text-align: right;
	font-size: 93%
}

#qa ul {
	overflow: hidden;
	border-left: 1px solid #ccc
}

#qa ul li {
	float: left;
	border-right: 1px solid #ccc;
	padding: 0 5px;
	font-size: 77%
}

#qa dl {
	border-bottom: 1px dashed #ccc;
	font-size: 93%
}

#qa dl dt {
	background: url(../../image/qa/icon_q.gif) left top no-repeat;
	padding: 3px 0 3px 30px;
	margin: 0 0 5px;
	line-height: 1.6
}

#qa dl dd {
	background: url(../../image/qa/icon_a.gif) 5px 5px no-repeat;
	border: 1px solid #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 5px 5px 5px 30px;
	margin: 0 0 10px 40px;
	line-height: 1.6
}

#qa dl dd span,
#qa dl dd strong {
	color: red
}

#qa dl dd b.orange {
	color: #ff8000
}

#about table {
	width: 600px
}

#about table th {
	width: 90px
}

#about table td.image {
	width: 240px
}

#about table td dl {
	overflow: hidden;
	position: relative
}

#about table td dl dt {
	float: left;
	width: 100px;
	line-height: 1.6
}

#about table td dl dd {
	float: left;
	line-height: 1.6
}

#cotact_main {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}

#contact p {
	font-size: 93%
}

#contact span.error {
	display: block;
	padding: 0 0 4px;
	font-size: 93%
}

#contact ul {
	padding: 20px 0 40px;
	text-align: center
}

#contact ul li {
	display: inline-block;
	padding: 0 5px 0 0
}

#contact table {
	margin-bottom: 10px;
}

#contact table tr.table_tr_half {}

#contact table th {
	width: 180px;
	padding-left: 20px;
	text-align: left;
	line-height: 1.8
}

#contact table td p {
	padding: 0;
	font-size: 100%
}

#contact table td dl {
	overflow: hidden
}

#contact table td dl dt {
	float: left;
	width: 30px;
	padding: 10px 0 10px 20px
}

#contact table td dl dd {
	padding: 10px 0 10px 126px
}

#contact table td input[type=text] {
	width: 300px
}

#contact table td input.size_01 {
	width: 140px
}

#contact table td textarea {
	width: 100%
}

#contact .contact {
	text-align: center
}

#contact .contact p {
	display: inline-block;
	padding: 0 15px;
	vertical-align: top
}

#detail .price p span,
#detail .spec ul li span,
#goods p.outline span {
	display: block;
	color: red
}

#privacy,
#privacy p {
	padding: 0 0 20px
}

#contact .check table th {
	width: 200px;
	text-align: center
}

#contact .check table th div {
	font-weight: 700
}

#privacy p {
	font-size: 93%;
	line-height: 1.6
}

#privacy p.name {
	padding-left: 2.6em
}

#privacy dl {
	padding: 0 0 20px 2.6em;
	font-size: 93%
}

#privacy dl dt {
	font-weight: 700;
	line-height: 1.6
}

#law table td ul li,
#privacy dl dd {
	line-height: 1.6
}

#privacy ul {
	padding: 0 0 20px
}

#privacy ul li {
	text-indent: -2.6em;
	padding: 0 0 0 2.6em;
	font-size: 93%;
	line-height: 1.6
}

#law table {
	width: 600px
}

#law table th {
	width: 120px
}

#goods p {
	font-size: 93%;
	line-height: 1.6
}

#goods p.outline {
	padding: 0 0 15px
}

#goods .category h2 {
	margin-bottom: 15px
}

#goods .category h2 span {
	padding: 0 0 0 12px;
	color: red
}

#goods .category .column {
	padding: 0 0 25px
}

#goods .category .column h3 {
	float: left
}

#goods .category .column .description {
	float: right;
	width: 480px
}

#detail .column h2,
#goods .other ul li {
	float: left
}

#goods .category .description p {
	padding: 0 0 10px
}

#goods .category .description p.price {
	border-top: 1px dotted #bbb;
	padding: 20px 0 0;
	text-align: right
}

#detail .column,
#detail p {
	padding: 0 0 20px
}

#detail .price .box p.discount,
#detail .price .box table,
#print .size table td span,
#print table {
	text-align: center
}

#goods .other ul {
	overflow: hidden;
	position: relative
}

#detail p {
	font-size: 93%;
	line-height: 1.6
}

#detail .column p {
	float: right;
	width: 480px;
	padding: 0
}

#detail .spec {
	padding: 0;
}

#detail .spec ul li {
	font-size: 93%;
	line-height: 1.6
}

#detail .price {
	padding: 0 0 20px;
	position: relative
}

#detail .price p {
	padding: 0 0 10px
}

#detail .price p span {
	font-weight: 700
}

#detail .price #tab {
	overflow: hidden;
	position: relative
}

#detail .price #tab li {
	float: left;
	padding: 0 10px 0 0
}

#detail .price #tab_01 {
	border: 5px solid #F9C
}


/* #detail .price #tab_01 table tbody tr th:nth-child(4) {
	display: none;
}

#detail .price #tab_01 table tbody tr td:nth-child(4) {
	display: none;
} */


#detail .price #tab_02 {
	border: 5px solid #6CC
}

#detail .price .box {
	border-radius: 0 5px 5px;
	-webkit-border-radius: 0 5px 5px;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	padding: 10px 10px 15px
}

#detail .price .box table {
	width: 100%;
	font-size: 93%
}

#detail .price .box table th,
#detail .price .box table tr:nth-child(even) td {
	background: #f0f0f0
}

#detail .price .box table td span {
	font-size: 82.8%
}

#detail .tmpl .column {
	padding: 5px 0 20px
}

#detail .tmpl .column p {
	float: left;
	width: auto;
	padding: 0 0 0 20px
}

#detail .tmpl dl dt,
#detail .tmpl dl dt.flyer {
	border-bottom: 1px solid #cfcfcf;
	padding: 0 0 6px;
	margin: 0 0 15px;
	font-size: 108%;
	font-weight: 700
}

#detail .tmpl .column dl {
	float: right;
	width: 300px
}

#detail .tmpl dl dt {
	color: #ffaa20
}

#detail .tmpl dl dt.flyer {
	color: #53A3E8
}

#detail .tmpl dl dd img {
	margin: 0 0 5px
}

#detail .data {
	padding: 0 0 20px
}

#detail .data p {
	overflow: hidden;
	position: relative;
	background: #FFF3DF;
	padding: 10px
}

#detail .data p img {
	float: right;
	margin: 12px 0 0 35px
}

#print {
	padding: 0 0 40px
}

#print p {
	padding: 0 0 20px;
	font-size: 93%;
	line-height: 1.6
}

#print p span {
	font-weight: 700
}

#print p.type {
	padding: 0 0 6px 12px
}

#print p.type a {
	background: url(../../image/goods/print/arrow.gif) left center no-repeat;
	padding: 0 0 0 12px
}

#print table th {
	background: #f0f0f0
}

#print .size table td {
	border: none;
	border-bottom: 1px solid #cfcfcf
}

#print .size table td span {
	display: inline-block;
	width: 80px;
	height: 25px;
	line-height: 25px;
	background: #ffaa20;
	font-size: 149%;
	font-weight: 700;
	color: #fff
}

#print .size table td a {
	background: url(../../image/goods/print/arrow.gif) left center no-repeat;
	padding: 0 0 0 12px
}

#print .size table td:first-of-type {
	width: 100px;
	padding: 10px 0;
	text-align: center
}

#print .size table td:nth-of-type(2),
#print .size table td:nth-of-type(3) {
	font-size: 132.4%;
	font-weight: 700
}

#print .size table td:nth-of-type(2) a {
	color: #6cc
}

#print .size table td:nth-of-type(3) a {
	color: #f9c
}

#print .flyer_select dl dt,
#print .select dl dt {
	height: 28px;
	line-height: 28px;
	background: #ffaa21;
	margin: 0 8px 10px 0;
	color: #fff;
	display: inline-block;
	text-align: center;
	font-weight: 700
}

#print .size table td:last-of-type {
	width: 250px;
	border-left: 1px solid #cfcfcf
}

#print .column p.key {
	float: left;
	width: 280px;
	padding: 0 0 30px
}

#print .column .flyer_select {
	float: right;
	width: 400px;
	padding: 0 0 30px
}

#print .select dl dt {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 0 10px;
	font-size: 108%
}

#print .select dl dd {
	font-size: 93%
}

#print .select dl dd select {
	height: 28px
}

#print .select dl dd span {
	padding: 0 0 0 10px
}

#print .flyer_select dl dt {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 0 10px;
	font-size: 108%
}

#print .price p span,
#print .spec ul li span {
	color: red;
	display: block
}

#print .flyer_select dl dd {
	margin-bottom: 20px;
	font-size: 93%
}

#print .flyer_select dl dd select {
	line-height: 1.8em;
	min-width: 200px;
	padding: 0 10px;
	font-size: 1.2em
}

#print .flyer_select dl dd span {
	padding: 0 0 0 10px
}

#print .flyer_select button {
	display: inline-block;
	padding: 6px 20px;
	margin-right: 10px;
	font-size: 1.2em
}

#print .flyer_select .flyer_select_send.no_select {
	opacity: .6
}

#print .spec {
	padding: 0 0 10px
}

#print .spec ul li {
	font-size: 93%;
	line-height: 1.6
}

#print .price {
	position: relative;
	padding: 0 0 20px
}

#print .price p {
	padding: 0 0 10px
}

#print .price p span {
	font-weight: 700
}

#print .price #tab {
	overflow: hidden;
	position: relative
}

#print .price #tab li {
	float: left;
	padding: 0 10px 0 0
}

#print .price #tab_01 {
	border: 5px solid #F9C
}

#print .price #tab_02 {
	border: 5px solid #6CC
}

#print .price .box {
	border-radius: 0 5px 5px;
	-webkit-border-radius: 0 5px 5px;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	padding: 10px 10px 15px
}

#print .price .box p.discount {
	text-align: center
}

#print .price .box table th,
#print .price .box table tr:nth-child(even) td {
	background: #f0f0f0
}

#print .price .box table td span {
	font-size: 82.8%
}

.cen {
	text-align: center
}

#option article .r_txt,
.r_txt {
	text-align: right
}

.w_70 {
	width: 70px
}

.w_200 {
	width: 200px
}

.m_b30 {
	margin-bottom: 30px !important
}

#option {
	overflow: hidden;
	position: relative
}

#option article {
	float: left;
	width: 700px
}

#option aside {
	float: right;
	width: 220px;
	background: url(../../image/goods/item/bg_aside.gif) repeat-y
}

#option article p.flow {
	padding: 0 0 10px
}

#option article .con_ite {
	overflow: hidden;
	position: relative;
	padding: 0 0 20px
}

#option article .con_ite .con_itepic {
	float: left;
	width: 200px
}

#option article .con_ite .con_itejia {
	float: right;
	width: 480px
}

#option article .con_ite .con_itejia p {
	padding: 0 0 15px;
	font-size: 93%;
	line-height: 1.6
}

#option article .con_ite .con_itejia dl {
	overflow: hidden;
	position: relative
}

#option article .con_ite .con_itejia dl dt {
	float: left;
	padding: 0 5px 0 0
}

#option article .con_ite .con_itejia dl dt select {
	width: 180px
}

#option article .con_ite .con_itejia dl dd {
	float: left
}

#option aside .btn {}

#option aside .con_opt01 {
	padding: 10px 16px 0
}

#option aside .con_opt01 p {
	font-size: 93%;
	line-height: 1.6
}

#option aside .con_opt01 p.txt_opt01 {
	border-bottom: 1px dotted #bbb;
	border-top: 1px dotted #bbb;
	padding: 5px 0;
	margin-bottom: 10px
}

#cart .btn,
#web dl {
	margin: 0 0 30px
}

#option aside .con_opt01 p.txt_opt02 {
	padding: 0 0 20px
}

#option aside .con_opt01 p.txt_opt02 span {
	color: red
}

#option aside .con_opt01 dl {
	overflow: hidden;
	position: relative;
	padding: 5px 0 10px;
	font-size: 93%
}

#option aside .con_opt01 dl dt {
	float: left;
	padding: 0 5px 0 0;
	line-height: 1.6
}

#option aside .con_opt01 dl dd {
	line-height: 1.6
}

#cart p {
	padding: 0 0 10px;
	font-size: 93%;
	line-height: 1.6
}

#cart .btn a {
	margin: 0 5px
}

#cart table {
	margin-bottom: 20px
}

#cart table th.name {
	width: 300px
}

#cart table tr.subtotal td {
	background: #fff9ef;
	font-weight: 700
}

#cart .step_02 table {
	margin-bottom: 30px
}

#cart .step_02 table td {
	border: none;
	border-bottom: 1px dotted #bbb;
	padding: 10px 5px;
	vertical-align: top
}

#cart .step_02 table td input,
#mypage dl dd img,
#mypage p.note img {
	vertical-align: text-top
}

#cart .step_02 table td img {
	margin: 0 0 20px
}

#cart .step_02 table td div {
	line-height: 1.6
}

#cart .step_03 table {
	margin-bottom: 30px
}

#cart .step_03 table.pay td {
	border: none;
	border-bottom: 1px dotted #bbb
}

#cart table.noline {
	margin: 0;
	font-size: 100%
}

#cart table.noline th {
	width: 100px;
	background: 0 0;
	border: none;
	text-align: left;
	font-weight: 400
}

#date section h3,
#login .box h2,
#member table.check th,
#member ul {
	text-align: center
}

#cart table.noline th span.must_01 {
	margin: 0 0 0 10px
}

#cart table.noline td {
	border: none
}

#cart table.noline td input.size_01 {
	width: 120px
}

#login .progress {
	padding: 0 0 10px
}

#login .login_area {
	padding: 15px 0 0;
	overflow: hidden;
	position: relative
}

#login .box {
	float: left;
	width: 340px;
	background: #f2f2f2;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px
}

#login .box:first-of-type {
	margin: 0 20px 0 0
}

#login .box h2 {
	padding: 20px 0;
	font-size: 154%;
	color: #636363
}

#date p span,
#web dl dd span,
#web dl dt {
	color: #f30000
}

#login .box>div {
	position: relative;
	min-height: 220px;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 20px 20px 0;
	margin: 0 10px 10px
}

#login .login_form button,
#login a.button_2 {
	background: 0 0;
	border: none;
	position: absolute;
	bottom: 20px
}

#login .login_form p {
	font-size: 93%;
	line-height: 1.6
}

#login .login_form dl {
	width: 180px;
	margin: 0 auto;
	padding: 10px 0 4px;
	font-size: 93%
}

#login .login_form dl:first-of-type {
	padding-top: 20px
}

#login .login_form dl dt {
	font-weight: 700;
	padding: 0 0 4px
}

#login .login_form dl dd input {
	width: 180px
}

#login .login_form button {
	left: 20px
}

#login a.button_2 {
	float: right;
	margin-left: 5px;
	left: 158px
}

#login .login_btn {
	margin-top: 32px
}

#login .regist_message p {
	padding: 30px 0 0;
	text-align: center;
	font-size: 108%;
	line-height: 1.6
}

#date p,
#member p {
	padding: 0 0 20px;
	line-height: 1.6
}

#login .regist_message a {
	position: absolute;
	bottom: 20px;
	left: 72px
}

#member p {
	font-size: 93%
}

#member table {
	width: 100%;
	margin: 0 0 20px;
	font-size: 93%
}

#member table th {
	width: 200px;
	padding-left: 20px;
	text-align: left;
	line-height: 1.8
}

#member table td {
	border: 1px solid #cfcfcf;
	padding: 5px;
	line-height: 1.8
}

#member table td input[type=text],
#member table td input[type=password] {
	width: 270px;
}

#member table td input.size_01 {
	width: 140px
}

#member table td p {
	padding: 0
}

#member ul li {
	display: inline-block;
	padding: 0 5px
}

#member table.check th div {
	font-weight: 700
}

#date p {
	font-size: 93%
}

#date section h3 {
	float: left;
	width: 110px;
	margin: 0 20px 0 0;
	font-size: 124%;
	font-weight: 700;
	color: #f39a02
}

#date section h3 span {
	font-size: 86.9%
}

#date section h3 img {
	margin: 0 0 4px
}

#date section .description {
	float: left;
	width: 560px;
	padding: 0 0 30px
}

#date .description h4 {
	padding: 0 0 10px;
	font-size: 124%;
	font-weight: 700
}

#date .description dl,
#web p {
	font-size: 93%
}

#date .description p {
	padding: 0 0 10px
}

#date .description p.btn {
	text-align: right
}

#date .description dl dt {
	padding: 0 0 10px;
	font-weight: 700
}

#date .description dl dd ul {
	overflow: hidden;
	position: relative;
	padding: 0 0 10px
}

#date .description dl dd ul li {
	float: left;
	width: 50px;
	background: #f8f8f8;
	border: 1px solid #d8d8d8;
	margin: 0 5px 0 0;
	text-align: center;
	line-height: 1.6
}

#date .description dl dd:last-of-type {
	background: #f8f8f8;
	border: 1px solid #d8d8d8;
	padding: 5px 10px;
	line-height: 1.6
}

#web p {
	padding: 0 0 10px;
	line-height: 1.6
}

#web p.lead {
	font-size: 124%;
	font-weight: 700
}

#web ul {
	padding: 0 0 20px 10px
}

#web ul li {
	background: url(../../image/date/list.gif) left top no-repeat;
	padding: 0 0 0 14px;
	font-size: 93%;
	line-height: 1.6
}

#web dl {
	background: #FFF3DF;
	padding: 10px
}

#web dl dt {
	height: 17px;
	background: url(../../image/date/icon_caution.gif) left center no-repeat;
	padding: 6px 0 0 33px;
	font-size: 108%;
	font-weight: 700
}

#web dl dd {
	font-size: 93%;
	line-height: 1.6
}

#web dl dd ul {
	padding-bottom: 0
}

#web dl dd ul li {
	background: 0 0;
	padding: 0;
	font-size: 100%
}

#web table {
	margin-bottom: 10px
}

#web table th p {
	text-align: left
}

#web table td {
	text-align: center
}

#web table td textarea {
	width: 100%;
	height: 100px
}

#web table td button {
	background: 0 0;
	border: none
}

#web .column {
	padding: 0 0 20px
}

#web .column figure {
	float: left;
	width: 110px;
	margin: 0 20px 0 0;
	text-align: center
}

#web .column figure figcaption {
	padding: 6px 0 0;
	font-size: 124%;
	font-weight: 700;
	color: #f39a02
}

#web .column figure figcaption span {
	display: block;
	font-size: 86.9%
}

#web .column p {
	float: left;
	width: 570px;
	padding: 0
}

#web .column p img {
	margin: 20px 0 0
}

#web .upbox {
	padding: 10px 30px 20px
}

#web .upload {
	background: #f8f8f8;
	border: 1px solid #d8d8d8;
	padding: 20px 0;
	margin: 30px 0 0;
	text-align: center
}

#web .upload p {
	padding: 10px 0 0
}

#mypage h2 span.must_01 {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	padding: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align: center;
	font-size: 78.4%;
	color: #fff;
	width: 40px;
	background: #d80029;
	margin: 0
}

#mypage dl dd,
#mypage p {
	font-size: 93%;
	line-height: 1.6
}

#mypage p {
	padding: 0 0 10px
}

#mypage p.number {
	font-weight: 700
}

#mypage dl dd {
	padding: 0 0 20px
}

#mypage ul.btn,
#mypage ul.list {
	margin: 0 0 30px;
	text-align: center;
	font-size: 0
}

#mypage ul.btn li,
#mypage ul.list li {
	display: inline-block;
	margin: 0 5px
}

#mypage ul.delivary {
	margin: 0 0 10px;
	font-size: 0
}

#mypage ul.delivary li {
	display: inline-block;
	margin: 0 10px 0 0
}

#mypage table {
	margin-bottom: 20px
}

#mypage table td p.error {
	padding: 0
}

#mypage table td input[type=text] {
	width: 300px;
}

#mypage table td input.size_01 {
	width: 120px
}

#mypage table td textarea {
	width: 100%
}

#mypage table tr.subtotal td {
	background: #fff9ef;
	font-weight: 700
}

#mypage table.password th {
	width: 220px
}

#mypage table.edit th {
	width: 200px;
	padding-left: 20px;
	text-align: left
}

#mypage table.pattern_01 {
	margin-bottom: 30px
}

#mypage table.pattern_01 th {
	width: 180px;
	padding-left: 20px;
	text-align: left
}

#mypage .column .shipping {
	float: left;
	width: 220px
}

#mypage .column .calendar {
	float: left;
	width: 220px;
	margin: 0 0 0 20px;
	text-align: center;
	font-size: 93%
}

#mypage .column .shipping p {
	padding: 0 0 15px;
	font-size: 77%
}

#mypage .column .shipping dl {
	overflow: hidden;
	position: relative;
	padding: 0 0 5px
}

#mypage .column .shipping dl dt {
	float: left;
	font-size: 77%
}

#mypage .column .shipping dl dt img {
	vertical-align: middle;
	margin: 0 5px 0 0
}

#mypage .column .shipping dl dd {
	float: right;
	padding: 0;
	font-size: 93%;
	font-weight: 700;
	color: #ff2525
}

#mypage .calendar td {
	border: 1px solid #d6d6d6;
	padding: 2px 0;
	line-height: 1.6
}

#mypage .calendar td.l_cl01 {
	background: #9ca1a5;
	border-bottom: none;
	padding: 1px 0 2px 10px;
	text-align: left;
	color: #fff
}

#mypage .check,
#mypage ul.pager,
#mypage ul.pager li {
	text-align: center
}

#mypage .calendar td.l_cl02 {
	background: #b4b4b4
}

#mypage .calendar td.l_cl04 {
	background: #fceeee;
	color: red
}

#mypage .check {
	width: 300px;
	margin: 10px auto 20px;
	padding: 10px 0;
	background: #fff9f0;
	border: 1px solid #f39801;
	font-size: 124%;
	font-weight: 700
}

#mypage .check label {
	display: block
}

#mypage span.outpager {
	display: block;
	padding: 0 0 10px;
	text-align: center;
	font-size: 93%
}

#mypage ul.pager li {
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	background: #f78a23;
	margin: 0 5px 10px;
	color: #fff
}

#mypage ul.pager li.next,
#mypage ul.pager li.prev {
	width: auto;
	background: 0 0;
	color: #333
}

#mypage .thanks {
	overflow: hidden;
	border: 1px solid #ffaa21;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 0 0 30px;
	padding: 20px 50px 0
}

#mypage .thanks p {
	float: right;
	width: 132px
}

#mypage .thanks dl {
	float: left;
	width: 466px
}

#mypage .thanks dl dt {
	padding: 0 0 20px;
	font-size: 154%;
	font-weight: 700
}

#mypage .thanks dl dd a {
	font-size: 165.5%
}

#mypage .future li {
	overflow: hidden;
	padding: 0 0 20px
}

#mypage .future li p {
	float: left;
	background: url(../../image/mypage/arrow.png) center bottom no-repeat;
	padding: 0 0 64px;
	margin: 0 20px 0 0
}

#mypage .future li:last-child p {
	background: 0 0;
	padding: 0
}

#mypage .future li dl dd,
#mypage .future li dl dt {
	padding: 0 0 10px;
	font-size: 108%
}

#mypage .future li dl {
	float: left;
	width: 570px
}

#mypage .future li dl dt {
	font-weight: 700;
	line-height: 1.6
}

#text dl,
#text p,
#text ul {
	padding: 0 20px 20px 40px;
	font-size: 93%
}

#mypage .future li dl dd.note {
	color: #f40000
}

body#rate,
body#text {
	background: 0 0
}

#rate #contents {
	width: 100%;
	padding: 0 0 20px
}

#rate #contents h1 {
	background: url(../../image/common/bg_h1.gif) left top no-repeat;
	height: 40px;
	padding: 20px 0 0 25px;
	margin: 0 0 15px;
	font-size: 154%;
	font-weight: 700;
	color: #ffaa21
}

#rate p,
#rate ul li {
	font-size: 93%;
	line-height: 1.6
}

#rate #contents table {
	width: 250px;
	margin: 0 auto 10px
}

#rate p {
	padding: 0 10px 10px
}

#rate ul {
	padding: 0 10px 20px
}

#rate ul li {
	text-indent: -1em;
	padding: 0 0 0 1em
}

#text h1 {
	padding: 20px;
	font-size: 108%;
	font-weight: 700
}

#text h2 {
	background: #ffdea7;
	padding: 5px 20px;
	margin-bottom: 10px;
	font-size: 93%;
	font-weight: 700;
	line-height: 1.6
}

#text p {
	line-height: 1.6
}

#text ul li {
	text-indent: -2.6em;
	padding: 0 0 0 2.6em;
	line-height: 1.6
}

#text dl dt {
	font-weight: 700;
	line-height: 1.6
}

#text dl dd {
	line-height: 1.6
}

#main>#voice>section {
	margin-bottom: 40px;
	border-bottom: 1px dotted #bbb;
	padding-bottom: 20px
}

#main>#voice>section:after {
	display: block;
	clear: both
}

#main>#voice>section * {
	font-size: 12px;
	line-height: 1.8em;
	max-width: 100%;
	box-sizing: border-box
}

#main>#voice h2 {
	background: url(../../image/voice/h2.png) left center;
	background-size: contain;
	font-size: 18px;
	line-height: 24px;
	padding: 10px 20px 4px 40px;
	border: 1px solid #ededed;
	border-radius: 1px;
	position: relative;
	margin-bottom: 20px
}

#main>#voice h2 a {
	color: #333;
	font-size: 18px
}

#main>#voice h2 span {
	font-size: 14px;
	display: inline-block;
	margin-left: 18px
}

#main>#voice h2:before {
	width: 20px;
	height: 20px;
	background: url(../../image/voice/icon.png) center no-repeat;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -10px
}

#main>#voice .imageBox {
	width: 380px;
	float: left;
	margin-bottom: 20px
}

#main>#voice .imageBox:after {
	display: block;
	clear: both
}

#main>#voice .imageBox img {
	border-radius: 4px
}

#main>#voice .imageBox>div {
	text-align: center !important;
	width: 180px
}

#flyer_menu .name,
#main>#voice .pager {
	text-align: center
}

#main>#voice .imageBox>div>div {
	font-size: 14px
}

#main>#voice small {
	font-size: 10px
}

#main>#voice .imageBox small {
	display: block;
	clear: both;
	padding-top: 4px
}

#main>#voice .imageBox>div.left {
	float: left
}

#main>#voice .imageBox>div.right {
	float: right
}

#main>#voice .outline {
	width: 300px;
	float: right;
	position: relative;
	margin-bottom: 20px;
	margin-top: 25px
}

#main>#voice .outline a.button {
	display: inline-block;
	margin: 20px 0;
	float: right
}

#main>#voice .post {
	clear: both;
	margin-bottom: 20px
}

#main>#voice a.readMore {
	float: right;
	display: inline-block;
	padding: 4px 30px 2px;
	border: 1px solid #ffaa21;
	color: #333 !important;
	border-radius: 2px
}

#main>#voice a.readMore:active,
#main>#voice a.readMore:hover {
	background: #ffaa21;
	color: #fff !important
}

#main>#voice .pager a,
#main>#voice .pager span {
	display: inline-block;
	padding: 6px 6px 4px;
	margin: 0 6px;
	border: 1px solid transparent;
	border-radius: 2px;
	font-size: 14px
}

#main>#voice .post blockquote,
#main>#voice .post h1,
#main>#voice .post h2,
#main>#voice .post h3,
#main>#voice .post h4,
#main>#voice .post h5,
#main>#voice .post h6,
#main>#voice .post hr,
#main>#voice .post ol,
#main>#voice .post p,
#main>#voice .post table,
#main>#voice .post ul,
#main>#voice h6 {
	margin-bottom: 10px
}

#main>#voice .pager a.link_page {
	color: #ffaa21;
	border: 1px solid #ffaa21
}

#main>#voice .pager a.link_page:active,
#main>#voice .pager a.link_page:hover,
#main>#voice .pager span.current_page {
	color: #fff;
	border: 1px solid #ffaa21;
	background: #ffaa21
}

#main>#voice .pager a.link_before,
#main>#voice .pager a.link_next {
	color: #333;
	position: relative
}

#main>#voice .pager a.link_before:after,
#main>#voice .pager a.link_next:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 8px;
	box-sizing: content-box
}

#main>#voice .pager a.link_next {
	padding-right: 20px
}

#main>#voice .pager a.link_next:after {
	border: 4px solid transparent;
	border-left: 6px solid #ffaa21;
	right: 0
}

#main>#voice .pager a.link_before {
	padding-left: 20px
}

#main>#voice .pager a.link_before:after {
	border: 4px solid transparent;
	border-right: 6px solid #ffaa21;
	left: 0
}

#main>#voice h3:before,
#main>#voice h4:before,
#main>#voice h5:before {
	content: "";
	top: 20%;
	width: 0;
	height: 60%;
	display: block;
	left: 0
}

#main>#voice .post h1 {
	font-size: 20px;
	color: #ffaa21;
	box-sizing: content-box;
	line-height: 24px
}

#main>#voice h3 {
	font-weight: 700;
	font-size: 18px;
	background: #ffaa21;
	border-radius: 2px;
	padding: 8px 10px 8px 24px;
	position: relative;
	line-height: 1.2em;
	color: #fff
}

#main>#voice h4,
#main>#voice h5 {
	font-size: 18px;
	padding: 6px 10px 6px 24px
}

#main>#voice h3:before {
	position: absolute;
	border-left: 8px solid #fff;
	line-height: 1.2em
}

#main>#voice h3 a {
	color: #fff !important
}

#main>#voice h4 {
	border-radius: 2px;
	position: relative;
	border: 2px solid #ffaa21;
	line-height: 1.2em
}

#main>#voice h4:before {
	position: absolute;
	border-left: 8px solid #ffaa21
}

#main>#voice h5 {
	border-bottom: 1px solid #ffaa21;
	position: relative
}

#main>#voice h5:before {
	position: absolute;
	border-left: 4px solid #ffaa21
}

#main>#voice h6 {
	font-size: 14px;
	line-height: 1.2em;
	border-left: 4px solid #ffaa21;
	padding: 2px 2px 0 8px;
	position: relative
}

#main>#voice .post ul>li {
	margin: .25em 0;
	padding-left: 18px;
	position: relative
}

#main>#voice .post ul>li:before {
	content: "・";
	position: absolute;
	left: 0
}

#flyer_menu .menu:after,
#main>#column .imageBox:after,
#main>#column>section:after {
	content: "";
	clear: both
}

#main>#voice .post ol>li {
	margin: .5em 0 .5em 34px;
	position: relative;
	list-style: decimal
}

#main>#voice .post blockquote {
	background: #fafafa;
	padding: 10px 30px;
	margin-left: 40px;
	border-left: 2px solid #aaa
}

#print .roading span {
	font-size: 14px;
	display: block;
	margin-bottom: 10px
}

#flyer_menu #size .box {
	z-index: 20
}

#flyer_menu #texture .box {
	z-index: 18
}

#flyer_menu #color .box {
	z-index: 16
}

#flyer_menu #size .box>div:after {
	z-index: 21
}

#flyer_menu #texture .box>div:after {
	z-index: 19
}

#flyer_menu #color .box>div:after {
	z-index: 17
}

#flyer_menu {
	display: none
}

#flyer_menu .menu:after {
	display: block;
	margin-bottom: 30px
}

#flyer_menu .box {
	position: relative;
	width: 220px;
	min-height: 46px;
	font-size: 14px
}

#flyer_menu #color option {
	display: block;
	display: none
}

#flyer_menu .box option.display {
	display: block !important
}

#flyer_menu #color .box:hover label.display,
#flyer_menu #size .box:hover label,
#flyer_menu #texture .box:hover label {
	display: block
}

#flyer_menu .box option div {
	font-size: 13px;
	line-height: 1.4em
}

#flyer_menu .box option input {
	display: none
}

#flyer_menu .box option p {
	padding: 0;
	margin-top: 4px
}

#flyer_menu .box option span {
	display: block;
	color: #ffaa21;
	margin: 4px 0
}

#flyer_menu .name {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	background: #53a3e8;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 0 10px;
	margin: 0 8px 10px 0;
	font-size: 108%;
	font-weight: 700;
	color: #fff
}

.paper_type_text {
	margin-bottom: 60px
}

#flyer_menu img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px
}

#flyer_menu .menu {
	overflow: hidden
}

#main>#column>section {
	margin-bottom: 40px;
	border-bottom: 1px dotted #bbb;
	padding-bottom: 20px
}

#main>#column>section:after {
	display: block
}

#main>#column>section * {
	font-size: 12px;
	line-height: 1.8em;
	max-width: 100%;
	box-sizing: border-box
}

#main>#column h2 {
	background: url(../../image/voice/h2.png) left center;
	background-size: contain;
	font-size: 18px;
	line-height: 24px;
	padding: 10px 20px 4px 10px;
	border: 1px solid #ededed;
	border-radius: 1px;
	position: relative;
	margin-bottom: 20px
}

#main>#column h2 a {
	color: #333;
	font-size: 18px
}

#main>#column h2 span {
	font-size: 14px;
	display: inline-block;
	margin-left: 18px
}

#main>#column p.date {
	text-align: right
}

#main>#column .imageBox {
	width: 380px;
	float: left;
	margin-bottom: 20px
}

#main>#column .imageBox:after {
	display: block
}

#main>#column .imageBox img {
	border-radius: 4px
}

#main>#column .imageBox>div {
	text-align: center !important;
	width: 180px
}

#main>#column .imageBox>div>div {
	font-size: 14px
}

#main>#column small {
	font-size: 10px
}

#main>#column .imageBox small {
	display: block;
	clear: both;
	padding-top: 4px
}

#main>#column .imageBox>div.left {
	float: left
}

#main>#column .imageBox>div.right {
	float: right
}

#main>#column .outline a.button {
	display: inline-block;
	margin: 20px 0;
	float: right
}

#main>#column .post {
	clear: both;
	margin-bottom: 20px
}

#main>#column a.readMore {
	float: right;
	display: inline-block;
	padding: 4px 30px 2px;
	border: 1px solid #ffaa21;
	color: #333 !important;
	border-radius: 2px
}

#main>#column a.readMore:active,
main>#column a.readMore:hover {
	background: #ffaa21;
	color: #fff !important
}

#main>#column .pager {
	text-align: center
}

#main>#column .pager a,
#main>#column .pager span {
	display: inline-block;
	padding: 6px 6px 4px;
	margin: 0 6px;
	border: 1px solid transparent;
	border-radius: 2px;
	font-size: 14px
}

#main>#column .post blockquote,
#main>#column .post h2,
#main>#column .post h3,
#main>#column .post h4,
#main>#column .post h5,
#main>#column .post h6,
#main>#column .post hr,
#main>#column .post ol,
#main>#column .post p,
#main>#column .post table,
#main>#column .post ul,
#main>#column h6,
#main>#voicolumnce .post h1 {
	margin-bottom: 10px
}

#main>#column .pager a.link_page {
	color: #ffaa21;
	border: 1px solid #ffaa21;
	text-decoration: none !important
}

#main>#column .pager a.link_page:active,
#main>#column .pager a.link_page:hover,
#main>#column .pager span.current_page {
	color: #fff;
	border: 1px solid #ffaa21;
	background: #ffaa21
}

#main>#column .pager a.link_before,
#main>#column .pager a.link_next {
	color: #333;
	position: relative
}

#main>#column .pager a.link_before:after,
#main>#column .pager a.link_next:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 8px;
	box-sizing: content-box
}

#main>#column .pager a.link_next {
	padding-right: 20px
}

#main>#column .pager a.link_next:after {
	border: 4px solid transparent;
	border-left: 6px solid #ffaa21;
	right: 0
}

#main>#column .pager a.link_before {
	padding-left: 20px
}

#main>#column .pager a.link_before:after {
	border: 4px solid transparent;
	border-right: 6px solid #ffaa21;
	left: 0
}

#main>#column h3:before,
#main>#column h4:before,
#main>#column h5:before {
	content: "";
	top: 20%;
	width: 0;
	height: 60%;
	display: block;
	left: 0
}

#main>#column .post h1 {
	font-size: 20px;
	color: #ffaa21;
	box-sizing: content-box;
	line-height: 24px
}

#main>#column h3 {
	font-weight: 700;
	font-size: 18px;
	background: #ffaa21;
	border-radius: 2px;
	padding: 8px 10px 8px 24px;
	position: relative;
	line-height: 1.2em;
	color: #fff
}

#main>#column h4,
#main>#column h5 {
	font-size: 18px;
	padding: 6px 10px 6px 24px
}

#main>#column h3:before {
	position: absolute;
	border-left: 8px solid #fff;
	line-height: 1.2em
}

#main>#column h3 a {
	color: #fff !important
}

#main>#column h4 {
	border-radius: 2px;
	position: relative;
	border: 2px solid #ffaa21;
	line-height: 1.2em
}

#main>#column h4:before {
	position: absolute;
	border-left: 8px solid #ffaa21
}

#main>#column h5 {
	border-bottom: 1px solid #ffaa21;
	position: relative
}

#main>#column h5:before {
	position: absolute;
	border-left: 4px solid #ffaa21
}

#main>#column h6 {
	font-size: 14px;
	line-height: 1.2em;
	border-left: 4px solid #ffaa21;
	padding: 2px 2px 0 8px;
	position: relative
}

#main>#column .post ul>li {
	margin: .25em 0;
	padding-left: 18px;
	position: relative
}

#main>#column .post ul>li:before {
	content: "・";
	position: absolute;
	left: 0
}

#main>#column .post ol>li {
	margin: .5em 0 .5em 34px;
	position: relative;
	list-style: decimal
}

#main>#column .post blockquote {
	background: #fafafa;
	padding: 10px 30px;
	margin-left: 40px;
	border-left: 2px solid #aaa
}

#main>#column .post blockquote {
	background: #fafafa;
	padding: 10px 30px;
	margin-left: 40px;
	border-left: 2px solid #aaa
}

/* 2019/12/20 */
.error_contact {
	text-align: center;
	padding: 15px !important;
	font-size: 120% !important;
	border: 3px solid #F05050;
	background-color: #FFEBEB;
	margin-bottom: 15px;
	font-weight: bold;
}

#main .point ul li {
	float: left;
	padding: 0 0 0 10px;
}

#main .title_contact {
	padding: 30px !important;
	text-align: center;
	font-size: 160% !important;
	font-weight: bold;
	color: #ffaa21;
}

#main .p_contact {
	text-align: center;
	font-size: 140% !important;
}

.li_ranking {
	font-size: 260% !important;
	font-weight: bold;
	height: 40px;
}

.li_ranking span {
	font-size: 70% !important;
	font-weight: bold;
}

.table_goods {
	text-align: center;
	margin-bottom: 5px !important;
	;
}

.table_block {
	float: left;
	width: 50%;
}

.table_block_item {
	display: inline-block;
	border: 1px solid #FFAA21;
	width: 80px;
	text-align: center;
	padding: 5px;
	margin: 5px;
}

.table_goods_btn {
	width: 450px;
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	color: #FFF !important;
	background: #FFAB23;
	border-radius: 5px;
}

.table_goods_btn a {
	font-size: 160% !important;
	color: #fff !important;
	text-align: center !important;
}

.table_goods_btn a:before {
	content: "›";
	padding-right: 10px;
}

.table_goods_btn a:hover {
	text-decoration: none;
}

.star {
	color: #F6D98A;
}

.lead {
	margin-bottom: 15px;
	font-size: 120% !important;
	font-weight: bold;
}

.rank {
	display: inline-block !important;
}

input[type=checkbox] {
	-ms-transform: scale(1.5, 1.5);
	-webkit-transform: scale(1.5, 1.5);
	transform: scale(1.5, 1.5);
}


/**********************************************
module-btn
***********************************************/
.subtitle {
	font-size: 110% !important;
	font-weight: bold;
	padding-bottom: 10px;
}

.btn {
	max-width: 480px;
	margin: 15px;
	display: inline-block;
	font-weight: bold;
	padding: 10px 50px 10px 50px;
	text-align: center;
	text-decoration: none;
	color: #FFF !important;
	background: #FFAB23;
	border-radius: 5px;
	font-size: 110% !important;
	font-weight: bold;
}

.btn:before {
	content: "›";
	padding-right: 10px;
}

.btn:hover {
	text-decoration: none;
}


.btn_red {
	margin: 15px;
	max-width: 480px;
	display: inline-block;
	font-weight: bold;
	padding: 10px 50px 10px 50px;
	text-align: center;
	text-decoration: none;
	color: #FFF !important;
	background: #E23D12;
	border-radius: 5px;
	font-size: 110% !important;
}

.btn_red:before {
	content: "›";
	padding-right: 10px;
}

.btn_red:hover {
	text-decoration: none;
}

.btn_back {
	max-width: 480px;
	margin: 15px;
}

.btn_back {
	display: inline-block;
	font-weight: bold;
	padding: 10px 30px 10px 30px;
	text-align: center;
	text-decoration: none;
	color: #FFF !important;
	background: #BFBCB4;
	border-radius: 5px;
	font-size: 110% !important;
}

.btn:before {
	content: "›";
	padding-right: 10px;
}

.btn_back:hover {
	text-decoration: none;
}

/**********************************************
common
***********************************************/

.relative {
	position: relative !important;
}

.right,
.alignright {
	float: right !important;
}

.left,
.alignleft {
	float: left !important;
}

.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

.text-align-center {
	text-align: center !important;
}

.text-align-right {
	text-align: right !important;
}

.text-align-left {
	text-align: left !important;
}


.l-bottom-xxsmall {
	margin-bottom: 5px !important;
}

.l-bottom-xsmall {
	margin-bottom: 10px !important;
}

.l-bottom-small {
	margin-bottom: 15px !important;
}

.l-bottom {
	margin-bottom: 20px !important;
}

.l-bottom-large {
	margin-bottom: 30px !important;
}

.l-bottom-xlarge {
	margin-bottom: 50px !important;
}

.l-bottom-xxlarge {
	margin-bottom: 80px !important;
}

.l-top-xxsmall {
	margin-top: 5px !important;
}

.l-top-xsmall {
	margin-top: 10px !important;
}

.l-top-small {
	margin-top: 15px !important;
}

.l-top {
	margin-top: 20px !important;
}

.l-top-large {
	margin-top: 30px !important;
}

.l-top-xlarge {
	margin-top: 50px !important;
}

.l-top-xxlarge {
	margin-top: 80px !important;
}

.l-bottom-xxsmall-p {
	padding-bottom: 5px !important;
}

.l-bottom-xsmall-p {
	padding-bottom: 10px !important;
}

.l-bottom-small-p {
	padding-bottom: 15px !important;
}

.l-bottom-p {
	padding-bottom: 20px !important;
}

.l-bottom-large-p {
	padding-bottom: 30px !important;
}

.l-bottom-xlarge-p {
	padding-bottom: 50px !important;
}

.l-bottom-xxlarge-p {
	padding-bottom: 80px !important;
}

.l-top-xxsmall-p {
	padding-top: 5px !important;
}

.l-top-xsmall-p {
	padding-top: 10px !important;
}

.l-top-small-p {
	padding-top: 15px !important;
}

.l-top-p {
	padding-top: 20px !important;
}

.l-top-large-p {
	padding-top: 30px !important;
}

.l-top-xlarge-p {
	padding-top: 50px !important;
}

.l-top-xxlarge-p {
	padding-top: 80px !important;
}


@media screen and (max-width:768px) {

	.l-bottom-xxsmall {
		margin-bottom: 5px !important;
	}

	.l-bottom-xsmall {
		margin-bottom: 7px !important;
	}

	.l-bottom-small {
		margin-bottom: 10px !important;
	}

	.l-bottom {
		margin-bottom: 15px !important;
	}

	.l-bottom-large {
		margin-bottom: 20px !important;
	}

	.l-bottom-xlarge {
		margin-bottom: 30px !important;
	}

	.l-bottom-xxlarge {
		margin-bottom: 40px !important;
	}

	.l-top-xxsmall {
		margin-top: 5px !important;
	}

	.l-top-xsmall {
		margin-top: 7px !important;
	}

	.l-top-small {
		margin-top: 10px !important;
	}

	.l-top {
		margin-top: 15px !important;
	}

	.l-top-large {
		margin-top: 20px !important;
	}

	.l-top-xlarge {
		margin-top: 30px !important;
	}

	.l-top-xxlarge {
		margin-top: 40px !important;
	}

	.l-bottom-xxsmall-p {
		padding-bottom: 5px !important;
	}

	.l-bottom-xsmall-p {
		padding-bottom: 7px !important;
	}

	.l-bottom-small-p {
		padding-bottom: 10px !important;
	}

	.l-bottom-p {
		padding-bottom: 15px !important;
	}

	.l-bottom-large-p {
		padding-bottom: 20px !important;
	}

	.l-bottom-xlarge-p {
		padding-bottom: 30px !important;
	}

	.l-bottom-xxlarge-p {
		padding-bottom: 40px !important;
	}

	.l-top-xxsmall-p {
		padding-top: 5px !important;
	}

	.l-top-xsmall-p {
		padding-top: 7px !important;
	}

	.l-top-small-p {
		padding-top: 10px !important;
	}

	.l-top-p {
		padding-top: 15px !important;
	}

	.l-top-large-p {
		padding-top: 20px !important;
	}

	.l-top-xlarge-p {
		padding-top: 30px !important;
	}

	.l-top-xxlarge-p {
		padding-top: 40px !important;
	}

	#beginner .btn {
		font-size: 75% !important;
		padding: 5% 15%;
	}
}