/* 共通のスタイル定義 start */
html {
	height: 100%;
}

body {
	padding: 0px;
	margin: 0px;
	font: 100% 'ＭＳ Ｐゴシック';
	background: #233B6C repeat-y top center;
	text-align: center;
	height: 100%;
}

table,td,th,tr,h1,h2,h3,h4,h5,h6,p,ol,ul,li,form,span,div {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

img {
	border: 0px;
}

td,th {
	margin: 0;
	vertical-align: top;
}

.clear {
	clear: both;
}


#header_margin {
	height: 10px;
	width: 750px;
	background-color: white;
}

#header_logo_left {
	width: 300px;
	height: 90px;
	background-color: white;
	padding-left: 10px;
	text-align: left;
	float: left;
}

#header_logo_right {
	width: 350px;
	height: 90px;
	/*background: url(../img/angel_back.png) no-repeat;*/
	padding-right: 20px;
	text-align: right;
	float: right;
}

#header_shop_exp {
	color: #4169E1;
	font-size: 11pt;
	font-weight: bold;
}

#header_shop_name {
	color: #4169E1;
	font-size: 11pt;
	font-weight: bold;
}

#header_shop_address_tel {
	color: #4169E1;
	font-size: 10pt;
}

.header_tel_fax {
	color: #4169E1;
	font-size: 18pt;
	font-weight: bold;
}

.header_mail {
	color: #4169E1;
	font-size: 13pt;
	font-weight: bold;
}

#sea_blog_banner {
	background: url(../img/sea_blog_banner.png) no-repeat;
}

#staff_blog_banner {
	background: url(../img/staff_blog_banner2.png) no-repeat;
}

/* header_menu begin */
#header_menu {
	width: 740px;
	height: 40px;
	margin-left: 10px;
	background-color: #ffffff;
	text-align : left;
	float : left;
}

#header_home {
	width: 740px;
	height: 23px;
	margin-left: 10px;
	background-color: #ffffff;
	text-align : left;
	float : left;
}
_
#header_home a:link {
	color : #233B6C;
	font-weight : bold;
	text-decoration: underline;
	font-size : 130%;
}

#header_home a:visited {
	color : #233B6C;
	font-weight : bold;
	text-decoration: underline;
	font-size : 130%;
}

#header_home a:hover {
	color : #233B6C;
	font-weight : bold;
	text-decoration: underline;
	font-size : 130%;
}

#header_home a:active {
	color : #233B6C;
	font-weight : bold;
	text-decoration: underline;
	font-size : 130%;
}

#header_main_menu {
	width: 740px;
	height: 170px;
	margin-left: 10px;
	margin-bottom: 5px;
	float : left;
}

#header_menu ul li {
	float: left;
	list-style-type: none;
}

#header_menu ul li a {
	height: 39px;
	display: block;
	text-indent: -9999px;
	outline: none;
}

li.menu_home a {
	background: url(../img/head_menu_home.png) no-repeat;
	width: 111px;
}

li.menu_home a:hover, li.menu_home_selected a {
	background: url(../img/head_menu_home_selected.png) no-repeat;
	width: 111px;
}


li.menu_diving a {
	background: url(../img/head_menu_diving.png) no-repeat;
	width: 214px;
}

li.menu_diving a:hover, li.menu_diving_selected a {
	background: url(../img/head_menu_diving_selected.png) no-repeat;
	width: 214px;
}

li.menu_price a {
	background: url(../img/head_menu_price.png) no-repeat;
	width: 138px;
}

li.menu_price a:hover, li.menu_price_selected a {
	background: url(../img/head_menu_price_selected.png) no-repeat;
	width: 138px;
}

li.menu_shop a {
	background: url(../img/head_menu_shop.png) no-repeat;
	width: 154px;
}

li.menu_shop a:hover, li.menu_shop_selected a {
	background: url(../img/head_menu_shop_selected.png) no-repeat;
	width: 154px;
}

li.menu_link a {
	background: url(../img/head_menu_link.png) no-repeat;
	width: 113px;
}

li.menu_link a:hover, li.menu_link_selected a {
	background: url(../img/head_menu_link_selected.png) no-repeat;
	width: 113px;
}
/* header_menu end */

.banner_margin {
	margin-top: 5px;
}

#contents {
	position: absolute;
	left: 50%;
	height: auto;
	width: 750px;
	margin-left: -375px;
	background: url(../img/content_back_image.png) repeat-y;
}

/* 必須の太字 */
.essential {
	font-size: 11pt;
	color: red;
	font-weight: bold;
}

/* ロイヤルブルーの文字 */
.royal_blue {
	font-size: 11pt;
	color: #4169E1;
	font-weight: bold;
}

/* ヘッダ画像 */
#header_image {
	width: 730px;
	padding-left: 10px;
	text-align: left;
}

