@charset "UTF-8";

/*---------------------------------------------
PAC2012
Common CSS
2012-04-18

---------------------------------------------*/

/*clear-fix--------------------------------------------------------------------------------*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
/*clear-fix end--------------------------------------------------------------------------------*/



h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object {
  font-size:12px;
  line-height:1.8em;
}

p{
	letter-spacing:0.05em;
}

br{
letter-spacing:0;/*IE fix*/
}

a{
	color:#15a7da;}
a:hover{
	text-decoration:underline;
	}
em{
	font-weight:bold;}
	
	

body{
	background-image:url(../images/body_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#f1eac7;
	color:#333;
}



div#wrapPage{
	width:965px;
	margin:0 auto;
	background-image:url(../images/body_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
}


div#wrapMain{
	width:643px;
	float:right;


}

div#wrapSub{
	width:322px;
	padding:0;
/*	margin:0 0 15px 0;*/
	background-image:url(../images/navi_left_bg_bottom.jpg);
	background-position:2px bottom;
	background-repeat:no-repeat;
	float:right;
}

div#wrapFoot{
	clear:both;
}





div#wrapPage div#headInfo{
	position:relative;
	height:246px;
	}
	
div#wrapPage div#headInfo p{
	text-indent:-500px;
	overflow:hidden;
	}
div#wrapPage div#headInfo p#mailLink{
	position:absolute;
	top:140px;
	width:260px;
	height:40px;
	text-indent:0;
	left: 2px;
	}
div#wrapPage div#headInfo p#mailLink a{
	display:block;
	height:40px;
/*	background-color:#FFF;*/
	text-indent:-500px;
	overflow:hidden;
	}
	
	
	
/*--#wrapSub-------------------------------------------------------------------------*/
div#wrapSub p.logo a{
	display:block;
	width:290px;
	height:120px;
	text-indent:-500px;
	overflow:hidden;
	}
div#wrapSub h2{
	margin:0 0 10px 10px;
	}
div#wrapSub h2 a{
	display:block;
	width:275px;
	height:42px;
	background-image:url(../images/navi_left_course_all.png);
	background-position:0 0;
	text-indent:-500px;
	overflow:hidden;
	}
div#wrapSub h2 a:hover{
	background-position:0 -43px;

	}	
	
	
	
div#wrapSub div#naviLeft{
	padding:0 0 25px 10px;
	margin-bottom:15px;
	background-image:url(../images/navi_left_bg_mid.jpg);
	background-position:2px 200px;
	background-repeat:no-repeat;
	}
div#wrapSub div#naviLeft h3{
	margin:15px 0 5px 10px;
	border-bottom:dotted 1px #15a7da;
	color:#15a7da;
	}
div#wrapSub div#naviLeft h3,
div#wrapSub div#naviLeft ul{
	width:260px;
	}
	

/*---left navi list-----------------------------------------------*/
div#wrapSub div#naviLeft ul li a{
	display: table-cell;
	height:30px;
	padding:5px;
	padding-left:35px;
	vertical-align: middle;	
	line-height:14px;
	color:#15a7da;
	}	
/* IE 6 */
* html div#wrapSub div#naviLeft ul li a {
	display: inline;
	zoom: 1;
}
/* IE 7 */
*:first-child+html div#wrapSub div#naviLeft ul li a {
	display: inline;
	zoom: 1;
}
/*\*//*/
* html div#wrapSub div#naviLeft ul li a {
	display:inline-block;
}
/**/

div#wrapSub div#naviLeft ul li{
	margin-left:10px;
}
div#wrapSub div#naviLeft ul li{
	margin-bottom:2px;
}
div#wrapSub div#naviLeft ul li a{
	background-image:url(../images/navi_left.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
div#wrapSub div#naviLeft ul li a:hover{
}

div#wrapSub div#naviLeft ul li a#naviONeDx{
	background-position:0 5px;
	}
div#wrapSub div#naviLeft ul li a#naviOneBarasu{
	background-position:0 -55px;
	}
	
div#wrapSub div#naviLeft ul li a#naviHalfBarasu{
	background-position:0 -115px;
	}
div#wrapSub div#naviLeft ul li a#naviHalfFishing{
	background-position:0 -175px;
	}
div#wrapSub div#naviLeft ul li a#naviHalfWake{
	background-position:0 -235px;
	}
	
div#wrapSub div#naviLeft ul li a#naviEveSunset{
	background-position:0 -295px;
	}
div#wrapSub div#naviLeft ul li a#naviEveStar{
	background-position:0 -355px;
	}
div#wrapSub div#naviLeft ul li a#naviEveYuntaku{
	background-position:0 -415px;
	}
	
div#wrapSub div#naviLeft ul li a#naviOpBanana{
	background-position:0 -475px;
	}
div#wrapSub div#naviLeft ul li a#naviOpTowing{
	background-position:0 -535px;
	}
div#wrapSub div#naviLeft ul li a#naviOpMarinejet{
	background-position:0 -595px;
	}
div#wrapSub div#naviLeft ul li a#naviOpSppoint{
	background-position:0 -655px;
	}
div#wrapSub div#naviLeft ul li a#naviOpmini{
	background-position:0 -715px;
	}
div#wrapSub div#naviLeft ul li a#naviOpRental{
	background-position:0 -775px;
	}

