@charset "shift_jis";

/* ****************************************************
top.css
Define container layout.
***************************************************** */

/* flash */

.flash-area{
	float:left;
	width:335px;
	margin-top:7px;
	background: url(../../images/index_bg03.jpg) no-repeat 0 8px;
}
.flash-area .no-flash {
	height:450px;
	background: url(../../images/index_bg02.jpg) no-repeat 0 8px;
	padding:200px 15px 0;
	line-height:1.5;
	color:#ffffff;
}
.flash-area .no-flash a:link,
.flash-area .no-flash a:visited,
.flash-area .no-flash a:hover,
.flash-area .no-flash a:active{
	color:#ffffff;
}
.flash-area .no-flash dd a{
	margin-top:10px;
}


/* restarant */

div#contents{
	float:left;
	width:540px;
	margin-left:25px;
}

div#contents div.restarant{
	width:530px;
	margin:15px 0 10px;
	border:5px solid #d8b768;
	background:url(../../images/index_bg01.jpg) no-repeat 100% 0;
}
div#contents div.restarant div.search{
	padding:11px 15px 0px;
}

div#contents div.restarant dl.genre{
	float:left;
	width:335px;
}
div#contents div.restarant dl.genre dt{
	margin-bottom:9px;
	font-size:0;
}
div#contents div.restarant dl.genre dd li{
	float:left;
	padding:0 6px 4px 0;
	font-size:0;
}
div#contents div.restarant dl.purpose{
	float:right;
	width:145px;
	min-height:160px;
	margin-bottom:13px;
	padding-left:17px;
	border-left:1px solid #d8b768;
}
* html div#contents div.restarant dl.purpose{ /* IE6 hack */
	height:160px;
}
div#contents div.restarant dl.purpose dt{
	margin-bottom:6px;
}
div#contents div.restarant dl.purpose dd li{
	padding-left:13px;
	background:url(../images/com_ic01.gif) no-repeat 1px 0.6em;
	line-height:1.4;
}

/* h2,h3 */

div#contents div.wrap{
	height:52px;
}
div#contents h2.shop{
	float:left;
}
div#contents h2.coupon{
	float:right;
}
div#contents h2.news{
	clear:both;
	margin:22px 0 7px;
}
* html div#contents h2.news{
	margin:12px 0 7px;
}
*:first-child+html div#contents h2.news{
	margin:12px 0 7px;
}

div#contents h3{
	padding:0 0px 6px;
}
div#contents h3.shop{
	float:left;
	margin-top:4px;
}

/* news/picup */

div#contents p.list{
	float:right;
	padding:0 2px 2px 0;
}

div#contents ul.picup{
	clear:both;
	padding:8px 0 10px;
	border-top:1px solid #9e9696;
	min-height:70px;
}
* html div#contents ul.picup{ /* IE6 hack */
	height:1%;
}
div#contents ul.picup li{
	float:left;
	width:265px;
	min-height:60px;
	margin-bottom:10px;
}
* html div#contents ul.picup li{ /* IE6 hack */
	width:270px;
}
div#contents ul.picup li.single{
	width: 540px;
}
div#contents ul.picup li.single dt{
	margin:-72px 0 5px 112px;
}
div#contents ul.picup li.single dt img {
	border: none;
	vertical-align: bottom;
	padding-right: 5px;
}
div#contents ul.picup li.single dd{
	margin:0 0 0 112px;
}
div#contents ul.picup li img{
	border:1px solid #d5d2c1;
}
div#contents ul.picup li dt{
	margin:-62px 0 5px 65px;
	color:#003366;
	font-size:85%;
}
div#contents ul.picup li dt img{
	border: none;
	vertical-align: bottom;
	padding-right: 5px;
}
div#contents ul.picup li dt a{
	font-weight:bold;
	font-size:110%;
}
div#contents ul.picup li dd{
	margin:0 0 0 65px;
	color:#4477aa;
	font-size:85%;
}
div#contents ul.picup li dd span{
	display:block;
	margin-bottom:2px;
	font-size:95%;
	color:#666666;
}
div#contents div.news dl.event{
	clear:both;
	width:370px;
}

