@charset "UTF-8";

@import url("../../common/css/common.css");


/* --------------------------------------------------------------------------------------
 お知らせ　共通---NEWS
--------------------------------------------------------------------------------------- */

div.info-box {
}

p.pageback{
	margin: 25px 0 0 0;
}

div.info-box div.leftBox h2 {
	padding: 2px 0 7px 0;
	font-weight: bold;
	font-size: 130%;
	/*height: 30px;*/
}

div.info-box div.leftBox p.news-date {
	font-size: 95%;
	color: #e60011;
	margin: 20px 0 0 0;
	padding: 0;
}

div.info-box div.leftBox p.title {
	margin-bottom: 15px;
	padding: 0;
}

div.info-box div.leftBox p.clear-txt{
	clear: both;
}

div.wine-box {
	margin: 5px 0 15px 18px;
	padding: 10px 10px 0px 5px;
	border: #ca8093 5px solid;
}

div.wine-box ol {
	margin: 0px 5px 15px;
}

div.wine-box ol li {
	margin-left: 35px;
}

div.wine-box strong {
	font-size: 120%;
	color: #b84563;
}


/* --------------------------------------------------------------------------------------
 お知らせ---NEWS
--------------------------------------------------------------------------------------- */
div.info-box div.leftBox div.news-box {
	clear: both;
}

	/* -- clear float -- */
	.news-box {
		min-height:0;
		display: inline-table;
	}
	
	
	.news-box:after{
		content:".";
		display:block;
		height:0;
		clear: both;
		visibility:hidden;
	}
	/* \*/
	* html .news-box {height:0;}
	.news-box{display: block;}
	/* */
	
	/* -- end clear float -- */


div.info-box div.leftBox div.news-box h3 {
	padding-left: 17px;
	font-size: 110%;
	border-bottom: #666666 1px dotted;
	margin: 10px 0 5px 0;
	font-weight: bold;
	background: url(../img/h3-news.gif) no-repeat 0 60%;
	clear: both;
}

div.info-box div.leftBox div.news-box p {
	line-height: 1.8;
}


div.info-box div.leftBox div.news-box p.bnr_gift {
	width:260px;
	float:left;
	margin: 5px 0 15px 0px;
}

div.info-box div.leftBox div.news-box p.bnr_shop {
	width:260px;
	float:left;
	margin: 5px 0 15px 14px;
}

div.info-box div.leftBox div.news-box p.ph-r {
	float: right;
	margin: 5px 5px 10px 10px;
	font-size: 95%;
	line-height: 120%;
}

div.info-box div.leftBox div.news-box p.ph-l {
	float: left;
	margin: 5px 10px 10px 5px;
	font-size: 95%;
	line-height: 120%;
}

div.info-box div.leftBox div.news-box p strong.red {
	color: #FF0000;
}

div.info-box div.leftBox div.news-box p span.gienkin {
	font-size:130%;
}

/* --------------------------------------------------------------------------------------
 お知らせ NEWS 表組み
--------------------------------------------------------------------------------------- */


div.info-box div.leftBox div.news-box table {
	width: 600px;
	margin: 10px 20px;
}

div.info-box div.leftBox div.news-box table th,
div.info-box div.leftBox div.news-box table td {
	padding: 0.8em;
	border-top: 1px solid #afccf1;
	border-bottom: 1px solid #afccf1;
}

div.info-box div.leftBox div.news-box table th {
	width: 115px;
	padding-left: 5px;
	font-weight: normal;
	text-align: left;
	background: #689de0;
	color: #ffffff;
}

div.info-box div.leftBox div.news-box table td {
	padding-left: 5px;
	background: #eff6ff;
	border-left: 1px solid #afccf1;
}

div.info-box div.leftBox div.news-box table td.info02 {
	padding-left: 20px;
	background: #e2effe;
	border-left: 1px solid #afccf1;
}


/* エコポイント */

