@charset "utf-8";


/*=================================================
 * ブラウザのデフォルトのスタイルをリセットする
 * ================================================= */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
}

body {
 line-height: 1;
 /*-webkit-text-size-adjust: none;*/
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
 display:block;
}

img {
 border: 0;
 vertical-align: bottom;
}

ul, ol {
 list-style: none;
}

table {
 border-spacing: 0;
 empty-cells: show;
}


/*=================================================
 * サイト全体の基本スタイル
 * ================================================= */

body {
 background-color: #ffffff;
 font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif';
 font-size: 14px;
 line-height: 1.6;
 color: #333;
}

a {
 color: #333;
}


/* header */



div.headerBox{
	margin: 0px auto;
	width: 320px;
	position: relative;
}


body.nonH div.headerBox{
	display:none;
}


body.nonH div.header{
	display:none;
}

body.nonF div.footer{
	display:none;
}


div.headerBox p.first{
	position: absolute;
	left: 215px;
	top: 8px;
	-webkit-box-shadow: 1px 1px 3px #000000;  /* Webkit用 */
	-moz-box-shadow: 1px 1px 3px #000000;  /* Firefox用 */

}


div.header{
	margin: 0px auto;
	width: 320px;
	background: url(../../img/cmn/h_bg.jpg) no-repeat left top;
	height: 97px;
	position: relative;
}

div.top{
	background: url(../../img/cmn/h_bg_top.jpg) no-repeat left top;
	height: 181px;
}




div.reserveTop{
	background: url(../../img/cmn/h_bg2_top.jpg) no-repeat left top;
	height: 199px;
}


div.reserveH{

	background: url(../../img/cmn/h_bg2.jpg) no-repeat left top;

}

div.header p.logo{
	position: absolute;
	left: 9px;
	top: 9px;
}
div.header .logo{
	position: absolute;
	left: 9px;
	top: 9px;
  font-size:1em;
}

div.header p.first{
	position: absolute;
	left: 199px;
	top: 10px;
}

div.header p.point{
	position: absolute;
	left: 199px;
	top: 46px;
}

div.header .gnaviHome{
	position: absolute;
	left: 0px;
	top: 49px;
}

div.header .gnaviReserve{
	position: absolute;
	left: 163px;
	top: 49px;
}


div.top .gnaviHome{
	position: absolute;
	left: 0px;
	top: 133px;
}
div.top .gnaviReserve{
	position: absolute;
	left: 163px;
	top: 133px;
}

div.reserveTop .gnaviHome{
	position: absolute;
	left: 0px;
	top: 151px;
}
div.reserveTop .gnaviReserve{
	position: absolute;
	left: 163px;
	top: 151px;
}

div.container p.header_bnr {
	margin:0 auto;
	width:320px;
}




/* wrapper */


div.wrapper{
	margin: 0px auto;
	width: 320px;
}



div.gnavi{
	background: url(../../img/cmn/gnavi_bg.gif) no-repeat left top;
}

div.gnavi ul{
	
}

div.gnavi ul li{
	
	float: left;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}

div.gnavi ul li.home{
	background: url(../../img/cmn/gnavi_home.png) no-repeat left top;
	font-size: 20px;
}

div.gnavi ul li.reservation{
	background: url(../../img/cmn/gnavi_reservation.png) no-repeat left top;
	font-size: 18px;
}

div.gnavi ul li a{
	padding-top: 8px;
	width: 160px;
	height: 40px;
	color: #ffffff;
	text-decoration: none;
	display: block;
}





/* checkship */

.checkship {
	background:url(../../img/cmn/check_ship.png) left top no-repeat;
	width:270px;
	height:47px;
	padding:0 0 0 50px;
	margin:0 auto -2px;
	position:relative;
	z-index:100;
}

.checkship .flexslider {
	margin: 0;
	background-color:transparent;
	border:none;
	position: relative;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	zoom: 1;
	background: url(../../img/cmn/check_ship_arrow.png) 257px 35px no-repeat;
}

.checkship .flexslider.noarrow {
	background-image: none;
}

.checkship .flexslider .slides {
}

.checkship .flexslider .slides li {
}

.checkship .flexslider .slides li a {
	background:url(../../img/cmn/check_ship_border.gif) left center no-repeat;
	color:#0e73ca;
	text-align:center;
	display:block;
	height:33px;
	padding:12px 0 0 0;
	font-size:13px;
}



