@charset "euc-jp";
@import url("coda-slider-2.0.css");

* {
	margin: 0px;
	padding: 0px;
}

/*リセット */
h1, h2, h3, h4, h5, h6, div, p, ul, li, dl, dt, dd, address, table, td, th, form, input, img{
	margin: 0;
	padding: 0;
	font-weight: normal;
}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{
	font-style: normal;
	font-weight: normal;
}

/*block element */
h1,h2,h3,h4,h5,h6,blockquote,pre,address{
	display: block;
	clear: both;
}
ul,dl{
	list-style: none;
}
body {
	background: #22190d url(../img/body_bg.jpg) no-repeat center top;
	font: 10pt "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
a{
	color: #322312;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
img {
	text-decoration: none;
	border-style: none;
}
p{
	line-height: 1.5;
}
/* -------------------
サイト全体
------------------- */
#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 800px;
}
/* -------------------
エラー
------------------- */
#error{
	border: 1px solid #D6AA69;
	background: #FFFFFF;
	margin: 40px auto 20px;
	padding: 20px;
	width: 760px;
}
/* -------------------
ヘッダ
------------------- */
#head{
	width: 800px;
	background: url(../img/head_bg.jpg) no-repeat;
	float: left;
}
#head h1{
	height: 120px;
	width: 445px;
	text-indent: -9999px;
	float: left;
}
#head h1 a{
	height: 120px;
	width: 445px;
	display: block;
}
#head #bt{
	width: 225px;
	margin: 80px 0px 10px 0px;
	float: right;	
}
#head #bt img{
	margin-right: 10px;
}
#menu {
	list-style: none;
	clear: both;
}
#menu li{
	float: left;
	height: 40px;
}
/* -------------------
フォントサイズ変更
------------------- */
#fontsize {
	height:20px;
	float: right;
	margin: 5px 10px;
}
#fontsize ul {
	background: url(../img/fsize_dt.gif) no-repeat 0px 0px;
	height: 20px;
	float: left;
	padding: 0px 0px 0px 80px;
	margin: 0px;
}
#fontsize li {
	height:20px;
	float: left;
	margin-right: 5px;
}

/* -------------------
中身
------------------- */
#content{
	width: 800px;
	clear: both;
	float: left;
	background: #FFFFFF;
}
/* -------------------
左
------------------- */
#left{
	width: 190px;
	float: left;
	background: #D6AB69;
}
#left p{
	color: #322312;	
}
#left a{
	color: #322312;
}
#left h2{
	height: 34px;
	width: 190px;
}
#left h3{
	height: 49px;
	width: 190px;
}
/* 検索 */
#seach {
	background:url(../img/seac_bg.gif) repeat-x scroll 0px 0px;
	height: 59px;
}
#seach form{
	margin: 0px;
	padding: 8px 3px;
}
#seach table{
	height: 21px;
	margin: 0px;
}
#seach input.text{
	width: 110px;
	margin: 0px 3px 0px 1px;
}
/* メニュー */

#categ ul{
	padding: 5px 10px;
	clear: both;
}
#categ li{
	border-bottom: 1px dashed #a7732f;
	padding: 3px;
}
/* 情報 */

#mem p{
	font-size: 90%;
	margin: 5px;
}

#mem li{
	background: url(../img/li_05.gif) no-repeat left center;
	border-style: none;
	padding-left: 13px;
}
/* 携帯 */
#mobile{
	text-align: center;
	padding: 10px;
}
/* バナー */
#banner{
	padding: 10px;
	text-align: center;
}
#banner img{
	margin-bottom: 5px;
}
/* カレンダー */
#calendar{
	padding: 5px 10px;

}
#calendar table{
	text-align: center;
	margin: 0px 0px 10px 0px;
	width: 170px;
	background: #A7732F;
}
#calendar caption{
	text-align: center;
	width: 170px;
	background: #A7732F;
	font-weight: bold;
	color: #FFFFFF;
}
#calendar th{
	text-align: center;
	background: #F0E6DA;
}
#calendar th.sat{
	color: #0000FF;
}
#calendar th.san{
	color: #FF0000;
}
#calendar td{
	text-align: right;
	background: #FFFFFF;
}
#calendar td.holi{
	background: #D26904;
	color: #FFFFFF;
}
.leftwite{
	background: #FFFFFF;
	padding: 10px;
	clear: both;
	float: left;
	width: 170px;
}
/* メディア情報 */
#leftmedia{
	background: #FFFFFF;
	padding: 10px 0px;
}




