@charset "shift_jis";
/* CSS Document */

/*------------------------------------------------------------------------------------------
  「カリツー」会社案内カテゴリページ別CSSファイル
------------------------------------------------------------------------------------------*/

/*///////////////////////////////////////////////
1.会社案内カテゴリ共通
2.ページ別−会社案内インデックス
3.ページ別−トップメッセージ
4.ページ別−会社概要
5.ページ別−営業拠点
6.ページ別−倉庫面積
7.ページ別−企業データ
8.ページ別−品質・安全・環境方針
9.ページ別−品質への取組み
10.ページ別−安全への取組み
11.ページ別−環境への取組み
////////////////////////////////////////////////*/

/* 1.会社案内カテゴリ共通
----------------------------------------------------------------------------------------------- */
/*ローカルナビ */
.company #l-nav li a{
	background:url(../img/lnav_mark.gif) 2px center no-repeat;
}
.company #l-nav ul li.lv2 a{
	background:url(../img/lnav_lv2mark.gif) 2px center no-repeat;
}

.company #l-nav ul li a:hover{
	background-color:#FFE8FC;
}
/*pageIDとローカルメニューのIDが合えば現在地スタイル適用*/
#message #l-message a,
#profile #l-profile a,
#history #l-history a,
#clients #l-clients a,
#branches #l-branches a,
#warehouse #l-warehouse a,
#data #l-data a,
#qse #l-qse a,
#affiliates #l-affiliates a{ 
	background-color:#FFE8FC;
	background-position:right;	
	color:#CC0000;
	padding:5px 17px 5px 5px;
	margin-left:0px;
	width:175px;
}
/*インデックスページ時のｌｖ2ページのメニュースタイル*/
#qse #l-qse .lv2 a{
	padding:3px 17px 3px 15px;
	width:165px;	
	color:#0033CC;
	background-color:#fff;
}
#qse #l-qse .lv2 a:hover{
	background-color:#FFE8FC;
}


/*lv2ページを含むカテゴリのインデックスページメニューを白背景・青文字*/
#qse #quality li#l-qse a,
#qse #safety li#l-qse a,
#qse #ecology li#l-qse a{	
	background-color:#FFFFFF;
	color:#0033CC;
}
/*自ページ時のlv2ページのメニュースタイル*/
#qse #quality  li#l-qse #l-qse1 a,
#qse #safety  li#l-qse #l-qse2 a,
#qse #ecology  li#l-qse #l-qse3 a{
	background-color:#FFE8FC  !important;	
	color:#CC0000  !important;
}
/*インデックスページ時のｌｖ2ページのオンマウスメニュースタイル*/
#qse #lv1 #l-qse a:hover,
#qse #quality li#l-qse a:hover,
#qse #safety li#l-qse a:hover,
#qse #ecology li#l-qse a:hover
{
	background-color:#FFE8FC;
	color:#CC0000 ;
}

#message .lv2,
#profile .lv2,
#history .lv2,
#clients .lv2,
#branches .lv2,
#warehouse .lv2,
#data .lv2,
#affiliates .lv2{ 
	display:none;
}
/*テーブル見出しセル*/
.company th{
	background-color:#FFE8FC;
}
/*コンテンツタイトル*/
.company h3{
	background:url(../img/bg_contitle.gif) left top no-repeat;
	color:#CC3333;
}
.company h4{
	border-color:#CC3333;
	color:#CC3333;
}
/*ページトップリンクマーク*/
.company .to-top a{
	background-image: url(../img/totop_mark.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* 2.ページ別−会社案内インデックス
----------------------------------------------------------------------------------------------- */
#index .company .content-box li {
	width:290px;
	height:40px;
	margin:10px 10px 0 10px;
	padding:10px 0 10px 10px;
	float:left;
	position:relative;
	_display:inline;
}
#index .company .content-box li a{
	display:block;
	width:290px;
	height:40px;
	padding:10px 0px 10px 10px;
	background:url(../img/index/bg_indexbnr.jpg) left top no-repeat;
	font-weight:bold;
	font-size:110%;
}
#index .company .content-box li a:hover{
	background:url(../img/index/bg_indexbnr_on.jpg) left top no-repeat;
	color:#990000;
}
#index .company .content-box li span{
	position:absolute;
	left:20px;
	top:40px;
	font-size:80%;
	color:#333333;
	font-weight:normal;
}

/* 3.ページ別−トップメッセージ
----------------------------------------------------------------------------------------------- */
#philosophyBox ol{
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	list-style-position: outside;
	list-style-type: decimal;
	padding:10px 10px 10px 25px;
	margin:10px;	
}

#philosophyBox li{
	zoom: normal; 
}