div.info-box div.leftBox div.news-box p.question {
	font-size: 110%;
	border-bottom: #666666 1px dotted;
	margin-bottom: 5px;
	font-weight: bold;
}

div.info-box div.leftBox div.news-box p.question span {
	color: #3366cc;
}

div.info-box div.leftBox div.news-box p.answer span {
	color: #cc0000;
	font-weight: bold;
}



div.info-box div.leftBox div.news-box table td {
	text-align: center;
}

div.info-box div.leftBox div.news-box table th.point1 {
	width: 20px;
	font-weight: normal;
	text-align: left;
}

div.info-box div.leftBox div.news-box table th.point2 {
	width: 200px;
	padding-left: 0;
	font-weight: normal;
	text-align: left;
}



/* --------------------------------------------------------------------------------------
 お知らせ NEWS 表組み02
--------------------------------------------------------------------------------------- */


div.info-box div.leftBox div.news-box dl.news-list {
	margin-left: 20px;
	width: 400px;
}

div.info-box div.leftBox div.news-box dl.news-list dt {
	font-weight: bold;
	margin-right: 20px;
	float: left;
}

div.info-box div.leftBox div.news-box dl.news-list dt span {
	color: #689de0;
	float: left;
}


div.info-box div.leftBox div.news-box dl.news-list dd {
}




/* --------------------------------------------------------------------------------------
 お知らせ---OPEN
--------------------------------------------------------------------------------------- */

div.info-box div.leftBox div.open-box{}

	/* -- clear float -- */
	.open-box {
		min-height:0;
		display: inline-table;
	}
	.open-box:after{
		content:".";
		display:block;
		height:0;
		clear: both;
		visibility:hidden;
	}
	/* \*/
	* html .open-box {height:0;}
	.open-box{display: block;}
	/* */
	
	/* -- end clear float -- */


div.info-box div.leftBox div.open-box h3 {
	padding-left: 17px;
	font-size: 110%;
	border-bottom: #666666 1px dotted;
	margin-bottom: 5px;
	font-weight: bold;
	background: url(../img/h3-open.gif) no-repeat 0 60%;
	clear: both;
}

div.info-box div.leftBox div.open-box p {
	line-height: 1.8;
	margin: 5px 0 15px 18px;
}

div.info-box div.leftBox div.open-box p.txt02 {
	line-height: 1.8;
	margin: 0 0 5px 18px;
}

div.info-box div.leftBox div.open-box p.corner {
	line-height: 1.8;
	margin: 15px 0 0 18px;
	font-size: 120%;
	font-weight: bold;
}

div.info-box div.leftBox div.open-box p.ph-r {
	float: right;
	margin: 5px 5px 10px 10px;
}

div.info-box div.leftBox div.open-box p.ph-l {
	float: left;
	margin: 5px 10px 10px 5px;
}

div.info-box div.leftBox div.open-box p strong.red {
	color: #FF0000;
}





/* --------------------------------------------------------------------------------------
 お知らせ OPEN 表組み
--------------------------------------------------------------------------------------- */


div.info-box div.leftBox div.open-box table {
	width: 600px;
	margin: 10px 20px;
}

div.info-box div.leftBox div.open-box table th,
div.info-box div.leftBox div.open-box table td {
	padding: 0.8em 1em;
	border-top: 1px solid #f0ba96;
	border-bottom: 1px solid #f0ba96;
}

div.info-box div.leftBox div.open-box table th {
	width: 110px;
	padding-left: 20px;
	font-weight: normal;
	text-align: left;
	background: #e18446;
	color: #ffffff;
}

div.info-box div.leftBox div.open-box table td {
	padding-left: 20px;
	background: #fff2e4;
	border-left: 1px solid #f0ba96;
}

div.info-box div.leftBox div.open-box table td.info02 {
	padding-left: 20px;
	background: #ffe5c8;
	border-left: 1px solid #f0ba96;
}



div.info-box div.leftBox div.open-box table.powermall {
	width: 600px;
	margin: 10px 20px;
}

