@charset "utf-8";
/* CSS Document */

/* Bacic Component */
* {
	margin: 0px;
	padding: 0px;
	}
ol, ul {
	list-style: none;
	}
a{text-decoration: none; }
img { border: none; }
section, article, aside, nav, footer{ display: block; }
.div_clear {
	clear: both;
	height:1px;
	width: 100%;
}
.clear{
	clear: both;
	width:100%;
	height: 1px;
}
.fl{ float: left; }
.fr{ float: right; }
.txr{ text-align: right; }
.txc{ text-align: center; }
.ml15{ margin-left: 15px; }
.ml25{ margin-left: 25px; }
.mr20{ margin-right: 20px; }
.mt15{ margin-top: 15px; }
.mt30{ margin-top: 30px; }
.pl15{ padding-left: 15px; }
.pb15{ padding-bottom: 15px; }
.mb15{ margin-bottom: 15px; }
.hidden{ visibility: hidden; }
.clr { clear: right; }
.cll { clear: left; }
/* ==============================
Start Common Style 
============================== */
body {
	margin: 0;
	padding: 0;
	background: url(../imgs/common/asakusa_bg.gif) repeat;
}
div#wapper {
	width: 940px;
	height: auto;
	margin: 0 auto;
	padding: 10px 10px 15px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fff;
}
#header {
	width: 940px;
	height: auto;
	margin: 0 auto;
	background: url(../imgs/common/24hr.gif) no-repeat 700px 33px;
	padding-bottom: 8px;
}
#header p#header_home_link a{
	width: 360px;
	height: 60px;
	background: url(../imgs/common/sprite.gif) top left no-repeat;
	display: block;
	border: none;
	float: left;
	text-decoration: none;
	margin-top: 10px;
}
#header p#header_home_link a em{
	visibility: hidden;
	text-decoration: none;
}

#phone_box{
	width:170px; 
	height:55px;
	display: block; 
	float: right; 
	margin: 5px 0 5px 0;
}

#phone_box p#phone_mark{
	height: 29px;
	display: block;
	background: url(../imgs/common/sprite.gif) no-repeat -2px -1288px;
	float: right;
	padding-right: 15px;
}
#phone_box p#phone_mark span{ visibility: hidden; }

#phone_box p#big_phone{
	font-size: 14px; 
	line-height: 29px; 
	font-weight: bold; 
	color: #e14275;
	float: right;
	display: block;
}

#phone_box p#phone_title{
	font-size: 12px; 
	line-height: 14px; 
	color: #e14275; 
	font-weight: bold;
	text-align: right;
}

#head_sns {
	width: 255px;
	height: auto;
	float: right;
	text-align: right;
	padding-top: 8px;
}

#top_book_now{
	float: right;
	clear: right;
}
#top_book_now p a em{ visibility: hidden; }
#top_book_now p a{
	background: url(../imgs/common/sprite.gif) no-repeat left -950px; 
	height: 33px; 
	width: 137px; 
	display: block; 
	margin-top: 5px;
	text-decoration: none;
	border: none;
}
#top_book_now p a:hover{ background-position: left -983px; }
#hotel_top_title{
	font-size: 12px; 
	color: #4d4d4d; 
	font-weight: bold; 
	letter-spacing: 1px;
	padding-top: 15px;
}
#top_img {
	width: 940px;
	height: 250px;
	overflow: hidden;
	margin-bottom: 20px;
}


