@charset "utf-8";
/* CSS Document common settintg*/


/*index

01 Base
02 Header
03 Main image
04 contents


/*===========================================================================
01 Base
===========================================================================*/
body{
background-color:#e7e7e7;
}

h1,h2,h3,h4{
  margin:0;
  padding:0;
}

img{
  border:none;
}

.clear{
  clear:both;
}

.dot_line{
background:url(../images/dot.gif) repeat-x top;
height:6px;
}

ui{ list-style-type:decimal;}


#container{
width:908px;
margin:0 auto;
background:url(../img/common/bg.gif) repeat-y left top;
}
/*===========================================================================
 Header
===========================================================================*/

/*ヘッダ
---------------------------------------------------------------------------*/

#header{
width:898px;
margin:0 auto;
text-align:left;
background:url(../img/common/bg_head.gif) repeat-x left top #FFFFFF;
height:76px;
}
#h_lead h1{
	font-size:12px;
	color:#666666;
	margin-left:10px;
	font-weight:normal;
	height: 16px;
}
#header #h_lead{
	padding-top: 10px;
}

#header h2.logo{
	float:left;
	width:218px;
	padding-top:6px;
	padding-left:8px;
}

#h_tel{
	float:right;
	padding-top:6px;
	padding-right:8px;
}


.navi_top{
margin:10px 0 46px;
text-align:right;
font-size:12px;
}



/*===========================================================================
 Global navi
===========================================================================*/
/*グローバルナビ
---------------------------------------------------------------------------*/
#g_navi {
	height:55px;
	overflow: hidden;
	text-align:center;
	clear:both;
}

#g_navi ul {
	width: 900px;
	list-style-type: none;
	padding: 0px;	
	margin:0 auto;
}

#g_navi li {
	margin: 0px;
	padding: 0px;
	float: left;
	font-family: "MS PGothic", "Osaka";
	color:#FFFFFF;
}

#g_navi li a{
	display: block;
	overflow: hidden;
	text-align: right;
	height: 0 !important;
	height /**/: 55px;
	padding-top: 55px;
	background: url(../img/common/g_navi.gif) no-repeat left top;
}

#g_navi ul li#nav01 a{width:142px;}
#g_navi ul li#nav02 a{width:186px;}
#g_navi ul li#nav03 a{width:188px;}
#g_navi ul li#nav04 a{width:188px;}
#g_navi ul li#nav05 a{width:196px;}

/*通常時*/
#g_navi ul li#nav01 a { background-position: 0 0;}
#g_navi ul li#nav02 a { background-position: -142px 0;}
#g_navi ul li#nav03 a { background-position: -328px 0;}
#g_navi ul li#nav04 a { background-position: -516px 0;}
#g_navi ul li#nav05 a { background-position: -704px 0;}

/*ロールオーバー*/
#g_navi ul li#nav01 a:hover{ background-position: 0 -55px;}
#g_navi ul li#nav02 a:hover{ background-position: -142px -55px;}
#g_navi ul li#nav03 a:hover{ background-position: -328px -55px;}
#g_navi ul li#nav04 a:hover{ background-position: -516px -55px;}
#g_navi ul li#nav05 a:hover{ background-position: -704px -55px;}


/*ページ表示時*/
#g_navi ul li#nav01on a{ background-position: 0 -55px; width:142px;}
#g_navi ul li#nav02on a{ background-position: -142px -55px; width:186px;}
#g_navi ul li#nav03on a{ background-position: -328px -55px; width:188px;}
#g_navi ul li#nav04on a{ background-position: -516px -55px; width:188px;}
#g_navi ul li#nav05on a{ background-position: -704px -55px; width:196px;}




/*===========================================================================
 左カラム
===========================================================================*/
#col_Left{
float:left;
text-align:left;
padding-left:8px;
}

#Thumb{ font-size:12px; color:#333333; margin-bottom:8px
}

.boxItem{
padding-bottom:22px;
}


/*トピックス---------------*/
#boxTopix {
	width:576px;
	margin-bottom:25px;
}
#boxTopix .midashi{
margin-bottom:6px;
}

