@charset "UTF-8";

/* =================================================================================

 Common style of products

================================================================================= */

/* ****************************************************************************

　角丸ボックスの指定を上書き

------------------------------------------------------------------------------- */

/* カテゴリトップで使用 width:250px */

div.curvy250{
	margin:0 auto;
	padding-bottom:15px;
	width:250px;
	background:url(/common/css/image/curvy_w250_btm.gif) no-repeat left bottom;
}

	div.curvy250 div.curvyWrap{
		padding-top:15px;
		padding-bottom:0;
		background:url(/common/css/image/curvy_w250_top.gif) no-repeat left top;
	}
	
	div.curvy250 div.curvyIn{
		padding:0 15px !important;
		/zoom:1;
		background:url(/common/css/image/curvy_w250_mdl.gif) repeat-y left bottom;
	}

/* hover */
.boxTargetHover div.curvy250,
.boxTargetNone:hover div.curvy250{
	background:url(/common/css/image/curvy_w250_btm_on.gif) no-repeat left bottom;
}

	.boxTargetHover div.curvy250 div.curvyWrap,
	.boxTargetNone:hover div.curvy250 div.curvyWrap{
		background:url(/common/css/image/curvy_w250_top_on.gif) no-repeat left top;
	}
	
	.boxTargetHover div.curvy250 div.curvyIn,
	.boxTargetNone:hover div.curvy250 div.curvyIn{
		background:url(/common/css/image/curvy_w250_mdl_on.gif) repeat-y left bottom ;
	}		

/* カテゴリトップで使用 width:430px */

div.curvy430{
	margin:0 auto;
	padding-bottom:15px;
	width:430px;
	background:url(/common/css/image/curvy_w430_btm.gif) no-repeat left bottom;
}

	div.curvy430 div.curvyWrap{
		padding-top:15px;
		padding-bottom:0;
		background:url(/common/css/image/curvy_w430_top.gif) no-repeat left top;
	}
	
	div.curvy430 div.curvyIn{
		padding:0 15px;
		/zoom:1;
		background:url(/common/css/image/curvy_w430_mdl.gif) repeat-y left top;
	}

/* hover */
.boxTargetNone:hover div.curvy430{
	background:url(/common/css/image/curvy_w430_btm_on.gif) no-repeat left bottom;
}

	.boxTargetNone:hover div.curvy430 div.curvyWrap{
		background:url(/common/css/image/curvy_w430_top_on.gif) no-repeat left top;
	}
	
	.boxTargetNone:hover div.curvy430 div.curvyIn{
		background:url(/common/css/image/curvy_w430_mdl_on.gif) repeat-y left top;
	}

/* ****************************************************************************

　インデックス

------------------------------------------------------------------------------- */

#index{
	margin-bottom:20px;
	margin-left:15px;
	margin-top:6px;
	padding-left:20px;
	padding-top:3px;
	color:#2f4a5b;
	font-size:184%;
}

ul.slideshow2{
	height:280px;
}
ul.slideshow2 li{
	display:none;
}

#productsMenu h2{
	/*padding-left:5px;*/
	padding-top:5px;
	padding-bottom:5px;
	font-size:123.1%;
	color:#0077c2 !important;
	font-weight:bold;
	border-bottom:1px solid #e5e5e5;
}
	
div#tab2{
	padding-bottom:10px;
/*	background:url(image/slide_box.gif) no-repeat left top;*/
	width:910px;/*630px*/
	min-height:302px;
	height:auto !important;
	height:302px;
}

ul.tab2btn{
	padding-right:10px;
	text-align:right;
}		

	ul.tab2btn li{
		padding-left:2px;
		display: -moz-inline-box;
		display:inline;
	}

#indexTopR,
#productsMenu{
    width: 250px;
}
	
	#productsMenu ul{
		/*padding-bottom:8px;*/
		margin:20px auto 0;
		width:219px;
		zoom:1;
	}
	#productsMenu ul li{
		margin-bottom:15px;
		padding-left:15px;
		background:url(../../common/css/image/icon/arrow_next.gif) no-repeat left center;
	}

/*#productsMenu .outer {
    margin: 0px 1px;
    background: #FFF;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
 
#productsMenu .inner {
    margin: 0px -1px;
	padding:18px 12px 20px;
    background: #FFF;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

	#productsMenu .inner ul li{
		margin-top:15px;
		padding-left:15px;
		background:url(../../common/css/image/icon/arrow_next.gif) no-repeat left center;
	}
	
	#productsMenu .inner ul{
		margin:10px auto 22px;
		width:219px;
	}*/

#searchArea{
	width:898px;
	background-color:#f9f9f9;
	border:1px solid #e5e5e5;
	padding:5px;
	position:relative;
}

