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


/*****************************

	レイアウト

******************************/

#top #wrapper {
	margin:0;
	padding:0;
	width:100%;
}



/*****************************

	フラッシュ

******************************/

#top #wrp_flash {
	margin:0;
	padding:0;
	width:100%;
	height:450px;
	overflow: hidden;
	background-color:#F4EBDC;
}

#top #wrp_flash #wrp_logo {
	margin:0 auto;
	padding:126px 0 0 0;
  width:955px;
	position: relative;
	top:0;
	background:none;
}

h1 {
	padding:0;
	margin:0;
	width:210px;
	height:324px;
	border:0;
	top:-550px;
	position:relative;
}

#top #wrp_flash #wrp_banner01 {
	position: relative;
  width:955px;
	margin:0 auto;
	top:0;
}

#top #wrp_flash #wrp_banner01 p{
	width:210px;
	height:100px;
	top:-550px;
	position:relative;
	background:url(../images/top/bg_flashbanner.gif) repeat-y;
	margin:0 0 0 5px;
}

#top #wrp_flash #wrp_banner01 img{
	padding:0;
	margin:10px 0; 
	width:200px;
	height:81px;
	border:0;
	top:-550px;
}


#top #wrp_flash #wrp_banner02 {
	position: relative;
  width:955px;
	margin:0 auto;
	left:700px;
	top:0;
}

#top #wrp_flash #wrp_banner02 p{
	width:210px;
	height:100px;
	top:-675px;
	position:relative;
	margin:0 0 0 5px;
}

#top #wrp_flash #wrp_banner02 img{
	padding:0;
	margin:20px 10px;
	border:0;
	top:-550px;
}

/*****************************

	メニュー

******************************/


#top #wrp_menu {
	margin:0;
	padding:0;
	width:100%;
	height:160px;
	border-bottom:3px solid #601A2C;
	background:url(../images/bg_menu.jpg) center top no-repeat #F4EBDC;
}

#top #wrp_menu #menu_content {
	margin:0 auto;
	padding:0;
	width:955px;
	height:163px;
}


/****  検索空室  ****/
#top #searchroom {
	margin:0 19px 0 0;
	padding:0;
	width:210px;
	height:145px;
	float:left;
	background:url(../images/bg_searchroom_top.gif) left top no-repeat;
}


/****  サブメニュー  ****/
#top #wrp_sbmenu {
	margin:0;
	padding:20px 18px 0 0;
	width:216px;
	height:140px;
	float:left;
}

#top #wrp_sbmenu ul#sbmenu {
	margin: 0;
	padding: 0;
	border: 0;
	width:216px;
	height:140px;
	line-height:140px;
	background:url(../images/menu/sb_menu.gif) left top no-repeat;
}

#top #wrp_sbmenu ul#sbmenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	text-indent:-9999px;
}

#top #wrp_sbmenu ul#sbmenu li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height:140px;
}

#top #wrp_sbmenu ul#sbmenu li#sbm01 a {
	width: 31px;
	margin-right:14px;
}

#top #wrp_sbmenu ul#sbmenu li#sbm01 a:hover,
#top #wrp_sbmenu ul#sbmenu li#sbm01 a#sbm_active {
	background:url(../images/menu/sb_menu.gif) 0 -140px no-repeat;
}

#top #wrp_sbmenu ul#sbmenu li#sbm02 a {
	width: 31px;
	margin-right:4px;
}

#top #wrp_sbmenu ul#sbmenu li#sbm02 a:hover,
#top #wrp_sbmenu ul#sbmenu li#sbm02 a#sbm_active {
	background:url(../images/menu/sb_menu.gif) -45px -140px no-repeat;
}

#top #wrp_sbmenu ul#sbmenu li#sbm03 a {
	width: 31px;
	margin-right:4px;
}

#top #wrp_sbmenu ul#sbmenu li#sbm03 a:hover,
#top #wrp_sbmenu ul#sbmenu li#sbm03 a#sbm_active {
	background:url(../images/menu/sb_menu.gif) -80px -140px no-repeat;
}

#top #wrp_sbmenu ul#sbmenu li#sbm04 a {
	width: 31px;
	margin-right:4px;
}

#top #wrp_sbmenu ul#sbmenu li#sbm04 a:hover,
#top #wrp_sbmenu ul#sbmenu li#sbm04 a#sbm_active {
	background:url(../images/menu/sb_menu.gif) -115px -140px no-repeat;
}

#top #wrp_sbmenu ul#sbmenu li#sbm05 a {
	width: 31px;
	margin-right:4px;
}

#top #wrp_sbmenu ul#sbmenu li#sbm05 a:hover,
#top #wrp_sbmenu ul#sbmenu li#sbm05 a#sbm_active {
	background:url(../images/menu/sb_menu.gif) -150px -140px no-repeat;
}

