@charset "utf-8";

/*******************************************************************************
 *
 *  Web Site  : www.lyura-kankou.com
 *  Modified  :  2010.6.24
 *  File         :  screen.css
 *
 * Copyright (c) 2010 kuuchuu.org
 *
 *******************************************************************************/

/* Tag Reset
----------------------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}


/* Font Reset
----------------------------------------------------------------------------------------------------*/
body {font:16px/1.231 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;}
select,input,button,textarea{font:99% "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;}
table {font-size:inherit;font-size:100%;}
*{word-break:break-all ;word-wrap:break-word ! important;}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/** http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
.clr,
.section:after,
.thumbnails:after,
.section dl.menu:after,
#content:after,
#nav ul:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
/* IE6 */
* html .clr,
* html .section,
* html .thumbnails,
* html .section dl.menu,
* html #content,
* html #nav ul{ zoom: 1; }
/* IE7 */
*:first-child+html .clr,
*:first-child+html .section,
*:first-child+html .thumbnails,
*:first-child+html .section dl.menu,
*:first-child+html #content,
*:first-child+html #nav ul{ zoom: 1; }


/* Dafault Design
--------------------------------------------------------------------------------------------------------------*/

/** default style */
:focus {outline:0;}
a{text-decoration:none;}
h1,h2,h3,h4,h5,h6,strong,b,th,caption {font-weight:bold;}
em {font-style:italic;}
img,textarea,input{vertical-align:bottom;}
form{display:inline;}
hr{display:none;}

/** font-size (base1em = 16px) */
h2{font-size:1.07em;}
h3{font-size:1em;}
h4{font-size:0.94em;}
h5,caption{font-size:0.88em;}
p,li,dd,dt{line-height:1.6;font-size:0.88em;}
th,td{line-height:1.6;font-size:0.82em;}

/** color */
h2,h3,h4,h5,h6{color:#666;}
p,li,dd,td{color:#666;}
th,dt{color:#808080;}
legend,caption{color:#929292;}
strong{color:#C00;}

/** link */
a{color:#666;text-decoration:none;}
a:hover{color:#C00;}

/** table */
table{width:100%;}
th,td{vertical-align:top;}
td p,td li,td dd,td dt{font-size:1em;}
caption{font-size:0.82em;}

/** form */
input,textarea{padding:3px 5px;border:1px solid #d9d9d9;}
select{border:1px solid #d9d9d9;}
input:focus,select:focus,textarea:focus{color:#333;border-color:#808080;}


/* Layout
----------------------------------------------------------------------------------------------------*/

body{
	background:#254f7b url(../images/body-bg.jpg) no-repeat top center;
}

#container{
	position:relative;
	width:904px;
	margin:0 auto;
	padding-top:83px;
}

#header{
	position:absolute;
	top:0;
	left:0;
}

#content{
	padding-bottom:20px;
	background:transparent url(../images/content-bg-trans.png) repeat-y 0 0;
}

#footer{
	clear:both;
	position:relative;
	width:904px;
	padding-top:11px;
	background:transparent url(../images/content-btm-trans.png) no-repeat 0 0;
}




/* navigation
----------------------------------------------------------------------------------------------------*/
#nav{
	width:904px;
	height:63px;
	background:transparent url(../images/navigation-bg-trans.png) no-repeat 0 0;
}

#nav li{
	float:left;
}

#n-home{padding:0 56px 0 23px;}
#n-cruise{padding-right:11px;}
#n-restaurant{padding-right:11px;}
#n-store{padding-right:11px;}
#n-access{padding-right:22px;}

#n-home a,
#n-cruise a,
#n-restaurant a,
#n-store a,
#n-access a{
	display:block;
	overflow:hidden;
	margin:1px 0 0 0;
	padding:0;
	height:58px;
	text-indent:-9999px;
	background:transparent url(../images/navigation.png) no-repeat 0 0;
}

#n-home a{width:260px;background-position:-24px 0;}
#n-cruise a{width:130px;background-position:-340px 0;}
#n-restaurant a{width:130px;background-position:-481px 0;}
#n-store a{width:120px;background-position:-622px 0;}
#n-access a{width:130px;background-position:-753px 0;}

#n-home a:hover{background-position:-24px -65px;}
#n-cruise a:hover{background-position:-340px -65px;}
#n-restaurant a:hover{background-position:-481px -65px;}
#n-store a:hover{background-position:-622px -65px;}
#n-access a:hover{background-position:-753px -65px;}




/* footer
----------------------------------------------------------------------------------------------------*/

/* pagetop */
#pagetop-nav{
	float:right;
	width:128px;
	height:18px;
	padding-right:67px;
}

#pagetop-nav a{
	display:block;
	padding:4px;
	background:#000;
	color:#FFF;
	font-size:0.75em;
	text-decoration:none;
	text-align:center;
	filter: alpha(opacity=50);
	opacity:0.50;
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px; 
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	zoom:1;
}

#pagetop-nav a:hover{
	padding-top:5px;
	filter: alpha(opacity=70);
	opacity:0.70;
}


/* address */
#address{
	padding:30px 16px 0 77px;
}

