@charset "UTF-8";
/* CSS Document common*/

* {	margin: 0; padding: 0; }

img { border: 0; }

body {
	font-family: "ヒラギノ角ゴ Pro W3", "hiragino kaku Gothic Pro", arial , "MS Pゴシック";
	line-height: 1.6em;
	font-size: 80%;
	color: white;
	background-color: black;
}

ul {
	list-style-type:none;
}

h2 {
	font-size: 120%;
}

.catch_copy{
	font-size: 120%;
	letter-spacing: 0.1em;
	margin-bottom: 30px;
	line-height: 1.6em;
}

html>/**/body .catch_copy{  
    letter-spacing: -0.1em\9;  
}  

.clear {
clear: both;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac¥*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/


/* link */

a { text-decoration: none; color: #C09000; outline:none; }
a:focus{ outline: none; }
a:hover	{ text-decoration: underline; color: #990000; }

#pagetop {
	text-align: right;
	width: 615px;
	clear: both;
}

#pagetop_contents_in {
	text-align: right;
	width: 605px;
	margin-bottom: 30px;
}


/* contents */


#wrapper {
	margin: 0 auto;
	width: 860px;
}

#top	{
	text-align: left;
	margin: 0;
	padding: 0;
}

#top h1	{
	width: 200px;
	height: 72px;
	text-indent: -9999px;
	background: url(../images/logo.gif) no-repeat;
	float: left;
}

#top h1 a	{
	height:72px;
	display:block;
	text-decoration: none;
}

#topnavi	{
	width: 125px;
	height: 62px;
	margin-top: 10px;
	float: right;
	padding: 0;
}

#topnavi ul	{
	margin: 0;
	padding: 0;
	text-align: left;
}

#topnavi li	{
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#topnavi li a	{
	height:62px;
	display:block;
	text-decoration: none;
}

#topnavi li.english { background:url(../images/english_bn01.gif) no-repeat; width:75px; height:15px; margin-left:40px; }
#topnavi li.english a:hover { background:url(../images/english_bn02.gif) no-repeat; width:75px; height:15px;  }
#topnavi li.reservation { background:url(../images/reservation_bn01.jpg) no-repeat; width: 125px; height:40px; }
#topnavi li.reservation a:hover { background:url(../images/reservation_bn02.jpg) no-repeat; width: 125px; height:40px; }

#globalnavi	{
	height: 42px;
	width: 860px;
	background:url(../images/globalnavi.gif) no-repeat 0px 0px;
	clear:both;
}

#globalnavi ul {
	margin: 0;
	padding: 0 0 0 20px;
	text-align: center;
	width: 840px;
}

#globalnavi li {
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#globalnavi li a {
	height: 42px;
	display:block;
	text-decoration: none;
}

#globalnavi li.relaxation {	background:url(../images/relaxation_bn01.gif) no-repeat; width:160px; height:42px; margin-right: 5px; }
#globalnavi li.relaxation a:hover { background:url(../images/relaxation_bn02.gif) no-repeat; width:160px; height:42px; }
#globalnavi li.building { background:url(../images/building_bn01.gif) no-repeat; width:105px; height:42px; margin-right: 5px; margin-left: 5px; }
#globalnavi li.building a:hover { background:url(../images/building_bn02.gif) no-repeat; width:105px; height:42px; }
#globalnavi li.bath { background:url(../images/bath_bn01.gif) no-repeat; width:100px; height:42px;  margin-right: 5px; margin-left: 5px; }
#globalnavi li.bath a:hover { background:url(../images/bath_bn02.gif) no-repeat ; width:100px; height:42px; }
#globalnavi li.stay { background:url(../images/stay_bn01.gif) no-repeat ; width:105px; height:42px; margin-right: 5px; margin-left: 5px; }
#globalnavi li.stay a:hover { background:url(../images/stay_bn02.gif) no-repeat ; width:105px; height:42px; }
#globalnavi li.aday { background:url(../images/aday_bn01.gif) no-repeat ; width:115px; height:42px; margin-right: 5px; margin-left: 5px; }
#globalnavi li.aday a:hover { background:url(../images/aday_bn02.gif) no-repeat ; width:115px; height:42px; }
#globalnavi li.seasonal { background:url(../images/seasonal_bn01.gif) no-repeat ; width:90px; height:42px; margin-right: 5px; margin-left: 5px;}
#globalnavi li.seasonal a:hover { background:url(../images/seasonal_bn02.gif) no-repeat ; width:90px; height:42px; }
#globalnavi li.gallery { background:url(../images/gallery_bn01.gif) no-repeat; width:85px; height:42px;	margin-left: 5px; }
#globalnavi li.gallery a:hover { background:url(../images/gallery_bn02.gif) no-repeat; width:85x; height:42px; }

