/*-----------------------------------------------------------------
	全ての要素をリセット
	各ブラウザの表示を統一するための設定です
-----------------------------------------------------------------*/
html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;word-break:break-all;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {	border-collapse: collapse;border-spacing: 0;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;margin:0;padding:0;text-align:left;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}
img{vertical-align:middle; margin:0; padding:0;border:0;}
td,input{font-size:12px;}
.line {font-size:1px;line-height:1px;}
/*-----------------------------------------------------------------
	基本スタイル
-----------------------------------------------------------------*/
body {
background-color:#FBF7E7;
background-image:url(/design/winegvc/header-img/bg-line.gif);
background-position:center;
background-repeat:repeat-y;

	color: #333;
	font-size: 13px;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	*font-size:small;
    *font:x-small;
	line-height: 1.5;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
/* clearfix */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

	
/*要素を中央揃いに*/
.M_center{
	text-align:center;
}
/*要素を左に*/
.M_left{
	text-align:left;
}
/*要素を右に*/
.M_right{
	text-align:right;
}
p{
	text-align:left;
	line-height:1.6;
	margin:0;
	padding:0;
}
/*上下のマージンを20px*/
.M_mgn20{
	margin:20px auto;
}
/*テキスト色を赤に*/
.M_red{
	color:#AA0015;
}
/*リンク色*/
a{text-decoration:none ;}
a:link { text-decoration:none; color:#040f6f;}
a:visited { text-decoration:none; color:#040f6f;}
a:hover { color:#dc143c; text-decoration:underline;}

/*----------------------------------------------------
	#M_container
	全体を覆うコンテンツ
----------------------------------------------------*/
#M_topline {
width:1033px;
height:5px;
background-color:#BB053F;
margin:0 auto 0;
}

#M_container {
	width: 960px;
	margin:10px auto 0;
	text-align: left;
}
#makebanner{
	width:960px;
	position:relative;
}

/*----------------------------------------------------
	#M_wrapper
	トップ中央画面と右メニューを内包
----------------------------------------------------*/
#M_wrapper {
	width:760px;
	position:relative;
}

/* -----------------------------------------------------------
	#M_header
		ヘッダー
----------------------------------------------------------- */
#M_header {
width:960px;

}
#M_logo-login {
width:600px;
float:right;
background:url(/design/winegvc/header-img/members-bg.gif) no-repeat;
height:75px;
}




/*ログインフォーム*/

#M_login-tel {
width:600px;
float:right;
}

#M_login {
width:398px;

}
#M_login td {
color:#FFFFFF;
}

/* サイトマップ　プライバシーポリシー　*/
#M_sitemap-pp {
margin-top:5px;
height:24px;
}
#M_sitemap-pp li {
float:right;
}
#login table{
	float:right;
}	
#login td img,
#login td input{
	margin-left:3px;
	vertical-align:middle;
}

/* ロゴ　他　*/
#M_header-top {
background:url(/design/winegvc/header-img/new-header_bg.jpg);
width:960px;
height:110px;
}

h1#M_logo {
	font-weight:normal;
	font-size:12px;
	width:245px;
	margin-top:24px;
	float:left;
}

#M_mailform-b {
width:91px;
margin:24px 0 0 261px;
float:left;
}


/* ナビゲーション部分
----------------------------------------------------------- */
#M_gNav-bg {
width:960px;
background:url(/design/winegvc/header-img/new-header_g-navi.gif);
height:35px;
}

#M_gNav {
width: 960px;
}

#M_gNav ul{
margin: 0;
padding: 0;
}

#M_gNav li{
float: left;
margin: 0;
padding: 0;
}

#M_gNav li a{
display: block;
overflow: hidden;
text-indent:-9999px;
height : 35px;
background-image:url(/design/winegvc/header-img/new-header_g-navi.gif);
}

#top-b a{ width:124px;background-position: 0 0;}
#shop-b a{ width:96px;background-position: -124px 0;}
#itemlist-b a{ width:96px;background-position: -220px 0;}
#guide-b a{ width:186px;background-position: -316px 0;}
#cago-b a{ width:106px;background-position: -502px 0;}


