@charset "utf-8";
@import url("reset.css");
@import url("fonts.css");


body {
	background-color: #ebe3cc;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'ＭＳ Ｐゴシック';
}

a:link    { color: #666; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:active  { color: #999; text-decoration: underline; }
a:hover   { color: #999; text-decoration: underline; }

.top{
	/*background-image:url('../images/bg_top.jpg');*/
	background-image:url('../images/bg_top_2.jpg');
	background-repeat:no-repeat;
}

.kwv{
	background-color: #ebe3cc;
	font-size:93%;
}

/************ top start ************/

#contents .topmain{
	/*margin: 40px 80px 50px 80px;*/
	margin: 100px 80px 65px 80px;
}

#contents .topmain .copy{
	margin: 0 0 8px 0;
}

#contents .topmain ul li{
	margin: 10px 0 0 0;
}

#contents div.topbanner{
	margin: 0 20px 0 0;
}

/************ top end ************/


/************ common start ************/

#contents .menu ul li{
	float: left;
	padding:5px 0 25px 0;
}

#contents .main{
	line-height:1.5em;
	margin: 0 50px 50px 50px;
}

#contents .main_inlife{
	line-height:1.5em;
	margin: 0 48px 5px 47px;
}

#contents .main .ttl{
	margin: 0 0 20px 0;
}

#contents .main_inlife .ttl{
	margin: 0 0 20px 0;
}

#contents .main .copy{
	margin: 0 0 25px 0;
}

/************ common end ************/


/************ sawine start ************/

#contents .main table.sawine,
#contents .main table.sawine_contents,
#contents .main table.winery{
	width: 700px;
}

#contents .main table.sawine,
#contents .main table.sawine_contents .copy{
	margin: 0 0 20px 0;
}

#contents .main table.sawine th{
	text-align: center;
	width: 260px;
}

#contents .main table.sawine td{
	width: 220px;
}

#contents .main table.sawine_contents th{
	width: 120px;
	vertical-align: top;
	padding: 0 22px 0 6px;
}

#contents .main table.sawine_contents th img{
	margin: 0 0 10px 0;
}

#contents .main table.sawine_contents td{
	width: 580px;
}

#contents .main table.sawine_contents table.history{
	width: 578px;
	border: #d7868d 1px solid;
}

#contents .main table.sawine_contents table.history th{
	width:63px;
	border-right: #d7868d 1px solid;
	text-align: right;
	vertical-align: top;
	padding: 5px 10px 5px 10px;
	background-color:#FFFFFF;
}

#contents .main table.sawine_contents table.history td{
	width:613px;
	border-left: #d7868d 1px solid;
	padding: 5px 10px 5px 10px;
	background-color:#FFFFFF;
}

#contents .main table.sawine_contents table.history strong{
	color: #b81a35;
}

#contents .main table.sawine_contents table.geography,
#contents .main table.sawine_contents table.wine{
	width: 580px;
}

#contents .main table.sawine_contents table.geography th,
#contents .main table.sawine_contents table.wine th,
#contents .main table.winery th{
	vertical-align: top;
	padding: 0 20px 20px 0;
}

#contents .main table.sawine_contents table.geography td,
#contents .main table.sawine_contents table.wine td,
#contents .main table.winery td{
	vertical-align: top;
	padding: 0 0 20px 0;
}

#contents .main table.sawine_contents table.geography th{
	width: 245px;
}

#contents .main table.sawine_contents table.geography td{
	width: 335px;
}

#contents .main table.sawine_contents table.wine th{
	width: 345px;
}

#contents .main table.sawine_contents table.wine td{
	width: 235px;
}

/************ sawine end ************/


/************ winery start ************/

#contents .main table.winery th{
	width: 455px;
}

#contents .main table.winery td{
	width: 245px;
}

/************ winery end ************/


/************ in life start ************/

#contents .main_inlife .inlife_subttl{
	margin:0 0 20px 0;
}


#contents .main_inlife table {
	margin: 0 0 50px 0;
}

