@charset 'utf-8';
@import url("./common.css");

/* ====================================
  INDEX sub.css
 --------------------------------------
  1.kayak_menu
  2.Contact
  3.News
  4.about
  5.sitemap
===================================== */

/* 1.kayak_menu　ツアー
================================================== */
.kayak_menu{
	width		: 500px;
	color		: #fffff0;
	float		: left;
	margin-top  : 10px;
	margin-left : 25px;
	margin-bottom : 25px;
	line-height	: 1.8;
	border		: solid 2px #9C9;
	}
	
.kayak_menu h3{
	margin		: 0 0 0 0;
	display		: inline;
	}

.kayak_menu p{
	margin-top	: 10px;
	margin-left	: 10px;
	}
	
.kayak_corse{
	width		: 495px;
	height      : 135px;
	padding		: 5px 0;
		}

.kayak_corse img{
	float		: left;
	margin		: 5px 10px;
	}

.kayak_corse h4{
	margin		: 10px 0 0 5px;
	font-size	: 13px;
	font-weight	: bold;
	color       : #FCA40B;
	}

.kayak_corse p{
	margin		: 5px 8px;
	}

.set_corse{
	width		: 495px;
	height      : 155px;
	padding		: 5px 0;
		}

.set_corse img{
	float		: left;
	margin		: 5px 10px;
	}

.set_corse h4{
	margin		: 5px 0 0 5px;
	font-size	: 12px;
	font-weight	: bold;
	color       : #C2CA6C;
	}

.set_corse h5{
	margin		: 5px 0 0 5px;
	font-size	: 10px;
	font-weight	: bold;
	color       : #C2CA6C;
	}
	
.set_corse p{
	margin		: 10px 8px;
	}

.set1_corse{
	width		: 495px;
	height      : 175px;
	padding		: 5px 0;
		}

.set1_corse img{
	float		: left;
	margin		: 5px 10px;
	}

.set1_corse h5{
	margin		: 5px 0 0 5px;
	font-size	: 10px;
	font-weight	: bold;
	color       : #C2CA6C;
	}
	
.set1_corse p{
	margin		: 10px 8px;
	}
		
.kayak2{
	width		: 500px;
	height      : 110px;
	padding		: 5px 0;
		}

.kayak2 img{
	float		: left;
	margin		: 5px 10px;
	}

.kayak2 h4{
	margin		: 10px 0 0 5px;
	font-size	: 14px;
	font-weight	: bold;
	color       : #C2CA6C;
	}

.kayak2 p{
	margin		: 5px 10px;
	}

.kayakcourse_box{
	width		: 525px;
	color		: #fffff0;
	float		: left;
	margin-top  : 5px;
	margin-left : 10px;
	margin-bottom : 15px;
	line-height	: 1.8;
	}
	
.kayakcourse_box img{
	margin-left : 15px;
	margin-top : 10px;
	}
	
.kayak_ichiran{
	width		: 525px;
	height      : 165px;
	padding		: 5px 0;
	border-bottom: 1px dashed #ED9327;
		}

.kayak_ichiran img{
	float		: left;
	margin		: 5px 15px;
	}

.kayak_ichiran h4{
	margin		: 15px 0 5px 5px;
	font-size	: 14px;
	font-weight	: bold;
	color       : #C2CA6C;
	}

.kayak_ichiran p{
	margin		: 0px 5px;
	}
	
.kayak_ichiran strong{
	font-size	: 14px;
	font-weight	: bold;
	color       : #FF0033;
	}

/* 2-1.tour_detail　ツアー詳細
================================================== */
.tour_detail{
	margin		: 10px;
	margin-left	: 25px;
	}

.tour_detail strong{
	font-size	: 13px;
	font-weight	: bold;
	color       : #FF0033;
	}
		
.tour_detail table{
	font-size	: 100%;
	border-collapse	: collapse;
	border-top	: solid 1px #CCC;
	border-left	: solid 1px #CCC;
	}
	

.tour_detail td{
	color	: #FFF;
	padding		: 5px 5px;
	border-collapse	: collapse;
	border-right	: solid 1px #CCC;
	border-bottom	: solid 1px #CCC;	
	}

.tour_detail th{
	width		: 145px;
	text-align	: center;
	background	: #8EB957;
	color	: #FFF;
	padding		: 5px 8px;
	border-collapse	: collapse;
	border-right	: solid 1px #CCC;
	border-bottom	: solid 1px #CCC;
	}

/* 3.staff　ガイド紹介
================================================== */				
.staff {
	background: url('../img/staff/back01.gif') right top no-repeat;
	padding: 10px;
	border-bottom: 1px dashed #ED9327;
	height: 100%;
}

.staff .photo {
	width: 200px;
	float: left;}

.staff .photo p {
	float: left;
	padding-right: 1px;
	padding-top: 0px;}
	

.staff .photo h4 {
	border: 1px solid #333;
	padding: 5px;
	background: #C2CA6C;
	margin-bottom: 5px;}

.staff .title {
	padding: 5px 0 0 0;}

.staff .pro {
	float: right;
	width: 245px;
	margin-right: 5px;
	margin-left: 10px;
	}

.staff .pro h5 {
	float: left;
	padding-right: 1px;
	padding-top: 0px;
	font-size	: 13px;
	font-weight	: bold;
	color       : #C2CA6C;
	}
	