.shadow {
	background: url(../images/area_shadow.jpg) no-repeat center bottom;
	padding-bottom:15px;
}

#explanation {
	background-image: url(../images/back_material01.gif);
	background-repeat: repeat;
	width: 860px;
	padding-bottom: 6px;
}

#explanation h2 {
	font-size: 95%;
	text-align: center;
}


/* main */

#contents {
	margin: 25px 5px 15px 5px;
	width: 850px;
	background:url(../images/dot_line.gif) no-repeat center bottom;
	padding-bottom:15px;
}


/* newsinfo */

#newsinfo {
	float: left;
	width: 622px;
	margin-right:28px;
	font-size: 90%;
}

#newsinfo hr {
	margin: 0;
	padding: 0;
	width: 622px;
}	

/* newcontents */

#newsinfo #newcontents {
	margin-bottom: 20px;
}

#newcontents .news {
	width: 110px;
	height: 25px;
	text-indent: -9999px;
	background: url(../images/newsinfo.gif) no-repeat;
	margin-bottom: 5px;
}

#newcontents .news-chart {
	width: 100%;
	border-collapse: collapse;
	text-align:center;
	font-size: 100%;
}

#newcontents .news-chart td{
padding: 10px;
border: solid 1px #CCCCCC;
}

#newcontents .news-chart td p{
	font-size: 120%;
	line-height: 1.4em;
	margin: 0 0 5px 0;
}

#newcontents .news-chart th{
padding: 10px;
border: solid 1px #CCCCCC;
background-color:#333333;
letter-spacing: 0.1em;
}

#newcontents ul {
	float: left;
	width: 416px;
}

#newcontents .newstitle {
	background: url(../images/newsinfo_line.jpg) no-repeat left bottom;
	margin: 10px 0;
	padding-bottom: 10px;
	font-size: 140%;
}

.recommendphoto .recPlanGr {
	background: url(../images/newsinfomation_line.gif) no-repeat left bottom;
	margin: 10px 0;
	padding-bottom: 5px;
}

#newcontents .newsgrLbox {
	width: 410px; float:left;
}

#newcontents .newsgrLbox p.read{
	margin-bottom: 20px;
}

#newcontents .newsgrRbox {
	width: 188px; float: right;
}

#newcontents .wideNewsRbox {
	width: 277px !important;	
}

#newcontents .wideNewsLbox {
	width: 320px !important;	
}

#newcontents .newsbn {
	float: right;
	margin-top: 12px;	
}

#newcontents .basicLink {
	background:url(../stay/images/arrow.gif) no-repeat 0 4px;
	width: 100%;
}


#newcontents .basicLink a{
	text-decoration: underline;
	font-size: 140%;
	padding-left: 10px;
}

/*
.newsline {
	margin:5px 0 25px 0;
}
*/

.newsspace {
	border-top: 6px solid #996600;
	margin: 0 0 15px 0;
	padding-top: 20px;
}

.newsspace_sec {
	margin: 0 0 45px 0;
	>margin: 0 0 25px 0;
	clear:both;
}

.newphoto {
	float: right;
	width: 188px;
}

#newXmasLive2009 {
	margin: 25px 0 0 0;
}

#newXmasLive2009 .night{
	margin: 5px 0 25px 0;
}

#newXmasLive2009 h4{
	color: #996600;
	font-size: 105%;
	margin: 0 0 5px 0;
	>margin: 0;
	>line-height: 1.1em;
	padding-bottom: 3px;
	border-bottom: dashed 1px #432D03;
	>letter-spacing: -0.1em;
}

#newXmasLive2009 h4 span{
	color: #C30;
}

#newXmasLive2009 .night p{
	margin: 7px 0 0 0;
}

/* ここに追加 */

/* updatecontents */

#newsinfo #updatecontents {
	clear: both;
	border-bottom: 6px solid #996600;
	margin-bottom: 40px;
	>margin-bottom: 20px;
	>padding-bottom: 20px;
}