/*20250303追加*/
div#wrapSub div#naviLeft ul li a#naviOneSup{
	background-position:0 -835px;
	}	
	
div#wrapSub div#naviLeft ul li a#naviOneBarasDiving{
	background-position:0 -895px;
	}	
		
	
	
/*--wrapMain--------------------------------------------------------------------------------*/		
	

/*--navi head------------------------------*/	
div#wrapMain div#naviHead{
	height:40px;
	margin-bottom:20px;
}

div#wrapMain div#naviHead ul {
	margin:11px 0 0 10px;
	}

div#wrapMain div#naviHead ul li{
	display:inline;
	float:left;
}
div#wrapMain div#naviHead ul li a{
	display:block;
	padding:0 15px 0 11px;
	margin:0 0 10px 0;
	background-image:url(../images/navi_head_icon_arrow.png);
	background-position:0 5px;
	background-repeat:no-repeat;
	color:#15a7da;
}
div#wrapMain div#naviHead ul li a.home{
	padding:0 15px 0 14px;
	background-image:url(../images/navi_head_icon_home.png);
	background-position:0 4px;


}



div#wrapMain div#mainAreaToppage{

	}

/*---Top page Topics-----------------------------------------*/
div#wrapMain div#mainAreaToppage h1{
	margin-left:-7px;
	height:43px;
	background-image:url(../images/top_topis_tit.jpg);
	background-repeat:no-repeat;
	text-indent:-500px;
	overflow:hidden;
	}
div#wrapMain div#mainAreaToppage div#topics{
	width:400px;
	padding:5px 13px 13px 12px;
	margin:0 0 22px 0;
	background-image:url(../images/top_topics_bg_bottom.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#fcfaee;
	float:left;
	}
div#wrapMain div#mainAreaToppage div#topics p{
	background-color:#fcfaee;
	}


/*--Top page blog-----------------------------------------*/
	
div#wrapMain div#mainAreaToppage div#blog{
	width:200px;
	margin:0 0 22px 15px;
	float:left;
	}
div#wrapMain div#mainAreaToppage div#blog h2{
	height:56px;
	margin-top:-44px;
	background-image:url(../images/top_blog_tit.jpg);
	}
div#wrapMain div#mainAreaToppage div#blog dl{
	margin:0 0 0 5px;
	color:#6a6a6a;
	}
/*-------------------------------------------*/	
	


div#wrapMain div#mainAreaToppage h2{
	height:44px;
	margin-bottom:5px;
	background-image:url(../images/top_tit_main.png);
	background-repeat:no-repeat;
	text-indent:-500px;
	overflow:hidden;
	clear:both;
	}
	

/*--Btn common yoyaku detail------------------------------------------------*/
p.btn a.yoyaku,
p.btn a.detail{
	display:block;
	width:82px;
	height:34px;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-500px;
	overflow:hidden;
	}
p.btn a.yoyaku:hover,
p.btn a.detail:hover{
	background-position:-82px 0;
	}
p.btn a.yoyaku{
	background-image:url(../images/btn_yoyaku.png);
	}
p.btn a.detail{
	background-image:url(../images/btn_detail.png);
	}
/*--------------------------------------------------*/

	
/*---Top page course----------------------------------------*/

div#wrapMain div#mainAreaToppage div.wrapCourseM a,
div#wrapMain div#mainAreaToppage div.courseS a
{
	color:#333;
	}


div#wrapMain div#mainAreaToppage div.wrapCourseM{
	margin-bottom:10px;
	padding-bottom:15px;
	background-image:url(../images/top_course_m_bg_bottom_2col.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	}
div#wrapMain div#mainAreaToppage div.courseM{
	width:315px;
/*	background-image:url(../images/top_course_m_bg_bottom.jpg);*/
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#fcfaee;
	float:left;
	}
div#wrapMain div#mainAreaToppage div.courseMLeft{
	margin:0 10px 0 0;
	}
	
div#wrapMain div#mainAreaToppage div.courseM h3{
	margin:10px 0 15px 10px;
	font-weight:normal;
	font-size:16px;
	line-height:1.5em;
	}
div#wrapMain div#mainAreaToppage div.courseM h3 em{
	font-size:14px;
	line-height:1.5em;
	}

div#wrapMain div#mainAreaToppage div.courseM p.lead{
	width:195px;
	padding-left:10px;
	padding-right:5px;
	float:left;
	}
div#wrapMain div#mainAreaToppage div.courseM p.btn{
	width:92px;
	margin-left:13px;
	float:left;
	}
div#wrapMain div#mainAreaToppage div.courseM p.btn a.detail{
	margin-bottom:10px;
	}



/*-------------------------------------------*/
div#wrapMain div#mainAreaPage div.courseS a{
	color:#333;
	}

div#wrapMain div#mainAreaToppage div.courseS,
div#wrapMain div#mainAreaPage div.courseS{
	width:640px;
	margin-bottom:10px;
	background-image:url(../images/top_course_s_bg_top.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#fcfaee;
	clear:both;
	}
div#wrapMain div#mainAreaToppage div.courseS div.wrap,
div#wrapMain div#mainAreaPage div.courseS div.wrap{
	background-image:url(../images/top_course_s_bg_bottom.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	}
