@charset "utf-8";

/* base 1 ********************************************/

body{
	margin: 0;
	padding: 0;
	line-height: 150%;
	color: #333;
	background: #fff url(./img/bg.gif) top center repeat-y;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka;
	font-size:12px;
	text-align:center;
}

td{font-size:12px;line-height:150%;}


div#wrap{
	margin:0 auto;
	padding: 0;
	width: 900px;
	text-align:left;
}

div#header{
	margin: 0 0 10px;
	padding: 0;
	height: 110px;
	background: #fff url(../img/header.gif) top center no-repeat;
	overflow: hidden;
	position:relative;
}

div#contents{
	margin: 0;
	padding:0 0 20px 0;
	float: right;
	width: 660px;
}

div#navi_left{
	margin: 0;
	padding: 0;
	float: left;
	width: 220px;
	font-size: 12px;
}

div#footer{
	margin: 0 0 10px;
	padding: 0;
	clear: both;
	height: 100px;
	background: #fff url(../img/bg_footer.gif) top center no-repeat;
}

/* base 2 ********************************************/

a{ color: #175498;}

#footer a:link{ color: #175498;text-decoration:none;}
#footer a:visited{ color: #175498;text-decoration:none;}
#footer a:hover{ color: #175498;text-decoration:underline;}


.clear{clear:both;}
.b{font-weight:bold;}
.red_b{font-weight:bold;color:#da3030;}
.red{color:#da3030;}
.blue{color:#175498;}

.center{text-align:center;}

img{border:none;}

h1{
	margin:0;
	padding:10px 0 0 10px;
	float:left;
	width:550px;
	font-weight:normal;
	font-size: 100%;
}

h2{
	margin:0;
	padding:0;
	clear: both;
}

h2.midashi{
	margin:0;
	padding:20px 0 15px 0;
	clear: both;
}

h3{
	margin: 0;
	padding: 0;
	font-size: 100%;
}


div.pagetop{
	margin:0;
	padding:10px 0 10px 0;
	clear:both;
	text-align:right;
}


/* header ********************************************/


div#home{
	margin: 0;
	padding: 0;
	position: absolute;
    top:30px;
	left:20px;
	width: 200px;

/*	top:30px;
	left:70px;*/
 
}
div#home a{
    display:block; 
	width: 200px;
	height: 51px;
}
div#home a span{ display:none;}



div#navi_top{
	margin:0;
	padding:0;
	width:300px;
	height:35px;
	position: absolute;
	top:0px;
	right:0px;
}


div#navi_top ul{
	margin:0;
	padding:0px 0 0 0;
	list-style-type:none;
}

div#navi_top ul li{
	margin: 0;
	padding:0;
	display:inline;
	float:left;
}


div#navi_top span,div#navi_left_other span{display: none;}


div#navi_top a{
	display: block;
	width:100px;
	height:35px;
}

div#navi_top li#navitop01{width:100px;height:35px;background: url(../img/head_b01.gif) no-repeat;}
div#navi_top li#navitop02{width:100px;height:35px;background: url(../img/head_b02.gif) no-repeat;}
div#navi_top li#navitop03{width:100px;height:35px;background: url(../img/head_b03.gif) no-repeat;}



#header div.a{ display: block;}
#header div.h_top a{ margin: 0; padding: 0; position: absolute ; top:150px;}

#header div.h_top{ left: 28px;}
#header div.h_top a{width: 240px; height: 60px;}
 
#header p{ left: 463px; width: 360px; height: 24px;}


/* navi_left ********************************************/

div#navi_left ul a{
	padding: 0 0 0 20px;
	display: block;
	background: url(../img/bg_l_6.gif) left no-repeat;
	width: 164px;
	height: 30px;
	text-decoration: none;
}
div#navi_left ul a:hover{ text-decoration: underline;}

div#navi_left ul{
	margin: 0;
	padding: 0 0 0 26px;
	list-style:none;
}

div#navi_left li{
	margin: 0;
	padding: 0;
	background: url(../img/bg_l_5.gif) bottom no-repeat;
	height: 30px;
	line-height: 30px;
	letter-spacing: 0.2em;
}