/* -------------------
右
------------------- */
#right{
	width: 610px;
	float: right;
}
#right #rightcont{
	padding: 0px 0px 15px 10px;
	float: left;
	width: 590px;
}
/* リスト */
#rightcont dl#topban{
	padding: 0px;
	margin: 10px 0px;
}
#rightcont #topban dt{
	margin: 5px 0px 0px;
}
#rightcont #topban dd{
	font-size: 90%;
}
#rightcont dl#topnews{
	padding: 5px 10px;
	margin: 0px 0px 15px 0px;
	float: left;
	height: 8em;
	overflow-x: hidden;
	overflow-y: scroll;
}
#rightcont #topnews dt{
	font-weight: bold;
	color: #A9722F;
	float: left;
	width: 80px;
	margin: 0px 0px 5px;
	padding: 0px 15px 0px 0px;
}
#rightcont #topnews dd{
	float: left;
	width: 447px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#rightcont ul.pickupbase{
	float: left;
	margin: 0px 0px 5px;
	padding: 0px;
	width: 590px;
}
#rightcont li.pickuplist{
	margin: 0px 8px 8px;
	padding: 0px;
	float: left;
	width: 125px;
	text-align: center;
	height: 250px;
}
#rightcont ul.pickupbeer li{
	margin: 0px 0px 3px;
	padding: 0px;
	text-align: center;
}
#rightcont ul#tamate{
	float: left;
	margin: 0px 0px 10px;
	padding: 0px;
	width: 590px;
}
#rightcont ul#tamate li{
	float: left;
	margin: 0px 3px 4px 0px;
	padding: 0px;
}
#rightcont ul#tamate2{
	float: left;
	margin: 0px 0px 10px;
	padding: 0px;
	width: 590px;
}
#rightcont ul#tamate2 li{
	float: left;
	margin: 0px 3px 10px 0px;
	padding: 0px;
}
#rightcont ul#guide,
#rightcont ul#guide2{
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 550px;
}
#rightcont ul#guide li{
	float: left;
	margin: 0px 20px 15px 0px;
	padding: 5px 0px 10px 20px;
	background: url(../img/li_01.gif) no-repeat left 0.4em;
	width: 230px;
	color: #884D0C;
	border-bottom: 1px dotted #BFBFBF;

}
#rightcont ul#guide li a{
	color: #884D0C;
}

#rightcont ul#guide2 li{
	margin: 0px 20px 15px 0px;
	padding: 5px 0px 10px 20px;
	background: url(../img/li_01.gif) no-repeat left 0.4em;
	color: #5C5C5C;
	border-bottom: 1px dotted #BFBFBF;

}
#rightcont ul#guide2 li a{
	color: #884D0C;
	margin-right: 10px;
}
#rightcont ul#select{
	margin: 0px 10px 30px;
	padding: 10px 5px;
	/*border-bottom: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;*/
	float: left;
	background-color: #F6EFE7;
	width:540px;
}
#rightcont ul#select li{
	float: left;
	margin: 0px 0px 5px 15px;
	padding: 0px 0px 5px 15px;
	background: url(../img/li_01.gif) no-repeat left 0.1em;
	color: #A7732F;
	font-size: 10pt;
}


#rightcont ul#select li a{
	color: #3C2811;
}
ol.nam{
	margin: 0px 10px 15px 35px;
	color: #5c5c5c;
	list-style: decimal;
	line-height: 1.5em;
}
ol.nam li{
	padding: 0px 0px 10px;
}
#rightcont ul.faq{
	margin: 10px 20px;

}
#rightcont ul.faq li{
	background: url(../img/li_q.gif) no-repeat left 0.2em;
	margin: 0px 0px 10px;
	padding-left: 20px;
}
#point{
	margin: 10px auto;
	padding: 0px;
	width: 700px;
	clear: both;
	border: 1px solid #D6AA69;
}
#point h4{
	margin: 5px;
	text-align: center;
}
#point ul{
	margin: 5px 10px 10px;
	padding: 0px;
}
#point li{
	padding: 3px 0px 3px 10px;
	background: url(../img/li_04.gif) no-repeat left 10px;
	font-size: 90%;
}
ul.point2{
	margin: 10px;
	padding: 0px;
}
ul.point2 li{
	color: #5c5c5c;
	margin: 0px;
	padding: 0px 0px 8px 15px;
	line-height:1.4;
	background: url(../img/li_02.gif) no-repeat left 0.1em;
}

#point3 ul{
	margin: 5px 10px 10px;
	padding: 20px;
	clear: both;
	border: 1px solid #D6AA69;
}
#point3 li{
	padding: 3px 0px 3px 10px;
	background: url(../img/li_04.gif) no-repeat left 10px;
	font-size: 90%;
}