div#wrapMain div#mainAreaToppage div.courseS div.wrap p.photo,
div#wrapMain div#mainAreaPage div.courseS div.wrap p.photo{
	width:200px;
	margin:5px;
	float:left;
	}
	
div#wrapMain div#mainAreaToppage div.courseS div.wrap div.textArea,
div#wrapMain div#mainAreaPage div.courseS div.wrap div.textArea{
	width:410px;
	padding-top:8px;
	margin-left:215px;
	}
div#wrapMain div#mainAreaToppage div.courseS div.wrap div.textArea h3,
div#wrapMain div#mainAreaPage div.courseS div.wrap div.textArea h3{
	margin:0 0 10px 0;
	border-bottom:solid 2px #e0d9b6;
	font-size:16px;
	font-weight:normal;
	line-height:1.5em;
	}
div#wrapMain div#mainAreaToppage div.courseS div.wrap div.textArea h3 em,
div#wrapMain div#mainAreaPage div.courseS div.wrap div.textArea h3 em{
	font-size:14px;
	line-height:1.5em;
	}
	
div#wrapMain div#mainAreaToppage div.courseS div.wrap div.textArea p.lead,
div#wrapMain div#mainAreaPage div.courseS div.wrap div.textArea p.lead{
	width:320px;
	padding-bottom:8px;
	float:left;
	}
div#wrapMain div#mainAreaToppage div.courseS div.wrap div.textArea p.lead em,
div#wrapMain div#mainAreaPage div.courseS div.wrap div.textArea p.lead em{

	}
	
div#wrapMain div#mainAreaToppage div.courseS div.wrap div.textArea p.btn,
div#wrapMain div#mainAreaPage div.courseS div.wrap div.textArea p.btn{
	width:82px;
	margin-left:8px;
	float:left;
	}
div#wrapMain div#mainAreaToppage div.courseS div.wrap div.textArea p.btn a.detail,
div#wrapMain div#mainAreaPage div.courseS div.wrap div.textArea p.btn a.detail{
	margin-bottom:10px;
	}



/*--btn pagetop-----------------*/
div#wrapPage div#pageTop{
	clear:both;
	margin:0 5px 25px 0;
	text-align:right;
	}
div#wrapPage div#pageTop p{
	padding-top:15px;

	}
div#wrapPage div#pageTop p a{
	display:block;
	width:5.5em;
	padding:0 13px 0 0;
	margin-left : auto; 
	margin-right : 0;
	background-image:url(../images/btn_page_top_icon.png);
	background-position:right 5px;
	background-repeat:no-repeat;
	border-bottom:solid 1px #15a7da;
	text-align:left;
	letter-spacing:0;
	}
div#wrapPage div#pageTop p a:hover{
	text-decoration:none;
	border-bottom:solid 1px #0b7ca3;
	color:#0b7ca3;

	}
	
	
/*--Pages course-------------------------------------------------------------------------------------*/


div#wrapMain div#mainAreaPage{
	width:640px;
/*	height:500px;*/
	padding:0 0 20px 0;
	background-image:url(../images/page_bg_bottom.png);
	background-position:bottom;
	background-repeat:no-repeat;
	}
	
div#wrapMain div#mainAreaPage div#pageHead{
	padding:15px 5px 10px 30px;
	background-image:url(../images/page_tit_bg.png);
	background-position:0 0;
	background-repeat:no-repeat;
	position:relative;
	}
	
div#wrapMain div#mainAreaPage div#pageHead h2{
	padding-right:100px;
	font-size:16px;
	letter-spacing:0.1em;
	font-weight:normal;
	font-weight:bold;
	}
div#wrapMain div#mainAreaPage div#pageHead p.btn{
	position:absolute;
	top:10px;
	right:10px;
	}
	
	
div#wrapMain div#mainAreaPage div#wrapContent{
	background-image:url(../images/page_bg_mid.png);
	background-repeat:repeat-y;
	}
div#wrapMain div#mainAreaPage div#wrapContent p.phMain{
	width:638px;
	margin:0 auto;
	margin-bottom:20px;
	border-top:solid 4px #231816;
	text-align:center;
	}
	
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent{
	width:370px;
	margin:0 0 0 30px;
	float:left;
	}
div#wrapMain div#mainAreaPage div#wrapContent div.AreaPh{
	width:210px;
	padding-left:20px;
	margin:0 10px 0 0;
	float:left;
	}
div#wrapMain div#mainAreaPage div#wrapContent p.btn{
	padding:10px 0;
	margin:0 0 40px 0;
	background-image:url(../images/page_bg_yoyaku.jpg);
	background-position:center;
	background-repeat:repeat-y;
	clear:both;
	}
div#wrapMain  div#mainAreaPage div#wrapContent p.btn a{
	margin:0 auto;
	}
	
	
div#wrapMain div#mainAreaPage div#wrapContent div.AreaPh p{
	margin-bottom:15px;
	}


