@charset "utf-8";
/* concept.css */


/*======================================

	concept内共通

=======================================*/
/* image - ヘッダ画像 */
#concept div#pagetitle h2 {
	width: 950px;
	height: 189px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0 auto;
	padding: 0;
	background: url(../information/images/title.jpg) center top no-repeat;
}


/*======================================

	index.htm - ご挨拶&お知らせ

=======================================*/
/* greeting - ご挨拶 */
#concept h3#st_consept_greeting {
	width: 115px;
	height: 18px;
	margin: 20px 0;
	background: url(../information/images/st_greeting.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* greeting - お知らせ */
#concept h3#st_consept_info {
	width: 172px;
	height: 18px;
	margin: 20px 0;
	background: url(../information/images/tit_info.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#concept div#greeting {
	width: 650px;
	margin: 0 0 60px 0;
	padding: 0;
}

#concept div#greeting img {
	margin: 0 0 20px 0;
}

#concept div#greeting p {
	margin: 0 0 1em 0;
	padding: 0 0 0 20px;
	line-height: 1.5;
}



/* news - 最新情報 */

#concept #st_rss_cont{
	margin: 0;
	padding: 0;
	border:0;
	width: 650px;
}
#concept h3#st_consept_news {
	width: 119px;
	height: 18px;
	margin: 20px 0;
	background: url(../information/images/st_news.gif) no-repeat 0 0;
	text-indent: -9999px;
/*	float: left;*/
}

#concept #st_rss_cont img{
	margin: 18px 0 0 0;
	float: right;
}

#concept ul#news_ul {
	clear: both;
	width: 650px;
	height: 47px;
	margin: 0;
	padding: 0;
	border:0;
	list-style-type: none;
	text-align: left;
	background: url(../buttons/btn_tab_open.gif) no-repeat 0 0;
}

/* on */
#concept ul#news_ul .open {
	height: 47px;
	background: url(../buttons/btn_tab_open.gif) no-repeat 0 0;
}

/* off */
#concept ul#news_ul .close {
	height: 47px;
	background: url(../buttons/btn_tab_close.gif) no-repeat 0 0;
}

img {
	vertical-align: bottom;
}

/* リスト */
#concept ul#news_ul li {
	margin: 0px;
	padding: 0px;
	height: 47px;
	float: left;
}

#concept ul#news_ul li a {
	margin: 0px;
	padding: 0px;
	height: 47px;
	line-height: 1px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

/* リスト1 */
#concept #main ul#news_ul li#news_li1 {
	width: 103px;
	display: block;
	background-position: 0 0;
}

#concept #main ul#news_ul li#news_li1 a {
	width: 103px;
}

/* リスト2 */
#concept #main ul#news_ul li#news_li2 {
	width: 87px;
	display: block;
	background-position: -103px 0;
}

#concept #main ul#news_ul li#news_li2 a {
	width: 87px;
}

/* リスト3 */
#concept #main ul#news_ul li#news_li3 {
	width: 121px;
	display: block;
	background-position: -190px 0;
}

#concept #main ul#news_ul li#news_li3 a {
	width: 121px;
}

/* リスト4 */
#concept #main ul#news_ul li#news_li4 {
	width: 131px;
	display: block;
	background-position: -311px 0;
}

#concept #main ul#news_ul li#news_li4 a {
	width: 131px;
}

/* リスト5 */
#concept #main ul#news_ul li#news_li5 {
	width: 115px;
	display: block;
	background-position: -442px 0;
}

#concept #main ul#news_ul li#news_li5 a {
	width: 115px;
}

/* リスト6 */
#concept #main ul#news_ul li#news_li6 {
	width: 93px;
	display: block;
	background-position: -557px 0;
}

#concept #main ul#news_ul li#news_li6 a {
	width: 93px;
}


/* コンテンツ（news） */
#concept div#news1,
#concept div#news2,
#concept div#news3,
#concept div#news4,
#concept div#news5,
#concept div#news6 {
	width: 650px;
	padding: 0 0 10px 0;
	background-color: #ECEACD;
	clear: both;

}

#concept div.news_cont {
	width: 632px;
	margin: 0 auto 0 auto;
	padding: 0 0 10px 0;
	background-color: #FAF9E8;
}
#concept div.news_cont a {
	display: block;
	text-decoration: none;
}

#concept div.news_cont div.news_list {
	margin: 0;
	padding: 0;
	border-bottom: 1px #81675A dotted;
}

