@charset "UTF-8";
/* CSS Document */

/* Riset
----------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, hr, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

ul, li, dl, dt, dd { list-style: none; }

/* All
----------------------------------*/

.floatleft { float: left; }
.floatright { float: right; }

.clear { clear: both; overflow: auto; }

.b { font-weight: bold; }

.font80 { font-size: 80%; color: inherit; }
.font90 { font-size: 90%; }
.font110 { font-size: 110%; }
.font120 { font-size: 120%; }
.font130 { font-size: 130%; }
.font140 { font-size: 140%; }

.fontNormal { font-weight: normal; text-decoration: none; font-size: 100%; }

.underline { text-decoration: underline; }
.strike { text-decoration: line-through; }

.ma0 { margin: 0px !important; }
.pa0 { padding: 0px !important; }

.mab0 { margin-bottom: 0px; }
.mab3 { margin-bottom: 3px; }
.mab5 { margin-bottom: 5px; }
.mab8 { margin-bottom: 8px; }
.mab10 { margin-bottom: 10px; }
.mab15 { margin-bottom: 15px; }
.mab20 { margin-bottom: 20px; }
.mab25 { margin-bottom: 25px; }
.mab30 { margin-bottom: 30px; }
.mab35 { margin-bottom: 35px; }
.mab40 { margin-bottom: 40px; }
.mab45 { margin-bottom: 45px; }
.mab50 { margin-bottom: 50px; }
.mab80 { margin-bottom: 80px; }
.mab100 { margin-bottom: 100px; }

.mat-10 { margin-top: -10px; }
.mat5 { margin-top: 5px; }
.mat10 { margin-top: 10px; }
.mat15 { margin-top: 15px; }
.mat17 { margin-top: 17px; }
.mat20 { margin-top: 20px; }
.mat25 { margin-top: 25px; }
.mat30 { margin-top: 30px; }
.mat35 { margin-top: 35px; }
.mat50 { margin-top: 50px; }
.mat60 { margin-top: 60px; }
.mat80 { margin-top: 80px; }

.mal5 { margin-left: 5px; }
.mal10 { margin-left: 10px; }
.mal15 { margin-left: 15px; }
.mal20 { margin-left: 20px; }
.mal25 { margin-left: 25px; }
.mal30 { margin-left: 30px; }
.mal35 { margin-left: 35px; }
.mal50 { margin-left: 50px; }

.mar5 { margin-right: 5px; }
.mar10 { margin-right: 10px; }
.mar20 { margin-right: 20px; }
.mar30 { margin-right: 30px; }
.mar50 { margin-right: 50px; }


.matl10{ margin:10px 0 0 10px;}

.ac { text-align: center; }
.ar { text-align: right; }
.al { text-align: left; }