#contents .main_inlife .inlife_menu li{
	float: left;
}

#contents .main .head_area{
	margin:0 0 15px 0;
}

#contents .main .head_area:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

#contents .main .head_area_img{
	float: left;
}

#contents .main .head_area_ttl{
	margin:0 0 15px 0;
}

#contents .main .head_area_subttl{
	margin:0 0 10px 0;
}

#contents .main .head_area_detail{
	float: right;
}

#contents .main .red{
	color: #b81a35;
}

#contents .main .head_area_txt{
	font-size:14px;
	color: #b81a35;
}

#contents .main .inlife_goodslist{
	clear:both;
	margin:0 -15px 35px 0;
}

#contents .main .inlife_goodslist:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

#contents .main .inlife_goodslist dt{
	float: left;
	width:90px;
	height:210px;
	background-color: #FFFFFF;
	padding: 40px 0 13px 0;
	margin:0 0 10px 0;
}

#contents .main .inlife_goodslist dt table{
	width:90px;
}

#contents .main .inlife_goodslist dt table td{
	text-align:center;
}

#contents .main .inlife_goodslist dt.white{
	border-top:solid 1px #567B03;
	border-left:solid 1px #567B03;
	border-bottom:solid 1px #567B03;
}

#contents .main .inlife_goodslist dt.champagne{
	border-top:solid 1px #009793;
	border-left:solid 1px #009793;
	border-bottom:solid 1px #009793;
}

#contents .main .inlife_goodslist dt.red{
	border-top:solid 1px #B81A35;
	border-left:solid 1px #B81A35;
	border-bottom:solid 1px #B81A35;
}

#contents .main .inlife_goodslist dd{
	float: left;
	width:110px;
	height:253px;
	text-align:center;
	color:#ffffff;
	padding: 5px 10px 5px 10px;
	margin:0 15px 10px 0;
}

#contents .main .inlife_goodslist dd.white{
	border-top:solid 1px #567B03;
	border-right:solid 1px #567B03;
	border-bottom:solid 1px #567B03;
	background-color:#567b03;
}

#contents .main .inlife_goodslist dd.champagne{
	border-top:solid 1px #009793;
	border-right:solid 1px #009793;
	border-bottom:solid 1px #009793;
	background-color:#009793;
}

#contents .main .inlife_goodslist dd.red{
	border-top:solid 1px #B81A35;
	border-right:solid 1px #B81A35;
	border-bottom:solid 1px #B81A35;
	background-color:#B81A35;
}

#contents .main dd.white .inlife_goods_ttl{
	color:#567b03;
}

#contents .main dd.champagne .inlife_goods_ttl{
	color:#009793;
}

#contents .main dd.red .inlife_goods_ttl{
	color:#B81A35;
}

#contents .main .inlife_goods_ttl{
	background-color:#ffffff;
	font-size:77%;
	margin:3px 0 3px 0;
}

#contents .main .inlife_goods_txt{
	text-align:left;
	font-size:85%;
	line-height: 1.6em;
}

#contents .main dd.inlife_goodslist_space{
	float: left;
	width:15px;
	height:203px;
	padding:0;
	background-color:transparent;
	border:0;
}

#contents .main .inlife_goodsmenu{
	clear:both;
}

#contents .main .inlife_goodsmenu_list li{
	float: left;
	padding:0 11px 0 0;
}

#contents .main li.inlife_goodsmenu_list_last{
	float: left;
	padding:0 0 0 0;
}

/************ in life end ************/



/************ product start ************/


#contents .main ul.product_menu{
	margin:0 0 16px 0;
}

#contents .main .product_menu:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

#contents .main .product_menu li{
	float: left;
	padding:0 10px 0 0;
}

#contents .main li.product_menu_last{
	float: left;
	padding:0 0 0 0;
}

#contents .main .pro_white{
	clear: both;
	width:343px;
	float: left;
}

#contents .main .pro_red{
	width:343px;
	float: right;
}

