@charset "utf-8";
/* CSS Document */
/*==============================
           NORMALIZE
==============================*/
html{
	overflow-y: scroll;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	box-sizing: border-box;
}
 
*, *:before, *:after {
	box-sizing: inherit;
	background-repeat: no-repeat;
}
 
:before,:after {
	text-decoration: inherit; 
	vertical-align: inherit;
}

* {
	padding: 0;
	margin: 0;
}


ol, ul{
  list-style: none;
}
 
table{
	border-collapse: collapse; 
	border-spacing: 0;
	width: 100%;
}
 
a {
  background-color: transparent; 
  -webkit-text-decoration-skip: objects; 
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}

a:active,a:hover {outline-width: 0; }

a:focus {outline:none;}


/*==============================
            LAYOUT
==============================*/
html,body{
	width: 100%;
	min-height: 100%;
	overflow-x: hidden;
}

body {
	background-color:#FFF;
	color: #000;
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    font-size: 16px;
	line-height: 1.5;
	width: 100%;
	position: relative;	
	-webkit-text-size-adjust:100%;
}

header, footer, section{width: 100%;}

.contents {
	width: 1200px;	
	margin: 0 auto;
	position: relative;
}


/*==============================
          COMMON
==============================*/
/*image*/
img{
	outline:none;
	border-style:none;
	max-width: 100%;
}

/*link*/
a{
	color:inherit;
	-webkit-transition: 0.1s ease;
    transition: 0.1s ease;
}

a:link, a:visited, a:active{
	text-decoration:none;
	color:inherit;
}

a:hover, a:hover img, .hover:hover{
}


/*==============================
            HEADER
==============================*/
header{
	background: url(../images/key_visual_bg.png) no-repeat top center;
	background-size: cover;
	height: 764px;
}

header .contents.key_visual{
	background: url(../images/key_visual.png) no-repeat top center;
	background-size: 1200px;
	height: 764px;
}

header .logo{
	width: 1000px;
	margin: 0 auto;
}

header .key_visual{
	width: 1200px;
	max-width: 1200px;
}

header .key_visual .visual_in{
	width: 974px;
	margin: 0 auto;
}

header .key_visual h2{
	margin-bottom: 15px;
}

header .key_visual p.top-text{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 32px;
	font-weight: bold;
	color: #583a11;
	background-color: #fff;
	height: 48px;
	padding: 0px 5px;
	display: inline-block;
	letter-spacing: -1px;
	margin-right: 150px;
}

header .key_visual p.top-text2{
	margin-left: 93px;
	padding-right: 0px;
	margin-bottom: 88px;
}

header .key_visual .point{
	background: url(../images/top_point.png) no-repeat top left;
	width: 357px;
	height: 177px;
	font-size: 18px;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 95px;
}

/*__Global Navogation__*/
#gnav {
	background: url(../images/gnav_bg.png) repeat-x;
	height: 95px;
	width: 100%;
	position: absolute;
}

#gnav ul{
	margin-left: 100px;
}

#gnav ul li{
	float: left;
}

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

/*==============================
            CONTENTS
==============================*/

/*__ CONTENTS BOX 01__*/
.contents_box_01{
	background: url(../images/contents_01_bg.png) no-repeat top center; 
	background-size: cover;
	height: 1578px;
	margin-top: 80px;
}

.contents_box_01 .contents{
	background: url(../images/contents_01.png) no-repeat 0px 395px; 
	background-size: 1200px;
	height: 1268px;
	padding-top: 55px;
}

.contents_box_01 .contents .text_1{
	background: url(../images/top_textbg.png) no-repeat top center;
	width: 880px;
	margin: 0 auto;
	padding: 43px;
}

.contents_box_01 .contents .text_2{
	width: 926px;
	margin: 790px auto 0;
}

.contents_box_01 .contents .text_2 h3{
	margin: 0 auto;
	text-align: center;
}

.contents_box_01 .contents .text_3{
	width: 760px;
	margin: 10px auto 20px;
}

.contents_box_01 .contents .text_2 ul{
}

.contents_box_01 .contents .text_2 ul li{
	float: left;
	margin-right: 6px;
}

.contents_box_01 .contents .text_2 ul li.right0{
	margin-right: 0px;
}

/*__ CONTENTS BOX 02__*/
.contents_box_02{
	background: url(../images/contents_02_bg.png) no-repeat top center; 
	background-size: cover;
	height: 2205px;
}

.contents_02_top{
	width: 1033px;
	margin: 0 auto;
}

.contents_box_02 h2{
	text-align: center;
	text-align: center;
	padding: 25px;
}

.contents_box_02 .box_01{
	background: url(../images/top_textbg2.png) no-repeat top center;
	width: 1033px;
	height: 530px;
	padding: 50px 0px 0px 505px;
	margin-bottom: 25px;
}

.contents_box_02 .box_01 h3{
	margin-left: 15px;
}