.col_red { color: #891808; }

.col_gry { color: #555555; }

ul.point li { list-style: disc outside none; }

ol.number li { list-style-type: decimal; }

hr {	border-top: 1px solid #ccc2b8; margin: 15px 0; }
	
table.tbl1 {
	margin-bottom: 1em;
	border-collapse: collapse;
	}

table.tbl1 th {
	padding: 5px;
	border: 1px solid #091d0c;
	font-weight: bold;
	_font-size: 80%;
	text-align:center;
	}

table.tbl1 td {
	padding: 5px;
	border: 1px solid #091d0c;
	_font-size: 80%;
	}	
	
/* template
----------------------------------*/
body {
	text-align: center;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'sans-serif';
	font-size: 80%;
	background-color: #e3ddd2;
	line-height: 160%;
	word-break: normal;
	word-wrap: break-word;
	min-width: 1000px;
}

#wrapper {
	width: 965px;
	margin: 16px auto auto auto;
	text-align: left;
}

#contentsWrapper a{
	text-decoration: underline;
}

.site-summary {
	width: 965px;
	margin: auto;
	height: 0;
	text-align: left;
	font-size: 85%;
	color:#666;
}

h2 { font-size: 120%; font-weight: bold; color: #091d0c; }

h3 { font-size: 110%; font-weight: bold; color: #091d0c; }

a { color: inherit; text-decoration: none; color: #091d0c; }
a:hover { text-decoration: underline; }
a.awhite { color: #ccc2b8; }

input[type="text"] {
	border:solid 1px #ccc2b8;
	padding: 5px;
	box-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 120%;
	margin: 2px 0;
}

input[type="tel"] {
	border:solid 1px #ccc2b8;
	padding: 5px;
	box-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 120%;
	margin: 2px 0;
}

input[type="email"] {
	border:solid 1px #ccc2b8;
	padding: 5px;
	box-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 120%;
	margin: 2px 0;
}

input[type="password"] {
	border:solid 1px #ccc2b8;
	padding: 5px;
	box-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 120%;
	margin: 2px 0;
}

label, input[type="checkbox"] {
	cursor: pointer;
}

table.tbl1 {
	margin-bottom: 1em;
	border-collapse: collapse;
	}

table.tbl1 th {
	padding: 5px;
	border: 1px solid #091d0c;
	font-weight: bold;
	_font-size: 80%;
	}

table.tbl1 td {
	padding: 5px;
	border: 1px solid #091d0c;
	_font-size: 80%;
	}

/* System layout adjustment
----------------------------------*/
.layout_content { text-align: left; width: 755px;} /*main content*/
.FS2_SeniorDesign_comment h1 {
	background-color: #091d0c;
	font-size: 120%;
	height: 21px;
	color:  #e3ddd2;
	margin-bottom: 15px;
	padding: 12px 15px;
} /*content h1 bar*/
.FS2_SeniorDesign_comment p { margin-bottom: 15px; } /*content p margin*/
.pan {
	margin: 0;
	padding: 4px 0 4px 20px;
	background-color: #f4f1ed;
} /*pan style*/
.FS2_upper_comment { margin: 10px 0 0 0; } /*category pan margin*/
#FS2_itemlayout_E {
	background-color: #ffffff;
	padding: 30px 30px 50px 30px !important;
} /*item layout*/
.FS2_thumbnail_container { margin-right: 20px; } /*item image*/
.itemCatchCopy {
	display: block;
	font-size: 85%;
	color: #091d0c;
	margin: 0 0 3px 0;
	font-weight: normal;
	line-height: 160%;
} /*item catch copy*/
h1.itemTitle {
	font-weight: bold;
	border-bottom: #ccc2b8 1px solid;
	padding: 0 0 10px 0;
	margin: 0 0 5px 0;
	background-color: inherit;
	height: initial;
	color: #091d0c;
	line-height: 160%;
	display: block;
height: 100%;
} /*item name*/
.FS2_figure_table { margin-bottom: 20px; } /*cago buttom margin*/
.FS2_figure_table td { padding: 0 5px 0 0; } /*cago buttom margin*/
.FS2_TweetButton_area { margin-bottom: 8px; } /*social buttom margin*/
.FS2_ItemComment { margin-bottom: 10px; } /*item detail margin*/
.FS2_ItemShortComment { line-height: 160%; } /*item comment line-height*/

#FS2_itemlayout_C {
	background-color: #f4f1ed;
	padding: 15px;
	width: 28%;
	margin-bottom: 1%;
	font-size: 80%;
} /*category layout*/
#FS2_itemlayout_C .thumbnail {
	margin: 0;
	height: 180px;
} /*category item image size*/
#FS2_itemlayout_C .itemCatchCopy { display: none; } /*category catch copy delite*/
#FS2_itemlayout_C .itemGroup { margin: 0; font-size: 120%; } /*category item name*/
.FS2_sort_menu_bg { margin: 1px 0 0 0; padding: 9px; background-color: #f4f1ed; } /*category sort style*/
.FS2_itemlayout_list_D_name a{
	font-size: 120%;
	text-decoration: underline;
} /*sub-category name*/
.FS2_itemlayout_list_D_name a:hover{ text-decoration: none; } /*sub-category name hover*/
.pager { margin: 10px 0; } /*category p text*/
.orderFlow { margin: 15px 55px; } /*orderFlow image*/
.setListStyle li{ list-style-type: square !important; margin: 3px 0 3px 20px; } /*set list*/

/* Item detail
----------------------------------*/
ul#detail_spec { position:relative; margin-bottom: 10px; }
ul#detail_spec li { padding-left:75px; overflow:visible; margin-bottom: 3px; }
ul#detail_spec li.size_tl { background:url("https://c18.future-shop.jp/shop/item/berrybros/design/img01/ico_size_tl.gif") 0 center no-repeat; }
ul#detail_spec li.maturity_tl { background:url("https://c18.future-shop.jp/shop/item/berrybros/design/img01/ico_maturity_tl.gif") 0 center no-repeat; }
ul#detail_spec li.vintage_tl { background:url("https://c18.future-shop.jp/shop/item/berrybros/design/img01/ico_vintage_tl.gif") 0 center no-repeat; }
ul#detail_spec li.region_tl { background:url("https://c18.future-shop.jp/shop/item/berrybros/design/img01/ico_region_tl.gif") 0 center no-repeat; }
ul#detail_spec li.producer_tl { background:url("https://c18.future-shop.jp/shop/item/berrybros/design/img01/ico_producer_tl.gif") 0 center no-repeat; }
ul#detail_spec li.grape_tl { background:url("https://c18.future-shop.jp/shop/item/berrybros/design/img01/ico_grape_tl.gif") 0 center no-repeat; }
ul#detail_spec li.style_tl { background:url("https://c18.future-shop.jp/shop/item/berrybros/design/img01/ico_style_tl.gif") 0 0 no-repeat; }
ul#detail_spec li .conma { display:none; }


/* header
----------------------------------*/
#header-upper {
	background-color: #091d0c;
	height: 102px;
	color: #e3ddd2;
	padding: 12px 30px 12px 20px;
}
#header-upper .upperRight ul {
	float: right;
	*width: 361px;
}
#header-upper .upperRight ul li {
	list-style: none;
	float: left;
	}
