/* CSS Document */
body {
	margin: 0px; 
	padding: 0px; 
	color: #404040;
	background:#ededed;
}
ul,ol,li{
    list-style:none;
	list-style-position:outside;
	padding:0px;
	margin:0px;
}
ul{
    list-style-image:url(../img/bullet.gif);
}
p,li{
    line-height:1.3em;
	color:#404040;
	/*text-indent:8px;*/
	font-weight:normal;
}

a{
    text-decoration:underline;
	color:#404040;
	padding:0px;
	margin:0px;
}
a:hover{
    text-decoration:underline;
	color:#099;
}

/* typography */
h1{
   font-size:120%;	
}
h2{
   font-size:110%;	
}
h3{
   padding:0px;
   margin:0px;
   font-size:100%;
}
h4.nobg{
    background-image:none;
	display:block;
	width:240px;
	height:34px;
	line-height:34px;
    text-indent:0px;
	margin:0px;
	padding:0px;
}
h4{
    background:url(../img/bg/subt_bg.gif) repeat-x;
	display:block;
	width:514px;
	height:28px;
	line-height:28px;
	overflow:hidden;
	font-size:14px;
	text-indent:15px;
}
h4.eco{
	background:url(../img/h4_eco.gif) no-repeat;
	width:514px;
	height:28px;
	overflow:hidden;
	text-indent:25px;
	margin: 15px 0px 0px;
	padding: 0px;
}
h5{
	font-weight:bold;
	font-size:14px;
	text-indent:15px;
	line-height:20px;
	display:block;
	width:514px;
	clear:both;
	margin: 0px;
	padding: 0px;
}
.red_txt{
	 color:#ff472f;
}
.blue_txt{
     color:#cce6ff;	
}
.ctxt{
     color:#F63;
	 font-size:90%;
	 text-indent:5px;
}
/*######### site structure #####################*/

#container {
	width: 840px;
	background: #FFFFFF;
	margin: 0px auto;
	background:url(../img/bg/site-bg.gif) repeat-x left top;
	padding:0px;
}
#pre-head{
    height:28px;
	width:840px;
	margin:0;
	padding:0;
	overflow:hidden;
}
#pre-head h1 {
	margin: 5px 0px 0px 0px; 
	padding: 0px 0px 8px;
	font-size:90%;
	color:#fff;
	display:block;
	width:700px;
	clear:none;
	float:left;
	text-indent:7px;
	overflow:hidden;
}
#header{
    width:780px;
	height:100px;
	margin-left:30px; 
	margin-right:30px;
	position:relative;

}
#header div.logo{
    float:left;
	clear:none;
	margin-left:5px;
	margin-top:45px;
	width:178px;
	height:39px;
}
#wrapper{
    width:780px;
    padding-left:30px;
	padding-right:30px;
	padding-bottom:20px; /* padding between maincontent area and footer */
	background-color:#fff;
	clear:both;
	position:relative;
	margin:0px;
}

#flash {
	background: #fff; 
	padding: 0px; 
	width:780px;
	margin:0;
	height:283px;
	z-index:1;
}
#banner{
    background:#fff;
	padding:0px;
	margin:0px;
	width:780px;
	height:138px;
	z-index:1;
}
#mainContent {
	padding: 0px;
	margin: 0px;
	background: #fff;
	width:780px;
	height:100%;
    position:relative;
}
.breadcrumbs{
	width:780px;
	height:20px;
	float:right;
	padding:0px;
	margin:5px 0px;
	clear:both;
}
#maincol{
	width:514px;
	float:right;
	clear:none;
	background:#fff;
	position: relative;
	margin: 0px 0px 0px 25px;
	padding: 0px;
}
#maincol p{
    margin-left:15px;
	margin-right:15px;
}
#maincol img.mar15{
    margin-left:15px;	
	margin-top:15px;
}
#rightcol{
    width:240px;
	float:left;
	clear:none;
	background:#fff;
	position:relative;
}
#footer-wrap{
    width:840px;
	height:122px;
	margin:0px;
	padding:0px;
	background:url(../img/bg/footer_bg.gif) repeat-x left top;
	/*position:relative;*/
}
div.footer {
	width:820px;
	padding: 15px 10px 0px;
	margin: 0px;
	position:relative;
}

div.clr,
br.clr{
    width:0px;
	height:0px;
	margin:0px;
	padding:0px;
	clear:both;
}

/*############## font size ##################*/