div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent p.lead{
	padding:0 0 5px 0;
	margin:0 0 3px 0;
	border-bottom:solid 4px #b3eafd;
	font-size:14px;
	}
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent p.lead span{
	font-size:12px;
	}
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent p.member{
	margin-bottom:15px;
	text-align:right;
	color:#5f5f5f;
	}
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent p.note{
	margin-bottom:20px;
	color:#5f5f5f;
	}
	
	
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent div#ryoukin{
	}
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent div#ryoukin h2{
	width:140px;
	font-size:16px;
	font-weight:normal;
	float:left;
	}	
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent div#ryoukin table{
	width:230px;
	float:left;
	}
	
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent div#ryoukin table.ryoukin td{
	text-align:right;
	}
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent div#ryoukin table.ryoukin td em{
	font-size:14px;
	}
	
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent div#ryoukin table.time th{
	text-align:left;
	}
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent div#ryoukin table.time td{
	text-align:center;
	}
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent div#ryoukin table.items td{
	text-align:right;
	}
	
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent div#ryoukin hr,
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent div#schedule hr{
	clear:both;
	margin-bottom:10px;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #d4d1c4;
	height: 1px;
	border-bottom:solid 1px #d4d1c4;
}

	
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent div#schedule{
	margin-bottom:10px;
	}
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent div#schedule h2{
	width:140px;
	font-size:16px;
	font-weight:normal;
	float:left;
	}
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent div#schedule table{
	width:230px;
	float:left;
	}
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent div#schedule table th{
	padding:0 5px 0 0;
	vertical-align:top;
	font-weight:normal;
	}
div#wrapMain div#mainAreaPage div#wrapContent div.AreaContent div#schedule table td{
	padding:0 0 3px 0;
	vertical-align:top;
	font-weight:normal;
	}
	
	
/*--course option area---*/	
div#wrapMain  div#mainAreaPage div#wrapContent div#optionWrap{
	margin:0 10px 0 30px;
	}
div#wrapMain  div#mainAreaPage div#wrapContent div#optionWrap div.optionLeft{
	width:297px;
	padding:0 0 0 3px;
	float:left;
	}
div#wrapMain  div#mainAreaPage div#wrapContent div#optionWrap div.optionRight{
	width:290px;
	padding:0 0 0 10px;
	float:left;
	}

div#wrapMain  div#mainAreaPage div#wrapContent div#optionWrap h3{
	padding:0 0 5px 25px;
	margin:0 8px 10px 0;
	border-bottom:solid 4px #e9e2c0;
	background-image:url(../images/page_tit_option_bg.png);
	background-position:0 4px;
	background-repeat:no-repeat;
	font-size:14px;
	font-weight:normal;
	}
div#wrapMain  div#mainAreaPage div#wrapContent div#optionWrap h4{
	margin:0 0 3px 0;
	color:#5f5f5f;
	}
	
div#wrapMain  div#mainAreaPage div#wrapContent div#optionWrap table{
	width:280px;
	margin-bottom:10px;
	}
div#wrapMain  div#mainAreaPage div#wrapContent div#optionWrap table th,
div#wrapMain  div#mainAreaPage div#wrapContent div#optionWrap table td{
	padding:0 3px 3px 0;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	line-height:1.5em;
	}
div#wrapMain  div#mainAreaPage div#wrapContent div#optionWrap table td{
	text-align:right;

	}
/*--course option fishing---*/	
div#wrapMain  div#mainAreaPage div#wrapContent div#optionWrap p img{
	}
div#wrapMain  div#mainAreaPage div#wrapContent div#optionWrap p img{
	margin-right:10px;
	float:left;
	}
/*--course wake---*/	
div#wrapMain  div#mainAreaPage div#wrapContent div#wake_training{
	margin:0 20px 30px 30px;
	padding-bottom:5px;
	border:solid 2px #b3eafd;
	}
div#wrapMain  div#mainAreaPage div#wrapContent div#wake_training h3{
	margin:3px 45px 3px 5px;
	}
div#wrapMain  div#mainAreaPage div#wrapContent div#wake_training p.section{
	width:200px;
	margin-left:45px;
	background-image:url(../images/page_icon_arrow.png);
	background-position:135px 30px;
	background-repeat:no-repeat;
	float:left;
	}
div#wrapMain  div#mainAreaPage div#wrapContent div#wake_training p.section2{
	width:200px;
	background-image:url(../images/page_icon_arrow.png);
	background-position:135px 30px;
	background-repeat:no-repeat;
	float:left;
	}
div#wrapMain  div#mainAreaPage div#wrapContent div#wake_training p.section3{
	width:100px;
	float:left;
	}
div#wrapMain  div#mainAreaPage div#wrapContent div#wake_training p img{
	border:solid 1px #b3eafd;
	}
	
	
	
	
/*courseAll---------------------------------------*/

div#wrapPage div#wrapMain div.courseAll{
	background-image:none;
	}
	
div#wrapMain div#mainAreaPage div#pageHead2{
	margin-bottom:10px;
	background-image:url(../images/page_tit_bg.png);
	background-position:0 0;
	background-repeat:no-repeat;
	position:relative;
	}
	
div#wrapMain div#mainAreaPage div#pageHead2 h2{
	padding:15px 5px 10px 30px;
	background-image:none;
	font-size:16px;
	letter-spacing:0.1em;
	font-weight:bold;
	}
div#wrapMain div#mainAreaPage div#pageHead2 div#section{
	padding-bottom:15px;
	border-top:solid 4px #231816;
	background-image:url(../images/page_bg_bottom.png);
	background-position:bottom;
	background-repeat:no-repeat;
	}
	