/* Start gloval navi______________ */
nav#g_nav {
	width: 940px;
	height:35px;
	margin: 0 auto;
	clear: both;
	padding-top: 12px;
	margin-bottom: 20px;
}
nav#g_nav li{ display: inline; float: left; line-height: 35px; }
nav#g_nav li a{
	display: block;
	background: url(/imgs/common/sprite.gif) no-repeat;
	text-decoration: none;
	font-size: 10px;
	margin: 0;
	width: 157px;
	height: 35px;
	text-align: center;
}
nav#g_nav li a em{ visibility: hidden; text-decoration: none; }
nav#g_nav li.g_reserve a{ background-position: 0 -111px; width: 157px; }
nav#g_nav li.g_reserve a:hover{ background-position: 0 -146px; }
nav#g_nav li.g_reserveOn a{ background-position: 0 -181px; width: 157px; }
nav#g_nav li.g_reserveOn a:hover{ background-position: 0 -146px; }
/*nav#g_nav li.g_aveilable a{ background-position: -135px -111px; }
nav#g_nav li.g_aveilable a:hover{ background-position: -135px -146px; }
nav#g_nav li.g_aveilableOn a{ background-position: -135px -181px; }
nav#g_nav li.g_aveilableOn a:hover{ background-position: -135px -146px; }*/
nav#g_nav li.g_rate a{ background-position: -157px -111px; width: 157px; }
nav#g_nav li.g_rate a:hover{ background-position: -157px -146px; }
nav#g_nav li.g_rateOn a{ background-position: -157px -181px; width: 157px; }
nav#g_nav li.g_rateOn a:hover{ background-position: -157px -146px; }
nav#g_nav li.g_offer a{ background-position: -314px -111px; width:157px; }
nav#g_nav li.g_offer a:hover{ background-position: -314px -146px; }
nav#g_nav li.g_offerOn a{ background-position: -314px -181px; width: 157px; }
nav#g_nav li.g_offerOn a:hover{ background-position: -314px -146px; }
nav#g_nav li.g_locate a{ background-position: -471px -111px; width: 157px; }
nav#g_nav li.g_locate a:hover{ background-position: -471px -146px; }
nav#g_nav li.g_locateOn a{ background-position: -471px -181px; width: 157px; }
nav#g_nav li.g_locateOn a:hover{ background-position: -471px -146px; }
nav#g_nav li.g_facility a{ background-position: -628px -111px; width: 157px; }
nav#g_nav li.g_facility a:hover{ background-position: -628px -146px; }
nav#g_nav li.g_facilityOn a{ background-position: -628px -181px; width: 157px; }
nav#g_nav li.g_facilityOn a:hover{ background-position: -628px -146px; }
nav#g_nav li.g_inquiry a{ background-position: -785px -111px; width: 155px; }
nav#g_nav li.g_inquiry a:hover{ background-position: -785px -146px; }
nav#g_nav li.g_inquiryOn a{ background-position: -785px -181px; width: 155px;}
nav#g_nav li.g_inquiryOn a:hover{ background-position: -785px -146px; }
/* ______________ end gloval navigation */

aside#pan{
	width: 940px;
	height: auto;
	margin-bottom: 15px;
	background: url("/imgs/blog/blog_top.jpg") no-repeat top left;
	padding-top: 205px;
}
aside#pan p{
	font-size: 12px;
	line-height: 1em;
	color: #777;
	font-weight: bold;
}
aside#pan p a{
	color: #4d4d4d;
	text-decoration: none;
	font-weight: bold;
}
aside#pan p a:hover{ text-decoration: underline; color: #e14275; }
aside#pan p a:active{ text-decoration: none; color: #00f; }


/* main_________________________________*/
#main{
	width: 700px;
	float: right;
	padding-bottom: 25px;
}

#main p{
	font-size: 12px;
	line-height: 1.8em;
	margin-bottom: 10px;
	color: #4d4d4d;
}

#main h2, #main h3, #main h4{
	height: 35px;
	width: 655px;
	padding-left: 45px;
	background: url(../imgs/common/sprite.gif) no-repeat 0 -879px;
	font-size: 14px;
	line-height: 35px;
	color: #333;
	margin: 5px 0 15px;
	clear: both;
}

#main img.fr{
	margin-left: 15px;
	margin-bottom: 15px;
}
#main img.fl{
	margin-right: 15px;
	margin-bottom: 15px;
}


#main p.back_to_top{
	float: right;
	font-size: 9px;
	clear: both;
	margin-bottom: 25px;
}
#main p.back_to_top a{
	width: 80px;
	height: 20px;
	display: block;
	background: url(../imgs/common/sprite.gif) no-repeat -251px -241px;
	text-decoration: none;
}

#main p.back_to_top a:hover{ background-position: -355px -241px; }
#main p.back_to_top a:active{ background-position: -457px -241px; }
#main p.back_to_top a em{ visibility: hidden; }

#main table.avilability{
	width: 700px;
	font-size:10px;
}

/* _______________________________main */
/* left________________________________*/
#left{
	width: 220px;
	float: left;
}

#left div#reserve_box{
	width: 220px;
	height: auto;
	margin-bottom: 5px;
}

