@charset "utf-8";

body {
	background: #090C50 none;
}

#wrap {
	width: 100%;
	text-align: center;
	background-color: #090C50;
}

#contents {
	width: 892px;
	margin: 0 auto;
	background: none #090C50;
	position: relative/*swfBannerArea用*/
}

#contents div#swfBannerArea {
	width: 305px;
	height: 100px;
	border: 1px solid #ccc;
	position: absolute;
	top: -170px;
	right: 16px;
}

#contents div#swfBannerArea img {
	vertical-align: bottom;
}

/* --------------------------------------------------
  FLASH AREA
-------------------------------------------------- */
#topFla {
	width: 100%;
	min-width: 960px;
	height: 450px;
}

* html #topFla {
	width : expression(document.body.clientWidth < 970? "960px" : "auto"); /* IE */ }
	
#indexSwf {
	width: 100%;
	height: 450px;
	text-align: center;
	background: url(../../images/top/bg_header.jpg) no-repeat 50% 0;
}

#indexSwf ul {
	margin: 0 auto;
	width: 790px;
	height: 45px;
	padding-left: 145px;
}
#indexSwf li {
	float: left;
	margin-right: 1px;
	text-indent: -9999px;
	overflow: hidden;
}

#indexSwf li a{
	display: block;
	width: 157px;
	height: 45px;
}

#indexSwf li.shop a {
	background: url(../../images/top/bgTop_Shop.jpg) no-repeat 0 0;
}

#indexSwf li.event a {
	background: url(../../images/top/bgTop_Event.jpg) no-repeat 0 0;
}

#indexSwf li.info a {
	background: url(../../images/top/bgTop_Info.jpg) no-repeat 0 0;
}

#indexSwf li.coupon a {
	background: url(../../images/top/bgTop_Coupon.jpg) no-repeat 0 0;
}

#indexSwf li.member a {
	background: url(../../images/top/bgTop_Member.jpg) no-repeat 0 0;
}


#indexSwf li.shop a:hover {
	background: url(../../images/top/bgTop_Shop_on.jpg) no-repeat 0 0;
}
#indexSwf li.event a:hover {
	background: url(../../images/top/bgTop_Event_on.jpg) no-repeat 0 0;
}
#indexSwf li.info a:hover {
	background: url(../../images/top/bgTop_Info_on.jpg) no-repeat 0 0;
}
#indexSwf li.coupon a:hover {
	background: url(../../images/top/bgTop_Coupon_on.jpg) no-repeat 0 0;
}
#indexSwf li.member a:hover {
	background: url(../../images/top/bgTop_Member_on.jpg) no-repeat 0 0;
}



/* --------------------------------------------------
  LEFT AREA (TAB)
-------------------------------------------------- */
#naviList {
	float: left;
	width: 368px;
	margin: 0 6px 0 4px;
}

ul.tabNav {
	margin: 0 0 0 1px;
	height: 33px;
	width: 366px;
}

ul.tabNav li {
	float: left;
	display: inline;
	width: 122px;
	height: auto;
	line-height: 1%;
}

/* for IE6 */
*html ul.tabNav li {
	margin-bottom: -3px;
}

div.tabNav {
	margin: 0 0 0 1px;
	height: 33px;
	width: 366px;
}

div.tabNav h2 {
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}

div.tabNav h2.topics a {
	display: block;
	width: 122px;
	height: 33px;
	background: url(../../images/top/navi_topics.jpg) no-repeat;
}

div.tabNav h2.topics a:hover {
	background: url(../../images/top/navi_topics_on.jpg) no-repeat;
}

div.tabNav h2.restaurant a {
	display: block;
	width: 122px;
	height: 33px;
	background: url(../../images/top/navi_restaurant.jpg) no-repeat;
}

div.tabNav h2.restaurant a:hover {
	background: url(../../images/top/navi_restaurant_on.jpg) no-repeat;
}

div.tabNav h2.shop a {
	display: block;
	width: 122px;
	height: 33px;
	background: url(../../images/top/navi_shop.jpg) no-repeat;
}

div.tabNav h2.shop a:hover {
	background: url(../../images/top/navi_shop_on.jpg) no-repeat;
}

#naviList #tab1,
#naviList #tab2,
#naviList #tab3 {
	width: 368px;
	height: 351px;
	position: relative;
}

#naviList #tab2,
#naviList #tab3 {
	display: none;
}

