@charset "utf-8";







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







	base







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







/*------------------------------------------



 @ font size



------------------------------------------*/







/*



10 	77



11 	85



12 	93



13 	100



14 	108



15 	116



16 	123.1



17 	131



18 	138.5



19 	146.5



20 	153.9



21 	161.6



22 	167



23 	174



24 	182



25 	189



26 	197 



*/







/*------------------------------------------



 @ base component



------------------------------------------*/







html {



}







body {



	font-family:"MS PGothic","Osaka",Arial,sans-serif;



	background:#F1EEE7;



}







/*for IE8(YUI Font CSS対応)*/



html>/**/body {



	font-size /*\**/: 81.3%\9;



}







#body {



}







* html body {



	font-family:"MS PGothic","Osaka",Arial,sans-serif;



}







*+html body {



	font-family:"MS PGothic","Osaka",Arial,sans-serif;



}







/*------------------------------------------



 @ link



------------------------------------------*/







a:link 		{color:#663300; text-decoration:none;}



a:visited {color:#663300; text-decoration:none;}



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



a:active 	{color:#663300; text-decoration:none;}











/*------------------------------------------



 @ font size



------------------------------------------*/



.changeFontSizeS #wrapper { font-size: 77%; }







.changeFontSizeM #wrapper {  }







/*for IE8(YUI Font CSS対応)*/



html>/**/body .changeFontSizeM #wrapper {  }







.changeFontSizeL #wrapper { font-size: 108%; }











/*------------------------------------------



 @ wrapper



------------------------------------------*/







#wrapper {



	font-size:93%;



}







/*------------------------------------------



 @ container



------------------------------------------*/







#container{



	width:958px;



	margin:0 auto;



	border-left:#B8B3AD solid 1px;



	border-right:#B8B3AD solid 1px;



}







#contents{



	background:#E6E4D4 url(../img/common/bg_contents.jpg) repeat-x top;



	padding:15px 0 20px 0;



}







/*------------------------------------------



 @ header



------------------------------------------*/



#bg_header {

	padding:0 0 6px;



	background:url(../img/common/bg_mline.jpg) repeat-x 0  bottom;



}



#header{



	background:#FCFBF7 url(../img/common/bg_header.gif) repeat-x bottom;



	overflow:hidden;



}



*:first-child+html #header{



	background:#FCFBF7 url(../img/common/bg_header.gif) repeat-x 0 15px;



	overflow:hidden;



}



#header h1{



	margin:0 13px;



	padding:5px 0;



}







#header .logoarea{



	width:303px;



	height:42px;



	margin:8px 0 0 13px;



	padding:0;



	float:left;



	overflow:hidden;



	display:block;



}



.headNavBox{



	width:615px;



	height:62px;



	float:right;



	text-align:right;



	padding:0px 0 10px 0;



	margin:0 15px 0 0;



	display:block;



	overflow:hidden;



}







.headNavTop p,



.headNavTop ul,



.headNavTop ul li,



.headNavTop form,



.headNavBtm p,



.headNavBtm ul,



.headNavBtm form{



	float:left;



}







.headNavTop{



	height:26px;



	margin-left:0px;



	/*position:relative;*/



}







.headNavTop ul{



	background:url(../img/common/bg_separate_bar.gif) no-repeat right;



	padding:0 0 0 154px;



}



.headNavTop ul.memberTop {



	padding:0 0 0 415px;



}



.headNavTop ul ul{



	padding:0 0 0 12px;



	background:none;



}











.headNavTop ul li{



	background:url(../img/common/bg_separate_bar.gif) no-repeat right;



	padding:0 7px 0 0;



	height:26px;



	font-size:0;



}



.headNavTop ul ul li{



	background:none;



}







.headNavTop ul li img{



	margin:5px 5px 0 12px;



}







.headNavTop ul li li img{



	margin:0 0 0 0;



}







.headNavTop form select{



	width:90px;



	margin:2px 0 0 10px;



	/*position:absolute;



	top:0;



	right:0;*/



	float:left;



	font-size:13px !important;



	overflow:hidden;



}







.headNavTop ul li ul.portalHead{



	margin:0 0 0 12px;



}







.headNavBtm{



	padding:10px 0 0 0;



}







.headNavBtm ul{



	margin:0 0 0 7px;



	font-size:0;



	line-height:0;



}







.headNavBtm ul li{



	display:inline;



	font-size:0;



	line-height:0;



}



.headNavBtm ul li img{



	margin:0;



	padding:0 3px 0 0;



}







.headNavBtm p{



	margin:5px 0 0 14px;



}







.headNavBtm form dl{



	width:270px;



}







.headNavBtm form dl dt input{



	width:198px;



	float:left;



	height:1.3em;



	line-height:1.6;



	font-size:13px !important;



	overflow:hidden;



}



.header_line {



	height:0;



	padding:0 0 6px;



	background:url(../img/common/bg_mline.jpg) repeat-x 0  bottom;

}



/*------------------------------------------



 @ #panBlock



------------------------------------------*/



#panBlock{



	padding:0 20px 15px 20px;



}







/*#panBlock a{



	display: inline-table;



	padding:0 0 10px 0;



	line-height:2em;



}*/







/*------------------------------------------



 @ groupHome



------------------------------------------*/	



.groupHome{



	position:absolute;



	margin:74px 0 0 70px;



	line-height:1;



}



/*------------------------------------------



 @ memberNav



------------------------------------------*/	



#memberNav {
	padding: 0 0 0 4px;
	background: #C8142D;
	font-size:12px;
}



#memberNav li {
	margin: 1px 1px 1px 0;
	float:left;
}

#memberNav li a {
	height: 0px;
	padding:43px 0 0 0;
	overflow:hidden;
	display:block;
}