#top #wrp_sbmenu ul#sbmenu li#sbm06 a {
	width: 31px;
}

#top #wrp_sbmenu ul#sbmenu li#sbm06 a:hover,
#top #wrp_sbmenu ul#sbmenu li#sbm06 a#sbm_active {
	background:url(../images/menu/sb_menu.gif) -185px -140px no-repeat;
}

/****  グローメニュー  ****/
#top #wrp_gmenu {
	margin:0;
	padding:0;
	float:left;
}

#top #wrp_gmenu ul#gmenu {
	margin: 0;
	padding: 0;
	border: 0;
	width:492px;
	height:160px;
	line-height:160px;
	background:url(../images/menu/gmenu.jpg) left top no-repeat;
}

#top #wrp_gmenu ul#gmenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	text-indent:-9999px;
}

#top #wrp_gmenu ul#gmenu li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height:160px;
}

#top #wrp_gmenu ul#gmenu li#gm01 a {
	width: 71px;
}

#top #wrp_gmenu ul#gmenu li#gm01 a:hover,
#top #wrp_gmenu ul#gmenu li#gm01 a#gm_active {
	width: 71px;
	background:url(../images/menu/gmenu.jpg) 0 -160px no-repeat;
}

#top #wrp_gmenu ul#gmenu li#gm02 a {
	width: 70px;
}

#top #wrp_gmenu ul#gmenu li#gm02 a:hover,
#top #wrp_gmenu ul#gmenu li#gm02 a#gm_active {
	width: 70px;
	background:url(../images/menu/gmenu.jpg) -71px -160px no-repeat;
}

#top #wrp_gmenu ul#gmenu li#gm03 a {
	width: 70px;
}

#top #wrp_gmenu ul#gmenu li#gm03 a:hover,
#top #wrp_gmenu ul#gmenu li#gm03 a#gm_active {
	width: 70px;
	background:url(../images/menu/gmenu.jpg) -141px -160px no-repeat;
}

#top #wrp_gmenu ul#gmenu li#gm04 a {
	width: 70px;
}

#top #wrp_gmenu ul#gmenu li#gm04 a:hover,
#top #wrp_gmenu ul#gmenu li#gm04 a#gm_active {
	width: 70px;
	background:url(../images/menu/gmenu.jpg) -211px -160px no-repeat;
}

#top #wrp_gmenu ul#gmenu li#gm05 a {
	width: 70px;
}

#top #wrp_gmenu ul#gmenu li#gm05 a:hover,
#top #wrp_gmenu ul#gmenu li#gm05 a#gm_active {
	width: 70px;
	background:url(../images/menu/gmenu.jpg) -281px -160px no-repeat;
}

#top #wrp_gmenu ul#gmenu li#gm06 a {
	width: 70px;
}

#top #wrp_gmenu ul#gmenu li#gm06 a:hover,
#top #wrp_gmenu ul#gmenu li#gm06 a#gm_active {
	width: 70px;
	background:url(../images/menu/gmenu.jpg) -351px -160px no-repeat;
}

#top #wrp_gmenu ul#gmenu li#gm07 a {
	width: 69px;
}

#top #wrp_gmenu ul#gmenu li#gm07 a:hover,
#top #wrp_gmenu ul#gmenu li#gm07 a#gm_active {
	width: 69px;
	background:url(../images/menu/gmenu.jpg) -421px -160px no-repeat;
}



/*****************************

	コンテンツエリア

******************************/

#top #wrp_content_area {
	margin:0;
	padding:0;
	width:100%;
	display: table;
	border-bottom:3px solid #601A2C;
	background:url(../images/top/bg_content_area.jpg) center top no-repeat #F9F4EB;
}


#top #wrp_content_area #content_area {
	margin:0 auto;
	padding:20px 0 0 0;
	width:955px;
	background:none;
}


/*****************************

	左コンテンツ

******************************/
#top #content_area #cnt_left {
	margin:0 0 0 5px;
	width:200px;
	height:860px;
	float:left;
	background-color:#EAD6BE;
}

#top #content_area #rank_box {
	margin: 0;
	padding:0;
	width:200px;
}

* html #top #content_area #rank_box {
	margin:0 0 0 3px;
}

#top #content_area #rank_box h4 {
	margin:0 0 15px 0;
	padding:0;
	width:200px;
	height:40px;
	text-indent:-9999px;
	background:url(../images/top/tit_bestplan3.gif) left top no-repeat;
}


#top #content_area #rank_box .best_list {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	width:200px;
	clear:both;
    background:url(../images/top/bg_line_best3.gif) left bottom repeat-x;
}


#top #content_area #rank_box .best_list h5.bst01 {
	margin:0 0 1px 0;
	padding:0;
	width:60px;
	height:15px;
	line-height:15px;
	text-indent:-9999px;
	background:url(../images/top/tit_best01.gif) left top no-repeat;
}