#concept div.news_cont div.news_list a,
#concept div.news_cont div.news_list_end a {
	background-color: #FAF9E8;
	display: block;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 0 0 10px 0;
	word-break: break-all;
}

#concept div.news_cont div.news_list a:hover,
#concept div.news_cont div.news_list_end a:hover {
	background: #ECEACD;
}

#concept div.news_cont div.news_list_end {
	margin: 0;
	padding: 0;
}


#concept div.news_cont div.news_list .news_img,
#concept div.news_cont div.news_list_end .news_img {
	width: 79px;
	margin: 10px 10px 0 5px;
	border: 3px double #BEAB9D;
	float: left;
}

#concept div.news_cont div.news_list p,
#concept div.news_cont div.news_list_end p {
	width: 530px;
	margin: 10px 0;
	padding: 0;
	float: right;
}

#concept div.news_cont div.news_list p img,
#concept div.news_cont div.news_list_end p img {
	margin: 0 5px;
	padding: 0;
}

/* テキスト関係 */
#concept div.news_cont div.news_list span.entry,
#concept div.news_cont div.news_list_end span.entry {
	margin: 0 5px 0 0;
	padding: 0 0 0 14px;
	background: url(../images/img_allow_01.gif) no-repeat 0 2px;
}


/* ジェネラルインフォメーション｜詳細*/

#concept #main .plandt_cont {
	margin:40px 0 0 0;
	padding:0;
	width:650px;
}

#concept p.btn_back {
	margin:3px 0 0 0;
	padding:0;
	border:0;
	width:109px;
	height:27px;
	line-height:27px;
	text-indent:-9999px;
	background:url(../images/btn_back.gif) left top no-repeat;
	float:right;
	clear:both;
}

#concept p.btn_back a {
	width:109px;
	height:27px;
	display:block;
	overflow:hidden;
}



/*======================================

	ladies.htm - 女性のお客様へ

=======================================*/
/* title - 女性のお客様へ見出し */
#concept h3#st_consept_ladies {
	width: 374px;
	height: 50px;
	margin: 20px 0;
	background: url(../information/images/tit_ladies.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#concept p.concept_copy {
	margin: 0 0 20px 0;
}

/* common - 共通ボックス指定 */
#concept div.ladies {
	width: 650px;
	margin: 0 0 10px 0;
	overflow: hidden;
	clear: both;
}

#concept div.ladies p {
	width: 400px;
	margin: 0;
	padding: 0;
	float: left;
}

#concept div.ladies img {
	margin: 0;
	padding: 0;
	float: right;
}

/* stay - ご宿泊 */
#concept h4#st_concept_stay {
	width: 650px;
	height: 35px;
	margin: 20px 0 10px 0;
	background: url(../information/images/subtit_ladies_stay.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#concept div.ladies h5.gown {
	width: 109px;
	height: 22px;
	margin: 0 0 10px 0;
	background: url(../information/images/subtit_ladies_stay_gown.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#concept div.ladies h5.amenity {
	width: 102px;
	height: 22px;
	margin: 0 0 10px 0;
	background: url(../information/images/subtit_ladies_stay_amenity.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#concept div.ladies h5.vesse {
	width: 132px;
	height: 22px;
	margin: 0 0 10px 0;
	background: url(../information/images/subtit_ladies_stay_vesse.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#concept p.ban_women {
	margin: 5px 0 0 0;
	padding: 0;
}

/* restaurant - レストラン */
#concept h4#st_concept_restaurant {
	width: 650px;
	height: 35px;
	margin: 40px 0 20px 0;
	background: url(../information/images/subtit_ladies_restaurant.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#concept div.ladies h5.lineup {
	width: 284px;
	height: 22px;
	margin: 0 0 10px 0;
	background: url(../information/images/subtit_ladies_restaurant_li.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* spa - マンダラ・スパ */
#concept h4#st_concept_spa {
	width: 650px;
	height: 35px;
	margin: 40px 0 20px 0;
	background: url(../information/images/subtit_ladies_spa.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#concept div.ladies h5.spa {
	width: 237px;
	height: 22px;
	margin: 0 0 10px 0;
	background: url(../information/images/subtit_ladies_spa_joy.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#concept div#mandara{
	margin: 0 0 30px;
}

#concept h6.bn_mandara {
	margin:20px 0 0 ;
	width: 650px;
	height: 101px;
	margin: 0 ;
	clear: both;
}

#concept h6.bn_mandara a{
	margin: 0;
	width: 650px;
	height: 101px;
	display: block;
	background: url(../images/bnr_mandara.jpg) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}


/*======================================

	anniversary.htm - 記念日利用のお客様へ

=======================================*/
/* title - 女性のお客様へ見出し */
#concept h3#st_consept_anniversary {
	width: 316px;
	height: 20px;
	margin: 20px 0;
	background: url(../information/images/tit_anniversary.gif) no-repeat 0 0;
	text-indent: -9999px;
}


/* common - 共通div指定 */
#concept div.wrap_anniversary02 {
	width: 650px;
	overflow: hidden;
}

#concept div.wrap_anniversary02 img {
	float: right;
}

#concept div.wrap_anniversary02 p {
	width: 390px;
	margin: 0 0 10px 0;
}





