@charset "utf-8";

/*********************************************
Copyright(C)TOKUSO GROUP All Rights Reserved.
*********************************************/

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

body{
	margin: 0;
	padding: 0;
	line-height: 160%;
	color: #333;
	background: #000;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka;
	font-size: 78%;
	text-align:center;
}

#container{
	padding: 15px 0 0;
	background: #d0d0d8 url(../files/bg.gif) top center repeat-x;
}

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

#header{
	background: url(../files/header.gif);
}

#navi_top{
	margin: 35px 0 0;
	float: right;
	width: 220px;
	height: 25px;
}

#contents{
	margin: 0 0 20px;
	padding: 0;
	float: right;
	width: 660px;
	background: url(../files/cts_2.gif);
}
#contents_404{
	margin: 0 0 20px;
	padding: 0;
	float: right;
	width: 660px;
}

#navi_left{
	margin: 0;
	padding: 0;
	float: left;
	width: 220px;
	background: url(../files/left_2.gif) top left;
}

#footer{
	margin: 0;
	padding: 0;
	clear: both;
	background: url(../files/footer.gif) top repeat-x;
}

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

h1{ font-size: 12px;}

h2{
	margin: 0 0 15px;
	padding: 0 36px;
	clear: both;
	color: #b2b2b8;
	background: url(../files/h2.gif) no-repeat top;
	line-height: 30px;
	font-size: 14px;
	letter-spacing: 0.15em;
}

h2 span{ margin: 0 10px 0 0; font-size: 12px; letter-spacing: 0;}

h3{
	margin: 0 0 13px;
	padding: 0 0 0 20px;
	background: url(../files/h3.gif) no-repeat left;
	line-height: 16px;
	font-size: 14px;
}

a{ color: #2b2b9b; text-decoration: underline;}
a:hover{ text-decoration: none;}

img{ border: none;}

p{ margin: 0 0 0.5em;}

#header span, #navi_left span, #footer span, .pagetop span{ display: none;}
#contents h1, .info h2, #copy{ text-indent: -9000px;}

#contents{ text-align: justify; text-justify: inter-ideograph;}

/* --- space & font --- */

.cntr{ text-align: center;}
.rght{ text-align: right;}
.left{ text-align: left;}

.sp0{ margin: 0;}
.sp1{ margin: 0 0 1.5em;}
.sp2{ margin: 15px 0;}
.sp3{ margin: 18px 0 13px;}
.sp4{ margin: 10px 0 0;}

.sz1{ font-size: 84%; line-height: 150%;}
.sz2{ font-size: 110%; line-height: 170%;}
.sz3{ line-height: 26px;}
.sz3 img{ margin: 0 0 0 10px; vertical-align: middle;}

.red{ color: #b82e5f;}

.cl{ clear: both;}

/* --- images --- */

.img_1{ margin: 3px 0 10px 20px; float: right;}
.img_2{ margin: 3px 5px 0 0; float: left;}
.img_3{ margin: 0 8px 0 20px; vertical-align: middle;}
.img_4{ margin: 0 8px 0 0; vertical-align: middle;}

/* --- GET HIGHT --- */

.hght{
	display: block;
	min-height: 0;
}
.hght:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .hght{ display: inline-block;}
/* exclude ie mac \*/
* html .hght{ height: 1%;}
/* all brouser */

/* --- PRINT --- */

@media print {
body { _zoom: 0.8;}
}

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

#header .wrap{
	height: 85px;
	position: relative;
}
.header_j{ background: url(../files/header_j.gif);}
.header_e{ background: url(../files/header_e.gif);}

#header h1{ margin: 16px 0 0; float: left;}
#header a, #header li{ display: block;}
#header h1, #header h1 a{ width: 295px; height: 52px;}

/* --- navi_top --- */

#navi_top ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navi_top li, #navi_top a{
	margin: 0;
	padding: 0;
	width: 110px;
	height: 25px;
}
#navi_top li{ float: left;}
.header_j #navi_top,
.header_j #navi_top a:hover{ background-image: url(../files/header_j_navi.gif);}
.header_e #navi_top,
.header_e #navi_top a:hover{ background-image: url(../files/header_e_navi.gif);}
.header_j #t1 a:hover, .header_e #t1 a:hover{ background-position: 0 25px;}
.header_j #t2 a:hover, .header_e #t2 a:hover{ background-position: 110px 25px;}

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

#navi_left a{ color: #b2b2b8;}

#navi_left_in1{
	padding: 10px 0 0;
	background: url(../files/left_1.gif) no-repeat top left;
}
#navi_left ul{
	margin: 0 0 10px;
	padding: 0 10px;
	_padding: 0 9px 0 10px;
	list-style:none;
}
#navi_left ul#end{ margin: 0;}