.m_nav01 {
	background:url(../img/common/btn_navi01.png) 0 0 no-repeat;
}
.m_nav02 {
	background:url(../img/common/btn_navi02.png) 0 0 no-repeat;
}
.m_nav03 {
	background:url(../img/common/btn_navi03.png) 0 0 no-repeat;
}
.m_nav04 {
	background:url(../img/common/btn_navi04.png) 0 0 no-repeat;
}
.m_nav05 {
	background:url(../img/common/btn_navi05.png) 0 0 no-repeat;
}
.m_nav06 {
	background:url(../img/common/btn_navi06.png) 0 0 no-repeat;
}

.m_nav01:hover {
	background:#9A1025 url(../img/common/btn_navi01.png) 0 0 no-repeat;
}
.m_nav02:hover {
	background:#9A1025 url(../img/common/btn_navi02.png) 0 0 no-repeat;
}
.m_nav03:hover {
	background:#9A1025 url(../img/common/btn_navi03.png) 0 0 no-repeat;
}
.m_nav04:hover {
	background:#9A1025 url(../img/common/btn_navi04.png) 0 0 no-repeat;
}
.m_nav05:hover {
	background:#9A1025 url(../img/common/btn_navi05.png) 0 0 no-repeat;
}
.m_nav06:hover {
	background:#9A1025 url(../img/common/btn_navi06.png) 0 0 no-repeat;
}

.m_nav01 a,
.m_nav02 a,
.m_nav03 a {
	width:158px;
}
.m_nav04 a,
.m_nav05 a,
.m_nav06 a {
	width:157px;
}

/*------------------------------------------



 @ memberInfo



------------------------------------------*/	

#memberInfo {

	padding:2px 20px;

	font-size:12px;



}

#memberInfo ul {

	width:820px;

	padding-top:3px;

	float:left;

}

li.m_info01 {

	max-width:300px;

	float:left;

	padding-right:20px;

}



li.m_info02 {

	max-width:182px;

	float:left;

	background:url(../img/common/img_dot.gif) no-repeat 0;

	padding-left:8px;

	padding-right:20px;

}



li.m_info03 {

	max-width:272px;

	float:left;

	background:url(../img/common/img_dot.gif) no-repeat 0;

	padding-left:8px;

	padding-right:10px;

}

li.m_info04 {

	max-width:482px;

	float:left;

	padding-left:8px;

	padding-right:10px;

}





#memberInfo .name {

	font-weight:bold;

}



#memberInfo .status {

	color:#D70731;

	font-weight:bold;

	padding-left:10px;

	white-space:nowrap;

}

#memberInfo .point {

	font-size:0.8em;

	white-space:nowrap;

}



#memberInfo .pointNum {

	color:#D70731;

	font-weight:bold;

	padding-left:10px;

}



#memberInfo .logout {

	float:right;



}





/*------------------------------------------



 @ gnavi



------------------------------------------*/	







#gNav ul{



	margin:0;



	padding:0;



	font-size:0;



	line-height:0;



}







#gNav ul li{



	float:left;



	font-size:0;



	_line-height:0;



}







/*------------------------------------------



 @ mainBlock



------------------------------------------*/







#mainBlock{



	width:675px;



	_width:677px;



	float:right;



	margin:0 19px 0 0;



	_margin:0 9px 0 0;



}







.oneColumn #mainBlock{



	width:920px !important;



	float:none !important;



	margin: 0 auto !important;



}











/*------------------------------------------



 @ sideBlock



------------------------------------------*/







#sideBlock{



	width:225px;



	float:left;



	margin:0 0 0 19px;



	_margin:0 0 0 9px;



}







/*------------------------------------------



 @ sideBlock



------------------------------------------*/







fieldset



{



    display:block;



    padding:15px;



    margin:20px auto;



    border:2px solid #999



}







legend { font-weight:700 }











/**



 * Example select element CSS.



**/



.fixed-select-css,



.unfixed-select-css { width:200px }







#select-styleable



{



    width:300px;



    padding:5px;



    margin:5px;



    border:5px solid #c00



}















/**



 * Overlay CSS.



**/



.select-overlay { background:#fff }







.select-overlay span



{



    display:block;



    float:left;



    clear:both;



    background:transparent url(../img/common/bg-ie-select-width.png) no-repeat 0 0



}











/* Overlay CSS for Internet Explorer 6 and 7 */



.ie6 .select-overlay span,



.ie7 .select-overlay span



{



    width:18px;



    height:22px;



    background-position:0 -20px



}







.ie6 .select-overlay-hover span,



.ie7 .select-overlay-hover span { background-position:-18px -20px }







.ie6 .select-overlay-active span,



.ie7 .select-overlay-active span { background-position:-18px -20px }











/* Overlay CSS for Internet Explorer 8 with no borders or padding */



.ie8 .select-overlay span



{



    width:18px;



    height:20px;



    background-position:0 0



}







.ie8 .select-overlay-hover span { background-position:-18px 0 }







.ie8 .select-overlay-active span { background-position:-18px 0 }











/* Overlay CSS for Internet Explorer 8 with borders and padding */



#select-styleable-container.ie8 .select-overlay span



{



    width:17px;



    height:20px;



    background-position:-36px 0



}







#select-styleable-container.ie8 .select-overlay-hover span { background-position:-53px 0 }







#select-styleable-container.ie8 .select-overlay-active span { background-position:-53px 0 }







/*------------------------------------------



 @ breadcrumbBox



------------------------------------------*/







.breadcrumbBox{



	width:920px;



	margin:0 auto 15px auto;



}







.breadcrumbBox ul li{



	display:inline;



}







/*------------------------------------------



 @ bnnArea



------------------------------------------*/







.bnnArea ul li{



	font-size:0;



	font-weight:0;



	margin:0 0 8px 0;



}



 



/*------------------------------------------



 @ tabBox



------------------------------------------*/











/*------------------------------------------



 @ footer



------------------------------------------*/







#footer .footerNav{

	background:#F2EFE2 url(../img/common/bg_foot_link.gif) repeat-x top;

	padding:10px 20px;

}