#address dt{
	margin-bottom:5px;
	color:#d3dce5;
	font-size:0.94em;
	font-weight:bold;
	text-shadow:0 1px 0 #152e47;
}

#address dd{
	color:#d3dce5;
	font-size:0.75em;
	text-shadow:0 1px 0 #0f2031;
}

/* copyright */
#copyright{
	padding:10px 0 20px 77px;
}

#copyright p{
	color:#d3dce5;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.69em;
	text-shadow:0 1px 0 #0f2031;
}

#copyright p a{
	color:#FFF;
	text-decoration:none;
}

#copyright p a:hover{
	text-decoration:underline;
}


/* common
----------------------------------------------------------------------------------------------------*/

/* bar */
.bar{
	background:transparent url(../images/bar.png) no-repeat 50% 100%;
}




/* section (w780) */
.section{
	margin:0 62px;
	padding:30px 0;
}


.section p a{
	text-decoration:underline;
}

.section h2,
.section h3,
.section h4,
.section h5,
.section h6,
.section p,
.section ul,
.section ol,
.section dl,
.section caption{
	margin:0 0 10px;
}

.section h2,
.section h3,
.section h4,
.section h5,
.section h6,
.section p,
.section li,
.section dt,
.section dd{
	text-shadow: #FFFEFF 0px 1px 0px;
}

.section p.attention{
	font-size:0.75em;
	color:#C00;
}
.section p.note{
	font-size:0.75em;
	color:#999;
}


ol.number li{
	margin:0 0 5px 20px;
	list-style-position:outside;
	list-style-type:disc;
	marker-offset:auto;
}

ol.number li{
	margin-left:50px;
	list-style-type:decimal;
}


.section dl.define dt{
	margin-top:10px;
	color:#999;
	font-size:1em;
}

.section dl.define dd{
	margin-left:20px;
}

.section dl.define dd strong{
	font-size:2em;
}



.section dl.menu{
	padding:0 30px 20px 15px;
}


.section dl.menu dt{
	clear:both;
	float:left;
	padding:2px 2px 1px;
}

.section dl.menu dd{
	padding:2px 2px 0;
	border-bottom:1px dotted #E1E1E1;
	text-align:right;
}




/* col */
.col2{
	float:left;
	width:50%;
}

.section .col2 h3,
.section .col2 p{
	padding:0 17px;
}

.section .col2 h3{
	margin:20px 0 0 0;
}

/* desc */
.section .desc{
	float:left;
	width:370px;
}

.section .desc h3,
.section .desc p,
.section .desc ul,
.section .desc ol,
.section .desc dl{
	padding:0 15px;
}



/* photo */

.section .photo{
	position:relative;
	float:left;
	width:400px;
	height:300px;
	padding:5px;
	margin:10px 0 30px;
	background:transparent url(../images/photo-bg.png) no-repeat 0 0;
}

.section .photo .caption{
	z-index:10;
	position:absolute;
	left:5px;
	bottom:5px;
	display:block;
	width:390px;
	padding:5px;
	color:#fff;
	font-size:0.75em;
	text-decoration:none;
	text-align:center;
	background:#000;
	 filter:alpha(opacity=80);
	-moz-opacity:0.8; 
	-khtml-opacity:0.8;
	opacity:0.8;
}

.section .thumbnails{
	clear:both;
}

.section .thumbnails li{
	float:right;
	width:104px;
	height:79px;
	padding:3px;
	background:transparent url(../images/thumbnail-bg.png) no-repeat 0 0;
}

.section .thumbnails li a{
	display:block;
	width:100px;
	height:75px;
	overflow:hidden;
	border:2px solid #FFF;
}

.section .thumbnails li a:hover{
	border:2px solid #92d9f3;
}

/* map */
.section .map{
	display:block;
	float:left;
	width:400px;
	height:400px;
	margin-top:100px;
	padding:5px;
	background:transparent url(../images/map-bg.png) no-repeat 0 0;
}

#store .section .map{margin-top:0;}

#cruise-map,
#restaurant-map,
#store-map{
	width:400px;
	height:400px;
}

#access-map{
	width:770px;
	height:545px;
}


/* home
----------------------------------------------------------------------------------------------------*/

/* area */
#main-image,
#service,
#link{ /*section*/
	margin:0 48px;
	padding:30px 0;
	width:810px;
}

/* icons */
#service-cruise h3,
#service-restaurant h3,
#service-store h3,
#link h2{
	display:block;
	overflow:hidden;
	margin:0 0 10px;
	padding:0;
	width:250px;
	height:60px;
	text-indent:-9999px;
	background:transparent url(../images/home-icons.png) no-repeat 0 0;
}