#header-upper .phoneNumber { font-size: 150%; font-weight: bold; margin-bottom: 3px; }
#nav a.on{ display: block; /*height: 40px;*/ background-color: #ccc2b8; text-decoration: none; color: #777f78; }

#nav { height: 40px; margin: 0 0 10px 0; }

#nav li {
  position: relative;
  float: left;
  height: 40px;
  background: url(https://c18.future-shop.jp/shop/item/berrybros/design/img01/nav_line.gif) no-repeat    ;
  z-index: 1;
}
#nav li.first {
  position: relative;
  float: left;
  height: 40px;
  background: none;
}
#nav li:hover {
  background: #ccc2b8;
}
#nav li ul {
  display: none;
  position: absolute;
  top: 40px;
  left: -1px;
  padding: 10px 20px 10px 20px;
  background: #ccc2b8;
  width: 200px;
}
#nav li ul li {
  height: auto;
  background: none;
  font-size: 90%;
  width: 200px;
  display: block;
  margin-bottom: 5px;
}

/* left navigation
----------------------------------*/
#left {
	clear: both;
	width: 200px;
	float: left;
	overflow: hidden;
	margin: 0 10px 40px 0 ;
	text-align: left;
	}
#left-box {
	background-color: #f4f1ed;
	padding: 10px 20px 20px 20px;
	font-size: 90%;
	margin-bottom: 10px;
	}
#left h2 {
	display: block;
	background-color: #f4f1ed;
	border-bottom: 1px solid #ccc2b8;
	width: 160px;
	height: 17px;
	padding: 10px 20px;
	}
#left-box h3 { margin-bottom: 5px; }
#left-box ul li ul li {
	list-style-image: url(https://c18.future-shop.jp/shop/item/berrybros/design/img01/list-icon1.gif) ;
	margin-left: 20px;
	}
#left-box ul li a {
	display: block;
	margin-bottom: 5px;
}
#left-box ul li a:hover {
	background-color: #e3ddd2;
}
#left-seachbox { text-align: center; }
#left-seachbox input { margin-bottom: 8px; }
#left-box .search-price { float: left; }
#left-box .search-price input { width: 46px; margin-right: 2px; }
#left-box .search-keywords { width: 150px; clear: both; }
#left-box .search-keywords_icon_text { width: 123px; float: right; }
#left-box .search-keywords_icon { float: left; padding-top: 5px; }

/* main conteiner
----------------------------------*/
#main {
	width: 755px;
	float: right;
	text-align: left;
}
#contentsBox {
	clear: both;
	background-color: #f4f1ed;
	padding: 15px 20px;
	border-top: 2px solid #091d0c;
	overflow: auto;
	margin-bottom: 40px;
}
#contentsBox h2 { margin-bottom: 10px; }

/* main slideshow
----------------------------------*/
.flexslider {
	margin: 0 0 40px 0;
	position: relative;
	}
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -20px;
	*bottom: -320px;
	text-align: center;
	}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	}
.flex-control-paging li a {
	width: 10px;
	height: 10px;
	display: block;
	background: #666;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	text-indent: -9999px;
	}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0,0,0,0.7);
	}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0,0,0,0.9);
	cursor: default;
	}

/* small banner
----------------------------------*/
#bnr_small { line-height: 0; overflow: auto; margin-bottom: 40px; *margin-top: 40px;}
#bnr_small .sb01 {
	float: left;
	margin: 0 0 11px 0 ;
}
#bnr_small .sb02 {
	float: right;
	margin: 0 0 11px 0 ;
}

/* ranking
----------------------------------*/
#ranking { margin-bottom: 40px; }

/* new wines list
----------------------------------*/
#new-wine ul{ padding: 10px; }
#new-wine ul li { display: block; margin-bottom: 5px; }