#top #content_area #rank_box .best_list h5.bst02 {
	margin:0 0 1px 0;
	padding:0;
	width:60px;
	height:15px;
	line-height:15px;
	text-indent:-9999px;
	background:url(../images/top/tit_best02.gif) left top no-repeat;
}

#top #content_area #rank_box .best_list h5.bst03 {
	margin:0 0 1px 0;
	padding:0;
	width:60px;
	height:15px;
	line-height:15px;
	text-indent:-9999px;
	background:url(../images/top/tit_best03.gif) left top no-repeat;
}

#top #content_area #rank_box .best_list .cnt_img {
	margin:0 10px 0 0;
	padding:0;
	float:left;
}

#top #content_area #rank_box .best_list img {
	margin:0;
	padding:0;
	
}

#top #content_area #rank_box .best_list p {
	margin:0;
	padding:0;
	width:110px;
	float:left;
	color:#000;
	font-size:9px;
}

#top #content_area #rank_box .best_list span {
	margin:0;
	padding:0;
	font-size:12px;
}

#top #content_area #rank_box p.btn_plan {
	margin:15px 0 30px 35px;
	padding:0;
	width:130px;
	height:20px;
	text-indent:-9999px;
	background:url(../images/btn_plan.gif) left top no-repeat;
}

#top #content_area #rank_box p.btn_plan a {
	width:130px;
	height:20px;
	display:block;
	overflow:hidden;
}

/****　トリップアドバイザー　****/
#top #content_area #cnt_left #trip {
	margin:0 0 0 15px;
	padding:0;
}



/*****************************

	右コンテンツ

******************************/


#top #content_area #cnt_right {
	margin:0;
	padding:0;
	width:725px;
	float:right;
	background:transparent;
}

/****  若旦那のブログ blog+清風荘 会員登録  ****/
#top #cnt_right #cnt_info {
	margin:0;
	padding:0;
	width:375px;
	float:left;
	background:transparent;
}

#top #cnt_right #cnt_info .cnt_bn {
	margin:0 0 15px 0;
	padding:0;
	width:375px;
}

#top #cnt_right #cnt_info #wrp_feeds {
	margin:0 0 10px 0;
	padding:0;
	border:1px solid #E8DCC7;
	background:url(../images/top/tit_blog.png) left 0 no-repeat;
}

#top #cnt_right #cnt_info #wrp_feeds p#btn_blog a {
	margin:10px 10px 30px 0;
	padding:0;
	height:20px;
	float:right;
}


/****  FEEDS  ****/

#top #cnt_right #cnt_info #wrp_feeds dl#blog_feeds {
	margin: 0 15px;
	clear:both;
	font-size:12px;
}

#top #cnt_right #cnt_info #wrp_feeds dl#blog_feeds dt {
	float: left;
	width: 110px;
	margin: 0 0 1em 0;
	padding:0 0 0 15px;
	font-size:12px;
	background:url(../images/top/ic_blog.gif) 0 center no-repeat;
}

#top #cnt_right #cnt_info #wrp_feeds dl#blog_feeds dd {
	margin: 0 0 1em 6em;
	font-size:12px;
}

/****  清風荘 会員登録  ****/


#top #cnt_right #cnt_info #wrp_members {
	margin:0 0 20px 0;
	padding:50px 0 0 0;
	width:384px;
	background:url(../images/top/tit_member.gif) left top no-repeat;
}

#top #cnt_right #cnt_info #wrp_members #cnt_members {
	margin:0;
	padding:0 0 10px 0;
	width:375px;
	background-color:#e8dcc7;
}

#top #cnt_right #cnt_info #wrp_members #cnt_members form#mail_members {
	margin:0 auto;
	padding:30px 0 0 0;
	width:335px;
}

#top #cnt_right #cnt_info #wrp_members #cnt_members form#mail_members p#tit_mail {
	margin:0 8px 0 0;
	padding:0;
	width:76px;
	height:23px;
	text-indent:-9999px;
	float:left;
	background:url(../images/top/tit_mail.gif) left top no-repeat;
}

#top #cnt_right #cnt_info #wrp_members #cnt_members form#mail_members input {
	margin:0;
	padding:0;
	float:left;
}

#top #cnt_right #cnt_info #wrp_members #cnt_members form#mail_members input.submit {
	margin-left:5px;
}



#top #cnt_right #cnt_info #wrp_members #cnt_members p.txt {
	margin:8px auto;
	padding:0;
	width:335px;
	color:#000;
	clear:both;
	font-size:11px;
}


/****　フェイスブック　****/
#top #cnt_right #cnt_info #facebook {
	clear: both;
	width:375px;
	height:350px;
	margin:0;
	padding:0;
}