#footer .hotellist{

	background:#F2EFE2 url(../img/common/bg_foot_link.gif) repeat-x top;

	padding:10px 20px;

	clear:both;

	display:block;

	overflow:hidden;

}







#footer .footerNav ul li{



	display:inline;



}



#footer .mds_hlist{

	margin-bottom:10px;

	font-size:14px;

	font-weight:bold;

	color: #663300;

}



#footer .box_hlist{

	margin-right:10px;

	margin-bottom:5px;

	width:220px;

	float:left;

}



#footer .box_hlist_r{

	margin-bottom:5px;

	width:220px;

	float:right;

}



#footer .unit_hlist{

	width:200px;

	margin-top:5px;

	margin-bottom:3px;

	padding:2px 0 2px 5px;

	font-size:13px;

	font-weight:bold;

	color: #663300;

}







#footer .hotel_hlist{

	margin-bottom:3px;

	padding-left:5px;

}



#footer .copy{



	background:#E6E4D4 url(../img/common/bg_footer.gif) repeat-x top;



	padding:20px;



	overflow:hidden;



}







#footer .recommended{



	margin-bottom:5px;



}







#footer .copy .copyRight {



	float: left;



	width: 860px;



}







#footer .copy .potalSecom {



	float: left;



	test-align: right;



	padding:0;



	width: 56px;



}







.secom input{



	height: 88px !important;



}







.pageTop{



	clear:both;



	text-align:right;



	margin-bottom:30px;



}







.pageTop a{



	background:url(../img/ico/arrow_square_top.gif) no-repeat 0 center;



	padding-left:12px;



}







/*------------------------------------------



 @ sideBlock



------------------------------------------*/



/*------------------------------------------



 @ flavContBox



------------------------------------------*/







.flavContBox,



.flavTripBox,



.flavTripBox{



	background:#FFF;



	border-left:#C7C4A1 solid 1px;



	border-right:#C7C4A1 solid 1px;



	border-bottom:#C7C4A1 solid 1px;



	margin-bottom:10px;



}







.flavContBox ul,



.flavTripBox ul{



	padding:10px 0 0 0;



}







.flavContBox ul li,



.flavTripBox ul li{



	padding:0 10px;



}







.flavContBox h3,



.flavTripBox h3{



	padding:0;



}







.flavContBox dl,



.flavTripBox dl{



	display:block;



	padding:0 0 15px 0;



}







.flavContBox dt,



.flavTripBox dt{



	padding:0 0 5px 0;



}







.flavContBox dd,



.flavTripBox dd{



	float:left;



	width:80px;



}







.flavContBox dd.flavtxt,



.flavTripBox dd.flavtxt{



	width:120px;



	margin:0 0 0 0px;



}







/*------------------------------------------



 @ booking tab



------------------------------------------*/







#portal.bookingBox{



	background:url(../img/common/btn_spriteTab.jpg) no-repeat;



}



.news,



#newsInfo h2,



#newsUpdate h2 a,



.newsMenu .update2 a,



.newsList {



	background:url(../img/common/btn_spriteTab.jpg) no-repeat;



	overflow: hidden;



}



.mypageList {



	background:url(../img/common/bg_mypagelist.jpg) no-repeat;



	color:#ffffff;

	

	



	overflow: hidden;



}







/* display */



#newsUpdate h2 a,



.newsMenu .update2 a,



.newsMenu .page a,



.newsList dd a  {



	display: block;



}



.bookingBox h2 span,



.news h2 span,



.newsMenu .update2 a span,



.newsMenu .page a span {



	display: none;



}







#newsUpdate {



	margin:0 0 10px;



	float: right;



	overflow:hidden;



}







#newsUpdate h2 {



	width: 113px;



}







#newsUpdate h2 a {



	height: 38px;



	background-position: 0 0;



}







#newsUpdate h2 a:hover { 



	background-position: 0 -38px;



}







#newsUpdate h2 a.active,



#newsUpdate h2 a.active:hover { background-position: 0 -76px; }







#newsUpdate .newsList.active {



	display: block;



}







#newsUpdate select,



#newsUpdate input[type="text"] {



	font-size: 12px !important;



}







.news {



	position: relative;



	/*width: 225px;*/



	background-position: 0 -111px;



}







.bookingBox{



	width: 225px;



	background-position: 0 -111px;



}







.bookingBox h2,



.news h2 {



	height: 38px;



	float: left;



}



ul.newsMenu {



	line-height:0;



	margin:0;



	padding:0;



}



.newsMenu {



	float: left;



}







.newsMenu .update2 {



	width: 112px;



}



.newsMenu .update2 a{



	height: 38px;



}



.newsMenu .update2 a { background-position: -113px 0; }



.newsMenu .update2 a:hover { background-position: -113px -38px; }



.newsMenu .update2 a.active,



.newsMenu .update2 a.active:hover { background-position: -113px -76px; }







#portal .newsList {



	clear: both;



	display: block;



	padding: 10px 10px 0 10px;



	background-position: 0 bottom;



	min-height:320px;



}



.mypageList {



	clear: both;



	display: block;



	padding: 10px 10px 0 10px;



	background-position: 0 bottom;



	min-height:250px;



}



#newsUpdate .newsList {



	display: none;



}



#newsUpdate .newsList.active {



	display: block;



}



#newsUpdate .newsList.active {



	display: block;



}



.newsList dl.first {



	background: none;



}







/*--- booking ---*/



#tabBody1,

#tabBodyTop{



	position:relative;



}







#tabBody1 form{



	width:205px;



	overflow:hidden;



}



#tabBodyTop form{



	width:205px;



	overflow:hidden;



}







#tabBody1 dl,



#tabBodyHotel dl,

#tabBodyTop dl{



	padding:0 0 8px 0;



}







#tabBody1 dl dt,

#tabBodyTop dl dt{



	margin:0 0 3px 0;



}







#tabBody1 p,



#tabBodyHotel p,

#tabBodyTop p{



	padding:0 0 10px 0;



}



#tabBodyTop p.login{



	padding:0 0 5px 0;

	font-size:12px;



}