#updatecontents .update {
	width: 110px;
	height: 25px;
	text-indent: -9999px;
	background: url(../images/newsinfo.gif) no-repeat;
	margin-bottom: 5px;
}


.newsspace .Lbox{
	background: url(../images/update_icon.gif) no-repeat left;
	padding-left: 8px;
	float: left;
	margin-right: 15px;
	width: 40px;
}

#updatecontents .Rbox {
	float:left;
	width: 559px;
	margin-bottom: 10px;
}

#updatecontents a {
	text-decoration: underline;
}

#updatecontents a:hover {
	color: #990000;
	text-decoration: underline;
}

.update_plan {
	width: 100%;
}

.update_plan li{
	width: 100%;
	clear: both;
	line-height: 1.5em;
	>margin-bottom: 5px;
	_margin-bottom: -5px;
}


/* topicsarea */

#topicsarea {
	float: right;
	width: 200px;
	font-size: 90%;
}

html>/**/body #topicsarea {  
    letter-spacing: 0em\9;  
}

.recommnedplan {
	width: 198px;
	background:url(../images/back_material02.gif) repeat;
	border: 1px solid #D6B75A;
	margin-bottom: 20px;
}

html>/**/body .recommnedplan {  
    letter-spacing: 0em\9;  
}

.recommnedplan h3 {
	margin: 10px 0 0 9px;
	font-size: 120%;
	letter-spacing: 1px;
	color: #C09000;
}

.recommnedplan ul {
 	margin:7px 9px 15px 9px;
}

.recommnedplan ul a {
	color: #FFFFFF;
	text-decoration: underline;
}

.recommnedplan ul a:hover {
	color: #990000;
	text-decoration: underline;
}

.recommnedplan a .yellow{
	color: #C09000;
}

.recommnedplan a:hover .yellow{
	color: #990000;
	text-decoration: underline;
}

/* POPUP Closeボタン*/

.close {
	margin: 20px auto;
	text-align: center;
}

/* side_common lib 使用 */

.recommendphoto {
	margin:10px 0 5px 0;
}

.recommendphoto p {
	margin-bottom: 10px;
	line-height: 1.6em;
	font-size: 105%;
}

.recommendphoto p a{
	text-decoration: underline;
	color: #C09000;
}

.recommendphoto p span{
	font-size: 90%;
	text-decoration: none;
}

.recommnedplan h4 {
	font-size: 95%;
}

.recommendtxt {
	margin:7px 0 10px 0;
	padding: 0 3px;
	line-height: 1.6;
}

.bathphoto {
	margin:10px 0 15px 0;
}

.infotxt {
	font-size: 110%;
	background:url(../images/arrow.gif) no-repeat left center;
	padding-left: 7px;
	margin-top: 5px;
}

.side_reserve {
	width: 200px;
	height: 55px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/side_info_reservation01.jpg) no-repeat;
}

.side_reserve a {
	height: 55px;
	display: block;
	text-decoration: none;
}

.side_reserve a:hover {
	background: url(../images/side_info_reservation02.jpg) no-repeat;
}


/* credit */

#creditarea {
	margin: 0 15px 15px 15px;
	font-size: 85%;
	clear: both;
}

#creditarea p {
	margin: 0px;
	padding: 0px;
	line-height: 1.7;
}

#creditarea address {
	font-style: normal;
}

#creditarea #addr {
	float:left;
	width: 460px;
}

#creditarea #adobebn {
	float: right;
	padding-top: 15px;
	width: 334px;
}

#creditarea #adobebn img {
	float: left;
	margin-right: 10px;
	width: 112px;
}

#creditarea #adobebn p {
	float: right;
	width: 212px;
}


/* footer */

#footer {
	width: 860px;
}

#footer p {
	text-align: center;
	margin: 15px 0 20px 0;
}

#footernavi	{
	height: 25px;
	width: 860px;
	background:url(../images/footernavi.jpg) no-repeat 0px 0px;
}

#footernavi ul {
	margin: 0;
	padding: 0 0 0 50px;
	text-align: center;
	width: 810px;
}

#footernavi li {
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#footernavi li a {
	height: 25px;
	display:block;
	text-decoration: none;
}

