@charset "utf-8";

/*--トップ--------------------------------------------------------------*/

/*--新着情報-----------------------------------*/
#whatsnew{}

#whatsnew p#title{
	margin:0;
	padding:10px 10px;
	width:730px;
	color:#FFFFFF;
	font-weight:bold;
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top,  #000000 0%, #3d3d3d 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(76%,#3d3d3d), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 0%,#3d3d3d 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 0%,#3d3d3d 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000000 0%,#3d3d3d 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #000000 0%,#3d3d3d 76%,#1c1c1c 91%,#131313 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}

#whatsnew ul{
	margin:0 0 20px;
	padding:0 10px 10px;
	width:728px;
	border:1px solid #3d3d3d;
}

#whatsnew ul li{
	padding:5px;
	border-bottom:1px dashed #CCCCCC
}

#whatsnew ul li p#date{
	margin:0 0 5px;
	line-height:14px;
	font-size:14px;
}

#whatsnew ul li p#date span{
	display:inline-block;
	background-color: #FF4747;
	color: #FFF;
	padding: 0 7px;
	border-radius: 8px;
	font-size: 10px;
}

#whatsnew ul li p#cont{
	margin:0;
}

#whatsnew ul li p#cont a{
	font-size:12px;
}
#whatsnew ul li p#cont a:hover{
	color:#FF4747;
	font-weight:bold;
}

/*--メーカー検索-----------------------------------*/

#top .search{
clear: both;
width: 750px;
margin: 0 0 40px 0;
padding: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){#top .search{margin: 0 0 20px 0;}}
#top .search, x:-moz-any-link {margin: 0 0 20px 0;}

#top .search h2{
clear: both;
width: 620px;
height: 40px;
margin: 0 0 20px 0;
padding: 20px 0 0 130px;
color: #5c5c5c;
font-size: 18px;
text-align: left;
background: url(https://2342d4.claudeassets.com/20250328160709im_/http://www.hankoku.net/hanbai/images/top/h2/h2_search.jpg) no-repeat;
}

#top .search ul{
width: 750x;
margin: 0 0 0 0px;
padding: 0;
list-style: none;
overflow: hidden;
}



#top .search li{
width: 150px; 
height: 80px;
margin: 0;
padding: 0;
float: left;
}




/*--お客様の声-----------------------------------*/

#top .voice{
clear: both;
width: 750px;
margin: 0 0 40px 0;
padding: 0;
border-bottom-style: solid;
border-width: 1px;
border-color: #fff;
overflow: hidden;
}

#top .voice h2{
clear: both;
width: 620px;
height: 45px;
margin: 0 0 20px 0;
padding: 15px 0 0 130px;
color: #5c5c5c;
font-size: 15px;
text-align: left;
background: url(https://a105f4.claudeassets.com/20250328160709im_/http://www.hankoku.net/hanbai/images/top/h2/h2_voice.jpg) no-repeat;
}



#top .voice .col-l{
	width: 358px;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #e6e6e6;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 4px;
}


#top .voice .col-r{
width: 358px;
margin: 0;
padding: 5px 5px 5px 5px;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
float: right;
}

#top .voice .thumnail{
clear: both;
width: 120px;
margin: 0;
padding: 0;
float: left;
}

#top .voice .textbox{
width: 222px;
margin: 0 0 0 5px;
padding: 0;
float: right;
}

#top .voice .textbox h3{
margin: 0 0 5px 0;
padding: 0;
font-size: 15px;
}


#top .voice .textbox p{
margin: 0;
padding: 0;
font-size: 11px;
}

#top .voice .more{
clear: both;
width: 80px;
height: 25px;
margin: 5px 0 0 0;
padding: 0;
float: right;
}




#top #main{
clear: both;
width: 363px;
height: 82px;
margin: 0;
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
}


/*--新着-----------------------------------*/


#top .newentry{
clear: both;
width: 590px;
height: 40px;
margin: 0 0 20px 0;
padding: 20px 0 0 160px;
color: #5c5c5c;
font-size: 18px;
text-align: left;
background: url(https://dcf528.claudeassets.com/20250328160709im_/http://www.hankoku.net/hanbai/images/top/h2/h2_newentry.jpg) no-repeat;
}

#top .entry{
clear: both;
width: 730px;
margin: 0 0 40px 0;
padding: 10px;
background: #828282;
overflow: hidden;
}

#top .entry .newcol{
margin: 0 0 0 -4px;
}

#top .new{
	width: 155px;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #e6e6e6;
	float: left;
	height: 360px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 6px;
}

#top .new .thumnail{
	width: 155px;
	height: 110px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

#top .new .car_name{
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 16px;
	color: #ff9204;
	line-height: 1.2em;
}
#top .new .car_name a{
	color: #ff9204;
}
#top .new .car_price{
	font-size: 16px;
	color: #FFF;
}
#top .new .car_price2{
	font-size: 16px;
	color: #F00;
}

