@charset "utf-8";

/***********************************
  ASLEEP的　目覚め美人化計画
  style.css
***********************************/

@import "/common/css/base.css";


/*==================================
  Contents
==================================*/

div#contents div#main_box {width:750px; height:270px; background:url(image/back_main.gif); overflow:hidden;}
div#contents div#main_box p {font-size:14px; width:500px; margin:55px 0 0 40px; color:#333; position:absolute;}
div#contents div#main_box h3 {position:absolute; margin:149px 0 0 98px;}
div#contents div#main_box dl {position:absolute; width:616px; margin:180px 0 0 98px; color:#333; line-height:1.5em;}
div#contents div#main_box dt {float:left; width:458px;}
div#contents div#main_box dd {float:right; margin-top:7px;}

/* 090722用 */
div#contents div#main_box_new {width:750px; height:224px; background:url(image/back_main2011.gif); overflow:hidden;}
div#contents div#main_box_new p {font-size:14px; width:500px; margin:10px 0 0 40px; color:#333; position:absolute;}
div#contents div#main_box_new h3 {position:absolute; margin:113px 0 0 98px;}
div#contents div#main_box_new dl {position:absolute; width:616px; margin:143px 0 0 98px; color:#333; line-height:1.5em;}
div#contents div#main_box_new dt {float:left; width:458px;}
div#contents div#main_box_new dd {float:right; margin-top:7px;}


div#contents div#hotel_box {padding:30px 20px;}

div#contents div#hotel_box ul#area_select {background:#f6f1e2; list-style:none; margin-top:15px; font-size:14px; padding:6px 0;}
div#contents div#hotel_box ul#area_select li {float:left; background:url(image/lm.gif) left no-repeat; padding-left:20px; margin:0 16px; _margin-left:8px;}

div#contents div#hotel_box h4#area01 {background:#7ebbda; color:#fff; font-weight:normal; font-size:14px; margin-top:25px; padding:6px 16px; letter-spacing:0.3em;}
div#contents div#hotel_box h4#area02 {background:#b6e6c9; color:#fff; font-weight:normal; font-size:14px; margin-top:25px; padding:6px 16px; letter-spacing:0.3em;}