#pre-head div.fsize{
    float:right;
	width:110px;
	height:28px;
	padding:0;
	margin:0;
}
div.fsize ul{
    list-style:none;
	list-style-image:none;
}
div.fsize ul li,
div.fsize ul li a{
	display:block;
	float:left;
	clear:none;
	color:#fff;
	font-size:100%;
	line-height:28px;
	text-decoration:none;
	height:28px;
	width:27px;
	padding:0;
	margin: 0px 2px 0px 0px;
	text-align:left;
	text-indent:8px;
}
div.fsize ul li a:hover{
    background:url(../img/bg/fsize-bg.gif) no-repeat 3px 3px;
	padding:0;
}
div.fsize ul li a:active{
    background:url(../img/bg/fsize-bg.gif) no-repeat 3px 3px;	
	padding:0;
}

/*######### global navigation #################*/
#gnavi{
    float:right;
	clear:none;
	height:48px;
	width:555px;
	margin-top:42px;
	overflow:hidden;
	z-index:2;
}
#gnavi ul li,
#gnavi ul li a{
	display:block;
	float:left;
	clear:none;
	text-indent:-1000px;
}
#gnavi ul li.m01,
#gnavi ul li.m01 a{
	background:url(../img/h-menu01.gif) no-repeat scroll 0% 0%;
	width:108px;
	height:48px;
	clear:none;
}
#gnavi ul li.m01 a:hover {
    background:url(../img/h-menu01.gif) no-repeat scroll 0% 100%;
	cursor:pointer;
}
#gnavi ul li.m02,
#gnavi ul li.m02 a{
    background:url(../img/h-menu02.gif) no-repeat scroll 0% 0%;
	width:104px;
	height:48px;
	clear:none;
}
#gnavi ul li.m02 a:hover{
    background:url(../img/h-menu02.gif) no-repeat scroll 0% 100%;	
	cursor:pointer;
}
#gnavi ul li.m03,
#gnavi ul li.m03 a{
    background:url(../img/h-menu03.gif) no-repeat scroll 0% 0%;	
	width:104px;
	height:48px;
	clear:none;
}

#gnavi ul li.m03 a:hover{
    background:url(../img/h-menu03.gif) no-repeat scroll 0% 100%;
	cursor:pointer;
}

#gnavi ul li.m04,
#gnavi ul li.m04 a{
    background:url(../img/h-menu04.gif) no-repeat scroll 0% 0%;
	width:107px;
	height:48px;
	clear:none;
}

#gnavi ul li.m04 a:hover{
    background: url(../img/h-menu04.gif) no-repeat scroll 0% 100%;
	cursor:pointer;
}

/*############### Side Menu ####################*/
div.sidemenu{
    width:240px;
	padding:0px;
	margin-bottom:45px;
}
div.sidemenu ul{
    width:240px;
	list-style:none;
}
div.sidemenu ul li{
	display:block;
    background:transparent url(../img/bg/sidemenu_bg.gif) no-repeat scroll left top;
	height:37px;
	width:240px;
	list-style:none;
	list-style-image:none;
}
div.sidemenu ul li a{
	text-decoration:none;
	background:transparent url(../img/bg/sidemenu_bg.gif) no-repeat scroll left top;
    padding-left:10px;
	padding-right:10px;
	width:240px;
	height:37px;
	line-height:37px;
	color:#404040;
}
div.sidemenu ul li a:hover{
    background:transparent url(../img/bg/sidemenu_bg.gif) no-repeat scroll left bottom;
	text-decoration:none;
	display:block;
    width:240px;
	height:37px;
	cursor:pointer;
	color:#404040;
}

div.sidemenu ul li.active a{
    background:transparent url(../img/bg/sidemenu_bg.gif) no-repeat scroll left bottom;
	text-decoration:none;
	width:240px;
	height:37px;
	display:block;
	color:#404040;
	font-weight:600;
}
/*############### Footer ##################### */