div.info-box div.leftBox div.open-box table.powermall th,
div.info-box div.leftBox div.open-box table.powermall td {
	padding: 0.8em 1em;
	border-top: 1px solid #f0ba96;
	border-bottom: 1px solid #f0ba96;
}

div.info-box div.leftBox div.open-box table.powermall th {
	width: 270px;
	padding-left: 20px;
	font-weight: normal;
	text-align: left;
	background: #e18446;
	color: #ffffff;
}

div.info-box div.leftBox div.open-box table.powermall td {
	padding-left: 20px;
	background: #fff2e4;
	border-left: 1px solid #f0ba96;
}

/* --------------------------------------------------------------------------------------
 お知らせ OPEN 
--------------------------------------------------------------------------------------- */


div.info-box div.leftBox div.open-box dl.info-list {
	margin-left: 20px;
	width: 400px;
}

div.info-box div.leftBox div.open-box dl.info-list dt {
	font-weight: bold;
	margin-right: 20px;
	float: left;
}

div.info-box div.leftBox div.open-box dl.info-list dt span {
	color: #ef6418;
	float: left;
}


div.open-box dl.info-list2 dd {
}

div.open-box dl.info-list2 {
	margin-left: 20px;
	width: 450px;
}

div.open-box dl.info-list2 dt {
	font-weight: bold;
	margin-right: 20px;
	float: left;
	width: 120px;
}

div.open-box dl.info-list2 dt span {
	color: #ef6418;
}


div.open-box dl.info-list2 dd {
	float: left;
}

div.open-box dl.info-list2:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.open-box dl.info-list2 { display:inline-block; }
/*\*/
* html div.open-box dl.info-list2 { height:1%; }
div.open-box dl.info-list2 { display:block; }
/**/

/*\*/
div.open-box dl.info-list2 dt {
	clear: both;
}
/**/

/*\*/
div.open-box dl.info-list2 dd {
	float: none;
}
/**/

*:first-child + html div.open-box dl.info-list2 dd {
	float: none;
}






/* --------------------------------------------------------------------------------------
 お知らせ　　店舗オープン
--------------------------------------------------------------------------------------- */

div.info-box div.leftBox div.open-box ul.sub-navi {
	float: right;
	margin: 5px 5px 10px 10px;
}

div.info-box div.leftBox div.open-box ul.sub-navi li {
	padding: 2px 2px 2px 18px;
	margin-bottom: 5px;
	width: 155px;
	background: url(../img/arw.png) no-repeat 2% 60%;
}

div.info-box div.leftBox div.open-box ul.sub-navi li.btn-map {
	padding: 0px 0px 0px 4px;
	margin-bottom: 2px;
	width: 110px;
	background: #ffffff;
	text-align: center;
}


/* ---- お知らせ　　店舗オープン　ナビリンク　----------------------------------------- */


ul.sub-navi li a:link {
	color: #e83c25;
	text-decoration: none;
}
ul.sub-navi li a:visited {
	color: #e83c25;
	text-decoration: none;
}
ul.sub-navi li a:hover {
	color: #dc3423;
	background: #f5b467;
}
ul.sub-navi li a:active {
	color: #dc3423;
	background: #f5b467;
}





/* --------------------------------------------------------------------------------------
 お知らせ---EVENT
--------------------------------------------------------------------------------------- */

div.info-box div.leftBox div.event-box{}

	/* -- clear float -- */
	.event-box {
		min-height:0;
		display: inline-table;
	}
	.event-box:after{
		content:".";
		display:block;
		height:0;
		clear: both;
		visibility:hidden;
	}
	/* \*/
	* html .event-box {height:0;}
	.event-box{display: block;}
	/* */
	
	/* -- end clear float -- */



div.info-box div.leftBox div.event-box h3 {
	padding-left: 17px;
	font-size: 110%;
	border-bottom: #666666 1px dotted;
	margin-bottom: 5px;
	font-weight: bold;
	background: url(../img/h3-event.gif) no-repeat 0 60%;
	clear: both;
}

