@charset "utf-8";

/*
	Site Name: ANA HOTEL OSAKA
	Description: renewal
	Version: beta
	Author: Masami Momii
	lastmod:01.sep.2008
*/

/*
===== CONTENTS ===========================================

	1: STAY STYLE

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



/*
===== 2: left contents ==========================================
*/


/* leftbox */
div#leftbox div.contentbox{
		 width:244px;
		 border:#CCC 3px solid;
		 margin-bottom:5px;
		 clear:both;
		 } 

div#leftbox div.contentbox h3{padding:3px;}


div#leftbox div.contentbox dt{color:#990000; font-weight:bold; line-height:1.1em;}
div#leftbox div.contentbox dd{margin-top:3px; line-height:1.1em;}
div#leftbox div.contentbox dd img{margin:3px 0 0 0;}


/*
===== 3: right contents ==========================================
*/


/* indeｘpage
------------------------------------------------------*/

/*  floorbtn */
div#rightbox dl.floorGuide{ width:256px;}
dl.l {float:left; clear:both;}
dl.r {float:right;}
dl.floorGuide dt{ margin:0px 0px 5px; padding:0px; }
dl.floorGuide dd{ margin:0px 0px 15px; padding:5px; font-size:0.9em;}

dl.floorGuide dd ul{ margin:0px; padding:0px; list-style:none; clear:both; }
dl.floorGuide dd li{ margin:0px 8px 5px 0px; padding:0px 0px 0px 13px; background-image:url(../common/ico_arrow.gif); background-repeat:no-repeat; background-position:0% 50%; float:left; display:block;}
dl.floorGuide dd li a {text-decoration:underline;}


/*
===== 4: floor contents ==========================================
*/


/* room tabnavi */
div#rightbox ul#stayNav{
	width:520px;
	height:37px;
	border-bottom:3px solid #990000;
	margin-bottom:10px;
	padding:0px;
}
ul#stayNav li{width:160px; margin:0px 8px 0px 0px; padding:0px; float:left; height:37px; background-repeat:no-repeat; text-indent:-9999px;}
ul#stayNav li a {outline:0; margin:0px; padding:0px;}

ul#stayNav li.singleNav a, ul#stayNav li.singleNav a:link, ul#stayNav li.singleNav a:visited {background-image:url(../stay/images/btn_single_off.jpg); width:160px; height:37px; background-repeat:no-repeat; display:block;}
ul#stayNav li.singleNav a:hover, ul#stayNav li.singleNav a:active {background-image:url(../stay/images/btn_single_on.jpg); }
ul#stayNav li.singleNav a#tabActive {background-image:url(../stay/images/btn_single_on.jpg); }

ul#stayNav li.twinNav a, ul#stayNav li.twinNav a:link, ul#stayNav li.twinNav a:visited {background-image:url(../stay/images/btn_twin_off.jpg); width:160px; height:37px; background-repeat:no-repeat; display:block;}
ul#stayNav li.twinNav a:hover, ul#stayNav li.twinNav a:active {background-image:url(../stay/images/btn_twin_on.jpg); }
ul#stayNav li.twinNav a#tabActive {background-image:url(../stay/images/btn_twin_on.jpg); }

ul#stayNav li.doubleNav a, ul#stayNav li.doubleNav a:link, ul#stayNav li.doubleNav a:visited {background-image:url(../stay/images/btn_double_off.jpg); width:160px; height:37px; background-repeat:no-repeat; display:block;}
ul#stayNav li.doubleNav a:hover, ul#stayNav li.doubleNav a:active {background-image:url(../stay/images/btn_double_on.jpg); }
ul#stayNav li.doubleNav a#tabActive {background-image:url(../stay/images/btn_double_on.jpg); }


/* roomtype detail */	
div#rightbox div.detail {
	width:504px;
	border:3px solid #CCC;
	margin-bottom:10px;
	padding:5px;
	}