#tabBodyTop p.top_notice{



	font-size:10px;



}







#tabBody1 p input{



	width:150px;



	margin:0 27px 0 28px !important;



	text-align:center !important;



}



.loginbox a{



	padding-left:8px;



	padding-right:6px;



	background:url(../img/ico/icon_arrow_white.gif) 0 2px no-repeat;



	font-size:0.8em;



}



.loginbox a:visited,

.loginbox a:link{

	color:#ffffff !important;

	text-decoration:none;

}



.loginbox .btnlogin,

.btnpass{



	text-align:center;



}



.dLine{



	position:absolute;



	top:12px;



	right:5px;



}







body#portal #tabBody2{



	padding:0;



	margin:0;



	/*padding:20px 0 15px 0;*/



	/*background:url(../img/common/img_map.gif) right bottom no-repeat;*/



	width:224px;



	height:340px;



	zoom:1;



}



@media screen and (max-device-width: 1024px) {



	body#portal #tabBody2{



		font-size:0.9em;



	}



}



#portal #tabBody2 h3{



	padding:5px 10px;



	background:#801428;



	color:#FFF;



}



#portal #tabBody2 .loginbox{



	padding:10px;



}



#portal #tabBody2 .loginbox .ttl{



	font-size:1.1em;



	font-weight:bold;



}







#portal #tabBody2 .loginbox a{



	padding-left:8px;



	padding-right:6px;



	background:url(../img/ico/ico_arrow.jpg) 0 2px no-repeat;



	font-size:0.8em;



}







#portal #tabBody2 .loginbox .btnlogin{



	margin:10px 0;



	text-align:center;



}







.mapPosBox{



	position:relative;



}







dl.bookCheckBox dt p{
	margin:0 0 0 0 !important;
	padding:0 0 5px 0 !important;
}



dl.bookCheckBox dt p.floL{
	padding:3px 0 5px 0 !important;
}

dl.bookCheckBox dd{
	float:left;
	margin:0 1px 0 0;
}

dl.bookCheckBox dd.bookCheckSelect{
	width:200px;
	overflow:hidden;
}

.mobInfoBox{
	background:#FFF;
	border-top:#C7C4A1 solid 1px;
	border-left:#C7C4A1 solid 1px;
	border-right:#C7C4A1 solid 1px;
	border-bottom:#C7C4A1 solid 1px;
	padding:0 8px 8px 13px;
}

.mobInfoBox dl{
	float:left;
	width:150px;
	padding:13px 0 0 0;
}

.mobInfoBox dl dt{
	margin:0 0 5px 0;
}

.mobInfoBox p{
	float:right;
	padding:12px 0 0 0;
}

.recRestBox{
	background:#FFF;
	border-top:#C7C4A1 solid 1px;
	border-left:#C7C4A1 solid 1px;
	border-right:#C7C4A1 solid 1px;
	border-bottom:#C7C4A1 solid 1px;
	padding:8px 13px 8px 13px;
	text-align:center;
}

.recRestBox p{
	width:186px;
	margin:0px 0 8px 0;
	padding:3px 0 3px 6px;
	border:#948A54 solid 2px;
	text-align:left;
	font-weight:bold;
}

.recRestBox ul{
	list-style:none;
}

.recRestBox li{
	text-align:left;
}

.bnnInfoBox{
	margin:0 0 15px 0;
}



.bnnInfoBox ul li{



	font-size:0;



	line-height:0;



}







.exclusiveBox,



.featBox,



.membersClubBox,



.membersClubBox2,



.membersClubBox3 {



	margin:0 0 10px 0;



}



.bottomBox{

	margin:10px 0 10px 0;

	text-align:center;

}





.exclusiveBox ul li,



.serviceBox ul li,



.bottomBox ul li{



	font-size:0;



	line-height:0;



	margin:0 0 8px 0;



}







.bookCheckBox{



	padding:10px 0 0 0;



}







.bookConfBox{



	padding:5px 0 0 0;



	margin:0 0 3px 0;



}



.bookConfBox p{



	float:left;



}



.bookConfBox p img{



	padding:4px 0 0 0;



}



.bookConfBox span{



	float:right;



}



/*--20110613 tsunose add--*/



.hhdGroupBox p{



	margin:15px 0 5px 2px;



}



.hhdGroupBox ul{



	background:#FFF;



	border:#C7C4A1 solid;



	border-width:0 1px 1px 1px;



}







.hhdGroupBox ul li{



	padding:4px 0 4px 5px;



	border-top:#C7C4A1 1px solid;



}



.hhdGroupBox ul li img{



	margin:0 3px 0 0;



	vertical-align:middle;



}



/*--20110613 tsunose add END--*/







.membersClubBox dl{



	background:url(../img/common/bg_members_club.gif) no-repeat;



	padding:155px 19px 0 19px;



	font-size:10px;



}







.membersClubBox dl dt{



	line-height:1;



	padding-bottom:3px;



}







.membersClubBox dl dd{



	line-height:1;



	padding-bottom:14px;



}



.membersClubBox2 dl{



	background:url(../../hotellist/img/bg_members_club.gif) no-repeat;



	padding:133px 10px 0 10px;



	font-size:10px;



}







.membersClubBox2 dl dt{



	line-height:1;



	padding-bottom:29px;



}







.membersClubBox2 dl dd{



	line-height:1;



	padding-bottom:7px;



}



.membersClubBox3 dl{



	background:url(../img/common/bg_members_club.jpg) no-repeat;



	padding:159px 21px 0 25px;



	font-size:10px;



}



.membersClubBox3 dl dd{



	line-height:1;



	padding-bottom:15px;



}







/*------------------------------------------



 @ map



------------------------------------------*/







ul#mapBlock{



	font-size:0;



	line-height:0;



	margin:0;



	padding:0;



}



ul#mapBlock li{



	font-size:0;



	line-height:0;



	margin:0;



	padding:0;



}







