@charset "Shift_JIS";

/* =======================================================================
   ケーヨーテクノサービス - 基本レイアウト用CSS
======================================================================= */

/* 別のCSSをインポート */
@import url("./reset.css"); /* タグの初期値をリセット */
@import url("./base.css"); /* 基本設定を読み込み */


/* =======================================================================
   基本デザインレイアウト骨組み
======================================================================= */

/* 背景画像・背景色 */
body{
	background-color:#fff;
}

/* 大枠 */
#wrapper{
	width:900px;
	margin:0 auto;
}

#container{
width:900px;
background: transparent url("../common_img/container_bg.gif") repeat-y;
}

#sidemenu{
width:148px;
padding:0 1px 20px;
float:left;
}

#contents{
width:750px;
float:right;
}

#inner{
width:700px;
margin-left:30px;
padding-top:5px;
padding-bottom:20px;
}


/* ページTOPへ */
.pagetop {
margin:20px auto 0;
}

.pagetop a {
display:block;
float:right;
}

/* フッター */
address{
width:900px;
color:#757997;
margin:0 auto;
padding:10px 0;
text-align:center;
background-color:#E2E3EA;
}


/* =======================================================================
   ヘッド
======================================================================= */

/* ヘッドタイトルBOX */
#head{
	width:900px;
	margin:0 auto;
}

#head #logo{
	padding:10px 0px;
	width:144px;
	}
#head  .clearfix .shinsai{
	width:740px;
	margin-top:10px;
	float:right;
	}
#head strong{
width:900px;
height:30px;
background: transparent url("../common_img/head_bar.gif") no-repeat;
text-indent:-9999px;
display:block;
}

#head .head_info{
width:900px;
height:63px;
background: transparent url("../common_img/head_info.gif") no-repeat;
}

#head .head_md{
width:900px;
height:22px;
background: transparent url("../common_img/head_md.gif") no-repeat;
text-indent:-9999px;
}


#head .head_md p{
display:none;
}

#head .head_md .access{
	width:110px;
	height:14px;
	float:right;
	margin-top:4px;
}

#head .head_md .access a{
	margin:0;
	padding:0;
	display:block;
	background-repeat: no-repeat ;
	vertical-align: bottom;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
	width:110px;
	height:14px;
}

#head .head_md .access,
#head .head_md .access a:link,
#head .head_md .access a:visited,
#head .head_md .access a:active {background-image:url(../common_img/head_md_access.gif);}
#head .head_md .access a:hover,
#head .head_md .access_on {background-image:url(../common_img/head_md_access_on.gif);}


/* ロゴのリンク設定 */
#head h1 a{
display:block;
cursor:pointer;
width:277px;
height:63px;
outline:0;
}

/* メールのリンク設定 */
#head .head_mail a{
display:block;
cursor:pointer;
width:165px;
height:22px;
outline:0;
text-indent:-9999px;
position:absolute;
top:102px;
margin-left:520px;
background-repeat: no-repeat;
}

#head .head_mail,
#head .head_mail a:link,
#head .head_mail a:visited,
#head .head_mail a:active {background-image:url(../common_img/head_mail.gif);}
#head .head_mail a:hover {background-image:url(../common_img/head_mail_on.gif);}


/* =======================================================================
   サイドメニュー
======================================================================= */

/* グローバルメニュー1段目 */
.gm01{
width:148px;
margin-bottom:10px;
}

.gm01 li{
line-height:0%;
font-size:0;
border-bottom:1px solid #aaa;
}

.gm01 .shaken a,
.gm01 .tenken a,
.gm01 .bankin a,
.gm01 .refresh a,
.gm01 .coating a,
.gm01 .custom a,
.gm01 .navi a,
.gm01 .carcare a,
.gm01 .sales a{
	margin:0;
	padding:0;
	display:block;
	background-repeat: no-repeat ;
	vertical-align: bottom;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
}

.gm01 .shaken a,
.gm01 .tenken a,
.gm01 .bankin a,
.gm01 .refresh a,
.gm01 .coating a,
.gm01 .custom a,
.gm01 .carcare a{
	width:148px; height:28px;
}

.gm01 .navi a,
.gm01 .sales a{
	width:148px; height:45px;
}

.gm01 .shaken,
.gm01 .shaken a:link,
.gm01 .shaken a:visited,
.gm01 .shaken a:active {background-image:url(../common_img/gm_shaken.gif);}
.gm01 .shaken a:hover,
.gm01 .shaken_on {background-image:url(../common_img/gm_shaken_on.gif);}

