@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);
#content .panz li{
	font-size:1.2em;
}

#content {
	float: right;
	width: 610px;
	line-height: 1.6;
	font-size: 1.2em;
}
#content h3{
	padding:0 0 5px 55px;
	font-size:1.35em;
	line-height:1.4;
	margin-bottom:20px;
	color:#92D050;
	text-align:center;
	background: none;
}
#content h3::before{
	content: "";
	height: 28px;
	width: 50px;
	background: url(../image/h3_bg.jpg) 0 0 no-repeat;
	display: inline-block;
	position: relative;
	right: 33px;
}

/*

#content h3#no1{
	background: url(../image/h3_bg.jpg) 170px top no-repeat;
	font-size:1.5em;

}

#content h3#no2{
	background: url(../image/h3_bg.jpg) 160px top no-repeat;
	font-size:1.5em;
}

#content h3#no3{
	background: url(../image/h3_bg.jpg) 223px top no-repeat;
	font-size:1.5em;
}

*/
#content h3 span{
	font-size: 0.9em;

}

#menu .nav{
	overflow: hidden;
 /zoom: 1;
}
#menu .nav li{
	float:left;
	margin:0 20px 30px 0;
}
#menu .nav li.none{
	float:left;
	margin:0 0 30px 0;
}
#menu .menu p.top{
	text-align:center;
}
#menu .menu p.text{
	text-align:center;
	margin:10px 0 28px;
}
#menu .box {
	margin-left:80px;
}
#menu .box dl dt span{
	font-size:0.9em;
}
#menu .box  {
	padding:9px 0 20px;
}

#menu .box dl {
	overflow: hidden;
 /zoom: 1;
 line-height: 1;
 margin-bottom: 10px;

}
#menu .box dl dt{
	float:left;
	margin-right:10px;
}
#menu .box dl dd{
	float: left;
	margin-right: 10px;
}

#menu .box dl dd span{
	font-size:1.0em;
}

#menu .box dl dd span .font{
	margin-left:-5px;
	margin-right:5px;
}

#menu .box dl dd.last{
	margin-right: 0;
	text-align: right;
	width: 100%;
	margin-top: -12px;
}

#menu .box p.t01{
	margin:0 0 15px 20px;
}
#menu .box.w01 dl{
	margin-left:170px;
}
#menu .menu .box.w01 dl dt{
	background:url(../image/bg4.jpg) left center no-repeat;
}

#menu dl.line{
	margin-left: 90px;
	padding-top: 20px;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	margin-bottom: 30px;
}

#menu dl.line dd{
	padding: 15px 0 15px 10px;

}

#menu .vcenter{
	margin-bottom: 25px;

}

#menu .vcenter dt{
	margin-bottom: 15px;
	text-align: center;
}

#menu .vcenter dd dl{
	overflow: hidden;
	zoom:1;
}

#menu .vcenter dd dt{
	float: left;
	text-align: left;
	margin-bottom: 0;
}

#menu .vcenter dd dl dd{
	margin-left: 80px;
}

#menu .vcenter dd dl{
	padding-left: 80px;
	margin-bottom: 5px;
}

#menu div.pr260 dl{
	padding-left: 175px;
}

#content .up{
	text-align: right;
	margin-bottom: 30px;
}

#content .ttl{
	text-align: center;
	margin-bottom: 20px;
}

#content .facial dd.cmt{
	font-size: 0.85em;
	margin: 5px 0 15px;
}

#content .facial dd{
	padding-left: 102px;
}

#content .facial dt{
	margin-bottom: 15px;
}

#content .facial{
	margin-bottom: 30px;
}

#content .facial dd span{
	color: #92D050;
}

#content .facial dd.mid{
	margin: 15px 0 20px;
}

#content .mb20{
	margin-bottom: 15px;
}

#content .mb12{
	margin-bottom: 12px;
}

#content .mb30{
	margin-bottom: 26px;
}


#content .imgright{
	margin-bottom: 10px;
}

#content .facial dd dl{
	overflow: hidden;
	zoom:1;

}

#content .facial dd dl dt{
	float: left;
	margin: 0;
}

#content .facial dd dl dd{
	margin-left: 120px;
	padding-left: 0;

}

#content .imgleft{
	padding-left: 60px;
	margin-top: 15px;
}

#content .imgleft .image{
	margin-right: 10px;
}

#content .mt15{
	margin-top: 12px;
}


#content .facial dd p.ind{
	text-indent: -20px;
	padding-left: 20px;
}

#content .facial dd.big{
	font-size: 1.15em;
}


@media screen and (max-width: 680px){
	#content h3{
		padding-left: 0;
	}
	#content h3::before{
		right: 0;
		margin-right: 10px;
	}
	#menu .nav li,
	#menu .nav li.none{
		float: none;
		text-align: center;
		margin: 0 0 20px;
	}
	#menu dl.line dd,
	#menu .vcenter dd dl,
	#menu div.pr260 dl,
	#content .facial dd,
	#content .imgleft,
	#content .facial dd p.ind{
		padding-left: 0;
	}
	#menu .box,
	#menu .box p.t01,
	#menu dl.line{
		margin-left: 0;
	}



	#menu .box dl dd{
		float: none;
		margin-right: 0;
		margin-bottom: 5px;
	}
	#menu .box dl dd.last{
		margin-top: 0;
	}
	#menu .vcenter dd dl,
	#content .facial dd dl{
		margin-bottom: 10px;
	}
	#menu .vcenter dd dt,
	#content .facial dd dl dt{
		float: none;
		margin-bottom: 5px;
	}
	#menu .vcenter dd dl dd,
	#content .facial dd dl dd{
		margin-left: 0;
	}
	#content .facial dd p.ind{
		text-indent: 0;
	}
}
