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


/*****beta*****/

#list{
	margin-bottom:10px;
	height:auto;
}
.itemListPhoto{
	width: 700px;
	height: auto;
	margin: 0 0 15px 0;
}
.listText{
	padding: 0 10px 30px 10px;
}

.navi{
	height: 14px;
	padding: 2px;
}
.listBox{
	width: 335px;
	height: 200px;
	padding: 0 0 0 10px;
	margin: 0px 0 20px 0;
}
.itemListName{
	margin: 0 0 3px 0;
}
.itemListName a{
	width: 345px;
	font-weight: bold;
	font-size: 14px;
	color: #2a7f39;
}
.listPhoto{
	width: 148px;
	text-align: center;
}
.listPhoto a{
	width: 148px;
	display: block;
}
.listPhoto a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	display: block;
}
.itemListRight{
	width: 150px;
}
.listText2{
	padding: 0px 0px 7px 7px;
	float: left;
	width: 178px;
}
.itemPriceArea{
	width: 295px;
	padding: 10px 20px;
	border-top:1px dotted #DCDCDC;
	margin:10px 20px 0 20px;
	padding:10px 0 0;
}
.listBtn{
	text-align: center;
	float: left;
}
.btnDetail{
	width: 80px;
	height: 18px;
}
.btnDetail a{
	background-image: url(../images/btn-to-detail2.gif);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	width: 80px;
	height: 18px;
}
.btnDetail a:hover{
	background-image: url(../images/btn-to-detail2-on.gif);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	width: 80px;
	height: 18px;
}
.btnSoldOut{
	background-image: url(../images/btn_soldout.gif);
	background-repeat: no-repeat;
	width: 80px;
	height: 18px;
	text-indent: -9999px;
	margin: 3px auto 3px auto;
}
.btnCart{
	width: 106px;
	height: 18px;
	background-image: url(../images/btn_cart2.gif);
	background-repeat: no-repeat;
}		
.btnCart a{	
	width: 106px;
	height: 18px;
	display: block;
	text-indent: -9999px;
}
.navi{
	font: 16px bold;
	text-align: center;
}
.navi a{
	font: 16px bold;
}

/*****itemlist2*****/

.barTitle2{
	background-color: #2a7f39;
	width: 694px;
	height: 12px;
	border: solid 1px #2a7f39;
	padding: 0px 0px 6px 4px;
}
h2{
	color: #FFFFFF;
	line-height: 140%;
}
.bar1Text{
	font-size: 14px;
	line-height: 100%;
	color: #333333;
	margin: 0;
	padding: 0;
}
#betaLeft{
	width: 330px;
	height: auto;
	float: left;
}
#detailPhoto{
	width: 320px;
	border: 1px solid #b8b8b8;
	margin-bottom: 5px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}	
#detailArea{
	width: 321px;
	/*height: 152px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	border-top: 1px dotted #b8b8b8;
}
#detailSelect{
	width: 316px;
	border-bottom: 1px dotted #b8b8b8;
}
*html #detailSelect{
	width: 100%;
}	
.detailTbl{
}
.detailTh{
	text-align: left;
	padding-right: 3px;
	vertical-align: top;
	width: 40px;
}	
.btnSoldOut2{
	background: url(../images/btn_soldout_w106.gif) no-repeat;
	width: 106px;
	height: 18px;
	text-indent: -9999px;
}
#cartAera{
	width: 316px;
	padding: 6px 0px 0px 0px;
}		
#betaRight{
	width: 342px;
	height: auto;
	float: left;
	padding-left: 5px;
	margin-right: 5px;
}
*html #betaRight{
	width: 337px;
	height: auto;
	float: left;
	padding-left: 3px;
	margin-right: 2px;
}
.detailTitle{
	border-bottom: 1px dotted #CCCCCC;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 5px 5px;
	width: 350px;
}
.detailText{
	width: 343px;
	height: 290px;
	float: left;
	overflow: auto;
	padding: 0 0 0 10px;
	margin: 5px 0px 6px 0px;
}
.betaUnder{
	width: 690px;
	height: auto;
}
.itemCartBox{
	border: #c2c0c0 1px solid;
	width: 688px;
	height: 40px;
	margin: 5px 0 0 0;
}
.td1{
	width: 245px;
	padding: 0 5px 0 5px;
}
.td2{
	width: 143px;
	padding: 0 0 0 0;
}
.td3{
	width: 120px;
	padding: 0 5px 0 5px;
	text-align: right;
}
.td4{
	width: 150px;
	padding: 0 5px 0 5px;
}
.moreDetailTitle{
	width: 680px;
	height: 18px;
	padding: 0 0 0 10px;
	margin: 20px 0 0 0;
	font-weight: bold;
	background-image: url(../images/bar-title.gif);
	background-repeat: no-repeat;
}
.moreDetailPhoto{
	width: 130px;
	height: 130px;
	margin-right: 4px;
	margin-top: 8px;
	float: left;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.moreDetailPhoto a{
	width: 130px;
	height: 130px;
	vertical-align: middle;
	display: table-cell;
}
.groupBox{
	float: left;
	width: 336px;
	padding-right: 5px;
}
.groupItemName{
	font-weight: bold;
}
.groupTextBox{
	width: 196px;
	float: left;
	padding: 8px 4px 0 0;
}
.commentBox{
	width: 688px;
}
.menuBox{
	border: 1px solid #999999;
	width: 688px;
	padding: 15px 0 0 0;
	background: #e8e8e8;
	margin: 15px 0 0 0;
}
.leftBox{
	width: 344px;
	text-align:center;
	margin: 0 0 15px 0;
}
.rightBox{
	width: 344px;
	text-align:center;
	margin: 0 0 15px 0;
}