.contents_box_02 .box_02{
	background: url(../images/top_textbg3.png) no-repeat top center;
	width: 1076px;
	height: 613px;
	padding-top: 45px;
	padding-left: 35px;
}

.contents_box_02 .box_02_in{
	margin-left: 35px;
}

.contents_box_02 .box_03{
	margin-top: 68px;
}

.contents_box_02 h3{
	margin-left: 125px;
}

.contents_box_02 .box_03 .txt_03{ 
	font-size: 18px;
	width: 70px;
	float: left;
	margin-top: 0px; 
} 

.contents_box_02 .txt{
	font-size: 16px;
	line-height: 1.625;
	letter-spacing: -1px;
	width: 455px;
	margin-top: 30px;
	margin-bottom: 17px;
}

.contents_box_02 .txt_02{
	margin-top: 15px;
	margin-bottom: 10px;
}

.contents_box_02 .box_01 ul{
	margin-top: 22px;
	margin-left: 13px;
}

.contents_box_02 .box_02 ul{
	margin-top: 22px;
	margin-left: 25px;
	width: 360px;
	display: inline-block;
}

.contents_box_02 li{
	font-size: 16px;
	font-weight: bold;
	width: 180px;
	float: left;
	padding-left: 18px;
	margin-top: 5px;
}

.contents_box_02 .box_01 li{
	background: url("../images/top_li1.png") no-repeat 0 7px;
}

.contents_box_02 .box_02 li{
	background: url("../images/top_li2.png") no-repeat 0 7px;
}

.contents_box_02 .box_03 li{
	background: none;
	font-size: 12.3px;
	font-weight: normal;
	line-height: 1.2;
	width: 630px;
}

.contents_box_02 .box_03 ul {
    margin-top: 0px;
    margin-left: 0px;
    width: 360px;
    display: inline-block;

}

.contents_02_btm{
	width: 1020px;
	margin: 95px auto 0;
}

.contents_02_btm h3 {
    margin-left: 20px;
}

.contents_02_btm p{
	margin-left: 20px;
}

.contents_02_btm p.map{
	margin-left: 10px;
	margin-top: 5px;
}

/*__CONTENTS BOX 03__*/
.contents_box_03{
	background: url(../images/contents_03_bg.png) repeat-x top center #022430;
	height: 1220px;
}

.contents_box_03 .contents{
	background: url(../images/contents_03.png) repeat-x top center #022430;
	padding-top: 45px;
}

.contents_box_03 .contents .ship{
	background: url(../images/top_ship1.jpg) repeat-x top center;
	margin-top: 25px;
	padding-top: 315px;
	padding-left: 35px;
}

.contents_box_03 .contents .ship p{
	width: 1152px;
	margin-bottom: 30px;
	margin-top: 20px;
	color: #fff;
}

.contents_box_03 .contents ul{
	width: 1200px;
}

.contents_box_03 .contents li{
	float: left;
	line-height: 0;
}

/*__CONTENTS BOX 04: How To__*/
.contents_box_04{
	background: url(../images/contents_04_bg.png) repeat-x top center #fff; 
	height: 1250px;
}

.contents_box_04 .contents{
	background: url(../images/contents_04.png)  repeat-x top center; 
	position: relative;
	padding-top: 45px;
}

.contents_box_04 ul{
	width: 905px;
	height: 415px;
	margin-left: 100px;
	margin-top: 35px;
}

.contents_box_04 .list{
	font-size: 15px;
	font-weight: bold;
	line-height: 1.46;
	letter-spacing: -0.025em;
	float: left;
}

.contents_box_04 .list .blue{
	color: #0d2e8d;
}

.contents_box_04 .list .blue a{
	text-decoration: underline;
}

.contents_box_04 .list_01{
	background: url(../images/top_step1.png) no-repeat top center #fff;
	padding: 290px 30px 0px 16px;
	width: 293px;
}

.contents_box_04 .list_02{
	background: url(../images/top_step2.png) no-repeat top center #fff;
	width: 302px;
	padding: 290px 30px 0px 38px;
}

.contents_box_04 .list_03{
	background: url(../images/top_step3.png) no-repeat top center #fff;
	width: 308px;
	padding: 290px 45px 0px 40px;
}

.contents_box_04 ul.list_ul{
	margin-top: 10px;
	margin-left: 200px;
}

.contents_box_04 .list_04{
	background: url(../images/top_step4.png) no-repeat top center #fff;
	width: 291px;
	padding: 290px 0px 0px 35px;
}

.contents_box_04 .list_05{
	background: url(../images/top_step5.png) no-repeat top center #fff;
	width: 303px;
	padding: 290px 40px 0px 20px;
}

.contents_box_04 .list_06{
	background: url(../images/top_step6.png) no-repeat top center #fff;
	width: 290px;
	padding: 290px 25px 0px 25px;
}

.contents_box_04 p{
	text-align: center;
	margin-top: 100px;
}