#left div#reserve_box p.reserve_room{
	display: block;
	height: 35px;
	width: 220px;
	font-size: 10px;
	background: url(../imgs/common/sprite.gif) no-repeat 0 -231px;
}
#left div#reserve_box p.reserve_room em{ visibility: hidden; }
#left div#reserve_box div#form_box{
	width: 206px;
	height: auto;
	border-left: 2px solid #555555;
	border-right: 2px solid #555555;
	border-bottom: 2px solid #555555;
	padding: 5px;
	font-size: 10px;
}
#left div#reserve_box div#form_box p{
	line-height: 3.0em;
	font-size: 12px;
	color: #4d4d4d;
}
#left div#reserve_box div#form_box select.left_form{
	font-size: 10px;
	line-height: 1.8em;
	color: #4d4d4d;
	padding: 1px;
	border-style: solid;
	border-width: 1px;
	border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
	vertical-align: middle;
	background: #f1f1ed;
}
#left div#reserve_box div#form_box button{
	display: block;
	width: 200px;
	height: 35px;
	cursor: pointer;
	background: url(../imgs/common/sprite.gif) no-repeat 0 -792px;
	border: none;
	margin: 15px 0 0 3px;
}
#left div#reserve_box div#form_box button:hover{ background-position: 0 -722px; }
#left div#reserve_box div#form_box button:active{ background-position: 0 -757px; }
#left div#reserve_box div#form_box button p{
	font-size: 12px;
	line-height: 1.4em;
	visibility: hidden;
}

#left p#left_phone{
	display: block;
	width: 220px;
	height: 220px;
	background: url(../imgs/common/ike_jpg_sprite.jpg) no-repeat 0 0;
}
#left p#left_phone em{
	visibility: hidden;
}
/* side nav ________________*/
#left ul#side_nav{
	margin-top: 15px;
}

#left ul#side_nav li{ 
	font-size: 10px; 
}
#left ul#side_nav li a{
	width: 220px;
	height: 35px;
	display: block;
	margin-bottom: 10px;
	text-align: center;
	background: url(../imgs/common/sprite.gif) no-repeat;
	line-height: 35px;
}
#left ul#side_nav li a em{ visibility: hidden; }
#left ul#side_nav li.group_r a{ background-position: 0 -273px; } 
#left ul#side_nav li.group_r a:hover{ background-position: -220px -273px; } 
#left ul#side_nav li.group_r a:active{ background-position: -440px -273px; }
#left ul#side_nav li.local a{ background-position: 0 -308px; }
#left ul#side_nav li.local a:hover{ background-position: -220px -308px; }
#left ul#side_nav li.local a:active{ background-position: -440px -308px; }
#left ul#side_nav li.staffs a{ background-position: 0 -343px; }
#left ul#side_nav li.staffs a:hover{ background-position: -220px -343px; }
#left ul#side_nav li.staffs a:active{ background-position: -440px -343px; }
#left ul#side_nav li.events a{ background-position: 0 -378px; }
#left ul#side_nav li.events a:hover{ background-position: -220px -378px; }
#left ul#side_nav li.events a:active{ background-position: -440px -378px; }
#left ul#side_nav li.blogs a{ background-position: 0 -413px; }
#left ul#side_nav li.blogs a:hover{ background-position: -220px -413px; }
#left ul#side_nav li.blogs a:active{ background-position: -440px -413px; }
#left ul#side_nav li.g_photo a{ background-position: 0 -448px; }
#left ul#side_nav li.g_photo a:hover{ background-position: -220px -448px; }
#left ul#side_nav li.g_photo a:active{ background-position: -440px -448px; }
#left ul#side_nav li.s_faq a{ background-position: 0 -483px; }
#left ul#side_nav li.s_faq a:hover{ background-position: -220px -483px; }
#left ul#side_nav li.s_faq a:active{ background-position: -440px -483px; }

#left div#side_facebook{
	width: 220px;
	height: 427px;
	margin: 15px 0;
}

#left ul#side_reserve li a{
	width: 220px;
	height: 100px;
	display: block;
	margin-bottom: 10px;
	text-align: center;
	background: url(../imgs/common/sprite.gif) no-repeat right -936px;
	line-height: 100px;
}
#left ul#side_reserve li a:hover{ background-position: right -1036px; }
#left ul#side_reserve li a:active{ background-position: right -1136px; }
#left ul#side_reserve li a em{ visibility: hidden; }