div.info-box div.leftBox div.event-box p {
	line-height: 1.8;
	margin: 5px 0 15px 18px;
}

div.info-box div.leftBox div.event-box p.txt02 {
	line-height: 1.8;
	margin: 0 0 5px 18px;
}

div.info-box div.leftBox div.event-box p.corner {
	line-height: 1.8;
	margin: 15px 0 0 18px;
	font-size: 120%;
	font-weight: bold;
}

div.info-box div.leftBox div.event-box p.ph-r {
	float: right;
	margin: 5px 5px 10px 10px;
}

div.info-box div.leftBox div.event-box p.ph-l {
	float: left;
	margin: 5px 10px 10px 5px;
}

div.info-box div.leftBox div.event-box p strong.red {
	color: #FF0000;
}




/* --------------------------------------------------------------------------------------
 お知らせ EVENT 表組み
--------------------------------------------------------------------------------------- */


div.info-box div.leftBox div.event-box table {
	width: 600px;
	margin: 10px 20px;
}

div.info-box div.leftBox div.event-box table th,
div.info-box div.leftBox div.event-box table td {
	padding: 0.8em 1em;
	border-top: 1px solid #c9e8bf;
	border-bottom: 1px solid #c9e8bf;
}

div.info-box div.leftBox div.event-box table th {
	width: 110px;
	padding-left: 20px;
	font-weight: normal;
	text-align: left;
	background: #9fcb66;
	color: #ffffff;
}

div.info-box div.leftBox div.event-box table td {
	padding-left: 20px;
	background: #f3ffe3;
	border-left: 1px solid #c9e8bf;
}

div.info-box div.leftBox div.event-box table td.info02 {
	padding-left: 20px;
	background: #e8f6d5;
	border-left: 1px solid #c9e8bf;
}


/* --------------------------------------------------------------------------------------
 お知らせ EVENT リスト表示
--------------------------------------------------------------------------------------- */


div.info-box div.leftBox div.event-box dl.info-list {
	margin-left: 20px;
	width: 400px;
}

div.info-box div.leftBox div.event-box dl.info-list dt {
	font-weight: bold;
	margin-right: 20px;
	float: left;
}

div.info-box div.leftBox div.event-box dl.info-list dt span {
	color: #5ab73e;
	float: left;
}


div.info-box div.leftBox div.event-box dl.info-list dd {
}


/* News　一覧 ------------------------------ */

div.news-box {
	padding: 0;
}

dl.news-list-b {
	margin: 14px 16px 0 16px;
	border-bottom: dotted 1px #cccccc;
	padding-bottom: 5px;
}

dl.news-list-b dt,
dl.news-list-b dd {
	line-height: 120%;
	border-top: dotted 1px #cccccc;
}

dl.news-list-b dt {
	float: left;
	width: 180px;
	margin:0;
	padding: 15px 0 15px 10px;
	background: none;
	color: #e60011;
	font-weight: bold;
}

dl.news-list-b dt span {
	margin: 0 0 0 10px;
}

dl.news-list-b dt.list-top {
	float: left;
	width: 75px;
	margin:0;
	padding: 15px 0 15px 10px;
	background: none;
	color: #e60011;
	font-weight: bold;
	border-top: none;
}


/*\*/
dl.news-list-b dt {
	clear: both;
}
/**/

dl.news-list-b dd {
	float: left;
	width: 400px;
	margin:0;
	padding: 15px 0 15px 10px;
}

/*\*/
* html dl.news-list-b dd {
	float: none;
}
/**/
*:first-child + html dl.news-list-b dd {
	float: none;
}

dl.news-list-b dd.list-top {
	float: left;
	width: 500px;
	margin:0;
	padding: 15px 0 15px 10px;
	border-top: none;
}

/*\*/
* html dl.news-list-b dd.list-top {
	float: none;
}
/**/
*:first-child + html dl.news-list-b dd.list-top {
	float: none;
}