.tohoku{



	position:absolute;



	top:74px;



	left:175px;



}



.kanto{



	position:absolute;



	top:137px;



	left:158px;



}



.kanagawa{



	position:absolute;



	top:129px;



	left:170px;



}



.hokuriku{



	position:absolute;



	top:70px;



	left:34px;



}



.kyoto{



	position:absolute;



	top:23px;



	left:10px;



}



.kinki{



	position:absolute;



	top:98px;



	left:63px;



}



.shikoku{



	position:absolute;



	top:172px;



	left:68px;



}



.kyusyu{



	position:absolute;



	top:195px;



	left:6px;



}



.tyugoku{



	position:absolute;



	top:112px;



	left:13px;



}



.tokai{



	position:absolute;



	top:182px;



	left:118px;



}











/*------------------------------------------



 @ pagingBlock



------------------------------------------*/



/*------------------------------------------



 @ entertainBlock infoBlock shopBlock



------------------------------------------*/







.entertainBlock,



.infoBlock{



	margin:0 0 20px 0;



	padding:10px 0 5px 0;



	background:#F1EEE7;



	border:#C7C4A0 solid 1px;



}







.onlineBlock{



	margin:0 0 20px 0;



	padding:10px 0 5px 0;



	background:#F1EEE7;



	border:#C7C4A0 solid 1px;



}



.entertainBlock h2,



.infoBlock h2,



.onlineBlock h2{



	background:url(../img/common/bg_line01.gif) repeat-x bottom;



	margin:0 0 5px 0;



	padding:0 10px 10px 10px;



}







.bgEntertain{
	width:632px;
	margin:0 auto;
	padding:12px 16px;
	background:#FFF;
}
.bgEntertain dl dd a{
	padding-left:10px;
	display:block;
}
.bgEntertain dl{
	width:300px;
	float:left;
	margin:0;
}
.bgEntertain dl:first-of-type{
	padding:0 15px 0 0;
	border-right:dotted 1px #CECF95;
}
.bgEntertain dl:last-of-type{
	padding:0 0 0  16px;
}

.bgEntertain dl dt{
	margin:0 0 7px;
}
.bgEntertain dl dd a{
	margin:0 0 5px;
}

.bgEntertain_member {
	width:632px;
	margin:0 auto;
	padding:12px 16px;
	background-color:#FFF;
}
.bgEntertain_member dl.left {
	width:306px;
	float:left;
	padding:0 0 20px;
}
.bgEntertain_member dl.right {
	width:306px;
	float:right;
	padding:0 0 20px;
}
.bgEntertain_member dl dt {
	float:left;
}
.bgEntertain_member dl dd {
	width:206px;
	padding:0 0 5px 10px;
	float:left;
}
.bgEntertain_member dl dd a {
	padding-left:10px;
	float:left;
	background:url(../../hotel/common/img/red/ico_arrow.gif) no-repeat 0 0.4em;
}



.bgShop{



	width:664px;



	margin:0 auto;



	padding:12px 0;



	background:url(../img/top/bg_shop.gif) repeat-y;



	overflow:hidden;



}







.shopBox{



	width:136px;



	margin:0 15px;



	float:left;



}



.shopBox_r{



	width:136px;



	margin:0 0 0 15px;



	float:left;



}



.shopBox p,



.shopBox_r p{



	margin:5px 0 0 0;



	font-weight:bold;



}



a.shopLink{



	margin:0;



	padding: 0 0 0 10px;



	background:url(../img/top/arrow02.gif) no-repeat 0 2px;



	display:block;



}



.shopBox .price,



.shopBox_r .price{



	display:block;



	text-align:right;



}







.bgInfo{



	width:640px;



	margin:0 auto;



	padding:3px 12px 12px 12px;



	background:#FFF;



}







.bgInfo dl{



	background:url(../img/common/bg_dotline01.gif) repeat-x bottom;



	margin:10px 0 0 0;



	padding:0 0 3px 0;



}







.bgInfo dl dt,



.bgInfo dl dd{



	float:left;



}







.bgInfo dl dd{



	margin:0 0 0 12px;



	width:7.7em;



	white-space:nowrap;



	padding-bottom:4px;



}







.bgInfo dl dd.infoTxt{



	width:400px;



	white-space:normal;



}







.bgInfo dl dd.infoTxt a{



	padding-left:10px;



	display:block;



}







.infoBlock{



	position:relative;



}







.viewAll_s{



	position:absolute;



	right:8px;



	_right:28px;



	top:6px;



}







/* newlayout */











.infoBlock_top {



	margin:20px 0 0;



	padding:10px 0 5px 0;



	background:#F1EEE7;



	border:#C7C4A0 solid 1px;



}







.infoBlock_top h2 {



	background:url(../common/img/common/bg_line01.gif) repeat-x bottom;



	margin:0 0 5px 0;



	padding:0 10px 10px 10px;



}







.infoBlock_top h2.txt {



	margin:0 0 5px 10px;



	padding:0 0 0 10px;



	font-size:1.2em;



	font-weight:bold;



	border-left:4px #D70831 solid;



}







.infoBlock_top {



	position:relative;



}







.bgInfo_newlay{



	width:640px;



	margin:0 auto;



	padding:3px 12px 12px 12px;



	background:#FFF;



}







.bgInfo_newlay dl{



	background:url(../img/common/bg_dotline01.gif) repeat-x bottom;



	margin:10px 0 0 0;



	padding:0 0 3px 0;



}







.bgInfo_newlay dl dt{



	text-align:center;



	float:left;



}







.bgInfo_newlay dl dt img{



	margin:0 0 2px;



}







.bgInfo_newlay dl dd{



	margin:0 0 0 12px;



	width:52px;



	white-space:nowrap;



	padding-bottom:10px;



	float:left;



}







.bgInfo_newlay dl dd.infoTxt{



	width:452px;



	padding:0 0 10px 0;



	white-space:normal;



}







.bgInfo_newlay dl dd.infoTxt img{



	vertical-align:middle;



}