div#wrapMain div#mainAreaPage div#pageHead2 div#section table{
	padding:10px 15px 0 30px;
	background-image:url(../images/page_bg_mid.png);
	background-repeat:repeat-y;
	
	}
div#wrapMain div#mainAreaPage div#pageHead2 div#section table th{
	padding:0 15px 0 0;
	text-align:left;
	font-size:14px;
	vertical-align:top;
	}
div#wrapMain div#mainAreaPage div#pageHead2 div#section table td{
	padding:0 15px 10px 0;
	text-align:right;
	
	}
div#wrapMain div#mainAreaPage div#pageHead2 div#section table td em{
	font-size:16px;
	font-weight:bold;
	}
div#wrapMain div#mainAreaPage div#pageHead2 div#section table td.time{
	vertical-align:bottom;
	text-align:right;
	
	}
	
	
	
/*--basic pages common--------------------------------*/
div#wrapMain div#mainAreaPage div.basicPage{
	min-height:735px;
	padding:10px 15px 0 30px;
	border-top:solid 4px #231816;
	}

div#wrapMain div#mainAreaPage div.basicPage fieldset{
	margin:0 0 0 0;
	padding:0;
	border:none;
	clear:both;
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset legend{
	display:block;
	width:583px;
	padding:5px; 
	border-top:solid 1px #f1eac7;
	font-weight:bold;
	color:#5f5f5f;
/*	background-color:#b3eafd;*/
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset legend.first{
	border-top:none;
	}
	
img.phMargin{
	margin-bottom:5px;
	}
/*---------------------------------------------*/





/*--option.html-------------------------------------*/

div#wrapMain div#mainAreaPage div.optionBlock{
	width:640px;
	margin-bottom:10px;
	background-image:url(../images/top_course_s_bg_top.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#fcfaee;
	clear:both;
	}

div#wrapMain div#mainAreaPage div.optionBlock div.wrap{
	background-image:url(../images/top_course_s_bg_bottom.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	}

div#wrapMain div#mainAreaPage div.optionBlock div.wrap p.photo{
	width:120px;
	margin:5px;
	float:left;
	}
	

div#wrapMain div#mainAreaPage div.optionBlock div.wrap div.textArea{
	width:490px;
	padding-top:8px;
	margin-left:135px;
	}

div#wrapMain div#mainAreaPage div.optionBlock div.wrap div.textArea h3{
	margin:0 0 10px 0;
	border-bottom:solid 2px #e0d9b6;
	font-size:16px;
	font-weight:normal;
	line-height:1.5em;
	}

div#wrapMain div#mainAreaPage div.optionBlock div.wrap div.textArea h3 em{
	font-size:14px;
	line-height:1.5em;
	}
	

div#wrapMain div#mainAreaPage div.optionBlock div.wrap div.textArea p.lead{
	width:400px;
	padding-bottom:8px;
	float:left;
	}

div#wrapMain div#mainAreaPage div.optionBlock div.wrap div.textArea p.lead em{

	}
	

div#wrapMain div#mainAreaPage div.optionBlock div.wrap div.textArea p.btn{
	width:82px;
	margin-left:8px;
	float:left;
	}
	
	
/*---------------------------------------*/
	


/*--contact.html------------------------------------*/

div#wrapMain div#mainAreaPage div.basicPage h2.titContactForm{
	padding:8px 0 5px 10px;
	background-image:url(../images/page_form_tit_bg.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:#b3eafd;
	font-size:16px;
	font-weight:bold;
	}
	
div#wrapMain div#mainAreaPage div.pageContact p{
	margin-bottom:15px;
	}

div#wrapMain div#mainAreaPage div.basicPage fieldset#contactForm{
/*	padding:10px;*/
	margin-bottom:15px;
	background-color:#FFF;
	border:solid 1px #b3eafd;
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset#contactForm dl{
	background-color:#f8f4df;

	}
	
/*dl Clear fix */
div#wrapMain div#mainAreaPage div.basicPage fieldset#contactForm dl:before,
div#wrapMain div#mainAreaPage div.basicPage fieldset#contactForm dl:after {
    content:"";
    display:table;
}
 
div#wrapMain div#mainAreaPage div.basicPage fieldset#contactForm dl:after {
    clear:both;
}
 
	/* For IE 6/7 (trigger hasLayout) */
div#wrapMain div#mainAreaPage div.basicPage fieldset#contactForm dl {
    zoom:1;
}


div#wrapMain div#mainAreaPage div.basicPage fieldset#contactForm dl dt,
div#wrapMain div#mainAreaPage div.basicPage fieldset#contactForm dl dd
{
	padding:8px 5px 8px 10px;
	border-top:solid 1px #f1eac7;
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset#contactForm dl dt{
	width:158px;
	float:left;
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset#contactForm dl dd{
	width:405px;
	background-color:#FFF;
	float:left;
	}
	
div#wrapMain div#mainAreaPage div.basicPage fieldset#contactForm dl dt em{
	font-weight:normal;
	color:#F33;
	}
	