/* h2 */
#rightcont h2{
	padding: 0px;
	margin: 0px 0px 20px;
}
/* h3 */
h3{
	clear: both;
}
h3.h3-bar1{
	padding: 0px;
	margin: 20px 0px 0px;
}
h3.h3-bar2{
	padding: 5px;
	margin: 20px 0px 10px;
	font: 12pt "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS UI Gothic",Osaka,sans-serif;
	border-bottom: 1px solid #BFBFBF;
	color: #9A6523;
}
h3.h3-bar2 a{
	color: #9A6523;
}
h3.h3-bar3{
	font: 12pt "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS UI Gothic",Osaka,sans-serif;
	background: url(../img/h3_cate.gif) no-repeat 0px 0px;
	height: 45px;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 15px;
	}
h3.h3-bar4{
	font: 12pt "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS UI Gothic",Osaka,sans-serif;
	background: url(../img/h3_cate2.gif) no-repeat 0px 0px;
	height: 45px;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 15px;
}
/* h4 */
h4{
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, sans-serif;
}
h4.h4-bar1{
	color: #a73304;
	margin-left: 5px;
	font-size: 10pt;
}
h4.h4-bar1 a{
	color: #a73304;
}
h4.h4-bar2{
	color: #51330f;
	background: url(../img/h4_01.gif) no-repeat;
	height: 26px;
	width: 570px;
	padding-left: 15px;
	font-size: 12pt;
	line-height: 26px;
}

h4.h4-faq{
	padding: 5px 5px 5px 20px;
	margin: 20px 10px 5px;
	border-bottom: 1px solid #BFBFBF;
	color: #a73304;
	background: url(../img/li_q2.gif) no-repeat left 0.5em;
	font-size: 10pt;
}

