/* CSS Document */
h2 {background-color:#0066CC;margin:10px 20px;color:#FFFFFF;font-size:18px;padding:10px 0px}

 
 		/*３カラム用本文　左側の文章ブロック*/
		.body_3c {float:left;font-size:15px;line-height:150%;width:380px}
		.body_3c h3 {margin:0px 5px 10px 10px;padding:0px 0px 0px 5px;font-size:14px;background-color:#FF9900;widht:80%;border-left:#009966 solid 10px;color:#FFFFFF;border-top:none;border-bottom:none}
		.right_imagearea_3calum {float:right;font-size:12px;width:290px;}
		
		/*２カラム用本文ブロック*/
		.body_2c {
	line-height:150%;
	width:auto;
	color:#666666;
	text-align:center;
	padding: 10px;
}
		.body_2c h3 {margin:0px 25px 15px 30px;padding:0px 0px 0px 10px;font-size:14px;border-left:#FFCC33 solid 5px;color:#666666;border-top:none;border-bottom:3px solid #FFCC00;text-align:left;}
		.body_2c h4 {text-align:left;margin:10px 20px 10px 45px;font-size:13px;font-weight:bold}
		.hd-001 {background-color:#06C;padding:5px;font-size:12px}
		.body_2c p {text-align:left;margin:10px auto;font-size:12px;color:#666666}
		.right_imagearea_3calum {float:right;font-size:12px;width:290px;}
		.body_2c h1 {
	font-size:18px;
	font-weight:400;
	background-color:#FFFFCC;
	border:1px solid #0000CC;
	margin:10px 0px;
	padding:10px 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
		
		/*色づけ*/		
		.red {color:red}
		/*リスト　何種類かのリストを作る*/		
		/*大きなリスト*/
		.list_01 {text-align:left;margin-left:50px;line-height:180%}
		.list_01 li {color:#FF6600;font-weight:bold;font-size:1.2em}
		.list_01 h4 {font-size:1.3em;color:#003399;font-weight:bold;margin-left:-15px;text-decoration:underline}
		
		.list_011 {text-align:left;margin-left:80px;margin-right:40px;line-height:180%}
		.list_011 li {color:#FF6600;font-weight:bold;font-size:1.1em}
		.list_011 h4 {font-size:18px;color:#003399;font-weight:bold;margin-left:-15px;text-decoration:underline}
		
		.list_05 {text-align:left;margin-left:80px;line-height:180%}
		.list_05 li {color:#330099;font-weight:normal;font-size:1.1em}
		.list_05 h4 {font-size:1.15em;color:#FF0000;font-weight:bold;margin-left:-15px;text-decoration:underline}
		
		.list_06 {text-align:left;margin-left:60px;line-height:200%}
		.list_06 li {color:#330099;font-weight:normal;font-size:.9em}
		.list_06 h4 {font-size:1em;color:#FF0000;font-weight:bold;margin-left:-15px;text-decoration:underline}
		/*大きなリスト*/
		.list_02 {text-align:left;margin-left:100px;line-height:180%}
		.list_02 li {color:#330066;font-weight:bold;font-size:16px}
		.list_02 h4 {font-size:18px;color:#003399;font-weight:bold;margin-left:-15px;text-decoration:underline}
		.list_02 p {font-size:14px;color:#666666;font-weight:normal;margin-left:-15px;}
		/*中型リスト*/
		.list_03 {text-align:left;margin-left:100px;line-height:180%;margin-right:50px}
		.list_03 li {color:#330066;font-weight:bold;font-size:14px}
		.list_03 h4 {font-size:16px;color:#003399;font-weight:bold;margin-left:-15px;text-decoration:underline}
		.list_03 p {font-size:12px;color:#666666;font-weight:normal;margin-left:-15px;}
		
		.list_04 {text-align:left;margin-left:100px;line-height:180%;margin-right:30px}
		.list_04 li {color:#330066;font-size:1.0em}
		.list_04 h4 {font-size:16px;color:#003399;font-weight:bold;margin-left:-15px;text-decoration:underline}
		.list_04 p {font-size:12px;color:#666666;font-weight:normal;margin-left:-15px;}
		/*お問合せはこちら*/
		.ask_large {margin-left:95px;text-align:left}
		.ask_large a {text-decoration:none;color:#0033FF;font-size:16px}
		.ask_large a:hover {color:#FF6600}
		
		/*見出し用CSS*/
		#header_01 {color:#FF0000;text-align:left;margin:10px 20px 10px 45px;font-size:14px;font-weight:bold}
		#header_02 {color:#0033CC;text-align:left;margin:10px 20px 0px 0px;font-size:14px;font-weight:bold;padding-bottom:0px}

		
		/*２カラム用本文　左側の文章ブロック*/
		.menu5	{
		margin:10px 20px;
		text-align:center;
		padding:0px 0px;
		}
		
.menu5 a{
		 text-align:center;
		 font-size:12px;
		 color:#333366;
		 text-decoration:none;
		 padding:0px 0px;
		 margin:15px 5px 15px 5px;
		 }
		 
		 
.menu5 a:hover {

			   background-color:#FFCC00;
			   color:#ffffff;
			   }
			   
.space3		{margin:0px 3px 0px 3px;color:#FF6600;font-weight:bold;font-size:13px;padding:0px}
		
		/*左側のメニュー*/
		.menu_left a {color:white;display:block;font-weight:600;
		margin:20px 10px 7px 6px;text-decoration:none;font-size:12px;
		background-color:#006699;padding:6px 0px 6px 4px;
		border-left:1px solid #CCCCCC;border-top:1px solid #CCCCCC;
		border-right:1px solid #333333;border-bottom:1px solid #333333;}
		.menu_left a:hover {background-color:#FF9933;color:#000066}
		
			/*左側のサブメニュー*/
			.sub_menu a {color:white;display:block;font-weight:200;;
		    margin:0px 18px 7px 6px;text-decoration:none;font-size:12px;
		    background-color:#0099CC;padding:3px 0px 3px 4px;
			border-top:1px solid #999999;border-left:1px solid #999999;
			border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
		    .sub_menu a:hover {background-color:#FF9933;color:#000066}
			
.hd_01 {border-top:0px;border-bottom:0px;border-left:15px  #ff6600 solid;padding:6px 15px;font-size:14px;background-color:#3366CC}
.hd_02 {margin:0px 3px 0px 8px;font-size:12px}
.hd_03 {text-align:right;font-size:12px;margin-right:10px;margin-top:10px;margin-bottom:15px}
			
/*ページトップの帯用*/
#masthead {
	color: #999999;
	background-color:#00008b;
	padding: 0px;
	margin: 0 0 36px 0;
	text-align:left;
	height:80px;}

#masthead .content {
	padding: 10px 20px;
}

#logodiv {
	position: absolute;
	top: 15px;
	left: 30px;
}

.size_18 {font-size:18px}


/*ページの上部下部サブメニュー*/
.menu_01	{
		margin:20px 20px;
		text-align:center;
		padding:0px 0px;
		}

		
		
.menu_01 a{
		 text-align:center;
		 font-size:12px;
		 color:#333366;
		 text-decoration:none;
		 padding:0px 0px;
		 margin:15px 15px 25px 5px;
		 padding-left:7px;
		 border-left:2px solid #3366CC;
		 }
		 
		 
.menu_01 a:hover {
			     color:#FF6600;
		         border-left:2px solid #FF6600;
			     }
				 
.menu_011	{
		margin:20px 20px;
		text-align:left;
		padding:0px 0px;
		}

		
		
.menu_011 a{
		 text-align:left;
		 font-size:0.9em;
		 color:#333366;
		 text-decoration:none;
		 padding:0px 0px;
		 margin:15px 15px 25px 5px;
		 padding-left:7px;
		 border-left:2px solid #3366CC;
		 }
		 
		 
.menu_011 a:hover {
			     color:#FF6600;
		         border-left:2px solid #FF6600;
			     }
				 

			   
.space3		{margin:0px 3px 0px 3px;color:#FF6600;font-weight:bold;font-size:13px;padding:0px}

/*ダイブマスターページ用ページの上部下部サブメニュー　ページ数が多いので*/
.menu_02	{
		margin:10px 20px;
		text-align:left;
		padding:0px 0px;
		font-size:10px;
		}

		
		
.menu_02 a{
		 font-size:10px;
		 color:#333366;
		 text-decoration:none;
		 padding:0px 0px;
		 margin:15px 5px 15px 5px;
		 }
		 
		 
.menu_02 a:hover {

			   background-color:#FFCC00;
			   color:#ffffff;
			   }

		/*ダイブマスターページ用ページの上部下部サブメニューの更にサブメニュー　ページ数が多いので*/
		
.menu_03	{
		margin:10px 20px;
		text-align:left;
		padding:0px 0px;
		font-size:10px;
		}

.menu_03 a{
		 text-align:center;
		 font-size:10px;
		 color:#333366;
		 text-decoration:none;
		 padding:0px 0px;
		 margin:15px 5px 15px 5px;
		 }
		 
		 
.menu_03 a:hover {

			   background-color:#FFCC00;
			   color:#ffffff;
			   }
			   
/*料金表示*/
#price {margin-left:95px;font-size:16px}
	/*料金に含まれるもの*/
#include {color:#FF0000;font-size:10px;margin-left:95px}

/*上のメニュー*/
#pop_menu {
	      position: relative;
	      margin: 10px 0px 10px 20px;
          }
		  
#text_01 {margin:10px 35px}		

.graybox {background-color:#CCCCCC;margin:70px;padding:10px;font-size:12px;color:#333333}  


/*SAMUI GUIDE 内　エリア別案内で使用しているコード*/

.shop_list {width:700px;margin:10px auto}
.shop_list h2 {font-size:12px;text-align:left;margin:0px;padding:5px 0px 5px 10px;background-color:#0066CC;
               background-image:url(../sozai/graphic/samuiguide_shop.gif);background-repeat:no-repeat;
			   background-position:99% center;}
.shop_list p img {float:left;margin:0px 10px 10px 10px}
.shop_list ul {text-align:left;list-style:square}
.shop_list li {font-size:11px;line-height:150%}

.restaurant_list {width:700px;margin:10px auto}
.restaurant_list h2 {font-size:12px;text-align:left;margin:0px;padding:5px 0px 5px 10px;background-color:#00CC66;
               background-image:url(../sozai/graphic/samuiguide_restaurant.gif);background-repeat:no-repeat;
			   background-position:99% center;}
.restaurant_list p img {float:left;margin:0px 10px 10px 10px}
.restaurant_list ul {text-align:left;list-style:square}
.restaurant_list li {font-size:11px;line-height:150%}


.play_list {width:700px;margin:10px auto}
.play_list h2 {font-size:12px;text-align:left;margin:0px;padding:5px 0px 5px 10px;background-color:#FF0099;
               background-image:url(../sozai/graphic/samuiguide_play.gif);background-repeat:no-repeat;
			   background-position:99% center;}
.play_list p img {float:left;margin:0px 10px 10px 10px}
.play_list ul {text-align:left;list-style:square}
.play_list li {font-size:11px;line-height:150%}

.others_list {width:700px;margin:10px auto}
.others_list h2 {font-size:12px;text-align:left;margin:0px;padding:5px 0px 5px 10px;background-color:#CC3300;
               background-image:url(../sozai/graphic/samuiguide_others.gif);background-repeat:no-repeat;
			   background-position:99% center;}
.others_list p img {float:left;margin:0px 10px 10px 10px}
.others_list ul {text-align:left;list-style:square}
.others_list li {font-size:11px;line-height:150%}

.kanko_list {width:700px;margin:10px auto}
.kanko_list h2 {font-size:12px;text-align:left;margin:0px;padding:5px 0px 5px 10px;background-color:#FF6600;
               background-image:url(../sozai/graphic/samuiguide_kanko.gif);background-repeat:no-repeat;
			   background-position:99% center;}
.kanko_list p img {float:left;margin:0px 10px 10px 10px}
.kanko_list ul {text-align:left;list-style:square}
.kanko_list li {font-size:11px;line-height:150%}

.samuiguide_feture {width:700px;margin:10px auto}
.samuiguide_feture img {float:left}
.samuiguide_feture ul {text-align:left;margin-left:180px;font-size:14px;font-weight:bold;color:#FF0000}
.samuiguide_feture ul li {font-size:12px;font-weight:normal;color:#666666}
.samuiguide_feture h4 {font-size:16px;text-align:center;margin:0px}

/*SAMUI GUIDE用　テンプレート　左サイドメニュー用スタイル*/
/*左側のサブメニュー*/
			.sub_menu_samuiguide a {color:#333333;display:block;font-weight:200;;
		    margin:0px 18px 7px 6px;text-decoration:none;font-size:12px;
		    background-color:#FFFF66;padding:3px 0px 3px 4px;
			border-top:1px solid #999999;border-left:1px solid #999999;
			border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
		    .sub_menu_samuiguide a:hover {background-color:#FF9933;color:#000066}
			
/*サムイガイド　各ビーチ詳細地図　上部メニュー*/
.map_link	{
		margin:10px 0px;
		text-align:left;
		padding:0px 0px;
		width:510px
		
		}

		
		
.map_link a{
		 text-align:center;
		 font-size:12px;
		 color:#333366;
		 text-decoration:none;
		 padding:0px 0px;
		 margin:15px 15px 25px 5px;
		 padding-left:7px;
		 border-left:2px solid #3366CC;
		 }
		 
		 
.map_link a:hover {
			     color:#FF6600;
		         border-left:2px solid #FF6600;
			     }
			   

p.body01 {margin:5px 20px 5px 35px;font-size:1.0em}

.menu6	{
margin:0px 0px 10px 0px;
text-align:left;
line-height:150%;
}
		
.menu6 a{
text-align:left;
font-size:.75em;
color:#333366;
text-decoration:none;
padding:0px 0px;
margin:0px 4px 15px 4px;
}
		 
		 
.menu6 a:hover {

			   background-color:#FFCC00;
			   color:#ffffff;
			   }

.p_001 {text-align:left;font-size:1.0em;font-weight:bold;margin:10px 10px 5px 35px !important;color:#FF0000 !important}

/*予約フォーム内　フォント管理*/
.rsv_phont_size12 {padding-left:10px;font-size:12px}


/*divingindex 内*/
.hd_01 {border-top:0px;border-bottom:0px;border-left:15px  #ff6600 solid;padding:6px 15px;font-size:14px;background-color:#3366CC}
.hd_02 {margin:0px 3px 0px 8px;font-size:12px}
.hd_03 {text-align:right;font-size:12px;margin-right:10px;margin-top:10px;margin-bottom:15px}

p .001 {margin:5px 30px}

/*バンコクエアウェイズ時刻表*/

div.bangkokairway table {
	border-collapse: collapse;
}
div.bangkokairway th {
	border: solid 1px #666666;
	color: #000000;
	background-color: #ff9999;
}
div.bangkokairway td {
	border: solid 1px #666666;
	color: #000000;
	background-color: #ffffff;
}

.bun-01 {margin:10px 25px !important}

.idc-table td {padding-left:7px}

div.idc h1 {width:600px;margin:10px auto;font-weight:bold}
div.idc h4 {margin:10px 0px 10px 25px;font-size:20px;color:#039}
.idc-list-01{text-align:left;margin-left:25px}
.idc-p-01 { color:#C00!important ; line-height:150%;}
.red {color:#F00;}

/*スマホ用CSS in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 1024px) {
.list_01 {text-align:left;margin-left:5px;}
}