#left p#concierge a{
	width: 220px;
	height: 100px;
	display: block;
	margin: 15px 0;
	background: url(../imgs/common/sprite.gif) no-repeat -521px -1036px;
	border: none;
	text-decoration: none;
	font-size: 10px;
}
#left p#concierge a em{ visibility: hidden; text-decoration: none; }
#left p#concierge a:hover { background-position: -521px -936px; }


/* ________________side nav*/


/* _______________________________left */
/* footer______________________________*/
footer#footer{
	width: 940px;
	height: auto;
	clear: both;
	margin-top: 20px;
	padding-bottom: 15px;
}

#footer p.f_grouplink{
	width: 940px;
	height: 24px;
	background: url(../imgs/common/sprite.gif) no-repeat 0 -1363px;
	font-size: 10px;
	margin-bottom: 15px;
}
#footer p.f_grouplink a{
	display: block;
	width: 940px;
	height: 24px;
	text-decoration: none;
}
#footer p.f_grouplink a em{
	visibility: hidden;
}
#footer div.footer_link_box{
	width: 235px;
	float: left;
	height: auto;
}
#footer div.footer_link_box ul.f_link{
	padding-left: 50px;
	font-size: 12px;
}
#footer div.footer_link_box ul.f_link li{
	list-style-image: url(../imgs/common/li_image.gif);
	font-size: 12px;
	line-height: 19px;
}

#footer div.footer_link_box ul.f_link li a{
	color: #4d4d4d;
	text-decoration: none;
	padding-bottom: 15px;
	display: block;
	width: 170px;
	height: 20px;
	line-height: 19px;
}
#footer div.footer_link_box ul.f_link li a:hover{
	color: #E14275;
	list-style-image: url(../imgs/common/li_image_a.gif);
}
#footer div.footer_link_box ul.f_link li a:active{
	color:#09F;
}
#footer div.footer_link_box ul#f_reserve{
	padding: 0;
}
#footer div.footer_link_box ul#f_reserve li{
	list-style: none;
}

#footer div.footer_link_box ul#f_reserve li a{
	width: 220px;
	height: 205px;
	display: block;
	margin-bottom: 10px;
	text-align: center;
	background: url(../imgs/common/reserve_button.jpg) no-repeat left top;
	line-height: 220px;
	list-style: none;
}
#footer div.footer_link_box ul#f_reserve li a:hover{ background-position: 0 -220px; }
#footer div.footer_link_box ul#f_reserve li a:active{ background-position: 0 -440px; }
#footer div.footer_link_box ul#f_reserve li a em{ visibility: hidden; }

#footer_sns {
	width: 690px;
	height: auto;
	margin: 35px 0; 
}
#footer_sns p{
	float: left;
	width:180px;
	font-size: 12px;
	font-weight: bold;
	color: #e14275;
	line-height: 30px;
	text-align: left;
}

#footer_sns ul li{
	float: left;
	display: inline;
}
#footer_sns ul li a{
	display: block;
	height: 35px;
	margin-right: 8px;
	text-decoration: none;
	background:url(../imgs/common/sns_buttons.gif) no-repeat;
}

div#footer_sns ul li a em{ visibility: hidden; }
div#footer_sns ul li.f_fb a{ background-position: left top ; width:35px !important; }
div#footer_sns ul li.f_fb a:hover{ background-position: left -34px ; }
div#footer_sns ul li.f_tw a{ background-position: -35px top ; width:35px; }
div#footer_sns ul li.f_tw a:hover{ background-position: -35px -34px; }
div#footer_sns ul li.f_fl a{ background-position: -70px top ; width:35px; }
div#footer_sns ul li.f_fl a:hover{ background-position: -70px -34px; }
div#footer_sns ul li.f_bl a{ background-position: left -70px ; width:105px; }
div#footer_sns ul li.f_bl a:hover{ background-position: left -105px ; }

#footer p.sakura_hotels{
	width: 940px;
	height: 25px;
	background: url(../imgs/common/sprite.gif) no-repeat 0 -1393px;
	font-size: 10px;
	margin-bottom: 30px;
	clear: both;
	margin-top:10px;
}
#footer p.sakura_hotels a{
	width: 940px;
	height: 25px;
	display: block;
}
#footer p.sakura_hotels a em{ visibility: hidden; }

