﻿@charset "utf-8";

/*------------------------------------------------------------------------------
XXXXXXXXXX - CSS Modules Import
URL: http://
Date: 200X-0X-XX
Copyright (C) XXX. All Rights Reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

Container

---------------------------------------- */

div#MainTxt {
	width: 508px;
	min-height: 310px;
	height: auto !important;
	height: 310px;
	margin-left: 10px;
	background: url(../img/top/bg.png) no-repeat 0 0;
}

div#MainTxt h2 {
	height: 176px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

div#MainTxt h3 {
	width: 204px;
	margin-left: 304px;
	font-size: 93%;
}

* html div#MainTxt h3 {
	width: 204px;
	margin-left: 304px;
	font-size: 12px;
}

ul#MenuBtn {
	width: 520px;
	height: 175px;
	margin-left: 10px;
	background: url(../img/top/navi.png) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	position: relative;
}

ul#MenuBtn li {
	position: absolute;
	left: 0;
	top: 0;
	width: 252px;
	height: 67px;
}

ul#MenuBtn li.Btn01 {
	left: 6px;
	top: 14px;
}

ul#MenuBtn li.Btn02 {
	left: 262px;
	top: 14px;
}

ul#MenuBtn li.Btn03 {
	left: 6px;
	top: 92px;
}

ul#MenuBtn li.Btn04 {
	left: 262px;
	top: 92px;
}

ul#MenuBtn li a {
	display: block;
	height: 100%;
}

ul#MenuBtn li a:hover {
	background: #fff;
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

ul.Address {
	padding-top: 10px;
	padding-left: 12px;
	font-size: 93%;
	line-height: 1;
	color: #3399FF;
}

* html ul.Address {
	padding-top: 10px;
	padding-left: 12px;
	font-size: 12px;
	line-height: 1;
	color: #3399FF;
}

div#Sub {
	width: 150px;
	height: 380px;;
	position: absolute;
	left: 636px;
	top: 169px;
}

div#Sub div.Menu {
	width: 150px;
	height: 380px;
	background: url(../img/top/rightnavi.png) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

div#Sub ul {
	font-size: 0;
	line-height: 0;
}

div#Sub ul li {
	width: 132px;
	position: absolute;
	left: 10px;
	font-size: 0;
	line-height: 0;
}
div#Sub ul li a {
	display: block;
	height: 100%;
}

div#Sub ul li.Btn01 {
	height: 38px;
	top: 36px;
}

div#Sub ul li.Btn01 a:hover {
	background: url(../img/top/navi01_on.png) no-repeat 0 0;
}

div#Sub ul li.Btn02 {
	height: 26px;
	top: 78px;
}

div#Sub ul li.Btn02 a:hover {
	background: url(../img/top/navi02_on.png) no-repeat 0 0;
}

div#Sub ul li.Btn03 {
	height: 28px;
	top: 109px;
}

div#Sub ul li.Btn03 a:hover {
	background: url(../img/top/navi03_on.png) no-repeat 0 0;
}

div#Sub ul li.Btn04 {
	height: 39px;
	top: 141px;
}

div#Sub ul li.Btn04 a:hover {
	background: url(../img/top/navi04_on.png) no-repeat 0 0;
}

div#Sub ul li.Btn05 {
	height: 24px;
	top: 287px;
}

div#Sub ul li.Btn05 a:hover {
	background: url(../img/top/navi05_on.png) no-repeat 0 0;
}

div#Sub ul li.Btn06 {
	height: 56px;
	top: 316px;
}

div.AcWrap {
	width: 520px;
	margin-left: 10px;
	padding-top: 5px;
}

div.AcWrap h2 {
	width: 520px;
	height: 60px;
	background: url(../img/access/tit.png) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0
}

div.AcWrap h3 {
	width: 224px;
	height: 28px;
	background: url(../img/access/txt.png) no-repeat left bottom;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0
}

ul.AcBtn {
	padding: 10px 0 5px 12px;
}