#footernavi li.group {	background:url(../images/group_bn01.jpg) no-repeat; width:134px; height:25px; }
#footernavi li.group a:hover { background:url(../images/group_bn02.jpg) no-repeat; width:134px; height:25px; }
#footernavi li.traffic { background:url(../images/traffic_bn01.jpg) no-repeat; width:121px; height:25px;}
#footernavi li.traffic a:hover { background:url(../images/traffic_bn02.jpg) no-repeat; width:121px; height:25px; }
#footernavi li.question { background:url(../images/question_bn01.jpg) no-repeat; width:129px; height:25px; }
#footernavi li.question a:hover { background:url(../images/question_bn02.jpg) no-repeat ; width:129px; height:25px; }
#footernavi li.privacy { background:url(../images/privacy_bn01.jpg) no-repeat ; width:149px; height:25px; }
#footernavi li.privacy a:hover { background:url(../images/privacy_bn02.jpg) no-repeat ; width:149px; height:25px; }
#footernavi li.sitemap { background:url(../images/sitemap_bn01.jpg) no-repeat ; width:115px; height:25px; }
#footernavi li.sitemap a:hover { background:url(../images/sitemap_bn02.jpg) no-repeat ; width:115px; height:25px; }
#footernavi li.reserve { background:url(../images/reserve_bn01.jpg) no-repeat ; width:113px; height: 25px; }
#footernavi li.reserve a:hover { background:url(../images/reserve_bn02.jpg) no-repeat ; width:113x; height:25px; }



/* 02hierarchy css */

#top .shadow img {
	vertical-align: bottom;
}


/* contents02 */

#contents02 {
	margin: 10px 5px 15px 5px;
	width: 850px;
	background:url(../images/dot_line.gif) no-repeat center bottom;
	padding-bottom:15px;
}

#contents02 #pankuzu {
	font-size: 80%;
	margin-left: 15px;
	margin-bottom: 5px;
}


/* contents02 sidenavi */

#sidenavi {
	float: left;
	width: 200px;
	/*margin-right: 20px;*/
	margin-bottom: 30px;
}

#naviarea {
	width: 200px;
	>letter-spacing: -0.1em;
}

#naviarea h2 {
	margin-top: 11px;
	border-bottom: 1px solid #9A6600;
	padding-bottom: 4px;
	padding-top: 4px;
}

#naviarea h2 a {
	background: url(../images/sidenavi01_icon.gif) no-repeat left center;
	padding-left: 15px;
	margin-left: 15px;
	display: block;
}


#naviarea h3 {
	font-size: 100%;
	background: url(../images/sidenavi_dotline.gif) no-repeat left bottom;
	margin: 10px 0;
	padding: 0 0 7px 10px;
}


#naviarea ul {
	margin-bottom: 20px;
	width: 200px;
}

#naviarea li {
	background: url(../images/sidenavi_dotline.gif) no-repeat left bottom;
	margin-top: 10px;
	padding-bottom: 7px;
	width: 200px;
}

#naviarea .sidenavi_link {
	color: #9A6600;
}

#naviarea li a {
	background: url(../images/sidenavi02_icon.jpg) no-repeat left top;
	color:#FFFFFF;
	padding-left: 15px;
	width: 170px;
	margin-left: 15px;
	display: block;
}

#naviarea li a:hover {
	color: #990000;
	text-decoration: underline;
}

/* contents02 sidenavi over -building- */

