@charset "utf-8";
@import "../../common/css/0-import.css";
body {
	background: #F2F0EC url(../../img/guide/before/body_back.jpg) repeat-x left top;
}

.banner {
	padding-top: 2px;
}

#conts h2 {
	margin-bottom: 10px;
}

#conts h3 {
	margin-bottom: 9px;
}

#conts h3.mb5 {
	margin-bottom: 5px;
}

#conts h3.mb6 {
	margin-bottom: 6px;
}

#conts h3.mb7 {
	margin-bottom: 7px;
}

#conts p {
	font-size: 12px;
	line-height: 1.7;
	color: #666;
}

#conts p.topP {
	margin: 0 0 24px 11px;
}
	*+html #conts p.topP {
		margin-right: 5px;
	}
	
	*html #conts p.topP {
		margin-right: 5px;
	}
	
#conts .box01 {
	margin: 0 0 9px 10px;
	padding: 11px 0 16px 8px;
	width: 581px;
	background: #f4e3e3 url(../../img/guide/before/h3_back01.jpg) no-repeat left top;
	zoom: 1;
}

#conts .box01 p {
	margin: 0 255px 0 7px;
	color: #333;
	line-height: 1.5;
}

#conts img.photo01 {
	margin: 0 0 10px 270px;
}

#conts img.mb9 {
	margin: 0 0 9px 270px;
}

#conts .box02 {
	margin: 0 0 10px 10px;
	padding: 7px 0 13px 8px;
	width: 581px;
	background: #f4e3e3 url(../../img/guide/before/h3_back02.jpg) no-repeat left top;
	zoom: 1;
}

#conts .box02 p {
	margin: 0 255px 0 7px;
	color: #333;
	line-height: 1.5;
}

#conts .box02 p.mb18 {
	margin-bottom: 18px;
}

#conts .box03 {
	margin: 0 0 10px 10px;
	padding: 7px 0 16px 15px;
	width: 574px;
	background: #f4e3e3 url(../../img/guide/before/h3_back03.jpg) no-repeat left top;
	zoom: 1;
}

#conts .box03 p {
	margin: 0 256px 0 0px;
	color: #333;
	line-height: 1.5;
}

#conts .box03 p.mb18 {
	margin-bottom: 18px;
}

#conts .box04 {
	margin: 0 0 9px 10px;
	padding: 7px 0 16px 8px;
	width: 581px;
	background: #f4e3e3 url(../../img/guide/before/h3_back04.jpg) no-repeat left top;
	zoom: 1;
}

#conts .box04 p {
	margin: 0 255px 0 10px;
	color: #333;
	line-height: 1.5;
}

#conts .box04 p.mb18 {
	margin-bottom: 18px;
}

#conts .box05 {
	margin: 0 0 8px 10px;
	padding: 9px 0 16px 8px;
	width: 581px;
	background: #f4e3e3 url(../../img/guide/before/h3_back05.jpg) no-repeat left top;
	zoom: 1;
}

#conts .box05 p {
	margin: 0 258px 0 8px;
	color: #333;
	line-height: 1.5;
}

#conts .box05 p.mb18 {
	margin-bottom: 18px;
}

#conts .box06 {
	margin: 0 0 29px 10px;
	padding: 8px 0 16px 8px;
	width: 581px;
	background: #f4e3e3 url(../../img/guide/before/h3_back06.jpg) no-repeat left top;
	zoom: 1;
}

#conts .box06 p {
	margin: 0 250px 0 10px;
	color: #333;
	line-height: 1.5;
}

#conts .box06 p.mb18 {
	margin-bottom: 18px;
}

#conts .subNavi {
	text-align: center;
	margin-bottom: 30px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	
	#conts p.topP {
		margin-right: 5px;
	}

}