@charset "utf-8";

/*=========================================================================
use :
common to this site / format
target :
The whole of this site
=========================================================================*/



/*
HEADER
-------------------------------------------------------------------------*/
#HEADER{
	position:relative;
	margin:0;
	padding:0;
	width:970px;
	height:121px;
	border-bottom:3px solid #c61422;
	/*background:url(/common/images/header/bg01.jpg) no-repeat 0 0;*/
}
/*logo
--------------------------------------------------*/
#HEADER .logoArea{
	float:left;
	margin:21px 0 0;
	width:320px;
}
#HEADER .logoArea .text h1{
	margin:0 0 0 45px;
	font-weight:normal;
	color:#666;
}
#HEADER .logoArea .text .titsub{
	margin:0 0 0 45px;
	font-weight:normal;
	color:#666;
}

#HEADER .logoArea .logo{
	margin:3px 0 0;
	width:307px;
	height:33px;
	background:url(/common/images/header/logo.gif) no-repeat 0 0;
}
#HEADER .logoArea .logo a{
	position:relative;
	display:block;
	width:307px;
	height:33px;
}
#HEADER .logoArea .logo span{
	display:block;	
	position:absolute;
	top:-5000px;
	left:-5000px;
}
/*utility
--------------------------------------------------*/
#HEADER .utility{
	float:right;
	width:645px;
	text-align:right;
}
/*language
--------------------------------------------------*/
#HEADER .language{
	float:right;
	height:28px;
}
#HEADER .language li{
	float:left;
	margin:0;
	padding:14px 6px 0;
}
#HEADER .language li a{
	display:block;
	height:12px;
}
#HEADER .language li a span{
	display:block;	
	position:absolute;
	top:-5000px;
	left:-5000px;
}
#HEADER .language .lngKorea a{
	background:url(/common/images/header/btn_lng_korea.gif) no-repeat 0 0;
	width:30px;
}
#HEADER .language .lngChinaTrad a{
	background:url(/common/images/header/btn_lng_china_trad.gif) no-repeat 0 0;
	width:42px;
}
#HEADER .language .lngChinaSimple a{
	background:url(/common/images/header/btn_lng_china_simple.gif) no-repeat 0 0;
	width:43px;
}
#HEADER .language .title{
	margin-left:15px;
	border-left:3px solid #c61422;
}
* html body #HEADER .language .title{
	margin-left:11px;
}
#HEADER .language .search{
	padding:8px 0 0 6px;
}
#HEADER .language input{
	margin:0;
	padding:0;
	vertical-align:middle;
	color:#cbcbcb;
}
#HEADER .language .textBox{
	width:129px;
	color:#cbcbcb;
}
#HEADER .language .textBoxOn{
	width:129px;
	color:#000;
}
#HEADER .language .button{
	margin:0 0 0 3px;
}
/*middle
--------------------------------------------------*/
#HEADER .middle{
	float:right;
	width:460px;
}
/*links
--------------------------------------------------*/
#HEADER .links{
	float:left;
	padding:0;
	width:390px;
}
/*user
--------------------------------------------------*/
#HEADER .user{
	float:right;
	margin:7px 0 0;
	padding:3px 0 0;
}
#HEADER .user li{
	float:left;
	padding:0 0 0 8px;
}
#HEADER .user .sti{
	color:#666;
}
/*misc
--------------------------------------------------*/
#HEADER .misc{
	float:right;
	margin:3px 0 0;
}
#HEADER .misc li{
	float:left;
	margin:0;
	padding:0 10px;
	border-right:1px dotted #8c8c8c;
}
#HEADER .misc .rightEnd{
	padding:0 0 0 5px;
	border-right:0 none;
}
#HEADER .misc a{
	color:#666;
	text-decoration:none;
}
#HEADER .misc a:hover{
	color:#c61422;
}
/*group
--------------------------------------------------*/
#HEADER .group{
	float:right;
	margin:7px 0 0;
	padding:0 0 0 7px;
	width:49px;
	border-left:1px solid #d2d2d2;
}
#HEADER .group li{
	padding:0;
	width:49px;
	height:47px;
	background:url(/common/images/header/btn_group.gif) no-repeat 0 0;
}
#HEADER .group li a{
	display:block;
	padding:0;
	width:49px;
	height:47px;
}
#HEADER .group li a span{
	display:block;	
	position:absolute;
	top:-5000px;
	left:-5000px;
}
/*navi
--------------------------------------------------*/
#HEADER .navi{
	position:absolute;
	top:87px;
}
#HEADER .navi li{
	float:left;
	padding:0;
}
#HEADER .navi li a{
	display:block;
	height:34px;
}
#HEADER .navi li a span{
	display:block;	
	position:absolute;
	top:-5000px;
	left:-5000px;
}
#HEADER .navi .nv01 a{
	background:url(/common/images/header/nv01.gif) no-repeat 0 0;
	width:107px;
}
#HEADER .navi .nv02 a{
	background:url(/common/images/header/nv02.gif) no-repeat 0 0;
	width:156px;
}
#HEADER .navi .nv03 a{
	background:url(/common/images/header/nv03.gif) no-repeat 0 0;
	width:171px;
}
#HEADER .navi .nv04 a{
	background:url(/common/images/header/nv04.gif) no-repeat 0 0;
	width:181px;
}
#HEADER .navi .nv05 a{
	background:url(/common/images/header/nv05.gif) no-repeat 0 0;
	width:156px;
}