#contents .main .product_subttl{
	clear: both;
	margin:0 0 10px 0;
}

#contents .main .product_subttl .copy{
	margin:10px 0 10px 0;
	color: #221815;
}

#contents .main .pro_white:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

#contents .main .white dt table,
#contents .main .red dt table,
#contents .main .rose dt table{
	width:113px;
}

#contents .main .white dt table td,
#contents .main .red dt table td,
#contents .main .rose dt table td{
	text-align:center;
}


#contents .main .white dt{
	float: left;
	width:113px;
	height:230px;
	border-top:solid 1px #567B03;
	border-left:solid 1px #567B03;
	border-bottom:solid 1px #567B03;
	background-color:#ffffff;
	margin:0 0 10px 0;
	padding:25px 0 15px 0;
}

#contents .main .white dd{
	float: left;
	width:197px;
	height:255px;
	border-top:solid 1px #567B03;
	border-right:solid 1px #567B03;
	border-bottom:solid 1px #567B03;
	text-align:center;
	background-color:#567b03;
	color:#ffffff;
	padding:10px 15px 5px 15px;
	margin:0 0 10px 0;
}

#contents .main .white .ttl{
	text-align:left;
	color:#ffffff;
	margin:3px 0 3px 0;
	border-top:solid 2px #809c42;
	border-bottom:solid 2px #809c42;
}

#contents .main .pro_red:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

#contents .main .red dt{
	float: left;
	width:113px;
	height:230px;
	border-top:solid 1px #b81a35;
	border-left:solid 1px #b81a35;
	border-bottom:solid 1px #b81a35;
	background-color:#ffffff;
	margin:0 0 10px 0;
	padding:25px 0 15px 0;
}

#contents .main .red dd{
	float: left;
	width:197px;
	height:255px;
	border-top:solid 1px #b81a35;
	border-right:solid 1px #b81a35;
	border-bottom:solid 1px #b81a35;
	text-align:center;
	background-color:#b81a35;
	color:#ffffff;
	padding:10px 15px 5px 15px;
	margin:0 0 10px 0;
}

#contents .main .red .ttl{
	text-align:left;
	color:#ffffff;
	margin:3px 0 3px 0;
	border-top:solid 2px #ca5368;
	border-bottom:solid 2px #ca5368;
}

#contents .main .white .txt,
#contents .main .red .txt,
#contents .main .rose .txt{
	text-align:left;
	font-size:85%;
}

#contents .main .white .ttl_s,
#contents .main .red .ttl_s,
#contents .main .rose .ttl_s{
	text-align:left;
	font-size:85%;
}

#contents .main .rose dt{
	float: left;
	width:113px;
	height:200px;
	border-top:solid 1px #CC6699;
	border-left:solid 1px #CC6699;
	border-bottom:solid 1px #CC6699;
	background-color:#ffffff;
	margin:0 0 10px 0;
	padding:20px 0 20px 0;
}

#contents .main .rose dd{
	float: left;
	width:197px;
	height:225px;
	border-top:solid 1px #CC6699;
	border-right:solid 1px #CC6699;
	border-bottom:solid 1px #CC6699;
	text-align:center;
	background-color:#CC6699;
	color:#ffffff;
	padding:10px 15px 5px 15px;
	margin:0 0 10px 0;
}

#contents .main .rose .ttl{
	text-align:left;
	color:#ffffff;
	margin:3px 0 3px 0;
	border-top:solid 2px #ed8abc;
	border-bottom:solid 2px #ed8abc;
}

#contents .main .product_caution{
	text-align:right;
	clear: both;
	font-size:85%;
}

/*for IE7 */
*:first-child+html #contents .main .product_caution {
	font-size: 85%;
}

/* for IE6 */
/*\*/
* html #contents .main .product_caution {
	font-size: 85%;
}
/**/

/************ product end ************/






/************ kuchikomi start ************/
.kuchikomi_box{
	width:698px;
	background-color:#FFFFFF;
}