#naviList #tab1 {
	background: url(../../images/top/bgNaviTopics.jpg) 0 0 no-repeat;
}
#naviList #tab2 {
	background: url(../../images/top/bgNaviRestaurant.jpg) 0 0 no-repeat;
}
#naviList #tab3 {
	background: url(../../images/top/bgNaviShop.jpg) 0 0 no-repeat;
}

/*---------- dl ----------*/ 
#naviList #tab1 dl,
#naviList #tab2 dl,
#naviList #tab3 dl {
	width: 350px; 
	margin: 0 auto 0 7px;
	padding-top: 20px;
	text-align: left;
}

/*---------- dt ----------*/ 
#naviList #tab1 dt,
#naviList #tab2 dt,
#naviList #tab3 dt {
	display: inline;
	position: relative;
	width: 300px;
	margin: 0 0 4px 0;
	padding: 0 25px 0 50px;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.2em;
	color: #0483e5;
}

#naviList #tab1 dt.firstChild,
#naviList #tab2 dt.firstChild,
#naviList #tab3 dt.firstChild {
	margin-top: 0;
}

#naviList #tab1 dt img,
#naviList #tab2 dt img,
#naviList #tab3 dt img {
	position: absolute;
    top: 2px;   
    left: 0; 
    padding: 1px;
    background-color: #fff;
    border: 1px solid #7b7b81;
}

#naviList #tab1 dt.new,
#naviList #tab2 dt.new,
#naviList #tab3 dt.new {
	background: url(../../images/top/new.gif) 100% 1px no-repeat;
}

#naviList #tab1 dt.new img,
#naviList #tab2 dt.new img,
#naviList #tab3 dt.new img {
    border: 1px solid #E557AC;
}

#naviList dt a {
	color: #2492E8;
	text-decoration: none;
}

#naviList dt a:hover {
	text-decoration: underline;
}

/*---------- dd ----------*/ 
#naviList #tab1 dd,
#naviList #tab2 dd,
#naviList #tab3 dd {
	width: 300px;
	height: 26px;
	margin: 7px 0 9px;
	padding-left: 50px;
	text-align: left;
	font-size: 10px;
	line-height: 1.25em;
}

#naviList #tab1 dd.lastChild,
#naviList #tab2 dd.lastChild,
#naviList #tab3 dd.lastChild {
	margin-bottom: 0px;
}


#naviList p.newList {
	position: absolute;
	bottom: 5px;
	right: 8px;
	color: #0483E5;
	font-size: 11px;
}

#naviList p.newList a {
	color: #0483E5;
}

#naviList p.newList a:hover {
	text-decoration: underline;
}


/* --------------------------------------------------
  CENTER AREA
-------------------------------------------------- */
#centerCate {
	float: left;
	margin: 2px 0 0 6px;
	width: 230px;
}

#centerCate div.eventInfo {
	position: relative;
	width: 229px;
	height: 86px;
	margin: 0 0 2px 0;
	_margin: 0 0 0 0;
	background: url(../../images/top/bg_eventInfo.gif) no-repeat 0 0;
}

#centerCate div.eventInfo h3 {
	position: absolute;
	top: 0;
	left: 4px;
	width: 221px;
	height: 31px;
}

#centerCate div.eventInfo p.eventInfoLogo {
	position: absolute;
	top: 34px;
	left: 5px;
	width: 76px;
	height: 48px;
	text-indent: -9999px;
	background: url(../../images/top/logo_birthdayCelebration.gif) no-repeat 0 0;
}

#centerCate div.eventInfo p.eventInfoLogo a{
	display:block;
	width: 76px;
	height: 48px;
}

#centerCate div.eventInfo p.eventInfoLogo a:hover{
	background: url(../../images/top/logo_birthdayCelebration_on.gif) no-repeat 0 0;
}

#centerCate div.eventInfo p.eventInfoTxt {
	position: absolute;
	top: 34px;
	left: 85px;
	width: 139px;
	height: 49px;
	margin: 0 auto 0 0;
	text-indent: -9999px;
	background: url(../../images/top/txt_eventInfo.gif) no-repeat 0 0;	
}

#centerCate div.eventInfo p.eventInfoTxt a{
	display:block;
	width: 139px;
	height: 49px;
}

#centerCate div.eventInfo p.eventInfoTxt a:hover{
	background: url(../../images/top/txt_eventInfo_on.gif) no-repeat 0 0;	
}

#centerCate div.mobileSite {
	position: relative;
	width: 230px;
	height: 105px;
	margin: 2px 0 0 0;
	background: url(../../images/top/bg_mobileSite2.gif) no-repeat 0 0;
}

