@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	text-align:center;
	background:#fff;
}

div, p, img, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5{
	margin:0px;
	padding:0px;
}

img{
	border:none;
}
ul, ol{
	list-style:none;
}

table{
	width:100%;
	border:none;
}
h3{
	text-align:left;
	font-size:15px;
}

h4{
	font-size:15px;
}


/* link style */
a{
	color:#193D94;
	text-decoration:none;
}
a:hover{
	color:#FF0000;
}




/* layout */
#container {
	padding: 0px;
	color: #333333;
	font-size: 12px;
	position:relative;
	background-color: #FFFFFF;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	background-image: url(../images/bg.gif);
}

#header {
	position:relative;
	background-image: url(../images/jbr_logo.gif);
	background-repeat: no-repeat;
}
#intro{
	height: 340px;
	background: url(../images/titlebg.gif) right top repeat-x;
	margin-bottom:10px;
	display:block;
}
#main_col{
	width:750px;
	float:right;
	line-height:1.4em;
	clear:both;
	text-align:left;
	margin:0px;
}

#side_col{
	float:left;
	width:204px;
	position:absolute;
	left: 0px;
	top: 196px;
}

#footer{
	clear:both;
	clear:right;
	color:#F7FDFF;
	text-align:center;
	padding:15px 0px 10px;
	margin:0px;
	background:url(../images/footer_bg.png) left bottom repeat-x;
}




/* header */
#header #logo{
	position:absolute;
	width:179px;
	height:60px;
	text-indent:-99999px;
	overflow:hidden;
	left: 4px;
	top: 5px;
}
#header #fd{
	height:38px;
	background:url(../images/top_freedial.png) 95% top no-repeat;
	text-indent:-99999px;
	overflow:hidden;
}
#header #header_text{
	text-align:right;
	padding-top:15px;
	padding-right:15px;
	padding-bottom:5px;
}

/* intro */
#intro #service_title {
	font-size: 30px;
	color: #fff;
	margin: 0px;
	height: 40px;
	padding-top: 17px;
	padding-left: 50px;
	text-align:center;
}
#intro #rescue{
	background: url(../images/jbr_car.gif) right top no-repeat;
	width: 280px;
	height: 222px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left:210px;
	float: left;
	text-indent: -2000px;
	display:block;
}
#intro #text{
	margin-top: 100px;
	margin-right: 80px;
	margin-left:500px;
	background-color:#fff;
	font-size: 14px;
	font-weight: normal;
	padding:10px;
	line-height:1.4em;
}
#intro #etc_text {
	font-size: 17px;
	font-weight: normal;
	margin-top: 10px;
	margin-right: 20px;
	text-indent:-99999px;
	overflow: hidden;
	height:61px;
	background:url(../images/company_intro.png) right top no-repeat;
}

#intro #etc_text a{
}

/* main_col */

#service_cost h4{
	background:url(../images/price_title.png) 10px bottom no-repeat;
	padding-top:15px;
	padding-left:50px;
}
#service_cost table{
	border-collapse:collapse;
}
#service_cost th,
#service_cost td{
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}

#service_cost th{
	letter-spacing:1em;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	font-family:"ＭＳ Ｐゴシック", Verdana, Georgia;
	padding:25px 0px 10px;
}
#service_cost th#title{
	background:url(../images/table_t.png) left bottom repeat-x;
}
#service_cost th#text_t{
	background:url(../images/table_text_t.gif) left bottom repeat-x;
	color:#333;
}
#service_cost th#price_t{
	background:url(../images/table_price_t.gif) left bottom repeat-x;
}

#service_cost td{
	padding-left:100px;
	padding-bottom:5px;
	padding-top:5px;
	text-align:left;
	font-weight:bold;
	font-size:13px;
}
#service_cost .title{
	vertical-align:top;
	padding:5px;
	font-size:14px;
	text-align:center;
	color:#59637B;
	font-weight:bold;
	background:#D9E7F1 url(../images/table_title.png) left top repeat-x;
}
#service_cost .text{
	background:url(../images/table_body.gif) left bottom repeat-x;
	color:#333;
}
#service_cost .price{
	background:url(../images/table_price.gif) left bottom repeat-x;
	color:#fff;
}

#price{
	margin-top:10px;
	padding-left:3px;
	height:51px;
	background:url(../images/card.png) 3px top no-repeat;
	text-indent:-99999px;
	overflow:hidden;
}


