@charset "utf-8";



/* Layout
------------------------------------------------------------------------------------------------------*/
body {
	background:url(../common/baseE.jpg) repeat-x;
}

#wrapper{
	margin:0 auto;
	padding:0;
	width:1026px;
	text-align:left;
}
#headerArea{	
	height:110px;
	width:1026px;
	position:relative;
}


#headerArea h1{
	position:absolute;
	top:7px;
	left:0;
	color:#666666;
	font-size:12px;
	font-weight:normal;

}

#headerArea h2.logo{
	position:absolute;
	top:25px;
	left:0;
	
}

#headerNavi{
	position:absolute;
	top:0px;
	right:0;
	height:25px;
}
#globalNaviArea{
	position:absolute;
	top:53px;
	left:351px;
	}
	
	
#contentsArea{
	width:1026px;
	zoom:1;
	background-color:#FFF;
}
#breadCrumbArea{height:30px;padding-right:36px;}
#mainArea{width:962px; line-height:150%; margin:0 auto;}




#pageTitleArea{width:1026px; height:158px;}

/* bottom contact area */

#bottomContactArea { width:1026px; padding:10px 0; background:#eee; border:1px #65778F solid; box-sizing:border-box;}
#bottomContactArea li { width:420px; padding:10px 0; float:left; border-right:1px #65778F solid; text-align:center; line-height:200%;}
#bottomContactArea li:last-child { width:180px; border:none;}
#bottomContactArea dt { margin-bottom:15px; color:#385070; font-size:20px; font-weight:bold;}
#bottomContactArea dd { color:#333; font-size:18px;}
#bottomContactArea dd.left { text-align:left; margin-left:40px;}
#bottomContactArea dd.left div { width:150px; float:left;}


.w962Wrapper{
	width:962px;
	margin:0 auto;
	margin-top:24px;
	margin-bottom:24px;
	
}
.w844Wrapper{
	width:844px;
	margin:0 auto;
	margin-top:24px;
	margin-bottom:24px;
	
}
.pageText01{
	margin:0 auto; 
	text-align:left; 
	margin-top:15px; 
	margin-bottom:15px; 
	width:844px;
	font-size:16px;
	line-height:150%;
}
.pageText02{
	padding:13px 13px 13px 74px;
}


/* breadCrumbArea
------------------------------------------------------------------------------------------------------*/
#breadCrumbArea p.bread{font-size:11px; color:#666; padding-top:8px; text-align:right;}
#breadCrumbArea p.bread a{font-size:11px; color:#369; padding-top:8px; text-align:right;}