div.line {height:30px; margin-left:10px; border-bottom:1px dashed #333;}
div.line02 {height:15px; margin-bottom:15px; border-bottom:1px dashed #333;}
.cf00 {color:#f00; margin-bottom:1em; display:block;}

div#contents div#hotel_box div.area_box {margin:25px 10px 0 10px;}
div#contents div#hotel_box div.area_box div.box_left {float:left; width:336px; color:#000;}
div#contents div#hotel_box div.area_box div.box_left2 {float:left; width:336px; color:#000;}
div#contents div#hotel_box div.area_box div.box_right {float:right; width:348px;}

div#contents div#hotel_box div.area_box div.box_left h5 {font-size:18px; background:url(image/dott.gif) bottom repeat-x; padding-bottom:5px;}
div#contents div#hotel_box div.area_box div.box_left h5 span {font-size:12px; font-weight:normal;}
div#contents div#hotel_box div.area_box div.box_left dl {margin-top:10px;}
div#contents div#hotel_box div.area_box div.box_left dt {float:left; width:235px; line-height:1.5em;}
div#contents div#hotel_box div.area_box div.box_left dd {padding:5px 0 0 245px;}
div#contents div#hotel_box div.area_box div.box_left p.tel01 {font-size:18px; width:330px; font-weight:bold; color:#000; margin-top:10px; text-align:right; background:url(image/icon_tel01.gif) left no-repeat;}
div#contents div#hotel_box div.area_box div.box_left p.tel02 {font-size:18px; width:330px; font-weight:bold; color:#000; margin-top:10px; text-align:right; background:url(image/icon_tel02.gif) left no-repeat;}

div#contents div#hotel_box div.area_box div.box_left p.web01 {font-size:14px; width:330px; font-weight:bold; color:#000; margin-top:10px; text-align:right; background:url(image/icon_web01.gif) left no-repeat; padding:5px 0;}
div#contents div#hotel_box div.area_box div.box_left p.web02 {font-size:14px; width:330px; font-weight:bold; color:#000; margin-top:10px; text-align:right; background:url(image/icon_web02.gif) left no-repeat; padding:5px 0;}

div#contents div#hotel_box div.area_box div.box_left p.access {margin-top:10px; width:330px; text-align:right; font-size:14px;}
div#contents div#hotel_box div.area_box div.box_left p.access a {background:url(image/lm02.gif) left no-repeat; padding:2px 0 2px 23px; color:#6a4b3a;}
div#contents div#hotel_box div.area_box div.box_left p.access a:hover {color:#f93;}

div#contents div#hotel_box div.area_box div.box_left2 h5 {font-size:18px; background:url(image/dott.gif) bottom repeat-x; padding-bottom:5px;}
div#contents div#hotel_box div.area_box div.box_left2 h5 span {font-size:12px; font-weight:normal;}
div#contents div#hotel_box div.area_box div.box_left2 dl {margin-top:10px;}
div#contents div#hotel_box div.area_box div.box_left2 dt {float:left; line-height:1.5em;}
div#contents div#hotel_box div.area_box div.box_left2 dd {padding:5px 0 0 245px;}
div#contents div#hotel_box div.area_box div.box_left2 p.tel01 {font-size:18px; width:330px; font-weight:bold; color:#000; margin-top:10px; text-align:right; background:url(image/icon_tel01.gif) left no-repeat;}
div#contents div#hotel_box div.area_box div.box_left2 p.tel02 {font-size:18px; width:330px; font-weight:bold; color:#000; margin-top:10px; text-align:right; background:url(image/icon_tel02.gif) left no-repeat;}

div#contents div#hotel_box div.area_box div.box_left2 p.web01 {font-size:14px; width:330px; font-weight:bold; color:#000; margin-top:10px; text-align:right; background:url(image/icon_web01.gif) left no-repeat; padding:5px 0;}

div#contents div#hotel_box div.area_box div.box_left2 p.access {margin-top:10px; width:330px; text-align:right; font-size:14px;}
div#contents div#hotel_box div.area_box div.box_left2 p.access a {background:url(image/lm02.gif) left no-repeat; padding:2px 0 2px 23px; color:#6a4b3a;}
div#contents div#hotel_box div.area_box div.box_left2 p.access a:hover {color:#f93;}

div#contents div#hotel_box div.area_box div.box_left2 .btn-web {text-align: right; margin-top: -35px; margin-right: 8px; padding-bottom: 5px;}
div#contents div#hotel_box div.area_box div.box_left2 .btn-reserve {margin-top: 5px;}

div#contents div#hotel_box div.area_box div.box_right img {float:right; margin-left:5px;}

div#contents div#hotel_box div.box {border:1px dotted #000; padding:10px 15px; margin:20px 10px 0 10px; color:#333; line-height:1.5em;}
div#contents div#hotel_box div.box p {padding-left:1em; text-indent:-1em;}
div#contents div#hotel_box div.box span {display:block; margin-bottom:1em;}


div#contents div#hotel_box div.bnr_box {margin: 0 0 0 10px;}
div#contents div#hotel_box div.bnr_box div.box_left {float: left; margin-top: 17px; width: 298px; border: #000 dotted 1px; padding: 10px 15px; color: #333; line-height: 1.5;}
div#contents div#hotel_box div.bnr_box div.box_left span {color: #c00;}
div#contents div#hotel_box div.bnr_box div.box_right {float: right;}

ul#bnr_space {margin-top:25px; list-style:none;}
ul#bnr_space li {float:left;}
ul#bnr_space li#bnr_left {margin-right:8px;}


div#contents div#hotel-menu {margin-top: 20px;}
div#contents div#hotel-menu #hotel-left {float: left; width: 428px; border: #26a6d3 solid; border-width: 0 1px 1px 1px; height: 22em;}
div#contents div#hotel-menu #hotel-left h4 {margin: 20px 9px 0 9px;}
div#contents div#hotel-menu #hotel-left h5 {margin: 10px 9px;}
div#contents div#hotel-menu #hotel-left p {margin: 0 9px 10px;}
div#contents div#hotel-menu #hotel-left p span {display: block; color: #c00; font-size: 10px; margin-top: 5px; line-height: 1.2;}
div#contents div#hotel-menu #hotel-left dl {margin: 0 9px; color: #333;}
div#contents div#hotel-menu #hotel-left dl dt {float: right; width: 140px; text-align: right;}
div#contents div#hotel-menu #hotel-left dl dd {padding-right: 140px; font-size: 12px; line-height: 1.5;}
div#contents div#hotel-menu #hotel-right {float: right; width: 298px; border: #74c3a5 solid; border-width: 0 1px 1px 1px; height: 22em;}
div#contents div#hotel-menu #hotel-right p {margin: 20px 9px 0; color: #333; font-size: 12px; line-height: 1.5;}



/*==================================
  Left Side部分
==================================*/

div#seminar_bnr {margin-top:15px;}

div#seminar_bnr p {position:absolute; margin:-24px 0 0 108px;}

div#hotel_bnr {margin-top:10px;}

div#hotel_bnr p {position:absolute; margin:-24px 0 0 10px;}

div#life_bnr {margin-top:10px;}

div#life_bnr p {position:absolute; margin:-26px 0 0 11px;}

div#left_box01 {width:190px; height:145px; margin-top:10px;}

div#left_box01 p {position:absolute; margin:-25px 0 0 10px;}

div#left_box02 {width:190px; height:162px; margin:10px 0 10px 0;}

div#left_box02 p {position:absolute; margin:-56px 0 0 97px;}

div#left_box03 {width:190px; height:144px; margin-bottom:22px;}

div#left_box03 p {position:absolute; margin:-23px 0 0 84px;}

div#left_box04 {width:190px; height:145px; margin-bottom:10px;}

div#left_box04 p {position:absolute; margin:-25px 0 0 11px;}

div#left_box05 {width:190px; height:145px; margin-bottom:10px;}

div#left_box05 p {position:absolute; margin:-26px 0 0 11px;}

div#left_box06 {width:190px; height:145px; margin-bottom:10px;}

div#left_box06 p {position:absolute; margin:-26px 0 0 83px;}

div#campaign {margin-top:10px; background:url(/image/back_campaign.gif) bottom; padding-bottom:20px;}

div#campaign p {margin:10px 0 0 6px;}

div#campaign p .check-btn {position:absolute; margin:-31px 0 0 91px;}

div#left_box000 {width:190px; background:url(/image/monitar_body.gif) bottom; padding-bottom:15px; margin-top:10px;}

div#left_box000 dl {width:175px; margin-left:10px;}

div#left_box000 dl dt {width:85px; float:left;}

div#left_box000 dl dd {padding-left:90px; line-height:1.5em;}

div#left_box000 dl dd a {color:#000; text-decoration:underline; font-weight:bold;}

div#left_box000 dl dd a:hover {color:#c93; text-decoration:none;}

div#left_box000 p.form_img {margin:10px 0 0 60px;}

div#sidemenu {padding-bottom:5px;}
div#sidemenu ul {list-style:none;}
div#sidemenu li {line-height:0; font-size:0;}