@charset "Shift_JIS";

/*------------------------------------------------------------------------------
	2009年4月引継後のスタイルシート
	http://www.umihotaru.com
------------------------------------------------------------------------------*/

/*
	リセット
------------------------------------------------------------------------------*/
p,ul,li {
	margin: 0;
	padding: 0;
	text-align: justify;　/* [hack] IEセンタリングhack後の文字行揃え修正 */
	position: relative;
}

/*
	index
------------------------------------------------------------------------------*/
/* イメージ画像 */
#index_img {
}
/* 最新情報およびイ最新イベント（event.asp） */
#news_box {
	width: 526px;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	background: url(../images/box01_center.gif) repeat-y top center;
}
#eventnews_box {
	width: 505px;
	margin: 0px auto 18px;
}
#news_box #header {
	height: 36px;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 18px 0px;
}
#news_box .news,
#eventnews_box .news {
	clear: both;
	padding: 3px;
	margin: 0px 36px 18px 18px;
}
#news_box .news img,
#eventnews_box .news img {
	float: left;
	padding: 3px;
	margin-right: 9px;
	background: #EEEEEE;
}
#news_box .news p,
#eventnews_box .news p {
	padding: 0px 0px 6px 0px;
	margin: 0px;
	font-size: 14px;
	font-weight: bolder;
}
#news_box .news p.sub,
#eventnews_box .news p.sub {
	font-size: 10px;
	color: #0099FF;
}
#news_box .news p.title,
#eventnews_box .news p.title {
	border-bottom: 2px dotted #FF9900;
}
#news_box .news p.new,
#eventnews_box .news p.new {
	background: url(../images/new.gif) no-repeat right center;
}
#news_box li,
#eventnews_box li {
	margin: 0px 36px 9px 72px;
	border-bottom: 1px dotted #ADEAFF;
	font-size: 11px;
	list-style: url(../images/icon_ciryel.gif) outside;
}
#news_box #footer {
	clear: both;
	height: 10px;
	padding: 0px;
	margin: 0px;
	background: #0099FF url(../images/news_footer.gif) no-repeat center top;
}

/* アクアライン情報 */
#aqualine {
	width: 526px;
	margin-bottom: 18px;
	font-size: 12px;
	background: #abc763 url(../index/imgs/aqualine_bg.gif) repeat-y;
}
#aqualine p {
	margin: 0px 18px 9px 18px;
}

/* フェアバナー */
.fair_banner {
	height: 122px;
	width: 500px;
	margin: 0px 13px 18px;
}

/* indexトピック */
.index_topics {
	clear: both;
	/*background: url(../images/topic_footer.gif) no-repeat bottom;*/
	border-bottom: 2px dotted #FF9900;
	width: 345px;
	margin: 0px 5px 18px 5px;
}
.index_topics:after { /* [hack] bottom有効化（フロート包括の場合） */
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.index_topics .topic_title {
	margin: 9px 0px;
}
.index_topics img {
	margin: 0px 9px 9px 9px;
}
.index_topics p {
	padding: 0px;
	margin: 0px 0px 6px 0px;
	font-size: 12px;
	text-align: left;
}

/*
	コンテンツ部
------------------------------------------------------------------------------*/
#cts {
	font: 1em/150% 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	height: auto;
	width: 505px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: left;
}
#cts div {
	text-align: left;
}
#cts p {
	margin: 0px 6px 9px;
	line-height: 130%;
	text-align: left;
}
.hover a:hover {
	opacity: 0.8;
    filter: alpha(opacity=80);
	zoom: 1.0; /* [hack] IE7透過有効化 */
}
/* コンテンツヘッダー */
#cts_header {
	position: relative;
	width: 505px;
	background: url(../images/title_02.gif) repeat-x right top;
}
#cts_header img {
	float: left;
	margin-bottom: 9px;
}
#cts_header span {
	position: absolute;
	left: 315px;
	top: 12px;
	font-size: 10px;
	display: block;
}
/* タイトル */
#cts_title {
	width: 100%;
	margin-bottom: 18px;
}
/* サブタイトル */
.cts_subtitle_img {
	clear: both;
	width: 100%;
	margin-bottom: 9px;
}
.cts_subtitle {
	clear: both;
	width: 100%;
	margin-bottom: 9px;
	border-bottom: 2px solid #D2EBF4;
	font-size: 14px;
	font-weight: bolder;
	color: #FF6600;
}
.cts_subtitle.new {
	background: url(../images/new.gif) no-repeat right center;
}

