@charset "utf-8";

#wrapper_catalog {
	display:block;
	width: 813px;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(img_illust/bg_boar.jpg);
	background-repeat: no-repeat;
}

#leftColumn {
	display:inline;
	float:left;
	width:193px;
	background-color: #e8fae1;
	border:solid 1px #000000;
	font-size: 10px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	text-align: justify;
	color: #333333;
}

#leftColumn .columnBox{
	display:inline;
	float:left;
	margin-left:2px;
	margin-top:5px;
	width:190px;
}

.tb_shopGuide {
	border:0;
	margin:0;
	width:190px;
}

.tb_shopGuide td.lineTd_1 {
	border-left:solid 5px #ffa400;
	border-bottom:solid 1px #ffa400;
	padding-left:3px;
	padding-bottom:3px;
}

.tb_shopGuide td.lineTd_2 {
	border-bottom:solid 1px #ffa400;
	padding-left:0px;
	padding-bottom:3px;
}

#rightColumn {
	display:inline;
	float:left;
	margin-left:18px;
	margin-top:20px;
	width:564px;
	font-size: 9px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	text-align: justify;
	color: #333333;
}

#rightColumn .midashi{
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	text-align: justify;
	color: #333333;
}

#ilstHdrBox{
	display:inline;
	float:left;
	border-bottom:solid 1px  #00653f;
	width:100%;
	height:40px;
}

#ilstHdrBox h1{
	display:inline;
	float:left;
	border-left:solid 5px #00653f;
	border-bottom:solid 1px  #00653f;
	width:461px;
	height:18px;
	font-size: 13px;
	font-weight: bold;
	color: #00653f;
}

#ilstHdrBox h2{
	display:inline;
	float:left;
	border-left:solid 5px #00653f;
	border-bottom:solid 1px  #00653f;
	margin-bottom:6px;
	width:559px;
	height:18px;
	font-size: 13px;
	font-weight: bold;
	color: #00653f;
}

#ilstHdrBox .arrow a{
	display:inline;
	float:left;
	margin-left:9px;
	margin-top:9px;
	width:82px;
	height:15px;
	text-align:left;
	background:url(img_illust/btn_greenArrow.gif) no-repeat;
	font-size: 9px;
	color: #b2d0c5;
}

#ilstHdrBox .arrow a:hover {
	color: #ffffff;
	text-decoration: none;
}

#ilstHdrBox .linkTxtBox {
	display:inline;
	float:left;
	width:100%;
	height:10px;
}

#ilstHdrBox .linkTxtBox a{
	display:inline;
	float:left;
	margin-right:5px;
	margin-top:0px;
	padding-left:11px;
	height:10px;
	background:url(img_illust/mrk_text.gif) no-repeat;
	font-size: 10px;
	line-height: 9px;
	color: #333333;
}

.imgBox {
	border:solid 1px #333333;
}

.imgBoxNoBorder {
	border:none;
}

.recommendRow {
	display:inline;
	float:left;
	width:100%;
}

.recommendBox {
	display:inline;
	float:left;
	margin-right:8px;
	margin-top:10px;
	width:177px;
	height:155px;
	border-left:solid 1px  #00653f;
	border-bottom:solid  8px  #00653f;
}

.tb_recmmendIllust{
	border:0;
	margin:0;
	border-spacing:2px;
	width:170px;
	height:148px;
}

.regularRow {
	display:inline;
	float:left;
	width:100%;
}

.regularBox {
	display:inline;
	float:left;
	margin-right:8px;
	margin-top:10px;
	width:177px;
	height:70px;
	border-left:solid 1px  #00653f;
	border-bottom:solid 8px  #00653f;
}

.tb_regularIllust {
	border:0;
	margin:0;
	border-spacing:2px;
	width:170px;
	height:64px;
}

.linkTextBox {
	display:inline;
	float:left;
	margin-top:10px;
	text-align:left;
	height:20px;
	font-size: 14px;
	font-weight:bold;
	line-height: 9px;
	color: #333333;
	/*widthを指定するとIE6で最後の文字がダブって表示される*/
}

.linkTextBox a{
	font-weight:normal;
	color: #808080;
}

.linkTextBox a:hover{
	color: #ffffff;
	background:#333333;
}

.linkTextBox0 {
	display:inline;
	float:left;
	margin-top:3px;
	text-align:left;
	height:10px;
	font-size: 11px;
	font-weight:normal;
	line-height: 9px;
	color: #333333;
	/*widthを指定するとIE6で最後の文字がダブって表示される*/
}

.linkTextBox0 a{
	font-weight:normal;
	color: #808080;
}

.linkTextBox0 a:hover{
	color: #ffffff;
	background:#333333;
}

/*detail*/
#ilstCntrBox {
	display:inline;
	float:left;
	margin-left:127px;
	margin-top:20px;
	width:564px;
}

