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


/*----------/ Style Reset /----------*/

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;
}

img, fieldset, abbr, acronym { border: 0; }

li { list-style: none; }

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}


/*----------/ clearfix /----------*/

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear { display: inline-table; }

/* Start IE-mac */
* html .clear { height: 1%; }
.clear { display: block; }
/* End IE-mac */


/*----------/ body /----------*/

body {
	min-width: 780px;
	background-color: #ffffff;
	color: #000000;
	text-align: center;
	line-height: 1.3;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "MS Gothic", "ＭＳ Ｐゴシック", "MS PGothic", , "Osaka－等幅", Osaka-mono, monospace, sans-serif;
	font-size: 62.5%;
}

a { text-decoration: none; }
a:link { color: #222222; }
a:visited { color: #222222; }
a:hover { color: #ff0033; }
a:hover img {
	opacity: 0.7; /* Safari,Firefox,Opera */
	filter: alpha(opacity=70); /* IE */
}


/*----------/ wrapper /----------*/

#wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}


/*----------/ header /----------*/

#header {
	width: 800px;
	height: 94px;
	background: url(../images/common/header_background.gif) no-repeat;
	position: relative;
}

h1 {
	width: 312px;
	height: 53px;
	background: url(../images/common/header_logotype.gif) no-repeat;
	position: absolute;
	bottom: 10px;
	left: 25px;
}

#header h1 a {
	display: block;
	width: 312px;
	height: 53px;
	text-indent: -9999px;
}

#header p {
	color: #004018;
	font-size: 1.2em;
	position: absolute;
	bottom: 10px;
	right: 5px;
}


/*----------/ main visual /----------*/

#mainVisual { margin-bottom: 10px; }

#mainVisual div { width: 800px; height: 280px; }


/*----------/ supportive navigation /----------*/

#supportiveNavi { margin-bottom: 10px; }

#members { float: left; }

#mainBanner { float: right; }


/*----------/ main area /----------*/

#mainArea { margin-bottom: 10px; }

#mainArea h2 {
	margin-bottom: 5px;
	width: 800px;
	height: 36px;
	background: url(../images/home/headline_menu.gif) no-repeat;
	text-indent: -9999px;
}

#menuLink { margin-bottom: 5px; }

#menuLink a {
	display: block;
	width: 150px;
	height: 202px;
}

.menu01, .menu02, .menu03, .menu04, .menu05, .menu_menu {
	float: left;
	margin-left: 7px;
	width: 150px;
	height: 202px;
	position: relative;
}

.menu01 { background: url(../images/home/menu_season.gif) no-repeat; }
.menu02 { background: url(../images/home/menu_popular.gif) no-repeat; }
.menu03 { background: url(../images/home/menu_pickup.gif) no-repeat; }
.menu04 { background: url(../images/home/menu_grandmenu.gif) no-repeat; }
.menu05 { background: url(../images/home/menu_drinkbar.gif) no-repeat; }
.menu_menu { background: url(../images/home/menu_menu.gif) no-repeat; }

#menuLink span {
	display: block;
	width: 140px;
	color: #000000;
	font-size: 1.1em;
	line-height: 1.1;
	position: absolute;
	top: 120px;
	left: 5px;
}

.mixture {
	float: left;
	margin-left: 5px;
	width: 387px;
	height: 80px;
	background: url(../images/home/menu_mixture.gif) no-repeat;
	position: relative;
}

.webcoupon {
	float: right;
	margin-right: 5px;
	width: 387px;
	height: 80px;
	background: url(../images/home/menu_webcoupon.gif) no-repeat;
	position: relative;
}

#menuBanner a {
	display: block;
	width: 387px;
	height: 80px;
}
	
#menuBanner span {
	font-size: 1.2em;
	position: absolute;
	bottom: 0;
}


/*----------/ navigation area /----------*/

#navigationArea { margin-bottom: 10px; }