ul.AcBtn li {
	width: 163px;
	height: 17px;
	background: url(../img/access/btn.png) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0 ;
	line-height: 0;
}

ul.AcBtn li a {
	display: block;
	height: 100%;
}

ul.AcBtn li a:hover {
	background: #fff;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

div#GoogleMap {
	width: 518px;
	height: 358px;
	border: 1px solid #F376B5;
	margin-left: 10px;
}


div.FoodWrap h2 {
	width: 520px;
	height: 60px;
	margin-left: 10px;
	background: url(../img/food/tit.png) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0 ;
	line-height: 0;
}

div.RuleWrap {
	width: 520px;
	margin-left: 7px;
}

div.RuleWrap h2 {
	width: 520px;
	height: 60px;
	background: url(../img/rule/tit.png) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0 ;
	line-height: 0;
}

div.RuleWrap ul {
	width: 520px;
	height: 133px;
	position: relative;
	background: url(../img/rule/navi.png) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0 ;
	line-height: 0;
}

div.RuleWrap ul li {
	position: absolute;
	left: 0;
	top: 54px;
}

div.RuleWrap ul li.Btn01 {
	width: 60px;
	height: 18px;
	left: 4px;
}

div.RuleWrap ul li.Btn02 {
	width: 118px;
	height: 18px;
	left: 142px;
}

div.RuleWrap ul li.Btn03 {
	width: 118px;
	height: 18px;
	left: 263px;
}

div.RuleWrap ul li.Btn04 {
	width: 123px;
	height: 18px;
	left: 392px;
}

div.RuleWrap ul li.Btn05 {
	width: 130px;
	height: 18px;
	left: 4px;
	top: 77px;
}

div.RuleWrap ul li.Btn06 {
	width: 110px;
	height: 18px;
	left: 140px;
	top: 77px;
}

div.RuleWrap ul li.Btn07 {
	width: 119px;
	height: 18px;
	left: 264px;
	top: 77px;
}

div.RuleWrap ul li.Btn08 {
	width: 110px;
	height: 18px;
	left: 392px;
	top: 77px;
}

div.RuleWrap ul li.Btn09 {
	width: 350px;
	height: 18px;
	left: 4px;
	top: 103px;
}

div.RuleWrap ul li a {
	display: block;
	height: 100%;
}

div.RuleWrap ul li a:hover {
	background: #fff;
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

div.ChargeWrap{
	width: 520px;
	margin-left: 7px;
}

div.ChargeWrap h2 {
	width: 520px;
	height: 60px;
	margin-bottom: 15px;
	background: url(../../nishinotoin/img/charge/tit.png) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

div.ChargeWrap dt {
	width: 520px;
	height: 35px;
	background: url(../img/charge/txt.png) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

div.ChargeWrap dd {
	padding: 10px 0 0;
}

div.ChargeWrap table {
	width: 298px;
	border-top: 1px solid #22BAFF;
	border-left: 1px solid #22BAFF;
}

div.ChargeWrap th {
	width: 98px;
	padding: 5px 0;
	background: #CDF0FF;
	border-right: 1px solid #22BAFF;
	border-bottom: 1px solid #22BAFF;
	font-weight: bold;
	color: #3366FF;
	text-align: center;
	font-size: 93%;
}

div.ChargeWrap dd p {
	padding: 10px 0 0;
	font-size: 93%;
}

* html div.ChargeWrap {
	font-size: 12px;
	
}

div.ChargeWrap td {
	padding: 5px 0;
	font-size: 93%;
	border-right: 1px solid #22BAFF;
	border-bottom: 1px solid #22BAFF;
	text-align: center;
}


/* ----------------------------------------

ClearFix (必要なければ消す)

---------------------------------------- */

/* -- Modern Browsers -- */

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

/* -- IE7 -- */

div#Container {
	display: inline-block;
}

/*  -- Legacy IE -- */

* html div#Container {
	height: 1%;
}

div#Container {
	display: block;
}
