@charset "UTF-8";

@import "default.css";
@import "common.css";
@import "sori.css";

/*--------------------------
/* h
--------------------------*/

#con h2,#h3{
	width:680px;
	height:125px;
	margin-bottom:10px;
	text-indent: -9999px;	}
.l02 h2{background: url("../img/h3_02.jpg") no-repeat 0 0;}
.l03 h2{background: url("../img/h3_03.jpg") no-repeat 0 0;}
.l04 h2{background: url("../img/h3_04.jpg") no-repeat 0 0;}
.l05 h2{background: url("../img/h3_05.jpg") no-repeat 0 0;}
.l06 h2{background: url("../img/h3_06.jpg") no-repeat 0 0;}
.l07 h2{background: url("../img/h3_07.jpg") no-repeat 0 0;}
.l08 h2{background: url("../img/h3_08.jpg") no-repeat 0 0;}
.l09 h2{background: url("../img/h3_09.jpg") no-repeat 0 0;}
.l10 h2{background: url("../img/h3_10.jpg") no-repeat 0 0;}
.l11 h2{background: url("../img/h3_11.jpg") no-repeat 0 0;}
.l12 h2{ba: url("../img/h3_12.jpg") no-repeat 0 0;}
.l13 h2{background: url("../img/h3_13.jpg") no-repeat 0 0;}
.l14 h2{background: url("../img/h3_14.jpg") no-repeat 0 0;}

#con h3,#h4{
	width:614px;
	padding:24px 34px 24px 34px;
	font-size:140%;
	font-weight:bold;
	color:#a6123a;
	background: url("../img_common/h4.jpg") no-repeat 0 0;
	margin-bottom:15px;
}

#con h4{
	width:640px;
	padding:10px 10px 8px 10px;
	font-weight:bold;
	color:#fff;
	background:#cc2a56 url("../img_common/h5.jpg") no-repeat 0 0;
	margin:0 auto 15px;
}

/*--------------------------
/* contents
--------------------------*/

#con div#pan{
	width:660px;
	background-color:#ccc;
	padding:3px 10px 3px 10px;
	font-size:78%;
	text-align:right;
	margin-bottom:20px;}

#con div#pan a,a:hover{text-decoration:none;}


#con div.conboxL01{
	width:660px;
	margin:0 auto;
	padding-bottom:20px;}

#con div.conboxL02{
	width:630px;
	margin:0 auto;
	padding-bottom:20px;}

#con div.conboxL01 p,dd,li,
#con div.conboxL02 p{
	line-height:1.7;}

#con div.conboxL01 div.imgR{
	width:200px;
	float:right;
	margin-left:15px;}

#con div.conboxL01 div.imgR2{
	width:320px;
	float:right;}

#con div.conboxL01 div.imgR3{
	width:320px;
	float:right;
	margin-left:15px;}
	
#con div.conboxL01 div.imgR4{
	width:153px;
	float:right;
	margin-left:16px;
	text-align:center}

#con div.conboxL01 div.imgR4_2{
	width:153px;
	float:right;
	text-align:center}

div#con div.conbg{
	margin-bottom:30px;
	background: url("../img/con_bg.jpg") no-repeat 0 100%;}


.l08 div#con dl,
.l09 div#con dl,
.l10 div#con dl{
	width:218px;
	padding:0 5px 30px 10px;
	float:left;}

.l08 div#con dl dt,
.l09 div#con dl dt,
.l10 div#con dl dt{
	line-height: 0;
	font-size: 0;}

.l08 div#con dl dd,
.l09 div#con dl dd,
.l10 div#con dl dd{
	background: url("../img/case_bg.gif") no-repeat 0 0;
	padding:0 7px 0 7px;
	text-align:right;
	line-height:1.8;}
	

	
.l08 div#con dl.muryo,
.l09 div#con dl.muryo,
.l10 div#con dl.muryo {
	width: 190px;
	font-size: 110%;
}

.l08 div#con dl.muryo dd,
.l09 div#con dl.muryo dd,
.l10 div#con dl.muryo dd {
	background: none;
	text-align: left;
}

.l08 div#con dl.muryo dd.form ,
.l09 div#con dl.muryo dd.form ,
.l10 div#con dl.muryo dd.form {
	margin-top: 4px;
}

.l08 div#con dl.muryo dd.form a,
.l09 div#con dl.muryo dd.form a,
.l10 div#con dl.muryo dd.form a {
	display: block;
	width: 130px;
	height: 20px;
	background: url(../img/form.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	outline: none;
}

.l08 div#con dl.muryo dd.form a:hover,
.l09 div#con dl.muryo dd.form a:hover,
.l10 div#con dl.muryo dd.form a:hover {
	background-position: -130px;
}

/*--------------------------
		sign
--------------------------*/

.l03 #con dl{
	background:url(../img/dl_bg.gif) repeat-y 0 0;
	width:660px;	
	margin:0 auto 20px;}

.l03 #con dl#price dt,
.l03 #con dl#design dt,
.l03 #con dl#endurance dt{
	width:660px;
	height:27px;
	text-indent: -9999px;}

