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

@import 'common.css';

/*----------------------------------------*/
/*共通*/
/*----------------------------------------*/
h2{
	background:no-repeat left url(../img/product/h2_product.gif);
	height:63px;
	text-indent:-9999em;
}

ul#products li{
	float:left;
}

ul#products li#rd,
ul#products li#ep,
ul#products li#fa{
	background:no-repeat left top url(../img/product/frame300.gif);
	width:270px;
	height:310px;
	position:relative;
}

ul#products li#fa{
	width:260px;
}

ul#products li#bent{
	background:no-repeat left top url(../img/product/frame.gif);
	width:260px;
	height:270px;
	position:relative;
}


/*ラプチャーディスク*/
ul#products li#rd h3 a{
	display:block;
	background:no-repeat left top url(../img/product/h3_rd.gif);
	width:260px;
	height:30px;
	text-indent:-9999em;
}
ul#products li#rd h3 a:hover{
	background-position:left bottom;
}

ul#products li#rd p{
	padding:180px 20px 0 10px;
	font-size:10px;
	line-height:13px;
}

ul#products li#rd .img_bt{
	position:absolute;
	width:260px;
	top:30px;
	left:0px;
}

ul#products li#rd .img_bt ol{
	padding:0 10px;
	height:31px;
}

ul#products li#rd .img_bt ol a{
	display:block;
	background:no-repeat left top url(../img/product/bt_rd.gif);
	height:31px;
	text-indent:-9999em;
}

ul#products li#rd .img_bt .bt1{
	width:81px;
}
ul#products li#rd .img_bt .bt1 a{
	width:77px;
	background-position:left top;
}
ul#products li#rd .img_bt .bt1 a:hover{
	background-position:left bottom;
}

ul#products li#rd .img_bt .bt2{
	width:82px;
}
ul#products li#rd .img_bt .bt2 a{
	width:78px;
	background-position:-81px top;
}
ul#products li#rd .img_bt .bt2 a:hover{
	background-position:-81px bottom;
}

ul#products li#rd .img_bt .bt3{
	width:77px;
}
ul#products li#rd .img_bt .bt3 a{
	width:77px;
	background-position:-163px top;
}
ul#products li#rd .img_bt .bt3 a:hover{
	background-position:-163px bottom;
}


/*爆発放散口、爆発防護*/
ul#products li#ep h3 a{
	display:block;
	background:no-repeat left top url(../img/product/h3_ep.gif);
	width:260px;
	height:30px;
	text-indent:-9999em;
}
ul#products li#ep h3 a:hover{
	background-position:left bottom;
}

ul#products li#ep p{
	padding:180px 20px 0 10px;
	font-size:10px;
	line-height:13px;
}

ul#products li#ep .img_bt{
	position:absolute;
	width:260px;
	top:30px;
	left:0px;
}

ul#products li#ep .img_bt ol{
	padding:0 10px;
	height:31px;
}

ul#products li#ep .img_bt ol a{
	display:block;
	background:no-repeat left top url(../img/product/bt_ep.gif);
	height:31px;
	text-indent:-9999em;
}

ul#products li#ep .img_bt .bt1{
	width:81px;
}
ul#products li#ep .img_bt .bt1 a{
	width:77px;
	background-position:left top;
}
ul#products li#ep .img_bt .bt1 a:hover{
	background-position:left bottom;
}

ul#products li#ep .img_bt .bt2{
	width:82px;
}
ul#products li#ep .img_bt .bt2 a{
	width:78px;
	background-position:-81px top;
}
ul#products li#ep .img_bt .bt2 a:hover{
	background-position:-81px bottom;
}

ul#products li#ep .img_bt .bt3{
	width:77px;
}
ul#products li#ep .img_bt .bt3 a{
	width:77px;
	background-position:-163px top;
}
ul#products li#ep .img_bt .bt3 a:hover{
	background-position:-163px bottom;
}


/*フレームアスター*/
ul#products li#fa h3 a{
	display:block;
	background:no-repeat left top url(../img/product/h3_fa.gif);
	width:260px;
	height:30px;
	text-indent:-9999em;
}
ul#products li#fa h3 a:hover{
	background-position:bottom;
}

ul#products li#fa p{
	padding:180px 20px 0 10px;
	font-size:10px;
	line-height:13px;
}

ul#products li#fa .img_bt{
	position:absolute;
	width:260px;
	top:30px;
	left:0px;
}

ul#products li#fa .img_bt ol{
	padding:0 10px;
	height:31px;
}

ul#products li#fa .img_bt ol a{
	display:block;
	background:no-repeat left top url(../img/product/bt_fa.gif);
	height:31px;
	text-indent:-9999em;
}

ul#products li#fa .img_bt .bt1{
	width:81px;
}
ul#products li#fa .img_bt .bt1 a{
	width:77px;
	background-position:left top;
}
ul#products li#fa .img_bt .bt1 a:hover{
	background-position:left bottom;
}

ul#products li#fa .img_bt .bt2{
	width:82px;
}
ul#products li#fa .img_bt .bt2 a{
	width:78px;
	background-position:-81px top;
}
ul#products li#fa .img_bt .bt2 a:hover{
	background-position:-81px bottom;
}

ul#products li#fa .img_bt .bt3{
	width:77px;
}
ul#products li#fa .img_bt .bt3 a{
	width:77px;
	background-position:-163px top;
}
ul#products li#fa .img_bt .bt3 a:hover{
	background-position:-163px bottom;
}


/*爆発消炎ベント*/
ul#products li#bent h3 a{
	display:block;
	background:no-repeat top url(../img/product/h3_bent.gif);
	height:30px;
	text-indent:-9999em;
}
ul#products li#bent h3 a:hover{
	background-position:bottom;
}

ul#products li#bent p{
	padding:140px 10px 0;
	font-size:10px;
	line-height:13px;
}

ul#products li#bent .img_bt{
	position:absolute;
	top:30px;
}