/* 左側のモバイルの文字 */
#left_diving_mobile_font {
	color: #FF33CC;
	text-align: center;
	font-weight: bold;
	font-size: 12pt;
}

/* 左側のダイビングメニューの文字 */
#left_diving_menu_font {
	color: #FF33CC;
	text-align: center;
	font-weight: bold;
	font-size: 15pt;
}

/* 周辺オススメホテル */
#left_side_recommended_hotel {
	color: #000000;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
}

/* 左側のホテル名表示 */
#left_side_hotel_names {
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 5px;
}

/* 左側の店名表示 */
#left_side_shop_name {
	margin-top: 2px;
	color: #FFFF33;
	font-size: 11pt;
}

/* 左側領域 */
#left_side_div {
	width: 200px;
	padding-left: 10px;
	text-align: left;
	float: left;
}

/* 左側領域（ホテル名つき）*/
#left_side_div_with_hotels {
	width: 200px;
	padding-left: 10px;
	text-align: left;
	float: left;
}


/* 右側領域 */
#right_side_div {
	width: 530px;
	padding-right: 10px;
	text-align: left;
	float: right;
}

/* 右側領域の内容表示領域 */
#right_side_content_div {
	margin-left: 2px;
	margin-top: 3px;
}

/* ページの先頭へボタンの表示位置 */
.to_top_div {
	margin-left: 380px;
}

/* divタグによる縦方向のスペース挿入 */
.new_line {
	margin-top: 7px;
	clear: both;
}

/* IMEの使用・不使用 */
.ime_on {
	ime-mode: active;
}

.ime_off {
	ime-mode: disabled;
}

/* フッタ */
#footer {
	clear: both;
	font-size : 11pt;
	background-color: white;
}

#footer a:link {
	color: #3366FF;
	text-decoration: underline;
}

#footer a:visited {
	color: #3366FF;
	text-decoration: underline;
}
#footer a:active {
	color: #3366FF;
	text-decoration: underline;
}
#footer a:hover {
	color: #3366FF;
	text-decoration: underline;
}

/* Copyright */
#copyright {
	background: #3366FF repeat-y top center;
	color: #FFFF33;
	font-size: 12pt;
	font-weight: bold;
}

/* 各ページのタイトルバーのマージン */
.title_bar {
	margin-left : 10px;
	margin-top : 5px;
}

/* 共通のスタイル定義 end */

/* トップページ固有のスタイル定義 start */
/* キャンペーン情報のリンク */
.campaign_link a:link {
	color : #696969;
	font-weight : bold;
	text-decoration: underline;
	font-size : 12pt;
}

.campaign_link a:visited {
	color : #696969;
	font-weight : bold;
	text-decoration: underline;
	font-size : 12pt;
}

.campaign_link a:hover {
	color : #696969;
	font-weight : bold;
	text-decoration: underline;
	font-size : 12pt;
}
                                                               
/* キャンペーンのヘッダ（リンクでない場合はこのスタイルを使う）*/
.campaign_header {
	color : #696969;
	font-weight : bold;
	font-size : 12pt;
}

/* NAUIで潜るキャンペーン */
#naui_campaign {
	color : #696969;
	font-weight : bold;
	font-size : 12pt;
}

/* 当店のおすすめ */
.recommend {
	text-align: center;
}

.recomemnt_comment1 {
	color: #4169E1;
	font-size: 17pt;
	font-weight: bold;
}

.recommend_comment2 {
	color: red;
	font-size: 16pt;
	font-weight: bold;
}

.recomemnt_comment3 {
	color: #4169E1;
	font-size: 13pt;
	font-weight: bold;
}

/* ご予約・お問合せのリンクのスタイル */
.home_reserve_link a:link {
	color : #233B6C;
	font-weight : bold;
	text-decoration: underline;
	font-size : 130%;
}

.home_reserve_link a:visited {
	color : #233B6C;
	font-weight : bold;
	text-decoration: underline;
	font-size : 130%;
}

.home_reserve_link a:hover {
	color : #233B6C;
	font-weight : bold;
	text-decoration: underline;
	font-size : 130%;
}

/* "アークエンジェルへようこそ"の画像 */
#welcome_staff {
	float : left;
	margin-top : 10px;
	margin-left : 5px;
}

/* "アークエンジェルへようこそ"の本文 */
#welcome_text {
	float : right;
	text-align: left;
	vertical-align: middle;
	padding: 2px;
	color: #696969;
	font-size: 11pt;
	width : 270px;
}

/* スタッフ募集のテキスト */
#staff_recruit {
	margin-top : 3px;
	font-size: 10.5pt;
	color: #4169E1;
	font-weight: bold;
}

