body {
	margin: 0 auto;
	display：inline
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-image: url(images/bg_top.png);
	background-position:center top;
	background-size:contain;
	/*background-color:#0CF;
	background-repeat: repeat-x;
	/*background-image: url(images/back.jpg);*/
	font-size:96%;line-height:140%;color: #363636;
}
.font0 {
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.font00 {
	font-size: 12px;
	font-style: normal;
	line-height: 1.5em; 
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #363636;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.font1 {
	font-size: 12px;
	font-style: normal;
	line-height: 1.5em; 
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.font2 {
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.font3 {
	font-size: 15px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.font3b {
	font-size: 15px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.font3p {
	font-size: 14px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF0066;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.font3_h {
	font-size: 15px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.font3_1 {
	font-size: 15px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
}
.font_red {
	font-size: 12px;
	font-style: normal;
	line-height: 1.5em; 
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FF0000;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
a:link {
	color: #000099;
}
a:visited {
	color: #0000FF;
}


.font3_2 {
	font-size: 15px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFffff;
	margin: 0px;
	padding: 2px;
	text-decoration: none;
	background-color:#FF0066;
}


.nishiki{
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-image: url(images/top_about03.jpg);
}
.fon_pink {
	font-size: 15px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFffff;
	margin: 0px;
	padding: 2px;
	text-decoration: none;
}

/*----------------------------------------------------------
　各コース枠色設定
----------------------------------------------------------*/

/*orange-----------------------------*/
.grid_orange {
	width:635px;
	margin:10px;
	padding:10px;
	border:#ff6600 1px solid;
	border-radius:8px;
	text-align:left;
	background-color:#FFF;
	}
.grid_orange_txw {
	width:635px;
	margin:10px;
	padding:15px;
	background-color:#ff6600;
	color:#fff;
	border-radius:8px;
	text-align:left;
	}	
	
.tit_orange {
	width:96%;
	margin:10px 0;
	padding:2%;
	background-color:#ff6600;
	color:#fff;
	border-radius:3px;
	text-align:left;
	}		
	
.txt_orange_b{
	color:#ff6600;
	font-weight:bold;
	font-size:110%;	
	}
	
/*lightblue-----------------------------*/
.grid_lightblue {
	width:635px;
	margin:10px;
	padding:10px;
	border:#A6D1FE 1px solid;
	border-radius:8px;
	text-align:left;
	background-color:#FFF;
	}
.grid_lightblue_txw {
	width:635px;
	margin:10px;
	padding:15px;
	background-color:#A6D1FE;
	color:#333;
	border-radius:8px;
	text-align:left;
	}	
	
.tit_lightblue {
	width:96%;
	margin:10px 0;
	padding:2%;
	background-color:#A6D1FE;
	color:3333;
	border-radius:3px;
	text-align:left;
	}		
	
.txt_lightblue_b{
	color:#09F;
	font-weight:bold;
	font-size:110%;	
	}	
	
	
/*red-----------------------------*/
.grid_red {
	width:635px;
	margin:10px;
	padding:10px;
	border:#ED4346 1px solid;
	border-radius:8px;
	text-align:left;
	background-color:#FFF;
	}
.grid_red_txw {
	width:635px;
	margin:10px;
	padding:15px;
	background-color:#ED4346;
	color:#fff;
	border-radius:8px;
	text-align:left;
	}	
	
.tit_red {
	width:96%;
	margin:10px 0;
	padding:2%;
	background-color:#ED4346;
	color:#fff;
	border-radius:3px;
	text-align:left;
	}		
	
.txt_red_b{
	color:#ED4346;
	font-weight:bold;
	font-size:110%;	
	}	
	
	
	
/*purple-----------------------------*/
.grid_purple {
	width:635px;
	margin:10px;
	padding:10px;
	border:#660066 1px solid;
	border-radius:8px;
	text-align:left;
	background-color:#FFF;
	}
.grid_purple_txw {
	width:635px;
	margin:10px;
	padding:15px;
	background-color:#660066;
	color:#fff;
	border-radius:8px;
	text-align:left;
	}	
	
.tit_purple {
	width:96%;
	margin:10px 0;
	padding:2%;
	background-color:#660066;
	color:#fff;
	border-radius:3px;
	text-align:left;
	}		
	
.txt_purple_b{
	color:#660066;
	font-weight:bold;
	font-size:110%;	
	}	
	
	
/*pink 癒しのシュノーケリング半日ツアー-----------------------------*/
.grid_pink {
	width:635px;
	margin:10px;
	padding:10px;
	border:#FF0E6D 1px solid;
	border-radius:8px;
	text-align:left;
	background-color:#FFF;
	}
.grid_pink_txw {
	width:635px;
	margin:10px;
	padding:15px;
	background-color:#FF0E6D;
	color:#fff;
	border-radius:8px;
	text-align:left;
	}	
	
.tit_pink {
	width:96%;
	margin:10px 0;
	padding:2%;
	background-color:#FF0E6D;
	color:#fff;
	border-radius:3px;
	text-align:left;
	}		
	
.txt_pink_b{
	color:#FF0E6D;
	font-weight:bold;
	font-size:110%;	
	}		
	
	
/*blue チャーターコースシュノーケル＆フィッシング-----------------------------*/
.grid_blue {
	width:635px;
	margin:10px;
	padding:10px;
	border:#295DC6 1px solid;
	border-radius:8px;
	text-align:left;
	background-color:#FFF;
	}
.grid_blue_txw {
	width:635px;
	margin:10px;
	padding:15px;
	background-color:#295DC6;
	color:#fff;
	border-radius:8px;
	text-align:left;
	}	
	
.tit_blue {
	width:96%;
	margin:10px 0;
	padding:2%;
	background-color:#295DC6;
	color:#fff;
	border-radius:3px;
	text-align:left;
	}		
	
.txt_blue_b{
	color:#295DC6;
	font-weight:bold;
	font-size:110%;	
	}		
	
/*darkpink スペシャルチャーターコース-----------------------------*/
.grid_darkpink {
	width:635px;
	margin:10px;
	padding:10px;
	border:#D73878 1px solid;
	border-radius:8px;
	text-align:left;
	background-color:#FFF;
	}
.grid_darkpink_txw {
	width:635px;
	margin:10px;
	padding:15px;
	background-color:#D73878;
	color:#fff;
	border-radius:8px;
	text-align:left;
	}	
	
.tit_darkpink {
	width:96%;
	margin:10px 0;
	padding:2%;
	background-color:#D73878;
	color:#fff;
	border-radius:3px;
	text-align:left;
	}		
	
.txt_darkpink_b{
	color:#D73878;
	font-weight:bold;
	font-size:110%;	
	}	
	


/*marineblue 体験フィッシング＆マリンスポーツコース-----------------------------*/
.grid_marineblue {
	width:635px;
	margin:10px;
	padding:10px;
	border:#B6ECEE 1px solid;
	border-radius:8px;
	text-align:left;
	background-color:#FFF;
	}
.grid_marineblue_txw {
	width:635px;
	margin:10px;
	padding:15px;
	background-color:#B6ECEE;
	color:#333;
	border-radius:8px;
	text-align:left;
	}	
	
.tit_marineblue {
	width:96%;
	margin:10px 0;
	padding:2%;
	background-color:#B6ECEE;
	color:#333;
	border-radius:3px;
	text-align:left;
	}		
	
.txt_marineblue_b{
	color:#0CC;
	font-weight:bold;
	font-size:110%;	
	}		
	
/*	*/
.grid_in{
	width:90%;
	margin:10px 3%;
	padding:2%;
	}

ul.att	{
	font-size:90%;	
	}
	
ul.att li	{
	line-height:1.4;
	margin:10px 0;	
	}
	
	
/*----------------------------------------------------------
　service
----------------------------------------------------------*/
.grid_page{
	width:95%;
	margin:0 0 0 1%;
	padding:2%;
	}
	
.bg_sea{
	background-repeat:no-repeat;
	background-image: url(images/bg_sea.png);
	}

.bg_sea02{
	background-repeat:no-repeat;
	background-image: url(images/bg_sea02.png);
	}

.bg_nishiki{
	background-repeat:no-repeat;
	background-image: url(images/bg_nishiki.png);
	}

.tit_stripe_blue {
  width: 96%;
  margin:20px 0 20px;
  padding:2%;
  color:#fff;
  font-size:130%;
  font-weight:bold;
  border-radius:5px;
  letter-spacing:3px;
  /*border: 1px solid #000;*/
  background-image: linear-gradient(
    -45deg,
    #3FC9E5 25%,
     25%, #00B8DC 50%,
    #3FC9E5 50%, #3FC9E5 75%,
    #00B8DC 75%, #00B8DC
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 
  background-size: 8px 8px;*/
}		



.tit_stripe_green {
  width: 96%;
  margin:20px 0 20px;
  padding:2%;
  color:#fff;
  font-size:130%;
  font-weight:bold;
  border-radius:5px;
  letter-spacing:3px;
  /*border: 1px solid #000;*/
  background-image: linear-gradient(
    -45deg,
    #53C553 25%,
     25%, #7CD27B 50%,
    #53C553 50%, #53C553 75%,
    #7CD27B 75%, #7CD27B
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 
  background-size: 8px 8px;*/
}		


.tit_stripe_orange {
  width: 96%;
  margin:20px 0 20px;
  padding:2%;
  color:#fff;
  font-size:130%;
  font-weight:bold;
  border-radius:5px;
  letter-spacing:3px;
  /*border: 1px solid #000;*/
  background-image: linear-gradient(
    -45deg,
    #F90 25%,
     25%, #F60 50%,
    #F90 50%, #F90 75%,
    #F60 75%, #F60
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 
  background-size: 8px 8px;*/
}	
	
@media all and (-ms-high-contrast: none){
	.tit_stripe_blue {
		background-image:url(images/bg_stripe_blue.jpg);
}	
	.tit_stripe_green {
		background-image:url(images/bg_stripe_green.jpg);
}	
	.tit_stripe_orange {
		background-image:url(images/bg_stripe_orange.jpg);
}	
}	
		
.tit_o {
  color:#f30;
  font-size:140%;
  font-weight:bold;
}	
	
.tit_o_m {
  margin:10px 0;	
  color:#f30;
  font-size:115%;
  font-weight:bold;
  text-align:1.6;
}	
	



/*pagenav ページ内リンク*/
ul.pagenav {
    width:100%;
    margin:5px 0 0 0;
    padding:0;
    font-size:92%;
    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;
} 
    ul.pagenav li {
        width:22%;
        margin-right:1%;
        padding:1%;
		text-align:center;
        line-height:1.3;
        color: #fff;
        background-color:#F90;
        list-style:none;
		border-radius:5px;
    }
	
 
    ul.pagenav li a{
 	text-decoration: none;
	color: #fff;
	font-weight: bold;
    }

/*----------------------------------------------------------
　色設定
----------------------------------------------------------*/

.txt_pink{
  color:#F03;
}	
.txt_red{
  color:#F00;
}	

/*----------------------------------------------------------
2023.11.09 デザイン変更
----------------------------------------------------------*/

/*----------------------------------------------------------
top
----------------------------------------------------------*/
.top_course_orange{
 	widht:94%;
	margin: 10px  1%;
	padding: 15px 2%;
	border:#FF6600 2px solid;
	border-radius: 5px;
    }
	.tit_top_course_orange{
 	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: 3px;
	margin: 0;
	padding:15px 15px;
	color:#fff;
	background:#FF6600;
	/*text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;*/
	border-radius: 5px;		  
    }
	.tit_top_course_orange_s{
 	font-size:0.6em;
	margin: 0 0 0 10px;
	padding: 0;
	color:#fff;
	text-shadow:none;
	letter-spacing: 0px;
    }
    .txt_top_course_orange_bk{
 	font-size:1.0em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color:#000;
    }
	.txt_top_course_orange_o{
 	font-size:1.1em;
	line-height: 1.3em;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 0;
	color:#FF6600;
    }
	.txt_top_course{
 	font-size:0.85em;
	line-height: 1.6em;
	margin: 10px 0 0 0;
	padding: 7px 0 0;
	color:#000;
	border-top:#333 1px dashed;
    }

/*course_grid02 ***/
ul.course_grid02{
	width:100%;
	margin:10px 0 10px;
	padding:0 0 10px 0;
	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;
    
}
  　.price{
 	font-size:1.1em;
	line-height: 1.3em;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 0;
	color:#FF6600;
    }
ul.course_grid02 li.course_grid02_ph{
	width:34%;
	margin: 0 1% 0 0;
	padding:10px0;
	list-style: none;
	}	
	ul.course_grid02 li.course_grid02_txt{
	width:65%;
	margin: 0  0 0;
	padding: 0 0;
	line-height: 1.8em;
	text-align:left;
	list-style: none;
    }
    ul.course_grid02 li.course_grid02_ph img{
    max-width:100%;
    height: auto;
	} 



/*****************************************************************
form-tbl
****************************************************************/
.form-tbl{
	width: 96%;
	padding: 0;
	margin: 0 2%;
}

.form-tbl th,
.form-tbl td{
	padding: 13px 9px;
	font-size: 0.9em;
	border: 1px solid #fff;
	border-radius:0px;
}

.form-tbl th.form-header{
	background: #999;
	text-align: center;
	color: #fff;
}
 .form-tbl .td01{
     background:#F1F1F1;
     border-radius: 5px;
     
}
.form-tbl .td02{
	background:#E0E0E0;
     border-radius: 5px;
    color:#000;
} 

.form-btn-wrapper {
	margin: 10px 0 0 0;
	font-size: 12px;
	text-align: center;
	line-height: 2;
}

.tbl-bg01{
	background: #ffffff;
}

.submit-btn-wrapper{
	text-align: center;
}

.grid_form_att{
    width: 100%;
	margin: 10px 0;
    padding: 10px 1%;
    background: #ffffff;
    border-radius: 5px; 
    text-align: left;
    border: #cccccc 1px  dotted;
}    
  
    
ol.form_att{  
    width: 90%;
	margin: 10px 5%;
    padding: 0;
}
ol.form_att li{
	text-align: left;
    list-style:decimal;
    font-size: 0.9em;
    paddin-left:20px;
}
.must {
	display: block;
	background-color:#FF8C41;
	/*border: solid 2px #C00;
	text-shadow: 0px 1px 2px #933;*/
	padding: 2px 5px;
	font-size: 10px;
	color: #FFF;
	float: left;
	margin: 0px 5px;
	/*border-radius: 4px;
	box-shadow: 0px 0px 5px #CCC;
	background-image: url(_images/mfp_header.png);
	background-size: 100% 100%;*/
}
ul.form_att{  
    width: 90%;
	margin: 10px 5%;
    padding: 0;
}
ul.form_att li.form_att_txt{
	text-align: left;
    list-style:disc;
    font-size: 0.9em;
	margin: 8px 0;
    paddin-left:20px;
}