@charset "utf-8";
/*レイアウト----------*/

body {
	background:#f0f0f0;
	margin:0 auto;
	width:100%;
	text-align: center;
	color:#333;
}
#container {
	width:956px;
	border:1px solid #a8a8a8;
	padding:0 1px;
	background:#fff;
	margin:auto;
	text-align:left;
	overflow:hidden;
}
#container #mainCont {
	width:583px;
	padding:25px 0 15px 33px;
	float:left;
	overflow:hidden;
}
#container #sideNav {
	width:286px;
	padding:29px 33px 15px 0;
	float:right;
	overflow:hidden;
}
#container #footer {
	clear:both;
	width:890px;
	padding:10px 33px 20px 33px;
	background:#133f98;
	color:#fff;
	overflow:hidden;
}
#container #footer dl {
	float:left;
	overflow:hidden;
}
#container #footer ul {
	width:344px;
	float:right;
	margin:0 0 15px 0;
}
#container #footer li {
	float:left;
	padding-left:10px;
}
#container #footer p {
	width:390px;
	text-align:right;
	float:right;
	margin:0;
}
#container #footer p.copyright {
	margin-bottom:10px;
}
a {
	color:#000099;
	text-decoration:none;
}
a:hover {
	color:#000099;
	text-decoration:underline;
}
a:visited {
	color:#000099;
	text-decoration:none;
}
/*宿泊予約----------*/

#reserve {
	padding:1px;
	border:1px solid #d7d7d7;
	background:url(../images/common/bg_reserve.gif) center 27px no-repeat;
	height:214px;
	margin-bottom:9px;
}
#reserve form {
	padding:0 16px 10px 16px;
}
#reserve form select {
	margin:0;
	padding:0;
	font-size:10px;
}
#reserve img.check {
	float:left;
	padding:0 5px 0 0;
}
#reserve img.room {
	padding:0 4px 0 15px;
}
#reserve p {
	clear:both;
	margin:0;
}
#reserve form select.year {
	width:65px;
}
#reserve form select.monthDate {
	width:55px;
s
}
#reserve form select.room {
	width:55px;
}
#reserve form input {
	margin-top:8px;
	vertical-align:bottom;
	clear:both;
}
#reserve img.otherBtn {
	float:left;
}
/*見出し----------*/

h2 {
	margin-bottom:12px;
}
.featureReco h1 {
	width:956px;
	height:180px;
	background:url(../images/feature/main_image01.jpg) 0 0 no-repeat;
	position:relative;
}
.featureReco h2 {
	clear:both;
}
h1 img {
	position:absolute;
	bottom:7px;
	left:42px;
}
/*このページの先頭へ----------*/
p.backTop {
	width:890px;
	clear:both;
	font-size:77%;
	padding:5px 33px 15px 33px;
	margin:0;
	text-align:right;
}
p.backTopMini {
	width:100%;
	clear:both;
	font-size:77%;
	padding:5px 0 10px 0;
	margin:0;
	text-align:right;
}

*html p.backTopMini {
	width:97%;
}

/*セカンドページ ヘッダー／お問い合せ----------*/
#header {
	background:url(../images/common/head_bg.jpg) no-repeat 0 0;
	width:956px;
	height:147px;
	position:relative;
	margin-bottom:1px;
}
#header #logo {
	position:absolute;
	top:0;
	left:0;
}
#header #seaworld {
	position:absolute;
	top:0;
	right:0;
}
#header #headerBtn {
	position:absolute;
	top:72px;
	left:130px;
}
dl#contact {
	clear:both;
	margin-top:10px;
}
/*トップぺージ----------*/