#room #sidenavi li .room,
#inano #sidenavi li .inano,
#lounge #sidenavi li .lounge,
#esthe #sidenavi li .esthe,
#stand #sidenavi li .stand,
#century #sidenavi li .century
{ color:#990000;}

/* contents02 sidenavi over -bath- */

#airbath #sidenavi li .airbath, #bigbath #sidenavi li .bigbath { color:#990000;}
#family #sidenavi li .family 
/* contents02 sidenavi over -gallery- */

#syougi #sidenavi li .syougi, #syougi #sidenavi li .syougi, #event #sidenavi li .event, nowold #sidenavi li .nowold { color:#990000;}

/* contents02 sidenavi over -stay- */

#plan_sp_06 .plan_sp_06,
#plan_sp_07 .plan_sp_07,
#plan_sp_08 .plan_sp_08,
#plan_sp_fukahire .plan_sp_fukahire,
#plan_sp_matutake .plan_sp_matutake,
#plan_sp_fugu .plan_sp_fugu,
#plan_hina .plan_hina,
#plan_valentine .plan_valentine,
#plan_sp_vegetables .plan_sp_vegetables,
#plan_sp_awabi .plan_sp_awabi,
#plan_soukai .plan_soukai,
#plan_hyogo .plan_hyogo,
#plan_special .plan_special,
#plan_okigaru .plan_okigaru,
#plan_kobestay .plan_kobestay,
#plan_esthetic .plan_esthetic,
#reservation_aday .reservation_aday,
#reception .reception,
#stayticket .stayticket,
#plan_arimawinter .plan_arimawinter,
#plan_teigaku_1day2meal .plan_teigaku_1day2meal,
#plan_teigaku_1daymorning .plan_teigaku_1daymorning,
#plan_shougi .plan_shougi,
#plan_nice_saturday .plan_nice_saturday,
#plan_ladies .plan_ladies,
#plan_ladies .plan_ladies,
#plan_moon_feast .plan_moon_feast,
#celebration .celebration,
#yuki .yuki,
#reception .reception,
#stay_index.stay_index,
#hana .hana,
#tuki .tuki,
#plan_setsu .plan_setsu,
#h20_01 .h20_01,
#h20_02 .h20_02,
#h21_01 .h21_01,
#h22_01 .h22_01,
#plan_sp_02 .plan_sp_02,
#plan_sp_03 .plan_sp_03,
#plan_sp_04 .plan_sp_04,
#plan_sp_05 .plan_sp_05,
#plan_sp_06 .plan_sp_06,
#plan_senior .plan_senior,
#plan_h26stay .plan_h26stay,
#plan_tukimi .plan_tukimi
{ color:#990000;}

#propose .propose { color:#990000; border-bottom: 1px solid #9A6600;}

/* contents02 sidenavi over -seasonal- */


/* contents02 sidenavi over -aday- */

#reservation_aday #sidenavi li .reservation_aday, #adayplan_lunch_est #sidenavi li .adayplan_lunch_est, #adayplan_syoukadou #sidenavi li .adayplan_syoukadou, #adayplan_meet #sidenavi li .adayplan_meet, #adayplan_two_foods #sidenavi li .adayplan_two_foods, #adayplan_kaiseki #sidenavi li .adayplan_kaiseki, #adayplan_inano_sp #sidenavi li .adayplan_inano_sp, #adayplan_inano_kaiseki #sidenavi li .adayplan_inano_kaiseki, #adayplan_sp_hamo #sidenavi li .adayplan_sp_hamo, #adayplan_sp_matutake #sidenavi li .adayplan_sp_matutake { color:#990000;}



#sidenavi #newsinfomation {
	width: 198px;
	border: 1px solid #9A6600;
	margin-bottom: 15px;
	margin-top: 5px;
}


#newsinfomation .newstitle, #topicsarea .newstitle {
	background: url(../images/newsinfomation_line.gif) no-repeat left bottom;
	margin:10px 9px;
	padding-bottom: 7px;
	font-weight: bold;
	font-size: 110%;
}

#topicsarea .topnewstitle {
	background: url(../images/newsinfomation_line.gif) no-repeat left bottom;
	margin:10px 9px;
	padding-bottom: 7px;
	font-weight: bold;
	font-size: 120%;
}

#newsinfomation .newstitle a {
	background: url(../images/newsinfomation_icon.gif) no-repeat left center;
	padding-left: 20px;
	margin-left:5px;
	letter-spacing: 1px;
}

#topicsarea .newstitle a {
	margin-left:5px;
	letter-spacing: 0.1;
}

#newsinfomation .newsphoto {
	width: 180px;
	margin: 3px 9px;
}

#newsinfomation .newstxt {
	width:170px;
	margin:5px 10px;
	letter-spacing: -0.1em;
}

body:first-of-type #newsinfomation .newstxt {
	width:170px;
	margin:5px 10px;
	letter-spacing: 0em;
}

#newsinfomation .newsbt {
	width:103px;
	height: 18px;
	margin: 10px 47px 10px 47px;
}

#newsinfomation .newsbt a {
	background: url(../images/details_bn01.gif) no-repeat left center;
	text-indent:-9999px;
	display:block;
	height: 18px;
}

#newsinfomation .newsbt a:hover { background: url(../images/details_bn02.gif) no-repeat left center; }


/* contents02 maincontents */

#maincontents {
	float: right;
	width: 630px;
}

#mainarea {
	margin: 20px 0 25px 1em;
}

/* その他 サブタイトル・テーブルなどの共通CSS */

.tbl {
	border-collapse: collapse;
	width: 100%;
	font-size: 90%;
}

