/*--
	■Contents
	1.Base
	2.Link Ele
	3.Head Ele
	4.Contents Ele
	5.Menu Ele
	6.Footer Ele
	7.Main Contents Ele
	8.Common Patrs Ele

=========================================================*/

/*--

	1.Base

====================================================== --*/

body {
	background:url(../img/bg.jpg) repeat center top;
	font-size: 12px;
	color: #333333;
	margin:0px;
	padding:0px;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
}
.all {
	background:url(../img/all_bg.jpg) repeat-x left top;
	background:url(../img/all_bg.png) repeat-x center top;/*★★★ 新規追加*/
	background:none;/*★★★ 新規追加*/
	min-width:980px;
	width: 100%;
	margin:0px auto;
	text-align:left;
}
.partition {
	clear: both;
	display: none;
}
img {
	border: 0px;
	vertical-align:top;
}
td,th {
	font-size: 12px;
}
dl,dt,dd,ul,li,ol{
	margin: 0px;
	padding:0px;
	list-style:none;
	line-height: 1.6em;
}
dt {
	font-weight: bold;
}
hr {
	display:none;
	clear:both;
}
strong {
}
em {
}
.anchor{
	font-size:0px;
	line-height:0px;
	display:block;
	overflow:hidden;
	height:0px;
}
.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
sup{
	vertical-align:5px;
	font-size:9px;
}

/*--

	2.Link Ele

====================================================== --*/
a {
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}


/*--

	3.Head Ele

====================================================== --*/
.headWrap {
	background:url(../img/head_bg.jpg) repeat-x center top;/*★★★ left*/
	width: 100%;
	position:relative;
	z-index:95;
}
.head {
	width:980px;
	height:216px;
	position:relative;
	margin:0px auto;
	z-index:95;
}
.head h1,
.head .logo{
	text-align:center;
	padding:12px 5px 0px;
	width:220px;
	/*width: 300px;*/ /* 20th */
	height:auto;
	margin:0px auto 11px;
}

.head .logo img {
	width: 100%;
}
/* 20th----------- */
.head .logo a {
	display: inline-block;
	text-decoration: none;
}
/* -----------20th */

.head .time{
position: absolute;
left: 6px;
width: 155px;
white-space: nowrap;
padding: 0px 0px 0px 105px;
top: 19px;
top:33px;/*★★★*/
background: url(../img/h_time.gif) no-repeat left top;
text-align: left;
font-family: 'Junge', serif;
font-size: 29px;
color: #222;/*★★★*/
height: 19px;
line-height: 15px;
}
.head .time .last{
	display: block;
	margin-top: 0.6em;
	font-size: 11px;
	font-family: メイリオ, Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: right;
}
/*
.head .time span{
	font-size:24px;
	vertical-align:3px;
}
.head .time em{
	display:inline-block;
	margin-left:-3px;
	letter-spacing:6px;
	font-size:30px;
}
*/
.head p.description{
	position:absolute;
	left:6px;
	width:260px;
	top:50px;
	margin:0px 0px 0px;
	line-height:1.2em;
	color:#311900;
}



.head .subNavi{
	position:absolute;
	right:6px;
	/*width:280px;*/
	/*width: 350px;*/
	/*width: 290px; / * xyz追記 */
	width: 220px; /* bnam追記 */
	top:17px;
}
.head .subNavi li{
	float:left;
	margin:0px 9px 9px 0px;
}

.head .subNavi li img{border-radius: 4px;}/*★★★新規追加セレクター*/
/*
.head .subNavi li.passport,
.head .subNavi li.clubnamja,
.head .subNavi li:nth-child(1) {
	float:right;
	margin:0px;
}
*/
.head .subNavi li.passport,
.head .subNavi li.clubnamja {
	float:right;
	margin:0px;
}
.head .subNavi li.passport {
	margin-right: 10px;
	display: none !important; /* bnam追記 */
}
/* 202103 xyz追記 ここから */
@media only screen and (max-width: 600px) {
	.head.js_fixed {
		position: fixed;
		top: 0;
		width: 100%;
	}
/*	.head.js_fixed .logo,*/
	.head.js_fixed .subNavi,
	.head.js_fixed .time-area {
		display: none;
	}
	.head.js_fixed #spNav {
		height: 100%;
		overflow: auto;
		margin-top: 100px;
	}
}
/* 202103 xyz追記 ここまで */