#contents {
	float: left;
	width: 200px;
	height: 325px;
}

#contents h2 {
	margin-bottom: 2px;
	width: 200px;
	height: 36px;
	background: url(../images/home/headline_contents.gif) no-repeat;
	text-indent: -9999px;
}

#contents a {
	display: block;
	width: 196px;
	height: 41px;
	text-indent: -9999px;
}

.event, .menu, .coupon, .members, .shop_heartland, .shop_breakspot, .recruit {
	margin: 0 2px;
	width: 196px;
	height: 41px;
}

.event { background: url(../images/home/content_event.gif) no-repeat; }
.menu { background: url(../images/home/content_menu.gif) no-repeat; }
.coupon { background: url(../images/home/content_coupon.gif) no-repeat; }
.members { background: url(../images/home/content_members.gif) no-repeat; }
.shop_heartland { background: url(../images/home/content_heartland.gif) no-repeat; }
.shop_breakspot { background: url(../images/home/content_breakspot.gif) no-repeat; }
.recruit { background: url(../images/home/content_recruit.gif) no-repeat; }

#newsTopics {
	float: left;
	width: 600px;
	height: 325px;
	position: relative;
}

#newsTopics h2 {
	margin-bottom: 5px;
	width: 600px;
	height: 36px;
	background: url(../images/home/headline_news.gif) no-repeat;
	text-indent: -9999px;
}

#topics {
	position: absolute;
	bottom: 0;
	left: 0;
}
#topics .left { float: left; }
#topics .right { float: right; }


/*----------/ shop information /----------*/

#shopInfo { margin-bottom: 10px; }

#shopInfo h2 {
	margin-bottom: 2px;
	width: 800px;
	height: 36px;
	background: url(../images/home/headline_shop.gif) no-repeat;
	text-indent: -9999px;
}

#shopInfo a {
	display: block;
	width: 155px;
	height: 61px;
	text-indent: -9999px;
}

.nigataekimae, .akamichi, .sasaguchi, .aoyama, .shirane, .tsubame, .kashiwazaki, .sakuragi, .breakspot {
	margin: 0 2px 4px;
	float: left;
	width: 155px;
	height: 61px;
}

.nigataekimae { background: url(../images/home/shop_nigataekimae.gif) no-repeat; }
.akamichi { background: url(../images/home/shop_akamichi.gif) no-repeat; }
.sasaguchi { background: url(../images/home/shop_sasaguchi.gif) no-repeat; }
.aoyama { background: url(../images/home/shop_aoyama.gif) no-repeat; }
.shirane { background: url(../images/home/shop_shirane.gif) no-repeat; }
.tsubame { background: url(../images/home/shop_tsubame.gif) no-repeat; }
.kashiwazaki { background: url(../images/home/shop_kashiwazaki.gif) no-repeat; }
.sakuragi { background: url(../images/home/shop_sakuragi.gif) no-repeat; }
.breakspot { background: url(../images/home/shop_breakspot.gif) no-repeat; }


/*----------/ footer /----------*/

#footer { margin-bottom: 10px; background-color: #00200C; }

#footer h2 {
	width: 800px;
	height: 36px;
	background: url(../images/common/headline_standard.gif) no-repeat;
	text-indent: -9999px;
}

.group ul li {
	float: left;
	margin: 20px 0 20px 20px;
	width: 110px;
	text-align: center;
}

.group a { color: #ffffff; font-size: 1.1em; }
.group a:hover { color: #ff0033; }

#courtesyNavi { background-color: #cccccc; }

#courtesyNavi ul { text-align: center; }
#courtesyNavi ul li {
	padding: 0 10px;
	border-right: 1px solid #555555;
	display: inline;
}
#courtesyNavi ul li.listLast { border-right: none; }

#courtesyNavi li a {
	font-size: 1.2em;
}

#footer address {
	margin: 20px 0 5px;
	color: #ffffff;
	font-size: 1.0em;
	text-align: center;
}