/* roomphoto 切り替え */	
div.detail ul {margin:0px; padding:0px; list-style:none;}
div.detail ul li {margin:0px 0px 5px; padding:0px;}
div.detail ul li.roomImg{margin:0px; padding:0px; float:right; border:1px solid #666666;}
div.detail ul li.num{margin:0px; padding:0px; text-align:right; width:190px;}
div.detail ul li.num dl{margin:0px; padding:0px; font-weight:bold; font-size:0.9em; float:right;}
div.detail ul li.num dt{margin:0px 5px 0px 0px; padding:0px; float:left;}
div.detail ul li.num dd{margin:0px; float:left;}

li.num a { border:1px solid #CCC; background-color:#EEEEEE; width:1.5em; height:1.5em; text-align:center; margin-right:3px; display:block; float:left; color:#444444; text-decoration:none;color:#444444;}
li.num a:link, li.num a:visited { border:1px solid #CCC; background-color:#EEEEEE;text-decoration:none;}
li.num a:hover { border:1px solid #B00000; background-color:#B00000; color:#FFF;text-decoration:none;}
li.num a:active { border:1px solid #B00000; background-color:#B00000; color:#FFF;text-decoration:none;}

li.num dd#free a { border:1px solid #CCC; background-color:#EEEEEE; padding:0px 3px; width:auto; height:1.5em; text-align:center; margin-right:3px; display:block; float:left; color:#444444; text-decoration:none;color:#444444;}
li.num dd#free a:link, li.num dd#free a:visited { border:1px solid #CCC; background-color:#EEEEEE;text-decoration:none;}
li.num dd#free a:hover { border:1px solid #B00000; background-color:#B00000; color:#FFF;text-decoration:none;}
li.num dd#free a:active { border:1px solid #B00000; background-color:#B00000; color:#FFF;text-decoration:none;}
li.num dd#free a span {font-size:0.75em; vertical-align:super;}

li.num a.actBtn, li.num dd#free a.actBtn { border:1px solid #B00000; background-color:#B00000; text-align:center; margin-right:3px; display:block; float:left; color:#FFF; text-decoration:none;text-decoration:none;}
li.num a.actBtn:link, li.num a.actBtn:visited, li.num dd#free a.actBtn:link, li.num dd#free a.actBtn:visited { border:1px solid #B00000; background-color:#B00000; color:#FFF;text-decoration:none;}
li.num a.actBtn:hover, li.num dd#free a.actBtn:hover { border:1px solid #B00000; background-color:#B00000; color:#FFF;text-decoration:none;}
li.num a.actBtn:active, li.num dd#free a.actBtn:active { border:1px solid #B00000; background-color:#B00000; color:#FFF;text-decoration:none;}

div.detail table {width:504px; border-top:1px solid #CCC; border-left:1px solid #CCC; clear:both; margin-top:15px;}
div.detail table th, div.detail table td {padding:3px; border-right:1px solid #CCC; border-bottom:1px solid #CCC;} 
div.detail table th {background-color:#EEEEEE; font-weight:normal; text-align:center;}
div.detail table td {background-color:#FFF;}
div.detail table td span {font-size:0.75em; vertical-align:super;}



/* clubSpecial*/
div#clubSpecial{margin:0px auto; width:700px; padding:10px 0;}


/*
===== 6:　料金表 ==========================================
*/

div#rightbox table.servicetable{background:#CCC; text-align:center;}
div#rightbox table.servicetable tr{background:#FFF;}
div#rightbox table.servicetable th{background:#999999; color:#FFF;} 


div#rightbox table.servicetable td.roomtype{ background:#EEEADB;}
div#rightbox table.servicetable td.codicil{font-size:0.8em; text-align:left; padding:0 5px;}






/*
===== 7:　宿泊サービス＆ご案内 ==========================================
*/

div#rightbox h3{margin-top:5px}
p.subcomment{padding:0 5px 5px}

div#rightbox h4.servicemidashi{color:#990000; margin-bottom:5px; font-weight:bold; font-size:1.2em; padding:5px; background:url(../stay/images/line_midashi.gif) repeat-x bottom; clear:both;}

div#rightbox h4.servicemidashi span{width:460px; display:block; float:left;}
div#rightbox h4.servicemidashi a{width:35px; background:url(../common/ico_arrow.gif); background-repeat:no-repeat; background-position:0% 50%; padding:0 0 0 15px; display:block; text-align:right; float:left;}


div#rightbox div#info{border-bottom:1px solid #CCCCCC; padding:10px 5px 10px; margin-bottom:15px; clear:both;}


div#info dl#check{clear:both; background:#0000FF;}
div#info dl#check dt{float:left; padding:0 5px;}
div#info dl#check dd{float:left; padding:0 5px;}

div#info table.infotable{background:#ccc;}
div#info table.infotable th{text-align:center; font-weight:normal; background:#EEE;}
div#info table.infotable td{background:#FFF; padding:0 5px;}


/* clubloungepage　fitness
------------------------------------------------------*/

/*clublounge fitness*/
div#rightbox  dl.lounge{margin:0 5px 5px; border-bottom:dotted 1px #CCC; padding-bottom:5px;}
div#rightbox  dl.lounge dt{width:240px; margin-right:10px; float:left; }
div#rightbox  dl.lounge dd{width:255px; padding-top:5px; float:left;}
div#rightbox  dl.lounge dd.machineList{clear:both; width:auto; padding-top:5px; float:none;}
div#rightbox  dl.lounge dd ul.machine li{list-style:inside disc; line-height:1em; padding:4px 0;}

div#rightbox  p#fitnessphoto{text-align:left;}
div#rightbox  p#fitnessphoto img{margin:0 5px;}

/*meetingroom*/
div#rightbox div#meeting{margin:10px 0 0 10px; }
div#rightbox div#meeting img{float:right; margin-left:5px; width:240px;}
div#rightbox div#meeting div.use{width:260px;}
div#rightbox div#meeting div.use h4{color:#990000; font-weight:bold;}
div#rightbox div#meeting div.use table{background:#CCCCCC; text-align:center;}
div#rightbox div#meeting div.use table th{background:#999999; color:#FFFFFF;}
div#rightbox div#meeting div.use table td{background:#FFFFFF;}


/*landry*/
div#landry{width:510px; margin:0 5px 10px;}
div#rightbox table.servicetable th.sex{background:#EEEADB; color:#444;}
div#rightbox table.servicetable td.kakku{text-align:right; padding-right:5px;}

/*babysitter*/
div#rightbox p.baby{margin:0 5px;}
div#rightbox ul#baby-01{margin:5px 10px; }
div#rightbox ul#baby-01 li{list-style-type: outside ; margin:3px 0; }
div#rightbox ul#baby-02{ margin:10px 0 10px 0; padding:10px; background:#EEEADB;}
div#rightbox ul#baby-02 li{list-style-type: outside ; margin:3px 0; }

/*it*/
div#rightbox img.right-image{clear:both; float:right; margin:10px 0px 30px 5px;}

div#rightbox ul#it-01{ margin:10px 0 10px 0; padding:10px; width:280px;}
div#rightbox ul#it-01 li{list-style-type: outside ; margin:3px 0; }
div#rightbox ul#it-02{ clear:both; margin:0px 0 10px 0; padding:10px; background:#EEEADB;}
div#rightbox ul#it-02 li{list-style-type: outside ; margin:3px 0;}
div#rightbox ul#it-02 li.cap{list-style-type: outside ; margin:3px 0; font-weight:bold; font-size:1.1em; color:#990000;}

/*tv*/
div#rightbox table.tv{background:#CCCCCC; text-align:center; margin:auto;}
div#rightbox table.tv tr{background:#FFFFFF; padding:2px;}
div#rightbox table.tv th{ width:100px;background:#EEEADB; } 


/*guest*/
div#rightbox h4.guestmidashi{width: 295px; color:#990000; margin-bottom:5px; font-weight:bold; font-size:1.2em; padding:5px; background:url(../stay/images/line_midashi.gif) repeat-x bottom;}
div#rightbox table.servicetable th.bz{background:#EEEADB; color:#444;}


/*universal*/
p.copy{font-size:1.2em; font-weight:bold;}

/* 宿泊プラン
------------------------------------------------------*/

/*usj*/
h2#usj_tit{width:780px; float:none; margin-bottom:10px;}
h3#usj_mds{width:780px; background:#970B2F; text-align:center; padding:5px 0; font-size:18px; color:white; margin-bottom:10px;}
p#usj_explan{text-align:center; font-size:14px; line-height:125%; margin-bottom:10px;}
h4#usj_period{font-size:16px; color:#970B2F; font-weight:bold; padding:10px 0; text-align:center;}

ul#usj_stay{background:#FFFFCC; padding:10px; width:740px; margin:0 auto; }
ul#usj_stay li.left{float:left; width:420px;}
ul#usj_stay li.right{float:right; width:300px;}
ul#usj_stay li.right img.robby{margin-bottom:10px;}

ul#usj_stay li.left dl.privilege{margin-bottom:10px; clear:both;}
ul#usj_stay li.left dl.privilege dt{font-size:14px; font-weight:bold; color:#970B2F;}
ul#usj_stay li.left dl.privilege dd{font-size:14px;}

dl.privilege dd .price{background:#999999; color:#666666;}
dl.privilege dd .price th{font-size:14px; padding:3px; background:#DDD; text-align:center;}
dl.privilege dd .price td{background:#FFFFFF; font-size:12px; text-align:center; padding:3px;}
ul#usj_stay li.left dl.privilege dd.warning{font-size:12px;}