/* h5 */
h5.h5-bar1{
	font: 10pt "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS UI Gothic",Osaka,sans-serif;
	color: #a73304;
	margin-left: 10px;
}
h5.h5-bar2{
	font: 10pt "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS UI Gothic",Osaka,sans-serif;
	color: #7A4D14;
	margin-left: 15px;
	background: url(../img/li_01.gif) no-repeat left center;
	padding-left: 15px;
}
/* ｐ */
p{
	margin: 0px 10px 15px;
	color: #5c5c5c;
	
}
p.pan{
	padding: 0px;
	margin: 0px 0px 10px;
	font-size: 90%;
	color: #55350E;
}
p.pan a{
	color: #55350E;
}
p.pagetop{
	text-align: right;
	margin: 20px 10px 10px 0px;
	clear: both;
}
/* table */
table{

}
table.t-01{
	margin: 20px 50px 15px;
	padding: 0px;
	text-align: center;
	width: 490px;
}
table.t-01 th,
table.t-01 td{
	border-top: 1px solid #D6AA69;
	border-right: 0px solid #D6AA69;
	border-bottom: 0px solid #D6AA69;
	border-left: 0px solid #D6AA69;
	padding: 10px;
	vertical-align: top;
	color: #5c5c5c;
}
table.t-01 th{
	text-align: right;
	width: 110px;
}
table.t-01 td{
	text-align: left;
}
table.t-02{
	margin: 5px 10px 15px 20px;
	padding: 0px;
	text-align: center;
	border-top: 0px solid #D6AB69;
	border-right: 1px solid #D6AB69;
	border-bottom: 1px solid #D6AB69;
	border-left: 1px solid #D6AB69;
	width:90%;

}
table.t-02 caption{
	font: 10pt "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS UI Gothic",Osaka,sans-serif;
	color: #a73304;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
table.t-02 th,
table.t-02 td{
	padding: 5px;
	vertical-align: top;
	color: #5c5c5c;
	border-top: 1px solid #D6AB69;
	border-right: 0px solid #D6AB69;
	border-bottom: 0px solid #D6AB69;
	border-left: 0px solid #D6AB69;
}
table.t-02 th{
	text-align: left;
	background: #EDE1D1;
/*
	width: 120px;
*/
}
table.t-02 td{
	width: 120px;
	text-align: right;
}
table.t-03{
	margin: 10px 0px 15px 10px;
	padding: 0px;
	border-top: 0px solid #D6AB69;
	border-right: 1px solid #D6AB69;
	border-bottom: 1px solid #D6AB69;
	border-left: 1px solid #D6AB69;
	width: 570px;
}
table.t-03 th,
table.t-03 td{
	padding: 5px;
	vertical-align: top;
	color: #5c5c5c;
	text-align: left;
	border-top: 1px solid #D6AB69;
	border-right: 0px solid #D6AB69;
	border-bottom: 0px solid #D6AB69;
	border-left: 0px solid #D6AB69;
}
table.t-03 th{
	background: #EDE1D1;
	width: 25%;
}
table.t-04{
	margin: 0px 0px 20px 10px;
	padding: 0px;
	border-top: 0px solid #D6AB69;
	border-right: 0px solid #D6AB69;
	border-bottom: 1px solid #D6AB69;
	border-left: 1px solid #D6AB69;
	width: 760px;
	clear: both;
}
table.t-04 caption{
	padding: 3px 0px;
	margin: 0px;
	background: #D6AB69;
	text-align: center;
	width: 760px;
	font-size: 110%;
}
table.t-04 th,
table.t-04 td{
	padding: 5px;
	vertical-align: top;
	color: #5c5c5c;
	border-top: 1px solid #D6AB69;
	border-right: 1px solid #D6AB69;
	border-bottom: 0px solid #D6AB69;
	border-left: 0px solid #D6AB69;
}
table.t-04 th{
	background: #EDE1D1;
	text-align: left;
}
table.t-05{
	margin: 0px 0px 15px 10px;
	padding: 0px;
	border-top: 0px solid #D6AB69;
	border-right: 0px solid #D6AB69;
	border-bottom: 1px solid #D6AB69;
	border-left: 1px solid #D6AB69;
	width: 570px;
}
table.t-05 caption{
	padding: 3px 0px;
	background: #D6AB69;
	text-align: center;
	font-size: 110%;
}
table.t-05 th,
table.t-05 td{
	padding: 5px;
	vertical-align: top;
	color: #5c5c5c;
	border-top: 1px solid #D6AB69;
	border-right: 1px solid #D6AB69;
	border-bottom: 0px solid #D6AB69;
	border-left: 0px solid #D6AB69;
}
table.t-05 th{
	background: #EDE1D1;
	width: 9%;
	text-align: center;
}
table.t-05 th.thwhite{
	background: #FFFFFF;
}

/* -------------------
カテゴリ一覧(カート)
------------------- */
.categorybox ul.box{
	margin: 10px 30px 45px;
	float: left;
	width: 700px;
	background: url(../img/category_bg.gif) repeat-y center top;
}
.categorybox ul.box li{
	margin: 0px;
	padding: 0px;
	width: 350px;
	float: left;
	height: 320px;
	border-bottom: 1px dashed #A7732F;
	}
table.t-box{
	margin: 20px 5px 0px;
	padding: 0px;
	width: 335px;
}

ul.box li ul.details li{
	margin: 0px;
	padding: 0px 0px 5px;
	height: auto;
	width: auto;
	float: none;
	text-align: left;
		border-style: none;
}
/* -------------------
カテゴリ一覧2
------------------- */
.categorybox ul.box2{
	margin: 10px 0px 10px 5px;
	float: left;
	width: 580px;
	background: url(../img/category_bg.gif) repeat-y;
}
.categorybox ul.box2 li{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	width: 290px;
	float: left;
	border-bottom: 1px dashed #A7732F;
}
table.t-box2{
	margin: 25px 0px 0px 5px;
	padding: 0px;
	width: 280px;
}
table.t-box th,
table.t-box2 th{
	vertical-align: top;
	padding: 5px 0px 0px 5px;
	text-align: left;
}
table.t-box td,
table.t-box2 td{
	text-align: center;
	width: 120px;
}
ul.box li ul.detailsp,
ul.box2 li ul.detailsp{
	margin: 5px 0px 0px;
	height: auto;
	width: auto;
	padding: 3px;
	border: 1px solid #D6AB69;
}
ul.box li ul.detailsp li,
ul.box2 li ul.detailsp li{
	margin: 2px;
	padding: 0px;
	height: auto;
	width: auto;
	float: none;
	text-align: right;
	border-style: none;

}
ul.box li ul.details,
ul.box2 li ul.details{
	height: 125px;
	width: auto;
}
ul.box li ul.details li,
ul.box2 li ul.details li{
	margin: 0px;
	padding: 0px 0px 5px;
	height: auto;
	width: auto;
	float: none;
	text-align: left;
		border-style: none;
}
ul.box li ul.details li a.item-more,
ul.box2 li ul.details li a.item-more {
	display:block;
	text-align:right;
}
dl.boxdl{
	background: #faf1e4;
	margin: 0px 5px;
	padding: 5px 10px;
}
dl.boxdl dt{
	font-size: 90%;
	color: #A7732F;
}
dl.boxdl dd{
	padding-bottom: 3px;
	border-bottom: 1px dashed #FFFFFF;
	margin-bottom: 3px;
	text-align: right;
}
#cartin{
	clear: both;
	border: 1px solid #D6AB69;
	background: #faf1e4;
	text-align: center;
	padding: 15px 0px;
	margin: 160px auto 50px;
	width: 570px;
}
/* -------------------
詳細
------------------- */
#details {
	float: left;
	width: 590px;
	margin-bottom: 20px;
}
.nbuy{
	text-align: right;
	margin: 0px 0px 5px;
	padding: 0px;
	}	
