@charset "shift_jis";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 12px;
	line-height: 20px;
	background-color: #e6ebfa;
	color: #333;
	background-image: url(../img/body_back02.jpg);
	background-repeat: repeat-x;
	background-position: top;
	overflow-x : hidden;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h2 {
	font-size: 13px;
}
h3 {
	color: #C00;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
h4 {
	font-size: 14px;
	color: #C00;
	padding-top: 5px;
	padding-bottom: 15px;
}


#index_back_om {
	background-image: url(../img/om_guide/om_guide_back01.jpg);
	background-repeat: no-repeat;
	height: 100%;
	width: 1290px;
	margin-right: auto;
	margin-left: auto;
}
#index_back_local {
	background-image: url(../img/local_prod/local_prod_back01.jpg);
	background-repeat: no-repeat;
	height: 100%;
	width: 1290px;
	margin-right: auto;
	margin-left: auto;
}
#index_back_acce {
	background-image: url(../img/access/access_back01.jpg);
	background-repeat: no-repeat;
	height: 100%;
	width: 1290px;
	margin-right: auto;
	margin-left: auto;
}
#index_back_shop {
	background-image: url(../img/shopinfo/shopinfo_back01.jpg);
	background-repeat: no-repeat;
	height: 100%;
	width: 1290px;
	margin-right: auto;
	margin-left: auto;
}
#index_back_pb {
	background-image: url(../img/pleasure_boat/p_boat_top.jpg);
	background-repeat: no-repeat;
	height: 100%;
	width: 1290px;
	margin-right: auto;
	margin-left: auto;
}

#index_back_ct {
	background-image: url(../img/ct/ct_back01.jpg);
	background-repeat: no-repeat;
	height: 100%;
	width: 1290px;
	margin-right: auto;
	margin-left: auto;
}




#index_headr {
	width: 923px;
	margin-right: auto;
	margin-left: auto;
}
#index_h1 {
	margin-right: auto;
	margin-left: 5px;
	text-align: left;
	padding-top: 16px;
	padding-bottom: 169px;
}
#gnavi_box {
	width: 914px;
	margin-right: 5px;
	margin-left: 4px;
	list-style-type: none;
}
.gnavi {
	float: left;
	list-style-type: none;
}
#c_box01 {
	margin-top: 8px;
	margin-bottom: 8px;
	clear: both;
}
.c_box01_p  {
	margin-top: 82px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: 191px;
}
.c_box01_pimg {
	margin-right: 6px;
	margin-left: auto;
	text-align: right;
}
.c_box01_pimg02 {
	margin-right: 105px;
	margin-left: auto;
	text-align: right;
}


.c_box01_p2 {
	margin-top: 82px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: 88px;
}
.c_box01_p3 {
	margin-top: 82px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: 98px;
}
.c_box01_p4 {
	margin-top: 57px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: 238px;
}
.c_box01_p5 {
	margin-top: 57px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 24px;
}
.c_box01_p6 {
	margin-right: auto;
	margin-bottom: auto;
	line-height: 17px;
	padding-top: 22px;
	padding-left: 299px;
}






#c_box01_left {
	background-image: url(../img/index_box01.jpg);
	height: 157px;
	width: 445px;
	float: left;
}
#c_box01_center {
	background-image: url(../img/index_box02.jpg);
	height: 157px;
	width: 235px;
	margin-right: 4px;
	margin-left: 4px;
	background-repeat: no-repeat;
	float: left;
}
#c_box03_right {
	background-image: url(../img/index_box03.jpg);
	float: right;
	height: 157px;
	width: 235px;
}
#c_box02 {
	background-image: url(../img/index_box04.jpg);
	height: 180px;
	width: 923px;
	margin-bottom: 8px;
	clear: both;
}
#c_box02_left {
	float: left;
	height: 180px;
	width: 480px;
}
#c_box02_right {
	float: right;
	height: 180px;
	width: 413px;
	margin-right: 20px;
}
#c_box03 {
	background-image: url(../img/index_sinsai.jpg);
	background-repeat: no-repeat;
	height: 90px;
	width: 923px;
}
#fnavi {
	margin-right: auto;
	margin-left: auto;
	height: 23px;
	clear: both;
	vertical-align: bottom;
	padding-top: 23px;
	width: 945px;
	text-align: center;
	padding-bottom:8px;
}
#fnavi ul {
	margin-right: auto;
	margin-left: 85px;
	text-align: center;
}
#footer {
	background-image: url(../img/footer_back.gif);
	background-repeat: repeat-x;
	height: 108px;
	width: 100%;
}


