@charset "utf-8";

/* guide
------------------------------------------------ */
#page_guide {
}

	#page_guide .nav {
		margin: 0 0 80px -16px;
	}

		#page_guide .nav dl {
			float: left;
			margin: 0 0 16px 16px;
			width: 502px;
			border: solid #949494 1px;
		}
		#page_guide .nav .line1 { height: 148px; }
		#page_guide .nav .line2 { height: 145px; }
		#page_guide .nav .line3 { height: 146px; }

			#page_guide .nav dl dt {
				padding-left: 62px;
				height: 40px;
				background-color: #949494;
				background-position: 16px center;
				background-repeat: no-repeat;
				font-size: 108%;
				font-weight: bold;
				line-height: 40px;
				color: #fff;
			}
			#page_guide .nav .line_register dt { background-image: url(../../img/guide/icon_register1.png); }
			#page_guide .nav .line_delivery dt { background-image: url(../../img/guide/icon_delivery1.png); }
			#page_guide .nav .line_shipping dt { background-image: url(../../img/guide/icon_shipping1.png); }
			#page_guide .nav .line_payment dt { background-image: url(../../img/guide/icon_payment1.png); }
			#page_guide .nav .line_repair dt { background-image: url(../../img/guide/icon_repair1.png); }
			#page_guide .nav .line_contact dt { background-image: url(../../img/guide/icon_contact1.png); }

			#page_guide .nav dl dd {
				padding: 8px 20px 0;
			}

				#page_guide .nav dl dd ul {
					float: left;
					margin-left: 20px;
					width: 200px;
				}

					#page_guide .nav dl dd ul li {
						padding-top: 8px;
						list-style: disc;
						font-size: 93%;
					}

						#page_guide .nav dl dd ul li a { display: inline-block; }

	#page_guide .block {
		margin-bottom: 80px;
	}

		#page_guide .block h3 {
			margin-bottom: 20px;
			padding-left: 60px;
			height: 48px;
			background-color: #000;
			background-position: 20px center;
			background-repeat: no-repeat;
			font-size: 108%;
			font-weight: bold;
			line-height: 48px;
			color: #fff;
		}
		#page_guide #register h3 { background-image: url(../../img/guide/icon_register1.png); }
		#page_guide #delivery h3 { background-image: url(../../img/guide/icon_delivery1.png); }
		#page_guide #shipping h3 { background-image: url(../../img/guide/icon_shipping1.png); }
		#page_guide #payment h3 { background-image: url(../../img/guide/icon_payment1.png); }
		#page_guide #repair h3 { background-image: url(../../img/guide/icon_repair1.png); }
		#page_guide #contact h3 { background-image: url(../../img/guide/icon_contact1.png); }

		#page_guide .block dl {
			padding: 24px;
			border-bottom: solid #e8e8e8 1px;
		}

			#page_guide .block dl dt {
				font-size: 108%;
				font-weight: bold;
			}

			#page_guide .block dl dd {
				margin-top: 14px;
				font-size: 93%;
				line-height: 1.8;
			}

				#page_guide .block dl dd a { text-decoration: underline; }
				#page_guide .block dl dd a:hover { text-decoration: none; }

				#page_guide .block dl dd .btn {
					margin-top: 20px;
					width: 200px;
					height: 40px;
					text-align: center;
					font-size: 108%;
					font-weight: bold;
					line-height: 40px;
				}

					#page_guide .block dl dd .btn a { display: block; background: #afafaf; text-decoration: none; color: #fff; }


/* members_section
------------------------------------------------ */
.members_section {
	width: 700px;
	margin: 0 auto;
	text-align: center;
	line-height: 18px;
}

.sec_main {
	position: relative;
	background: url(../../img/guide/members/bg_main.png) no-repeat;
	width: 700px;
	height: 280px;
	margin-bottom: 23px;
}

.sec_main h1 {
	position: absolute;
	top: 16px;
	left: -8px;
	margin: 0px;
}

.sec_point h2 {
	margin-bottom: 32px;
}

.sec_point .bg_point {
	position: relative;
	background: url(../../img/guide/members/bg_point.png) no-repeat;
	width: 700px;
	height: 613px;
	margin-bottom: 20px;
}

.sec_point .bg_point .point1,
.sec_point .bg_point .point2,
.sec_point .bg_point .btn_point_new,
.sec_point .bg_point .btn_point_app {
	position: absolute;
}
.sec_point .bg_point .point1 { width: 270px; top: 185px;	left: 53px; }
.sec_point .bg_point .point2 { width: 270px; top: 185px;	right: 55px; }
.sec_point .bg_point .btn_point_new { top: 533px;	left: 100px; }
.sec_point .bg_point .btn_point_app { top: 533px;	right: 103px; }

.sec_point .bg_point .point1 h3,
.sec_point .bg_point .point2 h3 {
	font-weight: bold;
	margin-bottom: 7px;
}

.sec_special .box_special {
	position: relative;
	background: #fff;
	border: 1px solid #e3dbcc;
	padding: 37px;
	margin-bottom: 22px;
}

.sec_special .box_special div {
	position: absolute;
	top: 0px;
	left: 0px;
}

.sec_special .box_special h2 {
	margin-bottom: 27px;
}

.sec_special .box_special .txt_special {
	margin-bottom: 24px;
}

.sec_app {
	margin-bottom: 100px;
}

.sec_app .ttl_app {
	background: url(../../img/guide/members/ttl_app.png) no-repeat;
	width: 700px;
	height: 42px;
	padding-top: 88px;
	margin-bottom: 39px;
}

.sec_app .cont_app p {
	margin-bottom: 16px;
}

.sec_app .cont_app .btn_app {
	width: 395px;
	margin: 0 auto;
}
.btn_app .btn_appstore { float: left; margin-right: 25px; }