.bgInfo_newlay dl dd.infoTxt a{



	padding-left:10px;



	display:block;



}







.bgInfo_newlay dl dd.infoTxt a.press{



	background:none;



}







/* RSS */







.viewAll_s_rss {



	position:absolute;



	left:79px;



	top:6px;



}







.viewrss {



	position:absolute;



	right:8px;



	_right:28px;



	top:6px;



}







.viewrss_event {



	float:right;



	padding:0 0 10px 0;



}







.viewrss_stay {



	float:right;



}







.viewrss_rest {



	position:absolute;



	top:11px;



	right:10px;



	_right:40px;



}







/*------------------------------------------



 @ table



------------------------------------------*/







/*--- tbStyle01 ---*/







table.tbStyle01{



	width:100%;



	height:auto;



	margin:0 0 15px 0;



	padding:0;



	border-collapse:collapse;



}







table.tbStyle01 tr td,



table.tbStyle01 thead tr td{



	padding:3px;



}







table.tbStyle01 thead th{



	background-color:#9F9F9F;



	border-bottom:1px solid #ccc;



	border-right:1px solid #ccc;



	text-align: left;



	padding:0 10px;



	color:#FFFFFF;



	padding:5px;



}







table.tbStyle01 thead th.tbnoBg{



	background: none;



}







table.tbStyle01 thead td{



	background-color:#9F9F9F;



	border-bottom:1px solid #ccc;



	text-align:left;



	padding:0 0 0 10px;



	font-weight:bold;



	color:#FFFFFF;



}







table.tbStyle01 tbody th{



	font-weight:normal;



	text-align:left;



	padding:5px 10px 5px 5px;



	border-bottom:1px solid #ccc;



	background:#F3F3F8;



}







table.tbStyle01 tbody td{



	border-bottom:1px solid #ccc;



	padding:5px 0 5px 10px;



	text-align:center;



}







/*--- tbStyle02  tbStyle03 ---*/







table.tbStyle02,



table.tbStyle03{



	width:100%;



	height:auto;



	margin:0 0 15px 0;



	padding:0;



	border-collapse:collapse;



}







table.tbStyle02 tr td,



table.tbStyle02 thead tr td,



table.tbStyle03 tr td,



table.tbStyle03 thead tr td{



	padding:3px;



}







table.tbStyle02 thead th,



table.tbStyle03 thead th{



	background-color:#9F9F9F;



	border-bottom:1px solid #ccc;



	border-right:1px solid #ccc;



	text-align: left;



	padding:0 10px;



	color:#FFFFFF;



	padding:5px;



}







table.tbStyle02 thead th.tbnoBg,



table.tbStyle03 thead th.tbnoBg{



	background: none;



}







table.tbStyle02 thead td,



table.tbStyle03 thead td{



	background-color:#9F9F9F;



	border-bottom:1px solid #ccc;



	text-align:left;



	padding:0 0 0 10px;



	font-weight:bold;



	color:#FFFFFF;



}







table.tbStyle02 tbody th{



	width:36%;



	font-weight:normal;



	text-align:left;



	padding:5px 10px 5px 5px;



	border-bottom:1px solid #ccc;



	background:#F3F3F8;



}







table.tbStyle03 tbody th{



	width:18%;



	font-weight:normal;



	text-align:left;



	padding:5px 10px 5px 5px;



	border-bottom:1px solid #ccc;



	background:#F3F3F8;



}







table.tbStyle02 tbody td,



table.tbStyle03 tbody td{



	border-bottom:1px solid #ccc;



	padding:5px 0 5px 10px;



	text-align:left;



}







/*--- tbStyle04 ---*/







table.tbStyle04{



	width:100%;



	background:url(../img/common/bg_dotline01.gif) 0 top repeat-x;



	margin-bottom:10px;



}







table.tbStyle04 th{



	font-weight:bold;



	width:120px;



}







table.tbStyle04 th,



table.tbStyle04 td{



	padding:10px 13px;



	vertical-align:top;



	background:url(../img/common/bg_dotline01.gif) 0 bottom repeat-x;



}







table.tbStyle04 td table th,



table.tbStyle04 td table td{



	padding:5px;



	background:none;



}







table.tbStyle04 td table th{



	white-space:nowrap;



	width:auto;



	font-weight:normal;



}







.tbStyle04Inn th{



	padding-left:0 !important;



	margin-left:0;



}







.tbStyle04Inn td{



	text-align:right;



}







/*--- tbStyle05 ---*/







table.tbStyle05{



	margin:0 auto 10px;



	background:#CCCCCC;



	border-collapse:separate !important;



	border-spacing:1px !important;



}







table.tbStyle05 th{



	width:230px;



	background:#EEEEEE;	



}







table.tbStyle05 td{



	background:#FFFFFF;



}







table.tbStyle05 th,



table.tbStyle05 td{



	padding:6px 20px;



	vertical-align:top;



}







table.tbStyle05 td table th,



table.tbStyle05 td table td{



	padding:5px;



	background:none;



}







/*--- tbStyle06 ---*/







table.tbStyle06{



	width:100%;



	margin:0 auto 30px;



	background:#CCCCCC;



	border-collapse:separate !important;



	border-spacing:1px !important;



}







table.tbStyle06 th{



	background:#F1EEE7;



}







table.tbStyle06 td{



	background:#FFFFFF;



}







table.tbStyle06 th,



table.tbStyle06 td{



	padding:10px 15px;



	vertical-align:top;



}







/*--- tbStyle07 ---*/







table.tbStyle07{



	margin:0 auto 25px;



	background:#CCCCCC;



	border-collapse:separate !important;



	border-spacing:1px !important;



}







table.tbStyle07 th{



	width:220px;



	background:#EEEEEE;	



}







table.tbStyle07 td{



	background:#FFFFFF;



}







table.tbStyle07 th,



table.tbStyle07 td{



	padding:10px 12px;



	vertical-align:top;



}







/*------------------------------------------



 @ ico



------------------------------------------*/