div#navi_left div{
	background: url(../img/bg_l_1.gif);
}
div#nv_l_1{ margin: 0 0 8px;}
div#nv_l_2{ margin: 0 0 4px;}
div#nv_l_1 div, div#nv_l_2 div{
	padding: 0 10px 30px 0;
	background: url(../img/bg_l_2.gif) no-repeat bottom;
}
div#nv_l_1 ul{
	background: url(../img/bg_l_3.gif) top left no-repeat;
	min-height: 330px;
	_height: 330px;
}
div#nv_l_2 ul{
	background: url(../img/bg_l_4.gif) top left no-repeat;
	min-height: 150px;
	_height: 150px;
}
div#navi_left h2{
	height: 47px;
	text-indent: -9000px;
}
div#nv_l_1 h2{ background: url(../img/h2_l_1.gif);}
div#nv_l_2 h2{ background: url(../img/h2_l_2.gif);}

div#navi_left p{
	margin: 0 5px 20px;
}
div#navi_left span{
	color: #175498;
	font-weight: bold;
}


/* contents top ********************************************/
div#main_left{ float:left; width:420px; height:310;}
div#main_left img{ vertical-align:bottom; line-height:0; font-size:0;}
div#main_right{ float:right;}
div#main_right img{ vertical-align:bottom; line-height:0; font-size:0;}
div#main_bottom{ clear:both; margin:0 0 20px 0;}

div#main{ margin:0 0 20px 0;}
div#main table td.main_left{ width:420px; height:310;}


div#top01_left{
	margin:0;
	padding:0 0 0 10px;
	float:left;
	width:320px;
}

div#top01_right{
	margin:0;
	padding:0 10px 0 0;
	float:right;
	width:320px;
}

div.top01_l_l{
	margin:0;
	padding:0 0 10px 0;
	float:left;
	width:220px;
}

div.top01_l_r{
	margin:0;
	padding:0 0 10px 0;
	float:left;
	text-align:right;
	width:80px;
}

#top02_table,
.top03_table{
	margin:0;
	padding:0 10px 0 10px;
}

#top02_table td.l{
	padding:8px 10px 10px 20px;
	background: url(../img/ya01.gif) 0 10px no-repeat;
	border-bottom:solid 1px #e3e3e3;
	width:100px;
	font-weight:bold;
}

#top02_table td.r{
	padding:10px;
	border-bottom:solid 1px #e3e3e3;
}


/* サービス対応地域********/
.top03_table td.l{
	padding:5px 10px 5px 0;
	border-bottom:solid 1px #e3e3e3;
	width:100px;
}

.top03_table td.l2{
	padding:5px 10px 5px 0;
	border-bottom:solid 1px #e3e3e3;
	width:100px;
	text-align:right;
}

div.td_l2{padding:2px 0 2px 0;}

.top03_table td.r1,
.top03_table td.r2{
	padding:5px 0 5px 0;
	border-bottom:solid 1px #e3e3e3;
}

.top03_table td.r3{
	padding:5px 0 5px 0;
	border-bottom:solid 1px #e3e3e3;
	width:120px;
}

.top03_table td.r1 ul,
.top03_table td.r2 ul,
.top03_table td.r3 ul{
	margin:0;
	padding:0;
}

.top03_table td.r1 ul li{
	margin: 0 10px 0 0;
	padding: 1px 0 2px 10px;
	background: url(../img/ya02.gif) -2px 2px no-repeat;
	list-style:none;
	display:inline;
	float: left;
	width:50px;
}

.top03_table td.r1 ul li.none{
	margin: 0 10px 0 0;
	padding: 1px 0 2px 10px;
	background: url(../img/spacer.gif) -2px 0px no-repeat;
	list-style:none;
	display:inline;
	float: left;
	width:50px;
}

.top03_table td.r1 ul li span{width:52px;}




.top03_table td.r2 ul li{
	margin: 0 10px 0 0;
	padding: 1px 0 2px 10px;
	background: url(../img/ya02.gif) -2px 2px no-repeat;
	list-style:none;
	display:inline;
	float: left;
    width:70px;
}

.top03_table td.r2 ul li span{width:70px;}

.top03_table td.r3 ul li{
	margin: 0 10px 0 0;
	padding: 1px 0 2px 10px;
	background: url(../img/ya02.gif) -2px 2px no-repeat;
	list-style:none;
	display:inline;
	float: left;
    width:40px;
}

.top03_table td.r3 ul li.none{
	margin: 0 10px 0 0;
	padding: 1px 0 2px 10px;
	background: url(../img/spacer.gif) -2px 2px no-repeat;
	list-style:none;
	display:inline;
	float: left;
    width:40px;
}