#top-b a:hover{ width:124px;background-position: 0 -35px;}
#shop-b a:hover{ width:96px;background-position: -124px -35px;}
#itemlist-b a:hover{ width:96px;background-position: -220px -35px;}
#guide-b a:hover{ width:186px;background-position: -316px -35px;}
#cago-b a:hover{ width:106px;background-position: -502px -35px;}


/* Members ナビゲーション部分
----------------------------------------------------------- */
#M_mNav-bg {
width:960px;
background:url(/design/winegvc/header-img/new-header_members-b.gif);
height:30px;
}
#M_mNav {
width: 960px;
}
#M_mNav ul{
margin: 0 0 0 115px;
padding: 0;
}

#M_mNav li{
float: left;
margin:0;
padding: 0;
}

#M_mNav li a{
display: block;
overflow: hidden;
text-indent:-9999px;
height : 30px;
background-image:url(/design/winegvc/header-img/new-header_members-b.gif);
}

#m-join-b a{ width:120px;background-position: -115px 0;}
#m-order-b a{ width:85px;background-position: -235px 0;}
#m-point-b a{ width:110px;background-position: -320px 0;}


#m-join-b a:hover{ width:120px;background-position: -115px -30px;}
#m-order-b a:hover{ width:85px;background-position: -235px -30px;}
#m-point-b a:hover{ width:110px;background-position: -320px -30px;}






/* 検索窓・サブナビゲーション部分・検索ページ
----------------------------------------------------------- */
#M_sub{
	width:100%;
	height:25px;
	padding:3px 0;
}
#M_searchbox{
	width:180px;
padding:10px 0;
text-align:center;
background-color:#772421;
margin-bottom:20px;
}

#M_searchbox p{
color:#FFFFFF;

}

.M_search-b {
margin-left:10px;
padding-bottom:8px;
}

#M_subNav{
	float:right;
	width:400px;
	text-align:right;
	font-size:11px;
	line-height:140%;
	padding:5px 0;
}
#M_subNav li{
	display:inline;
	border-right:1px solid #ccc;
	padding:0 0.4em 0 0.3em;
}



/*最後の要素には罫線をつけない*/
#M_subNav li#M_end{
	border-right:none;
}

/*検索ページ*/
table#M_search-table {
width:719px;
border-bottom:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
margin:0 20px 20px 20px;
}
table#M_search-table td {
width:136px;
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
padding:10px 0 10px 5px;
}
table#M_search-table th {
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
padding:10px 0 10px 5px;
font-size:14px;
font-weight:bold;
background-color:#FBF7E7;
}

table#M_search-table a {
color:#CC0000;
}


/* -----------------------------------------------------------
	#M_footer
		フッター
----------------------------------------------------------- */
#M_footer {
	margin:20px 0;
	padding-top:20px;
	border-top:1px dotted #ccc;
}
#M_footer .M_copyright {
width:580px;
	text-align: left;
	font-size:12x;
padding:0 0 10px 20px;
	border-bottom:1px dotted #ccc;
}
#M_footer .M_mb {
float:right;
}
.M_footerAdd {
font-size-11px;
}

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

/* -----------------------------------------------------------
	#M_leftContents
		左メニュー
----------------------------------------------------------- */
#M_leftContents{
	float:left;
	width:180px;
margin-right:20px;

}

#M_leftContents-in {
background-color:#FBF7E7;
padding-bottom:10px;
border-top:5px solid #AA067A;
}

#M_leftContents .M_leftBox{
	margin:10px;
	padding:10px;
	border:solid 1px #E9E4D2;
	background-color:#FFF;
}

#M_leftContents .M_leftBox ul{
margin-bottom:10px;
}

#M_leftContents .M_leftBox li{
padding:6px 0;
border-bottom:1px dotted #CCC;
}

#M_leftContents .M_b-Box{
	text-align:center;
	padding-bottom:10px;
}

#M_leftContents li,
#M_leftContents h2{
	text-align:left;
	font-weight:normal;
}
#M_leftContents div p,
#M_leftContents ul,
	width:130px;
	margin:0 auto;
	_margin:0;
}
.M_contentsTitle{
	margin-bottom:5px;
}

.M_minibanner {
margin-bottom:10px;
}