.new dl{
clear: both;
margin: 0;
padding: 0;
}


.new dt{
clear: both;
margin: 0 0 5px 0;
padding: 10;
font-size: 12px;
text-align: center;
float: left;
color: #fff;
}


.new dd{
margin: 0 0 5px 0;
padding: 0;
font-size: 12px;
text-align: center;
float: left;
color: #fff;
}



#top .new .more{
clear: both;
width: 80px;
height: 30px;
margin: 20px auto 0 auto;
padding: 0;
}


/*--トップ・メインコラム-----------------------------------*/


#top .main{
clear: both;
margin: 0 0 20px 0;
padding: 0;
overflow: hidden;
}

#top .main02{
clear: both;
margin: 0 0 20px 0;
padding: 0;
overflow: hidden;
}

#top .main .main_inner{
clear: both;
width: 708px;
margin: 0 0 20px 0;
padding: 20px 20px 0 20px;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
overflow: hidden;
}

#top .main .main_inner p{
margin: 0 0 20px 0;
}



#top .main02 .main_inner{
clear: both;
width: 708px;
margin: 0 0 20px 0;
padding: 20px;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
overflow: hidden;
}



#top .main h2{
clear: both;
width: 620px;
height: 40px;
margin: 0 0 20px 0;
padding: 20px 0 0 130px;
color: #5c5c5c;
font-size: 18px;
text-align: left;
}

#top .main .h2_main_01{background: url(https://d4c029.claudeassets.com/20250328160709im_/http://www.hankoku.net/hanbai/images/top/h2/h2_service.jpg) no-repeat;}

#top .main .h2_main_02{background: url(https://2732bd.claudeassets.com/20250328160709im_/http://www.hankoku.net/hanbai/images/top/h2/h2_shop.jpg) no-repeat;}

#top .main .h2_main_03{background: url(https://cca8d2.claudeassets.com/20250328160709im_/http://www.hankoku.net/hanbai/images/top/h2/h2_access.jpg) no-repeat;}


#top .main h3{
clear: both;
width: 700px;
margin: 0 auto 20px auto;
padding: 10px 0 10px 10px;
color: #fff;
font-size: 15px;
font-weight: normal;
text-align: left;
background: #474747;
}

#top .main h4{
clear: both;
width: 700px;
margin: 20px auto 20px auto;
padding: 0 0 5px 0;
border-bottom-style: dotted;
border-width: 1px;
border-color: #e6e6e6;
color: #000;
font-size: 13px;
text-align: left;
}

#top .main .thumnail{
clear: both;
width: 710px;
height: 284px;
margin: 0px auto 0 auto;
padding: 0;
}

#top .shop_thum-l{
clear: both;
width: 230px;
height: 173px;
margin: 0;
padding: 0;
float: left;
}

#top .shop_thum-c{
width: 230px;
height: 173px;
margin: 0 0 0 9px;
padding: 0;
float: left;
}


#top .shop_thum-r{
width: 230px;
height: 173px;
margin: 0 0 20px 0;
padding: 0;
float: right;
}

#top .main .p01{
margin: 0 0 10px -10px;
padding: 0;
font-size: 15px;
font-weight: bold;
}

#top .main p{
clear: both;
width: 710px;
margin: 0 auto 0 auto;
padding: 0;
font-size: 12px;
}

/*--トップ・メイン・マップ-----------------------------------*/

#top .map{
clear: both;
width: 710px;
height: 284px;
margin: 0 0 20px 0;
padding: 0;
}



/*--トップ・メイン・アクセス-----------------------------------*/

#top .main dl{
clear: both;
margin: 0 0 20px 0;
padding: 0;
border-style: solid;
border-width: 1px;
border-color: #fff;
overflow: hidden;
}

#top .main dt{
clear: both;
width: 150px;
margin: 0 20px 10px 0;
padding: 0;
float: left;
}


#top .main dd{
margin: 0;
padding: 0 0px 10px 0px;
float: left;
}


#top .main .case{
margin: 20px 0 20px 0;
padding: 5px 0 5px 0;
border-top-style: dotted;
border-bottom-style: dotted;
border-width: 1px;
border-color: #474747;
}

/*--下層ページ・共通-----------------------------------*/

#page h1{
clear: both;
width: 738px;
height: 50px;
margin: 0 0 20px 0;
padding: 30px 0 0px 10px;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
font-size: 18px;
}


