@charset "utf-8";

#headWrap{
	background:none;
	min-height:100px;
	height:auto;
}

* html #headWrap {
	height:100px;
}

#headWrap #header{
	height:55px;
	margin:10px auto
}

#headWrap #assistWrap{
	border-top:3px solid #000;
}

#headWrap #readArea{
	text-align:right;
	vertical-align:middle;
	margin-top:-45px;
}
#headWrap #readArea img{
	vertical-align:middle;
}


#headWrap #readArea img.mar02{
margin-right:280px;
}


#wrapper{
background:none;
}

.clearfix{ /zoom : 1; clear : both;}
.clearfix:after{
	content : '';
	display : block;
	clear : both;
}

a:link,a:visited{
	color: #00479D;
	text-decoration:underline;
}
a:hover,a:active{
	text-decoration:none;
}

/*--------------------
common part
--------------------*/
#inner_content {
	clear: both;
	width: 850px;
	margin: 0 auto;
}
.fL{ float: left}
.fR{ float: right}

#title ul#eqnav{
	padding-left: 45px;
}

#title ul#eqnav li{
	width: 278px; height: 48px;
	display: block;
	float: left;
	margin-right: 10px;
}
#title ul#eqnav li a{
	width: 278px; height: 48px;
	display: block;
}

#title h2{
	clear: left;
	width:950px; height: 250px;
	margin-bottom: 30px;
	background: url('../img/main.jpg') no-repeat 0 0;
	text-indent: -9999px;
}

#pnav{
	width: 850px;
	margin: 0 auto 80px;
}
#pnav ul li, #pnav ul li a{
	width: 400px; height: 85px;
	display: block;
}


#pack{
	clear: both;
	width: 820px; height: 372px;
	border: solid 1px #000;
	margin: 0 auto 80px; padding: 20px 15px 0;
	position: relative;
	background: url('../img/pack_bg.gif') no-repeat 50% 50%;
}

#pack p#package{
	width: 228px; height: 298px;
	float: left;
	position: absolute;
	top: -80px; left: 45px;
}

#pack h2{
	margin-bottom: 5px;
	padding-left: 280px;
}

#pack p.txt{
	margin-bottom: 1em;
	padding-left: 280px;
	line-height: 1.4;
}

#price{
	clear: left;
	width: 755px; height: 125px;
	margin: auto; padding: 15px 30px 0;
	font-size: 12px;
	background: url('../img/price_bg.gif') no-repeat 50% 50%;
}
#price h3{ margin-bottom: 5px;}
#price dl{
	line-height: 1.6;
}
#price dl dt{
	clear: left;
	width: 50px; float: left;
}
#price dl dd{
	padding-left: 70px;
}


/* --------------------------------------------------
	set of contents -1a-
-------------------------------------------------- */
#content_1a, #content_1b {
	clear: both;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	width: 950px;
	margin: 0 auto;
	padding-top: 10px;
}
#content_1a p#lead{
	width: 850px; height: 80px;
	margin: 0 auto 80px;
	background: url('../img/1ab/p1_lead.gif') no-repeat 0 0;
	text-indent: -9999px;
}

#content_1a #sct01{
	clear: both;
	margin: auto;
}

#content_1a #sct01 dl#prof{
	width: 210px;
}

#content_1a #sct01 dl#prof dt{
	margin-bottom: 10px;
}

#content_1a #sct01 dl#prof dt img{
	padding: 4px;
	border: solid 1px #bbb;
}

#content_1a #sct01 dl#prof dd{
	font-size: 10px;
	line-height: 1.8;
	margin-bottom: 10px;
}

#content_1a #sct01 dl#prof dd span{
	font-weight: 700;
}

#content_1a #sct01 .fR{
	width: 580px;
}

#content_1a #sct01 p{
	line-height: 1.8;
	font-size: 12px;
}
#content_1a #sct01 p em{
	background: url('../img/link_bg.gif') repeat-x left bottom;
}
#content_1a #sct01 p#more{
	text-align: right;
	margin-bottom: 50px;
}
#content_1a #sct01 p#more a:link{
	text-decoration: none;
	background: url('../img/link_bg.gif') repeat-x left bottom;
}
#content_1a #sct01 p#more a:hover{
	text-decoration: none;
	background: none;
}
#content_1a #sct01 p#more img{
	vertical-align: middle !important;
}

#content_1a #sct02{
	clear: both;
	margin: 0 auto 150px;
}

#content_1a #sct02 dl{
	clear: both;
	width: 760px;
	margin: auto; padding: 40px 20px;
	border-top: dashed 1px #949494;
}
#content_1a #sct02 dl#first{
	border: none;
	padding-top: 20px;
}

#content_1a #sct02 dl dt img{
	border: solid 1px #bbb;
}
#content_1a #sct02 dl dt.fL{
	margin-right: 30px;
} 

#content_1a #sct02 dl dd{
	width: 490px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 1.6;
}
#content_1a #sct02 dl dd#ttl01{
	background: url('../img/mark01.gif') no-repeat 0 4px;
	padding-left: 22px;
}
#content_1a #sct02 dl dd#ttl02{
	background: url('../img/mark02.gif') no-repeat 0 4px;
	padding-left: 22px;
}

#content_1a #sct02 dl dd img{
	vertical-align: top !important;
}


/* --------------------------------------------------
	set of contents -1b-
-------------------------------------------------- */

#content_1b #sct01{
	clear: both;
	margin: 0 auto;
}

#content_1b p#lead{
	width: 850px; height: 80px;
	margin: 0 auto 80px;
	background: url('../img/1ab/p2_lead.gif') no-repeat 0 0;
	text-indent: -9999px;
}

#content_1b #sct01 p, #content_1b #sct02 p{
	line-height: 1.8;
	font-size: 12px;
}

dl.howto{
	width: 255px; height: 330px;
	margin-right: 15px;
	padding: 5px 15px 5px 0;
	float: left;
	border-right: dashed 1px #949494;
}
dl.right{
	margin-right: 0 !important;
	padding: 5px 0 !important;
	border-right: none;
}

dl.howto dt{
	margin-bottom: 15px;
}
dl.howto dt img{
	border: solid 1px #bbb;
}
dl.howto dd{
	font-size: 10px;
	line-height: 1.6;
}

#content_1b #sct02{
	clear: both;
	margin: 0 auto 150px;
	padding-top: 70px;
}