.topPage p {
	margin:0;
}
.topPage h1 {
	display:none;
}
.topPage h2 {
	float:left;
}
.topPage p.h2Btn {
	float:left;
}
.topPage ol#feature {
	height:165px;
	margin:0 0 15px 0;
	overflow:hidden;
	clear:both;
}
.topPage ol#feature li {
	list-style:none;
	float:left;
}
.topPage ul#recommend {
	clear:both;
	width:596px;
	margin:0 5px 0 -16px;
	overflow:hidden;
}
.topPage ul#recommend li {
	float:left;
	width:275px;
	padding:0 0 20px 22px;
	overflow:hidden;
	font-size:77%;
	line-height:150%;
}
.topPage ul#recommend li img {
	float:left;
	margin-right:15px;}

.topPage ul#recommend li img.thumb {
border:1px solid #BDBDBD;
padding:1px;
}
.topPage ul#recommend li p.detailBtn {
	float:right;
	padding-top:15px;
}
.topPage ul#news {
	clear:both;
	margin:0;
	width:286px;
}
.topPage ul#news li {
	padding:5px 0 5px 0;
	background:url(../images/common/dotline.gif) bottom repeat-x;
	font-size:77%;
	line-height:140%;
	overflow:hidden;
}
.topPage ul#news p {
	float:right;
	width:160px;
}
.topPage ul#news li div {
	padding:0 0 0 60px;
	float:left;
	min-height:18px;
}
.topPage ul#news li div.new {
	background:url(../images/common/icon_new.gif) left top no-repeat;
}
.topPage ul#news li div.release {
	background:url(../images/common/icon_release.gif) left top no-repeat;
}
.topPage ul#news li div.plan {
	background:url(../images/common/icon_plan.gif) left top no-repeat;
}
.topPage ul#news li div.attention {
	background:url(../images/common/icon_attention.gif) left top no-repeat;
}
.topPage ul#news li div.recommend {
	background:url(../images/common/icon_recommend.gif) left top no-repeat;
}
.topPage ul#news li div.only {
	background:url(../images/common/icon_only.gif) left top no-repeat;
}
/*3つの魅力(セカンドページ共通)----------*/

.normalBox {
	overflow:hidden;
	margin-bottom:10px;
	padding:0 0 0 7px;
}
.normalBox img {
	float:left;
	padding:0 20px 20px 0;
}
.normalBox .textL {
	line-height:150%;
	float:left;
	width:385px;
}
.normalBox .textM {
	line-height:150%;
	float:left;
	width:355px;
}
.normalBox .textS {
	line-height:150%;
	float:left;
	width:215px;
}
.normalBox strong {
	color:#ffa30b;
	font-weight:bold;
	font-size:107%;
}
.normalBox ul {
	width:auto;
	font-size:92%;
}
.normalBox ul li {
	background:url(../images/common/list_mark.gif) 0 4px no-repeat;
	padding:0 10px 10px 12px;
}
.normalBox p {
	margin:0 0 10px 0;
}
p.caution {
	font-size:77%;
}
/*データテーブル----------*/

table.data {
	margin-bottom:5px;
 *margin-bottom:0;
	border:1px solid #c2c2c2;
}
table.data th.row {
	text-align:center;
	font-weight:bold;
	background: #c2c2c2;
	padding:5px;
	border:1px solid #fff;
	border-left:0;
	border-top:0;
}
table.data th.col {
	text-align:center;
	font-weight:bold;
	padding:5px;
	border:1px solid #c2c2c2;
}
table.data td {
	text-align:center;
	padding:5px;
	border:1px solid #c2c2c2;
}

table.data th.no-border{
		border-right:0 !important;	
}
/*おすすめプラン----------*/

#charge {
	margin-bottom:30px;
}
#charge ul {
	float:right;
	width:200px;
}
#charge table {
	float:left;
}
#charge p.caution {
	clear:both;
}
.planBox {
	overflow:hidden;
	padding-left:7px;
	font-size:92%;
	line-height:150%;
}
.planBox p {
	margin:0;
}
.planBox img {
	float:left;
	margin:0 20px 10px 0;
}
.planBox img.thumb {
border:1px solid #BDBDBD;
padding:1px;
}
.featureReco h3 {
	background:#2d9be1 url(../images/common/list_mark2.gif) repeat-y 5px 0;
	border:3px solid #2d9be1;
	padding:2px 10px 2px 17px;
	color:#fff;
	font-weight:bold;
	font-size:107%;
	margin-bottom:10px;
}
.featureReco .planBox h4 {
	color:#000099;
	font-weight:bold;
	margin-bottom:5px;
}
.planBox .btnDetail {
	margin-top:10px;
	padding:0;
}
.planBox .text {
	float:left;
	width:430px;
}
/*新着リスト----------*/