/****  2つバナー  ****/

#top #cnt_2banners {
	margin:0;
	padding:0;
	width:375px;

}

#cnt_banners p#bn_setplan2,
#cnt_banners p#bn_setplan2 a {
	margin:5px 0;
	float:right;
	padding:0;
	top:-4px;
	left:-5px;

}
#cnt_banners p#bn_womenplan,
#cnt_banners p#bn_womenplan a {
	margin:3px 0 0 0;
	float:right;
	padding:0;
	height:97px;
	top:-4px;
	left:-5px;

}
#cnt_banners #bnr_dbl {
	width:327px;
	overflow:hidden;
	padding:6px 0 0 3px;
}
#cnt_banners #bnr_dbl li {
	float:left;
	width:167px;
	margin:0;
}
#cnt_banners #bnr_dbl li.left {
	width:160px;
	padding:5px 0 0 0;
}
#top #cnt_2banners p#bn_ringohuro,
#top #cnt_2banners p#bn_ringohuro a {
	margin:0;
	padding:0;
	clear:both;

}



#cnt_info #bg_flower {
	margin:0;
	padding:0;
	width:180px;
	height:63px;
	background:url(../images/top/bg_content_info.jpg) left top no-repeat;
}

#top #cnt_2banners ul.bn_plan ul
{
width:375px;
	overflow:hidden;}

#top #cnt_2banners ul.bn_plan li {
margin:10px 0;
	padding:0;
	width:185px;
	height:80px;
	float:left;
}
#top #cnt_2banners ul.bn_plan li.plan_r {
	float:right;}
/****  6つバナー  ****/

#top #cnt_right #cnt_banners {
	margin:0;
	padding:0;
	width:330px;
	float:right;
}

#top #cnt_right #cnt_banners {
	margin:0;
	padding:0;
	width:330px;
	float:right;
}


/*------テーブル-------*/

#top table#cnt_banner {
	margin: 0;
	border: none;
}

#top table#cnt_banner th {
	padding:8px;
	border:none;
	border-right: #A3797F dotted 1px;
	border-bottom: #A3797F dotted 1px;
}

#top table#cnt_banner td {
	padding:8px;
	border:none;
	background: none;
	border-bottom: #A3797F dotted 1px;
}


/*------バナータイトル-------*/

#top #cnt_right #cnt_banners h4#tit_onsen {
	margin:10px 0 0 0;
	padding:0;
	width:122px;
	height:11px;
	text-indent:-9999px;
	background:url(../images/top/tit_onsen.gif) left top no-repeat;
}

#top #cnt_right #cnt_banners h4#tit_onsen a {
	width:122px;
	height:11px;
	display:block;
	overflow:hidden
}

#top #cnt_right #cnt_banners h4#tit_jigokudanimonkey {
	margin:10px 0 0 0;
	padding:0;
	width:104px;
	height:11px;
	text-indent:-9999px;
	background:url(../images/top/tit_jigokudanimonkey.gif) left top no-repeat;
}

#top #cnt_right #cnt_banners h4#tit_jigokudanimonkey a {
	width:104px;
	height:11px;
	display:block;
	overflow:hidden
}

#top #cnt_right #cnt_banners h4#tit_ping-pong {
	margin:10px 0 0 0;
	padding:0;
	width:55px;
	height:11px;
	text-indent:-9999px;
	background:url(../images/top/tit_ping-pong.gif) left top no-repeat;
}

#top #cnt_right #cnt_banners h4#tit_ping-pong a {
	width:55px;
	height:11px;
	display:block;
	overflow:hidden
}

#top #cnt_right #cnt_banners h4#tit_dishes {
	margin:10px 0 0 0;
	padding:0;
	width:135px;
	height:11px;
	text-indent:-9999px;
	background:url(../images/top/tit_dishes.gif) left top no-repeat;
}

#top #cnt_right #cnt_banners h4#tit_dishes a{
	width:135px;
	height:11px;
	display:block;
	overflow:hidden
}

#top #cnt_right #cnt_banners h4#tit_englishinfo {
	margin:10px 0 0 0;
	padding:0;
	width:132px;
	height:11px;
	text-indent:-9999px;
	background:url(../images/top/tit_englishinfo.gif) left top no-repeat;
}

#top #cnt_right #cnt_banners h4#tit_englishinfo a {
	width:132px;
	height:11px;
	display:block;
	overflow:hidden
}

#top #cnt_right #cnt_banners h4#tit_costumervoice {
	margin:10px 0 0 0;
	padding:0;
	width:81px;
	height:11px;
	text-indent:-9999px;
	background:url(../images/top/tit_costumervoice.gif) left top no-repeat;
}

#top #cnt_right #cnt_banners h4#tit_costumervoice a {
	width:81px;
	height:11px;
	display:block;
	overflow:hidden
}