p.com2{
	font-size: 90%;

}
#det01{
	width: 590px;
	padding: 0px;
	margin: 0px 0px 20px;
	float: left;
}
#det01 img{
	padding: 0px;
	margin: 0px;
}
#det01 #pict{
	width: 260px;
	float: left;
	text-align: center;
	vertical-align: middle;
}
#det01 #pict2{
	width: 590px;
	text-align: center;
	vertical-align: middle;
}
#det01 #date{
	width: 320px;
	float: right;
	margin: 0px;
	padding: 0px;
}
#date table{
	margin: 0px 0px 15px;
	width: 320px;
	padding: 0px;
}
#date a{
	text-decoration: underline;
}
#date a:hover{
	text-decoration: none;
}
#date th,
#date td{
	border-top: 0px solid #D6AA69;
	border-right: 0px solid #D6AA69;
	border-bottom: 1px solid #D6AA69;
	border-left: 0px solid #D6AA69;
	padding: 3px;
	vertical-align: top;
	color: #5c5c5c;
}
#date th{
	text-align: right;
	width: 100px;
}
#date td{
	text-align: left;
	padding-left: 5px;
}
#date1 table{
	margin: 20px 20px 15px;
	width: 550px;
	padding: 0px;
}
#date1 a{
	text-decoration: underline;
}
#date1 a:hover{
	text-decoration: none;
}
#date1 th,
#date1 td{
	border-top: 1px dashed #D6AA69;
	padding: 5px 3px;
		text-align: left;
	vertical-align: top;
	color: #5c5c5c;
}
#date1 th{
	width: 80px;
}
#date1 td{
	padding-left: 5px;
}
/* メーター */
#date dl{
	margin: 0px 0px 10px;
	padding: 0px;
	width: 320px;
	float: left;
}
#date dt{
	height: 15px;
	width: 80px;
	float: left;
	padding: 0px 0px 8px;
}
#date dd{
	width: 232px;
	text-indent: -9999px;
	height: 15px;
	float: right;
	padding: 0px 0px 8px 8px;

}
#date dd.mate01-01{
	background: url(../img/date_m01-01.gif) no-repeat;
}
#date dd.mate01-02{
	background: url(../img/date_m01-02.gif) no-repeat;
}
#date dd.mate01-03{
	background: url(../img/date_m01-03.gif) no-repeat;
}
#date dd.mate01-04{
	background: url(../img/date_m01-04.gif) no-repeat;
}
#date dd.mate01-05{
	background: url(../img/date_m01-05.gif) no-repeat;
}
#date dd.mate02-01{
	background: url(../img/date_m02-01.gif) no-repeat;
}
#date dd.mate02-02{
	background: url(../img/date_m02-02.gif) no-repeat;
}
#date dd.mate02-03{
	background: url(../img/date_m02-03.gif) no-repeat;
}
#date dd.mate02-04{
	background: url(../img/date_m02-04.gif) no-repeat;
}
#date dd.mate02-05{
	background: url(../img/date_m02-05.gif) no-repeat;
}
#date dd.mate02-01{
	background: url(../img/date_m03-01.gif) no-repeat;
}
#date dd.mate03-01{
	background: url(../img/date_m03-01.gif) no-repeat;
}
#date dd.mate03-02{
	background: url(../img/date_m03-02.gif) no-repeat;
}
#date dd.mate03-03{
	background: url(../img/date_m03-03.gif) no-repeat;
}
#date dd.mate03-04{
	background: url(../img/date_m03-04.gif) no-repeat;
}
#date dd.mate03-05{
	background: url(../img/date_m03-05.gif) no-repeat;
}
#date dd.mate04-01{
	background: url(../img/date_m04-01.gif) no-repeat;
}
#date dd.mate04-02{
	background: url(../img/date_m04-02.gif) no-repeat;
}
#date dd.mate04-03{
	background: url(../img/date_m04-03.gif) no-repeat;
}
#date dd.mate04-04{
	background: url(../img/date_m04-04.gif) no-repeat;
}
#date dd.mate04-05{
	background: url(../img/date_m04-05.gif) no-repeat;
}
/* 色・特徴 */
#date p{
	text-indent: -9999px;
	clear: both;
	height: 50px;
	width: 320px;
	padding: 0px;
	margin: 5px 0px 15px;
	float: left;
}
#date p.gold{
	background: url(../img/date_c01.gif) no-repeat;
}
#date p.amber{
	background: url(../img/date_c02.gif) no-repeat;
}
#date p.copper{
	background: url(../img/date_c03.gif) no-repeat;
}
#date p.brown{
	background: url(../img/date_c04.gif) no-repeat;
}
#date p.dbrown{
	background: url(../img/date_c05.gif) no-repeat;
}
#date p.black{
	background: url(../img/date_c06.gif) no-repeat;
}
#date p.non{
	background: url(../img/date_c07.gif) no-repeat;
}
/* 購入 */