#recruit h1,
#staff h1,
#corporate h1,
#qa h1,
#form h1,
#blog h1,
#voice h1,
#contract h1{
clear: both;
width: 734px;
margin: 0 0 20px 0;
padding: 10px 0 10px 10px;
border-top: 1px solid #e6e6e6;
border-left: 5px solid #000;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
font-size: 18px;
color: #000;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #f2f2f2), color-stop(0.00, #fff));
background: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 88%);
background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 88%);
background: -o-linear-gradient(top, #fff 0%, #f2f2f2 88%);
background: -ms-linear-gradient(top, #fff 0%, #f2f2f2 88%);
background: linear-gradient(to bottom, #fff 0%, #f2f2f2 88%);
}


#page h2{
clear: both;
margin: 0 0 20px 0;
padding: 10px 0 7px 10px;
border-top: 1px solid #e6e6e6;
border-left: 5px solid #000;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
font-size: 18px;
color: #000;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #f2f2f2), color-stop(0.00, #fff));
background: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 88%);
background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 88%);
background: -o-linear-gradient(top, #fff 0%, #f2f2f2 88%);
background: -ms-linear-gradient(top, #fff 0%, #f2f2f2 88%);
background: linear-gradient(to bottom, #fff 0%, #f2f2f2 88%);
}


#page h3{
clear: both;
margin: 0 0 20px 0; 
padding: 10px 0 7px 10px;
font-size: 15px;
color: #fff;
background: #000;
}

#page h3 a {
	color: #FFF;
	text-decoration: none;
}

#page .main{
clear: both;
margin: 0 0 20px 0;
padding: 0;
overflow: hidden;
}


#page .main .main_inner .textbox01{
clear: both;
width: 450px;
margin: 0 0 20px 0;
padding: 0;
float: right;
overflow: hidden;
}



#page .main .main_inner .textbox02{
clear: both;
width: 450px;
margin: 0;
padding: 0;
float: left;
overflow: hidden;
}

#page .main .pic{
clear: both;
width: 710px;
height: 284px;
margin: 0 auto 20px auto;
padding: 0;
overflow: hidden;
}


#page .main .main_inner .pic_01{
width: 240px;
margin: 0 0 20px 0;
padding: 0;
float: left	;
overflow: hidden;
}


#page .main .main_inner .pic_02{
width: 240px;
margin: 0 0 20px 0;
padding: 0;
float: right;
overflow: hidden;
}


#page .main p{
margin: 0 0 20px 0;
padding: 0;
font-size: 12px;
color: #6f6f6f;
}


#page .main .main_inner{
clear: both;
width: 708px;
margin: 0 0 20px 0;
padding: 20px 20px 0px 20px;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
overflow: hidden;
}

#page .main .main_inner .p01{
font-weight: bold;
font-size: 15px;
color: #000;
}



#page .main .main_inner .p02{
font-weight: bold;
font-size: 15px;
color: #a81836;
}


#page .main .main_inner ul{
clear: both;
width: 690px;
margin: 0 0 20px 0;
padding: 10px 10px 0 10px;
border-style: dotted;
border-width: 2px;
border-color: #424242;
background: #fafafa;
overflow: hidden;
}


#page .main .main_inner ul li{
clear: both;
width: 690px;
margin: 0;
padding: 0 0 10px 0;
font-weight: bold;	
overflow: hidden;
}

/*--新着販売車-----------------------------------*/

#page .main .car_h1{
clear: both;
width: 734px !important;
height: auto;
margin: 0 0 20px 0;
padding: 10px 0 7px 10px !important;
border-top: 1px solid #e6e6e6;
border-left: 5px solid #000;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
font-size: 18px;
color: #000;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #f2f2f2), color-stop(0.00, #fff));
background: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 88%);
background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 88%);
background: -o-linear-gradient(top, #fff 0%, #f2f2f2 88%);
background: -ms-linear-gradient(top, #fff 0%, #f2f2f2 88%);
background: linear-gradient(to bottom, #fff 0%, #f2f2f2 88%);
}

#page .main_inner_new{
clear: both;
width: 708px;
margin: 0 0 20px 0;
padding: 20px 20px 0px 20px;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
overflow: hidden;
}

#page .main_inner_new dl{
clear: both;
width: 400px;
margin: 0;
padding: 0;
float: left;
overflow: hidden;
}

.go_mitumori{
width: 280px;
height: 30px;
margin: 0 0 20px 0;
padding: 0;
float: right;
background: url(https://afb611.claudeassets.com/20250328160709im_/http://www.hankoku.net/hanbai/images/new/bg.png) no-repeat;
overflow: hidden;
}

#page .main_inner_new .buttan{
width: 150px;
height: 20px;
margin: 5px 0 0 10px;
padding: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
overflow: hidden;
}

#page .main_inner_new dt{
margin: 0 0 20px 0;
padding: 0;
font-size: 30px;
font-weight: bold;
float: left;
}


#page .main_inner_new dd{
margin: 0 0 20px 30px;
padding: 0;
font-size: 30px;
font-weight: bold;
color: #5d55ff;
float: left;
}



#page .main_inner .thumnail{
width: 240px;
height: 180px;
margin: 0 20px 20px 0;
padding: 0;
float: left;
}