#navi_left li, #navi_left li a{
	padding: 0;
	display: block;
	height: 34px;
}
#navi_left li{
	margin: 0 6px 0 8px;
	border-left: 1px solid #404046;
	border-bottom: 1px solid #404046;
	width: 186px;
	background: url(../files/left_li_s.gif) right center no-repeat;
	line-height: 34px;
	vertical-align: bottom;
}
#navi_left li a{
	margin: 0;
	width: 186px;
	text-decoration: none;
	text-indent: 20px;
}
#navi_left li a:hover{
	background: url(../files/left_li_s_r.gif) right center no-repeat;
	text-decoration: underline;
}

#navi_left li.category,
#navi_left li#start_j,
#navi_left li#start_e{
	margin: 0;
	border: none;
	width: 200px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
}
#navi_left li.category{ background: url(../files/left_li_l.gif) 0 0;}
#navi_left li#start_j{ background: url(../files/left_li_j.gif) 0 0;}
#navi_left li#start_e{ background: url(../files/left_li_e.gif) 0 0;}


#navi_left li#start_j a,
#navi_left li#start_e a,
#navi_left li.category a{
	margin: 0 0 -2px;
	width: 200px;
	height: 40px;
}
#navi_left li.category a{ text-indent: 12px;}
#navi_left li.category a:hover{ background: url(../files/left_li_l.gif) 0 40px;}
#navi_left li#start_j a:hover{ background: url(../files/left_li_j.gif) 0 40px;}
#navi_left li#start_e a:hover{ background: url(../files/left_li_e.gif) 0 40px;}

#navi_left_in2{
	padding: 20px 22px 22px;
	color: #676773;
	background: url(../files/left_3.gif) bottom left no-repeat;
}
#navi_left_in2 p{
	margin: 0 0 0.7em;
	line-height: 150%;
	font-size: 90%;
}
#navi_left_in2 a:hover{ color: #d0d0d8; text-decoration: underline;}
#navi_left img{ margin: 5px 0 0; vertical-align: middle;}

/* contents ********************************************/

#top_flash, #contents_h1{
	padding: 25px;
	background: url(../files/cts_1.gif) no-repeat top;
}

#contents h1{
	margin: 0 0 5px;
	line-height: 55px;
	height: 55px;
}

#contents_in{
	padding: 0 25px 10px;
	_height: 650px;
	min-height: 650px;
	background: url(../files/cts_3.gif) no-repeat bottom;
}

.article{ padding: 0 5px 25px; clear: both;}

.article_BD{
	padding: 10px;
	border: solid 1px #b4b4c1;
	clear: both;
	text-align: center;
	font-size: 110%;
}
.article_BD h3, .article_BD p{ text-align: left;}
.article_BD h3{ margin: 3px 3px 7px; background: url(../files/h3_d.gif) left no-repeat;}
.article_BD p{ margin: 0 10px; font-size: 90%;}

a.banner img{ border: 1px solid #8080b8;}

/* --- list --- */

#contents ol{ margin: 0 0 0.5em 1em; padding: 0 0 0 1em;}

.dl1{ margin: 0 0 0.5em 10px;}
.dl1 dt{
	padding: 0 0 0 20px;
	clear: both;
	float: left;
	width: 15em;
	background: url(../files/h3_a.gif) no-repeat left;
}
.dl1 dt, .dl1 dd{ margin: 0 0 0.2em;}

/* --- pagetop --- */

.pagetop{
	margin: -10px 0 15px 510px;
	clear: both;
	height: 20px;
	background: url(../files/btn_pagetop.gif)
}
.pagetop a{
	display: block;
	width: 100px;
	height: 20px;
}

/* --- [index] --- */

#info_a, #info_b{ clear: both;}
#info_a{ margin: 0 0 20px; padding: 0 0 10px; background: url(../files/index_btm_a.gif) no-repeat bottom;}
#info_b{ margin: 0 0 25px; padding: 0 0 15px; background: url(../files/index_btm_b.gif) no-repeat bottom;}

.info .left, .info .right{ width: 295px;}
.info .left{ float: left;}
.info .right{ float: right;}

.info h2{
	margin: 0 0 10px;
	padding: 0;
	height: 55px;
	line-height: 55px;
}
.info p{ margin: 0 4px 8px;}
.info img{ vertical-align: bottom;}

#idx1 h2{ background: url(../files/index_h2_1.gif);}
#idx2 h2{ background: url(../files/index_h2_2.gif);}
#idx3 h2{ background: url(../files/index_h2_3.gif);}
#idx4 h2{ background: url(../files/index_h2_4.gif);}

#idx4 p{
	line-height: 140%;
	font-size: 80%;
}
#idx4 p#end{ margin: 0 5px 5px; clear: both;}

#idx1 img, #idx2 img{ margin: 0 3px 5px;}
#idx4 img{ margin: 1px 0 4px 10px; float: right;}

#topics{ margin: 0 5px 25px; line-height: 150%;}
#topics div{ margin: 0; clear: both;}
#topics .hght{ margin: 0 0 3px; background: url(../files/line_1.gif) no-repeat bottom left;}
#topics .hght div{
	padding: 0 0 3px 10px;
	float: left;
	clear: none;
	width: 85px;
}
#topics p{ margin: 0 10px 3px 0; padding: 0; float: right; width: 490px;}