/*
.head .subNavi li:first-child{
	float:right;
	margin:0px;
}
*/
.globalNavi {
	background:url(../img/navi_bg.png) repeat-x left top;
	background:url(../img/navi_bg.png) repeat-x center top;/*★★★*/
	height:121px;
	width:100%;
	position:absolute;
	top:93px;
	left:0px;
	z-index:100;
}
.globalNavi ul{
	width:980px;
	margin:0px auto;
	height:121px;
}
.globalNavi ul li{
	float:left;
	width:158px;
	margin:0px 0px 0px 6px;
	position:relative;
	background:url(../img/navi_bg_nomal.png) no-repeat 0px -15px;
}
.globalNavi ul li:first-child{
	margin:0px 0px 0px 2px;
}
.globalNavi ul li > img{
	position:absolute;
	left:2px;
	top:0px;
	z-index:2;
}
.globalNavi ul li a{
	height:102px;
	display:block;
	width:158px;
	position:relative;
	text-align:center;
	z-index:1;
	overflow:hidden;
	padding:19px 0px 0px;
	background-repeat:no-repeat;
	background-position:9px 19px;
}
.globalNavi ul li a.ticket{
	background-image:url(../img/navi_01.png);
}
.globalNavi ul li a.information{
	background-image:url(../img/navi_02.png);
}
.globalNavi ul li a.event{
	background-image:url(../img/navi_07.png);
	/*background-image:url(../img/navi_03.png);*/
}
.globalNavi ul li a.attraction{
	background-image:url(../img/navi_04.png);
}
.globalNavi ul li a.food{
	background-image:url(../img/navi_05.png);
}
.globalNavi ul li a.story{
	background-image:url(../img/navi_06.png);
}
.globalNavi ul li a img.name{
	display:none;
	position:relative;
	z-index:10;
	margin:0px auto 0px;
}
.globalNavi ul li a img.bg{
	display:none;
	position:absolute;
	top:-15px;
	left:9px;
	z-index:1;
}
.globalNavi ul li.current a img.name{
	display:block;
	margin-top:15px;
}
.globalNavi ul li.current a img.bg{
	display:block;
	top:-1px;
}
.globalNavi ul li.current a{
	background-position:9px 34px;

}
.globalNavi ul li.current{
	background-position:0px 0px;
}

.globalNavi ul:after {
  content: '';
  display: block;
  clear: both;
}

/*--

	4.Contents Ele

====================================================== --*/
.contents{
	width:988px;
	margin:0px auto;
	background:url(../img/contents_bg.png) repeat-y left top;
}
.totop{
	position:fixed;
	right:-107px;
	bottom:-80px;
	z-index:100;
}
.totop a{
	width:77px;
	height:182px;
	display:block;
	background:url(../img/totop_off.png) no-repeat left bottom;
}
.totop a img{
	display:block;
	position:absolute;
	left:0px;
	top:14px;
        transition: all 300ms ease;
}
.totop a:hover{
	background:url(../img/totop_over.png) no-repeat left bottom;
}
.totop a:hover img{
	top:0px;
}

.snsNavi{
	position:fixed;
	width:63px;
	height:258px;
	right:0px;
	top:50%;
	margin:-129px 0px 0px;
	z-index:99;
}
.snsNavi dt{
	position:absolute;
	top:0px;
	left:0px;
        transition: all 300ms ease;
}
.snsNavi:hover dt{
	top:-10px;
}
.snsNavi dd{
	position:absolute;
	bottom:0px;
	height:183px;
	width:60px;
	padding:3px 0px 0px 3px;
	left:0px;
	background:url(../img/sns_bg.png) no-repeat left top;
	background:url(../img/sns_bg_02.png) no-repeat left top;
}


body > .time{
	width:166px;
	height:1190px;
	position:absolute;
	left:5px;
	/*
	head : 216
	top:-570px;
	top:-1150px;
	*/
	top:-570px;
	top:-1150px;
	z-index:90;
	background:url(../img/time.png) no-repeat center bottom;
}
.time .clock{
	width:118px;
	height:118px;
	left:23px;
	bottom:129px;
	position:absolute;
}
.time .clock img{
	position:absolute;
	left:55px;
}
.time .clock .hour{
	top:27px;

	top:-6px\9; /* IE8 */
	left:6px\9; /* IE8 */
}

:root .clock .hour {
	top:24px \0/; /* IE9 */
	left:55px \0/; /* IE9 */
}
.time .clock .minutes{
	top:12px;
}
.time .clock .seconds{
	bottom:3px;

	bottom:-23px\9; /* IE8 */
	left:-8px\9; /* IE8 */
}