/* recommend item
----------------------------------*/
#recommend-item { margin-left: 10px; }
#recommend-item ul li {
	float: left;
	margin: 0 5px 0 0;
	width:136px;
	height: 140px;
	}
#recommend-item ul li img { float: left; }
#recommend-item ul li span {
	float: right;
	font-size: 85%;
	line-height: 130%;
	width: 70px;
	}

/* news topics
----------------------------------*/
#news-topics { padding: 10px; line-height: 180%; }
#news-topics dt { float: left; margin-right: 20px; }


/* footer
----------------------------------*/
#footer {
	clear: both;
	text-align: left;
	margin-top: 40px;
}
#footer h3 { color: #d4cabf; }
#footer-map-area {
	overflow: hidden;
	background-color: #091d0c;
	color: #e3ddd2;
	padding: 20px;
	font-size: 90%;
	height: 240px;
}

#ui-tab p { line-height: 160%; }

#ui-tab ul {
	width: 378px;
	display: table;
	background-color: #d4cabf;
}
#ui-tab ul li {
	text-align: center;
	width: 74px;
	float:left;
	display: block;
	border-right: #091d0c 1px solid;
	}
#ui-tab .last-child{
	border-right: none;
	}
#ui-tab ul li a{
	display: block;
	padding: 8px 0;
	font-size: 85%;
	color: #091d0c;
}
#ui-tab ul li a:hover{
	background-color: #f4f1ed;
	text-decoration: none;
}
#ui-tab a#google-link{
	color: #ccc2b8;
	display: inline-block;
	line-height: 1.8;
	font-size: 12px;
	font-weight: 700;
	background: transparent url('https://c18.future-shop.jp/shop/item/berrybros/design/img01/icon_pin.png') 0 0 no-repeat;
	text-indent: 20px;
	*margin-left: -20px;
}
#ui-tab .map {
	clear: both;
	width: 372px;
	background-color: #f4f1ed;
	padding: 3px;
	margin-bottom: 8px;
	}
#ui-tab .address {
	float: left;
	margin: -40px 0 0 20px;
}
#ui-tab .phoneNumber {
	float: left;
	margin: -40px 0 0 20px;
}
#ui-tab h4 {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 110%;
	}

#links {
	float: right;
	border-left: #f4f1ed 1px solid;
	padding: 0 15px;
	*padding: 0;
	margin: -40px 0 0 0;
}
#links ul li {
	background: none;
	color: #f4f1ed;
	line-height: 200%;
	*margin-left: -15px;
}

#links a#uk-link{
	color: #ccc2b8;
	display: inline-block;
	background: transparent url('https://c18.future-shop.jp/shop/item/berrybros/design/img01/uk.jpg') 0 3px no-repeat;
	text-indent: 30px;
}
#links a#email-link{
	color: #ccc2b8;
	display: inline-block;
	background: transparent url('https://c18.future-shop.jp/shop/item/berrybros/design/img01/icon_email.png') 0 3px no-repeat;
	text-indent: 30px;
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
.ui-tabs-hide { display: none; }
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav { display: none; }
}

#footer-info-area { clear: both; margin-top: 20px; }
#footer-info-area ul li {
	float: left;
	border-right: #999 1px solid;
	padding: 0 15px;
	margin-bottom: 20px;
	*margin-bottom: 0;
}
#footer-info-area .footer-last-child { border: none; }

#copyright { clear: both; font-size: 85%; margin: 0 0 15px 10px; line-height: 160%; }

/* Details search
----------------------------------*/
#detail-search {
	background-color: #f4f1ed;
	padding: 20px;
	overflow:auto;
	line-height: 200%;
}
#detail-search dl {
	padding: 10px 10px 0 10px;
	overflow: hidden;
	}
#detail-search dt {
	clear: both;
	float: left;
	width: 13.5%;
	font-weight: bold;
	color:#333;
	text-align: right;
	margin-right: 20px;
}
#detail-search dd {
	margin: 0 0 19px 0;
	float: left;
	width: 80%;
}
#detail-search li {
	float: left;
	width: 145px;
}
#detail-search dd .keywords {
	width: 300px;
}
#detail-search .typeTitle {
	background-color: #ddd7d2;
	text-align: center;
	padding: 0 2px;
	margin: 0;
	font-weight: normal;
}

/* Contact form
----------------------------------*/
#contactForm {
	padding: 20px 30px;
	background-color: #f4f1ed;
	width:755px;
	}
#contactForm th{
	width: 18%;
	margin: 5px 0 0 0;
	font-weight: bold;
	color:#333;
}
#contactForm td{ padding: 0 0 10px 0; }