.fnavi_li {
	float: left;
	list-style-image: url(../img/footer_botan.gif);
	list-style-type: none;
	text-align: center;
	margin-right: 28px;
}
#footer_box {
	width: 923px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#footer_box_left {
	float: left;
	height: 100%;
	margin-left: 80px;
	margin-top: 13px;
	margin-bottom: 0px;
}
#footer_box_right {
	float: right;
	height: 100%;
	margin-top: 13px;
	margin-right: 80px;
}
.footer_p {
	font-size: 11px;
	line-height: 15px;
}
#copyright_p {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	color: #0a2570;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	clear: both;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.cp {
	padding-top: 78px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}






.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  
  
.con_r_p {
	background-color: #FFF;
	margin-right: 6px;
	margin-left: 6px;
	padding-bottom: 3px;
}
.con_r_p2 {
	margin-left: 12px;
	padding-bottom: 3px;
	margin-top: 13px;
}
.con_r_p_g {
	color: #006666;
}
.con_r_p_g a {
	color: #006666;
}
#con_r_p_b {
	vertical-align: bottom;
	margin-bottom: auto;
	margin-top: 0px;
}
#con_table {
	margin-left: 3px;
}
.mtour-top{
	background-image: url(../img/mtour/mtour-bg.jpg);
	background-size: contain;
	padding-top: 35vw;
	background-repeat: no-repeat;
}
.mtour-box{
	background-color: #b8ccf0;
	border-radius: 10px;
	margin-bottom: 46px;
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.i-to{
	position: absolute;
    right: 0;
    top: -61%;
}
.mtour-box-flex{
	padding: 26px 38px;
	display: flex;
	justify-content: space-between;
}
.mtour-bflex-p{
	font-size: 16px;
	line-height: 36px;
}
.mtour-bflex-h3{
	font-size: 24px;
	line-height: 36px;
	color: #001b6a;
}
.mtour-bflex-h3-cmp{
	font-size: 22px;
	line-height: 36px;
	color: #001b6a;
}
.mtour-btn{
	margin-bottom: 60px;
	display: flex;
	justify-content: center;
	list-style: none;
}
.mtour-btn li{
	margin: 0 25px;
}
.mtour-box2{
	width: 900px;
	margin: 0 auto 60px;
	position: relative;
}
.mtour-box2 img{
	position: absolute;
    left: 18px;
    top: -10px;
}
.mtour-box2 div{
	padding: 15px 20px 15px 300px;
	background: #fff;
}
.mtour-box2 h3{
	font-size: 20px;
	line-height: 36px;
	color: #007bd1;
}
.mtour-box2 p{
	font-size: 13px;
	line-height: 26px;
}
.mtour-form{
	width: 1000px;
	margin: 0 auto 36px;
}
.mtour-form img{
	margin-bottom: 26px;
}
h2.mtb-img img {
    width: 100%;
    height: auto;
}
h1.mtb-h1 {
    text-align: center;
    font-size: 2.8rem;
    color: #0082fa;
    margin: 60px;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    font-weight: normal;
}
.mtb-flex{
	width: 1000px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.mtb-flex div{
	margin-bottom: 40px;
	font-size: 14px;
	line-height: 26px;
    width: 320px;
}
.mtb-flex h3{
	margin: 20px;
	font-size: 20px;
	text-align: center;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	color: #007bd1;
}
.mtb-flex p{
	padding: 0 10px;
}
.mtour-box4{
	background: #fff;
	font-size: 14px;
	line-height: 26px;
}
.mtb-flex2{
	width: 1000px;
    margin: 40px auto;
    display: flex;
}
.mtb-flex2-div1{
	margin-right: 20px;
    margin-bottom: 36px;	
}
.mtb-flex2 h3{
    font-size: 25px;
    color: #f16b8b;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    font-weight: normal;
    line-height: 32px;
    margin: 20px 0px 20px 20px;
}
.gmap{
	width: 1000px;
	margin: auto;
}
.mtour-box5{
	background: #e6ebfa;
}
.mtour-box5-p{
	width: 780px;
	margin: 30px auto 50px;
	font-size: 16px;
	line-height: 40px;
}
#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:130%;
}
table.formTable{
	width:100%;
	margin:26px auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
	background: #fff;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
table.formTable td input[type="text"] ,select {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
	height: 30px
}
table.formTable td select {
	height: 35px
}
table.formTable td textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}