dl.news-list-b:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
dl.news-list-b { display:inline-block; }
/*\*/
* html dl.news-list-b { height:1%; }
dl.news-list-b { display:block; }
/**/

dl.news-list-b dd img.news_icon {
	/*vertical-align: baseline;*/
	margin: 0 5px 2px 0;
	padding: 0 0 0 0;
}

p.news-list {
	text-align: right;
	margin-right: 20px;
	background: url(../img/icon_arw01.gif) no-repeat 45em .6em;
}

p.next {
	text-align: right;
	margin: 15px 0 0 20px;
}





/* --------------------------------------------------------------------------------------
 2010.2.5 ワインゼリー
--------------------------------------------------------------------------------------- */

div.winejelly {
	margin: 0;
	padding: 0;
	background: #941c4f;
}

div.winejelly p.copy {
	margin: 0 0 10px 20px;
	color: #ffffff;
}

div.winejelly p.ph-r {
	float: right;
	margin: 0 0 0 10px;
}

/* 材料 */

div.winejelly div.zairyouBox {
	width: 320px;
	color: #ffffff;
	background: #941c4f;
	margin: 0 0 10px 0;
}

div.winejelly div.zairyouBox table {
	width: 299px;
	border-collapse: collapse;
	background: #ffffff;
	margin: 0 0 0 10px;
}

div.winejelly div.zairyouBox table th {
	padding: 5px 0 3px 0px;
	color: #e11370;
}

div.winejelly div.zairyouBox table tr td {
	padding: 0px 0 3px 0px;
	color: #333333;
}

div.winejelly div.zairyouBox table tr td p {
	padding: 0px 0 0 20px;
	color: #333333;
}

/* 作り方 */

div.winejelly ul.number {
	width: 320px;
	color: #ffffff;
	margin: 0 0 10px 0;
}

div.winejelly ul.number li.no1 {
	padding: 8px 0 8px 41px;
	background: url(../img/100205_winejelly_no1.gif) no-repeat 1em .6em;
	border-bottom: 1px #e11370 solid;
}

div.winejelly ul.number li.no2 {
	padding: 8px 0 8px 41px;
	background: url(../img/100205_winejelly_no2.gif) no-repeat 1em .6em;
	border-bottom: 1px #e11370 solid;
}

div.winejelly ul.number li.no3 {
	padding: 8px 0 8px 41px;
	background: url(../img/100205_winejelly_no3.gif) no-repeat 1em .6em;
	border-bottom: 1px #e11370 solid;
}

div.winejelly ul.number li.no4 {
	padding: 8px 0 8px 41px;
	background: url(../img/100205_winejelly_no4.gif) no-repeat 1em .6em;
	border-bottom: 1px #e11370 solid;
}


/* --------------------------------------------------------------------------------------
 2010.2.16 お知らせ　共通
--------------------------------------------------------------------------------------- */
div.newsBox {
	clear: both;
}

div.newsBox p {
	margin-bottom: 10px;
}

div.newsBox ul {
	margin-left: 15px;
	margin-bottom: 10px;
}

div.newsBox ul li {
	list-style: disc;
}

div.newsBox ol {
	margin-left: 30px;
	margin-bottom: 10px;
}

div.newsBox ol li {
}

div.newsBox dl {
}

div.newsBox dl dt {
}

div.newsBox dl dd {
}


div.newsBox table {
}

div.newsBox table th {
}

div.newsBox table td {
}

div.newsBox table {
	width: 640px;
	margin-bottom: 30px;
	border: 1px solid #e2e1d2;
}

div.newsBox table th {
	width: 25%;
	padding: 6px 0px 6px 15px;
 	background: #faf8f1;
	border-bottom: 1px solid #e2e1d2;
	vertical-align: top;
}

div.newsBox table td {
	width: auto;
	padding: 7px 0px 7px 10px;
	border-bottom: 1px solid #e2e1d2;
}

/* 円高還元テーブル */

div.priceBox table {
	width: 640px;
	margin-bottom: 30px;
	border: 1px solid #e2e1d2;
}