.home_reserve_link a:active {
	color : #233B6C;
	font-weight : bold;
	text-decoration: underline;
	font-size : 130%;
}

/* お知らせ・日付 */
.notice_date {
	font-weight: bold;
	/*text-valign: middle;*/
	vertical-align: middle;
	color: #4169E1;
	font-size: 11pt;
	padding: 3px;
	width: 25%;
}

/* お知らせ・項目 */
.notice_item {
	/*text-valign: middle;*/
	text-align: left;
	vertical-align: middle;
	padding: 3px;
	color: #696969;
	font-size: 11pt;
	width: 75%
}

/* 人気ランキングベスト5 */
#best5_title {
	font-size: 12pt;
	color: red;
	font-weight: bold;
	margin-bottom: 10px;
}

/* ランキングの順位 */
.rank_number {
	font-size: 11pt;
	color : #4169E1;
	font-weight : bold;
	margin-bottom: 10px;
}

/* ランキング本文 */
.rank_text {
	text-align: left;
	font-size: 10pt;
	vertical-align: middle;
	color: #696969;
}

/* トップページ固有のスタイル定義 end */

/* ダイビングメニュー固有のスタイル定義 start */
.diving_menu_title_bar_div {
	margin-top: 5px;
	margin-left: 10px;
}

.diving_menu_exp_div {
	margin-top: 1px;
	margin-left: 10px;
}

.diving_menu_images_div {
	margin-top: 2px;
	margin-left: 5px;
	text-align: center;
}

.diving_menu_detail_button_div {
	margin-left: 270px;
}

.diving_exp {
	color: #666666;
	font-size: 11pt;
}

.diving_image_div {
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}

.diving_detail_exp {
	float: right;
	margin-left: 5px;
	margin-top: 5px;
	width: 290px;
}

.diving_point_title {
	margin-left: 15px;
}

/* ダイビングメニュー固有のスタイル定義 end */

/* 料金一覧固有のスタイル定義 start */
.price_table {
	border-collapse: collapse;
	border-style: solid;
	border-width: 2px;
	border-color: #ff00cc;
}

.price_list_title_bar_div {
	margin-top: 5px;
	margin-left: 30px;
}

.price_list_div {
	margin-top: 3px;
	margin-left: 70px;
}

.price_list_detail_button_div {
	margin-left: 270px;
}

.price_list_to_top_div {
	margin-left: 380px;
}

.price_exp {
	padding: 3px;
	color: #666666;
	font-size: 11pt;
}
.price_exp .coment{
	font-size: 12px;
	font-weight: bold;
	}

.price_exp_caution {
	padding: 3px;
	color: red;
	font-size: 11pt;
}

.price_list_head {
	text-align: center;
	color: #ff00cc;
	font-weight: bold;
	background: #ffccff;
	padding: 3px;
	border-style: solid;
	border-width: 2px;
	border-color: #ff00cc;
}

.dive_type {
	text-align: left;
	font-size: 11pt;
	color: #666666;
	padding: 3px;
	border-style: solid;
	border-width: 2px;
	border-color: #ff00cc;
}

.dive_area {
	font-size: 11pt;
	color: #666666;
	padding: 3px;
	border-style: solid;
	border-width: 2px;
	border-color: #ff00cc;
}

.dive_point {
	font-size: 11pt;
	color: #666666;
	padding: 3px;
	border-style: solid;
	border-width: 2px;
	border-color: #ff00cc;
}

.dive_price {
	font-size: 11pt;
	color: #666666;
	text-align: right;
	padding: 3px;
	border-style: solid;
	border-width: 2px;
	border-color: #ff00cc;
}

.dive_price_left {
	font-size: 11pt;
	color: #666666;
	text-align: left;
	padding: 3px;
	border-style: solid;
	border-width: 2px;
	border-color: #ff00cc;
}

.dive_equip_name {
	font-size: 11pt;
	color: #666666;
	text-align: left;
	padding: 3px;
	border-style: solid;
	border-width: 2px;
	border-color: #ff00cc;
}

.dive_note {
	font-size: 11pt;
	color: #666666;
	text-align: right;
	padding: 3px;
	border-style: solid;
	border-width: 2px;
	border-color: #ff00cc;
}
/* 料金一覧固有のスタイル定義 end */

/* お店の紹介のスタイル定義 start */
.shop_title_bar_div {
	margin-top: 5px;
	margin-left: 10px;
}

.shop_service_exp_div {
	margin-left: 5px;
}

.shop_exp_div {
	margin-top: 3px;
	margin-left: 10px;
}

.shop_exp {
	color: #666666;
	font-size: 11pt;
}

.shop_images_div {
	margin-top: 3px;
	margin-left: 5px;
}

td.shop_access {
	text-align: center;
}

.staff_exp_kiyo {
	float: right;
	width: 380px;
}