#service_cost ul{
	padding-left:15px;
	padding:10px;
	line-height:1.5em;
	border:3px solid #FFCC00;
	color:#006699;
	width:95%;
	margin:10px 3px;
	line-height:2.0em;
}
#service_cost li{
	background:url(../images/li_bg.png) left 5px no-repeat;
	padding-left:20px;
	font-weight:bold;
}


ul#detail{
	border:0px;
	line-height:1.5em;
	width:80%;
}
ul#detail li{
	background:url(../images/detail_bg.png) left 4px no-repeat;
	padding-bottom:1px;
	border-bottom:1px dotted #e4e4e4;
	font-weight:normal;
}

td{
	text-align:center;
}


#cost_main{
	margin-top:10px;
}

#main_col #cost_main th,
#main_col #cost_main td{
	text-align:left;
}

.main h3{
	height:35px;
	text-indent:-99999px;
	overflow:hidden;
	margin-bottom:15px;
	margin-top:0px;
}

.main_box{
	padding-left:1px;
	margin-bottom:20px;
	background-image:url(../images/service.png);
	background-position:left top;
	background-repeat:no-repeat;
	display: block;
}
	








#service{
	line-height:1.4em;
}

#service h3{
	background-image:url(../images/title_service_contents.png);
	height:35px;
	background-position:left top;
	background-repeat:no-repeat;
	margin-bottom:0px;
}
#service p{
	padding:10px;
}



#service_area h3{
	background-image:url(../images/title_service_area.png);
}

#service_area #box{
	width:349px;
	height:298px;
	margin-left:20px;
	margin-right:20px;
	float:left;
	background:url(../images/service_map.png);
}

#service_area dl{
	background:url(../images/service_area_bg.png);
	width:260px;
	float:left;
	display:block;
	padding:25px 30px 30px 30px;
}
#service_area dt{
	font-size:16px;
	margin-bottom:15px;
	font-weight:bold;
	text-align:center;
}
#service_area dd{
	font-size:13px;
	padding:2px 0px 2px 40px;
	border-bottom:1px dotted #ccc;
	margin-bottom:5px;
	background-repeat:no-repeat;
	background-position:10px center;
}
#service_area dd span{
	font-size:10px;
	color: #FF6600;
}

	#hokai{
		background-image: url(../images/color_hokai.gif);
	}
	#tohoku{
		background-image:url(../images/color_tohoku.gif);
	}
	#tokai{
		background-image:url(../images/color_tokai.gif);
	}
	#kanto{
		background-image:url(../images/color_kanto.gif);
	}	
	#kinki{
		background-image:url(../images/color_kinki.gif);
	}	
	#cyukoku{
		background-image:url(../images/color_cyukoku.gif);
	}	
	#sikoku{
		background-image:url(../images/color_sikoku.gif);
	}	
	#kyusyu{
		background-image:url(../images/color_kyusyu.gif);
	}	

#service_flow h3{
	background-image:url(../images/title_service_flow.png);
}
#service_flow img{
	margin-left:1px;
}

#service_flow dl{
	padding:10px;
}
#service_flow h4{
	background-position:left bottom;
	background-repeat:no-repeat;
	margin-bottom:5px;
	margin-top:10px;
	height:51px;
	text-indent:-99999px;
	overflow:hidden;
}
#service_flow h4#s_01{
	background-image:url(../images/step01.png);
}
#service_flow h4#s_02{
	background-image:url(../images/step02.png);
}
#service_flow h4#s_03{
	background-image:url(../images/step03.png);
}
#service_flow dd{
	padding-bottom:30px;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	font-size:13px;
	background:url(../images/flow_dd.png) center bottom no-repeat;
}
#service_flow dd#end{
	padding-top:10px;
	background: url(../images/card.jpg) 95% center no-repeat;
}

#service_flow #indl{
	background:url(../images/flow_dd.png) center top no-repeat;
	padding-top:30px;
}

#service_flow #indl h4{
	padding-left:10px;
	color: #F60;
	font-size:13px;
	text-indent:0px;
	text-align:center;
	height:14px;
	padding:2px;
	border-bottom:1px dotted #999;
}
#service_flow #indl dd{
	color:#999999;
	padding-bottom:0px;
	background:none;
}

#service_cost h3{
	background-image:url(../images/title_service_cost.png);
}






/* side_col */
#side_fd{
	background:url(../images/side_fd.png) center top no-repeat;
	height:100px;
	text-indent:-99999px;
	overflow:hidden;
}

	


