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

/* for All Pages
------------------------------------------------------------ */
/*注意喚起*/
.caution{
	position:relative;
	border:#FF0004 2px solid;
	padding:10px 60px 5px 60px;
	margin-bottom:30px;
	background-image: url(../img/caution.png) ;
	background-position:left center;
	background-color:rgba(255,0,4,0.10);
	background-repeat:no-repeat; 
	background-size:90px;
	}
.caution span{
	font-size:110%;
	font-weight:bold;
	}
.caution .txtright{
	background-image:url(../img/link_arrow.png);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:center right;
	padding:5px 25px 5px 0;
	margin-top:-29px;
	font-size:90%;
	}
.txtright{
	text-align:right;
	}
/*---------------------------全ページ色替え----*/
.bdWT a,
.bdBK a,
.topics .article a,
.caution .txtright a,
.path a,
.toTop a,
.productsArea a p,
.catalogueArea a p,
#ol a,
#footer a {
  position: relative;
  display: inline-block;
  padding: .1em;
  text-decoration: none;
}
.bdWT a::after,
#footer a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #fff;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.topics .article a::after,
.bdBK a::after,
.caution .txtright a::after,
.path a::after,
.toTop a::after,
.productsArea a p::after,
.catalogueArea a p::after,
#ol a::after
{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #000;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.bdWT a:hover::after,
.bdBK a:hover::after,
.topics .article a:hover::after,
.caution .txtright a:hover::after,
.path a:hover::after,
.toTop a:hover::after,
.productsArea a:hover p::after,
.catalogueArea a:hover p::after,
#ol a:hover::after,
#footer a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
/*---TOPタイトル色--*/
.txtsp{
	color:#DBB459;
	font-family:"ヒラギノ角ゴ StdN W8","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	letter-spacing:0.18em;
	font-weight:900 !important;
	}

/*LINK全般*/
a,
a:active{
	text-decoration:none;
	color:#000;
	-webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.linkBox a:hover{
	text-decoration:none;
	color:#333;
	background-color:rgba(77,106,154,0.50); 
	-webkit-transition-duration: 1s;
    transition-duration: 1s;	
}

.linkBox a,.linkBox a:active{
	text-decoration:none;
	color:#fff;
	background-color:rgba(77,106,154,1.00); 
	-webkit-transition-duration: 1s;
    transition-duration: 1s;	
}
/*フッタメニューLINK*/
#footer a{
	color:#333;
	}

#footer a:hover{
	/*text-decoration:underline;*/
	color:#fff;
}
/*ヘッダメニューLINK ロールオーバー*/
#company #header .gnavi ul li#n01 a p,
#support #header .gnavi ul li#n01 a p,
#recruit #header .gnavi ul li#n01 a p,
#products #header .gnavi ul li#n02 a p,
#wood #header .gnavi ul li#n02 a p,
#steel #header .gnavi ul li#n02 a p,
#japanese #header .gnavi ul li#n02 a p,
#contact #header .gnavi ul li#n04 a p{
	/*background:#A98B23;*/
	/*background:#EEE0AE;*/
	/*background:#C9A527;*/
	background-color: rgba(77,106,154,1.0);
	color:#fff;
	cursor:auto;
	}
#header .gnavi ul li a:hover p{
	/*
	background:#EEE0AE;
	background-color: #4D6A9A;*/
	background-color: rgba(77,106,154,0.3);
	-webkit-transition-duration: 1s;
    transition-duration: 1s;
	color:#fff;
	text-decoration:none;

}


/*top カタログ請求ボタン(現未使用)*/
#top .cBoxb .catalogueArea p a.btnA{
	/*background:#DBBD4F;
	background:#A7B8D2;*/
	background-color: rgba(167,184,210,1.0);
	-webkit-transition-duration: 1s;
    transition-duration: 1s;
	}
	/*ロールオーバー*/
#top .cBoxb .catalogueArea p a:hover.btnA{
/*	background:#A98B23;
	background:#EEE0AE;
	background:#4d6a9a;*/
	background-color: rgba(77,106,154,1.0);
	-webkit-transition-duration: 1s;
    transition-duration: 1s;
	color:#fff;
	}

/*ページ　ボタン類*/
#recruit p a.btnA{
	/*background:#DBBD4F;
	background:#A7B8D2;*/
	background-color: rgba(167,184,210,1.0);
	-webkit-transition-duration: 1s;
    transition-duration: 1s;
	}
	/*ロールオーバー*/