div#wrapMain div#mainAreaPage div.basicPage fieldset#contactForm div.submit{
	padding:15px 0;
	border-top:solid 1px #f1eac7;
	background-image:url(../images/page_bg_yoyaku.jpg);
	background-position:center;
	background-repeat:repeat-y;
	clear:both;
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset#contactForm div.submit input{
	width:82px;
	height:34px;
	margin:0 auto;
	background-image:
	url(../images/btn_submit.png);
	background-position:0 0;
	background-repeat:no-repeat;
	border:none;
	text-indent:-200px;
	cursor:pointer;
	display:block;
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset#contactForm div.submit input:hover{
	background-position:-82px 0;
	background-repeat:no-repeat;

	}
	
	
	
	

/*---------------------------------------------*/



/*--yoyaku.html-------------------------------*/
div#wrapMain div#mainAreaPage div.basicPage h3.titYoyakuForm{
	padding:8px 0 5px 11px;
	background-image:url(../images/page_form_tit_bg.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:#b3eafd;
	}

div#wrapMain div#mainAreaPage div.basicPage p.lead{
	font-size:16px;
	margin-bottom:10px;
	}
div#wrapMain div#mainAreaPage div.basicPage div#wrapStep{
	border:dotted 1px #b3eafd;
	margin-bottom:15px;
	}
	
div#wrapMain div#mainAreaPage div.basicPage div#wrapStep p{
	width:120px;
	height:70px;
	padding:8px 25px 0 8px;
	margin-right:15px;
	background-image:url(../images/page_icon_arrow.png);
	background-position:right 29px;
	background-repeat:no-repeat;
/*	background-color:#f1eac7;*/
	float:left;
	}
div#wrapMain div#mainAreaPage div.basicPage div#wrapStep p.last{
	width:80px;
	padding:8px 0 0 8px;
		margin-right:0;
	background-image:none;
}
div#wrapMain div#mainAreaPage div.basicPage div#wrapStep p em{
	color:#15a7da;
}
	
	
div#wrapMain div#mainAreaPage div.basicPage div#wrapNote{
	margin-bottom:20px;
	clear:both;
	}
div#wrapMain div#mainAreaPage div.basicPage div#wrapNote h2{
	font-size:12px;
	color:#5f5f5f;
	border-bottom:dotted 1px #CCC;
	clear:both;
	}
div#wrapMain div#mainAreaPage div.basicPage div#wrapNote em{
	color:#5f5f5f;
	}
div#wrapMain div#mainAreaPage div.basicPage div#wrapNote div#reserve,
div#wrapMain div#mainAreaPage div.basicPage div#wrapNote div#cancel{
	width:285px;
	margin-bottom:15px;
	float:left;
	}
div#wrapMain div#mainAreaPage div.basicPage div#wrapNote div#reserve{
	margin-right:15px;
	}
div#wrapMain div#mainAreaPage div.basicPage div#wrapNote div#reserve h2,
div#wrapMain div#mainAreaPage div.basicPage div#wrapNote div#cancel h2{
	font-size:14px;
	color:#5f5f5f;
	border:none;

	}
	
div#wrapMain div#mainAreaPage div.basicPage div#wrapNote div#reserve p em,
div#wrapMain div#mainAreaPage div.basicPage div#wrapNote div#cancel p em{
	font-weight:normal;
	font-size:14px;
	line-height:2em;
	}
	
	

div#wrapMain div#mainAreaPage div.basicPage h3{
	padding:5px 0 5px 10px;
	background-color:#b3eafd;
	font-size:16px;
	font-weight:bold;
	}
	
/*form----*/

div#wrapMain div#mainAreaPage div.basicPage fieldset{
	margin:0 0 0 0;
	padding:0;
	border:none;
	clear:both;
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset legend{
	display:block;
	width:583px;
	padding:5px; 
	border-top:solid 1px #f1eac7;
	font-weight:bold;
	color:#5f5f5f;
/*	background-color:#b3eafd;*/
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset h4{
	display:block;
	width:578px;
	padding:5px;
	padding-left:10px;
	border-top:solid 1px #f1eac7;
	font-weight:bold;
	color:#5f5f5f;
/*	background-color:#b3eafd;*/
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset h4.first{
	border-top:none;
	}
	
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm{
/*	padding:10px;*/
	margin-bottom:15px;
	background-color:#FFF;
	border:solid 1px #b3eafd;
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm dl{
	background-color:#f8f4df;

	}
	
/*dl Clear fix */
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm dl:before,
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm dl:after {
    content:"";
    display:table;
}
 
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm dl:after {
    clear:both;
}
 
	/* For IE 6/7 (trigger hasLayout) */
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm dl {
    zoom:1;
}


div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm dl dt,
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm dl dd
{
	padding:8px 5px 8px 10px;
	border-top:solid 1px #f1eac7;
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm dl dt{
	width:158px;
	float:left;
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm dl dd{
	width:405px;
	background-color:#FFF;
	float:left;
	}
	
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm dl dt em{
	font-weight:normal;
	color:#F33;
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm dl dd label em{
	color:#5f5f5f;
	}
	
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm dl dd input{
	padding:3px;
	margin-bottom:5px;
	margin-right:3px;
	}

div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm dl dd input#adult,
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm dl dd input#child,
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm dl dd input#baby{
	margin-bottom:5px;
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm dl dd #selectCourse{
	margin-bottom:3px;
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm dl dd input#phone{

	}	
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm dl dd input#email{

	}
	
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm .wid01{
	/*width:100%;*/
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm textarea#other{
	/*margin-right:8px;*/
	}
	
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm div.submit{
	padding:15px 0;
	border-top:solid 1px #f1eac7;
	background-image:url(../images/page_bg_yoyaku.jpg);
	background-position:center;
	background-repeat:repeat-y;
	clear:both;
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm div.submit input{
	width:82px;
	height:34px;
	margin:0 auto;
	background-image:
	url(../images/btn_submit.png);
	background-position:0 0;
	background-repeat:no-repeat;
	border:none;
	text-indent:-200px;
	cursor:pointer;
	display:block;
	}
div#wrapMain div#mainAreaPage div.basicPage fieldset#yoyakuForm div.submit input:hover{
	background-position:-82px 0;
	background-repeat:no-repeat;

	}



/*--shop.html---------------------------------------------------------------------*/

div#wrapMain div#mainAreaPage div.shop p{
	margin-bottom:10px;
	}
div#wrapMain div#mainAreaPage div.shop p.lead{
	margin-bottom:5px;
	font-weight:bold;
	line-height:1em;
	}
	
div#wrapMain div#mainAreaPage div.shop div.instruction{
	margin-bottom:20px;
	padding-bottom:10px;
/*	padding-bottom:15px;*/
	background-image:url(../images/page_shop_inst_bg_bottom.png);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#FFF;
	}
div#wrapMain div#mainAreaPage div.shop div.instruction h2,
div#wrapMain div#mainAreaPage div.shop div.instruction h3,
div#wrapMain div#mainAreaPage div.shop div.instruction ul
{
	padding-right:10px;
	padding-left:10px;
	}
	
div#wrapMain div#mainAreaPage div.shop div.instruction h2{
	margin-bottom:0;
	padding-top:10px;
	background-image:
	url(../images/page_shop_inst_bg_top.png);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:16px;
	font-weight:bold;
	}
