@charset "utf-8";


/* reset style
----------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

h1,h2,h3,h4,h5,h6,p {
	font-weight:normal;
	font-size: 100%;
	text-align:left;
}

ol,ul,li,nav ul {
	list-style:none;
}

ul,li,img{
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:bottom;
	line-height:1.6;
	text-align:left;
}

caption,th {
	text-align:left;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	text-decoration:none;
	outline:0;
	line-height:1.6;
/* Hides from IE-mac \*/
	overflow:hidden;
/* End hide from IE-mac */
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

img,td,th {
	border:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

td,th{
	text-align: left;
	vertical-align: top;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}


/* CLEAR FIX*/
.clearfix:after,
p.text:after{
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}
.clearfix,
p.text{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
* html p.text { height: 1%;}
.clearfix,
p.text{display: block;}
/* End hide from IE-mac */



/* common
----------------------------------------------------------------------------------*/

body {
 	margin:0 auto;
	padding:0;
	font-size:75%;
	font-family:"�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け","Osaka","繝｡繧､繝ｪ繧ｪ",Meiryo,"繝偵Λ繧ｮ繝手ｧ偵ざPro W3","Hiragino Kaku Gothic Pro",Verdana,Arial,sans-serif;
	line-height:1.8;
	color:#4d4d4d;
	vertical-align:top;
}


a:link   {color:#646464;text-decoration:underline;}
a:visited{color:#646464;text-decoration:underline;}
a:hover  {color:#646464;text-decoration:none;}
a:active {color:#646464;text-decoration:underline;}

a:hover img{
    opacity:0.50;
    filter: alpha(opacity=50);
}

/* margin */
.mt0  {margin-top:0px!important;}
.mt5  {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}

.mb0  {margin-bottom:0px!important;}
.mb5  {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}

.mr0  {margin-right:0px!important;}
.mr5  {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr20 {margin-right:20px!important;}
.mr25 {margin-right:25px!important;}
.mr30 {margin-right:30px!important;}

.ml0  {margin-left:0px!important;}
.ml5  {margin-left:5px!important;}
.ml10 {margin-left:10px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml25 {margin-left:25px!important;}
.ml30 {margin-left:30px!important;}

/* padding */
.pt0  {padding-top:0px!important;}
.pt5  {padding-top:5px!important;}
.pt10 {padding-top:10px!important;}
.pt15 {padding-top:15px!important;}
.pt20 {padding-top:20px!important;}
.pt25 {padding-top:25px!important;}
.pt30 {padding-top:30px!important;}

.pb0  {padding-bottom:0px!important;}
.pb5  {padding-bottom:5px!important;}
.pb10 {padding-bottom:10px!important;}
.pb15 {padding-bottom:15px!important;}
.pb20 {padding-bottom:20px!important;}
.pb25 {padding-bottom:25px!important;}
.pb30 {padding-bottom:30px!important;}

.pr0  {padding-right:0px!important;}
.pr5  {padding-right:5px!important;}
.pr10 {padding-right:10px!important;}
.pr15 {padding-right:15px!important;}
.pr20 {padding-right:20px!important;}
.pr25 {padding-right:25px!important;}
.pr30 {padding-right:30px!important;}

.pl0  {padding-left:0px!important;}
.pl5  {padding-left:5px!important;}
.pl10 {padding-left:10px!important;}
.pl15 {padding-left:15px!important;}
.pl20 {padding-left:20px!important;}
.pl25 {padding-left:25px!important;}
.pl30 {padding-left:30px!important;}

.align-l{text-align:left!important;}
.align-r{text-align:right!important;}
.align-c{text-align:center!important;}

.fR{float:right!important;}
.fL{float:left!important;}

.clear{clear:both!important;}
.wrap{overflow:hidden;zoom:1;}



/* structure
----------------------------------------------------------------------------------*/
#contents{
	width:960px;
	margin:0 auto;
}


/* header
----------------------------------------------------------------------------------*/
#header{
	min-width:1200px;
	padding:50px 0 10px;
	border-bottom:1px solid #ef6ca6;
	background:url(../img/bg-header.gif) no-repeat right bottom;
}
#header p{text-align:center;}
#header #logo{
	margin:0 0 5px;
}
#header #header-navi{
	margin:0 0 10px;
	text-align:center;
}
#header #header-navi li{
	display:inline;
	padding:0 10px;
}



/* footer
----------------------------------------------------------------------------------*/
#footer{
	min-width:1200px;
	padding:35px 0 10px;
	border-top:1px solid #ef6ca6;
}
#footer p{text-align:center;}
#footer #footer-navi{
	margin:0 0 10px;
	text-align:center;
}
#footer #footer-navi li{
	display:inline;
	padding:0 10px;
}