/*SHOPTWEET*/
#M_leftContents #tweet p{
	word-break:break-all;
	display:inline-block;
	width:150px;
	margin:0 5px;
}
#M_leftContents #tweetName{
	margin:0 0	0 55px;
	width:auto;
}

/*----------------------------------------------------
	#M_main
		中央部分
----------------------------------------------------*/
#M_mainContents {
	float:left;
	width:760px;
}
/*▼2カラム用*/
#twoColumn #M_mainContents {
	float:right;
	width:760px;
	text-align:center;
}
#messeage{
	margin-bottom:10px;
}
#M_mainContents table{
width:700px;
	margin-bottom:10px;
}

/*▼トップページ用*/
#M_TOP-mainContents {
width:760px;
}
#M_TOP-mainContents-L {
float:left;
width:520px;
}
#M_TOP-mainContents-R {
width:200px;
	float:right;
	background-color:#FBF7E7;
	padding-bottom:10px;
}

#M_TOP-mainContents-R ul {
margin:0;
padding:10px 0;
list-style:none;
}
#M_TOP-mainContents-R li {
margin:0;
padding:0 10px 10px 10px ;
}
#M_TOP-mainContents-R .M_b-Box{
	text-align:center;
	padding-bottom:10px;
}

#M_Cate-box {
width:540px;
margin-bottom:10px;
margin-top:5px;
}
#M_Cate-box-L {
float:left;
}
#M_Cate-box-R {
float:right;
}
h4.cate-b {
padding-bottom:8px;
}

/*----------------------------------------------------
		商品分類ページ
----------------------------------------------------*/	
/*カテゴリタイトル*/
#M_categoryTItle p{
	font-weight:bold;
	font-size:15px;
}
/*分類段階リンク*/
#M_itemListLink{
	width:750px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#f5f5f5 url(/images/common/brand_dot.gif) no-repeat left;
	padding-left:20px;
	text-align:left;
	margin-bottom:10px;
}
/*----------------------------------------------------
		商品検索ページ
----------------------------------------------------*/	
/*タイトル*/
#M_searchTItle p{
	font-weight:bold;
	font-size:15px;
}
/*検索語リンク*/
#M_searchWord{
	width:680px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#f5f5f5 url(/images/common/brand_dot.gif) no-repeat left;
	padding:10px 10px 10px 20px;
	text-align:left;
	margin-bottom:10px;
}


/*----------------------------------------------------
		商品詳細画面
----------------------------------------------------*/
#M_pankuzu{/*パンくず*/
	text-align:left;
padding:5px;
	margin-bottom:10px;
}
#M_itemList{/*前の商品　次の商品*/
	width:100%;
	position:relative;
	height:20px;
}
#M_itemList .M_preview{
	position:absolute;
	left:0;
}
#M_itemList .M_next{
	position:absolute;
	right:0;
}
#M_itemName{/*商品名*/
	background:none repeat scroll 0 0 #eee;
	border-top:2px solid #CCC;
	color:#333;
	font-size:16px;
	margin:10px auto;
	padding:10px;
	width:700px;
}
#M_itemDetail{
	text-align:left;
}
#M_imgDetail{
	float:left;
	width:260px;
}
#M_iteminfo{
	float:right;
	width:440px;
	text-align:left;
}

#M_datail-box {
width:750px;
border-top:solid 5px #F6ECC8;
} 
/*----------------------------------------------------
		ログイン
----------------------------------------------------*/

#M_mainContents #loginform dl dd{
	width:320px;
}
#orderInput .explain .cutLine,
#orderInput  p{
	text-align:center;
}

/*----------------------------------------------------
		会員登録約款
----------------------------------------------------*/
#M_contract{
	width:560px;
	height:400px;
	overflow:scroll;
	border:1px solid #ccc;
	padding:10px;
	margin:20px auto;
	text-align:left;
}
/*----------------------------------------------------
		会員登録・修正
----------------------------------------------------*/
#M_form{
	border:1px solid #ccc;
	padding:10px;
	margin:20px auto;
}
/*----------------------------------------------------
		特定商取引表示
----------------------------------------------------*/

#M_ordercontract table {
border-top:solid 1px #CCC;
}
#M_ordercontract td {
margin:2px;
border-bottom:solid 1px #CCC;
}