:root .clock .seconds {
	bottom:3px \0/; /* IE9 */
	left:55px \0/; /* IE9 */
}

.time .char01{
	position:absolute;
	left:40px;
	bottom:398px;
	bottom:600px;
}
.time .char02{
	position:absolute;
	left:67px;
	bottom:309px;
	bottom:600px;
}
.time .text{
	position:absolute;
	left:2px;
	bottom:100px;
}
.time .day{
	position:absolute;
	left:18px;
	bottom:20px;
	z-index:1;
}
.time .day02{
	position:absolute;
	left:18px;
	bottom:20px;
	z-index:5;
}

.contents:after {
  content: '';
  display: block;
  clear: both;
}

/*
.totop a:hover img{
	visibility:visible;
}
*/
/*--

	5.Menu Ele

====================================================== --*/
.sub {
	width: 210px;
	background:url(../img/sub_bg_top.jpg) no-repeat left top;
	float: right;
	margin: 15px 0px 0px 0px;
	padding: 5px 0px 0px;
}
#Story .sub ,
#base .sub {
	background:none;
	padding:0px;
}
.sub nav > ul {
	background:url(../img/sub_bg.jpg) no-repeat right bottom;
	margin: 0px 5px 5px 0px;
	width: 205px;
	padding: 0px 0px 5px;
}
.sub nav > ul > li {
	width:200px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.sub nav > ul > li a {
	position: relative;
	display:block;
	text-decoration:none;
	width: 160px;
	line-height: 1.6em;
	font-size: 117%;
	color:#fff;
	text-shadow: -1px -1px rgba(0,0,0,0.3);
	padding: 1.5em 0px 1.5em 40px;
	background: url(../img/sub_li_current.png) no-repeat left top;
	/*★★★以下追加★★★*/
	text-shadow: none;
}
.sub nav > ul > li a:hover {
	background-position: -600px top;
}
.sub nav > ul > li a:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 15px;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-top: -9px;
	background: url(../img/mark_sub_link.png) 0 0 no-repeat;
	overflow: hidden;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.sub nav > ul > li a:hover:before {
	left: 20px;
}
.sub nav ul ul li {
    width: 200px;
}
.sub nav ul ul li a {
    color: #311900;
    text-shadow: 1px 1px #fff;
    padding: 1em 0px 1em 40px;
    font-size: 100%;
    background: transparent; /* xyz追記 */
/*  background: url(../img/sub_li.png) no-repeat left bottom;*/
    font-weight: bold;
	/*★★★以下追加★★★*/
	text-shadow: none;
}
.sub nav ul ul li.cur a {
    color: #b91e23;
}
.sub nav ul ul li a:hover {
	background-position: -600px bottom;
}
.sub nav ul ul li:last-child {
    border: none;
}
.sub nav ul ul li:last-child a {
    background-position: left center;
}
.sub nav ul ul li:last-child a:hover {
    background-position: -600px center;
}
.sub nav ul ul li a:before {
	top: 1em;
	left: 15px;
	margin-top: 0;
}
/*
.sub .root > a {
    background: url(../img/sub_li_02.png.html) no-repeat left bottom;
}
*/
.sub .root li:last-child a,
.sub .root li:last-child a:hover {
	background: transparent; /* xyz追記 */
 /*   background: url(../img/sub_li.png) no-repeat left bottom;*/
}
.sub li .root li:last-child a {
    padding-bottom: 20px;
}
.sub nav ul ul ul li {
	border: none;
}
.sub nav ul ul ul li a {
	line-height:1.6em;
	padding-top: .5em;
	padding-bottom: .5em;
    background-position: left center;
}
.sub nav ul ul ul li a:hover,
.sub nav ul ul ul li:last-child a:hover {
    background-position: left center;
}
.sub nav ul ul li:last-child li a:hover {
    background-position: left center;
}
.sub nav ul ul ul li a:before {
	left: 20px;
	width: 9px;
	height: 9px;
	background: url(../img/mark_sub_link_02.png) 0 0 no-repeat;
}
.sub nav ul ul ul li a:hover:before {
	left: 25px;
}
/*
.sub {
	width: 210px;
	background:url(../img/sub_bg_top.jpg) no-repeat left top;
	float: right;
	margin: 15px 0px 0px 0px;
	padding: 5px 0px 0px;
}
#Story .sub ,
#base .sub {
	background:none;
	padding:0px;
}
.sub ul{
	background:url(../img/sub_bg.jpg) no-repeat right bottom;
	margin:0px 5px 5px 0px;
	width:205px;
	padding:0px 0px 5px;
}
.sub ul li{
	width:200px;
	background:url(../img/sub_li.gif) no-repeat left bottom;
}
.sub ul li:last-child{
}
.sub ul li.current{
	background-image:url(../img/sub_li_current.gif);
}
.sub ul li:hover{
	background-position:-200px 100%;
}
.sub ul li a{
	display:block;
	height:30px;
	text-decoration:none;
	width:160px;
	line-height:30px;
	font-size:14px;
	color:#311900;
	text-shadow:1px 1px #fff;
	padding:25px 0px 25px 40px;
	background:url(../img/mark_sub_link.png) no-repeat 15px 32px;
}
.sub > ul > li:last-child a{
	padding:25px 0px 24px 40px;
}
.sub ul li.current a{
	color:#fff;
	text-shadow:-1px -1px rgba(0,0,0,0.3);
}
*/

.sub .twitter{
	width:198px;
	height:625px;
	background:url(../img/twitter_bg.jpg) no-repeat left top;
	padding:67px 0px 0px 7px;
	margin:0px 0px 5px;
}
.sub .twitter iframe{
	width:180px !important;
}
.sub .facebook{
	width:198px;
	height:543px;
	background:url(../img/facebook_bg.jpg) no-repeat left top;
	padding:67px 0px 0px 7px;
	margin:0px 0px 5px;
}
.sub .facebook span{
	width:185px !important;
}
.sub .facebook iframe{
	width:185px !important;
}

/*--

	6.Footer Ele

====================================================== --*/
.footer{
	background:url(../img/footer_bg.jpg) repeat left top;
	background:url(../img/footer_bg.jpg) repeat center bottom;/*★★★*/
	background-repeat: repeat-x;/*★★★*/
	background-color: #364364;
	padding:20px 0px 30px;
	padding-bottom: 1px;/*★★★*/
	width:100%;
}
.footer a{
	color:white;
	text-decoration:none;
}
.footer a:hover{
	text-decoration:underline;
}
.footer > p {
	color:white;
	font-size:11px;
	width:860px;
	margin:0px auto 20px;
	margin-bottom: 15px;/*★★★*/
	text-align:right;
}
.footer #footBnr + p {
	text-align: center;
}
#footNav {
	width:860px;
	margin:0px auto;
	font-size:14px;
	line-height:1.6em;
}
#footNav p a[href*='/tp/namja/'] {
	padding:0px 0px 0px 20px;
	background:url(../img/footer_mark_01.png) no-repeat 0px 4px;
}
#footNav ul {
	width:25%;
	float:left;
}
#footNav li {
	font-size:12px;
	line-height:1.5em;
	margin:0px 0px 20px;
}
#footNav li a {
	position: relative;
	padding:0px 0px 0px 20px;
	display:inline-block;
	background:url(../img/footer_mark_02.png) no-repeat 0px 4px;
}
#footNav li a[target] {
	padding-right: 15px;
}
#footNav li a[target]:after {
	content: '';
	position: absolute;
	top: .2em;
	right: 0;
	display: inline-block;
	width: 12px;
	height: 11px;
	background: url(../img/footer_icon.png) 0 0 no-repeat;
	overflow: hidden;
}
#footNav:after {
	content: '';
	display: block;
	clear: both;
}
#footBnr ul{
	text-align:center;
	font-size:1px;
	clear:both;
	padding:40px 0px 30px;
	padding-bottom: 75px;/*★★★*/
}
#footBnr li{
	display:inline;
	margin:0px 15px;
}