div#wrapMain div#mainAreaPage div.shop div.instruction h3{
	margin:0 10px 5px 10px;
	padding-bottom:2px;
	padding-left:1px;
	background:none;
	border-bottom:solid 1px #b3eafd;
	font-size:14px;
	font-weight:bold;
	color:#5f5f5f;
	}
div#wrapMain div#mainAreaPage div.shop div.instruction div.instructionwWrap{
	background-image:url(../images/page_shop_inst_bg_mid.png);
	background-position:top;
	background-repeat:repeat-y;
	}
	
div#wrapMain div#mainAreaPage div.shop div.instruction ul{
	margin-bottom:15px;
	margin-left:2em;
	list-style-type:decimal;
	}
div#wrapMain div#mainAreaPage div.shop div.instruction ul.last{
	margin-bottom:0;
	}
div#wrapMain div#mainAreaPage div.shop div.instruction ul li{
	list-style-type:decimal;
	list-style-position:outside;

	}
div#wrapMain div#mainAreaPage div.shop div.instruction div.instructionwWrap p{
	margin:0 10px 0 10px;
	}
div#wrapMain div#mainAreaPage div.shop div.instruction div.instructionwWrap .pMargin{
	margin-bottom:10px;
		}
div#wrapMain div#mainAreaPage div.shop div.instruction div.instructionwWrap p.mapCar{
	margin:0 10px 0 10px;
	padding:30px;
	border:solid 1px #f1eac7;
	background-color:#faf5dc;
	text-align:center;
	}
div#wrapMain div#mainAreaPage div.shop div.instruction div.instructionwWrap p.mapCar img{
	border:solid 1px #eae3b5;
	}
	

div#wrapMain div#mainAreaPage div.basicPage div.wrapShop h2,
div#wrapMain div#mainAreaPage div.shop div#wrapStaff h2,
div#wrapMain div#mainAreaPage div.shop div#wrapBoat h2{
	padding:0 0 0 1px;
	margin-bottom:10px;
	border-bottom:solid 2px #e9e2c0;
	font-size:16px;
	font-weight:bold;
	color:#5f5f5f;
	}
	

/*--shop, access common----*/
div#wrapMain div#mainAreaPage div.basicPage div.wrapShop{
	margin-bottom:15px;
	}
div#wrapMain div#mainAreaPage div.basicPage div.wrapShop div.textArea{
	width:280px;
	margin:0 13px 0 0;
	float:left;
	}
div#wrapMain div#mainAreaPage div.basicPage div.wrapShop div.textArea p span{
	color:#b3eafd;
	font-weight:bold;
	}
	
div#wrapMain div#mainAreaPage div.basicPage div.wrapShop div.gmap{
	width:302px;
	float:left;
	}
div#wrapMain div#mainAreaPage div.basicPage div.wrapShop div.gmap iframe{
	border:solid 1px #b3eafd;
	}
div#wrapMain div#mainAreaPage div.basicPage div.wrapShop div.gmap p{
	text-align:right
	}	
div#wrapMain div#mainAreaPage div.basicPage div.wrapShop div.gmap p a{
	}
/*-----------*/	

	
div#wrapMain div#mainAreaPage div.basicPage div#wrapStaff{
	margin-bottom:25px;
	}	
div#wrapMain div#mainAreaPage div.basicPage div#wrapStaff p.image{
	float:left;
	}	
div#wrapMain div#mainAreaPage div.basicPage div#wrapStaff div.textArea{
	padding:0 0 0 15px;
	overflow:auto;zoom:1;
	}


