@charset "UTF-8";
/* CSS Document */

.head_title{
	margin-top:2%;
	margin-left: 1%;
	margin-bottom:0;
	color: #FFFFFF;
	overflow: hidden;
	width: 60%;
	position: relative;
	padding:0;
}
.head_title p{
	margin:0;
	font-size:40%;
	color:#F33;
}
.head_title img{
	display:block;
}
/*-------------main-----------------------------*/
.top_btn_l{
	float:left;
	width:20%;
}
.top_btn_r{
	float:right;
	width:20%;
}
.top_btn{
	width:90%;
	margin:5% auto 2%;
	overflow:hidden;
	border-radius:10px;
}
.top_btn_h2{
	text-align: center;
	font-size: 110%;
	padding-top: 5%;
}
.top_btn01{
	background: -moz-linear-gradient(top, #55C7FD, #3465FF); 
	background: -webkit-gradient(linear, left top, left bottom, from(#55C7FD), to(#3465FF));
}
.top_btn02{
	background: -moz-linear-gradient(top, #FFBF00, #FF4000); 
	background: -webkit-gradient(linear, left top, left bottom, from(#FFBF00), to(#FF4000));
}
.top_btn03{
	background: -moz-linear-gradient(top, #FF9999, #FF0B6D); 
	background: -webkit-gradient(linear, left top, left bottom, from(#FF9999), to(#FF0B6D));
}
.top_btn04{
	background: -moz-linear-gradient(top, #F8898F, #ED4244); 
	background: -webkit-gradient(linear, left top, left bottom, from(#F8898F), to(#ED4244));
}
.top_btn05{
	background: -moz-linear-gradient(top, #FF97FC, #660065); 
	background: -webkit-gradient(linear, left top, left bottom, from(#FF97FC), to(#660065));
}
.top_btn06{
	background: -moz-linear-gradient(top, #BBFF8E, #669900); 
	background: -webkit-gradient(linear, left top, left bottom, from(#BBFF8E), to(#669900));
}
.top_btn07{
	background: -moz-linear-gradient(top, #98B2FF, #3161BD); 
	background: -webkit-gradient(linear, left top, left bottom, from(#98B2FF), to(#3161BD));
}
.top_btn08{
	background: -moz-linear-gradient(top, #EFADC8, #D83778); 
	background: -webkit-gradient(linear, left top, left bottom, from(#EFADC8), to(#D83778));
}
.top_btn09{
	background: -moz-linear-gradient(top, #85E2F7, #0099FF); 
	background: -webkit-gradient(linear, left top, left bottom, from(#85E2F7), to(#0099FF));
}
.bottom_btn{
	overflow:hidden;
	text-align:center;
	width:90%;
	margin:5% auto;
}
.bottom_btn01{
	width:48%;
	margin-left:;
	border-radius:20px;
	padding:10% 0;
	float:left;
}
.bottom_btn01c{
	background: -moz-linear-gradient(top, #0080FF, #66A5FD); 
	background: -webkit-gradient(linear, left top, left bottom, from(#0080FF), to(#66A5FD));
}
.bottom_btn02{
	width:48%;
	margin-left:4%;
	border-radius:20px;
	padding:10% 0;
	float:left;
}
.bottom_btn02c{
	background: -moz-linear-gradient(top, #03AD7E, #2ACEAF); 
	background: -webkit-gradient(linear, left top, left bottom, from(#03AD7E), to(#2ACEAF));
}
.bottom_btn03{
	width:48%;
	margin-top:5%;
	border-radius:20px;
	padding:10% 0;
	float:left;
	background: -moz-linear-gradient(top, #FE7010, #FFBF00); 
	background: -webkit-gradient(linear, left top, left bottom, from(#FE7010), to(#FFBF00));
}
.bottom_btn04{
	width:48%;
	margin:5% 0 0 4%;
	border-radius:20px;
	padding:10% 0;
	float:left;
}
.bottom_btn04c{
	background: -moz-linear-gradient(top, #FF65C7, #FF99FF); 
	background: -webkit-gradient(linear, left top, left bottom, from(#FF65C7), to(#FF99FF));
}
.sub_top{
	width:100%;
	overflow:hidden;
}
.sub_title{
	overflow:hidden;
	line-height:130%;
	padding:2%;
}
.sub_title_txt{
	width:60%;
	float:left;
	color:#0934AB;
}
.sub_title_fee{
	width:36%;
	float:left;
	font-size:110%;
	font-weight:bold;
	color:#000000;
}
.font_fee{
	font-size:110%;
	color:#D8080B;
}
.font_subtitle{
	color:#000;
	text-align:center;
	padding-top:2%;
}
/*--------アコーディオン-----------*/
.accordion{
	width: 86%;
	margin: 2% auto;
	background-color: #FFB949;
	border-radius: 10px;
	overflow:hidden;
	color:#6C340D;
}
.accordion h4{
	background: -moz-linear-gradient(top, #FF612F, #FFB949); 
	background: -webkit-gradient(linear, left top, left bottom, from(#FF612F), to(#FFB949));
	cursor:pointer;
	font-size:15px;
	position:relative;
	line-height:300%;
	border-radius:10px;
	padding-left:2%;
	color:#fff;
}
.accordion h4 span{
	background-image: url(../images/arrow_plus.png);
	background-position: right center;
	background-repeat: no-repeat;
	float: right;
	 width: 40px;
	 height: 40px;
 text-indent: -9999em;
}
.accordion h4 span.open{
	background: url(../images/arrow_minus.png) no-repeat right top;
	background-position: right center;
	background-repeat: no-repeat;
	float: right;
 　width: 40px;
 　height: 40px;
 text-indent: -9999em;
}
/*--------アコーディオン終わり-----*/
.accordion_in{
	padding: 2%;
	line-height: 120%;
	background-color: #FFF6E5;
	margin: 1% 5% 5%;
	border-radius: 5px;
	overflow:hidden;
}
.accordion_in h3{
	clear:both;
	margin-top:3%;
	margin-bottom:1%;
	padding-left:3%;
	border-bottom:#FFC0A1 1px solid;
}
.accordion_in p{
	margin-top:2%;
}
.font_mossgreen{
	color:#3F742E;
}
.bottom_btn{
	overflow:hidden;
}
.bottom_btn_in{
	width:46%;
	margin:2%;
	float:left;
	font-size:15px;
	line-height:600%;
	border-radius:10px;
	font-weight:bold;
}
.color_reserve{
	background: -moz-linear-gradient(top, #0080FF, #26FFFF); 
	background: -webkit-gradient(linear, left top, left bottom, from(#0080FF), to(#26FFFF));
}
.color_contact{
	background: -moz-linear-gradient(top, #0BD164, #B9FF73); 
	background: -webkit-gradient(linear, left top, left bottom, from(#0BD164), to(#B9FF73));
}
.form_title{
	line-height:300%;
	text-align:center;
}
.reserve{
	/*color:#6E1440;*/
	padding:3%;
}
.reserve a:link{
	color:#000;
}
.reserve h4{
	margin:2% 0 1%;
}
.red{
	color:#D70003;
}
.reserve ul{
	overflow:hidden;
}
.reserve ul li{
	float:left;
	margin:1%;
	height:40px;
}
.reserve p{
	font-size:110%;
	line-height:130%;
}
.sub_top_sub{
	width:100%;
	padding-bottom:5%;
}
/*---------------------Q&A用---------------*/
ul.accordion2 {
	width: 98%;
	margin: 0 auto;
}
ul.accordion2 p{
	color: #36C;
	border-bottom-color: #3399CC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	line-height: 110%;
	font-size:110%;
	padding:2%;
}
ul.accordion2 ul {
	display:none;
}

ul.accordion2 > li {
	margin: 0;
}
ul.accordion2 > li > p {
	cursor: pointer;
}
ul.accordion2 > li > ul > li {
	background-color: #FFFCEC;
	padding-left: 5%;
	color: #006699;
	font-size: 100%;
	line-height: 130%;
	padding:1% 2%;
}
/*--------------------サブページ---------------*/
.marina_txt{
	color:#399;
	font-size:120%;
	margin:2%;
}
.marina_btn{
	margin:2% auto;
	background: -moz-linear-gradient(top, #00D9A3, #4DD2FF); 
	background: -webkit-gradient(linear, left top, left bottom, from(#00D9A3), to(#4DD2FF));
	width:80%;
	line-height:400%;
	border-radius:10px;
	text-align:center;
	font-weight:bold;
}
.mach_list{
	overflow:hidden;
	margin:0;
}
.mach_list li{
	float:left;
	width:23%;
	color:#396;
	margin:1%;
}
.mach{
	position:relative;
}
.mach p{
	position:absolute;
	top:75%;
	left:5%;
	font-size:120%;
	font-weight:bold;
}
.staff{
	overflow:hidden;
}
.staff img{
	width:35%;
	float:left;
	margin-right:3%;
}
.staff p{
	color:#ff6600;
	padding:3%;
}
.flippers1{
	width: 82%;
	margin: 2% auto;
	border-color: #66CCFF;
	border-radius: 3px;
	border-style: solid;
	border-width: 5px;
}
.flippers1 h3{
	background-color: #66CCFF;
	padding: 3%;
}
.flippers2{
	width: 82%;
	margin: 2% auto;
	border-color: #66CC99;
	border-radius: 3px;
	border-style: solid;
	border-width: 5px;
}
.flippers2 h3{
	background-color: #66CC99;
	padding: 3%;
}