#HEADER .navi li a.cur,
#HEADER .navi li a:hover{
	background-position:0 -34px;
}

/*
HEADER variation
-------------------------------------------------------------------------*/
#HEADER.simple {
	height:90px;
}
#HEADER.simple div.supplementation {
	width:970px;
	height:90px;
	/*background:url(/common/images/header/bg02.gif) no-repeat left bottom;*/
}
#HEADER.simple div.supplementation .text {
	padding-left:45px;
	color:#666666;
}


/*
RIGHT_SUB
-------------------------------------------------------------------------*/
#RIGHT_SUB{
	float:right;
	margin:30px 0 0;
	padding:0 0 20px;
	width:160px;
}
#RIGHT_SUB .mail{
	padding:1px 0;
	background:#d3d3d3;
	text-align:center;
	font-weight:bold;
	color:#641610;
}
#RIGHT_SUB h3{
	width:160px;
	height:38px;
}
#RIGHT_SUB h3 span{
	display:block;	
	position:absolute;
	top:-5000px;
	left:-5000px;
}
#RIGHT_SUB .h3HotelNews{background:url(/common/images/right_sub/h3_hotelnews.gif) no-repeat 0 0;}
#RIGHT_SUB .h3Rank{background:url(/common/images/right_sub/h3_ranking.gif) no-repeat 0 0;}
#RIGHT_SUB .h3Articles{background:url(/common/images/right_sub/h3_articles.gif) no-repeat 0 0;}
#RIGHT_SUB .h3SpecialPr{background:url(/common/images/right_sub/h3_specialpr.gif) no-repeat 0 0;}
#RIGHT_SUB .h3Japanican{background:url(/common/images/right_sub/h3_japanican.gif) no-repeat 0 0;}
#RIGHT_SUB .h3Features{background:url(/common/images/right_sub/h3_features.gif) no-repeat 0 0;}
#RIGHT_SUB .h3Packages{background:url(/common/images/right_sub/h3_packages.gif) no-repeat 0 0; height:55px;}