/* top
----------------------------------------------------------------------------------*/
#top{
	position:relative;
	width:1200px;
	height:600px;
	margin:0 auto;
	background:url(../img/bg-top.jpg) no-repeat 0 0;
}
#top #marker li,
#top #area li,
#top #tooltip li{position:absolute;}

#top #area li,
#top #tooltip li{display:none;}

#top #marker li  {z-index:20;}
#top #area li    {z-index:10;}
#top #tooltip li {z-index:30;}


#top #marker .marker-fkd        {top:245px;left:680px;}
#top #marker .marker-village    {top:100px;left:360px;}
#top #marker .marker-stage      {top:35px;left:495px;}
#top #marker .marker-stadium    {top:-10px;left:650px;}
#top #marker .marker-sportsclub {top:-35px;left:760px;}
#top #marker .marker-movix      {top:145px;left:635px;}


#top #area .area-fkd        {top:246px;left:447px;}
#top #area .area-village    {top:105px;left:180px;}
#top #area .area-stage      {top:8px;left:347px;}
#top #area .area-stadium    {top:47px;left:570px;}
#top #area .area-sportsclub {top:-53px;left:730px;}
#top #area .area-movix      {top:138px;left:598px;}


#top #tooltip .tooltip-fkd        {top:100px;left:480px;}
#top #tooltip .tooltip-village    {top:-55px;left:168px;}
#top #tooltip .tooltip-stage      {top:-115px;left:280px;}
#top #tooltip .tooltip-stadium    {top:-160px;left:425px;}
#top #tooltip .tooltip-sportsclub {top:-180px;left:555px;}
#top #tooltip .tooltip-movix      {top:15px;left:450px;}


#top #tooltip li .tooltip-content{
	position: relative;
	padding:20px;
	background:#ffffff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
#top #tooltip li .tooltip-content:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";

	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 20px;
	margin-left: -20px;
}
#top #tooltip li .tooltip-content .tooltip-L{
	float:left;
	width:180px;
	margin:0 15px 0 0;
}
#top #tooltip li .tooltip-content .tooltip-R{float:right;overflow:hidden;}
#top #tooltip li .tooltip-content .tooltip-R h2{margin:0 0 10px;}
#top #tooltip li .tooltip-content .tooltip-R .links{
	margin:10px 0 0;
	padding-left:17px;
	background:url(../img/arrow.gif) no-repeat 0 center;	
}

#top #tooltip li .close{
	position:absolute;
	top:-15px;
	right:-15px;
	z-index:100;
}



/* access
----------------------------------------------------------------------------------*/
#parking{
	float:left;
	width:502px;
	height:363px;
	padding:237px 0 0 153px;
	background:url(../img/bg-parking.jpg) no-repeat 0 0;
}


#access-bus{
	float:right;
	width:280px;
}
#access-bus img{
	width:280px;
	height:auto;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#access-bus img:hover{
    transform: scale(2);
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
}
#access-bus .access{
	margin:0 0 15px;
}
#access-bus p.bus{
	margin-bottom:10px;
}
#access-bus p.coution{
	text-size:10px;
	text-align:right;
}




/* shop
----------------------------------------------------------------------------------*/
.restaurant h1{margin:20px 0 30px;}
.restaurant h2{clear:both;margin:20px 0;}

.restaurant .shop{
	width:972px;
	margin:0 -12px 0 0;
	overflow:hidden;
}
.restaurant .shop li{
	position:relative;
	float:left;
	width:150px;
	margin:0 12px 30px 0;
	padding:0 0 30px;
}
.restaurant .shop li .hp{position:absolute;left:0;bottom:10px;}
.restaurant .shop li p{margin:5px 0 -5px;}

.restaurant .shop li .ttl,
.restaurant #suncoat p span{
	font-family:"Osaka","繝｡繧､繝ｪ繧ｪ",Meiryo;
	font-weight:bold;
}
.restaurant .fkd li .ttl span{color:#ff6464;}
.restaurant .village li .ttl span{color:#0094d1;}
.restaurant .stadium li .ttl span{color:#727176;}
/* .restaurant .stadium li .ttl span,
.restaurant #suncoat p span{color:#727176;}
*/
.restaurant .stage li .ttl span{color:#e4679e;}

/*
.restaurant .stadium{
	float:right;
	width:648px;
	margin:0 -12px 0 0;
	overflow:hidden;
}
.restaurant #suncoat{
	float:left;
	width:312px;
}
*/
.hours{
	width:100%;
	margin:15px 0;
	border-bottom:1px #cccccc solid;
}