#buy{
	clear: both;
	padding: 0px;
	margin: 0px 0px 10px;
	text-align: right;
	float: left;
	width: 590px;
	border-top: 1px solid #D6AA69;
}
#buy dl{
	margin: 5px 0px;
	padding: 5px 10px;
	clear: both;
	float: left;
	width: 570px;
}
#buy dt{
	padding: 5px 0px 0px 5px;
	text-align: left;
}
#buy dd{
	padding: 5px;
	text-align: right;
	border-bottom: 1px dashed #D6AA69;
}
#buy ul{
	clear: both;
	padding: 0px;
	margin: 15px 0px 10px;
	float: left;
	font-size: 90%;
	width: 550px;
}
#buy li{
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 10px;
	float: right;
	background: url(../img/li_03.gif) no-repeat left center;
}
/* 説明 */
#exp{
	clear: both;
	padding: 0px;
	margin: 0px;
	width: 570px;
}
.expbox{
	line-height: 1.5;
}

.expbox img,
#voicebox img{
	padding: 5px;

}
#exp h4{
	margin: 15px 0px 10px 5px;
}

#voice{
	width: 570px;
	background: url(../img/voice_bg.gif) repeat-y;
	margin: 10px 0px 20px 10px;
	padding: 0px;
	float: left;
}
#voice h4{
	background: url(../img/voice.gif) no-repeat;
	height: 35px;
	width: 510px;
	padding: 0px 0px 0px 60px;
	margin: 0px;
	font: 10pt/35px "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, sans-serif;
	color: #9A6523;
}
#voicebox{
	background: url(../img/voice_bot.gif) no-repeat left bottom;
	margin: 0px;
	padding: 0px 0px 4px 0px;
	float: left;
	display: block;
	width: 570px;
}
#voicebox p{
	margin: 10px 0px 0px 10px;
}
/* お客様の声 */
#voice2{
	width: 570px;
	background: url(../img/voice2_bg.gif) repeat-y;
	margin: 10px 0px 120px 10px;
	padding: 0px;
	float: left;
}
#voice2 h4{
	clear:both;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#voicebox2{
	background: url(../img/voice2_bot.gif) no-repeat left bottom;
	margin: 0px;
	padding: 0px 0px 4px;
	float: left;
	display: block;
	width: 570px;
}
#voicebox2 h5{
	margin: 10px 10px 5px 10px;
}
#voicebox p{
	margin: 0px 10px 20px 10px;
}
/* 詳細内コメント文字 */
.boldxx{
	font-weight: bold;
}
.bigxxx{
	font-size: 150%;
}
.midxxx{
	font-size: 120%;
}
.smallx{
	font-size: 80%;
}
.redxxx{
	color: #FF0000;
}
.bluexx{
	color: #0066CC;
}
.greenx{
	color: #339966;
}

/* イベント */
#event{
}
#event dl{
	margin: 5px 0px;
	border-bottom: 1px dashed #D6AA69;
	clear: both;
	float: left;
	width: 590px;
	padding: 5px 0px;
}
#event dt{
	float: left;
	width: 150px;
	padding-right: 5px;
}
#event dd{
	float: left;
	vertical-align: top;
	width: 435px;
}
#event h3{
	padding: 5px;
	margin: 0px 0px 5px;
	font: 12pt "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS UI Gothic",Osaka,sans-serif;
	border-bottom: 1px solid #BFBFBF;
	color: #9A6523;
}
#event p.date{
	padding: 3px;
	margin: 0px 0px 5px;
	border-bottom: 1px solid #BFBFBF;
	color: #D6AA69;
	font-size: 80%;
}
/* -------------------
 ビアーズガイド 
------------------- */
ul.point4{
	margin: 10px;
	padding: 0px;
	width:230px;
	float:left;
}
ul.point4 li{
	color: #5c5c5c;
	margin: 0px;
	padding: 0px 0px 2px 15px;
	line-height:1.4;
	background: url(../img/li_02.gif) no-repeat left 0.1em;
}
p.explanation1{
    width:295px;
	padding-left:10px;
	float:right;
	border-left:#cccccc 1px solid;
}