.staff_exp {
	/*float: right;*/
	width: 480px;
}

#map {
	height: 480px;
	width: 480px;
	border: 1px solid #666666;
}
/* お店の紹介のスタイル定義 end */

/* リンク画面とサイトマップのスタイル定義 start */
#link_div {
	margin-top: 10px;
	margin-left: 15px;
}

#link_table {
	border-collapse: collapse;
	border-style: solid;
	border-width: 2px;
	border-color: #4169E1;
}

.link_banner_cell {
	text-align: center;
	padding: 3px;
	border-style: solid;
	border-width: 2px;
	border-color: #4169E1;
	vertical-align: middle;
}

.link_exp_cell {
	width: 300px;
	font-size: 11pt;
	color: #666666;
	text-align: left;
	padding: 3px;
	border-style: solid;
	border-width: 2px;
	border-color: #4169E1;
}

.link_name_font {
	font-size: 12pt;
	color: orange;
	font-weight: bold;
}

a.link_style:link {
	color: orange;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12pt;
}
a.link_style:visited {
	color: orange;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12pt;
}
a.link_style:active {
	color: orange;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12pt;
}
a.link_style:hover {
	color: orange;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12pt;
}

#arch_angel_link_exp {
	width: 480px;
	border-style: solid;
	border-width: 2px;
	border-color: #4169E1;
	color: #666666;
	font-size: 10pt;
	padding: 5px;
}

#arch_angel_banner_style{
	float: right;
	margin-left: 0px;
}

#escort_dive_logo {
	font-size: 16pt;
	font-weight: bold;
	font-style: italic;
	font-family: Georgia;
	color: #c49ad3;
	text-decoration: underline;
}
/* リンクのスタイル定義 end */

/* ご予約・お問合せのスタイル定義 start */
#res_div {
	margin-left: 15px;
}

#inq_div {
	margin-left: 15px;
}

#inq_res_exp_div {
	margin-left: 30px;
	font-size: 11pt;
	color: #666666;
}

td.inq_res_header {
	padding: 3px;
	font-size: 11pt;
	color: #666666;
	font-weight: bold;
}

td.inq_res_item {
	padding: 3px;
	font-size: 11pt;
	color: #666666;
}

td.inq_res_item {
	padding: 3px;
	font-size: 11pt;
	color: #666666;
}

.inq_mail {
	ime-mode: disabled;
}

.inq_tel {
	ime-mode: disabled;
}

#inq_content {
	ime-mode: active;
}

#inq_submit_button {
	text-align: center;
}

.input_margin {
	margin: 2px;
}

.inq_res_rental_notice {
	padding: 3px;
	font-size: 10pt;
	color: #666666;
}

.rental_data_table {
	border-collapse: collapse;
}

.rental_data_cell_header {
	border-collapse: collapse;
	border: solid 2px #666666;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
}

.rental_data_cell_data {
	border-collapse: collapse;
	border: solid 2px #666666;x;
	border-color: #666666;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
	font-size: 11pt;
	color: #666666;
}

/* ご予約・お問合せのスタイル定義 end */

/* サイトマップのスタイル定義 start */
li.sitemap {
	margin-left: 30px;
	margin-top: 10px;
	font-size: 11pt;
	color: #666666;
}
/* サイトマップのスタイル定義 end */

/* FAQのスタイル定義 start */
.question {
	font-size: 11pt;
	color: #4169E1;
	font-weight: bold;
	margin-left: 10px;
}

.answer {
	font-size: 11pt;
	color: #666666;
	margin-left: 10px;
}
/* FAQのスタイル定義 end */

/* ケラマVIPコースのスタイル定義 start */
.kerama_vip_merit {
	color: #4169E1;
	font-size: 12pt;
	font-weight: bold;
}

.shop_name {
	color: #4169E1;
	font-size: 14pt;
	font-weight: bold;
}
/* ケラマVIPコースのスタイル定義 end */

/* スケジュールのスタイル定義 start */
#schedule_exp {
	color: #000000;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 190px;
	float: left; margin-left: 10px;
}

#schedule_text {
	color : #696969;
	font-size : 11pt;
	margin-top : 5px;
	margin-left : 10px;
	margin-bottom :5px;
}

#schedule_inquiry {
	float: right;
	margin-top: 5px;
	width: 270px;
}

#schedule_image {
	margin-left: 10px;
	margin-top: 15px;
}
/* スケジュールのスタイル定義 end */

/* facebook関連のスタイル start */
#fb_wall_area {
	border : #3B5998 1px solid;
}
#fb_wall_title {
	background-color: #3B5998;
	text-align: center;
	color: white;
	font-size: 14pt;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}
#fb_wall {
	width: 195px;
	scrolling: auto;
	margin : 0px;
}
/* facebook関連のスタイル ends*/