/* tabWrap
------------------------------------------------------------------------------------------------------*/
.tabWrap{ position:relative;width:1026px;}
.tabWrap a:hover{text-decoration:none;}
.tabWrap a h3 { margin-left:30px; width:200px; height:33px; color:#385070; font-size:15px; font-weight:normal; ; text-decoration:none;
     background-color:#DCDCDC; text-align:center;margin-bottom:-8px; padding-top:12px;border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;}
.tabWrap a:hover h3 {color:#fff; background-color:#0085b2;}
.tabWrap h3.active{ margin-left:30px; width:200px; height:33px; color:#fff; font-size:15px; font-weight:normal; 
     background-color:#0085b2; text-align:center;margin-bottom:-8px; padding-top:12px;border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;}
.tabWrap h3.active2{ margin-left:30px; width:200px; height:33px; color:#385070; font-size:15px; font-weight:normal; 
     background-color:#DCDCDC; text-align:center;margin-bottom:-8px; padding-top:12px;border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;}
     
.tabWrap .productsNavi { position:absolute; top:0px; right:36px; height:37px;line-height:38px;}
.tabWrap .productsNavi ul li{ 
	float:left; 
	 }
	 
.tabWrap .productsNavi ul li a{
	color:#385070;
	background-color:#DCDCDC;
	display:block;
	float:left; font-size:15px; 
	border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
	width:150px;
	height:37px;
	text-align:center;
	margin-left:2px;
}
.tabWrap .productsNavi ul li.sten a{
	color:#fff;
	background-color:#9B8CBD;
	display:block;
	float:left; font-size:15px; 
	border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
	width:140px;
	height:37px;
	text-align:center;
	margin-left:2px;
}


.tabWrap .productsNavi ul li a:hover{
	color:#DCDCDC;
	background-color:#385070;
	display:block;
	float:left; font-size:15px; 
	border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
	width:150px;
	height:37px;
	text-align:center;
	margin-left:2px;
	text-decoration:none;
	
}
.tabWrap .productsNavi ul li.sten a:hover{
	color:#fff;
	background-color:#685595;
	display:block;
	float:left; font-size:15px; 
	border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
	width:140px;
	height:37px;
	text-align:center;
	margin-left:2px;
	text-decoration:none;
	
}

.tabWrap .productsNavi ul li.active a{
	color:#DCDCDC;
	background-color:#385070;
	display:block;
	float:left; font-size:15px; 
	border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
	width:150px;
	height:37px;
	text-align:center;
	margin-left:2px;
}
.tabWrap .productsNavi ul li.active3 a{
	color:#fff;
	background-color:#685595;
	display:block;
	float:left; font-size:15px; 
	border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
	width:140px;
	height:37px;
	text-align:center;
	margin-left:2px;
}


.tabWrap .productsNavi ul li.long a{
	color:#385070;
	background-color:#DCDCDC;
	display:block;
	float:left; font-size:15px; 
	border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
	width:240px;
	height:37px;
	text-align:center;
	margin-left:2px;
}



.tabWrap .productsNavi ul li.long a:hover{
	color:#DCDCDC;
	background-color:#385070;
	display:block;
	float:left; font-size:15px; 
	border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
	width:240px;
	height:37px;
	text-align:center;
	margin-left:2px;
	text-decoration:none;
	
}


.tabWrap .productsNavi ul li.activeL a{
	color:#DCDCDC;
	background-color:#385070;
	display:block;
	float:left; font-size:15px; 
	border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
	width:240px;
	height:37px;
	text-align:center;
	margin-left:2px;
}


/* mainArea
------------------------------------------------------------------------------------------------------*/

/* pageNaviArea */
div.pageNaviArea{
	border-top: 1px solid #DCDCDC; 
	border-bottom: 1px solid #DCDCDC; 
	padding-top:10px; 
	padding-bottom:10px;
}
p.pageNavi{text-align:right;}
p.pageNavi a{margin-left:10px; padding:5px;}
p.pageNavi a:hover{background-color:#EBEBEB;border-radius: 4px;}
.red { color:#df0000; font-size:13px; font-weight:normal;}

/* products (picture box) */

.proContents{
	width: 236px;
	float: left;
	margin: 0;
	padding: 0;
}
.proContents img{width:; }
.proContents p{font-size:13px; line-height:120%;}
.proContents02{width:280px; float:left; margin:0; padding:0;}
.proContents02 img{width:280px; }
.proContents03{width:320px; float:left; margin:0; padding:0;}
.proContents03 img{width:320px; }

/* Table */

.productTable{margin-top:5px; margin-bottom:5px; font-size:13px; border-top:1px solid #999; border-right:1px solid #999;}
.productTable caption{text-align:right;}
.productTable th{padding:5px; background:#C5D1E2; font-weight:normal; text-align:center; border-bottom:1px solid #999; border-left:1px solid #999;}
.productTable td{padding:5px; border-bottom:1px solid #999; border-left:1px solid #999; text-align:center; }

.productTableC{margin:5px auto; font-size:13px; border-top:1px solid #999; border-right:1px solid #999;}
.productTableC caption{text-align:right;}
.productTableC caption.left{text-align:left; font-size:16px; font-weight:bold;}
.productTableC th{padding:5px; background:#C5D1E2; font-weight:normal; text-align:center; border-bottom:1px solid #999; border-left:1px solid #999;}
.productTableC td{padding:5px; border-bottom:1px solid #999; border-left:1px solid #999; text-align:center; }

.productTableL{margin:5px auto; font-size:13px; border-top:1px solid #999; border-right:1px solid #999;}
.productTableL caption{text-align:right;}
.productTableL th{padding:5px; background:#C5D1E2; font-weight:normal; text-align:center; border-bottom:1px solid #999; border-left:1px solid #999;}
.productTableL td{padding:5px; border-bottom:1px solid #999; border-left:1px solid #999; text-align:left; }


.textTop{vertical-align:top;}
.TableC{margin:5px auto; font-size:13px;}
.TableC th{padding:5px; background:#C5D1E2; font-weight:normal; text-align:center;}
.TableC td{padding:5px; text-align:center; }
.TableC td.left{text-align:left;}

.catalogTable{margin:5px auto; font-size:13px; border-top:1px solid #999; border-right:1px solid #999;}
.catalogTable th{padding:5px; background:#C5D1E2; font-weight:normal; text-align:center; border-bottom:1px solid #999; border-left:1px solid #999; vertical-align:middle;}
.catalogTable td{padding:5px; border-bottom:1px solid #999; border-left:1px solid #999; text-align:left; vertical-align:middle;}

.companyTable { width:100%; border-top:1px #999 dotted; box-sizing:border-box; }
.companyTable th, .companyTable td {padding:10px 20px; border-bottom:1px #999 dotted;}
.companyTable th { background:#C5D1E2;}

.profileTable { width:100%; border-top:1px #999 dotted; box-sizing:border-box; border-collapse:separate; border-spacing:5px;}
.profileTable th,td {padding:7px; border-bottom:1px #999 dotted; vertical-align:top;}
.profileTable th {border-left:5px solid #ccc; text-align:left; font-weight:normal;}


.yellow{background:#FFFFBF;}

/* list */

dl.tb dt{padding:2px;}
dl.tb dd{padding:2px; margin-top:-26px; margin-left:100px;}

dl.tb180w dt{padding:2px;}
dl.tb180w dd{padding:2px; margin-top:-26px; margin-left:180px;}

dl.tb210w dt{padding:2px;}
dl.tb210w dd{padding:2px; margin-top:-26px; margin-left:210px;}

dl.tb240w dt{padding:2px;}
dl.tb240w dd{padding:2px; margin-top:-26px; margin-left:240px;}

dl.list dt{padding:2px; margin-left:20px;}
dl.list dd{padding:2px; margin-left:60px;}

ul.disc { margin-left:20px;}
ul.disc li:before { content:"・"; margin-left:-1.5em;}
ul.disc li { padding-left:1.5em;}

ul.rinen li { margin-left:20px; list-style:decimal; font-size:16px;}


/* sale */

.saleLink { position:absolute; top:54px; right:10px;}

.saleTable { width:100%;}
.saleTable th { width:240px; color:#fff; font-size:20px; text-align:center;}
.saleTable td { padding:8px; vertical-align:middle;}
.saleTable tr.saleTableB th{ background:#5A7297; border:2px #5A7297 solid; height:80px;}
.saleTable tr.saleTableB td{ border:2px #5A7297 solid;}
.saleTable tr.saleTableR th{ background:#0085b2; border:2px #0085b2 solid; height:80px;}
.saleTable tr.saleTableR td{ border:2px #0085b2 solid;}

.saleNotice { background:#eee; padding:20px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;} 
.saleNotice dt { padding:2px 8px; margin-bottom:12px; border-top:1px #333 solid; border-bottom:1px #333 solid;}
.saleNotice dd { padding:2px 8px; margin-bottom:12px;}

/* privacy */

ul.ulNumber li{ list-style-type:decimal !important; margin:0 0 10px 44px;}

/* sitemap */

ul.sitemap li.content { padding:0 20px; line-height:40px; background:#f9f9f9; border:1px #eee solid;}
ul.sitemap li.contentM { padding:0 20px; margin-bottom:10px; line-height:40px; background:#f9f9f9; border:1px #eee solid;}
ul.sitemap li.sub{ padding:0 120px; line-height:40px; border-bottom:1px #eee solid;}
ul.sitemap li.sub2{ padding:0 220px; line-height:40px; border-bottom:1px #eee solid;}

/* migaki - youto */

#youtoWrap { position:relative; width:960px; height:290px; margin:40px 0 20px 0; background:url(../image/steel/youto_bg.jpg) no-repeat;}
.yBox1 { position:absolute; top:100px; left:154px;}
.yBox2 { position:absolute; top:100px; left:500px;}
.yBox3 { position:absolute; top:100px; left:736px;}
.yBox4 { position:absolute; top:150px; left:240px;}

#youtoWrap ul li { position:relative; height:26px; margin-bottom:10px; padding:0 8px; line-height:26px; color:#333; background:#fff; border:1px #666 solid; font-size:13px; text-align:center;}
#youtoWrap ul li.link:before { content:'≫ ';}

#youtoWrap ul li.link:hover { background:#FFD; text-decoration:none; cursor:pointer;}
#youtoWrap ul li.link img { position:absolute; width:0px; height:0px; top:13px; left:80px; transition:all 0.1s; -webkit-transition:all 0.1s;}

#youtoWrap ul li.link:hover img.yImg01 { position:absolute; top:-190px; left:8px; width:248px; height:194px;}
#youtoWrap ul li.link:hover img.yImg02 { position:absolute; top:-190px; left:-90px; width:270px; height:196px;}
#youtoWrap ul li.link:hover img.yImg03 { position:absolute; top:-190px; left:-8px; width:248px; height:200px;}
#youtoWrap ul li.link:hover img.yImg04 { position:absolute; top:10px; left:-16px; width:228px; height:196px;}



/* footer
------------------------------------------------------------------------------------------------------*/
#footerArea{width:100%;background:url(../common/footer.gif) repeat-x; height:400px;overflow:visible;}
#footer{width:1026px;height:352px;margin:0 auto;position:relative;}

/* footer link */
.footerLink{ width:1026px;position:absolute; top:67px; left:0px; font-size:12px;float:left; color:#fff;}

.ftLinkContent a{ color:#EBEBEB;}
.ftLinkContent a:hover{ color:#EBEBEB; text-decoration:underline;}
.ftLinkContent li{ float:left; margin-right:10px; box-sizing:border-box;}
.ftLinkContent li:last-child{ margin:0;}
.ftLinkContent dt { min-width:140px; margin-bottom:16px; padding:4px; border:1px #fff solid;}
.ftLinkContent dd { text-align:left;}
.ftLinkContent .listA li { float:none; margin-bottom:10px;}
.ftLinkContent .listA li:before { content:"■" ;}

.ftLinkContent .listB { float:left;}
.ftLinkContent .listB li { float:none; margin-bottom:10px;}
.ftLinkContent .listB li:before { content:"・" ; margin-left:1em;}
.ftLinkContent .listB li:first-child:before { content:"■"; margin:0;}


div.addressArea{ width:1026px;height:93px;position:absolute;top:308px; left:0px;background:url(../common/address_bg.png) no-repeat;}
p.footerContact a:hover img{	filter:alpha(opacity=50); -moz-opacity:0.5;opacity:0.5;}
address{font-style:normal;font-size:11px; color:#000;text-center:right; color:#DDDDDD;}

/* go top */
.gotop { position:fixed; right:5%;  bottom: 50px; z-index:10;}
.gotop img{ border:1px #ccc solid; vertical-align:bottom;}
.gotop a:hover img{filter:alpha(opacity=50); -moz-opacity:0.50;opacity:0.5;}