@charset "utf-8";

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

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


/*==================================
  Latout
==================================*/

div#kaiin_main {width:810px; margin:10px auto 0; color:#333;}


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

div#kaiin_main div#left {width:495px; height:281px; float:left; background:url(image/back01.gif) bottom no-repeat;}

div#kaiin_main div#left p {width:446px; height:106px; overflow:hidden; margin-left:37px; color:#333;}

div#kaiin_main div#left ul {list-style:none; margin-left:33px;}

div#kaiin_main div#left ul li {float:left;}

div#kaiin_main div#right {width:315px; height:281px; float:right; background:url(image/back02.gif);}

div#kaiin_main div#right ul {list-style:none;}

div#kaiin_main div#right ul li p {color:#666; font-size:10px; padding-left:25px;}

div#kaiin_main div#right ul li p.present {margin:-10px 0 5px 0;}

h3#print {margin:18px 0 22px 56px;}

div#print_box {width:800px; background:#ebe6da; padding:10px 0 13px 0; margin:0 0 18px 5px; overflow:hidden;}

div#print_box h3 {margin:0 0 8px 18px;}

div#print_box ul {list-style:none; margin-left:15px;}

div#print_box ul li {float:left; width:380px; height:111px; background:url(image/back03.gif) no-repeat; margin-right:10px;}

div#print_box ul li h4 {margin:13px 0 10px 9px;}

div#print_box ul li p {color:#333; margin-left:15px; width:355px;}

img#coupon {margin:0 0 60px 5px;}

h3#gallery {margin:0 0 20px 23px;}

div#box {width:685px; margin:0 0 30px 85px;}

div#box div {width:341px; float:left;}

div#box div p {margin-bottom:15px; width:295px;}

div#box div p img {margin-left:15px;}

/*----090108----*/

div#main-box {height:313px; background:url(image/main_back.gif); padding-left:25px;}

h3#main-title {height:90px; background:url(image/title01_02.gif); text-indent:-4649em;}

div#main-box p {position:absolute;}

div#main-box h3 {position:absolute; margin-top:57px;}

div#main-box ul#list-left {position:absolute; margin-top:100px; list-style:none; line-height:0; font-size:0;}

div#main-box ul#list-left li p {color:#666; font-size:10px; margin-left:30px;}

div#main-box ul#list-left li.mat29 {margin-top:29px;}

div#main-box ul#list-center {position:absolute; margin:100px 0 0 300px; list-style:none; line-height:0; font-size:0;}

div#main-box ul#list-center li p {color:#666; font-size:10px; margin-left:45px;}

div#main-box ul#btn-box {position:absolute; margin:72px 0 0 566px; list-style:none; line-height:0; font-size:0;}

img#coupon-img {margin:0 0 20px 5px;}

ul#bottom-btn {width:690px; margin:0 0 30px 58px; list-style:none;}


/*  20080420UP
----------------------------------*/
div#campaign-main {width:750px; float:right;}
div#left {width:190px; float:left;}

div#main-visual {width:749px; height:162px; overflow:hidden; background:url(image/main_visual.jpg);}
div#main-visual h2 {position:absolute; margin:20px 0 0 19px;}
div#main-visual p {position:absolute; margin:100px 0 0 26px; color: #333;}

ul#present-box {list-style:none; margin: 11px 22px 22px 22px;}
ul#present-box li {background:url(image/dottA.gif) bottom repeat-x; padding:10px 5px 10px 0;}
ul#present-box li.caution {background:none; font-size:10px; color:#333; padding: 5px;}
ul#present-box li dl.icon-area dt {float:left; width:160px;}
ul#present-box li dl.icon-area dt img {margin-right:5px;}
ul#present-box li dl.icon-area dd p {text-align:right; font-size:10px; color:#000;}
ul#present-box li dl.detail-area {padding-top: 8px;}
ul#present-box li dl.detail-area dt {width:108px; float:left;}
ul#present-box li dl.detail-area dd {padding-left:110px;}
ul#present-box li dl.detail-area dd span {font-size:10px; color:#565ea6;}
ul#present-box li dl.detail-area dd a {font-size:16px; color:#00ada3; font-weight:bold;}
ul#present-box li dl.detail-area dd a:hover {text-decoration:none; color:#565ea6;}
ul#present-box li dl.detail-area dd p {padding-top: 5px; line-height: 1.3; color: #333;}
ul#present-box li dl.detail-area dd p.btn-detail {padding:0; text-align:right;}
ul#present-box li dl.detail-area dd p.btn-detail a {font-size:12px; color:#333; font-weight:normal; background:url(image/lmA.gif) left no-repeat; padding-left:16px;}
ul#present-box li dl.detail-area dd p.btn-detail a:hover {color:#00ada3;}

ul#bnr-box {list-style:none;}
ul#bnr-box li {float:left; width:180px; margin-right:10px;}
ul#bnr-box li.none {margin:0;}
ul#bnr-box li p#bnr1,ul#bnr-box li p#bnr2 {margin:-31px 0 0 6px;}
ul#bnr-box li p#bnr3 {margin:-40px 0 0 107px;}
ul#bnr-box li p#bnr4 {margin:-41px 0 0 96px;}

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


/*  20090722UP
----------------------------------*/
div#main-visual_new {width:749px; height:162px; overflow:hidden; background:url(image/main_visual_new.jpg);}
div#main-visual_new h2 {position:absolute; margin:20px 0 0 19px;}
div#main-visual_new p {position:absolute; margin:100px 0 0 26px; color: #333;}