.top03_table td.r3 ul li span{width:40px;}


div.top01{padding:5px 0 0 0;}




/* contents others ********************************************/

/* trouble*****/

h2.truble{
	margin:0;
	padding:20px 0 0 0;
	clear: both;
}


p.h2_bottom{
	margin:0 0 0 0;
	padding:5px 15px 0 0;
	background: url(../trouble/img/h2_bottom.gif) no-repeat;
	text-align:right;
	height:25px;
	color:#175498;
	font-weight:bold;
	font-size:12px;
}


div.tro_left{
	margin:0;
	padding:0 0 20px 10px;
	float:left;
	width:320px;
}

div.tro_right{
	margin:0;
	padding:0 10px 20px 0;
	float:right;
	width:320px;
}

div.tro_l{
	margin:0;
	padding:0;
	float:left;
	width:145px;
}

div.tro_r{
	margin:0;
	padding:0;
	float:left;
	text-align:right;
	width:160px;
}

div.tro_title{
	margin:15px 0 0 0;
	padding:3px 0px 10px 15px;
	background: url(../trouble/img/bg_title.gif) no-repeat;
	clear:both;
	width:305px;
	height:20px;
	color:#ffffff;
}

div.tro_l ul{
	margin:0 0 0 15px;
	padding:5px 0 0 0;
}


div.call{
	margin:20px 0 10px 0;
	padding:20px 30px 20px 30px;
	background-image:url(../img/bg_cat.gif);
    background-repeat:no-repeat;
    background-position:center;
	text-align:center;
	clear:both;
	line-height:150%;
	font-size:12px;
}
div.matome{text-align:center; margin:0 0 10px 0;}

.red_b a{color:#da3030;}


div.t_exam{
	margin:0;
	padding:5px 0px 5px 0px;
	width:305px;
}

div.box_exam{
	margin:5px 0 0px 0;
	padding:10px 10px 10px 10px;
	background-image:url(../img/bg_cat_s.gif);
    background-repeat:no-repeat;
    background-position:center;
	width:285px;
}

div.caution{
	margin:0;
	padding:10px 10px 10px 10px;
	clear:both;
}

/* guide ********************************************/

div.text{padding:20px 0 0 0;}
div.text02{padding:5px 10px 0 10px;}

div.form_text{margin:20px 0 0 0;text-align:center;}


div.mobile_text{padding:20px 0px 0 170px;}

div.box_waku_top{ margin:0; padding:0;}
div.box_waku_top img{ vertical-align:bottom;}
div.box_waku_bottom{ margin:0; padding:0;}
div.box_waku_bottom img{ vertical-align:top;}

div.box_bg{
	margin:0;
	padding:0;
	background-image:url(../img/waku_bg.gif);
    background-repeat:repeat-y;
    background-position:center;
	width:640px;
	overflow: hidden;
}

div.box_bg dl{
	margin:0;
	padding:0;
}

div.box_bg dl dt{color:#175498;}
div.box_bg dl dd{padding:0 0 10px 0;}

div.box_left{
	margin:0;
	padding:10px 10px 10px 20px;
	float:left;
	width:370px;
}


div.box_right{
	margin:0;
	padding:10px 20px 10px 0;
	float:right;
}

p#note{ text-align:right;}


div img.guide1{margin:20px 0 0 0; vertical-align:bottom;}
div img.guide2{margin:0 0 0 0;padding:0; vertical-align:bottom;}
div img.guide3{margin:0 0 40px 0;padding:0; vertical-align:bottom;}

/* plan ********************************************/

div.box_left2{
	margin:0;
	padding:10px 10px 10px 20px;
	float:left;
	width:120px;
}


div.box_right2{
	margin:0;
	padding:10px 20px 10px 0;
	float:right;
	width:460px;
}


div.box_title1{
	margin:0;
	padding:0 0 5px 15px;
	background:#FFFFFF url(../img/titlehead01.gif) top left no-repeat;
	color:#175498;
	font-weight:bold;
	font-size:110%;
}

div.taiou{
	margin:0;
	padding:10px 0 10px 0;
	line-height:180%;
}


div#explan img.top{ margin-top:30px;}
div#explan table td.lef{ width:209px;}
div#explan p.kome1{ text-align:right;}

div.text03{padding:10px 10px 20px 10px;}
div.text03 ul li{ list-style-type:disc;}

/* price ********************************************/


div#price_top{
	margin:10px 0 1px 0;
	padding:0;
	background-image:url(../price/img/bg_price_top.gif);
    background-repeat:repeat-y;
    background-position:center;
	width:660px;
	overflow: hidden;
}

div#price_top table{
	margin: 0 0px 0 35px;
	padding: 10px 0 10px 0;
}