#ilstCntrBox .listBtn{
	display:inline;
	float:left;
	margin-left:-1px;
	margin-top:10px;
	margin-bottom:10px;
	height:20px;
	text-align:center;
	font-size: 12px;
	line-height: 20px;
}

#ilstCntrBox .ulBoxCol3{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:567px;
	height:30px;
}

#ilstCntrBox .ulBoxCol2{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:378px;
	height:30px;
}

#ilstCntrBox .ulBoxCol3 li{
	display:inline;
	float:left;
	margin-left:1px;
	margin-top:0px;
	font-weight:bold;
	width:188px;
	height:20px;
}

#ilstCntrBox .ulBoxCol2 li{
	display:inline;
	float:left;
	margin-left:1px;
	margin-top:0px;
	font-weight:bold;
	width:188px;
	height:20px;
}

#btnBack a{
	display:inline;
	float:left;
	margin-left:0px;
	margin-top:0px;
	width:188px;
	height:20px;
	background:url(img_illust/btn_back_A.gif) no-repeat;
	color: #ffe4b2;
}

#btnBack a:hover{
	text-decoration: none;
	background:url(img_illust/btn_back_B.gif) no-repeat;
	color: #ffffff;
}

#btnNext a{
	display:inline;
	float:left;
	margin-left:0px;
	margin-top:0px;
	width:188px;
	height:20px;
	background:url(img_illust/btn_next_A.gif) no-repeat;
	color: #ffe4b2;
}

#btnNext a:hover{
	text-decoration: none;
	background:url(img_illust/btn_next_B.gif) no-repeat;
	color: #ffffff;
}

#btnCatalog {
	display:inline;
	float:left;
	margin-left:0px;
	margin-top:0px;
	width:188px;
	height:20px;
	background:url(img_illust/btn_catalog.gif) no-repeat;
}

#btnCatalog a{
	text-decoration: none;
	background-color:#95c500;
	color: #deedb2;
}

#btnCatalog a:hover{
	text-decoration: none;
	background-color:#95c500;
	color: #ffffff;
}

#btnDeleteAll a{
	display:inline;
	float:left;
	margin-left:0px;
	margin-top:0px;
	width:188px;
	height:20px;
	background-color:#ff3200;
	color: #ffc1b2;
}

#btnDeleteAll a:hover{
	text-decoration: none;
	color: #ffffff;
}

#detailBox {
	display:inline;
	float:left;
	margin-left:0px;
	margin-top:14px;
	width:564px;
	height:380px;
	border:solid 1px #333333;
	text-align:center;
}

.tb_detail {
	margin-left:auto;
	margin-right:auto;
	margin-top:27px;
	border:none;
	border-spacing:0px;
	height:330px;
	text-align:left;
	font-size: 10px;
	line-height: 12px;
	color: #333333;
}

.tb_detail td.imgTd1{
	vertical-align:top;
	height:265px;
	border:none;
}

.tb_detail td.imgTd2{
	vertical-align:middle;
	height:126px;
	border:none;
}

.tb_detail td.lineTd0{
	vertical-align:top;
	width:173px;
	height:32px;
	border-bottom:solid 1px #333333;
}

.tb_detail td.lineTd1{
	vertical-align:top;
	border-bottom:solid 1px #333333;
}

.tb_detail td.lineTd2{
	vertical-align:top;
	height:30px;
	border-bottom:solid 1px #333333;
}

#detailBox  .btnCart a{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:141px;
	height:42px;
	text-align:right;
	background:url(img_illust/btn_cart_L_A.gif) no-repeat;
	font-size: 13px;
	font-weight:bold;
	line-height: 45px;
	color: #429f00;
}

#detailBox .btnCart a:hover{
	text-decoration:none;
	background:url(img_illust/btn_cart_L_B.gif) no-repeat;
	color: #ffffff;
}

#ilstCntrBox2 {
	display:inline;
	float:left;
	margin-left:0px;
	margin-top:14px;
	width:564px;
	border:none;
	text-align:center;
	font-size: 12px;
	line-height: 13px;
	color: #333333;
}

.tb_cart {
	width:564px;
	border-collapse:collapse;
}

.tb_cart thead {
	color:#ffffff;
	background-color:#599f00;
	height:13px;
	font-size: 11px;
	font-weight:normal;
}

.tb_cart td {
	height:20px;
	border-bottom:solid 1px #333333;
}

.tb_cart td.totalCell {
	font-size: 15px;
	height:30px;
	color:#ff0000;
	text-align:right;
	border-top:solid 1px #333333;
}

.tb_cart td.captionCell {
	font-size: 11px;
	height:20px;
	text-align:right;
	border-top:solid 1px #333333;
	border-bottom:solid 1px #333333;
}

.tb_cart td.btnCell {
	height:70px;
}

#ilstCntrBox2  .btnAddress a{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:141px;
	height:42px;
	text-align:right;
	background:url(img_illust/btn_address_A.gif) no-repeat;
	font-size: 13px;
	font-weight:bold;
	line-height: 45px;
	color: #429f00;
}