.kuchikomi_box_in{
	border-left:solid 1px #b71a37;
	border-right:solid 1px #b71a37;
	border-bottom:solid 1px #b71a37;
	padding:10px 0px 0px 20px;
}

.kuchikomi_item{
	float:left;
	display:inline;
	margin:0px 20px 35px 0px;
	width:205px;
}
.kuchikomi_item .item_img{
	text-align:center;
	margin-bottom:5px;
}

.kuchikomi_item .item_text{
	position:relative;
	height:22.5em;
	line-height:1.4em;
	color:#FFFFFF;
	border:solid 1px #557d03;
	background-color:#557d03;
}


.kuchikomi_item .item_name{
	height:3em;
	padding:3px 0px 0px 0px;
	font-weight:bold;
	text-align:center;
	line-height:1.4em;
	color:#000000;
	background-color:#FFFFFF;
}

.kuchikomi_item .item_name span{
	display:block;
	padding:10px 0px 0px 0px;
}

.kuchikomi_item .item_detail_1,
.kuchikomi_item .item_detail_2{
	padding:8px 11px;
}

.kuchikomi_item .item_detail_1{
	font-size:0.866em;
}

.kuchikomi_item .item_detail_2{
	font-size:0.8em !important;
	line-height:125%;
}

.kuchikomi_item .btn{
	position:absolute;
	left:9px;
	bottom:5px;
	text-align:center;
}

.kuchikomi_item_red .item_text{
	border:solid 1px #b71a35;
	background-color:#b71a35;
}

#kuchikomi_detail{
	border:solid 1px #b71a37;
	padding:27px 29px 10px 29px;
	background-color:#FFFFFF;
}

#kuchikomi_detail #content_l{
	float:left;
	width:163px;
}

#kuchikomi_detail #content_l li{
	margin:2px 0px;
}

#kuchikomi_detail #content_l li.current,
#kuchikomi_detail #content_l li a:hover{
	opacity:0.45;
}


/* IE6 hack */
* html #kuchikomi_detail #content_l li.current img,
* html #kuchikomi_detail #content_l li a:hover img{
	filter: alpha(opacity=45);
}

/* IE7 hack */
*+html #kuchikomi_detail #content_l li.current img,
*+html #kuchikomi_detail #content_l li a:hover img{
	filter: alpha(opacity=45);
}

/* IE8 hack */
html>/**/body #kuchikomi_detail #content_l li.current img,
html>/**/body #kuchikomi_detail #content_l li a:hover img{
	filter: alpha(opacity=45);
}

#kuchikomi_detail #content_r{
	float:right;
	width:444px;
}

#list_kuchikomi li{
	margin:0px 0px 17px 0px;
	background:url("../images/review/detail_bgi_comment_t.gif") no-repeat left top;
}

#list_kuchikomi .kuchikomi_in{
	padding:22px 25px 20px 21px;
	background:url("../images/review/detail_bgi_comment_b.gif") no-repeat left bottom;
}

#list_kuchikomi .profile{
	padding:5px 0px 0px 59px;
	color:#00479D;
	font-weight:bold;
	font-size:115%;
	line-height:140%;
	height:50px;
}

#list_kuchikomi .profile span{
	display:block;
	padding:0px 0px 5px 0px;
	border-bottom:solid 1px #666666;
}

#list_kuchikomi .comment{
	font-size:110%;
}

#list_kuchikomi .man{
	background:url("../images/review/detail_ico_man.jpg") no-repeat left top;
}

#list_kuchikomi .woman{
	background:url("../images/review/detail_ico_woman.jpg") no-repeat left top;
	color:#B81A35;
}

/************ kuchikomi end ************/

/************ 2024.07 追記 ************/

div#contents div.topmain{margin-bottom:110px;}
div#contents div.topmain ul{margin: 25px 0 0;}
div#contents div.topmain ul li{margin: 20px 0 0;}

.kuchikomi_box .annotation{
	margin: 1em auto 4px;
    font-size: 12px;
    text-align: right;
}