/*
.footer dl{
	width:860px;
	margin:0px auto;
	font-size:14px;
	line-height:1.6em;
}
.footer dl dt {
	margin:0px 0px 20px;
	font-weight:normal;
}
.footer dl dt a{
	padding:0px 0px 0px 20px;
	background:url(../img/footer_mark_01.png) no-repeat 0px 4px;
}

.footer dl dd{
	width:860px;
	padding:0px 0px 40px;
}
.footer dl dd ul{
	width:25%;
	float:left;
}
.footer dl dd ul.ex{
	width:20%;
}
.footer dl dd ul.ex02{
	width:30%;
}
.footer dl dd ul li{
	font-size:12px;
	line-height:1.5em;
	margin:0px 0px 20px;
}
.footer dl dd ul li a{
	padding:0px 0px 0px 20px;
	display:inline-block;
	background:url(../img/footer_mark_02.png) no-repeat 0px 4px;
}
.footer dl dd ul li a img{
	vertical-align:-1px;
	margin:0px 0px 0px 5px;
}
.footer > ul{
	text-align:center;
	font-size:1px;
	clear:both;
	padding:40px 0px 30px;
}
.footer > ul li{
	display:inline;
	margin:0px 15px;
}
*/


/*--

	7.Main Contents Ele

====================================================== --*/
h1,
.catTitle{
	text-align:center;
	margin:20px 0px 0px;
	font-size:1px;
	height:60px;
}
.path{
	width:960px;
	margin:0px auto;
	color:#311A00;
	line-height:19px;
	text-shadow:1px 1px #fff;
}