div#price_top td{
	margin: 0 15px 0 0;
	padding: 0 30px 5px 10px;
	background: url(../img/ya01.gif) -4px 2px no-repeat;
	font-weight:bold;
}

div#price_top2{ margin-left:10px;}
div#price_top2 ul li{ list-style:none;}
div#price_top2 p{ font-size:20px; color:#4073AB;}
div#price_top2 p span{ font-size:9px;}



#pricetable{
background-color:#bed6eb;
/*	background-image:url(../price/img/pricetable_yoko2.gif);
    background-repeat:repeat-y;
    background-position:left;*/
	width:640px;
	-moz-border-radius: 2px;
}

#pricetable td{ background-color:#fff;}

#pricetable td.k_top1{border-bottom:solid 1px #bed6eb;width:140px;text-align:center;color:#6c9cbf;font-weight:bold;}
#pricetable td.k_top2{border-bottom:solid 1px #bed6eb;width:160px;text-align:center;color:#6c9cbf;font-weight:bold;}
#pricetable td.k_top3{border-bottom:solid 1px #bed6eb;width:90px;text-align:center;color:#6c9cbf;font-weight:bold;}
#pricetable td.k_top4{border-bottom:solid 1px #bed6eb;text-align:center;color:#6c9cbf;font-weight:bold;
	background:#fff;
/*	background-image:url(../price/img/pricetable_yoko_s.gif);
    background-repeat:repeat-y;
    background-position:left;*/
}
#pricetable td.k_top5{border-bottom:solid 1px #bed6eb;text-align:center; height:60px;}
#pricetable td.k_top5 img{vertical-align:bottom;}


#pricetable td.k{border-bottom:solid 1px #bed6eb;}

/*#pricetable td.k_img{border-bottom:solid 1px #bed6eb;}*/

#pricetable td.u{border-bottom:solid 1px #e3f2ff;}

#pricetable td { text-align:center;line-height:200%; vertical-align:middle;}

.td_img_l{
	margin:6px 0 0 4px;
	padding:0 0 0 7px;
/*	float:left;*/
	background:#fff url(../price/img/price_tab.gif) 1px 3px no-repeat;
	color:#175498;
	font-weight:bold;
	width:90px;
}

.td_img_r{
	margin:auto;
	padding:4px;
/*	float:right;*/
	width:110px;
}

.work_title {color: #FFFFFF}
.add_coment{padding:2px 5px; font-size:95%; width:499px;}
.note{margin:10px 0 0 15px;}



/* confidence ********************************************/


div.conf_box_bg{
	margin:0;
	padding:10px 0 0 0;
	background-image:url(../confidence/img/conf_box_bg.gif);
    background-repeat:repeat-y;
    background-position:center;
	width:305px;
	height:210px;
	overflow:hidden;
}

div.conf_box_left{
	margin:0;
	padding:10px 10px 10px 20px;
	float:left;
	width:140px;
}


div.conf_box_right{
	margin:0;
	padding:10px 10px 10px 0;
	float:right;
	width:120px;
}

div.conf_box_one{
	margin:0;
	padding:10px 10px 10px 20px;
}


.conf_center{padding:0 0 10px 0;text-align:center;}

.conf_text_s{padding:10px 0 0 0;font-size:90%;}


/* area ********************************************/

div.area_contents{padding:0px 10px 0 10px;}


h3.area_title{
	margin:20px 0 0 0;
	padding:0px 0 5px 15px;
	background:#FFFFFF url(../img/titlehead01.gif) top left no-repeat;
	color:#175498;
	font-weight:bold;
	font-size:110%;
}

div.area_kyoka{ 
	width:650px;
	text-align:right;
	padding:5px 10px 0 0;
	}

div.area_left{
	margin:0;
	padding:10px 10px 10px 20px;
	float:left;
}


div.area_right{
	margin:0;
	padding:10px 20px 10px 0;
	float:right;
}


/* company ********************************************/

.form_contents td ul{padding:0;margin:0;}
.form_contents td ul li{padding:0;margin:0 0 0 20px;}

div.box_left{
	margin:0;
	padding:10px 10px 10px 20px;
	float:left;
	width:300px;
}


div.box_right{
	margin:0;
	padding:10px 50px 10px 0;
	float:right;
}


/* recruit ********************************************/


div.rec_text{
	margin:0px 0px 0px 20px;
	padding:0px 0px 10px 0px;
}

div.rec_box{
	margin:20px 20px 10px 20px;
	padding:20px 0px 20px 0px;
	background-image:url(../img/bg_cat.gif);
    background-repeat:no-repeat;
    background-position:center;
	text-align:center;
	line-height:150%;
	font-size:12px;
	width:600px;
}



/* sitemap ********************************************/

div.sitemap_contents{padding:10px 20px 20px 20px;}

#sitemap_table td#l{
	margin:0px 0px 0px 0px;
	padding:50px 0px 0px 0px;
	background-image:url(../sitemap/img/sitemap_l.gif);
    background-repeat:no-repeat;
    background-position:top;
	width:190px;
}