#page .main_inner .car_data .name{
margin: 0 0 10px 0;
padding: 0;
font-size: 15px;
font-weight: bold;
}


#page .main_inner .car_data{
width: 308px;
margin: 0;
padding: 0;
float: left;
}


#page .main_inner .car_data02{
width: 140px;
margin: 0;
padding: 0;
float: right;
overflow: hidden;
}


#page .main_inner .car_data dl{
clear: both;
margin: 0;
padding: 0;
}


#page .main_inner .car_data dt{
clear: both;
margin: 0 0 20px 0;
padding: 0;
font-size: 15px;
float: left;
}



#page .main_inner .car_data dd{
margin: 0 0 20px 30px;
padding: 0;
font-size: 15px;
float: left;
}


#page .main_inner .car_data02 dl{
clear: both;
margin: 0;
padding: 0;
background: #fafafa;
overflow: hidden
}


#page .main_inner .car_data02 dt{
clear: both;
margin: 10px 0 20px 10px;
padding: 0;
font-size: 15px;
}



#page .main_inner .car_data02 dd{
margin: 0 0 20px 10px;
padding: 0;
font-size: 25px;
font-weight: bold;
}

#page .main_inner .car_data02 .more{
clear: both;
width: 80px;
height: 30px;
margin: 20px auto 0 auto;
padding: 0;
}


#page .main .option{
width: 708px;
border: 1px #E3E3E3 solid;
border-collapse: collapse;
border-spacing: 0;
margin: 0 auto 20px auto;
padding: 0; 
}


#page .main .option tr{
margin: 0;
padding: 0;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
}


#page .main .option .td01{
width: 118px;
margin: 0;
padding: 5px 0 5px 0;
font-size: 10px;
background: #fff;
}

#page .main .option td{
margin: 0;
padding: 5px 0 5px 5px;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
text-align: left;
}



/*--見積から納品までの流れ-----------------------------------*/


.mcol-r{
width: 344px;
margin: 0;
padding: 0;
float: right;
overflow: hidden;
}


#page .main .main_inner .mcol-r .p01{
margin: 0 0 20px 0;
padding: 5px 0 5px 0;
border-style: solid;
border-width: 1px;
border-color: #000;
font-weight: bold;
font-size: 18px;
text-align: center;
color: #000;
}


.mcol-l{
width: 344px;
margin: 0;
padding: 0;
float: left;
overflow: hidden;
}

#page .main .main_inner .mcol-l .p01{
margin: 0 0 20px 0;
padding: 5px 0 5px 0;
border-style: solid;
border-width: 1px;
border-color: #000;
font-weight: bold;
font-size: 18px;
text-align: center;
color: #000;
}




#page .main .main_inner .mcol-l .p01{
margin: 0 0 20px 0;
padding: 5px 0 5px 0;
border-style: solid;
border-width: 1px;
border-color: #000;
font-weight: bold;
font-size: 18px;
text-align: center;
color: #000;
}



#page .main .main_inner .mcol-l ul{
clear: both;
width: 320px;
margin: 0 0 20px 0;
padding: 10px 10px 0 10px;
border-style: dotted;
border-width: 2px;
border-color: #424242;
background: #fafafa;
overflow: hidden;
}


#page .main .main_inner .mcol-l ul li{
clear: both;
width: 330px;
margin: 0;
padding: 0 0 10px 0;
font-weight: bold;	
overflow: hidden;
}

@media screen and (-webkit-min-device-pixel-ratio:0) #page .main .main_inner .mcol-l ul li{
clear: both;
width: 330px;
margin: 0;
padding: 0 0 5px 0;
font-weight: bold;	
overflow: hidden;
} 

#page .main .main_inner .go_bottom{
clear: both;
width: 50px;
height: 50px;
margin: 0 auto 20px auto;
padding: 0;
}

/*--車検・整備体制について-----------------------------------*/

.draw-l{
clear: both;
width: 230px;
margin: 0 0 20px 0;
padding: 0;
float: left;
}

.draw-c{
width: 230px;
margin: 0 0 20px 10px;
padding: 0;
float: left;
}

.draw-r{
width: 230px;
margin: 0 0 20px 0;
padding: 0;
float: right;
}

.main .table-page2{
width: 708px;
border: 1px #E3E3E3 solid;
border-collapse: collapse;
border-spacing: 0;
margin: 0 auto 0 auto;
padding: 0; 
}

.main .table-page2 tr{
margin: 0;
padding: 0;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
}


.main .table-page2 .td01{
width: 90px !important;
margin: 0; 
padding: 0 0 0 5px !important;
background: #fafafa;
}

.main .table-page2 .td02{
width: 116px;
margin: 0;
padding: 0 0 0 0;
text-align: center !important;
background: #fff;
}

.main .table-page2 td{
margin: 0;
padding: 0;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
}





/*--板金塗装について-----------------------------------*/

