@charset "UTF-8";

/*----------------------=ID(aboutTRENCHDRUMS)-------------------------------*/

#main{
	margin:0 auto;
	width:800px;
	height: 100%;
	text-align: center;
}


#top{
	width: 774px;
	height:289px;
	margin-top: 12px;
	margin-left: 12px;
	margin-right: 12px;
	border:1px solid #000000;
}

#middle{
	width: 776px;
	height: 178px;
	margin-left: 12px;
	margin-top: 5px;
	margin-right: 12px;
	margin-bottom: 12px;
}

#btn{
	width: 439px;
	height: 178px;
	float: left;
}

#attention{
	width:330px;
	height: 176px;
	overflow: hidden;
	background-image: url(../image/prsh_btn5.jpg);
	border: 1px solid #000000;
	float: right;
}

.bun{
	width:320px;
	height:156px;
	margin:5px;
}



#product{
	width:776px;
	height: 100%;
	margin-right: 12px;
	margin-left: 12px;
	clear: both;
}
/*----------------------=class(reiout)-------------------------------*/

.title1{
	background-image: url(../image/prsh_title1.png);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: right;
	padding-top: 30px;
}

.title2{
	background-image: url(../image/prsh_title2.png);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: right;
	padding-top: 30px;
}

.title3{
	background-image: url(../image/prsh_title3.png);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: right;
	padding-top: 30px;
}

.title4{
	background-image: url(../image/prsh_title4.png);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: right;
	padding-top: 30px;
}

.title5{
	background-image: url(../image/prsh_title5.png);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: right;
	padding-top: 30px;
}

.caption{
	width: 776px;
	height: 40px;
	margin-top:5px;
	font-size:11px;
}

.mainbox{
	width: 776px;
	height: 314px;
	margin-top:12px;
	margin-bottom: 50px;
}

.itembox{
	width: 185px;
	height: 314px;
	margin-right: 12px;
	float: left;
}

.itembox2{
	width: 185px;
	height: 314px;
	float: left;
}
.item{
	width:185px ;
	height: 247px; 
	border-bottom: 2px dotted #000000;
}
.name{
	width: 185px;
	height:15px;
	text-align: left;
}
.spec{
	width:88px;
	height:45px;
	padding-top:5px;
	padding-left: 2px;
	float: left;
}

.amount{
	width:95px;
	height: 20px;
	padding-top:5px;
	float: left;
}
.btn{
	width:95px;
	height: 25px;
	text-align: center;
	float: left;
}


/*----------------------=class-------------------------------*/
.shopping{
	background-image: url(../image/brownpaper.jpg);
	background-repeat: repeat-y;
}



.text{
	font-size:12px;
	line-height: 15px;
	color: #000000;
	text-align: left;
	
}
.texta{
	font-size: 15px;
	font-weight: bolder;
}
.textb{
	font-size:11px;
	line-height: 15px;
	text-align: left;
	
}
.textc{
	font-size:11px;
	line-height: 15px;
	text-align: left;	
}
.textd{
	font-size:11px;
	line-height: 15px;
	text-align: left;
	color:#c2270B;	
}
.textdb{
	font-size:11px;
	line-height: 15px;
	text-align: left;
	color:#c2270B;
	font-weight:bold;	
}
.texte{
	font-size:10px;
	line-height: 17px;
	text-align: left;
}
.textered{
	font-size:10px;
	line-height: 17px;
	text-align: left;
	color:#c2270B;
	font-style: normal;
}

	
/*----------------------=class(btn)-------------------------------*/

#btn li{
	list-style-type: none;
}
.btn1{
	width:104px;
	height: 176px;
	background-image: url(../image/prsh_btn1b.jpg);
	background-repeat: no-repeat;
	border: 1px solid #000000;
	margin-right: 5px;
	float: left;
}

.btn1 a{
	display: block; 
	width: 104px;
	height: 176px;
}