form.selectLocation{
		position:absolute;
		z-index:2;
		left:10px;
		top:10px;
}

form.selectLocation span{
		margin-right:10px;
        font-size:123.1%;
        color:#0077c2;
        font-weight:bold;
}

form.selectLocation img.arrow{
	vertical-align:top;
	padding:5px 5px 0 0;
}

form.selectLocation select{
	width:120px;
}

form.productsKeyword{
	background:url(image/index_keyword.gif) no-repeat 630px center;
	display:block;
	height:30px;
	width:898px;
	position:relative;
}


	form.productsKeyword input.keyword{
		background-color:#FFF;
		border:1px solid #FFF;
		position:absolute;
		left:640px;
		top:6px;
		width:170px;
		font-size:108%;
		font-weight:bold;
		color:#0077c2;
	}
	
	form.productsKeyword input.keyword:focus,
	form.productsKeyword input.keyword.focused { color: #222222; background-color:#FFF; font-weight:normal; }

	
	form.productsKeyword input.proSearch{
		position:absolute;
		left:820px;
		top:0;
	}

/* タブ */

div#indexBtm{
	margin-top:30px;
}

div.tabIn{
	padding-top:20px;
	padding-bottom:7px;
	width:860px !important;
}

/* /////////////////////////////////////////////////////////////// 「用途」でさがす */

div#use{
	margin:0 auto;
}

/*div.useBox{
	width:420px !important;
	position:relative;
}
	div.useBox h2{
		font-size:123.1%;
		color:#0077c2;
		font-weight:bold;	
	}
	
	div.useBox span.useIcon{
		position:absolute;
		left:20px;
		top:20px;
	}

div.productsSlide div.useWrap{
	margin-right:-20px;
	margin-bottom:20px;
	width:880px;
}

div.useWrap div.useBox{
	margin-right:20px;
	float:left;
	width:420px;
}

* html div.useWrap div.useBox{
	margin-right:10px;
}
	div.useWrap div.useBox ul.txtin12{
		margin-top:5px;
		width:310px;
	}
		div.useWrap div.useBox ul.txtin12 li{
			margin-bottom:0;
			float:none;
			display:block;
			width:310px;
			line-height:1.67;
			zoom:1;
		}

div.useWrap div.useBox div.curvyIn h2,
div.useWrap div.useBox div.curvyIn ul{
	padding-left:75px;
}

div.useWrap div.useBox div.curvyIn h2{
	padding-top:5px;
}*/

		
div.useBox,
div.useBox div.outer{
	width:280px !important;
}
div.useBox .outer {
    margin: 0px 1px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
 
div.useBox .inner {
    margin: 0px -1px;
	padding:20px 12px 15px 12px;
    border-left: 1px solid #e5e5e5;
	width:256px !important;
    border-right: 1px solid #e5e5e5;
	position:relative;
	zoom:1;
}

	


	div.useBox .inner h2{
		padding-left:40px;
		font-size:105%;
		color:#0077c2;
		font-weight:bold;
	}
	
		div.useBox .inner h2.useIconPadding01{padding-left:40px;}
		div.useBox .inner h2.useIconPadding02{padding-left:43px;}
		div.useBox .inner h2.useIconPadding03{padding-left:42px;}
		div.useBox .inner h2.useIconPadding04{padding-left:42px;margin-top:-10px !important;}
		div.useBox .inner h2.useIconPadding05{padding-left:40px;}
		div.useBox .inner h2.useIconPadding06{padding-left:46px;}
		div.useBox .inner h2.useIconPadding07{padding-left:48px;}
		div.useBox .inner h2.useIconPadding08{padding-left:35px;}
		div.useBox .inner h2.useIconPadding09{padding-left:40px;}
		div.useBox .inner h2.useIconPadding10{padding-left:47px;}
		div.useBox .inner h2.useIconPadding12{padding-left:52px;margin-top:-10px !important;}
		div.useBox .inner h2.useIconPadding13{padding-left:35px;}
		div.useBox .inner h2.useIconPadding14{padding-left:45px;}
		div.useBox .inner h2.useIconPadding15{padding-left:46px;}
		div.useBox .inner h2.useIconPadding16{padding-left:45px;margin-top:-10px !important;}
	
	div.useBox .inner span.useIcon{
		position:absolute;
		left:15px;
		top:8px;
	}

div.productsSlide div.useWrap{
	margin-right:-20px;
	margin-bottom:20px;
	width:880px !important;
}
div.useWrap div.useBox{
	margin-right:10px;
	float:left;
	width:280px;
	background:url(image/useBox_bg.gif) no-repeat left top;
}

	div.useWrap div.useBox ul.txtin12{
		margin:30px 20px 10px 0;
		/margin:30px 0 0 0;
		width:256px;
	}
	
	div.useWrap div.useBox ul.txtin12b{
		margin:26px 20px 10px 0;
		/margin:26px 0 0 0;
		width:256px;
	}	
	
		div.useWrap div.useBox ul.txtin12 li,
		div.useWrap div.useBox ul.txtin12b li{
			margin-bottom:0;
			float:none;
			display:block;
			width:246px;
			line-height:1.67;
		}

/* /////////////////////////////////////////////////////////////// 「市場・分野」でさがす */

div.productsSlide div#marketTop{
	padding-left:20px;
	width:900px;
}