/* news/shop and event info area */
div#contents div.info-area{
	float:left;
	width:354px;
}

/* news/banner and mobile info area */
div#contents div.banner-area{
	float:right;
	width:176px;
}
div#contents div.banner-area p.banner img{
	margin-bottom:3px;
}


/* news/shop */

div#contents div.shop{
	clear:both;
	width:354px;
	margin-bottom:20px;
	padding-top:8px;
	border-top:1px solid #9e9696;
}
div#contents div.shop dl{
	margin-bottom:3px;
}
* html div#contents div.shop dl{ /* IE6 hack */
	height:1em;
}
div#contents div.shop dl dt{
	float:left;
	clear:both;
	width:7.8em;
	font-size:85%;
	line-height:1.3;
}
div#contents div.shop dl dd{
	padding-left:7.8em;
	color:#4477aa;
	font-size:85%;
	line-height:1.4;
}
div#contents div.shop dl dd span{
	color:#003366;
}

div#contents div.shop dl dd a{
	font-weight:bold;
	font-size:110%;
}
*:first-child+html div#contents div.shop dl dd{ /* IE7 hack */
	display:block;
	float:left;
	padding-left:1em;
}
/* news/event */

div#contents div.event{
	float:left;
	width:354px;
	border-top:1px solid #9e9696;
	padding-top:8px;
}
div#contents div.event dl{
	margin-bottom:3px;
}
* html div#contents div.event dl{ /* IE6 hack */
	height:1em;
}
div#contents div.event dl dt{
	float:left;
	clear:both;
	width:7.8em;
	margin:0.2em 0 0;
	font-size:85%;
	line-height:1.3;
}
div#contents div.event dl dd{
	padding-left:6.7em;
	font-weight:bold;
	line-height:1.2;
	color:#cc0000;
}
*:first-child+html div#contents div.event dl dd{ /* IE7 hack */
	display:block;
	float:left;
	padding-left:1em;
}
div#contents div.section div.event p.banner{
	clear:both;
	width:378px;
	margin:17px 0 0 -5px;
}
div#contents div.section div.event p.banner img{
	float:left;
	margin-left:5px;
}

/* 1218add */
div.event ul li {
	padding:0 0 2px 15px;
	background:url(../../images/index_ic01.gif) no-repeat 0 3px;
	line-height:1.4;
}



