@charset "UTF-8";

@media all {

/* STRUCTURE */
* html .wide #main     { width: 960px; }
.wide  #main           { width: 942px; padding: 26px 10px 0 8px; }
.main  #main           { background: url(main/img/main_background.png) 0 100% no-repeat; }
.tower #main           { background: url(main/img/main_background.png) 0 100% no-repeat; }
.exe   #main           { background: url(main/img/main_background.png) 0 100% no-repeat; }
.nohead #main          { background: #000 !important; }

.wide #contents        { width: 670px !important; padding: 0 !important; }
.exe  #contents        { width: 942px !important; }
#sidebar               { width: 246px; padding: 0 0 10px; color: #f1f1f1; }
.tower #sidebar        { color: #333; }
.black #contentbody    { margin: 0 0 10px; padding: 0; }
.stay  #subcategorynav { height: 33px; }


/* SIDEBAR */
* html #check, * html #plan  { width: 246px; }
#check,#plan                 { width: 200px; padding: 0 20px 30px 26px; background: url(main/img/sidebar_background.png) 0 100% no-repeat; }
.tower #check, .tower #plan  { background: url(tower/img/sidebar_background.png) 0 100% no-repeat; }
#checkdate fieldset          { margin: 8px 0 10px 14px; padding: 0; background: none; border: none; }
#checkdate p.submit          { margin: -5px 0 0 35px; }
#checkdate button.btn        { background: url(main/img/button_submit.png) no-repeat; color: #000; }
.tower #checkdate button.btn { background: url(tower/img/button_submit.png) no-repeat; color: #000; }


/* H2 */
#rooms h2 { width: 206px; height: 45px; margin: 2px 0 0 !important; padding: 0; text-indent: -9999px; background: url(main/img/rooms_h2.png) no-repeat; }
#check h2 { width: 246px; height: 45px; margin: 0 -20px 0 -26px !important; padding: 0; text-indent: -9999px; background: url(main/img/check_h2.png) no-repeat; }
#plan  h2 { width: 246px; height: 45px; margin: 0 -20px 0 -26px !important; padding: 0; text-indent: -9999px; background: url(main/img/plan_h2.png) no-repeat; }
.tower #rooms h2 { background: url(tower/img/rooms_h2.png) no-repeat; }
.tower #check h2 { background: url(tower/img/check_h2.png) no-repeat; }
.tower #plan  h2 { background: url(tower/img/plan_h2.png) no-repeat; }

#rooms .button { margin: -33px 0 0; float: right; }


/* roomsList */
#roomsList                            { width: 620px; margin-left: 50px; }
#roomsList  a.overlayMenu             { display: block; text-decoration: none; }
#roomsList  a.overlayMenu span        { height: 30px; width: 142px; margin-bottom: 5px; overflow: hidden; display: block; text-indent: -9999px; background: url(main/img/rooms_list.png) no-repeat; }
.tower #roomsList  a.overlayMenu span { background: url(tower/img/rooms_list.png) no-repeat; }
#roomsList  a.overlayMenu span#rm1    { background-position: 0 0px; }
#roomsList  a.overlayMenu span#rm2    { background-position: 0 -30px; }
#roomsList  a.overlayMenu span#rm3    { background-position: 0 -60px; }
#roomsList  a.overlayMenu span#rm4    { background-position: 0 -90px; }


/* planList */
#planList  dl dt span, #planList  dl dt a { padding: 0; background: none; }

#planList  a.overlayMenu span        { height: 36px; width: 165px; padding: 0; overflow: hidden; display: block; text-indent: -9999px; background: url(main/img/plan_list.png) no-repeat; border: 1px solid #fff; }
.tower #planList  a.overlayMenu span { background: url(tower/img/plan_list.png) no-repeat; border: 1px solid #333; }
#planList  a.overlayMenu span#pm1    { background-position: 0 0px; }
#planList  a.overlayMenu span#pm2    { background-position: 0 -36px; }
#planList  a.overlayMenu span#pm3    { background-position: 0 -72px; }
#planList  a.overlayMenu span#pm4    { background-position: 0 -108px; }
#planList  a.overlayMenu span#pm5    { background-position: 0 -144px; }
#planList  a.overlayMenu span#pm6    { background-position: 0 -180px; }
#planList  a.overlayMenu span#pm7    { background-position: 0 -216px; }
#planList  a.overlayMenu span#pm8    { background-position: 0 -252px; }
#planList  a.overlayMenu span#pm9    { background-position: 0 -288px; }
#planList  a.overlayMenu span#pm10   { background-position: 0 -324px; }
#planList  a.overlayMenu span#pm11   { background-position: 0 -360px; }
#planList  a.overlayMenu span#pm12   { background-position: 0 -396px; }


/* OVERLAY */
.boxWrap  { margin-top: -30px; }
.boxOverlayArrow,
.boxOverlayArrow2 { top: 30px;}
.overlay .arrow li a { margin: 0; }





/* 2011 New Stay-Home */
body.home #main            { width: 930px; padding-left: 23px; padding-right: 0; }
* html body.home #main     { width: 953px; }
body.home #contents        { width: 690px !important; }
body.home #sidebar         { width: 240px; overflow: hidden; color: #333; }

body.home img              { vertical-align: bottom; }
body.home span.left        { float: left; }
body.home span.right       { float: right; }
body.home .header          { margin-bottom: 18px; text-align: center; }
body.home #contentbody h2  { margin: 0; }


/* 2011 New Stay-Home：hotel area */
body.home .hotel_main       { float: left; }
body.home .hotel_tower      { float: right; }
body.home .hotel            { width: 336px; margin-bottom: 23px; border: 2px solid #666; }
* html body.home .hotel     { width: 340px; }

body.home .hotel_exe        { clear: both; width: 684px; height: 316px; border: 3px solid #000; }
* html body.home .hotel_exe { width: 690px; }

body.home .nav                   { float: left; margin: 0 !important; }
body.home .nav li                { width: 122px; height: 21px; }
body.home .nav li a              { display: block; width: 100%; height: 100%; background-repeat: no-repeat; text-indent: -9999px; }
body.home .nav li.n1 a           { background-position: 0 0; }
body.home .nav li.n2 a           { background-position: 0 -21px; }
body.home .nav li.n1 a:hover     { background-position: 0 -100px; }
body.home .nav li.n2 a:hover     { background-position: 0 -121px; }
body.home .hotel_main  .nav li a { background-image: url(img/nav_main.png); }
body.home .hotel_tower .nav li a { background-image: url(img/nav_tower.png); }

body.home .hotel_exe .nav li          { width: 249px; height: 20px; }
body.home .hotel_exe .nav li a        { background-image: url(img/nav_exe.png); }
body.home .hotel_exe .nav li.n1 a     { background-position: 0 0; }
body.home .hotel_exe .nav li.n2 a     { background-position: 0 -20px; }
body.home .hotel_exe .nav li.n3 a     { background-position: 0 -40px; }
body.home .hotel_exe .nav li.n1 a:hover     { background-position: 0 -100px; }
body.home .hotel_exe .nav li.n2 a:hover     { background-position: 0 -120px; }
body.home .hotel_exe .nav li.n3 a:hover     { background-position: 0 -140px; }


/* 2011 New Stay-Home：breadcrumb */
body.home #breadcrumbs     { display: block; }


/* 2011 New Stay-Home：sidebar */
body.home #sidebar { margin-bottom: 0; padding-bottom: 0; }
body.home #sidebar #reservation,
body.home #sidebar #banners        { width: 206px; padding: 0px 20px 40px 26px; background: url(img/sidebar_background.png) 0 100% no-repeat; }
* html body.home #sidebar #reservation,
* html body.home #sidebar #banners { width: 250px; }


body.home #sidebar h2              { width: 246px; height: 35px; margin: 0 -20px 11px -26px; background: url(img/h_reservation.png) no-repeat; }
body.home #sidebar .bullet         { margin-bottom: 10px; line-height: 1.2; }
body.home #sidebar form            { display: inline; }
body.home #sidebar form #y         { width: 62px; }
body.home #sidebar form #m         { width: 51px; }
body.home #sidebar form #d         { width: 51px; }
body.home #sidebar form #date-pick { vertical-align: middle; }
body.home #sidebar form span.label { display: inline-block; width: 62px; }
body.home #sidebar form fieldset   { margin-bottom: 8px; }
body.home #sidebar form button.btn { float: left; width: 98px; height: 21px; margin-right: 4px; padding: 0; line-height: 21px; background: url(img/btn_submit.png) no-repeat; color: #000; font-size: 11px; }
body.home #sidebar form button.btn:hover { opacity: 0.7; filter: alpha(opacity=70); }
body.home #sidebar form button.btn.small { width: 88px; background-image: url(img/btn_submit_s.png); font-size: 9px; letter-spacing: -1px; }
body.home #sidebar .footnote       { margin-left: 10px; padding-top: 5px; font-size: 10px; letter-spacing: -1px; }
body.home #sidebar .footnote img   { vertical-align: middle; margin-right: 3px; }

body.home #sidebar #banners                { margin-top: -20px; }
body.home #sidebar #banners .bannerList li { width: 206px; margin-bottom: 5px; text-align: center; }
body.home #sidebar #banners .bannerList li a:hover img { opacity: 0.7; filter: alpha(opacity=70); }
body.home #sidebar #banners .bannerList    { margin-left: -6px; padding-top: 32px; background: url(img/sidebar_divider.png) no-repeat; }
body.home #sidebar #banners .footnote      { margin-left: 20px; }

body.home #sidebar .bannerList2 li { width: 206px; margin: 0 0 10px 20px; text-align: center; }
body.home #sidebar .bannerList2 li a:hover img { opacity: 0.7; filter: alpha(opacity=70); }


/* おすすめ */
body.home #recommend         { clear: both; padding: 25px 0; zoom: 1; }
body.home #recommend .header { margin: 0 0 8px; padding-bottom: 13px; padding-left: 1px; background: url(img/h_recommend.png) 0 100% no-repeat; font-size: 15px; text-align: left; }
body.home #recommend li      { width: 290px; margin: 0 16px 0 0; padding-bottom: 20px; }
body.home #recommend li img  { float: left; margin-right: 5px; }
body.home #recommend li p    { margin-left: 98px; font-size: 90%; }

}





@media print {
.boxWrap { display: none; }
}