.l03 #con dl#price dt{background:url(../img/dt_price.gif) no-repeat 0 0;	}
.l03 #con dl#design dt{background:url(../img/dt_design.gif) no-repeat 0 0;	}
.l03 #con dl#endurance dt{background:url(../img/dt_endurance.gif) no-repeat 0 0;	}

.l03 #con dl dt a{
	width:660px;
	height:27px;
	display:block;}

.l03 #con dl dd{
	background:url(../img/dd_bg.gif) no-repeat 0 100%;
	padding:7px 13px 12px 13px;}

.l03 #con dl dd a{
	color:#555;
	line-height:1.7;}
.l03 #con dl dd a:hover{
	color:#df6183;
	text-decoration:underline;}


#con p#signCatch{
	width:660px;
	height:127px;
	margin:0 auto 20px;
	text-indent: -9999px;	}

.l04 #con p#signCatch{background:url(../img/catch_price.gif) no-repeat 0 0;}
.l05 #con p#signCatch{background:url(../img/catch_design.gif) no-repeat 0 0;}
.l06 #con p#signCatch{background:url(../img/catch_endurance.gif) no-repeat 0 0;}

#con .step{
	background:url(../img/step.gif) no-repeat 0 0;
	text-indent:10px;
	display:block;
	width:286px;
	height:26px;
	color:#FFFFFF;
	padding-top:4px;
}


/*--------------------------
		sitemap
--------------------------*/
.l14 #con h4{
	margin-bottom:5px;
}

.l14 #con h4 a{color:#fff;}

.l14 #con h4 a:hover{
	text-decoration:underline;}

.l14 #con dl{
	width:630px;
	margin:0 auto 15px;}

.l14 #con dl dt{
	font-weight: bold;
	color: #006699;
	padding:2px 10px 10px 20px;
	background: url(../img/ic_l_r.gif) no-repeat 2px 3px;}


.l14 #con dl dt a:hover{text-decoration:underline;}


/*--------------------------
		qa
--------------------------*/

.l11 #con div.conboxL01 li{
	min-height:20px;
	_height:20px;
	font-weight:bold;
	margin-bottom:1px;
	padding:0 0 5px 20px;
	background:url(../img/qa.gif) 0 3px no-repeat;

}

	
.l11 #con div.conboxL01 dt{
	min-height:20px;
	_height:20px;
	font-weight:bold;
	margin-bottom:1px;
	padding:5px 0 5px 30px;
	background:url(../img/q.gif) 0 0 no-repeat;}
	
.l11 #con div.conboxL01 dd{
	min-height:20px;
	_height:20px;
	margin-bottom:10px;
	padding:1px 0 5px 30px;
	background:url(../img/a.gif) 0 0 no-repeat;}



/*--------------------------
/* table layout
--------------------------*/
div.table01{
	width:600px;
	margin:0 auto;
	margin-bottom:20px;}

div.table01 p{
	line-height:1.7;}
	
table.t01{
	width:600px;
	border:1px solid #cccccc;
	background-color:#666666;}
table.t01 th,
table.t01 td{
	line-height:1.4;
	text-align:left;
	padding:5px 10px 5px 10px;}
table.t01 th{
	width:130px;
	border:1px solid #FFFFFF;
	background-color: #eeeeee;
	color: #444444;}
table.t01 td{
	width:380px;
	background-color:#FFFFFF;}

	
table.t01 th.tableTitle{
	width:auto;
	text-align:center;
	font-size:110%;
	font-weight:bold;
	color:#FFFFFF;
	background-color: #888888;}

table.t02{
	width:300px;
	border:none;}

table.t02 th,
table.t02 td{
	line-height:1.4;
	padding:2px 10px 2px 10px;}

table.t02 th{width:200px;}
table.t02 td{
	width:60px;}


/*--------------------------
/* inquiry
--------------------------*/
.btn{
text-align:center;
font-size:100%;
width:120px;
padding:6px 5px 3px;
margin:10px 10px 0 10px;}

.l12 #con div.table01 span{
	font-weight:bold;
	color:#D95E59;}	


/* 080917
--------------------------------------------------*/

fR {
	float:right;
}
div.set_out {
	padding:1px;
	border:1px solid #c03;
}
div.set_in {
	border:1px dashed #c03;
	padding:5px;
}
div.set_in p.imgL {
	float:left;
	margin:0 10px 0 0;
}
div.set_in div.fR p.attention {
	color:#903;
	font-size:110%;
	font-weight:bold;
	margin:.5em 0;
}
div.set_in div.fR p.bor {
	border-bottom:1px solid #ccc;
	padding-bottom:3px;
}
p.another a {
	display:block;
	height:60px;
	width:200px;
	float:right;
	margin:0 10px 15px;
	padding:0;
	text-indent:-9999em;
	background:url(../img/bnr_another.jpg) no-repeat 0 0;
	outline:none;
}
p.another a:hover {
	background-position:bottom;
}


/*-------------090108---------------*/
#wrap #navi .cam_bnr02 {
	text-indent: -9999px;
	margin-bottom: 20px;
}

	#wrap #navi .cam_bnr02 a {
		display: block;
		width: 173px;
		height: 105px;
		background: url(../img_common/bn_adfoam02.jpg) 0 0 no-repeat;
	}
	
		#wrap #navi .cam_bnr02 a:hover {
			background-position: bottom;
		}