#recruit p a:hover.btnA{
/*	background:#A98B23;
	background:#EEE0AE;
	background:#4d6a9a;*/
	background-color: rgba(77,106,154,1.0);
	-webkit-transition-duration: 1s;
    transition-duration: 1s;
	color:#fff;
	}

/*----------------------------------------トップ画像リンク系*/

#top .cBoxb .productsArea a:hover.mainImg img,
#top .cBoxb .catalogueArea a:hover.mainImg img{
/*	border:#DBBD4F 5px solid;*/
opacity: 0.70;
filter: alpha(opacity=70);
-moz-opacity: 0.70;
-ms-filter: "alpha(opacity=70)";
	-webkit-transition-duration: 1s;
    transition-duration: 1s;
	}

#top .cBoxb .productsArea a.mainImg img,
#top .cBoxb .catalogueArea a.mainImg img{
/*	border:#DBBD4F 5px solid;*/
opacity: 1.00;
filter: alpha(opacity=100);
-moz-opacity: 1.00;
-ms-filter: "alpha(opacity=100)";
	-webkit-transition-duration: 1s;
    transition-duration: 1s;
	}


/*//LINK*/


html body{
	background:#FFF;
	color:#000 !important;
	}

/*ヘッダ・フッタ部分背景*/	
html body #header .gnavi{
	/*background:#DBBD4F;*/
	background:#A7B8D2;
	color:#000 !important;
	}
	
html body #footer{
	/*background:#DBBD4F;*/
	background:#A7B8D2;
	color:#000 !important;
	}
/*ヘッダメニュー仕切り罫線*/
#header .gnavi ul li{
	border-left:#FFF 1px solid;
	}
#header .gnavi ul li.last{
	width: 238px !important;
	border-right: #FFF 1px solid;
	}

/*-------------------------------サイドメニュー仕切り罫線*/
#contents .sidenavi ul li a{
/*	border-top:#DBBD4F 1px solid;*/
	border-top:#999 1px dotted;
	}

/*#contents .sidenavi ul li a:hover{
	border-top:#fff 1px solid;
	}*/

#contents .sidenavi ul li.last a{
	/*border-bottom:#DBBD4F 1px solid;*/
	border-bottom:#999 1px dotted;
	}

#contents .sidenavi ul li.first a{
	/*border-bottom:#DBBD4F 1px solid;*/
	border-top:none;
	}

#company #contents .sidenavi ul li a#s01,
#support #contents .sidenavi ul li a#s02,
#recruit #contents .sidenavi ul li a#s03,
#products #contents .sidenavi ul li a#s01,
#contact #contents .sidenavi ul li a#s01,
#wood #contents .sidenavi ul li a#s02,
#steel #contents .sidenavi ul li a#s02,
#japanese #contents .sidenavi ul li a#s02{
	display:block;
	/*background:#DBBD4F;*/
background-color: rgba(77,106,154,1.0);
	color:#fff;
	text-decoration:none;
	/*border-top:#fff 1px solid;*/
	}

/*#wood #contents .sidenavi ul li #ss02 a,
#wood #contents .sidenavi ul li #ss03 a,
#steel #contents .sidenavi ul li #ss01 a,
#steel #contents .sidenavi ul li #ss03 a,
#japanese #contents .sidenavi ul li #ss01 a,
#japanese #contents .sidenavi ul li #ss02 a{
	background:none;
	color:#000;
	}*/
#wood #contents .sidenavi ul li a#ss01,
#steel #contents .sidenavi ul li a#ss02,
#japanese #contents .sidenavi ul li a#ss03{
	display:block;
	/*background:#DBBD4F;*/
	background-color: rgba(77,106,154,1.0);
	-webkit-transition-duration: 1s;
    transition-duration: 1s;
	color:#fff;
	text-decoration:none;
	/*border-top:#fff 1px solid;*/
	}

#contents .sidenavi ul li a:hover{
	display:block;
	background-color: rgba(77,106,154,0.5);
	-webkit-transition-duration: 1s;
    transition-duration: 1s;
	color:#fff;
	text-decoration:none;
	}




/*----//全ページ色替え----*/
html{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
html body{
	line-height:1.75;
	font-size:14px;
	/*text-justify:inter-ideograph;*/
	text-align:justify;
	letter-spacing:normal;
	}
	
#wrapper{
	width:100%;
	margin:0;
	padding:0;
	}

/*-------header--------------------------------*/
	
#header{
	width:100%;
	}
	