/* checkship header2.html横スクロール無し用 */

.noslides .checkship {
	background:url(../../img/cmn/check_ship_notxt.png) left bottom no-repeat;
	width:320px;
	height:auto;
	min-height:47px;
	padding:0;
	margin:0 auto -2px;

}

.noslides .checkship .flexslider {
	background: url(../../img/cmn/check_ship_txt.png) left center no-repeat;
	padding:11px 0 12px 50px;

}

.noslides .checkship .flexslider .slides {
}

.noslides .checkship .flexslider .slides:after {
	content: '';
	display: block;
	clear: both;
}

.noslides .checkship .flexslider .slides li {
}

.noslides .checkship .flexslider .slides li a {
	background:url(../../img/cmn/check_ship_border.gif) left center no-repeat;
	color:#0e73ca;
	text-align:center;
	display: inline-block;
	float:left;
	height:21px;
	width:89px;
	padding:1px 0 0 0;
	font-size:13px;
}






/* footer */


div.footer,
div.footer2{
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 320px;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#035ead),
	to(#478ecc)
  );

}




div.footer p,
div.footer2 p{
	padding-bottom: 10px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

div.footer p a,
div.footer2 p a{
	text-decoration: none;
	color: #ffffff;
}


div.footer h4,
div.footer2 h4{
	padding: 3px 0px 3px 0px;
	background-color: #002748;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}



div.footerInformation{
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 320px;
}

div.footerInformation p.title{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 10px;
	background: url(../../img/cmn/information_bg.gif) repeat-x left top;
	color: #ffffff;
	font-size: 20px;
}



div.footerInformation div.listBox div.block ul li{
}


div.footerInformation div.listBox div.block ul li a{
	padding-left: 41px;

}


div.footerInformation div.listBox div.block ul li.first{
	background: #ffffff url(../../img/cmn/ficon_first.gif) no-repeat 9px 9px;
}

div.footerInformation div.listBox div.block ul li.mymenu{
	background: #ffffff url(../../img/cmn/ficon_mymenu.gif) no-repeat 9px 9px;
}

div.footerInformation div.listBox div.block ul li.faq{
	background: #ffffff url(../../img/cmn/ficon_faq.gif) no-repeat 9px 9px;
}
div.footerInformation div.listBox div.block ul li.inquiry{
	background: #ffffff url(../../img/cmn/ficon_mail.gif) no-repeat 9px 9px;
}

div.footerInformation div.listBox div.block ul li.friend{
	background: #ffffff url(../../img/cmn/ficon_mail.gif) no-repeat 9px 9px;
}

div.footerInformation div.listBox div.block ul li.os{
	background: #ffffff url(../../img/cmn/ficon_os.gif) no-repeat 9px 9px;
}

div.footerInformation div.listBox div.block ul li.release{
	background: #ffffff url(../../img/cmn/ficon_release.gif) no-repeat 9px 9px;
}

div.footer div.fMenu{
	
}


div.footer div.fMenu ul{
	
}

div.footer div.fMenu ul li{
	
	float: left;
	width: 80px;
	text-align: center;
	font-size: 12px;
}

div.footer div.fMenu ul li a{
	padding-top: 30px;
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: 80px;
	height: 22px;
}


div.footer div.fMenu ul li.fish{
	background: url(../../img/cmn/f_menu_fish.gif) no-repeat left top;
}

div.footer div.fMenu ul li.analysis{
	background: url(../../img/cmn/f_menu_analysis.gif) no-repeat left top;
}

div.footer div.fMenu ul li.reserve{
	background: url(../../img/cmn/f_menu_reserve.gif) no-repeat left top;
}

div.footer div.fMenu ul li.tide{
	background: url(../../img/cmn/f_menu_tide.gif) no-repeat left top;
}


div.footer div.footerBox{
	background-color: #003f75;
}

div.footer div.footerBox div.fNavi{
	padding: 15px 0px 0px 0px;
	border-bottom: solid 1px #7396b3;
}

div.footer div.footerBox div.fNavi ul{
	margin: 0px 0px 15px 20px;
}

div.footer div.footerBox div.fNavi ul li{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	float: left;
	width: 140px;
	font-weight: bold;
}

div.footer div.footerBox div.fNavi ul li a{
	text-decoration: none;
	display: block;
	
}

div.footer div.footerBox div.fNavi ul li.home{
	background: url(../../img/cmn/fnavi_home.gif) no-repeat left top;
	background-size:100% 100%;
	text-indent: 47px;
}

div.footer div.footerBox div.fNavi ul li.reserve{
	background: url(../../img/cmn/fnavi_reserve.gif) no-repeat left top;
	background-size:100% 100%;
	text-indent: 20px;
}

div.footer div.footerBox div.fNavi ul li.home a{
	color: #ffffff;
	
}

div.footer div.footerBox div.fNavi ul li.reserve a{
	color: #2d7003;

}


div.footer div.footerBox div.fNavi p.footer_bnr{
	margin:0 auto;
	padding:0 0 10px 0;
	font-size: 12px;
	font-weight: normal;
	width:300px;
}


div.footer div.footerBox div.fNavi p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-size: 12px;
	font-weight: normal;
}

div.footer div.footerBox div.fNavi p a{
	text-decoration: underline;
}



div.footer div.footerBox div.emergency{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

div.footer div.footerBox div.emergency p.text{
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	color: #ffffff;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
}


div.footer div.footerBox div.emergency p.btnTel{
	margin: 0px 0px 0px 30px;
	padding: 7px 0px 8px 0px;
	width: 260px;
	background: url(../../img/cmn/btn_tel.gif) no-repeat 0px 0px;
	background-size:100% 100%;
	font-size: 12px;
}


div.footer div.footerBox div.emergency p.btnTel a{
	display: block;
	color: #333333;
}







/*  */

div.fReserve div.footerInformation p.title{
	background: url(../../img/cmn/information_bg2.gif) repeat-x left top;
}

div.fReserve div.footerInformation div.listBox div.block ul li.chowari{
	background: #ffffff url(../../img/cmn/ficon2_chowari.gif) no-repeat 9px 9px;
}

div.fReserve div.footerInformation div.listBox div.block ul li.faq{
	background: #ffffff url(../../img/cmn/ficon2_faq.gif) no-repeat 9px 9px;
}

div.fReserve div.footerInformation div.listBox div.block ul li.inquiry{
	background: #ffffff url(../../img/cmn/ficon2_mail.gif) no-repeat 9px 9px;
}

div.fReserve div.footerInformation div.listBox div.block ul li.friend{
	background: #ffffff url(../../img/cmn/ficon2_mail.gif) no-repeat 9px 9px;
}

div.fReserve div.footerInformation div.listBox div.block ul li span.arrow{
	background: url(../../img/cmn/arrow_reserve2.gif) no-repeat left top;
}

div.fReserve div.fMenu ul li.fish{
	background: url(../../img/cmn/f2_menu_fish.gif) no-repeat left top;
}

div.fReserve div.fMenu ul li.analysis{
	background: url(../../img/cmn/f2_menu_analysis.gif) no-repeat left top;
}

div.fReserve div.fMenu ul li.reserve{
	background: url(../../img/cmn/f2_menu_reserve.gif) no-repeat left top;
}

div.fReserve div.fMenu ul li.tide{
	background: url(../../img/cmn/f2_menu_tide.gif) no-repeat left top;
}

div.fReserve div.footerBox{
	background-color: #235c00;
}

div.footer div.footerBox div.fNavi{
	border-bottom: solid 1px #86a673;
}

div.fReserve div.footerBox div.fNavi ul li.home{
	background: url(../../img/cmn/fnavi2_home.gif) no-repeat left top;
	background-size:100% 100%;
}

div.fReserve div.footerBox div.fNavi ul li.reserve{
	background: url(../../img/cmn/fnavi2_reserve.gif) no-repeat left top;
	background-size:100% 100%;
}


div.fReserve div.footerBox div.fNavi ul li.home a{
	color: #045eae;
	
}

div.fReserve div.footerBox div.fNavi ul li.reserve a{
	color: #ffffff;

}

div.fReserve div.footerBox div.emergency p.btnTel{
	background: url(../../img/cmn/btn_tel2.gif) no-repeat 0px 0px;
	background-size:100% 100%;
}






div.fReserve h4{
	background-color: #113309;
}



/*
===== 00: CLEARFIX ==========================================
*/

.plansort ul:after,
.section:after,
div.gnavi ul:after{
 content: '';
 display: block;
 clear: both;
}