.gm01 .tenken,
.gm01 .tenken a:link,
.gm01 .tenken a:visited,
.gm01 .tenken a:active {background-image:url(../common_img/gm_tenken.gif);}
.gm01 .tenken a:hover,
.gm01 .tenken_on {background-image:url(../common_img/gm_tenken_on.gif);}

.gm01 .bankin,
.gm01 .bankin a:link,
.gm01 .bankin a:visited,
.gm01 .bankin a:active {background-image:url(../common_img/gm_bankin.gif);}
.gm01 .bankin a:hover,
.gm01 .bankin_on {background-image:url(../common_img/gm_bankin_on.gif);}

.gm01 .refresh,
.gm01 .refresh a:link,
.gm01 .refresh a:visited,
.gm01 .refresh a:active {background-image:url(../common_img/gm_refresh.gif);}
.gm01 .refresh a:hover,
.gm01 .refresh_on {background-image:url(../common_img/gm_refresh_on.gif);}

.gm01 .coating,
.gm01 .coating a:link,
.gm01 .coating a:visited,
.gm01 .coating a:active {background-image:url(../common_img/gm_coating.gif);}
.gm01 .coating a:hover,
.gm01 .coating_on {background-image:url(../common_img/gm_coating_on.gif);}

.gm01 .custom,
.gm01 .custom a:link,
.gm01 .custom a:visited,
.gm01 .custom a:active {background-image:url(../common_img/gm_custom.gif);}
.gm01 .custom a:hover,
.gm01 .custom_on {background-image:url(../common_img/gm_custom_on.gif);}

.gm01 .navi,
.gm01 .navi a:link,
.gm01 .navi a:visited,
.gm01 .navi a:active {background-image:url(../common_img/gm_navi.gif);}
.gm01 .navi a:hover,
.gm01 .navi_on {background-image:url(../common_img/gm_navi_on.gif);}

.gm01 .carcare,
.gm01 .carcare a:link,
.gm01 .carcare a:visited,
.gm01 .carcare a:active {background-image:url(../common_img/gm_carcare.gif);}
.gm01 .carcare a:hover,
.gm01 .carcare_on {background-image:url(../common_img/gm_carcare_on.gif);}

.gm01 .sales,
.gm01 .sales a:link,
.gm01 .sales a:visited,
.gm01 .sales a:active {background-image:url(../common_img/gm_sales.gif);}
.gm01 .sales a:hover,
.gm01 .sales_on {background-image:url(../common_img/gm_sales_on.gif);}


/* グローバルメニュー2段目 */
.gm02{
width:130px;
margin: 0 auto;
}

.gm02 li{
line-height:0%;
font-size:0;
margin-bottom:10px;
}

.gm02 .hoken a,
.gm02 .credit a{
	margin:0;
	padding:0;
	display:block;
	background-repeat: no-repeat ;
	vertical-align: bottom;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
}

.gm02 .hoken a{
	width:130px; height:30px;
}

.gm02 .credit a{
	width:130px; height:59px;
}

.gm02 .hoken,
.gm02 .hoken a:link,
.gm02 .hoken a:visited,
.gm02 .hoken a:active {background-image:url(../common_img/gm_hoken.gif);}
.gm02 .hoken a:hover,
.gm02 .hoken_on {background-image:url(../common_img/gm_hoken_on.gif);}

.gm02 .credit,
.gm02 .credit a:link,
.gm02 .credit a:visited,
.gm02 .credit a:active {background-image:url(../common_img/gm_credit.gif);}
.gm02 .credit a:hover,
.gm02 .credit_on {background-image:url(../common_img/gm_credit_on.gif);}


/* 社屋写真 */
.gm_photo{
width:148px;
height:114px;
background: transparent url("../common_img/gm_photo.jpg") no-repeat;
margin-bottom:15px;
text-indent:-9999px;
}


/* グローバルメニュー3段目 */
.gm03{
width:130px;
margin: 0 auto 20px;
}

.gm03 li{
line-height:0%;
font-size:0;
margin-bottom:10px;
}

.gm03 .access a,
.gm03 .corpo a,
.gm03 .sitemap a{
	margin:0;
	padding:0;
	display:block;
	background-repeat: no-repeat ;
	vertical-align: bottom;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
}

.gm03 .access a,
.gm03 .corpo a,
.gm03 .sitemap a{
	width:130px; height:19px;
}

.gm03 .sitemap{
	margin-bottom:0;
}