/* コンテンツボックス */
.cts_box {
	clear: both;
	width: 100%;
	margin-bottom: 18px;
}
.cts_box:after { /* [hack] bottom有効化（フロート包括の場合） */
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.cts_box p {
	font-size: 13px;
}
/* 2カラム */
.column2 {
	width: 246px ;
}
/* 3カラム */
.column3 {
	display: inline; /* [hack] IEフロートでマージン幅倍対策 */
	float: left;
	width: 162px ;
	margin: 0px 3px 6px 3px;
}

/* 画像ボックス */
.img_box {
	margin: 0px 6px 6px 6px;
}
.img_box img {
	margin-bottom: 3px;
}
.img_box p {
	font-size: 10px;
	color: #FF6600;
	text-align: center;
}
.img_box dl {
	margin: 0px 0px 3px 0px;
}
.img_box dt {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background: #0076C5;
}
.img_box dd {
	margin: 0px;
	border-bottom: 1px dotted #0099FF;
	font-size: 11px;
	text-align: center;
}
.l {
	float: left;
}
.r {
	float: right;
}

/* リスト */
ul.list {
	margin: 0px;
}
.list li {
	margin: 2px 2px 2px 18px;
	font-size: 11px;
	list-style: url(../images/icon_ciryel.gif) outside;
}

/* 概要テーブル */
table .outline {
	width: 100%;
	margin-bottom: 10px;
	border-top: 1px solid #0076C5;
	border-left: 1px solid #0076C5;
}
table .outline caption {
	padding: 3px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #0076C5;
}
table .outline tr {
	margin: 0px;
}
table .outline th {
	white-space: nowrap;
	background: #E6F9FF;
}
table .outline td {
	background: #F3FFFF;
}
table .outline th,
table .outline td {
	padding: 6px;
	margin: 0px;
	border-right: 1px solid #0076C5;
	border-bottom: 1px solid #0076C5;
	font-size: 11px;
}
table .outline b {
	font-size: 11px;
	color: #CC0000;
}

/*テーブル（バレンタイン） */
table .valentine {
	width: 100%;
	margin-bottom: 10px;
	border-top: 1px solid #B7207C;
	border-left: 1px solid #B7207C;
}
table .valentine caption {
	padding: 3px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #FF65C1;
}
table .valentine tr {
	margin: 0px;
}
table .valentine th {
	white-space: nowrap;
	background: #FFD2E0;
}
table .valentine td {
	background: #FFF6F9;
}
table .valentine th,
table .valentine td {
	padding: 6px;
	margin: 0px;
	border-right: 1px solid #B7207C;
	border-bottom: 1px solid #B7207C;
	font-size: 10px;
}
table .valentine b {
	font-size: 11px;
	color: #CC0000;
}

/* お問合せ欄 */
#inquiry {
	clear: both;
}
#inquiry p {
	text-align: center;
}