#boxTopix .inBox{
width:520px;
margin:0 auto;
}

#boxTopix ul {
margin: 0 0 0;
padding: 10px 0 0 ;
list-style:none;
}

#boxTopix li{
	background: url(../img/common/icn_arrw.gif) no-repeat left ;
	padding-left:16px;
	margin-bottom:12px;
	font-size:12px;
	height:12px;
}

/*お問合わせ_大---------------*/
#boxInqB {
width:576px;
height:176px;
background:url(../img/top/bg_toi.jpg) no-repeat;
position:relative;
margin-bottom:30px;
}
#boxInqB #midashi{
	position:absolute;
	left: 20px;
	top: 23px;
}

#boxInqB #telNo{
	position:absolute;
	left: 20px;
	top: 85px;
}

#boxInqB #toiBtn{
	position:absolute;
	left: 323px;
	top: 105px;
}

/*===========================================================================
 右カラム
===========================================================================*/
#col_Right{
float:right;
width:260px;
text-align:left;
}

#col_Right .box_pdf a{
	width:260px;
	text-align:left;
	padding: 0px;
	height: 0 !important;
	height /**/: 155px;
	padding-top: 155px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(../img/common/bn_catalog.png);
	display: block;
	overflow: hidden;
}
#col_Right .box_pdf a:link {background:url(../img/common/bn_catalog.png);}
#col_Right .box_pdf a:visited {background:url(../img/common/bn_catalog.png);}
#col_Right .box_pdf a:hover {background:url(../img/common/bn_catalog_on.png);}
#col_Right .box_pdf a:active {background:url(../img/common/bn_catalog_on.png);}

/*バナー------------------------*/
.BnImg{
margin:0 0 10px;
}

/*お問合わせ------------------------*/
#boxInq{
width:260px;
height:139px;
background:url(../img/common/bg_inquiry.gif) no-repeat left top;
margin:0 0 12px;
}
#boxInq .inBox{
width:234px;
margin:8px auto;
text-align:left
}

#boxInq .inBox img{
margin:10px 0 0 ;
}

/*会社情報------------------------*/
#boxData{
width:260px;
border:1px solid #999999;
background:#FFFFFF;
margin:0 0 18px;
text-align:center
}

#boxData .inBox{
width:240px;
margin:8px auto;
text-align:left
}

#boxData .inBox img{
margin:8px 0 ;
}




/*=================================
フッター */
#footer {
width:898px;
padding:8px 0;
margin:0 auto;
background-color:#FFFFFF;
border-top:1px solid #cccccc;
}
.foot_box {
width:866px;
margin:0 auto;
	}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*自社工具------------------------*/
#itmOriginal{
float:left;
width:230px;
}

#itmOriginal h4{
margin-bottom:12px;
}

/*取り扱いメーカー------------------------*/
#itmMaker{
float:right;
width:624px;
text-align:left;
}
#itmMaker h4{
margin-bottom:6px;
}
#itmMaker p.linkP{
font-size:10px;
text-align:center;
padding:2px 0;
}


/*フッターメニューー------------------------*/
#foot_menu {
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:12px 0;
width:898px;
background-color:#f5f5f5;
margin-top:4px;
}
#foot_menu .inBox {
width:876px;
margin:0 auto;
}
#f_C_left{
float:left;
width:460px;
}
.F_info{
float:right;
width:272px;
font-size:12px;
line-height:16px
}
#f_Menu{
	float:right;
	width:410px;
	font-size:12px;
	text-align: right;
}

#copyright{
	margin: 12px 0 0 12px;
	color:#818181;
	font-size:12px;
}
#copyright a.seo:link {
	text-decoration: none;
	color:#818181; 
}
#copyright a.seo:visited {
	text-decoration: none;
	color:#818181; 
}
#copyright a.seo:hover {
	text-decoration: none;
	color:#818181; 
}
#copyright a.seo:active {
	text-decoration: none;
	color:#818181; 
}