@charset "shift_jis";

/*------------------------------*/
/* FPコード                     */
/*------------------------------*/

#howto a:link {color: #303030; text-decoration: none;}
#howto a:visited {color: #303030; text-decoration: none;}
#howto a:hover {color: #84007b; text-decoration: underline;}
#howto a:active {color: #84007b; text-decoration: underline;}



#heading h1 {
	width: 960px;	/*画像の幅*/
	height: 149px;	/*画像の高さ*/
	font-size: x-small;
	text-indent: -9999px;
	background: url(../img/fp_heading.gif) no-repeat;
}
#main h2{
	width: 640px;
	height: 20px;	/*画像の高さ*/
	font-size: x-small;
	text-indent: -9999px;
	background: url(../img/fp_heading_h2.gif) no-repeat;
}


#guide {
	width: 660px;
}
#guide h3 {
	width: 640px;
	height: 15px;	/*画像の高さ*/
	margin-top: 23px;
	font-size: x-small;
	text-indent: -9999px;
	background: url(../img/fp_heading_h3_01.gif) no-repeat;
}

#guideLeft-box {
	width: 346px; /*IE 印刷プレビュー時のずれ対処に-1px*/
	margin: 15px 0px 38px 0px;
	background: url(../img/fp_arrow.gif) right center no-repeat;
	float: left;
}
#guideRight-box {
	width: 312px;
	margin: 15px 0px 38px 2px;
	float: right;
}

.guideKoumoku-topbox {
	width: 312px;
	height: 6px;
	background: url(../img/fp_koumokuTop_bg.gif) left top no-repeat;
}
.guideKoumoku-middlebox {
	width: 282px;
	padding: 9px 15px 0px 15px;
	background: url(../img/fp_koumokuMiddle_bg.gif) left top repeat-y;
}
.guideKoumoku-bottombox {
	width: 312px;
	height: 6px;
	background: url(../img/fp_koumokuBottom_bg.gif) left top no-repeat;
}

p.impt{
	margin: 10px 0px 10px 0px;
	font-size: medium;
	font-weight: bold;
}

.guideImgbox1 {
	width: 75px;
	float: left;
}
.guideImgbox1 p{
	margin-top: 6px;
	font-size: x-small;
}
.guideTxtbox1 {
	width: 207px;
	float: right;
}
.guideImgbox2 {
	width: 84px;
	float: left;
}
.guideImgbox2 p{
	margin-top: 6px;
	font-size: x-small;
}
.guideTxtbox2 {
	width: 198px;
	float: right;
}



#construction {
	width: 660px;
}

#construction h3 {
	width: 640px;
	height: 15px;	/*画像の高さ*/
	font-size: x-small;
	text-indent: -9999px;
	background: url(../img/fp_heading_h3_02.gif) no-repeat;
}
#web-axs {
	width: 628px;
}
#web-axs p {
	margin-top: 6px;
}
#web-axs img {
	margin-top: 35px;
	margin-left: 45px;
}

#construction h4 {
	width: 640px;
	height: 25px;	/*画像の高さ*/
	margin-top:34px;
	font-size: x-small;
	text-indent: -9999px;
	background: url(../img/fp_heading_h4.gif) no-repeat;
}
#case {
	width: 367px;
}
#case img{
	margin-top: 22px;
}
#case p{
	margin-top: 23px;
	line-height: 1.5em;
}






#howto {
	width: 660px;
}

#howto h3 {
	width: 660px;
	height: 14px;	/*画像の高さ*/
	margin-top: 38px;
	font-size: x-small;
	text-indent: -9999px;
	background: url(../img/fp_heading_h3_03.gif) no-repeat;
}
#howto ul{
	list-style: none;
	margin: 18px 0px 62px 0px;
}
#howto li{
	padding: 0px 0px 0px 10px;
	list-style: none;
	line-height: 1.5em;
	background: url(../img/fp_marker_list.gif) no-repeat;
}