/*
	個別パーツ
------------------------------------------------------------------------------*/
/* ページタイトル下の解説テキスト */
.exp {
	clear: both;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
/* 注意喚起 */
.annotation {
	font-size: 9px;
	color: #FF3300;
}
.annotation02 {
	padding: 6px;
	border: 1px solid #FF0000;
	font-size: 12px;
	color: #FF3300;
	background: #FFF6E9;
}
/* 詳細ボタン */
.more {
	margin: 0px 6px 0px 6px;
}
.more a:hover {
	opacity: 0.7;
    filter: alpha(opacity=70);
	zoom: 1.0; /* [hack] IE7透過有効化 */
}

/* コメント */
.comment {
	padding: 6px;
	font-size: 0.8px;
}

/*
	施設情報
------------------------------------------------------------------------------*/
.floor_info ul {
	margin-left: 18px;
	font-size: 10px;
	list-style: none;
}
.floor_info ul.nest {
	margin-left: 36px;
	border-left: 3px solid #60c1bd;
}
.floor_info ul.nest li {
	margin-left: 18px;
}


/*
	店舗詳細
------------------------------------------------------------------------------*/
/* 店舗データ */
table .data {
	clear: both;
	width: 100%;
	margin-bottom: 10px;
	border-top: 1px solid #0076C5;
	border-bottom: 1px solid #0076C5;
	background: #FFFFFF;
}
table .data caption {
	padding: 3px;
	margin-bottom: 2px;
	font-size: 11px;
	font-weight: bold;
	color: #1D6495;
	letter-spacing: 0.5em;
	background: #D2EBF4;
}
table .data tr {
	/*margin: 0px;*/
}
table .data th {
	width: 108px;
	white-space: nowrap;
	background: #CCDBFF;
}
table .data td {
	background: #EBF7F7;
}
table .data th,
table .data td {
	padding: 3px;
	margin: 2px;
	border: 2px solid #FFFFFF;
	font-size: 11px;
}
/* 専門店別 */
.sp_store {
}
.sp_store:after { /* [hack] bottom有効化（フロート包括の場合） */
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.sp_store .sp_store_title {
	border-bottom: 2px solid #D2EBF4;
	font-size: 14px;
	font-weight: bolder;
	color: #F39800;
}
.sp_store .comment {
	float: left;
	width: 324px;
}
.sp_store .logo {
	float: left;
	margin: 3px;
}
.sp_store dl {
	margin: 0px 0px 3px 0px;
}
.sp_store dt {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background: #0076C5;
}
.sp_store dd {
	margin: 0px;
	border-bottom: 1px dotted #0099FF;
	font-size: 11px;
	text-align: center;
}
.sp_store p {
	font-size: 12px;
}

/* おすすめ */
.reco {
}
.reco:after { /* [hack] bottom有効化（フロート包括の場合） */
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.reco .reco_title {
	border-bottom: 2px solid #D2EBF4;
	font-size: 14px;
	font-weight: bolder;
	color: #F39800;
}
.reco dl {
	margin: 0px 0px 3px 0px;
}
.reco dt {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background: #0076C5;
}
.reco dd {
	margin: 0px;
	border-bottom: 1px dotted #0099FF;
	font-size: 11px;
	text-align: center;
}
.reco p {
	font-size: 10px;
}



/*
	観光情報リンク集
------------------------------------------------------------------------------*/
.link_box {
	float: right;
	width: 406px;
	margin-bottom: 18px;
}
.link_box:after { /* [hack] bottom有効化（フロート包括の場合） */
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.link_box li {
	margin-bottom: 0px;
	font-size: 11px;
	list-style: url(none) none inside;
}
.link_box table {
	font-size: 11px;
}

/*
	海ほたるVIEW
------------------------------------------------------------------------------*/
/* 投稿写真 */
.contribution {
	padding-top: 6px;
	background: url(../pa/0905view_imgs/contribution_bg.gif) repeat;
}
.contribution p {
	padding: 3px;
	font-size: 10px;
}
/* バックナンバー */
#bkn p {
	padding: 3px;
	margin: 0px 0px 2px 0px;
	font-size: 11px;
	font-weight: bold;
	color: #1D6495;
	letter-spacing: 0.5em;
	text-align: center;
	background: #D2EBF4;
}
#bkn ul {
	margin: 0px;
	border-top: 1px solid #0076C5;
	border-bottom: 1px solid #0076C5;
}
#bkn li {
	margin: 2px 2px 2px 18px;
	font-size: 11px;
	list-style: url(../images/icon_ciryel.gif) outside;
}

/*
	お客様の声
------------------------------------------------------------------------------*/
.voice_frame {
	padding: 6px;
	margin-bottom: 18px;
	background: #F3FFFF url(../pa/voice_imgs/bg_voice_frame.gif) no-repeat right bottom;
	border: 1px solid #0076C5;
}
.voice_frame .voice {
	border-bottom: 2px solid #D2EBF4;
	background: url(../pa/voice_imgs/bg_voice.gif) no-repeat left center;
	text-indent: 63px;
}

/*
	リスト
------------------------------------------------------------------------------*/
.cts_box ul,
.cts_box ol,
.cts_box dl {
	font-size: 12px;
}
.cts_box dl.base {
	margin: 0px;
}
.cts_box dl.base dt {
	padding-left: 9px;
	border-left: 6px solid #FF9900;
	font-weight: bolder;
}
.cts_box dl.base dd {
	margin: 0px 0px 9px 18px;
	border-bottom: 1px dotted #999999;
	text-indent: 0px;
}

/*
	年末年始特別更新用
------------------------------------------------------------------------------*/
#congestion {
	width: 526px;
	margin: 0px 0px 18px 0px;
	padding: 0px;
	background: url(../index/imgs/congestion_bg.gif) repeat-y;
}
#congestion iframe {
	width: 490x;
	height: 198px;
	margin: 0;
	padding: 0 18px;
}

/* インクルード部分 */
#congestion_inc {
	width: 490px;
	text-align:left;
	font-size: 11px;
	padding-top: 6px;
}
#congestion_inc dl {
	margin-bottom: 6px;
}
#congestion_inc dt {
	float: left;
	width: 8em;
	padding: 0;
	margin: 0;
	color: #bf5430;
	line-height: 120%;
	letter-spacing: 0.1em;
}
#congestion_inc dd {
	margin: 0 0 0 8em;
	padding: 0;
	line-height: 120%;
	_height: 1%; /* [hack] IE改行の場合の文字位置対策 */
}

#congestion_inc table {
	width: 490px;
	font-size: 11px;
}
#congestion_inc caption {
	background: #D9E9FF;
	color: #0099ff;
	font-size: 12px;
}
#congestion_inc tr {
	border-bottom: 2px solid #BF5430;
}
#congestion_inc th {
	width: 15%;
	background: #0099ff;
	color: #FFFFFF;
	text-align: right;
	padding: 2px;
	font-size: 10px;
}
#congestion_inc th.caption {
	width: 25%;
	background: #3DB8FF;
	text-align: center;
}
#congestion_inc td {
	width: 25%;
	background: #E4F6FF;
	text-align: left; 
	padding: 3px;
}
.full {
	color:#FF0000;
	font-weight: bolder;
}
.cong {
	color:#FF6600;
}
#congestion_inc hr {
	height: 1px;
	border: none;
	background: #666666;
	margin: 0px;
	padding: 0px;
}

/*
	アクアライン探検隊応募規約リスト
------------------------------------------------------------------------------*/
ul#tankentai {
	margin-left: 36px;
	list-style: square outside;
}
ul#tankentai li {
	margin-bottom: 9px;
}