.path li {
	float: left;
	padding-right: 35px;
	background:url(../img/path_bg.gif) no-repeat right center;
}
.path li + li {
	margin-left: 10px;
}
.path li:last-child {
	background: none;
}
.path li:first-child a {
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 20px;
}
.path li:first-child a:before {
	content: '';
	position: absolute;
	left: 0;
	display: inline-block;
	width: 20px;
	height: 19px;
	background: url(../img/path_home.gif) 0 0 no-repeat;
	overflow: hidden;
}
.path a {
	margin:0px;
	color:#311A00;
}
.path ol:after {
  content: '';
  display: block;
  clear: both;
}
.main {
	background:url(../img/main_bg.jpg) no-repeat left top;
	float: left;
	width: 788px;
	margin: 0px -10px 0px 0px;
/*	padding:10px 10px 50px;*/
	padding:10px 40px 50px;
	color:#000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*--

	8.Common Parts Ele

====================================================== --*/
.main h1,
.main h2 {
	position: relative;
	text-align:left;
	background:url(../img/h2_bg.png) no-repeat left top;
	color:#1736A4;
	font-size: 20px;
	line-height: 1.4em;
/*	line-height: 24px;*/
/*	padding:10px 30px 10px 70px;*/
	text-shadow:1px 1px #fff;
	margin: 0px -30px 25px;
    padding: .8em 30px .8em 70px;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.2);
	clear:both;
	/*★★★以下追加★★★*/
	color: #fff;
	text-shadow: none;
	box-shadow: none;
}
.main h1:before,
.main h2:before {
	content: '';
	position: absolute;
	top: .5em;
	left: 30px;
	display: inline-block;
	width: 31px;
	height: 45px;
	background: url(../img/h2_icon.png) 0 0 no-repeat;
	overflow: hidden;
	/*★★★以下追加★★★*/
	left: 25px
}
.main h2.cardEx{
	background:url(../img/h2_bg_ex.gif) no-repeat left top;
}

.main > p + h2{
	margin-top:50px;
}
.main p{
	line-height:1.6em;
/*	margin:0px 0 30px;*/
}
.main h3{
	font-size:15px;
	line-height:1.6em;
/*	margin:0px 0px 10px 0;*/
	padding:5px 0px 5px 40px;
	text-shadow:1px 1px rgba(255,255,255,0.65);
	background:url(../img/h3.gif) no-repeat left top;
}
.main h3 span{
	font-size:12px;
	font-weight:normal;
	line-height:1.6em;
}
.main h3.ex{
	line-height:1.2em;
	margin:0px 0px 6px 0;
	padding:0px 0px 0px 40px;
}
.main h3 a {
	color: #000;
	text-decoration: none;
}
.main h3 a:hover {
	text-decoration: underline
}

.main h4{
	font-size:12px;
	line-height:1.2em;
	border-left:5px solid #F39801;
/*	margin:0px 0px 10px 0;*/
	padding:0px 0px 0px 5px;
	color:#000;
}

.main h3 + h4{
	margin-top:20px;
}