#brew{}/* ブルワリーガイド一覧*/
#brew img{margin:0;}
#brew div.open-box{
	background-image: url(../img/r-box-top.gif);
	background-repeat: no-repeat;
	margin: 10px auto 0;
	padding: 0;
	width: 570px;
	background-color: #E9DCCB;
}
#brew div.open-box dl{width: 540px; margin:0 auto; padding:20px 0 0;}
#brew div.open-box dt{
	background-image: url(../img/line-guide.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding:15px 5px;
	font-size: 110%;
	color: #5F5F5F;
}
#brew div.open-box dt img{ margin:0px 5px -5px 0;}
#brew div.open-box dl dd{margin:20px 0; text-align:center; color: #5F5F5F;}
#brew img.box-bottom{margin: 0 0 0 10px;}

#brew div.open-box table{width:530px;}
#brew div.open-box table th{width:126px; padding:2px;}
#brew div.open-box table td{width:126px; padding:2px;}
#brew div.open-box table th img{
	padding:2px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

#brew2{}/* ブルワリーガイド詳細*/
#brew2 div#characteristic{/*醸造の特徴*/
    width:538px;
	margin:0 auto;
	padding:0px;
	background-image: url(../img/brew-guide/bg-characteristic2.jpg);
	background-repeat: repeat-y;
}
#brew2 div#characteristic p{ margin:10px 40px 0;}
#brew2 div#characteristic img.photo{ margin:5px 10px 0;}
#brew2 img.bottom{ clear:both; margin: 0 0 0 26px;}

#brew2 div#policy{/*ポリシー*/
	background-image: url(../img/brew-guide/bg-policy.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 368px;
	margin:15px 0 0 15px;
	padding:80px 0 0;
}
#brew2 div#policy p{padding: 0 10px 0 80px;}
#brew2 img.waku{
    padding:2px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin:5px;
}

#brew2 dl.detail{/*詳細*/
    width:305px;
    float:right;
    margin: 5px;
	padding: 0 5px 20px 5px;
}
#brew2 dl.detail dt{
	float: left;
	width: 7.5em;
	padding: 3px 0;
	line-height: 1.2em;
}
#brew2 dl.detail dd{
    padding: 3px 0 3px 7.5em;
	line-height: 1.2em;
	border-bottom: 1px #CCCCCC solid;
}

#brew2 div#brand{/*銘柄*/
	padding: 0;
	margin:10px auto;
	clear: both;
	width: 561px;
	background-color:#f3ece2;
}
#brew2 div#brand p{	width: 539px; margin:10px auto;}
#brew2 div#brand ul.barand-list{
	margin: 10px auto 1.5em;
	width: 500px;
	list-style-position: outside;
	list-style-type: none;
}
#brew2 div#brand ul.barand-list li{
	background-image: url(../img/brew-guide/mark-brand.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 5px 0 5px 5px;
	float: left;
    width: 210px;
	padding:0 0 0 20px;
}


#brew-tour{}/* ブルワリーツアー */
#brew-tour img{margin:0 10px 10px;}
#brew-tour img.list{margin:0 10px 10px; float:left; width:200px;}
#brew-tour p.right{ text-align:right;}



/* -------------------
サイトマップ
------------------- */
#sitemap{
	display: block;
	clear: both;
	float: left;
}
#sitemap #siteleft{
	float: left;
	width: 280px;
	border-right: 1px dashed #BFBFBF;
	padding: 0px 5px 0px 10px;
}
#sitemap #siteright{
	float: right;
	width: 285px;
}
#sitemap #siteright ul,
#sitemap #siteleft ul{
	margin: 5px 0px 20px;
}
#sitemap #siteright ul li,
#sitemap #siteleft ul li{
	background: url(../img/li_08.gif) no-repeat left 5px;
	padding: 2px 0px 2px 15px;
}
#sitemap #siteright ul li ul li,
#sitemap #siteleft ul li ul li{
	background: url(../img/li_10.gif) no-repeat left 8px;
	padding: 2px 0px 2px 10px;
}
/* -------------------
全
------------------- */
#full{
	float: left;
	margin: 0px;
	padding: 10px;
	width: 780px;
}