/* common - おすすめメニュー紹介 */

#concept h6.recommend_plan {
	width: 125px;
	height: 15px;
	margin: 20px 0 10px 0;	
	padding: 0;
	background: url(../information/images/subtit_plan.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#concept h6.recommend_dinner {
	width: 161px;
	height: 14px;
	margin: 20px 0 10px 0;	
	background: url(../information/images/subtit_dinner.gif) no-repeat 0 0;
	text-indent: -9999px;
}


#concept div.infolist_concept {
	width: 625px;
	margin: 0 0 100px 0;
	padding: 10px 0;
	background-color: #FAF9E8;
	border: 9px #ECEACD solid;
}
#concept div.infolist_concept div.infolist {
	width: 580px;
	padding: 15px 0 15px 15px;
	height: auto;
	margin: 0 auto;
	border-bottom: 1px dotted #83655B;
	clear: both;
}
#concept div.infolist_concept div.infolist img.photo {
	float: left;
	margin: 0 15px 0 0;
	border: 2px solid #BEA99D;
}
#concept div.infolist_concept div.infolist h4 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #572F1B;

}
#concept div.infolist_concept div.infolist h4 img {
	margin: 0 7px 3px 0;
	vertical-align: middle;
}

/*　必ず画像がある場合はこれでOK
#concept div#information div.infolist h4 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #572F1B;
	text-indent: 18px;
	background: url(../banquet/images/img_allow.gif) 90px 3px no-repeat;
}
*/

#concept div.infolist_concept div.infolist p {
	width: 570px;
	display: inline;
	margin: 0;
	padding: 0;
	color: #572F1B;
}

#concept div.infolist_concept a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
	word-break: break-all;
}

#concept div.infolist_concept a:hover {
	background: #ECEACD;
}










/* anniversary - 記念日メニュー周り */
#concept div#wrap_anniversary01 {
	width: 650px;
	overflow: hidden;
	clear: both;
}

#concept div#wrap_anniversary01 img {
	width: 280px;
	height: 424px;
	float: left;
	behavior: expression(IEPNGFIX.fix(this));
}

#concept div#wrap_anniversary01 div#Menu_anniversary {
	width: 352px;
	float: right;
}

#concept div#wrap_anniversary01 div#Menu_anniversary ul {
	width: 352px;
	height: 236px;
	margin: 10px 0 0 0;
	padding: 41px 0 0 27px;
	background: url(../information/images/menu_anniversary.jpg) no-repeat 0 0;
}

#concept div#wrap_anniversary01 div#Menu_anniversary ul li {
	width: 300px;
	height: 40px;
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: none;
	text-indent: -9999px;
}

#concept div#wrap_anniversary01 div#Menu_anniversary ul li a {
	width: 300px;
	height: 40px;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	overflow: hidden;
}

/* surprise - サプライズを演出する */
#concept h4#surprise {
	width: 650px;
	height: 35px;
	margin: 40px 0 20px 0;
	background: url(../information/images/subtit_anniversary_surprise.gif) no-repeat 0 0;
	text-indent: -9999px;
	clear: both;
}

#concept div.wrap_anniversary02 h5#surprise01 {
	width: 215px;
	height: 14px;
	margin: 0 0 20px 0;
	background: url(../information/images/subtit_anniversary_surprise01.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#concept div.wrap_anniversary02 h5#surprise02 {
	width: 253px;
	height: 14px;
	margin: 30px 0 20px 0;
	background: url(../information/images/subtit_anniversary_surprise02.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* surprise - サプライズ演出例 */
#concept div#wrap_surprise_ex h5#surprise_ex {
	width: 153px;
	height: 16px;
	margin: 10px 0 5px 20px;
	background: url(../information/images/surprise_ex_tit.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#concept div#wrap_surprise_ex {
	width: 648px;
	margin: 25px 0 0 0;
	padding: 0 0 10px 0;
	background-color: #FAF9E8;
	border: 1px #C5BC8B solid;
	overflow: hidden;
}

#concept div#wrap_surprise_ex img {
	margin: 0 0 5px 0;
	padding: 0;
}

#concept div#wrap_surprise_ex div.surprise_ex_left {
	width: 295px;
	margin: 5px 0 0 20px;
	padding: 0;
	float: left;
}