.msg{ color: #F00; }

.contactPrivacy {
	margin: 20px 0 30px 0;
	clear: both;
	background-color: #e3ddd2;
	padding: 20px;
	height: 350px;
	overflow: auto;
	border: 1px solid #8c8075;
}

/* contactForm_event
----------------------------------*/
#contactFormEvent {
	background-color: #f4f1ed;
	padding: 20px;
	overflow:auto;
	line-height: 200%;
}
#contactFormEvent dl {
	padding: 10px 10px 0 10px;
	overflow: hidden;
	}
#contactFormEvent dt {
	clear: both;
	float: left;
	width: 150px;
	font-weight: bold;
	color:#333;
	text-align: right;
	margin-right: 20px;
	 line-height: 130%;
}
#contactFormEvent dd {
	margin: 0 0 19px 0;
	float: left;
	width: 300px;
}

/* contactForm_dwc
----------------------------------*/
#contactForm_dwc {
	background-color: #f4f1ed;
	padding: 20px;
	overflow:auto;
	line-height: 140%;
}
#contactForm_dwc dl {
	padding: 10px 10px 0 10px;
}
#contactForm_dwc dt {
	clear: both;
	float: left;
	width: 24%;
	font-weight: bold;
	color:#333;
	text-align: right;
	margin-right: 20px;
	text-align: left;
}
#contactForm_dwc dd {
	margin: 0 0 19px 0;
	float: left;
	width: 65%;
}
#contactForm_dwc .ma3 {
	margin-bottom: 3px;
	}
#contactForm_dwc dd.subttl {
	margin: 30px 0 19px 0;
	width: 100%;
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px solid #333;
	line-height: 140%
}
#contactForm_dwc dd.txt {
	width: 100%;
	}
#contactForm_dwc .plan_detail {
	margin-top: 10px;
	margin-left: 20px;
}
#contactForm_dwc .plan_h {
	font-weight: bold;
	color:#333;
	margin : 5px 0;
}
#contactForm_dwc div.coution {
	padding: 10px;
	border: 1px solid #333;
}
#contactForm_dwc textarea.youbou {
	width: 710px;
	height: 10em;
}

/* contactForm_dwc プライバシー規約 */

#dwc-policy {
	border: 1px solid #333;
	margin: 10px 0;
	text-align: left;
	overflow: scroll;   /* スクロール表示 */ 
	padding: 10px;
	height: 400px;
	background: #e3ddd2;
} 
#dwc-policy h1 {
	background-color: #091d0c;
	font-size: 120%;
	height: 21px;
	color:  #e3ddd2;
	margin-bottom: 15px;
	padding: 12px 15px;
} 
#dwc-policy p { margin-bottom: 15px; } 
/* dwcContents
----------------------------------*/
#dwcContents { 	width:755px;}
.dwcbutton{
	 width:100%;
     text-align:center;
 }
.tokutendiv{
	 background:#cdc2b9;
 } 
.tokuten1{
    width:100%;
    text-align:center;
	padding-top:20px;
	border-bottom:1px solid #e3ddd2;
 }
.tokuten2{
 padding:20px 0 20px 30px;
 }
#dwcTable2{
    width:100%;
}
/*dwcTable
----------------------------------*/
table#dwcTable { width: 715px;}
table#dwcTable, table#dwcTable2  {
	margin: 15px 0;
	table-layout: fixed;
	border-top: 1px solid #8c8075;
	border-left: 1px solid #8c8075;
	background: #e3ddd2;
	}

#dwcTable th, #dwcTable2 th {
	background: #cdc2b9;
	border-right: 1px solid #8c8075;
	border-bottom: 1px solid #8c8075;
	padding: 7px;
	}
#dwcTable th.tablettl, #dwcTable2 th.tablettl { width: 13%;}
#dwcTable th.planname, #dwcTable2 th.planname { font-weight: bold; width: 50%;}

#dwcTable td, #dwcTable2 td {
	background: #e3ddd2;
	border-right: 1px solid #8c8075;
	border-bottom: 1px solid #8c8075;
	padding: 7px;
	}
/* contactForm_dwc
----------------------------------*/
table#dwcTable_conf {
	margin-top: 10px;
	padding: 20px 30px;
	background-color: #f4f1ed;
	width:755px;
	}
#dwcTable_conf th{
	width: 33%;
	margin: 5px 0 0 0;
	font-weight: bold;
	color:#333;
}
#dwcTable_conf td{
	padding: 10px 0;
}

/*content
----------------------------------*/

div#conts {
width: 755px;
overflow: hidden;
text-align: left;
}

div#conts h2{
color: #242B4C;
font-size: 125%;
margin-top: 0.8em;
}