.side_menu{
	background:url(../images/side_menu_bg.png) left top no-repeat;
	padding:11px 8px;
	margin:0px;
}


#side_col h3{
	height:30px;
	background-color: #FFCC00;
	margin:0px;
	text-align:center;
	padding-top:30px;
	font-size:18px;
	font-weight:bold;
	text-indent:-99999px;
	overflow:hidden;
}

#menu_title{
	background:#fc0 url(../images/menu_title.png) center 80% no-repeat;
}

#side_col ul{
	margin-bottom:5px;
	display:block;
	background-color:#fff;
}

#side_col li{
	display:block;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	margin-bottom:1px;
	margin-right:2px;
}


#side_col li a{
	display:block;
	padding:10px 0px 10px 10px;
	border-left:10px solid #FC0;
}
#side_col li a:hover{
	border-left:10px solid #ccc;
}


#side_col #news_title{
	background:#0c0 url(../images/news_title.png) center 80% no-repeat;
}
#side_col #puchi_reader_title{
	text-indent:-99999px;
	overflow:hidden;
}
#side_col dl{
	line-height:1.6em;
	padding:10px;
	background-color:#fff;
}
#side_col dt{
	font-weight:bold;
	margin-bottom:3px;
	color:#333333;
	background-color:#fff;
}
#side_col dd{
	text-align:right;
	color: #009900;
	padding-bottom:2px;
	margin-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border-bottom:1px solid #ccc;
}


/* footer */

#footer h3{
	text-align:center;
}
#footer h3 a{
	color:#fff;
}
#foot_tel{
	color: #FC0;
	font-size:30px;
	font-weight:bold;
}


/* subepage */

.banner_fd{
	clear:left;
	text-indent:-99999px;
	overflow:hidden;
	height:80px;
	background: url(../images/banner_fd.png) center top no-repeat;
}

#sub_table td{
	text-align:left;
	vertical-align:top;
	padding:5px;
}
#sub_table td{
	line-height:1.5em;
	font-size:14px;
}
.sub_page h3{
	background:url(../images/title_bg.png) left top no-repeat;
	padding:8px 15px;
	color:#FFFFFF;
}
.area_list {
	background:none;
	width:97%;
	clear: both;
}
.area_list h4 {
	text-align:left;
	font-size:14px;
	padding-bottom:8px;
	padding-top:10px;
	padding-left:10px;
	background: url(../images/area_list.png) left top repeat-x;
	margin: 20px 0 10px 0;
}
dl#area_list{
	background:none;
	width:97%;
	padding:0px 2px 2px;
	margin-top:15px;
	margin-bottom:15px;
	border:1px solid #e4e4e4;
}
dl#area_list dt{
	text-align:left;
	font-size:14px;
	padding-bottom:8px;
	padding-top:10px;
	padding-left:10px;
	background: url(../images/area_list.png) left top repeat-x;
}
dl#area_list dd{
	font-size:12px;
	border-bottom:none;
	padding-left:10px;
}
dl#area_list dd a{
	margin-right:5px;
}

#sub_intro{
	margin-top:10px;
	margin-bottom:20px;
}

#sub_intro img{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
#sub_intro p{
	line-height:1.5em;
	font-size:14px;
	padding-right:20px;
}

.sub_page h4{
	padding-left:20px;
	font-size:15px;
	padding-top:8px;
	padding-bottom:2px;
	background:url(../images/h4_bg.png) left top no-repeat;
}
#content{
	padding:10px;
	border:10px solid #A7D5FE;
	margin-bottom:10px;
}
#content h5{
	margin:0px;
	font-weight:bold;
	font-size:14px;
	margin-bottom:2px;
	padding-left:15px;
	background:url(../images/detail_bg.png) left center no-repeat;
}
#content dd{
	margin-bottom:10px;
	padding:10px;
	background-color:#EFEFEF;
}


#title_con01{
	background:url(../images/h4_02_bg.png) left top no-repeat;
}
#content01{
	padding:10px;
	border:10px solid #ccf;
	margin-bottom:10px;
}
#content01 dt{
	margin:0px;
	font-weight:bold;
	font-size:14px;
	margin-bottom:2px;
	padding-left:15px;
	background:#fff url(../images/detail_bg.png) left center no-repeat;
}
#content01 dd{
	margin-bottom:10px;
	padding:10px;
	background-color:#EFEFEF;
	line-height:1.5em;
}