div#wrapMain div#mainAreaPage div.shop div#wrapBoat{
	margin-bottom:25px;
	}
div#wrapMain div#mainAreaPage div.shop div#wrapBoat p{
	margin:0 9px 0 0;
	float:left;
	}
div#wrapMain div#mainAreaPage div.shop div#wrapBoat p.last{
	margin-right:0;
	}
div#wrapMain div#mainAreaPage div.shop div#wrapBoat p img{
	border:solid 1px #b3eafd;
	}
	
	
div#wrapMain div#mainAreaPage div.shop div#wrapLink h3{
	padding:0 0 2px 1px;
	margin-bottom:5px;
	background:none;
	border-bottom:solid 2px #b3eafd;
	font-size:16px;
	font-weight:bold;
	color:#5f5f5f;
	}
/*-----------------------------------------------------------------------*/



/*--access.html---------------------------------------------------------------------*/
div#wrapMain div#mainAreaPage div.basicPage div#wrapAccessFrom h2,
div#wrapMain div#mainAreaPage div.basicPage div#wrapAccessCar h2{
	padding:0 0 0 1px;
	margin-bottom:8px;
	border-bottom:solid 2px #e9e2c0;
	font-size:16px;
	font-weight:bold;
	color:#5f5f5f;
	}


div#wrapMain div#mainAreaPage div.basicPage div#wrapAccessCar p{

	}
div#wrapMain div#mainAreaPage div.basicPage div#wrapAccessCar .pMargin{
	margin-bottom:10px;
		}
div#wrapMain div#mainAreaPage div.basicPage div#wrapAccessCar p.mapCar{

	padding:30px;
	border:solid 1px #f1eac7;
	background-color:#faf5dc;
	text-align:center;
	}
div#wrapMain div#mainAreaPage div.basicPage div#wrapAccessCar p.mapCar img{
	border:solid 1px #eae3b5;
	}
	
	
div#wrapMain div#mainAreaPage div.basicPage div#wrapAccessFrom{
	margin-bottom:25px;
	}
div#wrapMain div#mainAreaPage div.basicPage div#wrapAccessFrom p{
	margin-bottom:10px;
	}



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

div#footWrap{
	width:965px;
	padding:0;
	margin:0 auto;
	color:#6a6a6a;
}

div#footWrap div#footInfo{
	width:320px;
	float:left;
	}

div#footWrap div#foot{
	width:645px;
	float:left;	
	}



div#footWrap div#footInfo p{
	width:280px;
	margin:0 0 0 15px;
	}

div#footWrap div#foot ul{
	margin:0 0 5px 0;
	padding:0 0 25px 0;
}

div#footWrap div#foot ul li{
	display:inline;
	float:left;
	color:#15a7da;
}
div#footWrap div#foot ul li a{

}

	
div#footWrap div#foot p{
	clear:left;
	margin-bottom:75px;
	}
	
div#footWrap div#foot p.copyright{
	margin-bottom:25px;
	text-align:right;
	
	}
	



p#testFont	{
	font-family: "A-OTF 丸フォーク Pro H";
	src: url(../font/A-OTF-MaruFoPro-Heavy.otf);
	font-size: 60px;
	padding: 300px;
	}

/*20130613追加*/	
.clear{ clear: both; visibility: hidden; height: 0;}

.tsuika_photo{
	width:700px;
	margin-left:10px;
	padding:5px;
}
.tsuika_photo_sub{
	width:380px;
	float:left;
	margin-left:10px;
	position:relative 
}

/*20130621追加*/
.jet_val{
	}
.jet_val .val_price{
	padding:10px;
	background-color:#FF9;
	width:400px;
	}	
	
.jet_val u{
	color:#F00;
	}
	

/*****************************************************************
btn
*****************************************************************/ 
.btn_det,
a.btn_det,
button.btn_det {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  margin: 20px 0 0 0;
  padding: 7px 8%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  background: #0086D2;
  border-radius: 100vh;
  float: right;
}
.btn-border {
  border-radius: 0;
  background: #fff;
}

a.btn-border:hover {
  color: #fff;
  background:#003353;
}  
 
/*******************************
FAQ　20250306
*******************************/
ul.gruop_grid{
	width:100%;
	margin:40px 0 10px;
	padding:0 0% 5px;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
	position:relative;    
	}
	ul.gruop_grid li.gruop_grid_in{
	width:49%;
	margin: 0 1% 40px 0;
	padding:0px 0 10px 0;
	text-align: left;
	color:#000;
	background: #fff;
	border-radius: 5px;
	position: relative;
	}	

.accordion {
    max-width:100%;/*500px*/
    margin-bottom: 7px;
    border-bottom: 1px solid #d0d0d0;
}

.accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 1em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
	/*border-bottom: 1px solid #CCC;*/
}
.accordion summary::-webkit-details-marker {
    display: none;
}
.accordion summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}
.accordion[open] summary::after {
    transform: rotate(225deg);
}
.accordion p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
	font-size: 0.85em;
}

.accordion[open] p {
    transform: none;
    opacity: 1;
}
 
/*トップページSNSロゴ 20250310*/ 
.sns_grid {
    width:100%;
	margin: 50px 0 0 0%;
	padding: 0;
	}
	.sns_grid img {
    max-width: 100%;
	height: auto;
	margin:0 0 5px 0;
	padding: 0
	}