.footer p.copyright {
	display:block;
	float:left;
	clear:none;
	margin: 0; 
	padding:0; 
	text-align:left;
	color:#fff;
}
.footer div.footer_link{
    color:#fff;
	width:400px;
	float:right;
}
div.footer_link ul{
	list-style-image:none;
	text-align:right;
}
div.footer_link ul li{
    margin-right:8px;
	display:inline;
	color:#fff;
}
div.footer_link ul li a,
div.footer_link ul li a:hover{
    color:#fff;	
}
div.footer_menu{
	width:780px;
	position:absolute;
	top:105px;
	left:20px;
}
div.footer_menu ul {
    list-style-image:none;
	text-align:center;
}
div.footer_menu ul li{
    color:#fff;
	display:inline;
	margin-right:5px;
	font-size:11px;
}
div.footer_menu ul li a,
div.footer_menu ul li a:hover{
    color:#fff;	
}
/*############################## Elements #######################################*/
/* Business boxes  */
#business{
	width:780px;
	margin:15px 0px 10px;
	padding:0;
	clear:both;
	background:#fff;
	border:none;
}
div.b_box{
    width:242px;
	float:left;
	clear:none;
	margin-right:25px;
}
div.b_box2{
    width:242px;
	float:left;
	clear:none;
	margin-right:0;
}
h2.dis{
    display:block;
	width:242px;
	height:35px;
	margin:0;
	padding:0;
}
div.b_box_inner{
    border:1px solid #ccc;
	width:240px;
	min-height:220px;
	position:relative;
	background-color:#f4f4f4;
	background:url(../img/bg/biz-bg.gif) repeat;

}
div.b_box_inner img{
	margin-left:9px;
	margin-right:9px;
	margin-top:9px;
}
div.b_box_inner img.warehouse{
    margin-left:13px;
	margin-right:13px;
	margin-top:9px;
	width:211px;
}
p.arrow{
    background:url(../img/arrow01.gif) no-repeat;
	text-indent:25px;
	line-height:20px;
	display:block;
	width:224px;
	margin-left:7px;
	margin-right:7px;
}
p.readmore{
	text-indent:-1000px;
}
p.readmore a{
    background:url(../img/detail_btn.gif) no-repeat scroll 0% 0%;
	width:89px;
	height:20px;
	position:absolute;
	bottom:10px;
	right:5px;
}
p.readmore a:hover{
    background:url(../img/detail_btn.gif) no-repeat scroll 0% 100%;
	width:89px;
	height:20px;
}
/* news section */
div.news{
    margin-bottom:45px;	
}
ul.news{
    list-style:none;
	font-size:90%;
}
ul.news li{
    background:url(../img/dots.gif) repeat-x left bottom;
	line-height:25px;
	text-indent:15px;
	list-style:none;
	list-style-image:none;
}
/* info box */
div.info{
	background:url(../img/info_box_b.gif) no-repeat scroll bottom left;
	width:240px;
	margin: 0px;
}
div.info div{
    background:url(../img/info_box_t.gif) no-repeat scroll top left;
    width:240px;
	padding-top:30px;
	padding-bottom:15px;
}
div.info div p{
    display:block;
	width:220px;
	margin-left:10px;
	margin-right:10px;
	/*text-indent:0;*/
}
/* main col */
.greetings{
	background:url(../img/truck_refrec.jpg) no-repeat scroll right bottom;
	height:150px;
	padding-right:155px;
	padding-top:15px;
	padding-bottom:10px;
	padding-left:15px;
	margin:0;
}
.ecoman{
    background:url(../img/eco_man.jpg) no-repeat scroll left top;
	height:110px;
	padding-left:100px;
	padding-top:0px;
	padding-bottom:15px;
	padding-right:20px;
	margin:0;
}
/* license box */
div.license{
	width:780px;
	height:141px;
	margin:15px 0px 0px;
	clear:both;
	background:url(../img/license_box.gif) no-repeat 0% 15px;
}
div.license div{
	padding: 35px 25px;
}
div.license div img{
	margin-right:25px;
	vertical-align: middle;
}
/* sidebar license */
div.license_s{
    width:240px;
}
div.license_s p{
    display:block;
	width:210px;
	margin-left:15px;
	/*text-indent:0px;*/
}
img.lice{
    margin-left:30px;
	margin-right:25px;
}
/* breadcrumbs */
.breadcrumbs p,
.breadcrumbs p a{
    text-align:right;
	line-height:20px;
	padding:0px;
	margin:0px;
	font-size:90%;
}
/* chart */
table.chart{
    border-collapse:collapse;
	margin:0px;
	border:none;
	width:484px;
	margin-left:15px;
	margin-right:15px;
}
table.chart p{
	text-indent:5px;
	margin:5px 0px !important;
	padding:0px;
}
table.chart td.bl{
    background:url(../img/bg/table_bg.gif) repeat;	
}
/* chart_h */
table.chart_h{
    border-collapse:collapse;
	margin:0px;
	border:none;
	width:484px;
	margin-left:15px;
	margin-right:15px;
}
table.chart_h p{
	text-indent:10px; /* chart_h only */
	margin:5px 0px !important;
	padding:0px;
}
table.chart_h td.bl{
    background:url(../img/bg/table_bg.gif) repeat;	
}
table.chart_h ul{
	display:block;
	width:auto;
	list-style-position:outside;
	padding-left:10px;
	margin-left:10px;
}
table.chart_h ul li{
    text-indent:10px; /* neccessary */	
}