.news h1 {
	width:956px;
	height:180px;
	background:url(../images/news/main_image02.jpg) 0 0 no-repeat;
	position:relative;
}
.news .entryTitle {
	width:546px;
	position:relative;
	background:#2d9be1 url(../images/common/list_mark2.gif) repeat-y 5px 0;
	border:3px solid #2d9be1;
	padding:2px 10px 2px 17px;
	color:#fff;
	margin-bottom:10px;
}
.news .entryTitle h2 {
	font-weight:bold;
	font-size:107%;
	width:450px;
	margin-bottom:0;
}
.news .entryTitle p.date {
	margin:0;
	position:absolute;
	top:2px;
	right:10px;
	font-size:92%;
}
.news .planBox .text {
	padding-top:22px;
}
.news .planBox div.new {
	background:url(../images/common/icon_new.gif) left top no-repeat;
}
.news .planBox div.release {
	background:url(../images/common/icon_release.gif) left top no-repeat;
}
.news .planBox div.plan {
	background:url(../images/common/icon_plan.gif) left top no-repeat;
}
.news .planBox div.attention {
	background:url(../images/common/icon_attention.gif) left top no-repeat;
}
.news .planBox div.recommend {
	background:url(../images/common/icon_recommend.gif) left top no-repeat;
}
.news .planBox div.only {
	background:url(../images/common/icon_only.gif) left top no-repeat;
}
/*新着詳細----------*/
h3.hotelnews {
	background:#2d9be1 url(../images/common/list_mark2.gif) repeat-y 7px 0;
	border:3px solid #2d9be1;
	padding:2px 10px 2px 17px;
	color:#fff;
	font-weight:bold;
	font-size:107%;
	margin-bottom:10px;
}
.newsimg {
	text-align: center;
	margin-bottom: 2em;
}
.newsimg img {
	border: 1px solid #bdbdbd;
	padding: 1px;
	magin:auto;
}
.newsdate {
	border-bottom: 1px dashed #bdbdbd;
	margin-right: 1em;
	margin-left: 1em;
	padding: 3px 0;
	margin-bottom: 1.5em;
	font-size: 77%;
}
.newsDetail .new {
	background:url(../images/common/icon_new.gif) right top no-repeat;
}
.newsDetail .release {
	background:url(../images/common/icon_release.gif) right top no-repeat;
}
.newsDetail .plan {
	background:url(../images/common/icon_plan.gif) right top no-repeat;
}
.newsDetail .attention {
	background:url(../images/common/icon_attention.gif) right top no-repeat;
}
.newsDetail .recommend {
	background:url(../images/common/icon_recommend.gif) right top no-repeat;
}
.newsDetail .only {
	background:url(../images/common/icon_only.gif) right top no-repeat;
}
p.backList {
	width:100%;
	clear:both;
	font-size:92%;
	padding:10px 0 0 0;
	margin:0;
	text-align:right;
}
/*お部屋----------*/

.room h1 {
	width:956px;
	height:180px;
	background:url(../images/room/main_image03.jpg) 0 0 no-repeat;
	position:relative;
}
.room .normalBox em {
	font-weight:bold;
}
.room .normalBox img {
	margin-top:5px;
}
.room .normalBox p {
	margin:0 0 5px 0;
	font-size:92%;
}
.room .normalBox p.caution {
	font-size:77%;
}
/*レストラン----------*/