#ilstCntrBox2 .btnAddress a:hover{
	text-decoration:none;
	background:url(img_illust/btn_address_B.gif) no-repeat;
	color: #ffffff;
}

.btnDelete a{
	display:block;
	margin:auto;
	border:solid 1px #429f00;
	width:38px;
	height:12px;
	text-align:center;
	font-size: 10px;
	line-height:10px;
	color: #429f00;
}

.btnDelete a:hover{
	text-decoration:none;
	color: #ffffff;
	background-color:#429f00;
}

.tb_orderForm{
	width:564px;
	border:1px solid #ffffff;
	border-collapse:collapse;
	font-size: 12px;
	color: #333333;
	line-height: 26px;
}

.tb_orderForm span{
	font-size: 10px;
	font-weight:normal;
	line-height: 16px;
}

.tb_orderForm th{
	width:84px;
	color:#FFFFFF;
	border:1px solid #ffffff;
	background-color:#599f00;
	text-align:center;
	padding:5px 5px;
	font-weight:normal;
}
.tb_orderForm td.textCell{
	width:480px;
	border:1px solid #ffffff;
	background-color:#f0f0f0;
	text-align:left;
	padding:5px 5px;
}

.tb_orderForm td.noBorderCell{
	width:480px;
	border:none;
	background-color:#f0f0f0;
	text-align:left;
	padding:5px 5px;
}

.tb_orderForm td.btnCell {
	height:70px;
	background-color:#ffffff;
	text-align:center;
}

.tb_orderForm .list{
	list-style-type:disc;
}

.tb_orderForm .list li {
	margin-left:20px;
	font-size: 10px;
	font-weight:normal;
	text-align:justify;
	line-height: 16px;
}

#errorMsgBox {
	display:inline;
	float:left;
	margin-left:0px;
	margin-top:35px;
	margin-bottom:35px;
	width:564px;
	border:none;
	text-align:center;
	font-size: 14px;
	line-height: 20px;
	color: #ff0000;
}

.tb_lastCheck {
	margin-bottom:10px;
	width:564px;
	border-collapse:collapse;
	text-align:right;
	border-top:solid 1px #333333;
	border-bottom:solid 1px #333333;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	
}

.tb_lastCheck th {
	color:#ffffff;
	background-color:#599f00;
	width:120px;
	font-size: 12px;
	text-align:center;
	border-bottom:solid 1px #333333;
	font-weight:normal;
}

.tb_lastCheck td {
	height:20px;
	border-bottom:solid 1px #333333;
}

.tb_lastCheck td.totalCell {
	font-size: 15px;
	height:30px;
	color:#ff0000;
	text-align:right;
	border-top:solid 1px #333333;
}

.tb_lastCheck td.customerCell {
	text-align:left;
}

.tb_lastCheck td.btnCell {
	height:70px;
}

.tb_download {
	margin-bottom:10px;
	width:564px;
	border-collapse:collapse;
	text-align:left;
	border:none;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
}

.tb_download th {
	font-weight:normal;
	width:180px;
	height:40px;
	text-align:right;
}

.tb_download td {
	height:40px;
}

/**descriotion***/
#descriptionBox {
	display:inline;
	float:left;
	margin-left:0px;
	margin-top:0px;
	width:564px;
}

#descriptionBox h1 {
	display:inline;
	float:left;
	margin-left:0px;
	margin-top:15px;
	width:564px;
	height:18px;
	border:solid 1px #33bd33;
	text-align:left;
	padding-left:5px;
	font-size: 14px;
	line-height: 18px;
	font-weight:normal;
	color: #33bd33;
}

#descriptionBox h2 {
	float:left;
	width:564px;
	margin-top:15px;
	text-align:left;
	font-size: 13px;
	line-height: 18px;
	font-weight:normal;
	color: #ff0000;
}

#descriptionBox h3 {
	float:left;
	width:564px;
	margin-top:4px;
	text-align:left;
	font-size: 12px;
	line-height: 18px;
	font-weight:normal;
	color: #3333b3;
}

#descriptionBox p {
	float:left;
	width:564px;
	margin-top:4px;
	text-align:justify;
	font-size: 11px;
	line-height: 18px;
	color: #333333;
}

#descriptionBox .list {
	list-style-type:decimal;
	margin-left:24px;
}

#descriptionBox li {
	text-align:justify;
	font-size: 11px;
	line-height: 18px;
	color: #333333;
}

.tb_deliveryChart {
	display:inline;
	float:left;
	border:none;
	width:544px;
	font-size: 11px;
	line-height: 18px;
	color: #333333;
	margin-bottom:10px;
}

.tb_deliveryChart .stepBox{
	border:solid 1px #333333;
	width:92px;
	text-align:center;
}

.tb_deliveryChart .commentBox{
	float:left;
	border:none;
	text-align:justify;
	margin-left:6px;
}

.tb_deliveryChart .arrowBox{
	background-image: url(img_illust/arrow_deliChart.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:92px;
	height:20px;
}