#centerCate div.mobileSite {
	position: relative;
	width: 230px;
	height: 141px;
	margin: 4px 0 0 0;
	background: url(../../images/top/bg_mobileSite.gif) no-repeat 0 0;
}

#centerCate div.mobileSite h3 {
	position: absolute;
	top: 0;
	left: 4px;
	width: 221px;
	height: 70px;
	text-indent: -9999px;
	background: url(../../images/top/title_mobileSite.gif) no-repeat 0 0;
}

#centerCate div.mobileSite p.mobileTxt {
	position: absolute;
	top: 65px;
	left: 6px;
	width: 124px;
	height: 65px;
	margin: 0 auto 0 0;
	text-indent: -9999px;
	background: url(../../images/top/txt_mobileSite.gif) no-repeat 0 0;
}

#centerCate div.mobileSite p.mobileQR {
	position: absolute;
	top: 60px;
	right: 17px;
}

/* ---インフルエンザバナー表示時のQR部分のCSS
#centerCate div.mobileSite h3 {
	position: absolute;
	top: 0;
	left: 4px;
	width: 221px;
	height: 37px;
	text-indent: -9999px;
	background: url(../../images/top/title_mobileSite2.gif) no-repeat 0 0;
}

#centerCate div.mobileSite p.mobileTxt {
	position: absolute;
	top: 42px;
	left: 6px;
	width: 127px;
	height: 59px;
	margin: 0 auto 0 0;
	text-indent: -9999px;
	background: url(../../images/top/txt_mobileSite2.gif) no-repeat 0 0;
}

#centerCate div.mobileSite p.mobileQR {
	position: absolute;
	top: 40px;
	right: 17px;
}

#centerCate p#infuru{
	width: 229px;
	height: 32px;
	margin: 4px 0 0 0;
	position: relative;
}

#centerCate p#infuru img{
	width: 229px;
	height: 32px;
	position: absolute;
	top:0px;
	left:0px;
}

#centerCate p#infuru a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	background:#fff;
}
--*/

/* --------------------------------------------------
  RIGHT AREA (bnr)
-------------------------------------------------- */
#bnrList {
	position: relative;
	float: left;
	margin-top: 2px;
	width: 255px;
	height: 368px;
	padding: 7px 9px;
	background: url(../../images/top/bg_TopBnr.gif) 0 0 no-repeat;
}

#bnrList a img.otm_filter {
	display: block;
	position: absolute;
	top: 5px;
	left: 9px;
	width: 255px;
	height: 130px;
}

#bnrList ul {
	margin-top: 2px;
}

#bnrList li {
	width: 255px;
	height: 73px;
	margin-bottom: 6px;
	_margin-bottom: 3px;
}

#bnrList li.btnType02 {
	width: 255px;
	height: 50px;
	margin-bottom: 6px;
	_margin-bottom: 3px;
}

#bnrList li.end {
	margin: 0;
}


/* --------------------------------------------------
  FOOTER AREA
-------------------------------------------------- */
#footerWrap {
	padding: 0 auto 13px;
	clear: both;
	background-color: #090C50;
}

#footerInner {
	width: 882px;
}

#footerInner div#copyright {
	margin: 10px auto 0;
}

/* --------------------------------------------------
  SPONSOR
-------------------------------------------------- */
#topSponsor {
width: 866px;
height: 51px;
margin: 25px auto 10px auto;
text-align: center;
padding: 10px;
background: url(../../images/top/sp_bg.gif) no-repeat;
position: relative;
}

#topSponsor p#spT {
width: 92px;
height: 18px;
position: absolute;
top: -18px;
left: 0px;
}

#topSponsor li {
height: 51px;
float: left;
}

#topSponsor li img {
vertical-align: top;
}

/* --------------------------------------------------
  banner
-------------------------------------------------- */
#anniversaryBnr{
	position:relative;
	width : 255px;
	height :73px;
}

#anniversaryBnr a.fake:hover img{
	filter: alpha(opacity=20);
	-moz-opacity:0.2;
	opacity:0.2;
	background:#fff;
}

#anniversaryCliker{
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width : 255px;
	height :73px;
	cursor:pointer;
}


#otmBn {
	width: 255px;
	height: 130px;
	position: relative;
}

#otmBn p {
	width: 255px;
	height: 130px;
	position:absolute;
	top: -5px;
	left: -10px;
}