.scheme{
clear: both;
width: 710px;
height: 100px;
margin: 0 0 20px 0;
padding: 0;
}

/*--クイックリペア-----------------------------------*/

#page .main .table-01{
width: 708px;
border: 1px #E3E3E3 solid;
border-collapse: collapse;
border-spacing: 0;
margin: 0 auto 20px auto;
padding: 0; 
}


#page .main .table-01 tr{
margin: 0;
padding: 0;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
}


#page .main .td01{
margin: 0;
padding: 5px 0 5px 0;
font-size: 10px;
background: #fafafa;
}

#page .main .td02{
margin: 0;
padding: 5px 0 5px 0;
font-size: 10px;
text-align: left;
background: #fff;
}

#page .main .td03{
margin: 0;
padding: 5px 0 5px 0;
font-size: 11px;
text-align: left;
background: #fafafa;
}

#page .main .td04{
margin: 0;
padding: 5px 0 5px 0;
font-size: 11px;
text-align: left;
}


#page .main .table-01 td{
margin: 0;
padding: 5px 0 5px 5px;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
text-align: left;
}

#page .col-l{
clear: both;
width: 345px;
margin: 0 0 20px 0;
padding: 0;
float: left;
overflow: hidden;
}

#page .col-r{
width: 345px;
margin: 0 0 20px 0;
padding: 0;
float: right;
overflow: hidden;
}


/*--スピード納車システム-----------------------------------*/

#page .icon_l{
clear: both;
width: 230px;
height: 120px;
margin: 0 0 20px 0;
padding: 0;
float: left;
overflow: hidden;
}

#page .icon_c{
width: 230px;
height: 120px;
margin: 0 0 20px 9px;
padding: 0;
float: left;
overflow: hidden;
}

#page .icon_r{
width: 230px;
height: 120px;
margin: 0 0 20px 0;
padding: 0;
float: right;
overflow: hidden;
}



/*--リクルート・会社概要・よくある質問・お問合わせ--------------------------------------------------------------*/


#recruit h2,
#corporate h2,
#qa h2,
#form h2{
margin: 0 0 20px 0; 
padding: 10px 0 7px 0px;
border-top: 2px solid #424242;
border-bottom: 1px dotted #424242;
font-size: 15px;
color: #424242;
}
#staff h2{
	border-top: 2px solid #424242;
	border-bottom: 1px dotted #424242;
	font-size: 15px;
	color: #FFF;
	background-color: #424242;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding: 8px;
}

#recruit h3,
#staff h3,
#corporate h3,
#qa h3,
#form h3{
margin: 0 0 20px 0; 
padding:  0 0 5px 0;
border-bottom-style: dotted;
border-width: 1px;
border-color: #000;
font-size: 15px;
color: #424242;
}

#recruit .main,
#corporate .main,
#qa .main,
#form .main{
width: 750px;
margin: 0 0 40px 0;
padding: 0;
}


#recruit .main .table-01,
#corporate .main .table-01,
#qa .main .table-01,
#form .main .table-01{
width: 750px;
border: 1px #E3E3E3 solid;
border-collapse: collapse;
border-spacing: 0;
margin: 0 auto 0 auto;
padding: 0; 
}


#recruit .main .table-01 tr,
#corporate .main .table-01 tr,
#qa .main .table-01 tr,
#form .main .table-01 tr{
margin: 0;
padding: 0;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
}


#recruit .main .td01,
#corporate .main .td01,
#qa .main .td01,
#form .main .td01{
width: 200px;
margin: 0;
padding: 0;
background: #fafafa;
}

#recruit .main  .td02,
#corporate .main .td02,
#qa .main .td02,
#form .main .td02{
margin: 0;
padding: 0;
text-align: left;
background: #fff;
}


#recruit .main .tp01,
#corporate .main .tp01,
#qa .main .tp01,
#form .main .tp01{
margin: 0;
padding: 10px 0 10px 10px;
font-size: 12px;
color: #000;
text-align: left;
}


#recruit .main .tp02,
#corporate .main .tp02,
#qa .main .tp02,
#form .main .tp02{
margin: 0 0 0 30px;
padding: 10px 0 10px 10px;
font-size: 12px;
color: #000;
text-align: left;
}


#recruit .main .table-01 td,
#corporate .main .table-01 td,
#qa .main .table-01 td,
#form .main .table-01 td{
margin: 0;
padding: 0;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
text-align: left;
}


#recruit .main_inner,
#corporate .main_inner,
#qa .main_inner{
width: 708px;
margin: 0 0 40px 0;
padding: 20px 20px 0 20px;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
overflow: hidden;
}

#recruit .main .main_inner .p01,
#corporate .main .main_inner .p01,
#qa .main .main_inner .p01,
#form .main .main_inner .p01{
font-weight: bold;
font-size: 15px;
color: #000;
}