.gm03 .access,
.gm03 .access a:link,
.gm03 .access a:visited,
.gm03 .access a:active {background-image:url(../common_img/gm_access.gif);}
.gm03 .access a:hover,
.gm03 .access_on {background-image:url(../common_img/gm_access_on.gif);}

.gm03 .corpo,
.gm03 .corpo a:link,
.gm03 .corpo a:visited,
.gm03 .corpo a:active{background-image:url(../common_img/gm_corpo.gif);}
.gm03 .corpo a:hover,
.gm03 .corpo_on {background-image:url(../common_img/gm_corpo_on.gif);}

.gm03 .sitemap,
.gm03 .sitemap a:link,
.gm03 .sitemap a:visited,
.gm03 .sitemap a:active {background-image:url(../common_img/gm_sitemap.gif);}
.gm03 .sitemap a:hover,
.gm03 .sitemap_on {background-image:url(../common_img/gm_sitemap_on.gif);}


/* TEL・FAX */
.gm_info{
width:130px;
height:103px;
background: transparent url("../common_img/gm_info.gif") no-repeat;
text-indent:-9999px;
margin:0 auto 15px;
}

.gm_cap01{
width:130px;
margin:0 auto 15px;
}

.gm_cap02{
width:130px;
margin:0 auto 20px;
color:#372B71;
}

/* 京葉工業ロゴ */
.gm_keiyo_rogo{
width:130px;
height:34px;
background: transparent url("../common_img/gm_keiyo_rogo.gif") no-repeat;
text-indent:-9999px;
margin:50px auto 25px;
}
.gm_keiyo_rogo a{
width:130px;
height:34px;
display:block;
}


/* バナー */
.gm_banner{
width:130px;
margin:0 auto;
}
.gm_banner dt{
text-align:center;
margin-bottom:5px;
font-weight:bold;
}
.gm_banner dd{
text-align:center;
}


/* =======================================================================
   ローカルメニュー
======================================================================= */

.lm{
width:750px;
border-bottom:1px solid #aaa;
background: transparent url("../common_img/lm_bg.gif") no-repeat;
}

.lm li{
line-height:0%;
font-size:0;
margin-right:1px;
float:left;
}

.lm .top a,
.lm .section a,
.lm .anchor01 a,
.lm .anchor02 a,
.lm .anchor03 a{
	margin:0;
	padding:0;
	display:block;
	background-repeat: no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
}

.lm .top a{width:70px; height:28px;}
.lm .section a{width:195px; height:28px;}
.lm .anchor01 a{width:176px; height:28px;}
.lm .anchor02 a{width:142px; height:28px;}
.lm .anchor03 a{width:163px; height:28px;}


.lm .top,
.lm .top a:link,
.lm .top a:visited,
.lm .top a:active {background-image:url(../common_img/lm_top.gif);}
.lm .top a:hover,
.lm .top_on {background-image:url(../common_img/lm_top_on.gif);}

.lm .section,
.lm .section a:link,
.lm .section a:visited,
.lm .section a:active {background-image:url(../common_img/lm_section.gif);}
.lm .section a:hover,
.lm .section_on {background-image:url(../common_img/lm_section_on.gif);}

.lm .anchor01,
.lm .anchor01 a:link,
.lm .anchor01 a:visited,
.lm .anchor01 a:active {background-image:url(../common_img/lm_anchor01.gif);}
.lm .anchor01 a:hover,
.lm .anchor01_on {background-image:url(../common_img/lm_anchor01_on.gif);}

.lm .anchor02,
.lm .anchor02 a:link,
.lm .anchor02 a:visited,
.lm .anchor02 a:active {background-image:url(../common_img/lm_anchor02.gif);}
.lm .anchor02 a:hover,
.lm .anchor02_on {background-image:url(../common_img/lm_anchor02_on.gif);}

.lm .anchor03,
.lm .anchor03 a:link,
.lm .anchor03 a:visited,
.lm .anchor03 a:active {background-image:url(../common_img/lm_anchor03.gif);}
.lm .anchor03 a:hover,
.lm .anchor03_on {background-image:url(../common_img/lm_anchor03_on.gif);}

.lm .anchor03,
.lm .anchor03_on{
margin-right:0;
}


/* =======================================================================
   パンくずナビ
======================================================================= */

/* 現在位置 */
#pankuzu{
color:#ecb100;
margin-bottom:30px;
}

/* 現在位置 */
#pankuzu em{
color:#333;
}