#service-cruise h3{background-position:0 0;}
#service-restaurant h3{background-position:0 -60px;}
#service-store h3{background-position:0 -120px;}
#link h2{height:30px;background-position:0 -180px;}


/* service */



#service .col3{
	float:left;
	width:260px;
}

#service .col3 p{
	padding:0 5px;
	font-size:0.75em;
	text-shadow: #FFFEFF 0px 1px 0px;
}

#service .central{
	margin:0 15px 10px;
}

#service .large-bnr{
	width:254px;
	height:254px;
	padding:3px;
	margin-bottom:5px;
	background:transparent url(../images/large-bnr-bg.png) no-repeat 0 0;
}

#service .large-bnr a{
	display:block;
	width:250px;
	height:250px;
	overflow:hidden;
	border:2px solid #FFF;
}

#service .large-bnr a:hover{
	border:2px solid #92d9f3;
}

/* link */
ul.banner{}

ul.banner li{
	float:left;
	width:182px;
	height:65px;
	margin:0 26px 0 0;
}

ul.banner li.last{margin-right:0;}

ul.banner li a{
	display:block;
	width:180px;
	height:63px;
	overflow:hidden;
	border:1px solid #CCC;
}

ul.banner li a:hover{
	border:1px solid #92d9f3;
}


/* cruise
----------------------------------------------------------------------------------------------------*/

#cruise-main h2,
#cruise-course h2,
#cruise-reserve h2,
#cruise-tel{
	display:block;
	overflow:hidden;
	margin:0 0 10px;
	padding:0;
	width:350px;
	text-indent:-9999px;
	background:transparent url(../cruise/images/cruise-icons.png) no-repeat 0 0;
}

#cruise-main h2{height:140px;background-position:5px 0;}
#cruise-course h2{height:60px;background-position:5px -140px;}
#cruise-reserve h2{height:100px;background-position:5px -200px;}
#cruise-tel{height:100px;background-position:4px -300px;}



/* restaurant
----------------------------------------------------------------------------------------------------*/
#restaurant-main h2,
#restaurant-data h2,
#h-teishoku,
#h-softdrink,
#h-other,
#h-keishoku,
#h-dessert,
#h-alcohol,
#restaurant-other{
	display:block;
	overflow:hidden;
	margin:0 0 10px;
	padding:0;
	width:350px;
	text-indent:-9999px;
	background:transparent url(../restaurant/images/restaurant-icons.png) no-repeat 0 0;
}

#restaurant-main h2{height:140px;background-position:5px 0;}
#restaurant-data h2{height:100px;background-position:5px -550px;}
#h-teishoku{height:50px;background-position:5px -150px;}
#h-softdrink{height:50px;background-position:5px -200px;}
#h-other{height:50px;background-position:5px -250px;}
#h-keishoku{height:50px;background-position:5px -300px;}
#h-dessert{height:50px;background-position:5px -350px;}
#h-alcohol{height:50px;background-position:5px -400px;}
#restaurant-other{height:100px;background-position:4px -450px;}


/* store
----------------------------------------------------------------------------------------------------*/

#store-main h2,
#store-items h2,
#store-menu h2,
#store-data h2{
	display:block;
	overflow:hidden;
	margin:0 0 10px;
	padding:0;
	width:350px;
	text-indent:-9999px;
	background:transparent url(../store/images/store-icons.png) no-repeat 0 0;
}

#store-main h2{height:150px;background-position:5px 0;}
#store-items h2{height:50px;background-position:5px -150px;}
#store-menu h2{height:50px;background-position:5px -200px;}
#store-data h2{height:100px;background-position:5px -250px;}


#store-items .desc{float:right;}
#store-items .photo{float:left;}
#store-items .thumbnails li{float:left;}

#store-data .desc{float:right;}
#store-data .map{float:left;}



/* access
----------------------------------------------------------------------------------------------------*/

#access .section .map{
	float:none;
	width:770px;
	height:545px;
	margin-top:30px;
	padding:5px;
	background:transparent url(../access/images/map-bg.png) no-repeat 0 0;
}

#access-direction p.note{
	margin-left:30px;
}


#access-direction h2,
#access-data h2,
#h-bycar,
#h-bytrain,
#h-yurakankoukaihatsu{
	display:block;
	overflow:hidden;
	margin:0 0 10px;
	padding:0;
	width:350px;
	text-indent:-9999px;
	background:transparent url(../access/images/access-icons.png) no-repeat 0 0;
}

#access-direction h2{height:50px;background-position:5px 0;}
#access-data h2{height:50px;background-position:5px -50px;}
#h-bycar{height:50px;background-position:5px -100px;}
#h-bytrain{height:50px;background-position:5px -150px;}
#h-yurakankoukaihatsu{height:50px;background-position:5px -200px;}