#recruit .main .main_inner p,
#corporate .main .main_inner p,
#qa .main .main_inner p{
margin: 0 0 20px 0;
padding: 0;
font-size: 12px;
color: #000;
}



#recruit .main .main_inner .textbox01,
#corporate .main .main_inner .textbox01,
#qa .main .main_inner .textbox01,
#form .main .main_inner .textbox01{
clear: both;
width: 508px;
margin: 0;
padding: 0;
float: left;
}


#recruit .main .pic,
#corporate .main .pic{
width: 750px;
height: 300px;
margin: 0 0 20px 0;
padding: 0;
}

#recruit .main .main_inner .pic_01,
#corporate .main .main_inner .pic_01{
width: 180px;
height: 135px;
margin: 0 0 20px 0;
padding: 0;
float: right;
}

/*--スタッフ紹介--------------------------------------------------------------*/
	
#staff .main_inner{
width: 708px;
margin: 0 0 20px 0;
padding: 20px 20px 0 20px;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
overflow: hidden;
}


#staff .main_inner .staff-photo{
width: 180px;
height: 180px;
margin: 0;
padding: 0 20px 10px 0;
background: #FFF;
float: left;
}

#staff .main .main_inner .p01{
margin: 0 0 20px 0;
padding: 5px 0 5px 5px;
color: #fff;
background: #000;
}

#staff .main .main_inner p{
margin: 0 0 20px 0;
padding: 0;
font-size: 12px;
color: #000;
}

/*--アクセスマップ--------------------------------------------------------------*/

#corporate .main .address{
clear: both;
width: 280px;
margin: 0 0 20px 0;
padding: 0;
float: right;
}



#corporate .main .map{
width: 400px;
height: 250px;
margin: 0 0 20px 0;
padding: 0;
float: left;
}

#corporate .main .address dl{
clear:both;
margin: 0;
padding: 0;
}

#corporate .main .address dt{
clear:both;
margin: 0 0 10px 0;
padding: 0;
font-size: 18px;
font-weight: bold;
float: left;
}

#corporate .main .address dd{
margin: 0 0 10px 10px;
padding: 0;
font-size: 18px;
font-weight: bold;
float: left;
}


/*--よくある質問--------------------------------------------------------------*/


#qa .main_inner .qa_col .p03{
margin: 0 0 10px 0;
padding: 5px 0 5px 5px;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
font-weight: bold;
font-size: 15px;
color: #a81836;
}

#qa_list{
width: 750px;
margin: 0 0 20px 0;
padding: 0;
font-size: 12px;
}

.qa_list_col{
margin: 0 0 20px 0;
padding: 0;
font-size: 15px;
}




/*--お問わせ--------------------------------------------------------------*/

#form .main_inner .tel{
width: 344px;
height: 35px;
margin: 0 0 10px 0;
padding: 0;
float: left;
}

#form .main_inner .fax{
width: 344px;
height: 35px;
margin: 0 0 10px 0;
padding: 0;
float: right;
}

#form .main_inner .dl01{
clear: both;
margin: 0;
padding: 0;
float: left;
}


#form .main_inner .dl02{
margin: 0 0 0 20px;
padding: 0;
float: left;
}

#form .main_inner dt{
margin: 0 0 10px 0;
padding: 0;
float: left;
}

#form .main_inner dd{
margin: 0 0 10px 0;
padding: 0;
float: left;
}

#form .main_inner{
width: 708px;
margin: 0 0 40px 0;
padding: 20px 20px 10px 20px;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
overflow: hidden;
}

#form .main .main_inner p{
margin: 0 0 10px 0;
padding: 0;
font-size: 12px;
color: #000;
}

/*--スタッフブログ--------------------------------------------------------------*/


#blog .post{
width: 750px;
margin: 0 0 40px 0;
padding: 0;
}



#blog .entry{
width: 708px;
margin: 0 0 20px 0;
padding: 20px 20px 0 20px;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
background: #fafafa;
overflow: hidden;
}

#blog .sumbox{
clear: both;
width: 180px;
height: 135px;
margin: 0 0 20px 0;
padding: 0;
float: left;
}

#blog .entry-content{
width: 508px;
margin: 0;
padding: 0;
float: right;
}


#blog .entry-content p{
font-size: 12px;
}

#blog .entry-title{
margin: 0;
padding: 0 0 5px 0;
border-bottom-style: dotted;
border-width: 1px;
border-color: #000;
font-size: 15px;
font-weight: bold;
}



#single .post{
width: 708px;
margin: 0 0 20px 0;
padding: 20px 20px 20px 20px;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
background: #fafafa;
overflow: hidden;
}



#single .post p{
margin: 0 0 10px 0;
font-size: 12px;
}

#single .entry-title{
margin: 0 0 20px 0;
padding: 5px 0 5px 0;
border-top: 1px #000 solid;
border-bottom: 1px #000 solid;
font-size: 18px;
}

