@charset "utf-8";

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

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

	1: Topics

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

h2#title {margin:20px 0px;}

ul.topics{ margin:10px auto; width:740px; padding-bottom:5px; border-bottom:#CCCCCC 1px dashed; clear:both; }
ul.topics li.category{float:left; text-align:center; width:90px;}
ul.topics li.news{text-align:left; float:left; padding:0 10px; width:510px;}
ul.topics li.news a{ background:url(../common/ico_arrow.gif) no-repeat left 0.3em; padding-left:20px; padding-bottom:3px;}
ul.topics li{float:left; padding:0 10px; width:60px;}

.tab-center{ padding:auto; margin:auto;}

div#xmasDS{margin:0 auto; width:610px;}

/*-------------assemblage-------------*/
p.assemText{font-size:1.1em; color:white; padding:5px 10px;}
p.assemPlan{color:#FFFF99; padding:5px; font-size:0.95em; text-align:right;}
p#estheLunch{text-align:center; color:#E73562; margin-top:10px;}
p#estheLunch span{font-weight:bold;}
p#estheLunch span a{color:#E73562;}
div#lunchBanner{background:url(../topics/images/line_dot.gif) bottom no-repeat; padding:5px 0 20px; width:740px; margin:0 auto;}


div#facial{width:350px; float:left; margin:10px 0px 10px 20px; display:inline;}
div#facial h4{margin-bottom:10px; text-align:left;}
div#facial .menu{float:left; width:270px}
div#facial .menu h6{font-weight:bold; font-size:1em;}
div#facial .menu p{color:#755C51; padding-bottom:5px; font-size:0.9em; line-height:1.2em;}
div#facial dl{width:70px; float:right;}
div#facial dl dt{width:25px; float:left;}
div#facial dl dd{width:45px; float:left; text-align:right;}

div#mens{width:372px; float:right; margin:20px 20px 10px 0px; display:inline; background:#5E5B30; color:#FFFFFF;}
div#mens h5{margin:10px 0 10px; text-align:center}
div#mens .menu{float:left; width:260px; padding-left:20px;}
div#mens .menu h6{font-weight:bold; font-size:1em; margin-bottom:5px;}
div#mens .menu p{padding-bottom:10px;  font-size:0.9em; line-height:1.2em;}
div#mens dl{width:70px; float:right; margin-right:15px; display:inline;}
div#mens dl dt{width:25px; float:left;}
div#mens dl dd{width:45px; float:left; text-align:right;}

div#care{width:760px; clear:both; margin-bottom:10px;}
div#care div#bodycare{width:360px; float:left; margin:10px 0px 10px 20px; display:inline; }
div#care div#bodycare h4{margin:10px 0;}
div#care div#bodycare .menu{float:left; width:280px;}
div#care div#bodycare .menu h6{ font-weight:bold; font-size:1em;}
div#care div#bodycare .menu p{color:#755C51; padding-bottom:5px; font-size:0.9em; line-height:1.2em;}
div#care div#bodycare dl{width:70px; float:right;}
div#care div#bodycare dl dt{width:25px; float:left;}
div#care div#bodycare dl dd{width:45px; float:left; text-align:right;}

p.tensen{width:350px; clear:both; margin-bottom:5px;}

table.stayPlan{width:600px; background:#666666; text-align:center; margin:0 auto; clear:both;}
table.stayPlan th{color:#FFFFFF; font-weight:bold; font-size:1.2em; padding:5px;}
table.stayPlan td{background:#FFFFFF; line-height:1.2em; padding:3px;}

div.campaign{background:#F8ECCD; padding:10px; margin:0 auto 20px; width:720px;}
div.campaign p.mark{float:left; width:145px;}
div.campaign dl.offText{float:left; padding-left:20px;}
div.campaign dl.offText dt{color:#504841; font-weight:bold; font-size:14px;}
div.campaign span{color:#C7000B;}




/*-------------sleep-------------*/

div.sleepBox {width:760px; margin:0px auto 20px; clear:both;}
div.sleepbg {background-image:url(../topics/images/bg_sleep.jpg); background-repeat:no-repeat; background-position:100% 64px;}
div.sleepBox h3 {margin-bottom:20px;}
div.sleepBox p {width:500px; margin:0px 0px 10px;}
div.sleepBox p.consult {width:338px; margin:0px 0px 0px; padding:5px; font-size:0.9em; background-color:#FFFFFF; border:1px solid #CC0000;}
div.sleepBox p.consult span {display:block; font-weight:bold; font-size:1.2em; margin:0px 0px 5px; padding:0px;}

div.sleepBox p span {display:block; font-weight:bold;}

div.sleepBox dl {width:250px; margin:0px 10px 0px 0px; float:left;}
div.sleepBox dt img {border:1px solid #CC0000; padding:1px;}
div.sleepBox dd {padding:10px; font-size:0.9em;}
div.sleepBox dd span {display:block; font-weight:bold;}

div.sleepBox div.detail {width:500px; float:left;}
div.sleepBox h4 {font-size:1.2em; font-weight:bold; border-bottom:1px solid #CC0000; color:#990000; padding-bottom:0px; margin-bottom:10px; clear:both;}
div.sleepBox h5 {font-size:1.2em; font-weight:bold; border-left:3px solid #CC0000; padding-left:7px; margin-bottom:5px;}

div.detail ul {margin:0px 0px 20px; padding:0px;}
div.detail li {list-style:decimal;	margin:0px 0px 5px 26px; font-weight:bold; list-style-position:outside;}
div.detail li span {font-weight:normal; line-height:normal;}

div.detail p.aroma {width:480px; background-color:#EEEEEE; padding:10px; margin:0px;}

p.attention {width:760px; margin:0px auto 20px; clear:both; font-size:0.9em;}


/*-------------claire-------------*/

div#claireLogo{width:740px; background:url(../topics/images/claire_bg.gif) no-repeat center;  border:1px solid #4F3423; margin:0 auto;}
h3.claireName{font-size:1.5em; font-weight:bold; color:#993300; text-align:center;}
p.claire{text-align:center; margin-top:20px;}
dl.foot{width:640px; margin:10px auto;}
dl.foot dt{font-weight:bold; text-align:center; color:#993300;}
dl.foot dd{margin:5px 0; text-align:center; }

dl.service{width:720px; margin:10px auto; padding:10px; border:#CCCCCC solid 1px; background-color:#FFFFCC;}
dl.service dt{font-weight:bold; font-size:1.2em; color:#993300;}
dl.service dd{padding:2px 5px;}

div.careClaier{width:740px; margin:15px auto 5px;}
div.careClaier img{width:176px; padding:1px; border:1px solid #CCCCCC; float:left;}
div.careClaier dl{float:right; width:540px; padding:0 5px;}
div.careClaier dl dt{font-weight:bold; font-size:1.2em; color:#993300; border-bottom:2px solid #CCCCCC;}
div.careClaier dl dd{line-height:1.3em; padding:5px;}
ul.careMenu{width:730px; margin:5px auto; clear:both; background-color:#eeeeee; padding:5px;}
ul.careMenu li{padding:2px 10px;}



div#claireMain{width:700px; margin:10px auto; background-color:#7C5421;}
div#claireMain ul{width:650px; margin-left:45px;}
div#claireMain li{width:141px; float:left; margin-right:15px;}

div.footCare{width:760px; margin:50px auto 0; clear:both;}
div.footCare h4{padding-bottom:5px;}
div.footCare p img{width:254px; padding:1px; border:1px solid #CCCCCC; float:left;}
div.footCare ul{float:right; width:495px;}
div.footCare ul li{width:495px;}
div.footCare dl.explain dt{font-weight:bold; font-size:1.2em; padding:5px; color:#967144;}
div.footCare dl.explain dd{line-height:1.3em; padding:5px;}
div.footCare dl.careMenu{background-color:#F1E3C8; padding:2px 5px 5px;}
div.footCare dl.careMenu dt{font-weight:bold; padding-top:3px;}
div.footCare dl.careMenu dd{}






/*-------------osechi-------------*/
h3.osechiTitle{margin:5px auto; width:740px;}
div#osechiBox{width:760px; margin:20px auto; clear:both;}
div#osechiBox h4{margin-bottom:10px;}
div#osechiBox p.photo img{border:1px solid #C3292E; float:left; display:inline; margin:5px;}
div#osechiBox ul.threeBox{float:right; display:inline; margin:0 5px;}
div#osechiBox ul.threeBox li{float:left; display:inline; margin:5px 5px 0 0; width:150px; font-size:0.92em;}
div#osechiBox ul.threeBox li.jpn{width:120px;}

div#osechiBox dl.oneBox{float:right; display:inline; margin:0 5px;}
div#osechiBox dl.oneBox dt img{margin-bottom:10px;}
div#osechiBox dl.oneBox dd{float:left; display:inline; margin:5px 5px 0 0; width:210px; font-size:0.92em;}

p.attention{ width:730px; margin:10px auto; background:#DDDDDD; padding:5px 10px; clear:both; text-align:center; font-size:1em;}
div#osechiApply{width:720px; margin:10px auto 10px; padding:5px; border:1px solid #C3292E;}
div#osechiApply table th{width:100px; text-align:left; padding:2px 10px; background:#C3292E; color:#FFFFFF;}
div#osechiApply table td{padding:2px 5px;}
div#osechiApply table td.red{font-size:1.1em; color:#C3292E; font-weight:bold;}
div#osechiApply table td.area{font-size:0.8em;}
div#osechiApply span.mini{font-size:0.8em; color:#444444; font-weight:normal;}
div#osechiTel{text-align:center; font-weight:bold; font-size:1.2em}