#header .logoBox {
	font-size:12px;
	width:960px;
	margin:0 auto;
	}

#header .logoBox p.logo img{
	width:100%;
	height:auto;
	}

#header .logoBox p.logo{
	width:203px;
	height:35px;
	margin:30px 0 21px 0;
	}

#header .logoBox h1{
	margin:50px 0 0 0;
	}

#header .logoBox img{
	}

#header .gnavi{
	width:100%;
	}

#header .gnavi ul{
	width:960px;
	margin:0 auto;
	}

#header .gnavi ul li{
	float:left;
	width:239px;
	text-align:center;
	}

#header .gnavi ul li a p{
	width:239px;
	padding:8px 0 7px;
	text-decoration:none;
	background-color: rgba(167,184,210,1.0);
	-webkit-transition-duration: 1s;
    transition-duration: 1s;
	}

#header .gnavi ul li.last a p{
	width:238px;
	}

/*-------contents--------------------------------*/

#contents{
	width:960px;
	margin:20px auto 30px;
	}

#contents .path{
	font-size:10px;
	margin-bottom:20px;
	}

.path a:hover,
.toTop a:hover{
	/*text-decoration:underline;*/
	}
	
#contents .sidenavi{
	float:left;
	width:250px;
	font-size:14px;
	}

#contents .mainBox{
	float: right;
	width: 640px;
	margin-left: 70px;
	}


#contents .sidenavi ul{
	border-top:#333 2px solid;
	}
	
#contents .sidenavi ul li ul.sub{
	border-top:none;
	}
	
#contents .sidenavi ul li a{
	display:block;
	width:230px;
	padding:8px 10px;
	}

#contents .sidenavi ul li ul.sub li a{
	display:block;
	width:210px;
	padding:8px 10px 8px 30px;
	}

#contents .sidenavi ul li a p{
	display:table-cell;
}
#contents .sidenavi ul li a p.cate{
	width:215px;
	}
	
.toTop{
	width:100%;
	font-size:10px;
	text-align:right;
	}		
	
	
/*-------footer--------------------------------*/
#footer{
	width:100%;
	}

#footer .fcont{
	width:960px;
	margin:0 auto;
	font-size:11px;
	}

#footer .fcont .fmenu{
	display:table;
	padding: 20px 0 0 0;
	margin: 0 0 20px 0;
	}

#footer .fcont .fmenu .mmenu{
	font-size:12px;
	font-weight:bold;
	color:#000;
	}

#footer .fcont .fmenu ul{
	display:table-cell;
	width: 234px;
	border-left: #fff 1px solid;
	padding-left: 24px;
	}

#footer .fcont .fmenu ul.last{
	border-right: #fff 1px solid;
	}

#footer .fcont .fmenu ul li ul.submenu{
	border-left:none;
	}

#footer .fcont .fmenu ul li ul.submenu li{
	float:left;
	margin-left:10px;
	}

#footer .fcont .copyright{
	font-size:10px;
	padding-bottom:10px;
	}

#footer .fcont .copyright .logoimg{
	/*font-size:0;*/
	margin-top:20px;
	}
/* for All Pages2
------------------------------------------------------------ */


.clear	{	clear: both;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* IE6 */
* html .clearfix { zoom: 1; }
/* IE7 */
*:first-child+html .clearfix { 	display: inline-block; }

/*罫線*/
.noBdrT{ border-top:none !important;}
.noBdrB{ border-bottom:none !important;}
.noBdrL{ border-left:none !important;}
.noBdrR{ border-right:none !important;}

/*マージン*/
.mg0{ 
	margin:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	}

.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml30{ margin-left:30px;}
.ml50{ margin-left:50px;}
.ml75{ margin-left:75px;}

.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}
.mt70{ margin-top:70px;}
.mt100{ margin-top:100px;}

.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb45{margin-bottom: 45px;}
.mb50{ margin-bottom:50px;}
.mb70{ margin-bottom:70px;}
.mb100{ margin-bottom:100px;}

/*Padding*/
.pd0{ padding:0;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
	}

.pt0{padding-top:0;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}

.pb30{ padding-bottom:30px;}
.pb10{padding-bottom:10px;}
.pb5{padding-bottom:5px;}
.pb0{padding-bottom:0;}

.txtcenter{
	text-align:center;
	}

.cLeft{
	float:left;
	}
.cRight{
	float:right;
	}



/* //for All Pages2
------------------------------------------------------------ */