div.priceBox table th {
	width: 55%;
	padding: 6px 0px 6px 15px;
 	background: #faf8f1;
	border-bottom: 1px solid #e2e1d2;
	vertical-align: top;
}

div.priceBox table td {
	width: 15%;
	padding: 7px 0px 7px 10px;
	border-bottom: 1px solid #e2e1d2;
	text-align: center;
}

div.priceBox table td strong {
	color: #cc0000;
	font-weight: bold;
}



/* --------------------------------------------------------------------------------------
 お知らせ福袋
--------------------------------------------------------------------------------------- */


div.leftBox table.fukubukuro {
	width: 640px;
	margin: 20px 0 40px;
}

div.leftBox table.fukubukuro th,
div.leftBox table.fukubukuro td {
	padding: 0.5em 0;
	border-top: 1px solid #cc0000;
	border-bottom: 1px solid #cc0000;
}

div.leftBox table.fukubukuro th {
	width: 110px;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	color: #cc0000;
}

div.leftBox table.fukubukuro td {
	padding-left: 10px;
}


/* --------------------------------------------------------------------------------------
夏ギフト
--------------------------------------------------------------------------------------- */
div.info-box table.summergift{
	width:620px;
	font-size:110%;
	margin: 20px 0 0 0;
	border:#CCCCCC 1px solid;
	}

div.info-box table.summergift tr,td{
	border:#CCCCCC 1px solid;
	padding: 7px 7px 7px 10px;
	}
div.info-box table.summergift td{
	border:#CCCCCC 1px solid;
	}
	
	div.info-box table.summergift td.gift_tittle{
	padding:10px;
	background: #BBE9FF;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	}
	
div.info-box div.text1{
	width:605px;
	border:#CCCCCC 1px solid;
	padding:7px;
	margin: 0 0 10px 0;}

div.info-box div.text1 p.title{
	font-size:120%;
	font-weight:bold;
	margin: 5px;
	}
/* --------------------------------------------------------------------------------------
牛にく
--------------------------------------------------------------------------------------- */
div.info-box div.news-box p.center{
	text-align:center;
	margin:30px 0;
}


div.info-box div.news-box table.hukushima{
	text-align:left;
	margin:30px 0;
	padding:10px;
}

/* --------------------------------------------------------------------------------------
福袋
--------------------------------------------------------------------------------------- */
div.info-box div.leftBox div.news-box ul.iryou {
	margin: 10px 20px 20px 20px;
}

div.info-box div.leftBox div.news-box p.iryou {
	margin: 10px 20px 0px 20px;
}


div.info-box div.leftBox div.news-box table.iryou {
	width: 550px;
	margin: 10px 30px;
}


div.info-box div.leftBox div.news-box table.iryou th{
	width:10%;
	background:#FF9900;
	text-align:left;
	border:#CCCCCC 1px solid;
}

div.info-box div.leftBox div.news-box table.iryou th.th_1{
	width:10%;
	background:#FF9900;
	text-align:left;
	color:#000000;
	border:#CCCCCC 1px solid;
}

div.info-box div.leftBox div.news-box table.iryou td{
	text-align:left;
	background:#FDEFE7;
	border:#CCCCCC 1px solid;
}

div.info-box div.leftBox div.news-box p.randosel {
	width:237px;
	float:left;
	margin: 10px 20px 0px 20px;
}

div.info-box div.leftBox div.news-box p.randosel span{
color:#FF0000;
font-weight:bold;
}

div.info-box div.leftBox div.news-box p.notopen{
	width: 550px;
	margin: 10px 30px;
}


p.yasai{
	margin: 0px 0 0 20px;
	}

div.info-box div.news-box table.yasai{
	width:600px;
	padding:5px;
}

div.info-box div.news-box table.yasai td{
	padding:5px;
	background: #FFFFFF;
}
div.info-box div.news-box table.yasai td.title{
	padding:5px;
	color:#FFFFFF;
	background: #2A75B0;
}