/* chart_b */
table.chart_b{
    border-collapse:collapse;
	margin:0;
	border:1px solid #999999;
	width:410px;
	margin-left:15px;
}
table.chart_b p{
	margin:0px;
	text-indent:0px;
	padding:0px;
}
table.chart_b tr,
table.chart_b td{
    border:1px solid #999999;	
}
table.chart_b td.bld{
    background-color:#cce6ff;	
}
table.chart_b ul,
table.chart ul{
	display:block;
	width:auto;
	list-style-position:outside;
	padding-left:10px;
	margin-left:10px;
}
table.chart_b ul li,
table.chart ul li{
    text-indent:0px; /* neccessary */	
}
/* access botton */
ul.map{
    list-style:none;
	margin-left:0px !important;
	padding-left:0px !important;
	text-indent:5px;
}
ul.map li{
	float:left;
	display:block;
	clear:none;
	margin-right:10px;
}
ul.map li.map a{
    float:left;	
	display:block;
	clear:none;
	margin:0px;
	width:114px;
}
ul.map li.map a:link,
ul.map li.map a:visited,
ul.map li.map a:active{
    background:url(../img/map_btn.gif) no-repeat scroll left top;	
	width:114px;
	height:18px;
	text-indent:-1000px;
}
ul.map li.map a:hover{
	background:url(../img/map_btn.gif) no-repeat scroll left bottom;
	width:114px;
	height:18px;
}
/* back to top button */
div.btt{
    float:right;
	width:160px;
	margin-top:25px;
}
div.btt p{
    background:url(../img/arrow02.gif) no-repeat left top;	
}
div.btt p a,
div.btt p a:visited,
div.btt p a:hover{
	padding-left:20px;
	line-height:20px;
	text-decoration:underline;
	margin:0px;
}
/* warehouse */
p.warehouse{
	display:block;
	width:484px; /* margin:0 15px; のため*/
	text-align:left;
	clear:both;
	/*text-indent:0px;*/
	margin: 0px;
	padding: 10px 330px 0px 0px;
}
p.warehouse img{
    float:right;
	padding:0px;
	margin-bottom:10px;
}
/* transportation */
p.truck{
	display:block;
	width:484px;/*　margin:0 15px;　のため*/
	text-align:left;
	clear:both;
	padding: 10px 255px 0px 0px;
	margin:0px 0px 20px 0px; 
	/*text-indent:0px;*/
}
p.truck img{
    float:right;
	padding:0;
	margin-bottom:10px;
	margin-left:10px;
}
/* access */
div.gmap{
    margin-left:15px;
}
/* links */
ul.links{
    list-style-image:url(../img/arrow03.gif);
	list-style-position:outside;
	margin-left:35px; /* neccessary */
	margin-right:15px;
    margin-top:10px;
}
ul.links li,
ul.links li a{
    text-decoration:underline;
	color:#404040;
	padding:5px 0px 5px 0px;
	margin:0;
	line-height:14px;
	list-style-image:url(../img/arrow03.gif);
}
ul.links li a:hover{
    color:#06C;
	text-decoration:underline;
}
/* contact form */
div.inquiry{
    margin-left:15px;
	padding:0px;
	margin-bottom:35px;
}
table#chart_contact{
    border:1px solid #999999;
	border-collapse:collapse;
    width:500px;
	margin:0px;
	padding:0px;
	text-indent:5px;
}
table#chart_contact tr,
table#chart_contact td{
    border:1px solid #999999;	
}
form#inquiry{
    padding:0px;
	margin:0px;
}
input#send{
    background:url(../img/send_btn.gif) no-repeat;
	text-align:center;
	width:184px;
	height:26px;
	cursor:pointer;
	border:none;
}
input#reset{
    background:url(../img/reset_btn.gif) no-repeat;
	text-align:center;
	width:98px;
	height:26px;
	cursor:pointer;
	border:none;
}
div.form_btn{
    text-align:center;	
}
input#dar,
#dar{
	background: #f3f2f2 url(../img/bg/form_bg.gif) repeat;
	border:1px solid #999999;
	border-collapse:collapse;
}