#single h2{
margin: 0 0 20px 0;
padding: 5px 0 5px 0;
border-top: 1px #000 dotted;
border-bottom: 1px #000 dotted;
font-size: 15px;
font-weight: bold;
}

#single h3{
margin: 0 0 20px 0;
padding: 0 0 5px 0;
border-bottom: 1px #000 dotted;
font-size: 12px;
}



#single .alignnone{
margin: 0 0 10px 0;
}


#single .p-navi{
width: 708px;
margin: 20px 0 0 0;
padding: 10px 0 10px 0;
border-top: 1px #000 solid;
border-bottom: 1px #000 solid;
overflow: hidden;
}


/*--出張フィテングサービス--------------------------------------------------------------*/



.page9{
clear: both;
width: 726px;
margin: 0 0 20px 0;
padding: 10px 10px 0 10px;
border-style: dotted;
border-width: 2px;
border-color: #424242;
background: #fafafa;
overflow: hidden;
}


.page9 li{
clear: both;
width: 726px;
margin: 0;
padding: 0 0 10px 0;
font-weight: bold;	
overflow: hidden;
}


/*--お客様の声--------------------------------------------------------------*/

#voice .main{
clear: both;
margin: 0 0 20px 0;
padding: 0;
overflow: hidden;
}

#voice .main p{
margin: 0 0 20px 0;
padding: 0;
font-size: 12px;
color: #6f6f6f;
}

#voice h2{
margin: 0 0 20px 0;
padding: 5px 0 5px 5px;
font-size: 15px;
font-weight: bold;
background: #323232;
color: #fff;
}

#voice h3{
margin: 0 0 20px 0; 
padding:  0 0 5px 0;
border-bottom-style: dotted;
border-width: 1px;
border-color: #000;
font-size: 15px;
color: #424242;
}


#voice .main_inner{
width: 708px;
margin: 0 0 20px 0;
padding: 20px 20px 10px 20px;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
overflow: hidden;
}


#voice .main .main_inner .photo{
clear: both;
width: 240px;
height: 180px;
margin: 0 0 20px 0;
padding: 0;
float: left;
}

#voice .main .main_inner .textbox{
width: 448px;
margin: 0 0 0 20px;
padding: 0;
float: right;
}



#voice .main_inner dl{
margin: 0 0 10px 0;
padding: 0;
border-bottom: 1px #000 dotted;
overflow: hidden;
}


#voice .main_inner dt{
clear: both;
width: 205px;
margin: 0;
padding: 0;
text-align: left;
font-size: 12px;
color: #9a0231;
float: left;
}

#voice .main_inner dd{
width: 220px;
margin: 0;
padding: 0 0 0 10px;
font-size: 12px; 
text-align: left;
float: left;
}

#voice .main .main_inner .text01{
margin: 0;
padding: 0;
font-size: 12px;
}


#voice .main .main_inner .car_name{
margin: 0 0 10px 0;
padding: 0 0 5px 0;
border-bottom: 1px #000 dotted;
font-size: 18px;
font-weight: bold;
}


#voice .main .main_inner .comment{
clear: both;
width: 422px;
margin: 0 0 10px 0;
padding: 10px 10px 0 10px;
border-style: dotted;
border-width: 2px;
border-color: #424242;
background: #fafafa;
overflow: hidden;
}

#voice .main .main_inner .comment .staff-photo{
clear: both;
width: 100px;
height: 100px;
margin: 0 0 10px 0;
padding: 0;
float: left;
}


#voice .main .main_inner .comment .message{
width: 300px;
margin: 0;
padding: 0;
float: right;
}


#voice .main .main_inner .more{
clear: both;
width: 80px;
height: 25px;
margin: 0 0 10px 0;
padding: 10px 0 0 0;
text-align: center;
color: #fff;
background: #323232;
float: right;
}

#voice .main .main_inner .more a{
color: #fff;
}


#voice .alignnone{
margin: 0 auto 10px auto;
text-align: center;
}


#voice .main .main_inner .data{
clear: both;
margin: 0 0 20px 0;
padding: 10px 10px 0 10px;
border-style: dotted;
border-width: 2px;
border-color: #424242;
background: #fafafa;
}


#voice .main_inner .data dt{
clear: both;
width: 100px;
margin: 0 0 10px 0;
padding: 0;
border-width: 0px;
text-align: left;
font-size: 15px; 
float: left;
}

#voice .main_inner .data dd{
margin: 0 0 10px 0;
padding: 0;
border-width: 0px;
font-size: 15px;
text-align: left;
float: left;
}





/*--プライバシーポリシー--------------------------------------------------------------*/
#contract h2{
margin: 0 0 20px 0; 
padding: 10px 0 7px 0px;
border-top: 2px solid #424242;
border-bottom: 1px dotted #424242;
font-size: 15px;
color: #424242;
}