/*__CONTENTS BOX 05: Q&A__*/
.contents_box_05{
	background: none no-repeat 0 0 #ceefff; 
	height: 900px;
}

.contents_box_05 .contents{
	background: none no-repeat 0 0 #ceefff; 
	padding-top: 50px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	color: #363636;
}

.contents_box_05 .qa{
	width: 1000px;
	margin: 45px auto 0;
}

.contents_box_05 .qa .q{
	background: url(../images/top_q_bg.png) no-repeat top center;
	padding: 25px 0px 13px 220px;
}

.contents_box_05 .qa .a{
	background: url(../images/top_a_bg.png) no-repeat top center;
	padding: 25px 0px 20px 220px;
	height: 116px;
}

.contents_box_05 .qa2 .a{
	padding-top: 45px;
}

.contents_box_05 .qa3 .a{
	padding-top: 35px;
}

.contents_box_05 p a{
	color: #0d2e8d;
	text-decoration: underline;
}

/*==============================
            FOOTER
==============================*/
footer{
	background: url(../images/ft_bg.png) repeat-x; 
	width: 100%;
	height: 166px;
}

footer p.f_logo{
	float: left;
	width: 534px;
	margin-top: 20px;
}

footer .contents{
	width: 1200px;
	height: 166px;
}

footer ul{
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
}

footer p.left{
	float: left;
	color: #FFFFFF;
	padding: 5px 10px 0px 45px;
}

footer .about{
	padding-top: 30px;
	height: 136px;
}

footer ul{
	float: left;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	width: 380px;
}

footer .list_01{
	font-size: 22px;
	font-weight: bold;
}

footer .list_02{
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

footer .list_03{
	background: url(../images/footer_tel.png) no-repeat 2px 5px;
	font-size: 16px;
	font-weight: bold;
	padding-left: 18px;
	width: 135px;
	float: left;
}

footer .list_04{
	background: url(../images/footer_tel2.png) no-repeat 2px 5px;
	font-size: 16px;
	font-weight: bold;
	padding-left: 18px;
	float: left;
}

footer .Copyright{
	color: #376edf; 
	font-size: 14px; 
	text-align: center;
}

/*==============================
		  RESERVATION
==============================*/
#reservation header{
	background: url(../images/reserv_header_bg.png) no-repeat top center;
	background-size: cover;
	height: 372px;
}

#reservation header .contents.key_visual{
	background: none;
	height: 372px;
}

#reservation .contents_box{
	background-color: #fff;
	background: url(../images/reserv_bg_01.png) no-repeat top center;
	background-size: cover;
	margin-top: 78px;	
	margin-bottom: 120px;
}

#reservation .contents_box .contents{	
	width: 1000px;
	padding-top: 75px;
}

#reservation .contents_box .contents .box_01 p{
	color: #070000;
	font-size: 18px;
	line-height: 1.38;
	padding: 12px 0 26px 145px;
}

#reservation form{
	font-size: 18px;
	font-weight: normal;
	color: #000;
	width: 1000px;
	box-sizing: border-box;
	padding: 0;
}

#reservation form th{
	font-weight: normal;
	width: 375px;
	background-color: #f0d381;
	padding: 19px 25px 19px 40px;
	border-bottom: 1px solid #fff;
	text-align: left;
	overflow: hidden;
	vertical-align: top;
}

#reservation form td{
	font-weight: normal;
	width: 625px;
	background-color: #f2e9d0;
	padding: 19px 25px 19px 30px;
	border-bottom: 1px solid #fff;
	text-align: left;
	overflow: hidden;
}

#reservation form .must{
	background: url(../images/icon_must.png) no-repeat;
	background-size: 38px;
	width: 38px;
	height: 20px;
	float: right;
	margin-top: 4px;
	border: none;
	text-shadow: none;
	box-shadow: none;
	padding: 0;
	margin: 4px 0 0 0;
}

#reservation .check{
	text-decoration: underline;
}

#reservation form input,#reservation form textarea {
	border: solid 1px #7a7a7a;
	padding: 7px 12px;
	font-size: 18px;
	color: #000;
	box-shadow: none;
	border-radius: 0;
}

#reservation form input.long {
	width: 570px!important;
}
 #reservation form textarea.long {
	width: 570px!important;
	height: 173px!important;
}

#reservation form input.s01 {
	width: 162px!important;
	margin-right: 20px;
}

#reservation form input.s02 {
	width: 132px!important;
	margin-bottom: 10px;
}

#reservation form input.s03 {
	width: 75px!important;
}

#reservation form input.s04 {
	width: 68px!important;
}


#reservation form button {
	cursor: pointer;
	border: none;
	background: none;
}
#reservation form button:hover {
    background: none;
    box-shadow: none;
}

#reservation form button.reset {
	display: block;
	margin-left: 18px;
	margin-top: 15px;
}



#reservation form button.submit {
	margin-top: 30px;
}