#M_ordercontract p.oc-title {
font-size:14px;
font-weight:bold;
padding:6px 0 6px 10px;
margin:20px 0 10px 0;
background-color:#FBF7E7;
border-bottom:1px solid #DFC779;
border-top:1px solid #DFC779;
}

/*----------------------------------------------------
		問い合わせ・お買い物について
----------------------------------------------------*/
#M_contact table {
}
#M_contact td {
margin:2px;
}

#M_contact p.oc-title {
font-size:14px;
font-weight:bold;
padding:6px 0 6px 10px;
margin:20px 0 10px 0;
background-color:#FBF7E7;
border-bottom:1px solid #DFC779;
border-top:1px solid #DFC779;
}
p.tel-red {
font-size:20px;
font-weight:bold;
color:#AA0015;
}
p.tel-red2 {
font-size:16px;
font-weight:bold;
color:#AA0015;
}
p.tel-red3 {
font-size:14px;
font-weight:bold;
color:#AA0015;
}
#M_contact ul {
margin:10px 0;
}
#M_contact li {
list-style-type:circle;
list-style:inside;
line-height:1.6;
}

table#M_souryo {
margin:10px 0;
}

table#M_souryo th {
background-color:#EBEBEB;
padding:5px 0;
text-align:center;
font-weight:normal;
font-size:12px;
vertical-align:top;
border:solid 1px #DDD;
border-collapse:collapse;
}

table#M_souryo td {
padding:5px;
text-align:center;
border:solid 1px #DDD;
border-collapse:collapse;
}
img.jpmap {
float:right;
}
.font-small {
font-size:10px;
}

/*----------------------------------------------------
		店舗案内
----------------------------------------------------*/

div.shopinfo-wrapper {
width:750px;
margin:20px 0 30px 0;
}
div.shopinfo-wrapper-inner {
padding-left:0px;
}
img.shopimg {
float:right;
}
div.shopinfo-box {
width:375px;
float:left;
}
div.shopinfo-box p {
margin-right:10px;
}
div.shopinfo-box img {
float:left;
}

#shop-add-box {
width:300px;
float:left;
}
#shop-map-box {
width:430px;
float:right;
}
dl.list309 dt {
  clear: left;
  float: left;
  margin: 0 0 0.4em;
  width: 6em;
  border-left: solid 3px #C2AA71;
  padding-left: 8px;
  color: #000;
}

dl.list309 dd {
  margin-bottom: 0.4em;
  margin-left: 6em;
}
#mail-m-box {
width:270px;
border:solid 5px #EAE0C7;
padding:10px;
margin-top:20px;
}
img.qr-code {
float:right;
}

#event-cle-box {
width:710px;
margin-left:20px;
margin-bottom:30px;
}
p.oc-title {
font-size:14px;
font-weight:bold;
padding:6px 0 6px 10px;
margin:20px 0 10px 0;
background-color:#FBF7E7;
border-bottom:1px solid #DFC779;
border-top:1px solid #DFC779;
}

ul.shop-info-b {
margin-left:-4px; 
}
ul.shop-info-b li {
float:left;
display:inline;
margin-left:4px;
}


/*----------------------------------------------------
		サイトマップ
----------------------------------------------------*/
table .sitem-table {
}
table .sitem-table td {
padding:5px;
vertical-align:top;
width:175px;
}
table .sitem-table ul {
padding-top:0px;
margin-top:0px;
}
.sitem-table ul li {
padding-bottom:5px;
margin-top:0;
}
/*----------------------------------------------------
		スタッフ紹介
----------------------------------------------------*/
.staff_box {
background-color:#555;
width:750px;
}
.staff-name {
font-size:20px;
}


/*----------------------------------------------------
		NewItem
----------------------------------------------------*/
table#M_newitem-table {
width:719px;
border-bottom:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
margin:0 20px 20px 20px;
}
table#M_newitem-table td {
width:215px;
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
padding:10px 0 10px 5px;
}
table#M_newitem-table th {
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
padding:10px 0 10px 5px;
font-size:14px;
font-weight:bold;
background-color:#FBF7E7;
}

table#M_newitem-table a {
color:#CC0000;
}