.event_word li a,


.category_nav a,


.topSearchFitBox h4 a,



.topSearchResultBox dl dt a,



.recommendListBlock dl dt a,



.topTravelBox h4 a,



.topSpecialBox h4 a,



.hotelSelecBlock dl dt a,



.potalTopicsBlock dl dd a,



.bgInfo dl dd.infoTxt a,



.bgInfo_newlay dl dd.infoTxt a,



.bgEntertain dl dd a,



.bgShop dl dd a,



.specialSec dl dd a,



.compBox a,



.bookingBox p.btnConfcan a,



#privateBox a,



.topSelectBox dl dt a,



.planListBox dl dt a,



.companyTopBlock ul li a,



.groupTopBox p a,



.groupBox p a,



.groupTopSupportBox p a,



.companyServBox ul li ul.companyServBoxUl02 li a,



.recruitSecBox ul li,



.sitemapBox ul li a span,



.sitemapBox ul li ul li a span,



.errorBlock p a,



.groupContactBox dl dt a,



.giftCouponSec ul li a,



#importantMesBlock a,



.groupRemmBox p a,



.bridalHListBlock ul li dl dd a,



.bridalTopStyle dd a,



.bridalTopSearch dl dd a,



.bridalHPlanBlock ul li a,



.bridalOplanBlock h4 a{



	background:url(../../hotel/common/img/red/ico_arrow.gif) no-repeat 0 0.4em;



}







/*------------------------------------------



 @ thumb hober



------------------------------------------*/







.topSearchFitBox ul li a:hover img,



.topSearchResultBox ul li a:hover img,



.recommendListBlock ul li a:hover img,



.topTravelBox ul li a:hover img,



.topSpecialBox ul li a:hover img,



.hotelSelecBlock ul li div.floL a:hover img,



.topSelectBox ul li a:hover img,



.planListBox ul li a:hover img,



.chengeItemPointBox ul li a:hover img,



.bridalTopSearch dl dt a:hover img,



.bridalOplanBlock dl dt a:hover img{



	border:#A31837 solid 1px;



	padding:5px;



}







/*------------------------------------------



 @ h



------------------------------------------*/



.groupSecBox h3,



.groupSecBox h4,



.recruitSecBox h4,



.groupBoxH5,



.groupRemmBlock h5,



.bridalHPriceBlock,



.bridalHMemBlock h3{



	border-left:4px solid #A31837;



	background:url(../img/common/bg_dotline01.gif) repeat-x 0 bottom;



}







/*------------------------------------------



 @ page



------------------------------------------*/



/*------------------------------------------



 @ .pointBlock



------------------------------------------*/







.pointBlock{



	clear:both;



	margin:20px 0 20px 0;



	padding:0 0 4px 0;



	background:#F1EEE7;



	border:#C7C4A0 solid 1px;



}







.pointBlock h4{



	font-weight:bold;



	padding: 8px 0 4px 10px;



	font-size:120%;



}







.pointBox{



	width:592px;



	margin:4px auto 0;



	padding:12px 16px;



	background:#FFFFFF;



}







.pointBox:after{



   content: ".";



   display: block;



   clear: both;



   height: 0;



   visibility: hidden;



}







.pointBox { display: inline-block;}







/* exlude MacIE5 \*/







* html .pointBox { height: 1%; _height: 0; }







.pointBox {display:block;}







/* end MacIE5 */







.pointBox dl{



	float:left;



	width:450px;



}







.pointBox dl dt{



	font-weight:bold;



	font-size:120%;



	margin-bottom:5px;



}







.pointBox hr{



	clear:both;



	color:#C7C4A0;



	border-width:1px 0px 0px 0px;



	border-style: solid;



	height:1px;



	margin-bottom:15px;



}







.pointBox p{



	color:#B7183A;



	font-weight:bold;



	font-size:120%;



}







.pointBox p img{



	vertical-align:middle;



	margin: 0 12px 8px 0;



}







.pointBox .pointNote{



	clear:both;



}







.pointBox .pointNote p{



	margin-top:12px;



	padding:12px 6px 0;



	border-top:1px dotted #DFDED1;



	color:#333333;



	font-weight:normal;



	font-size:100%;



}







/*------------------------------------------



 @ .contactBox



------------------------------------------*/







.contactBox .state{



	margin:0 0 15px;



}







.contactBox p{



	margin:0 15px 15px;



}







.contactBox .require{



	text-align:right;



	margin:0;



}







.contactBox th{



	vertical-align:top;



	padding:15px 10px;



}







.contactBox .telephone th {



	vertical-align:top;



	width:240px;



	padding:15px;



}







.contactBox td{



	padding:15px 0 15px 15px;



}







.contactBox td img{



	vertical-align:middle;



}







.contactBox span.red{



	padding-left:5px;



	color:#CC0000;



}







.contactBox input[type="text"],



.contactBox input[type="radio"],



.contactBox input[type="checkbox"]{



	display:inline-block;



	/display:inline;/*IE7以下*/



	/zoom:1;/*IE7以下*/



	height:16px;



	vertical-align:middle;



	margin: 0 15px 0 4px;



}







/*add 101006*/



.contactBox form .tableNormalL th{



	width:160px;



}







.contactBox form .tableNormalL input,



.contactBox form .tableNormalL textarea{



	max-width:430px;



}







.contactBox .formList label{



	display:inline-block;



	margin:3px 0 0 0;



	vertical-align:top;



}







.contactBox .tableNormalL .formList label span.cntFomLabel{



	padding-top:0;



}



/*add_end 101006*/







.contactBox input.inputShort{ width:100px;}



.contactBox input.inputLong{ width:395px;}



.contactBox input.inputMiddle{ width:180px;}







.contactBox input.inputShort,



.contactBox input.inputMiddle,



.contactBox input.inputLong{



	padding:3px;	



	border:#CCC 1px solid;



}







.contactBox input.zipCode {



	width:78px;



	margin-right:4px;



}