#contract .main_inner{
width: 708px;
margin: 0 0 40px 0;
padding: 20px 20px 10px 20px;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
overflow: hidden;
}

#contract .main p{
margin: 0 0 20px 0;
padding: 0;
font-size: 12px;
color: #6f6f6f;
}

#contract .main .p01{
margin: 0 0 20px 0;
padding: 0;
font-size: 15px;
font-weight: bold;
color: #6f6f6f;
}



#contract .main ul{
clear: both;
width: 690px;
margin: 0 0 20px 0;
padding: 10px 10px 0 10px;
border-style: dotted;
border-width: 2px;
border-color: #424242;
background: #fafafa;
overflow: hidden;
}


#contract .main li{
clear: both;
width: 690px;
margin: 0;
padding: 0 0 10px 0;
font-size: 12px;
font-weight: bold;	
overflow: hidden;
}
#top .new .thumnail img {
	width: 155px;
	height: auto;
}

#page .main .pic2{
	width: 400px;
	padding: 0;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	float: left;
}
.main_inner .pic2 img {
	height: auto;
	width: 400px;
}
.clear {
clear: both;
}


/*●キャンペーン*/
div.campaign_breadcrumb{
	padding-left:0 !important;
}
div#maincol-campaign h1{
	clear: both;
	margin: 0 0 20px 0;
	padding: 10px 0 7px 10px;
	border-top: 1px solid #E6E6E6;
	border-left: 5px solid #000;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	font-size: 18px;
	color: #000;	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #F2F2F2), color-stop(0.00, #FFF));
background: -webkit-linear-gradient(top, #FFF 0%, #F2F2F2 88%);
background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 88%);
background: -o-linear-gradient(top, #fff 0%, #f2f2f2 88%);
background: -ms-linear-gradient(top, #fff 0%, #f2f2f2 88%);
background: linear-gradient(to bottom, #FFF 0%, #F2F2F2 88%);
}

div#maincol-campaign p.title{
	padding: 7px 0 7px 30px;
	background:url('https://82ae98.claudeassets.com/20250328160709im_/http://www.hankoku.net/hanbai/wp-content/themes/hankoku/images/campaign/bnr_title.jpg') no-repeat;
}
div#maincol-campaign p.content{
	margin-bottom:3em;
	padding:0 0 0 30px;
	font-size:14px;
}

div#maincol-campaign p.last{
	margin-bottom:10em;
}

div#maincol-campaign h2.newentry{
	clear: both;
width: 590px;
height: 40px;
margin: 0 0 20px 0;
padding: 20px 0 0 160px;
color: #5C5C5C;
font-size: 18px;
text-align: left;
background: url(https://dcf528.claudeassets.com/20250328160709im_/http://www.hankoku.net/hanbai/images/top/h2/h2_newentry.jpg) no-repeat;
}
div#maincol-campaign div.entry{
	clear: both;
width: 730px;
margin: 0 0 40px 0;
padding: 10px;
background: #828282;
overflow: hidden;
}
div#maincol-campaign .entry .newcol{
	margin: 0 0 0 -4px;
}
div#maincol-campaign .new{
	width: 155px;
padding: 10px;
border-style: solid;
border-width: 1px;
border-color: #E6E6E6;
float: left;
height: 360px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 6px;
}
div#maincol-campaign .new .thumnail {
width: 155px;
height: 110px;
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
}
div#maincol-campaign .new .thumnail img {
width: 155px;
height: auto;
}
div#maincol-campaign .new .car_name {
clear: both;
margin: 0 0 5px 0;
padding: 0;
font-size: 16px;
color: #FF9204;
line-height: 1.2em;
}
div#maincol-campaign .new .car_name a {
color: #FF9204;
}
div#maincol-campaign .new dl {
clear: both;
margin: 0;
padding: 0;
}
div#maincol-campaign .new dt {
clear: both;
margin: 0 0 5px 0;
padding: 10;
font-size: 12px;
text-align: center;
float: left;
color: #FFF;
}
div#maincol-campaign .new dd {
margin: 0 0 5px 0;
padding: 0;
font-size: 12px;
text-align: center;
float: left;
color: #FFF;
}
div#maincol-campaign .new .more {
clear: both;
width: 80px;
height: 30px;
margin: 20px auto 0 auto;
padding: 0;
}
div#campaign_content_foot{
	margin:0 auto;
	width:750px;
}

.banner-wide{
	margin-bottom:1em;
}
/*
     FILE ARCHIVED ON 13:46:16 May 10, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:18:59 Jul 22, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.266
  exclusion.robots: 0.04
  exclusion.robots.policy: 0.029
  esindex: 0.01
  cdx.remote: 27.69
  LoadShardBlock: 82.762 (3)
  PetaboxLoader3.datanode: 110.994 (5)
  PetaboxLoader3.resolve: 417.715 (2)
  load_resource: 538.263
  loaddict: 121.342
*/