#RIGHT_SUB .linkRank01{
	padding:0 0 0 1em;
	text-indent:-1em;
}
#RIGHT_SUB .linkRank01 a{
	padding:0 0 3px 11px;
	background:url(/common/images/general/icon_arr02.gif) no-repeat 0 3px;
}
#RIGHT_SUB .hotelNews{
	padding:5px 10px 10px;
	width:138px;
	background:#eeeee7;
	border:1px solid #dfdfdf;
	border-width:0 1px 1px;
}
#RIGHT_SUB .hotelNews li{
	padding:10px 0 0 0;
}
#RIGHT_SUB .hotelNews .linkNews01{
	padding:10px 0 0 1.2em;
	text-indent:-1.2em;
}
#RIGHT_SUB .hotelNews .linkNews01 a{
	padding:0 0 3px 1.2em;
	background:url(/common/images/right_sub/icon_news01.gif) no-repeat 0 0;
	color:#666;
}
#RIGHT_SUB .hotelNews .linkNews01 a:hover{
	color:#c61422;
}
* html body #RIGHT_SUB .hotelNews .linkNews01 a{
	background-position:0 11px;
}
*+html body #RIGHT_SUB .hotelNews .linkNews01 a{
	background-position:0 11px;
}
#RIGHT_SUB .ranking{
	padding:15px 4px 10px;
	width:150px;
	background:#eeeee7;
	border:1px solid #dfdfdf;
	border-width:0 1px 1px;
}
#RIGHT_SUB .ranking .h4Rank{
	font-size:150%;
	font-weight:bold;
	text-align:center;
}
#RIGHT_SUB .ranking .tab li{
	float:left;
}
#RIGHT_SUB .ranking .tab li a{
	display:block;
	width:50px;
	height:24px;
}
#RIGHT_SUB .ranking .tab .tokyo a{background:url(/common/images/right_sub/tab_tokyo.gif) no-repeat 0 0;}
#RIGHT_SUB .ranking .tab .kyoto a{background:url(/common/images/right_sub/tab_kyoto.gif) no-repeat 0 0;}
#RIGHT_SUB .ranking .tab .osaka a{background:url(/common/images/right_sub/tab_osaka.gif) no-repeat 0 0;}
#RIGHT_SUB .ranking .tab li a span{
	display:block;	
	position:absolute;
	top:-5000px;
	left:-5000px;
}
#RIGHT_SUB .ranking .tab li a.cur,
#RIGHT_SUB .ranking .tab li a:hover{
	background-position:0 -24px;
}
#RIGHT_SUB .ranking #rankArea02,
#RIGHT_SUB .ranking #rankArea03
{
	display:none;
}
#RIGHT_SUB .ranking .rankItem li{
	margin:10px 0 0 5px;
	width:145px;
}
#RIGHT_SUB .ranking .rankItem li .photo{
	float:left;
	width:60px;
}
#RIGHT_SUB .ranking .rankItem li .texts{
	float:right;
	padding:0 0 0 13px;
	width:69px;
}
#RIGHT_SUB .ranking .rankItem li .texts a{
	color:#666;
}
#RIGHT_SUB .ranking .rankItem li .texts a:hover{
	color:#c61422;
}
#RIGHT_SUB .ranking .rankItem li .rank01{background:url(/common/images/right_sub/icon_rank01.gif) no-repeat 0 0;}
#RIGHT_SUB .ranking .rankItem li .rank02{background:url(/common/images/right_sub/icon_rank02.gif) no-repeat 0 0;}
#RIGHT_SUB .ranking .rankItem li .rank03{background:url(/common/images/right_sub/icon_rank03.gif) no-repeat 0 0;}
#RIGHT_SUB .ranking .rankItem li .rank04{background:url(/common/images/right_sub/icon_rank04.gif) no-repeat 0 0;}
#RIGHT_SUB .ranking .rankItem li .rank05{background:url(/common/images/right_sub/icon_rank05.gif) no-repeat 0 0;}
#RIGHT_SUB .banners li{
	margin:10px 0 0;
}
#RIGHT_SUB .articles{
	padding:5px 9px 0;
	width:140px;
	background:#eeeee7;
	border:1px solid #dfdfdf;
	border-width:0 1px 1px;
}
#RIGHT_SUB .articles li{
	padding:10px 0;
	color:#666;
}
#RIGHT_SUB .articles li h4 a{
	color:#641610;
	text-decoration:none;
}
#RIGHT_SUB .articles li h4 a:hover{
	color:#c61422;
	text-decoration:underline;
}
#RIGHT_SUB .articles li p{
	line-height:1.1;
}

#RIGHT_SUB .telmail {
	margin-top:15px;
	border:1px solid #dfdfdf;
	background-color:#eeeee7;
	text-align:center;
	padding:8px 0;
	font-weight:bold;
}

#RIGHT_SUB .cybertrust {
	margin-top:15px;
	padding-top:4px;
	background:url(/common/images/right_sub/cybertrust_top.gif) no-repeat;
}
#RIGHT_SUB .cybertrust div {
	padding:8px 14px 14px 14px;
	border:1px solid #dfdfdf;
	border-style:none solid solid solid;
}
#RIGHT_SUB .cybertrust p {
	margin-top:12px;
	color:#666666;
}

#RIGHT_SUB .reasons{
	padding:3px 10px 30px 10px;
	background-color:#eeeee7;
}
#RIGHT_SUB .reasons li{
	margin-top:4px;
	font-size:0;
	line-height:0;
}
#RIGHT_SUB .more{
	padding:1px 3px 1px 0;
	background:#d3d3d3;
	text-align:right;
}
#RIGHT_SUB .more a{
	padding-left:10px;
	background:url(/common/images/general/icon_arr03.gif) no-repeat 0 4px;
}