.restraunt h1 {
	width:956px;
	height:180px;
	background:url(../images/restraunt/main_image04.jpg) 0 0 no-repeat;
	position:relative;
}
.restraunt .normalBox .kidsroom img {
	padding-bottom:10px;
	float:none;
}
/*レストランと大浴場共用----------*/

.restraunt #iconArea {
	margin-bottom:30px;
}
.normalBox .textM2 {
	line-height:150%;
	float:left;
	width:310px;
}
.etc .normalBox ul.caution {
	margin-bottom:10px;
}
.etc .normalBox ul.caution li {
	text-indent:-1em;
	background:none;
	padding:0 0 0 1em;
	font-size:83%;
}
.etc .normalBox {
	clear:both;
	overflow:hidden;
}
.etc .normalBox p {
	margin:0 0 5px 0;
	font-size:92%;
	line-height:150%;
}
.etc .normalBox img, .etc .normalBox .textM2 {
	margin-top:5px;
}
.etc .normalBox strong {
	color:#333;
	font-weight:bold;
}
.etc .normalBox img, .bath .normalBox img, .shop .normalBox img {
	padding-bottom:0;
}
.etc .normalBox .kidsroom {
	width:264px;
	float:left;
	overflow:hidden;
}
/*大浴場----------*/

.bath h1 {
	width:956px;
	height:180px;
	background:url(../images/bath/main_image04.jpg) 0 0 no-repeat;
	position:relative;
}
.bath #onsen {
	background:#f2f2f2;
	padding:10px 20px;
	font-size:92%;
	line-height:150%;
	margin-top:15px;
}
.bath #onsen h3 {
	text-align:center;
	margin-bottom:10px;
	font-weight:bold;
	font-si:107%;
}
.bath #onsen dt {
	width:53px;
	float:left;
}
.bath #onsen dd {
	width:490px;
	float:left;
}
.bath #onsen h4 {
	clear:both;
	padding:10px 0 5px 0;
	font-weight:bold;
}
.bath #onsen ol {
	margin-left:20px;
}
/*アクセス----------*/

.access h1 {
	width:956px;
	height:180px;
	background:url(../images/access/main_image07.jpg) 0 0 no-repeat;
	position:relative;
}
.access .accessMap {
	padding:5px 0 0 7px;
	margin-bottom:30px;
	font-size:92%;
	line-height:150%;
	min-height:45px;
	height:auto !important;
	height:45px;
}
.access .accessMap .banner {
	float:left;
	padding-right:20px;
	vertical-align:middle;
}
.access #guide {
	overflow:hidden;
	padding-left:7px;
}
.access #guide p {
	margin:0 0 10px 0;
	font-size:92%;
	line-height:150%;
}
.access #guide .train {
	float:right;
}
.boxSight {
	width:370px;
	margin-bottom:10px;
	overflow:hidden;
}
.boxSight img {
	float:left;
	padding-right:15px;
}
.access #guide .boxSight p {
	font-size:77%;
}
.boxSight h3 {
	background:url(../images/common/list_mark.gif) 0 4px no-repeat;
	padding-left:12px;
	margin-bottom:5px;
}
.boxSight .text {
	width:235px;
	float:left;
}
.drabra form {
	border-left:1px solid rgb(153, 153, 153);
	border-right:1px solid rgb(153, 153, 153);
	border-top:1px solid rgb(153, 153, 153);
	background-color: rgb(246, 246, 246);
}
.drabra {
	margin-bottom:30px;
}
/*館内施設----------*/

