@charset "utf-8"; 

/*----produc/index専用CSS---------------------------------------------------*/

#index{
	background:url(../products/img/menu_r_bg01.gif) no-repeat right top;
	}

/*------------------------------------------------------------カテゴリー*/
.pro-category{
	padding:0 0 14px 10px;
	}

.cate-line01{
	padding:10px 0 0 0;
	background:url(../products/img/i_area01_bg01.gif) no-repeat left top;
	}
.cate-line01 .bottom{
	padding:0 0 5px 3px;
	background:url(../products/img/i_area01_bg02.gif) no-repeat left bottom;
	}
.cate-line01 .box01,
.cate-line01 .box02{
	width:162px;
	text-align:center;
	float:left;
	}
.cate-line01 .box01{
	margin-right:9px;
	}
.cate-line01 .box01 .text,
.cate-line01 .box02 .text{
	font-size:85%;
	font-family:monospace;
	line-height:135%;
	text-align:left;
	padding:2px 8px 2px 8px;
	}

.category01{
	padding:0 0 5px 0;
	background:url(../products/img/i_area01_bg05.gif) no-repeat left bottom;
	clear: both;
	}
.cate-line02{
	padding:10px 0 5px 3px;
	background:url(../products/img/i_area01_bg03.gif) no-repeat left top;
	clear: both;
	}
.cate-line03{
	padding:8px 0 5px 3px;
	background:url(../products/img/i_area01_bg04.gif) no-repeat left top;
	clear: both;
	}
.cate-line02 .box01,
.cate-line03 .box01{
	width:154px;
	float:left;
	}
.cate-line02 .box02,
.cate-line03 .box02{
	width:157px;
	margin-left:15px;
	float:left;
	}
.cate-line02 .box01 .pic,
.cate-line03 .box01 .pic{
	width:67px;
	float:left;
	}
.cate-line02 .box02 .pic,
.cate-line03 .box02 .pic{
	width:69px;
	float:left;
	}
.cate-line02 .box01 .text-box,
.cate-line03 .box01 .text-box,
.cate-line02 .box02 .text-box,
.cate-line03 .box02 .text-box{
	width:86px;
	float:right;
	}
.cate-line02 .text,
.cate-line03 .text{
	font-size:75%;
	line-height:135%;
	text-align:left;
	padding:5px 0 0 0;
	}


/*------------------------------------------------------------中央メニュー*/
.pro-block01{
	background:url(../products/img/i_block01_bg.gif) no-repeat left bottom;
	margin:0 0 14px 0;
	clear: both;
	}
.pro-block02{
	background:url(../products/img/i_block02_bg.gif) no-repeat left bottom;
	margin:0 0 6px 0;
	clear: both;
	}
.pro-block01 .text,
.pro-block02 .text{
	font-size:85%;
	line-height:150%;
	}

/*-------------------------------------------------製品検索*/
.search{
	padding:0 0 15px 0;
	}
.search .text{
	padding:10px 20px 10px 12px;
	}
.search .box01{
	background:url(../products/img/search_titbg.gif) no-repeat center top;
	}
.search .box01 .pic{
	width:90px;
	padding:15px 0 0 0;
	float:left;
	}
.search .box01 .pic img{
	margin:0 0 3px 14px;
	}
.search .box01 .detail{
	width:390px;
	padding:15px 0 0 0;
	float:right;
	}
.search .box01 .detail .title{
	height:37px;
	background:url(../img/line03.gif) repeat-x left bottom;
	}
.search .box01 .detail .title p{
	display:inline;
	float:left;
	}
.search .box01 .detail .title .text{
	padding:7px 0 0 6px;
	}
.search .box01 .detail ul{
	margin:0;
	height:26px;
	padding:0;
	background:url(../img/line03.gif) repeat-x left bottom;
	clear: both;
	}
.search .box01 .detail li{
	width:127px;
	margin:0;
	padding:6px 0 0 0;
	float:left;
	list-style-type:none;
	list-style-position:outside;
	}
.search .box01 .detail li a:hover{
	border-bottom:1px solid #8197de;
	}




/*-------------------------------------------------ダウンロード*/
.download{
	margin:12px 12px 0 12px;
	padding:9px 9px 3px 11px;
	background:url(../products/img/download_bg.gif) no-repeat center top;
	}
.download .box{
	width:211px;
	}
.download .pic{
	width:70px;
	margin:0;
	padding:0;
	float:left;
	}
.download .detail{
	width:132px;
	float:right;
	}
.download .text{
	padding:6px 6px 0 6px;
	}

/*-------------------------------------------------FAQ*/
.faq-area{
	margin:0 0 6px 0;
	}
.faq{
	padding:12px 30px 3px 22px;
	}
.faq .pic{
	width:72px;
	float:left;
	}
.faq .pic{
	width:72px;
	float:left;
	}
.faq .text{
	width:357px;
	float:right;
	}
.faq .link-l{
	margin-top:5px;
	}

/*-------------------------------------------------技術情報・加工事例*/
.info,
.data{
	width:248px;
	}
.info .text,
.data .text{
	padding:11px 0 0 0;
	}
.info .text .float-l,
.data .text .float-l{
	width:89px;
	text-align:right;
	}
.info .text .float-r,
.data .text .float-r{
	width:139px;
	}

.info .text .float-l img,
.data .text .float-l img{
	margin-bottom:3px;
	}
.info .text .float-r p,
.data .text .float-r p{
	margin:0;
	padding:0 12px 5px 0;
	}
.info .text .float-r .link-l,
.data .text .float-r .link-l{
	margin-top:5px;
	}


/*-------------------------------------------------展示会情報*/
.exhibition{
	margin:0;
	padding:0 0 3px 0;
	}
.exhibition .intro{
	padding:10px 19px 0 12px;
	}
.exhibition .intro .text{
	font-size:85%;
	width:320px;
	float:left;
	}
.exhibition .intro .pic{
	width:133px;
	float:right;
	}
.exhibition h3{
	text-align:left;
	padding:0 0 0 6px;
	}
.exhibition table{
	margin:0 0 0 13px;
	}
.exhibition th,
.exhibition td{
	background:url(../img/line02.gif) repeat-x left bottom;
	vertical-align:top;
	}
.exhibition th{
	font-size:85%;
	line-height:150%;
	margin:0;
	padding:10px 0 7px 2px;
	}
.exhibition td{
	font-size:85%;
	line-height:150%;
	margin:0;
	padding:10px 0 7px 0;
	}
.exhibition .link-r{
	font-size:85%;
	margin-top:7px;
	padding-bottom:15px;
	}