#RIGHT_SUB .packages{
	padding:5px 4px 10px;
	width:150px;
	background:#eeeee7;
	border:1px solid #dfdfdf;
	border-width:0 1px 1px;
}
#RIGHT_SUB .packages li{
	padding:7px 0 0 5px;
}
#RIGHT_SUB .packages li .photo{
	float:left;
	width:60px;
}
#RIGHT_SUB .packages li .texts{
	float:right;
	width:80px;
	line-height:1.2;
}
#RIGHT_SUB .packages li .texts a{
	color:#666;
}
#RIGHT_SUB .packages li .texts a:hover{
	color:#c61422;
}
#RIGHT_SUB .packages li .texts .price{
	color:#d72f1b;
}

/*book
--------------------------------------------------*/
#RIGHT_SUB .book{
	padding:0 0 5px;
	width:160px;
	background:url(/common/images/right_sub/book_b_s.gif) no-repeat 0 bottom;
}
#RIGHT_SUB .book .bookInner{
	background:url(/common/images/right_sub/book_bg_s.gif) no-repeat 0 0;
}
#RIGHT_SUB .book .bookwith{
	width:160px;
	height:63px;
	background:url(/common/images/right_sub/book_ti_s.gif) no-repeat 0 0;
}
#RIGHT_SUB .book .bookwith span{
	display:block;	
	position:absolute;
	top:-5000px;
	left:-5000px;
}
#RIGHT_SUB .book ul{
	padding:12px 0 0 16px;
	width:130px;
}
#RIGHT_SUB .book li{
	padding:3px 0 7px  23px;
	width:107px;
	color:#666;
	background:url(/hotelscontents/images/top/book_icon.gif) no-repeat 0 0;
}
#RIGHT_SUB .book .learnMore{
	padding:0px 7px 10px 0px;
	/*width:130px;*/
	text-align:right;
}

/*
FOOTER
-------------------------------------------------------------------------*/
#FOOTER{
	margin:3px 0 0;
	padding:0 0 40px 10px;
	width:960px;
	border-top:2px solid #484747;
}
#FOOTER .left{
	float:left;
	width:900px;
	margin:10px 0 0;
}
#FOOTER .right{
	float:right;
	width:160px;
	margin:10px 0 0;
}
#FOOTER .utility li{
	float:left;
}
#FOOTER .copy{
	margin:12px 0 0;
}

#FOOTER .cybertrust{
	margin:0px 0 0;
}






/*
Ryokan top all
-------------------------------------------------------------------------*/
#RIGHT_SUB .h3Rank_ryokan{background:url(/ryokan/images/top/tit_rank.gif) no-repeat 0 0; height:51px;}
#RIGHT_SUB .h3101_ryokan{background:url(/ryokan/images/top/tit_101.gif) no-repeat 0 0; height:51px;}

#RIGHT_SUB .ryokan_rank_tit{
	font-size:13px;
	font-weight:bold;
	line-height:1.25em;
	text-align:left;
	color:#666666;
	padding:0px 3px 2px 0px;
}

#RIGHT_SUB .ryokan_rank_text{
	font-size:12px;
	font-weight:normal;
	line-height:1.30em;
	text-align:left;
	color:#999999;
	padding:0px 3px 8px 0px;
}

#RIGHT_SUB .ryokan_101_text{
	font-size:12px;
	font-weight:normal;
	line-height:1.30em;
	text-align:left;
	color:#666666;
	padding:3px 3px 15px 3px;
}

#RIGHT_SUB .ryokan_101_more{
	font-size:10px;
	font-weight:bold;
	line-height:1.30em;
	text-align:left;
	color:#666666;
	padding:3px 3px 10px 6px;
}



#RIGHT_SUB #ryokan_rank a:link{color:#666666;text-decoration:underline;} 
#RIGHT_SUB #ryokan_rank a:visited{color:#666666;text-decoration:underline;} 
#RIGHT_SUB #ryokan_rank a:active{color:#666666;text-decoration:underline;} 
#RIGHT_SUB #ryokan_rank a:hover{color:#cc0000;text-decoration:underline;}

#RIGHT_SUB #ryokan_101m a:link{color:#333333;text-decoration:none;} 
#RIGHT_SUB #ryokan_101m a:visited{color:#333333;text-decoration:none;} 
#RIGHT_SUB #ryokan_101m a:active{color:#333333;text-decoration:none;} 
#RIGHT_SUB #ryokan_101m a:hover{color:#cc0000;text-decoration:underline;}