.staff_click {
	font-size: 10px;
	color: #FF0000;}

.entry_body{
	margin-left	: 5px;
	float		: left;
	}

/* 4.shitumon　よくある質問
================================================== */	
.shitumon {
	padding: 10px;
	border-bottom: 1px dashed #ED9327;
	height: 100%;
	margin-bottom:0px;
	}

	
.question {
	display:block;
	padding-left:45px;
	padding-top:10px;
	margin-left:15px;
	margin-top:5px;
	color:#C2CA6C;
	font-size:14px;
	font-weight:bold;
	font-family:"メイリオ";
	background:url(../img/Question.gif) no-repeat;
	min-height:40px;
}

.question a,
.question a:hover{
	color		: #C2CA6C;
	text-decoration	: none;
	}
	
.answer {
	display:block;
	padding-left:50px;
	padding-top:5px;
	padding-bottom:0px;
	margin-left:30px;
	margin-right:15px;
	margin-top:5px;
	margin-bottom:10px;
	line-height:125%;
	font-family:"メイリオ";
	background:url(../img/Answer.gif) no-repeat;
	min-height:43px;
}

/* 5.lure　マングローブとは
================================================== */	
.lure{
	width		: 510px;
	color		: #fffff0;
	float		: left;
	margin-top  : 25px;
	margin-left : 20px;
	margin-bottom : 60px;
	}

.lure h3{
	margin		: 3px 0 10px 0px;
	font-size	: 14px;
	font-weight	: bold;
	color       : #C2CA6C;
	}
		
.lure_box{
	width		: 160px;
	margin		: 20px 5px 5px 5px;
	float		: left;
	}
		
.lure_box h4{
	font-size   : 14px;
	font-weight	: normal;
	margin-bottom: 5px;
	color		: #C2CA6C;
	text-align	: center;
	}

/* 6.Contact　お問い合わせ
=====================================*/	
.contact_box{
	width		: 530px;
	text-align	: left;
	margin		: 20px auto 20px 10px;
	}

.contact_box h2{
	margin		: 5px auto 5px 10px;
	text-align	: left;
	font-weight	: bold;
	}
	
.contact_box table{
	margin-left	: 10px;
	text-align	: left;
	background	: #0A2510;
	border-collapse	: collapse;
	border-top	: solid 1px #999;
	border-left	: solid 1px #999;
	}

.contact_box th,
.contact_box td{
	padding		: 6px 5px;
	empty-cells	: show;
	border-collapse	: collapse;
	border-right	: solid 1px #999;
	border-bottom	: solid 1px #999;
	}
	
.contact_box th,
.btn_send{
	text-align	: right;
	}

.btn_send input{
	padding		: 0 15px;
	}

.thanks{
	width		: 480px;
	margin		: 20px auto 20px 10px;
	float		: left;
	background	: #0A2510;
	border		: solid 1px #999;
	}

	
/* 7.News 新着情報
=====================================*/		
.news_box{
	width		: 500px;
	margin		: 15px 0 auto 20px;
	float		: left;
		}

.news_box h3{
	margin		: 5px 0 auto 5px;
	color		: #C2CA6C;
	font-size	: 14px;
	}
	
.news_box h3 a,
.news_box h3 a:hover{
	color		: #C2CA6C;
	text-decoration	: none;
	}
	
.entry_body{
	margin		: 5px;
	}

.entry_footer{
	padding		: 5px 5px 50px 0;
	text-align	: right;
	clear		: both;
	border-top	: solid 1px #FFF;
	}
	
.content_nav{
	text-align	: center;
	}


/* 8.about 会社概要
=====================================*/
.about_box{
	margin		: 15px 0 0 150px;
	}

.about_tbl caption{
	margin		: 0;
	padding		: 6px 5px;
	font-weight	: bold;
	letter-spacing	: 0.1em;
	background	: #666;
	border-top	: solid 1px #999;
	border-right	: solid 1px #999;
	border-left	: solid 1px #999;
	}

.about_tbl table{
	width		: 500px;
	margin		: 15px 0;
	font-size	: 11px;
	empty-cells	: show;
	border-collapse	: collapse;
	border-top	: solid 1px #999;
	border-left	: solid 1px #999;
	}

.about_tbl th,
.about_tbl td{
	padding		: 6px 5px;
	empty-cells	: show;
	border-collapse	: collapse;
	border-right	: solid 1px #999;
	border-bottom	: solid 1px #999;
	}

.about_tbl th{
	text-align	: center;
	letter-spacing	: 0.1em;

	}

.about_tbl td{
	padding		: 6px 15px;
	text-align	: left;

	}

.about_tbl td.no_b{
	padding		: 6px 15px 0 15px;
	border-bottom	: 0;
	}
	
.about_tbl td.no_rb{
	padding		: 6px 15px 0 15px;
	border-right	: 0;
	border-bottom	: 0;
	}

/* 9.sitemap　サイトマップ
=====================================*/	
.sitemap_box{
	width		: 470px;
	height      : 570px;
	text-align	: left;
	margin-top	: 30px;
	margin-left	: 50px;
	}

.sitemap_box h3{
	margin		: 5px;
	text-align	: left;
	font-weight	: bold;
	}