/* 4.ページ別−会社概要
----------------------------------------------------------------------------------------------- */
#profileBox p.table-cap{
	text-align:right;
	margin-bottom:0px;
}
#profileBox table{
	margin-top:3px;
}
#profileBox table p.f-left{
	padding:10px 5px;
}
#boardBox div dl{
	width:330px;
	float:left;	
}
#boardBox div dl dd{
	width:320px;
}
#boardBox div dl dd p.name{
	width:180px;
}
#boardBox div dl dd p{
	display: table-cell;  
    vertical-align: middle;  
    margin: 0;  
}  
 /*for IE6 */  
* html #boardBox div dl p{  
	display: inline;  
	zoom: 1;  
}  
 /*for IE7 */  
*:first-child+html #boardBox div dl p{  
     display: inline;  
     zoom: 1;  
} 

#boardBox dt{
	padding:5px;
	border-bottom:1px dotted #CC0000;
	font-weight:bold;
}
#boardBox dd{
	width:210px;
	float:left;
	padding-left:10px;
	_display:inline;
}
#boardBox dd span{
	font-size:80%;
	color:#666;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
/* 5.ページ別−営業拠点
----------------------------------------------------------------------------------------------- */
#branchlistBox  td.to-top {
	text-align:right;
	margin-top:0px;
	padding-bottom: 0px;
}
#branchlistBox  td.to-top p{
	margin:0 0 3px 0;
	padding:0;
}
#branchlistBox  td.to-top a {
	width: 150px;
	padding-left: 18px;
}	
#branchlistBox #aichi,#branchlistBox #kanagawa,#branchlistBox #shizuoka,#branchlistBox #mie,#branchlistBox #osaka,#branchlistBox #hiroshima,#branchlistBox #fukuoka,#oita{
	background-color:#EEEEEE;
}
#mapBox iframe{
	border:1px solid #CCCCCC;
	margin:10px 0 0 20px;
}
#mapBox small{
	margin-left:20px;
}
#branches  .print-btn {
	text-align: center;
}
#branches #infoBox .address-cell1{
	width:80px;
}
#branches #infoBox .address-cell2{
	width:300px;
}
#branches #infoBox .address-cell3{
	width:110px;
}
/* 6.ページ別−倉庫面積
----------------------------------------------------------------------------------------------- */
#warehouse .sum{
	background-color:#EEEEEE;
	font-weight:bold;
}
#warehouse .total{
	background-color:#CCCCCC;
	font-weight:bold;
	font-size:110%;
}
/* 7.ページ別−企業データ
----------------------------------------------------------------------------------------------- */
#salesBox div.inner-box{
	float:left;
	width:320px;
	margin:5px;
	display:inline;
}
#salesBox div.inner-box img{
	margin:5px ;
}
#staffcarBox div.inner-box{
	text-align:center;
	margin:5px 0px;
}
/* 8.ページ別−品質・安全・環境方針
----------------------------------------------------------------------------------------------- */
#qse .content-box ul{
	margin:20px;
	list-style:outside disc;
}
#qse #content-box ul li{
	padding-left:10px;
}
#qse #qse-btn{
	width:640px;
	margin:0;
	margin-top:20px;
	padding-left:20px;
	margin-bottom:20px;
	border-top:1px dotted #999999;
	padding-top:20px;
	clear:both;
	list-style:none;
}
#qse #qse-btn li{
	width:200px;
	float:left;
	margin-right:5px;
	padding-left:0;
}
#qseBox h4{
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
}	
#qseBox ol{
	list-style:decimal outside ;
	padding-left:20px;
	_padding-left:30px;
	margin-left:10px;
}
#qseBox li{
	padding-left:5px;
	zoom: normal; 
}	
#basicpolicyBox p{
	width:200px;
	float:right;
	padding: 0 10px 10px 10px;
}
#basicpolicyBox ol{
	margin-left:10px;
	width:400px;
	float:left;
}
#activepolicyBox ol{
	margin-left:10px;
}
#qse #activepolicyBox ul{
	margin: 10px;
}
#activepolicyBox ul li{
	list-style:none;
	padding-left:10;
}
/* 9.ページ別−品質への取組み
----------------------------------------------------------------------------------------------- */
#qualityBox .img-box {
	margin: 0px 20px;
}
#qualityBox li{
	zoom:normal !important;
}


/* 10.ページ別−安全への取組み
----------------------------------------------------------------------------------------------- */
#safetyresultBox #safetyoffice table{
	width:400px;
	float:right;
}
#safetyoffice li{
 zoom:normal !important;
}
#safetyactBox .inner-boxlv2{
	padding:10px 10px 10px 15px;
}
#safetyactBox .inner-boxlv2 div{
	width:300px;
	float:left;
	margin-left:10px;
}
#safetyresultBox li{
 zoom:normal !important;
}
/* 11.ページ別−環境への取組み
----------------------------------------------------------------------------------------------- */
#iso14001Box .../img-box {
	margin: 0px 20px;
}	
#greenBox table{
	width:400px;
	float:right;
}
#ecologyBox li,#greenBox li{
	zoom:normal !important;
}