/*-- table --*/
/*-- ------------------------------------------------- --*/
.main .table{
	border:2px solid #89c3cd;
	margin:0px 0px 30px 0;
	border-collapse:collapse;
}
.main .table th{
	background:url(../img/table_th.gif) repeat left top;
	text-align:left;
	color:white;
	vertical-align:top;
	font-weight:bold;
	padding:15px 10px;
	border:1px solid #89c3cd;
	text-shadow:1px 1px rgba(0,0,0,0.3);
}
.main .table thead th{
	background:url(../img/table_thead.gif) repeat left top;
	text-align:center;
	padding:5px;
}
.main .table td{
	background:url(../img/table_td.gif) repeat left top;
	text-align:left;
	vertical-align:top;
	padding:15px 10px;
	border:1px solid #89c3cd;
	text-shadow:1px 1px rgba(255,255,255,1);
}
.main .table td p{
	margin:0px 0px 1.6em;
}
.main .table td.price{
	font-weight:bold;
	font-size:15px;
	text-align:center;
}
.main .table td.caption{
	padding:5px 10px;
	font-size:11px;
}
.main .table .color th{
	background:url(../img/table_th_02.gif) repeat left top;
}
.main .table .color td{
	background:url(../img/table_td_02.gif) repeat left top;
}
/*-- img --*/
/*-- ------------------------------------------------- --*/
.main .imgLeft{
	float:left;
	margin:0px 20px 50px 0;
}
.main .imgCenter{
	text-align:center;
	margin:0px 0px 50px;
}
.main .imgCenter + p{
	margin-top:-35px;
}
.main > p + .imgCenter{
	margin-top:-20px;
}

/*-- キャッチ --*/
/*-- ------------------------------------------------- --*/
.main .catch{
	color:#284299;
	font-size:15px;
	line-height:1.6em;
	font-weight:bold;
	margin:0px 30px 40px;
}


/*-- pager --*/
/*-- ------------------------------------------------- --*/
.main .pager{
	text-align:center;
	margin:0px 30px 30px;
	border:2px solid #89c3cd;
	padding:5px 0px;
	letter-spacing:2px;
	background:url(../img/table_td.gif) repeat left top;
}

.main .pager a{
	color:#000;
}


/*-- card --*/
/*-- ------------------------------------------------- --*/
#Heart{
	position:absolute;
	background:none;
	padding:0px;
	left:-4px;
	top:-10px;
	width:30px;
	height:35px;
	z-index:10;
	margin:0px;
	cursor:default;
}
#Diamond{
	cursor:default;
	position:absolute;
	background:none;
	padding:0px;
	left:22px;
	top:1px;
	width:44px;
	height:50px;
	z-index:10;
}
#Clover{
	position:absolute;
	display:block;
	margin:0px -470px 0px 0px;
	padding:0px;
	right:50%;
	top:36px;
	width:50px;
	height:60px;
	z-index:10;
}
#Clover a{
	cursor:default;
}
#Shitate {
    display: block;
    height: 57px;
    left: 10px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 1494px;
    width: 144px;
    z-index: 10;
}
#Shitate a{
	cursor:default;
}
#Mo {
    display: block;
    height: 57px;
    left: 10px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 1494px;
    width: 144px;
    z-index: 10;
}
#Mo a{
	cursor:default;
}

/*-- 一覧 --*/
/*-- ------------------------------------------------- --*/
.main .list{
	width:738px;
	margin:0px 0px 0px 0;
}
.main .list li{
	display: inline-block;
	width:229px;
	height:230px;
	margin:0px 10px 45px 0px;
}
.main .list li p{
	color:#2D479A;
	margin:2px 0px 5px;
	font-size:15px;
	text-align:center;
	line-height:20px;
	font-weight:bold;
}
.main .list li div{
	height:41px;
	margin:10px 0px 0px;
	padding:6px 0px 0px;
	text-align:center;
	background:url(../../images/attraction/list_bg.jpg) no-repeat center;
}
.main .list ul:after {
	content: '';
	display: block;
	clear: both;
}

@media only screen and (max-width: 600px) {
	.main .list{
		width: auto;
		margin: 0;
		min-height:230px;
	}
	.main .list li{
		width: 49%;
		text-align: center;
		margin: 0;
	}
	.main .list li a {
		display: block;
	}
	.main .list:after {
		content: '';
		display: block;
		clear: both;
	}
}
@media only screen and (max-width: 480px) {
	.main .list{
		width: auto;
		margin: 0;
		min-height:230px;
	}
	.main .list li{
		width: auto;
		display: block;
		text-align: center;
		margin: 0;
	}
	.main .list li + li {
		margin-top: 20px;
	}
	.main .list li a {
		display: block;
	}
	.main .list:after {
		content: '';
		display: block;
		clear: both;
	}
}

.cf:before,
.cf:after{
  content:"";
  display: table;
}
.cf:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.cf{
  *zoom:1;
}