.shop h1 {
	width:956px;
	height:180px;
	background:url(../images/shop/main_image06.jpg) 0 0 no-repeat;
	position:relative;
}
.shop .normalBox p {
	margin:0 0 5px 0;
	font-size:92%;
	line-height:150%;
}
.shop .normalBox img, .shop .normalBox .textM2 {
	margin-top:5px;
}
.shop .normalBox ul.caution li {
	text-indent:-1em;
	background:none;
	padding:0 0 0 1em;
	font-size:77%;
	line-height:140%;
}
.shop .normalBox p.caution {
	font-size:77%;
}
.shop .normalBox strong {
	color:#333;
	font-weight:bold;
}
.shop .nursingroom {
	width:185px;
	float:left;
}
.shop #iconArea dl {
	padding:0 0 10px 105px;
	min-height:66px;
	min-height:auto !important;
	height:66px;
	overflow:hidden;
}
.shop #iconArea dl.icon01 {
	background:url(../images/shop/icon01_bic.gif) 25px 0 no-repeat;
}
.shop #iconArea dl.icon02 {
	background:url(../images/shop/icon02_shirt.gif) 25px 0 no-repeat;
}
.shop #iconArea dl.icon03 {
	background:url(../images/shop/icon03_hos.gif) 25px 0 no-repeat;
	padding-bottom:25px;
}
.shop #iconArea dt {
	background:none;
	font-weight:bold;
	padding:0 0 5px 0;
}
.shop #iconArea dd {
	padding:0;
}
/*お問い合せ----------*/

.contact .normalBox h3 {
	background:url(../images/common/list_mark.gif) 0 5px no-repeat;
	padding:0 10px 10px 12px;
	font-weight:bold;
}
.contact .normalBox p {
	font-size:92%;
}
/*サイトマップ----------*/

.sitemap .normalBox ul li.small {
	background:url(../images/common/list_mark3.gif) 1px 6px no-repeat;
	padding:0 10px 10px 12px;
}
/*水色の設備案内エリア----------*/

#iconArea {
	background:url(../images/room/iconarea_bg.gif) bottom;
	overflow:hidden;
	clear:both;
}
#iconArea dl {
	overflow:hidden;
	font-size:92%;
	line-height:150%;
	padding:0 25px 25px 25px;
}
#iconArea dl dt {
	background:url(../images/common/list_mark.gif) 0 2px no-repeat;
	overflow:hidden;
	padding-left:12px;
	min-height:12px;
}
#iconArea dl dt.displaynone {
	display:none;
}
#iconArea dl dd {
	padding:3px 0 12px 12px;
}
#iconArea dl dd.icon {
	padding:3px 0 12px 0;
}
#iconArea dl dd img {
	padding-bottom:15px;
}
#iconArea dl dd div.indent01 {
	width:6em;
	height:2em;
	float:left;
}

#iconArea dl dd div.indent02 {
	width:6em;
	height:1em;
	float:left;
}

#iconArea dl dd div.indent03 {
	width:6em;
	height:4em;
	float:left;
}
#iconArea dl dd p {
	margin:0 0 5px 0;
}
/*水色の設備案内エリア（汎用版）----------*/
#iconArea dl.normal {
	background:url(../images/common/iconarea_normalhead.gif) top center no-repeat;
	overflow:hidden;
	font-size:92%;
	padding:25px;
}


/*よくあるご質問----------*/

.faq dl.qa {
	padding:7px;
}
.faq dl.qa dt {
	padding-left:12px;
	color: #1c7ffc;
	background:url(../images/common/list_mark.gif) 0 2px no-repeat;
}

.faq dl.qa dd {
	margin-left: 0;
	padding-top: 3px;
	padding-bottom: 12px;
	padding-left: 12px;
}

/*折りたたみ機能-----*/

.hide .target{
display:none }

.show .target{
margin:5px 7px 15px 12px; 
font-size:92%;
line-height:150%;
border:1px dotted #c2c2c2;
padding:10px;
overflow:hidden;
}

.trigger{
	padding-left:12px;
	color: #1c7ffc;
cursor:pointer;
}
.show .trigger{
	padding-left:12px;
	color: #1c7ffc;
	font-weight:bold;
	}

.trigger:hover{
	text-decoration:underline;
	}

p.question {
	background:url(../images/common/list_mark.gif) 0 2px no-repeat;

}

/*キャンセル----------*/

#cancel{
	background:#fff;
	width:auto;
	height:auto;
	padding:5px 7px;
}