.btn1 a:hover{
	text-indent: -9999px;
}	

.btn2{
	width:104px;
	height: 176px;
	background-image: url(../image/prsh_btn2b.jpg);
	background-repeat: no-repeat;
	border: 1px solid #000000;
	margin-right: 5px;
	float: left;
}

.btn2 a{
	display: block;
	width: 104px;
	height: 176px;
}

.btn2 a:hover{
	text-indent: -9999px;
}

.btn3{
	width:104px;
	height: 176px;
	background-image: url(../image/prsh_btn3b.jpg);
	background-repeat: no-repeat;
	border: 1px solid #000000;
	margin-right: 5px;
	float: left;
}

.btn3 a{
	display: block;
	width: 104px;
	height: 176px;
}

.btn3 a:hover{
	text-indent: -9999px;
}

.btn4{
	width:104px;
	height: 176px;
	background-image: url(../image/prsh_btn4b.jpg);
	background-repeat: no-repeat;
	border: 1px solid #000000;
	float: left;
}

.btn4 a{
	display: block;
	width: 104px;
	height: 176px;
}

.btn4 a:hover{
	text-indent: -9999px;
}			

.btn6{
	width:104px;
	height: 176px;
	background-image: url(../image/prsh_btn6b.jpg);
	background-repeat: no-repeat;
	border: 1px solid #000000;
	float: left;
}

.btn6 a{
	display: block;
	width: 104px;
	height: 176px;
}

.btn6 a:hover{
	text-indent: -9999px;
}			



	


/*----------------------=ID/class(navi2)-------------------------------*/
#navi2{
	width: 680px;
	height: 20px;
	padding-top: 15px;
}
	
#navi2 ul{
	padding-left:79px;
	text-align: center;
}

#navi2 ul li{
	list-style: none;
	border: 0;
}

.navi03{
	background-image:url(../image/navi1_prb.gif);
}

.trench01{
	background-image:url(../image/navi2_pr1b.gif);
}

.trench1{
	float: left;
	width: 120px;
	height: 20px;
	margin-right: 30px;
}

.trench1 a{
	text-decoration:none;
	background-image: url(../image/navi2_pr1a.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
}
.trench1 a:hover{
	text-decoration:none;
	background-image: url(../image/navi2_pr1b.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
}
.trench1 a:active{
	text-decoration:none;
	background-image: url(../image/navi2_pr1b.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
}

.trench2{
	float: left;
	width: 177px;
	height: 20px;
	margin-right: 30px;
}

.trench2 a{
	text-decoration:none;
	background-image: url(../image/navi2_pr2a.gif);
	background-repeat: no-repeat;
	display: block;
	height:20px;
}
.trench2 a:hover{
	text-decoration:none;
	background-image: url(../image/navi2_pr2b.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
}
.trench2 a:active{
	text-decoration:none;
	background-image: url(../image/navi2_pr2b.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
}

.trench3{
	float: left;
	width: 78px;
	height: 20px;
	margin-right: 30px;
}

.trench3 a{
	text-decoration:none;
	background-image: url(../image/navi2_pr3a.gif);
	background-repeat: no-repeat;
	display: block;
	height:20px;
}
.trench3 a:hover{
	text-decoration:none;
	background-image: url(../image/navi2_pr3b.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
}
.trench3 a:active{
	text-decoration:none;
	background-image: url(../image/navi2_pr3b.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
}

.trench4{
	float: left;
	width: 87px;
	height: 20px;
	margin-right: 30px;
}

.trench4 a{
	text-decoration:none;
	background-image: url(../image/navi2_pr4a.gif);
	background-repeat: no-repeat;
	display: block;
	height:20px;
}
.trench4 a:hover{
	text-decoration:none;
	background-image: url(../image/navi2_pr4b.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
}
.trench4 a:active{
	text-decoration:none;
	background-image: url(../image/navi2_pr4b.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
}