.contactBox input.radio,



.contactBox input.check{



	margin-right:2px;



	border:none;



}







.contactBox label.radio{



	display:inline-block;



	/display:inline;/*IE7以下*/



	/zoom:1;/*IE7以下*/



	margin:3px 0 0 0;



	vertical-align:top;



}







input.inputBtn{



	padding:4px 10px;



	height:auto;



	margin-right:0;



}







.contactBox textarea{



	margin:3px;



	padding:3px;



	border:#CCC 1px solid;



}







.contactBox #contactBtnArea {



	text-align:center;



	margin:25px 0 20px;



}







.contactBox #contactBtnArea img{



	cursor: pointer;



}







.contactBox #contactBtnArea li{



	display:inline;



	margin-right:10px;



}







.btnContact{



	text-align:center;



	margin:15px auto; 



}







.contactBox .attention{



	margin:40px 0 50px 30px;



	text-indent:-1em;



}







input.active{



	ime-mode: active;



}







input.inactive{



	ime-mode: inactive;



}







/*------------------------------------------



 @ #importantMesBlock



------------------------------------------*/







#importantMesBlock{



    margin:20px 0;



    background:#FFFFFF;



}







.importantMesBox{



    /*border:2px solid #CE1A3D;*/



    border:1px solid #C7C4A0;



    padding:10px 12px;



}







#importantMesBlock h2{



    font-weight:bold;



    /*color:#A71738;*/



    color:#333333;



    font-size:120%;



    margin-bottom:5px;



}







#importantMesBlock a{



    padding-left:10px;



    display:block;



    background-position:0 0.3em;



}







#importantMesBlock a img{



    padding: 0 4px 4px;



    vertical-align:middle;



}







#importantMesBlock a span{



    color:#666666;



}







#importantMesBlock dl dd.infoTxt a.press{ 



    background:none; 



}







/* 20121001 kitamura update */







#importantMesBlock .important dl{



	background:url(../img/common/bg_dotline01.gif) repeat-x bottom;



	margin:10px 0 0 0;



	padding:0 0 3px 0;



}







#importantMesBlock .important dl dt{



	width:52px;



	padding: 0 15px 10px 0;



	float:left;



}







#importantMesBlock .important dl dd{



	padding:0;



	margin:0;



	float:left;



}







#importantMesBlock .important dl dd.infoTxt{



	width:572px;



	padding:0 0 10px 0;



	white-space:normal;



}







#importantMesBlock .important dl dd.infoTxt img{



	vertical-align:middle;



	padding:0;



	margin:0;



}







#importantMesBlock .important dl dd.infoTxt a{



	padding-left:10px;



	display:block;



}







#importantMesBlock .important dl dd.infoTxt a.press{



	background:none;



}







/*------------------------------------------



 @ #hiddenHotelQrBox



------------------------------------------*/



#sideBlock .noshow{



	display:none;



}







#TB_ajaxContent .hiddenQr{



	margin:10px 0 20px;



	text-align:center;



}







#TB_ajaxContent .layerPageBtn p{



	text-align:center;



}















/*------------------------------------------



 @ common



------------------------------------------*/







.borderTop5px{



	border-top:5px solid #A09C79;



}











/* nishiyama add 20130308 */



#sideBlock .member_btnare{



	width:205px;



	height:49px;



	margin:0;



	padding:9px;



	background: #F3F3F3;



	border-left: #C7C4A1 solid 1px;



	border-right: #C7C4A1 solid 1px;



	border-bottom: #C7C4A1 solid 1px;



}







#sideBlock .member_btnare_portal{



	width:205px;



	height:50px;



	margin:0;



	padding:9px;



	background: #F3F3F3;



	border-left: #C7C4A1 solid 1px;



	border-right: #C7C4A1 solid 1px;



	overflow:hidden;



}







#sideBlock .memberlog_area {



	margin:0 0 10px 0;



	background: #F3F3F3;



	border:1px solid #C7C4A1;



}



#sideBlock .memberlog_area h2 {



	border-bottom:1px solid #C7C4A1;



}







#sideBlock .memberlog_area ul {



	padding:0 0 9px 0;



	margin:0;



}



#sideBlock .memberlog_area li {



	width:205px;



	height:40px;



	padding:9px 9px 0 9px;



	margin:0;



}















.thema_word{



	margin: 0 10px;



	padding:0;



}















.sp_link_box .sp_link{



	width:820px;



	margin:20px auto;



	padding:0px;



	background:  -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #AE1E39), color-stop(0.00, #C31D3C)) #C31D3C;



	background: -moz-linear-gradient(top, #C31D3C 0%, #AE1E39 100%) #C31D3C;



	background: #C31D3C;



	border:solid 1px #333333;



	border-radius: 8px;



	-webkit-border-radius:8px;



	-moz-border-radius:8px;



}



.sp_link_box .sp_link a{



	display:block;



	width:800px;



	padding:20px 10px;



	background:url(../../smart/img/arrow_r_w.png) no-repeat 98% 50%;



	background-size:15px;



	box-shadow: 0px 0px 1px #999;



	font-family:"ヒラギノ角ゴ Pro W3";



	font-size:45px;



	color:#ffffff !important;



	text-align:center;



	text-decoration:none;



}



















/*------------------------------------------



 @ お知らせタブ



------------------------------------------*/



ul#news_tab{



	width:635px;



	margin:20px 0 0 0;



	overflow:hidden;



}



ul#news_tab li{



	width:127px;



	margin:0 0 2px;



	text-align:center;



	float:left;



	display:block;



}



ul#news_tab li a{



	width:123px;



	padding:5px 0;



	border: #C7C4A1 solid 1px;



	background:#FBF9F5;



	color:#333;



	display:block;



	text-decoration:none;



}



ul#news_tab li a:hover,



ul#news_tab li a.active{



	width:123px;



	padding:5px 0;



	border: #B0AE8C solid 1px;



	background:#D8CDAB;



	color:#333;



	display:block;



}