/* wine-grapes
----------------------------------*/
.gvRowOdd{ background-color:#eeece5}
#grapeVarietiesTable{
color:#003366;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
font-size:12px;}
#grapeVarietiesTable td{padding:3px 0 0 3px}


/* region
----------------------------------*/
.region-box h3 {
background-color: #FFF;
margin: 0 3px 10px 0;
padding: 3px 0 1px 10px;
}

.region-box {
float: left;
width: 247px;
margin: 0 0 0 3px;
}

.region-box ul {
display:inline;
list-style: none;
margin: 0;
padding: 0;
margin-right: 5px;
overflow: hidden;
float: left;
}

.region-box ul ul {
float: none;
padding-left: 1em;
margin-left: 5px;
}

.region-box ul ul li {
margin-left: 10px;
}

div.region-box ul li ul li {
	list-style-image: url(https://c18.future-shop.jp/shop/item/berrybros/design/img01/list-icon1.gif) ;
	margin-left: 20px;}


/* producers
----------------------------------*/
.producer-list ul {margin:5px;}
.producer-list li { display:block; width:365px; float:left; margin-right: 2px; padding: 2px 0 2px 5px; background-color:#ECE7E3 }
.producer-list li:nth-child(4n-1)
 { background-color:#FFFDF0; }
.producer-list li:nth-child(4n) { background-color:#FFFDF0; }
.producer_imgbox{ width:200px; float:right; margin:0 0 10px 10px;}
.producer_imgbox02{ width:220px; float:right; margin:0 0 10px 10px;}
.producer_imgbox03{ width:157px; float:right; margin:0 0 10px 10px;}
.producer_imgbox04{ width:193px; float:right; margin:0 0 10px 10px;}

.producer-list2 ul {margin:5px 5px 0 5px;}
.producer-list2 li { display:block; margin-right: 2px; padding: 2px 0 2px 5px; }
.producer-list2 h3{
    background-color: #FFF;
    margin: 15px 3px 10px 0;
    padding: 3px 0 1px 10px;
	}
.producer-list2 a:link { text-decoration: underline;}
.producer-list2 a:hover{ text-decoration: none;}

/*生産者の詳細　生産地の背景共通部分*/
.england,.champagne,.burgundy,.chablis,.alsace,.loire,.rhone,.italy,.argentina,.australia,.newzealand,.southafrica{ padding: 3px 7px; margin-left: 15px; font-weight: normal; font-size: 90%; letter-spacing: 0.05em; color:#ffffff; }
.england{ background-color:#1D65BC;}
.champagne{ background-color:#F93;}
.burgundy{ background-color:#630;}
.chablis{ background-color:#898650;}
.alsace{ background-color:#254D7C;}
.loire{ background-color:#CDC12E;}
.rhone{ background-color:#E86868;}
.italy{ background-color:#F60;}
.argentina{ background-color:#547036;}
.australia{ background-color:#214E7E;}
.newzealand{ background-color:#3CC;}
.southafrica{ background-color:#6A3472;}

/* vintage-chart
----------------------------------*/

.productTab {
background-color: white !important;
margin: 2px; width: 726px; overflow:hidden;
}

.ui-state-active a { color:#901313; }
#tabTitles ul { padding:3px 3px 0 3px; background-color:#ddd; border:solid 1px #bbb; 
overflow:hidden; _height:30px; }
#tabTitles li { margin:0 3px -1px 0; padding:0; float:left; }
#tabTitles li a { display:block; background-color:#eee; padding:6px 12px; font-size:1em; font-weight:bold; border:solid 1px #CCC; border-bottom:0; }

.leftTabs .ui-tabs .ui-tabs-panel, #tab1waku, #tab2waku {
background: none repeat scroll 0 0 transparent;
border-width: 0;
clear:both;
display: block;
margin-top: 3px;
padding: 8px;
} 

.leftTabs {
padding: 5px;
background: url("https://c18.future-shop.jp/shop/item/berrybros/design/img01/pace-Bc.jpg") repeat-x scroll 50% top #C9C9C9;
color: #555555;
}

#tab1, #tab2 { cursor:pointer; }
.flLpadl10 { float: left; padding-left:10px; }
.flLmgnl-10 { float: left; margin-left:-10px; }
.flLmgn0 { float:left; margin:0; }
.flLmgnt8 { float:left; margin-top:8px; }
.mgnl50 { margin-left:50px; }
.flLmgnl5 { float:left; margin-left:5px; }

#tabTitles ul {
padding: 3px 3px 0 3px;
background-color: #ddd;
border: solid 1px #bbb;
overflow: hidden;
_height: 30px;
}

#tabTitles li {
margin: 0 3px -1px 0;
padding: 0;
float: left;
}

/* food-and-wine
----------------------------------*/
.mtentry { clear:both; position:relative; overflow:hidden; margin:10px 0 0 10px; padding:0; }
.mtentryR { width:220px; text-align: center; float:right; padding-bottom:10px; }
.mtentryR img { margin:10px 0 15px 10px; }
.mtentryL { width:520px; float:left; }
.mtentryL p { padding:0; margin:0 0 15px 0; }
table.hyou { border-collapse:collapse; }
.hyou td { padding: 3px; border:solid 1px #CCC; }
.hyou th { padding: 3px; background-color:#EEE; border:solid 1px #CCC; font-weight:bold; }
hr.fandw { border: 0; border-top: 2px solid #CCC;}
h2.fawh2 { padding: 5px; border: 1px solid #CCC; background-color: #e9e9ef;}


/* wine
----------------------------------*/

div.ttl_buywine {background: url("https://c18.future-shop.jp/shop/item/berrybros/design/img01/buy-wine-title.jpg") no-repeat right;
background-color: #214a84;
width: 755px; height: 116px;
overflow: hidden; position: relative;}
.ttl_buywine .h1box { width: 130px; }
.ttl_txt { background: none; color: #FFF; font-family: Georgia, "Times New Roman", Times, serif;}
.h1box .jptxt { font-size: 12px; line-height: 1.2em; }
.h1box {
background-color: #091D0C;
width: 6em;
color: #E4DDD2;
font-size: 24px;
line-height: 1.1em;
padding: 40px 20px 20px;
position: absotule;
top: 0;
margin-left: 20px;
left: 0;
opacity: 0.9;}

.twocolsbox {width: 361px; float: left; margin: 0 8px; _margin: 0 5px; }


/* spirits
----------------------------------*/
div.ttl_whiskies {
background: url("https://c18.future-shop.jp/shop/item/berrybros/design/img01/whiskies-and-spirits.jpg") no-repeat right;
background-color: #214a84;
width: 755px;
height: 116px;
overflow: hidden;
position: relative;
}
.ttl_whiskies .h1box { width: 245px;}


/* detailto_spirits
----------------------------------*/
div.ttl_wine-knowledge {
background: url("https://c18.future-shop.jp/shop/item/berrybros/design/img01/wine-knowledge.jpg") no-repeat right;
background-color: #214a84;
width: 755px;
height: 116px;
overflow: hidden;
position: relative;
}
.ttl_wine-knowledge .h1box { width: 245px;}


/* services
----------------------------------*/
div.ttl_service {
background: url("https://c18.future-shop.jp/shop/item/berrybros/design/img01/our-services2.jpg") no-repeat right;
background-color: #214a84;
width: 755px;
height: 116px;
overflow: hidden;
position: relative;
}
.ttl_service .h1box { width: 245px;}



/* about
----------------------------------*/
div.ttl_about { background: url("https://c18.future-shop.jp/shop/item/berrybros/design/img01/about-us-title.jpg") no-repeat right;
background-color: #214a84;
width: 755px;
height: 116px;
overflow: hidden;
position: relative;}

.ttl_about .h1box { width: 130px; }
.ttl_txt { background: none; color: #FFF; font-family: Georgia, "Times New Roman", Times, serif;}
.h1box .jptxt { font-size: 12px; line-height: 1.2em; }
.h1box {
background-color: #091D0C;
width: 6em;
color: #E4DDD2;
font-size: 24px;
line-height: 1.1em;
padding: 40px 20px 20px;
position: absotule;
top: 0;
margin-left: 20px;
left: 0;
opacity: 0.9;}
.twocolsbox {width: 361px; float: left; margin: 10px 8px; _margin: 0 5px;}
.matl10{margin:10px 0 0 10px;}
.clear { clear: both; }


/* tasting
----------------------------------*/
.photowaku { float: right; width: 179px; background-color: #EFEFEF; }
.photowaku img { margin: 10px; }
p.leftp { float: left; margin: 10px; width: 545px; }
div#event_box { margin: 10px; border: solid 1px #999; padding: 2px; }
#event_box tr.odd { background-color: #f3f3f3; }
#event_box tr.eve { background-color: #FFFFFF; }
.mal10 { margin-left: 10px; }


/* en-primeur
----------------------------------*/
div.enpmark { padding:0 0 0 30px; background:url("https://c18.future-shop.jp/shop/item/berrybros/design/img01/bbx-tick.gif") no-repeat 0 0;  }
div.enpmark001 {font-size: 16px; color:#891808; margin:15px 0; font-weight:bold;}
div.enpmark h3 { color: #242B4C; font-size: 117%; margin:10px 0 8px 0 }
.color_blue {color: #242B4C;}


/* who-we-are
----------------------------------*/


/* bbr-japan-team
----------------------------------*/
table.hyoub { border-collapse: collapse; }
table.hyoub th { padding:3px; border:solid 1px #CCC; background-color:#E3E3EE; }
table.hyoub td { padding:3px; border:solid 1px #CCC; }


/* history
----------------------------------*/
.mtentry li { margin-bottom: 20px;}
#keyDates { width: 520px; }
#keyDates span { background-color:#ccc2b8; padding: 1px 4px; margin: 0 0 7px 0; display: block; width: 520px; }

/*.mtentryR {
width: 240px;
float: right;
text-align: center;
background-color: #efefef;
padding-bottom: 10px;
}

.mtentryL {
width: 485px;
float: left;
}*/

ul.mgnl20 li {margin:0 0 0 10px;}


/* sitemap
----------------------------------*/
div.sitemap_box { margin: 0 0 0 20px; }
div.sitemap_box li.ttl { font-weight: bold; margin: 18px 0 10px 0; font-size: 120%; list-style-image:url(https://c18.future-shop.jp/shop/item/berrybros/design/img01/sitemap-icon.gif);}
div.sitemap_box li { margin: 0 0 2px 10px; }
div.sitemap_box ul li ul li {
	list-style-image: url(https://c18.future-shop.jp/shop/item/berrybros/design/img01/list-icon1.gif);
	margin-left: 20px;　}

/* delivery cost chart
----------------------------------*/
.deliveryCostChart { width: 100%; border-collapse: collapse; }
.deliveryCostChart th{
	vertical-align: middle;
	text-align: center;
	width: 16%;
	padding: 6px;
	color: #333;
	background-color: #d4cabf;
	border: 1px solid #999;
}
.deliveryCostChart td{
	vertical-align: middle;
	padding: 6px;
	background-color: #f4f1ed;
	border: 1px solid #999;
}

/* Item page producer area
----------------------------------*/
#productProducer {
	background-color:#F4F0ED;
	margin: 40px -30px -70px -30px;
	padding: 20px 40px;
	overflow:auto;
}
#productProducer h2 {
	margin: 0 0 10px -10px;
}
#productProducer h3 {
	margin-bottom: 10px;
}
#productProducer a {
	text-decoration: underline;
}

/* seminar141112
----------------------------------*/

#seminar141112 {
	padding:20px;
	background-color:#f4f1ed;
	margin-top:30px;
	} 
	

/* top ranking Area
----------------------------------*/
.FS2_Recommend2_ranking_horizontal{ }
.FS2_Recommend2_ranking_horizontal .CrossHead{
font-weight:bold;/*見出しの装飾*/
font-size:120%;/*見出しの文字サイズ*/
color:#000000;/*見出しの文字色*/
text-align:left;/*見出しの位置*/
padding: 10px;/*見出し枠内の余白*/
background: #ffffff;/*見出しの背景色*/
}
.FS2_Recommend2_ranking_horizontal a{
/*font-weight:bold;/*商品名の装飾*/
font-size:90%;/*商品名の文字サイズ*/
/*color:#000000;/*商品名の文字色*/
}
.FS2_Recommend2_ranking_horizontal .itemPrice{
font-size:90%;/*商品価格の文字サイズ*/
/*color:#000000;/*商品価格の文字色*/
font-weight:bold;
}
.FS2_Recommend2_ranking_horizontal .FS2_itemPrice_addition{
font-size:90%;/*消費税表示の文字サイズ*/
/*color:#000000;/*消費税表示の文字色*/
}
.FS2_Recommend2_ranking_horizontal th{
/*border:1px solid #dddddd;/*順位の枠線*/
background:#091d0c;/*順位の背景色*/
color: #e3ddd2;
padding:3px;/*順位の枠内の余白*/
width: 15px !important;/*各商品枠の横幅*/
height: 15px;
text-align:center;
}
.FS2_Recommend2_ranking_horizontal td{
/*border:1px solid #f6f6f6;/*各商品の枠線*/
padding:10px;/*各商品枠内の余白*/
vertical-align:top;
/*line-height:1.3;*/
}
.FS2_Recommend2_ranking_horizontal a img{
width: 120px;/*画像の横幅*/
border:none;
}
.FS2_Recommend2_ranking_horizontal td img{
 margin-bottom:10px;
}

.rankingNumber {
background: #091d0c;
color: #fff;
font-size: 110%;
padding: 5px;
width: 18px;
height: 18px;
text-align: center;
position: absolute;
}