#footer ul#hotel_link{
	margin-top: 20px;
	height: 88px;
}
#footer ul#hotel_link li{
	float: left;
}
#footer ul#hotel_link li a{
	width: 176px;
	height: 88px;
	display: block;
	font-size: 10px;
	line-height: 110px;
	text-align: center;
}
#footer ul#hotel_link li a em{ visibility: hidden; }
#footer ul#hotel_link li.bottom_hatagaya a{ background: url(../imgs/common/jpg_sprite.jpg) no-repeat 0 -512px; margin-right: 15px; }
#footer ul#hotel_link li.bottom_hatagaya a:hover{ background: url(../imgs/common/jpg_sprite.jpg) no-repeat 0 -424px; }
#footer ul#hotel_link li.bottom_jimbocho a{ background: url(../imgs/common/jpg_sprite.jpg) no-repeat -176px -512px; margin-right: 15px; }
#footer ul#hotel_link li.bottom_jimbocho a:hover{ background: url(../imgs/common/jpg_sprite.jpg) no-repeat -176px -424px; }
#footer ul#hotel_link li.bottom_asakusa a{ background: url(../imgs/common/jpg_sprite.jpg) no-repeat -352px -512px; margin-right: 15px; }
#footer ul#hotel_link li.bottom_asakusa a:hover{ background: url(../imgs/common/jpg_sprite.jpg) no-repeat -352px -424px; }
#footer ul#hotel_link li.bottom_cafe a{ background: url(../imgs/common/jpg_sprite.jpg) no-repeat -528px -512px; margin-right: 15px; }
#footer ul#hotel_link li.bottom_cafe a:hover{ background: url(../imgs/common/jpg_sprite.jpg) no-repeat -528px -424px; margin-right: 15px; }
#footer ul#hotel_link li.bottom_house a{ background: url(../imgs/common/jpg_sprite.jpg) no-repeat -704px -512px; margin-right: 0; }
#footer ul#hotel_link li.bottom_house a:hover{ background: url(../imgs/common/jpg_sprite.jpg) no-repeat -704px -424px; margin-right: 0; }
#footer #cpr{ 
	width: 940px; 
	height: 60px; 
	background: url(../imgs/common/sprite.gif) no-repeat bottom right; 
	clear:both;
	text-align: right;
	padding-top: 30px;
}
/* Start Language Flags____________*/
#flags {
	clear: right;
	width: 480px;
	height: 25px;
	float: left;
	margin-top: 18px;
}
#footer div#cpr div#flags p{
	font-size: 14px;
	font-weight: bold;
	color: #4d4d4d;
	line-height: 20px;
	float: left;
}

#flags li{ display: inline; float: right; }
#flags li a{
	width: 30px;
	height: 20px;
	display: block;
	background: url(../imgs/common/flags.jpg) no-repeat;
	text-decoration: none;
	font-size: 9px;
	margin-left: 8px;
}
#flags li a em{ visibility: hidden; text-decoration: none; }
#flags li.en a{ background-position: left top; }
#flags li.en a:hover{ background-position: left bottom; }
#flags li.fr a{ background-position: -30px top; }
#flags li.fr a:hover{ background-position: -30px bottom; }
#flags li.sp a{ background-position: -60px top; }
#flags li.sp a:hover{ background-position: -60px bottom; }
#flags li.it a{ background-position: -90px top; }
#flags li.it a:hover{ background-position: -90px bottom ; }
#flags li.gr a{ background-position: -120px top; }
#flags li.gr a:hover{ background-position: -120px bottom; }
#flags li.tw a{ background-position: -150px top; }
#flags li.tw a:hover{ background-position: -150px bottom; }
#flags li.ch a{ background-position: -180px top; }
#flags li.ch a:hover{ background-position: -180px bottom; }
#flags li.kr a{ background-position: -210px top; }
#flags li.kr a:hover{ background-position: -210px bottom; }
#flags li.th a{ background-position: -240px top; }
#flags li.th a:hover{ background-position: -240px bottom; }
#flags li.ja a{ background-position: right top; }
#flags li.ja a:hover{ background-position: right bottom; }
/* ______________________end flags  */

#footer #cpr p em{
	visibility: hidden;
	font-size: 10px;
	line-height: 1.6em;
	text-align: right;
}