/* --- h1 --- */

.export h1{ background: url(../files/export_h1.gif);}
.recycling h1{ background: url(../files/export_recycling_h1.gif);}
.inv h1{ background: url(../files/inv_h1.gif);}
.used_car h1{ background: url(../files/inv_used_car_h1.gif);}
.maintenance h1{ background: url(../files/inv_maintenance_h1.gif);}
.transport h1{ background: url(../files/inv_transport_h1.gif);}
.request h1{ background: url(../files/inv_request_h1.gif);}
.inv_company h1{ background: url(../files/inv_company_h1.gif);}
.company1 h1{ background: url(../files/company_branch_img1_h1.gif);}
.company2 h1{ background: url(../files/company_branch_img2_h1.gif);}
.contact h1{ background: url(../files/company_contact_h1.gif);}
.tokusocorp h1{ background: url(../files/tokuso_img_h1.gif);}
.export h1{ background: url(../files/cor_export_h1.gif);}
.group_branch h1{ background: url(../files/group_branch_h1.gif);}

.group_new h1{ background: url(../files/template_group_h1.gif);}
.corp_new h1{ background: url(../files/template_corp_h1.gif);}
.inv_new h1{ background: url(../files/template_inv_h1.gif);}

/* --- float  --- */

.inv .fl_l{ float: left; width: 247px;}
.inv .fl_r{ float: right; width: 335px;}
.inv .fl_r img{ margin: 0 5px;}
.inv .fl_l img, .used_car .fl_r img, .maintenance .fl_r img, .transport .fl_r img{ margin: 5px 0 0;}

.used_car .fl_l, .maintenance .fl_l, .transport .fl_l{ float: left; width: 335px;}
.used_car .fl_r, .maintenance .fl_r, .transport .fl_r{ float: right; width: 247px;}

.company2 .fl_l{ margin: 0 0 15px; float: left; width: 290px; text-align: left;}
.company2 .fl_r{ margin: 0 0 15px; float: right; width: 286px; text-align: right;}
.company2 .fl_r .map{ margin: 5px 0 12px; border: 1px solid #b7b7c2;}
.company2 .fl_r .map iframe{ margin: 2px;}
.company2 .fl_l{ line-height: 150%;}
.company2 .fl_l div{ margin: 0; clear: both;}
.company2 .fl_l .hght{ margin: 0 0 3px; background: url(../files/line_1.gif) no-repeat bottom left;}
.company2 .fl_l .hght div{
	padding: 0 0 3px 10px;
	float: left;
	clear: none;
	width: 80px;
}
.company2 .fl_l p{ margin: 0 10px 3px 0; padding: 0; float: right; width: 190px;}
.company2 .fl_l p.cl{ float: none; width: auto; text-align: center;}
.company2 .article{ padding: 0 5px 5px; clear: both;}

/* --- others --- */

#history{ margin: 0 5px 25px; line-height: 150%;}
#history div{ margin: 0; clear: both;}
#history .hght{ margin: 0 0 3px; background: url(../files/line_2.gif) no-repeat bottom left;}
#history .hght div{
	padding: 0 0 3px 10px;
	float: left;
	clear: none;
	width: 105px;
}
#history p{ margin: 0 10px 3px 0; padding: 0; float: right; width: 470px;}


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

#footer .wrap{
	height: 70px;
	background: url(../files/footer_in.gif) top no-repeat;
}

#pagetop{
	margin: 22px 0 0;
	float: right;
	width: 100px;
}
#pagetop a{
	display: block;
	width: 100px;
	height: 20px;
}
#copy{
	margin: 18px 0 0;
	float: left;
	width: 300px;
	height: 14px;
}


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

form{
	margin: 0;
	padding: 0;
}

form input{
	margin: 2px;
}

.request img, .contact img{ margin: 15px 0 0;}

#form{ margin: 0 5px 25px;}
#form span, #form p.error{ color: #b82e5f;}
#form p{
	margin: 0 0 20px;
	line-height: 170%;
	text-align: center;
	font-size: 110%;
}
#form p.left{ text-align: left;}
#form div{ background: url(../files/line_3.gif) no-repeat bottom left;}
#form .hght{
	clear: both;
}
#form .l, #form .le{
	padding: 5px 0 5px 10px;
	float: left;
	clear: none;
	width: 185px;
	background: none;
}
#form .r, #form .re{
	margin: 5px 10px 5px 0;
	padding: 0;
	float: right;
	width: 390px;
	background: none;
}
#form div.error{ background: url(../files/line_er.gif) no-repeat bottom left;}
#form div.error .r div{ color: #b82e5f; background: none;}
#form div.end{ background: none;}

#form textarea, #form select{ background: #fff;}
#form select{ margin: 0;}
#form textarea{ width: 380px; height: 80px;}
#form input.input{ width: 250px;}
#form input.trans{ width: 80px;}

#form div.r div,
#form div.r label{
	border: none;
	background: none;
}