#concept div#wrap_surprise_ex div.surprise_ex_left p {
	width: 295px;
	margin: 0 0 15px 0;
	padding: 0;
}

#concept div#wrap_surprise_ex div.surprise_ex_right {
	width: 295px;
	margin: 5px 20px 0 0;
	padding: 0;
	float: right;
}

#concept div#wrap_surprise_ex div.surprise_ex_right p {
	width: 295px;
	margin: 0 0 15px 0;
	padding: 0;
}



/* night view - 夜景を楽しむ */
#concept h4#nightview {
	width: 650px;
	height: 35px;
	margin: 40px 0 20px 0;
	background: url(../information/images/subtit_anniversary_nightvie.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#concept div.wrap_anniversary02 h5#nightview01 {
	width: 335px;
	height: 14px;
	border: 0;
	margin: 0 0 20px 0;
	background: url(../information/images/subtit_anniversary_nightview01.gif) no-repeat 0 0;
	text-indent: -9999px;
}



/* luxury - ラグジュアリーを満喫する */
#concept h4#luxury {
	width: 650px;
	height: 35px;
	margin: 40px 0 20px 0;
	background: url(../information/images/subtit_anniversary_luxury.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#concept div.wrap_anniversary02 h5#luxury01 {
	width: 303px;
	height: 15px;
	margin: 0 0 25px 0;
	background: url(../information/images/subtit_anniversary_luxury01.gif) no-repeat 0 0;
	text-indent: -9999px;
}


/* dinner - 味覚と夜景を味わう */
#concept h4#dinner {
	width: 650px;
	height: 35px;
	margin: 40px 0 20px 0;
	background: url(../information/images/subtit_anniversary_dinner.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#concept div.wrap_anniversary02 h5#dinner01 {
	width: 388px;
	height: 14px;
	margin: 0 0 20px 0;
	background: url(../information/images/subtit_anniversary_dinner01.gif) no-repeat 0 0;
	text-indent: -9999px;
}


/*======================================

	rss.htm - RSSによる情報配信について

=======================================*/
/* greeting - ご挨拶 */
#concept h3#st_consept_rss {
	width: 293px;
	height: 18px;
	margin: 20px 0;
	background: url(../information/images/st_rss.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#concept #btn_rss_text {
	margin: 0 0 0 15px;
	padding: 0;
}


#concept #btn_rss_text img{
	padding: 0;
	float: left;
}

#concept #btn_rss_text p{
	float: left;
	text-decoration:underline;
}


/*======================================

	hack - 各種cssハック

=======================================*/
/* index.htm - news - 最新情報 */
* html #concept #main div#news1,
* html #concept #main div#news2,
* html #concept #main div#news3,
* html #concept #main div#news4,
* html #concept #main div#news5,
* html #concept #main div#news6 {
	width: 650px;
	margin: -5px 0 0 0;
	padding: 0 0 10px 0;
	background-color: #ECEACD;
}


/* anniversary.htm - news - 記念日メニュー周り */
* html #concept #main div.news_cont div.news_list,
* html #concept #main div.news_cont div.news_list_end {
	width: 100%;
	height: 100%;
}

* html #concept div#wrap_anniversary01 div#Menu_anniversary ul {
	width: 352px;
	height: 236px;
	margin: 10px 0 0 0;
	padding: 40px 0 0 0;
	background: url(../information/images/menu_anniversary.jpg) no-repeat 0 0;
}

* html #concept div#wrap_anniversary01 div#Menu_anniversary ul li {
	width: 300px;
	height: 40px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-indent: -9999px;
}

* html #concept div#wrap_anniversary01 div#Menu_anniversary ul li a {
	width: 300px;
	height: 40px;
	margin: 0 0 2px 10px;
	padding: 0;
	display: block;
	overflow: hidden;
}

/* anniversary.htm - surprise - サプライズ演出例 */
* html #concept div#wrap_surprise_ex div.surprise_ex_left {
	width: 295px;
	margin: 5px 0 0 10px;
	padding: 0;
	float: left;
}

* html #concept div#wrap_surprise_ex div.surprise_ex_right {
	width: 295px;
	margin: 5px 10px 0 0;
	padding: 0;
	float: right;
}