* html div.productsSlide div#marketTop{
	padding-left:10px;
	width:900px;
}
	div#marketTop div.boxMarket{
		padding-right:40px;
		zoom:1;
	}

div#marketBtm{
	margin:40px auto 0;
	width:660px;
}

* html div#marketBtm{
	position:relative;
	z-index:2;
}

div.productsSlide div.boxMarket{
	width:260px;
}

div.productsSlide div.w325{
	width:325px;
}

div.boxMarket ul{
	margin-top:10px;
	padding-left:20px;
}
	
	div.boxMarket ul li{
		line-height:1.42;
	}
	
		/*div.boxMarket ul li a{
			font-weight:bold;
		}*/
		
		div.boxMarket ul li a span{
			color:#ccc;
		}

/* ****************************************************************************

　市場・分野でさがす

------------------------------------------------------------------------------- */

div#marketHead{
}

ul#pagelink{
	float:right;
	width:300px;
}
	ul#pagelink li{
		margin-top:5px;
		padding-left:15px;
		font-weight:bold;
		border-bottom:1px solid #e5e5e5;
		background:url(../../common/css/image/icon/arrow_next.gif) no-repeat left 0.25em;
	}
	
		ul#pagelink li a{
			text-decoration:none;
			display:block;
			zoom:1;
		}

p#mainImg{
	float:left;
	width:280px;
}

div.specWrap{
	margin-top:32px;
}

div.specWrap table{
	width:620px;
	margin-bottom:20px;
}

div.specWrap table td{
	text-align:left;
	vertical-align:top;
	font-size:12px;
	border-bottom:1px solid #e5e5e5;
}

div.specWrap table td p{
	padding:5px;
	}

div.specWrap table td img{
	margin:0 15px 0 0;
	}

div.specWrap table td.use{
	width:185px;
	border-right:1px solid #e5e5e5;
}

div.specWrap table td.material{
	width:310px;
	}

div.boxDetail{
	margin-bottom:20px;
}
h2.specTtl{
	padding:6px 0 3px 10px;
	background-color:#e5e5e5;
	color:#0077c2;
	font-weight:bold;
}

div.specDetail	{
	padding-right:10px;
	width: 300px;
	_zoom: 1;   
	overflow: hidden;
}
.imgL	{ float: left; margin: 0 10px 5px 0; }
.imgR	{ float: right; margin: 0 0 5px 10px; }
.specDetail p	{ overflow: hidden; _zoom: 1; }

ul.materialList{
	padding-left:10px;
	width:287px;
	border-left:1px solid #e5e5e5;
}

/* /////////////////////////////////////////////////////////////// 「製品名」でさがす */

div#prname{
	margin:0 auto;
}

div#prname h2 {
	padding-top:15px;
	}

div#prname ul {
	margin:0 !important;
	padding:15px 0;
	border-bottom:1px solid #e5e5e5;
	}

.nameBox{
	padding:0 10px;
}

.nameBox h2 {
	font-size:123.1%;
	color:#0077c2;
}

.grey{
	background-color:#f5f5f5;
}

div#prname li {
	display:inline;
	line-height:1.5;
	}

#filterNav .filterNavOn {
	font-weight: bold;
	text-decoration: none;
}


/* ****************************************************************************

　企業理念

------------------------------------------------------------------------------- */






/* ****************************************************************************

　会社概要

------------------------------------------------------------------------------- */

/* /////////////////////////////////////////////////////////////// インデックス */


/* ****************************************************************************

　コーポレートガバナンス

------------------------------------------------------------------------------- */

/* /////////////////////////////////////////////////////////////// インデックス */
	

/* ****************************************************************************

　調達体制

------------------------------------------------------------------------------- */


/* /////////////////////////////////////////////////////////////// インデックス */


/* ****************************************************************************

　ISO認証取得情報

------------------------------------------------------------------------------- */


/* ****************************************************************************

　採用情報

------------------------------------------------------------------------------- */




/* ****************************************************************************

　映像・広告ギャラリー

------------------------------------------------------------------------------- */