/* -------------------
フッタ
------------------- */
#foot{
	width: 800px;
	clear: both;
	float: left;
	background: #FFFFFF;
}
#foot a:hover{
	color: #7E4E06;
}
#foot ul{
	float: right;
	padding: 10px;
}
#foot li{
	border-left: 1px solid #322312;
	float: left;
	padding: 0px 10px;
	font-size: 80%;
}
#foot address{
	background: #52340f url(../img/copy.gif) no-repeat center center;
	text-indent: -9999px;
	clear: both;
	height: 35px;
}
/* -------------------
フォーム
------------------- */
select,
input,
textarea{
	margin: 2px;
	font-size: 120%;
}
input.radio{
	margin: 0px;
	vertical-align: top;
}
select.an{height: 20px;}
input.bt01{
	font-size: 110%;
	padding: 3px 10px;
}
input.bt-back{
	padding: 3px 10px;
	background: #EDE1D1;
	border: 1px solid #D6AB69;
}
input.bt-next{
	padding: 3px 10px;
	background: #D6AB69;
	border: 1px solid #D6AB69;	
}
input.mailbox{
	font-size: 150%;
	font-weight: bold;
}

/* -------------------
お問い合わせフォーム
------------------- */
body#form{
	background: #EDE1D1 none;
	padding: 20px;
}
#formbox{
	margin: 0px auto;
	padding: 10px;
	width: 520px;
	border: 1px solid #D6AB69;
	background: #FFFFFF;
}
#formbox h3.h3-bar2{
	margin-top: 0px;
	margin-bottom: 10px;
}
#formbox table{
	margin: 10px 0px 10px;
	background: #D6AB69;
	width: 100%;
}
#formbox th,
#formbox td{
	text-align: left;
	padding: 3px;
	vertical-align: top;
}
#formbox th{
	background: #EDE1D1;
	width: 30%;
}
#formbox td{
	background: #FFFFFF;
}
#formbox ol.numlist01{
	background: #BDE6FB;
	padding: 10px;
	margin: 20px;
	list-style: decimal inside;
}
#formbox ol.numlist02{
	background: #C6F0BB;
	padding: 10px;
	margin: 20px;
	list-style: decimal inside;
}
#formbox ol.numlist03{
	background: #FDD695;
	padding: 10px;
	margin: 20px;
	list-style: decimal inside;
}
#formbox ol.numlist01 li,
#formbox ol.numlist02 li,
#formbox ol.numlist03 li{
	padding: 5px;
}
/* -------------------
メディア情報
------------------- */
#media{}

#media h3{
	font: 12pt "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS UI Gothic",Osaka,sans-serif;
	color: #9A6523;
	padding: 0px 0px 10px;
}
#media .m_c{
	margin: 10px;
}
#media .m_box{
	padding: 20px 10px;
	border: 1px solid #BFBFBF;
	margin: 10px 0px;
}
#media .m_pic{
	padding: 10px 0px;
	margin: 0px 0px 10px;
	border-bottom: 1px dotted #BFBFBF;
	position: relative;
}
#media .m_pic .exp{
	margin: 5px 10px;
	font-size: 90%;
	position: absolute;
	top: 0px;
}
#media .m_pic .exp a{
	color: #FFFFFF;
	background: #9A6523;
	padding: 3px;
	border: 1px solid #9A6523;
}
#media .m_pic .exp a:hover{
	background: #FFFFFF;
	color: #9A6523;
	text-decoration: none;
}
#media p{
	margin: 0px 0px 15px;	
}


/* -------------------
共通
------------------- */
/* マージン */
.m5 {margin: 5px;}
.m10 {margin: 10px;}
/* hr */
hr.hr-01 {margin: 40px 0px;}
/* 文字 */
.f-b12 {
	font: 12pt "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS UI Gothic",Osaka,sans-serif;
	color: #9A6523;
}
.f-br11 {
	font: 11pt "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS UI Gothic",Osaka,sans-serif;
	color: #a73304;
}
.f-red {color: #FF0000;}
.f-wite {color: #FFFFFF;}
.f-oran {color: #D26904;}
.f-bro {color: #a73304;}
.f-gra90 {
	color: #5C5C5C;
	font-size: 90%;
}
.bold {font-weight: bold;}
.box1 {
	padding: 10px;
	border: 1px solid #D6AA69;
}
.name{
	font-weight: bold;
	color: #a7732f;
	font-size: 110%;
}
.name a{color: #a7732f;}
/*	ご注文ガイド	*/
textarea#order-textarea-template {
	width:90%;
	height:800px;
	line-height:120%;
/*
	font-size:120%;
	letter-spacing:3px;
	font-family: 'MS UI Gothic','','ヒラギノ角ゴ Pro W3', 'Osaka','Arial', sans-serif;
*/
	border:1px solid #B3B3B3;
	margin-left:10px;
	padding:10px 0px 0px 10px;
	overflow:auto;
}


/*	商品詳細	*/

img.buy-button {
	float:left;
	margin:10px;
}

.item-code {
	line-height:1.8;
	color:#5C5C5C;
	padding-bottom:2px;
}