@charset "utf-8";

/* product スタイル
----------------------------------------------------------- */
#main {
	margin-bottom: 30px;
}

* html body #main {
	padding-bottom: 30px;
}


/* #main #title */

#main #title {
	overflow: hidden;
	padding: 0 0 7px 0;
	margin: 0 0 18px 0;
	border-bottom: 3px solid #463528;
}

* html body #main #title {
	display: inline-block;
}

#main #title h2 {
	margin: 0 0 0 7px;
}

* html body #main #title h2 {
	margin: 0 0 0 3px;
}

#main #title h2 span {
	font-size: 150%;
	font-weight: bold;
	color: #693827;
	border-left: 6px solid #857354;
	padding: 0 0 0 7px;
}

#main #title ul {
	float: right;
	overflow: hidden;
}

* html body #main #title ul {
	display: inline-block;
}

#main #title ul li {
	float: left;
	margin: 5px 0 0 3px;
}



/* #main #detail */

#main #detail {
	margin: 0 0 0 9px;
	overflow: hidden;
}

* html body #main #detail {
	display: inline-block;
}


/* #main #images */

#main #detail #images {
	width: 260px;
	float: left;
}

#main #detail #images ul {
	overflow: hidden;
}

#main #detail #images ul li {
	float: left;
	width: 96px;
	text-align: center;
	margin: 0 10px 15px 0;
}

#main #detail #images ul li.image_main {
	width: 256px;
	display: block;
	margin: 0 0 10px 0;
	border: 2px solid #dfd8cc;
}

#main #detail #images ul li a {
	display: block;
	border: 2px solid #dfd8cc;
}

#main #detail #images ul li a:hover {
	border: 2px solid #ffcc00;
}




/* #main #text */

#main #detail #text {
	margin: 0 0 0 279px;
	padding:0 0 55px 0;
	width: 377px;
}

* html body #main #detail #text {
	margin: 0 0 0 276px;
}

#main #detail #text h3 {
	margin: 0 0 15px 0;
}

#main #detail #text p {
	margin: 0 10px 20px 10px;
}

#main #detail #text p span {
	display: block;
	font-weight: bold;
}


/* table */

#main #detail #text table{
	width:370px;
	}

#main #detail #text table th,
#main #detail #text table td {
	padding: 11px 0;
	background: url(../img/common/i_line_02.gif) 0 bottom repeat-x;
	verticvertical-align:middle;
}

#main #detail #text table th {
	font-weight: bold;
	color: #342D21;
}

#main #detail #text table td span.brewer_name_sub {
	font-size: 85%;
	color: #666666;
}

#main #detail #text table td span.price {
	font-weight: bold;
	color: #990000;
}

#main #detail #text table td span.zeikomi {
	margin: 0 0 0 5px;
	font-size: 85%;
	color: #6B5C43;
}

#main #detail #text table td dl {
	overflow: hidden;
}

* html body #main #detail #text table td dl {
	display: inline-block;
}

#main #detail #text table td dl dt {
	float: left;
}

#main #detail #text table td dl dd {
	margin: 0 0 0 45px;
}

#sendmWp{margin:15px 0 0 0; padding:0; position:relative; width:260px;}

#sendbtn{margin:0; text-align:center; position:absolute; top:0; left:0;}
#sendm{border:1px solid #DFD8CC; background:#F0E9DF; margin:0; padding:0 0 5px 0; width:258px; visibility:hidden;}
#sendm p.ttl,
#sendm p.txt,
#sendm p.caution,
#sendm p.form{display:block; margin:0; padding:5px 5px 0 5px; line-height:130%;}
#sendm p.ttl{font-weight:bold; font-size:12px;}
#sendm p.txt{font-size:12px; color:#666666;}
#sendm p.caution{font-size:10px; color:#990000;}
#sendm p.form{background:#fff; margin:5px 5px 0 5px; padding:5px; border:1px solid #CCCCCC;}
#sendm p.form span{display:block; margin:3px 0 0 0; text-align:center;}