@charset "utf-8";
/* CSS Document */

#option #content {

}
#contents_option {
	width:				680px;
	margin:				0 0 30px 65px;
	padding-top:		10px;
}
#contents_option .nestArea_01{
	width:				600px;
	margin:				0 40px 30px 40px;
}
#return_head {
	text-align:right;
	margin:0 20px 5px 20px;
	clear:both;
}
#return_head a{
	color:				#b10;
	background-color:	#eeeeee;
	padding:			3px 5px;
	line-height:		1.5em
}
#return_head a:hover{
	color:				#f00;
}
.line_dot {
	height:				10px;
	background-image:	url(../img/main/line_dot_02.gif);
	background-repeat:	repeat-x;
	background-position:bottom;
}

h1 {
	margin:					0 0 15px 0;
	color:					#000;
	font-weight:			bold;
	font-size:				18px;
	font-family:			"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
	border-left:			0px solid #b10;
	background-image:		url(../img/main/line_dot_02.gif);
	background-repeat:		repeat-x;
	background-position:	0 bottom;
	background-color:		;
	padding:				7px 5px 5px 0px;
	letter-spacing:			0px;
}
h2 {
	color:					#320;
	font-size:				15px;
	border-left:			7px solid #b10;
	padding:				4px 5px 2px 5px;
	background-color:		#E6E6DF;
}
h3 {
	color:					#b10;
	font-size:				14px;
	padding:				5px 5px 3px 0px;
	background-image:		url(../img/main/line_dot_02.gif);	
	background-repeat:		repeat-x;
	background-position:	0 bottom;
}
h4{
	font-size:				14px;
}
h5{
	font-size:				14px;
	color:					#000;
	margin:					15px 0 0 0;
	background-color:		#e5e5df;
	padding:				5px;
}
.red {
	color:					#e00;
}

.sentence_area {
	margin:					10px 0 0 10px;
}
.sentence_area .articles {
	margin:					5px 10px 0 25px;
	padding:				0;	
}
.sentence_area .articles li {
	padding-bottom:			10px;		
}
.sentence_area .line_dot {
	margin-top:				10px;
}

/* ガイド ------------------------------------- */
.guide_scr {
	width:					660px;
	margin:					0 0 20px 0px;	
}
.guide_scr td{
	vertical-align:			top;
}
.guide_scr .cmt{
	width:					100%;
}
.guide_scr .red {
	font-size:				16px;
	font-weight:			bold;
}
.guide_scr p {
	margin:					10px auto 0 auto;
}


/* 会員募集 ------------------------------------- */

#join-navi {
	background-color:		#E6E6DF;
	margin:					30px 0 10px ;
}
	#join-navi ul {
		float:left;
		margin:0;
		padding:7px 0  7px 20px;
}
		#join-navi ul li {
			float:left;
			list-style-position:inside;
			list-style-type:none;
			background:url(../img/join/list_arrow_01.gif) no-repeat 0 5px;
			padding-left:12px;
			margin-right:15px;
}
		#join-navi ul li a {
			text-decoration:none;
			color:#222;
}
		#join-navi ul li a:hover {
			color:#c10;
}
	#btn-join-s {
		float:right;
		display:block;
		margin-top:3px;
}
		#btn-join-s a {
			display:block;
			width:200px;
			height:24px;
			background:url(../img/join/btn_go_form_s.gif) no-repeat 0 0;
}
		#btn-join-s a:hover {
			background-position:bottom;
}
		#btn-join-s a span {
			display:none;
}
#btn-join {
	display:block;
	width:251px;
	margin:20px auto 0;
}
	#btn-join a {
		display:block;
		width:251px;
		height:39px;
		background:url(../img/join/btn_go_form.gif) no-repeat 0 0;
}
	#btn-join a:hover {
		background-position:bottom;
}
	#btn-join a span {
		display:none;
}	
	
#join-main-contents {
	margin:20px 20px;
}

#store-thumb p {
	float:left;
	margin:0 13px 0 0;
}
#pic-present {
	margin:20px 0;
}
#pic-present .present-photo {
	float:left;
	width:240px;
	margin:0 20px 0 0; 
}
#pic-present .txt{
	float:left;
	width:380px;
}

#howto {
	margin-top:25px;
}
#howto-area {
	margin-top:1em;
	width:640px;
}
	.howto-box {
		width:297px;
		vertical-align:top;
		background:url(../img/join/howto_box_middle.gif) repeat-y 0 0;
}
		.howto-box .inner {
			height:125px;
			overflow:hidden;
			margin:0 10px 0 15px;
}
		.howto-box .title{
			margin:0 0 1em 10px;
}
		.howto-box p{
			float:left;
}
		.howto-box p.txt {
			width:158px;
			margin:0 10px 0 0;
}
		.howto-box p.image {
			margin:0;
}
	#howto-area td.arrow {
		width:46px;
		text-align:center;
}

#attention {
	margin-top:25px;
}
.attention-crosshead {
	margin:2em 0 0.5em 1.5em;
	padding:0.3em 0.5em;
	border-left:7px solid #ccccbF;
	border-bottom:1px dotted #aaa;
	font-size:1.12em;
}
ul.attention-note {
	
}
	ul.attention-note li{
		background:url(../img/join/list_disc_01.gif) no-repeat 0 2px;
		padding-left:20px;
		margin-bottom:0.8em;
		list-style-type:none;
}
#mobile {
	margin:40px 0 1em 0;
}
.mobile-note {
	width:350px;
	float:left;
}
	.mobile-note ul {
		margin:1em 0 0 0;
		padding:0 0 0 1em;
}
	.mobile-note li {
		margin-bottom:1em;
		list-style-type:disc;
}
.qrCode {
	float:left;
	padding:0 5px;
}

/* パンくず ------------------------------------- */
#crumb_area {
	background-color:		#E6E6DF;
	margin:					5px 8px 10px 8px;
	padding:				2px 2px 2px 15px; 
	text-align:				right;
}
	#crumb_area p{
		margin:0;
	}
	#crumb {
		float:left;
		margin:					0;
		padding:				0;
		color:					#66605a;
		font-size:				0.8em;
}
		#crumb li{
			display:				inline;
			list-style-type:		none;
			margin:					0 3px 0 0;
			padding:				0;	
			line-height:			2em;
}

/* floatclear hack　*/
.clearfix { display: inline-block; }
.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
	}   
/* start commented backslash hack \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }   
/* close commented backslash hack */