/* christmas
------------------------------------ */
div.line {
	float:left;
	margin-bottom:20px;
	padding-bottom:7px;
	width:500px;
	background: url(../../images/index_bg05.gif) no-repeat left bottom;
}	
* html div.line {
	float:none;
	margin:0;
	padding-top:2px;
}	
*:first-child+html div.line {
	float:none;
	margin:0;
	padding-top:2px;
}	
div#contents div.christmas-best,
div#contents div.party-best {
	width:245px;
}
div#contents div.line div.inner {
	float:left;
	width:500px;
	background: url(../../images/index_bg06.gif) repeat-y left top;
}	
div#contents div.line div.outer {
	padding-top:7px;
	width:500px;
	background: url(../../images/index_bg04.gif) no-repeat left top;
}
div#contents div.christmas-best p.photo,
div#contents div.party-best p.photo {
	float:left;
	width:60px;
	margin:0 9px 0 4px;
}	
div#contents div.christmas-best {
	float:left;
}	
div#contents div.party-best {
	margin-left:255px;
}	
* html div#contents div.party-best {
	margin-left:252px;
}	
div#contents div.christmas-best dl dt,
div#contents div.party-best dl dt{
	margin-bottom:3px;
}
div#contents div.christmas-best dd ul,
div#contents div.party-best dd ul {
	margin-left:76px;
	width:160px;
}
div#contents div.christmas-best dd li,
div#contents div.party-best dd li {
	padding-left:13px;
	background:url(../images/com_ic01.gif) no-repeat 1px 0.6em;
	line-height:1.4;
}
div.christmas-campaign {
	margin-bottom:20px;
	padding: 3px 0;
	width:540px;
	background:url(../../images/index_bg07.jpg) repeat-y left top;
}
* html div.christmas-campaign {
	margin-bottom:0;
}
*:first-child+html div.christmas-campaign {
	margin-bottom:0;
}
div.christmas-campaign p.photo {
	float:left;
	margin:0 14px 0 2px;
}
* html div.christmas-campaign p.photo {
	margin:0 12px 0 2px;
}
div.christmas-campaign dl {
	float:left;
	width:374px;
}
div.christmas-campaign dl dt {
	padding-top:2px;
}
div.christmas-campaign dl dd ul {
	margin-top:8px;
	zoom:1;
}
div.christmas-campaign dl dd ul li {
	float:left;
	padding-left:13px;
	background:url(../images/com_ic18.gif) no-repeat 1px 0.6em;
	line-height:1.4;
}
div#contents div.christmas-campaign dl dd ul li a {
	color:#FFFFFF;
}
div.christmas-campaign dl dd ul li.first {
	width:140px;
	margin:0 14px 0 35px;
}
* html div.christmas-campaign dl dd ul li.first {
	margin-left:18px;
}

/* 20091110add */
div#contents .other {
	margin:0 15px 0;
	padding:7px 0 14px;
	width: 500px;
	background:url(../../images/index_bg08.gif) no-repeat 0 0;
}
div#contents .other .inner {
	padding: 0 6px 5px;
	background:url(../../images/index_bg09.gif) no-repeat 0 100%;
}
div#contents .other .col-left {
	float:left;
	width:233px;
}

div#contents .other .col-right {
	float:right;
	width:233px;
}

div#contents .other dl {
	margin: -57px 0 0 73px;
	min-height: 60px;
}

div#contents .other dl dd li {
	padding-left:13px;
	background:url(../images/com_ic01.gif) no-repeat 1px 0.6em;
	list-style:none;
	line-height:1.4;
}

/* ClearFix
------------------------------------ */

/* Modern browsers like Firefox, Safari, Opera */
div#flash-area:after,
div.restarant:after,
div#contents div.christmas-best:after,
div#contents div.restarant dl.purpose:after,
div#contents div.christmas-campaign img:after,
div#contents div.line:after,
div#contents div.wrap:after,
div.christmas-campaign:after,
div#contents div.restarant dl.genre dd ul:after,
div#contents div.restarant div.search:after,
div#contents .other .inner:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* IE 7 and MacIE*/
div#flash-area,
div.restarant,
div.christmas-best:after,
div.restarant dl.purpose:after,
div.christmas-campaign img:after,
div.line:after,
div.wrap:after,
div.christmas-campaign,
div#contents div.restarant dl.genre dd ul,
div#contents div.restarant div.search,
div#contents .other .inner {
	display:inline-block;
}

/* Hides from IE-mac */
* html div#flash-area,
* html div.restarant,
* html div.christmas-best:after,
* html div.restarant dl.purpose:after,
* html div.christmas-campaign img:after,
* html div.line:after,
* html div.wrap:after,
* html div.christmas-campaign,
* html div#contents div.restarant dl.genre dd ul,
* html div#contents div.restarant div.search,
* html div#contents .other .inner {
	height:1%;
}
div#flash-area,
div.restarant,
div.christmas-best:after,
div.restarant dl.purpose:after,
div.christmas-campaign img:after,
div.line:after,
div.wrap:after,
div.christmas-campaign,
div#contents div.restarant dl.genre dd ul,
div#contents div.restarant div.search,
div#contents .other .inner {
	display:block;
}
/* End hide from IE-mac */