.tbl td{
	padding: 10px;
	border: solid 1px #CCCCCC;
}

.ti_s {
	margin: 33px 0 20px 0;
}

.bn_box {
	width: 617px;
	margin-bottom: 30px;
}

.bn_box ul{
	padding: 0;
	margin: 0;
}

.bn_box li{
	width: 287px;
	float: left;
}

.bn_box_l {
	margin: 0 30px 0 0;
}

.bn_box li h3{
	margin: 12px 0 3px 0;
	font-size: 110%;
	line-height: 1.2em;
	letter-spacing: 0.2em;
}

.bn_box li h3 a{
	color: #FFFFFF;
}

.bn_box li h3 a:hover{
	color: #C09000;
}

.bn_box li h3 img{
	margin-right: 5px;
}


/* 折りたたみメニュー 共通 */

.togglebox {
	width: 605px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

.togglelink {
	text-decoration: none;
}

.toggleA {
	padding: 0 5px 5px 18px;
	float: left;
	width: 137px;
	color: #C09000;
	font-size: 110%;
	background: url(../images/mark_toggle.gif) no-repeat 0 2px;
}

.toggleB {
	float: left;
	width: 335px;
	padding: 0 0 5px 0;
	color: #FFFFFF;
}

.toggleC {
	float: left;
	width: 110px;
	padding: 0 0 5px 0;
	text-align: right;
	color: #FFFFFF;
}

.toggle_contents {
	display:none;
	clear:both;
	margin-bottom: 20px;
}

.toggle_contents .txt {
	margin: 0 0 0 18px;
}

.toggle_contents table{
	margin: 0 0 20px 18px;
	line-height: 1.8em;
	width: 562px;
}

.toggle_contents td{
	padding: 3px;
}

.toggle_itemname {
	color: #996600;
	margin: 0 0 10px 18px;
	padding-top: 10px;
	border-bottom: dotted 1px #996600;
}

.toggle_contents .sub{
	padding-top: 10px;
	color: #C09000;
}


/* ふりがな */
.ruby { 
ruby-align: distribute-space; 
ruby-overhang: auto; 
ruby-position: above; 
}

/*** 共通 ************************************************************************************/

.ttl_main { font-weight: bold; color: #996600; font-size:105%;}
.ln_hght19em { line-height:1.9em;}
.mg15 { margin: 15px 0;}

.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}

.mgr5 { margin-right:5px;}
.mgr10 { margin-right:10px;}
.mgr15 { margin-right:15px;}
.mgr20 { margin-right:20px;}
.mgr25 { margin-right:25px;}

.mgb5 { margin-bottom: 5px;}
.mgb10 { margin-bottom: 10px;}
.mgb15 { margin-bottom: 15px;}
.mgb20 { margin-bottom: 20px;}
.mgb25 { margin-bottom: 25px;}

.mgl5 { margin-left:5px;}
.mgl10 { margin-left:10px;}
.mgl15 { margin-left:15px;}
.mgl20 { margin-left:20px;}
.mgl25 { margin-left:25px;}

.color996600 {
	color:#996600;
}


.choice_sp{
	border: solid 1px #996600;
	padding: 20px;
	margin: 10px 0;
	letter-spacing: 0.1em;
}

.choice_sp li{
	background: url(../images/mark_icon01.gif) 0 4px no-repeat;
	padding-left: 15px;
	margin-bottom: 5px;
}

p.choice_sp_read {
	margin: 0 0 15px 0;
}

h4.choice_sp_ti {
	font-size: 120%;
}

.room_choice_sp  {
	margin-left: 100px;
}

.room_choice_sp li{
	float: left;
}

.qrcode_bn_top {
	background: url(../images/top_bn_qr.gif) 0 0 no-repeat;
	width:200px;
	height:150px;
	margin:0 0 20px 0;
	outline:none;
	text-indent:-9999px;
}

.qrcode_bn_con {
	background: url(../images/common_bn_qr.gif) 0 0 no-repeat;
	width:200px;
	height:90px;
	margin: 20px 0 0 0;
	text-indent:-9999px;
	overflow:hidden;
}

/*.qrcode_bn_con {
	background: url(../images/common_bn_qr.gif) 0 0 no-repeat;
	width:200px;
	height:90px;
	margin: 20px 0 0 0;
	text-indent:-9999px;
	overflow:hidden;
}*/