#sitemap_table td#c{
	margin:0px 0px 0px 0px;
	padding:50px 0px 0px 0px;
	background-image:url(../sitemap/img/sitemap_c.gif);
    background-repeat:no-repeat;
    background-position:top;
	width:220px;
}

#sitemap_table td#r{
	margin:0px 0px 0px 0px;
	padding:50px 0px 0px 0px;
	background-image:url(../sitemap/img/sitemap_r.gif);
    background-repeat:no-repeat;
    background-position:top;
	width:190px;
}

#sitemap_table td.top{padding:0 0 0 50px;}


#sitemap_table li
{
	margin: 0 15px 0 0;
	padding: 5px 0 5px 10px;
	background: url(../img/ya01.gif) -4px 7px no-repeat;
}

#sitemap_table ul{
	margin:0;
	padding:0px 0 0 30px;
	list-style-type:none;
}

h3.sitmap_title{
	margin:20px 0 0 30px;
	padding:0px 0 5px 15px;
	background:#FFFFFF url(../img/titlehead01.gif) top left no-repeat;
	font-size:110%;
	font-weight:normal;
}

#sitemap_table td#c ul{
	margin:0;
	padding:0px 0 0 60px;
	list-style-type:none;
}

#sitemap_table td#c h3.sitmap_title{
	margin:20px 0 0 60px;
	padding:0px 0 5px 15px;
	background:#FFFFFF url(../img/titlehead01.gif) top left no-repeat;
	font-size:110%;
	font-weight:normal;
}

/* footer ********************************************/

div#to_form{margin:20px 0 0 0;text-align:center;}

div#category{
	margin:20px 0px 10px 0px;
	padding:20px 30px 20px 30px;
	background-image:url(../img/bg_cat.gif);
    background-repeat:no-repeat;
    background-position:center;
	text-align:left;
}

div#footer ul{
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: center;
}

div#footer li{
	margin: 0 15px 0 0;
	padding: 0 0 0 10px;
	background: url(../img/ya01.gif) -4px 2px no-repeat;
	display: inline;
}


/* form ********************************************/

div.form_contents{padding:10px 10px 0 10px;}

div.position{padding:30px 0 30px 0;text-align:center;}

.form{
	margin:10px 0 0 0;
	padding:0 0 0 0;
}

/* フォーム全体 */
table.form{width:640px;}

table.form td{
	padding:6px 0px 4px 20px;
	text-align:left;
}


/* 通常時の<td>の左側（項目名側） */
table.form td.l{
	background:#fff url(../contact/img/form_l.gif) no-repeat;
	border-bottom: 1px solid #bed6eb;
	width:133px;
	color:#175498;
}
/* 通常時の<td>の<td>の右側（入力フォーム側） */
table.form td.r{
	border-bottom: 1px solid #bed6eb;
	width:467px;
}


/* エラー発生時の<td>の左側（項目名側） */
table.form td.le{
	background: url(../contact/img/form_l.gif) repeat-y;
	border-bottom: 1px solid #bed6eb;
	color:#175498;
}


/* エラー発生時の<td>の右側（入力フォーム側） */
table.form td.re{
	background: url(../contact/img/form_re.gif) repeat-y;
	border-bottom: 1px solid #f6b9b9;
}


/* エラーメッセージ */
div.error{
	color: #da3030;
}

/* 必須項目の「※」印 */
	span.hissu{
	color:#da3030;
}