@charset "utf-8";

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


/*==================================
  BASIC
==================================*/
html{margin:0 auto 0; padding:0; font-size:80%; font-family:verdana; color:#666; text-align:center;}
* html body {font-family: verdana,'ＭＳ Ｐゴシック';}
*:first-child+html body {font-family: verdana,'メイリオ', 'ＭＳ Ｐゴシック';}
body{margin:0 auto 0; padding:0; background:#fff url(/common/image/back.gif) top repeat-x;}


/*==================================
  RESET
==================================*/
* {margin:0; padding:0; text-align:left;}
img{border:none;}
p,ul{line-height:1.5em;}
hr {display: none;}
address {font-style: normal; text-align:right; font-size:9px;}
.clear {zoom: 100%;}
.clear:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}


/*==================================
  common parts
==================================*/
.hide{display:none;}
.fright {float:right;}
.fleft {float:left;}
/*\*/ a { overflow: hidden; }/**/


/*==================================
  LINK
==================================*/
a:link {color:#694a39; text-decoration:underline;}
a:visited {color:#694a39; text-decoration:underline;}
a:hover {color:#f93; text-decoration:underline;}
a:active {color:#f93;}


/*==================================
  Common Layout
==================================*/
div#outline {width:950px; margin:0 auto 0;}
div#header {width:950px; height:98px; background:url(/common/image/back_header.gif);}
div#footer {height:92px; background:url(/common/image/back_footer.gif) repeat-x;}


/*==================================
  Common GO TO TOP
==================================*/
p#gototop {width:950px; margin:15px auto 10px; text-align:right;}

/*==================================
  Common Header Layout
==================================*/
div#header h1 {padding-top:20px;}
div#header div {width:430px; height:89px; margin:-81px 0 0 520px; position:absolute; overflow:hidden;}
div#header div ul {width:330px; height:68px; margin-left:100px; list-style:none;}
div#header div ul li {float:left;}
div#header div p {font-size:9px; text-align:right; color: #666666;}


/*==================================
  Common Footer Layout
==================================*/
div#footer_inner {width:950px; height:92px; margin:0 auto 0; overflow:hidden;}
div#footer_inner div {width:160px; float:left; padding-top:20px;}
div#footer_inner p {text-align:right; font-size:9px; padding:18px 0 5px 0;}
div#footer_inner ul {list-style:none; font-size:10px;}
div#footer_inner ul li {float:left;}
div#footer_inner ul li#logo_bnr {float:right;}

/*-----↑Common Setting-----Common Second-page Setting↓-----*/


/*==================================
  Common Second-page Layout
==================================*/
body#second div#main{width:950px;}
body#second div#contents {width:750px; float:right;}
body#second div#left {width:190px; float:left;}


/*==================================
  Common Second-page G-navi
==================================*/
div#gnavi {width:950px; height:70px;}
div#gnavi ul {list-style:none;}
div#gnavi ul li {float:left;}


/*==================================
  Common Second-page PankuzuList
==================================*/
div#pan {height:38px; line-height:38px; font-size:10px; padding-left:2px;}
div#pan a {color:#666; text-decoration:underline;}
div#pan a:hover {color:#c93; text-decoration:none;}


/*==================================
  Common Second-page Left-side
==================================*/
body#second div#left div#seminar {width:190px; background:#f6e9b0 url(/common/image/back_seminar_lside.gif) bottom no-repeat; padding-bottom:15px;}
body#second div#left div#seminar dl {width:178px; margin-left:8px; line-height:1.5em;}
body#second div#left div#seminar dl dt {color:#333; margin-bottom:10px;}
body#second div#left div#seminar dl dt strong {color:#930;}
body#second div#left div#seminar dl dd p {font-size:12px; font-weight:bold; display:block; width:85px; position:absolute; margin:-84px 0 0 90px;}
body#second div#left div#seminar dl dd p a {color:#fff;}
body#second div#left div#seminar dl dd p a:hover {color:#c93; text-decoration:none;}
body#second div#left div#seminar p#seminar01 {margin:10px 0 0 11px; width:176px; color:#930; font-size:10px;}
body#second div#left div#seminar p#seminar01 img {margin-top:5px;}
body#second div#left div#seminar p#seminar02 {margin:10px 0 0 11px; width:176px; font-size:10px;}
body#second div#left div#seminar p#seminar02 img {margin:5px 0 0 30px;}
body#second div#left div#sponcer h3 {margin-top:15px;}
body#second div#left div#sponcer ul {margin-top:10px; list-style:none;}
body#second div#left div#sponcer ul li {margin-bottom:11px;}
body#second div#left div#sponcer ul li p {background:url(/common/image/icon_arrow.gif) left no-repeat; margin-top:5px; padding-left:15px; font-size:10px;}

body#second div#left div.seminar {width:190px; background:#f6e9b0 url(/common/image/back_seminar_lside.gif) bottom no-repeat; padding-bottom:15px; margin-bottom: 10px;}
body#second div#left div.seminar dl {width:178px; margin-left:8px; line-height:1.5em;}
body#second div#left div.seminar dl dt {color:#333; margin-bottom:10px;}
body#second div#left div.seminar dl dt strong {color:#930;}
body#second div#left div.seminar dl dd p {font-size:12px; font-weight:bold; display:block; width:82px; position:absolute; margin:-84px 0 0 90px;}
body#second div#left div.seminar dl dd p a {color:#fff;}
body#second div#left div.seminar dl dd p a:hover {color:#c93; text-decoration:none;}
body#second div#left div.seminar p#seminar01 {margin:10px 0 0 11px; width:176px; color:#930; font-size:10px;}
body#second div#left div.seminar p#seminar01 img {margin-top:5px;}
body#second div#left div.seminar p#seminar02 {margin:10px 0 0 11px; width:176px; font-size:10px;}
body#second div#left div.seminar p#seminar02 img {margin:5px 0 0 30px;}
body#second div#left div.seminar dt {width:178px; line-height:1.25em;}
body#second div#left div.seminar dl dd p {font-size:12px; font-weight:bold; display:block; width:84px; position:absolute; margin:-84px 0 0 90px;}
body#second div#left div.sponcer h3 {margin-top:15px;}
body#second div#left div.sponcer ul {margin-top:10px; list-style:none;}
body#second div#left div.sponcer ul li {margin-bottom:11px;}
body#second div#left div.sponcer ul li p {background:url(/common/image/icon_arrow.gif) left no-repeat; margin-top:5px; padding-left:15px; font-size:10px;}

div#monitor {margin:5px 0 10px 0; padding-bottom:15px; background:url(/common/image/back_monitor.gif) bottom;}
div#monitor dl {margin: 5px 0 0 9px; width: 170px;}
div#monitor dt {width: 87px; float: left;}
div#monitor dd {font-size: 10px; padding-left: 87px; line-height: 1.5;}
div#monitor dd span {font-weight: bold; color: #333333;}
div#monitor p {clear: both; margin: 15px 0 0 43px;}

div#present-box {margin-top:10px; background:url(/images/back_present.gif) top left no-repeat; height:328px; overflow:hidden;}
div#present-box ul {list-style:none; padding-left:11px;}
div#present-box li {float:left; margin-right:5px; line-height:0; font-size:0;}
div#present-box p {padding-left:7px; line-height:0; font-size:0;}

div#topics-box {margin-top:10px;}
div#topics-box p {margin:-27px 0 0 111px; padding-bottom:8px;}

div#topics-box02 {margin-top:10px;}
div#topics-box02 p {margin:-29px 0 0 109px; padding-bottom:5px;}

div#campaign {margin-top:10px; background:url(/image/back_campaign.gif) bottom; padding-bottom:13px;}
div#campaign p {margin:10px 0 0 6px;}
div#campaign p .check-btn {position:absolute; margin:-31px 0 0 91px;}
div#campaign p.campaign-detail {margin:5px 10px 0 0; text-align:right;}

div#campaign_new {margin-top:10px;}
div#campaign_new p .check-btn {position:absolute; margin:-32px 0 0 97px;}

/*--100726eDit--*/
div#present-box-new {background:url(/common/image/back_present_new.gif) bottom; margin-top:10px;}
div#present-box-new dl {padding:0 3px 3px;}
div#present-box-new dt {margin:0; padding:0; font-size:0; line-height:0;}
div#present-box-new dd {text-align:center; margin:0; padding:0;}
div#present-box-new dd ul {margin:0; padding:0; font-size:0; line-height:0;}
div#present-box-new dd ul li {list-style:none; width:92px; float:left;}

/*--100809eDit--*/
ol#bnr-space {font-size:0; line-height:0; list-style:none;}
ol#bnr-space li {margin-top:10px;}

/*--100823eDit--*/
div.box h3#bookmark {background:#736f29 url(/images_new/iconBM.gif) left no-repeat; font-size:13px; font-weight:normal; color:#fff; padding:7px 30px;}
div.box ul#bookmark-list {padding:10px 10px 15px; list-style:none;}
div.box ul#bookmark-list li {float:left; margin-bottom:5px;}
div.box ul#bookmark-list li#twitter {width:111px;}
div.box ul#bookmark-list li#hatena {width:162px;}
div.box ul#bookmark-list li#yahoo {width:162px;}
div.box ul#bookmark-list li#facebook {width:110px;}
div.box ul#bookmark-list li#livedoor {width:120px;}
div.box ul#bookmark-list li#twitter p {background:url(/images_new/lm_twitter.gif) left no-repeat; padding:1px 0 2px 20px;}
div.box ul#bookmark-list li#hatena p {background:url(/images_new/lm_hatena.gif) left no-repeat; padding:1px 0 2px 20px;}
div.box ul#bookmark-list li#yahoo p {background:url(/images_new/lm_yahoo.gif) left no-repeat; padding:1px 0 2px 20px;}
div.box ul#bookmark-list li#facebook p {background:url(/images_new/lm_facebook.gif) left no-repeat; padding:1px 0 2px 20px;}
div.box ul#bookmark-list li#livedoor p {background:url(/images_new/lm_livedoor.gif) left no-repeat; padding:1px 0 2px 20px;}
div.box ul#bookmark-list li#dellcious p {background:url(/images_new/lm_dellcious.gif) left no-repeat; padding:1px 0 2px 20px;}
div.box h3#rss {background:#736f29 url(/images_new/iconR.gif) left no-repeat; font-size:13px; font-weight:normal; color:#fff; padding:7px 30px;}
div.box ul#rss-list {padding:10px 10px 15px; list-style:none;}
div.box ul#rss-list li {float:left; margin-right:40px;}

div#left_box00 p#btn-backnumber {padding:10px 12px 0 0; text-align:right;}

ul#bookmark-list-side {list-style:none; margin:0; padding:5px 5px 10px; font-size:0; line-height:0;}
ul#bookmark-list-side li {width:16px; float:left; margin-right:12px;}

/*--100824eDit--*/
div#side-navi {background:url(../image/back_sideA.gif) top; margin-bottom:10px; padding:11px 0 0;}
div#side-navi ol li {list-style:none; padding:11px 4px 11px 10px; border-bottom:1px solid #fff;}
div#side-navi ol li dt {width:60px; float:left; font-size:0; line-height:0;}
div#side-navi ol li dt a img {border:2px solid #ccc;}
div#side-navi ol li dt a:hover img {border:2px solid #dedede;}
div#side-navi ol li dd {width:115px; float:right; font-size:10px; color:#330; padding-top:3px;}
div#side-navi ol li dd p {padding:0 0 0 5px; line-height:1.33;}
div#side-navi ol li dd p a {font-size:12px; color:#666; font-weight:bold; line-height:1.5;}
div#side-navi ol li dd p a:hover {color:#565ea6; text-decoration:none;}
div#side-navi ol li dd p.none {padding:5px 0 0;}
div#side-navi ol li.none {border:none; background:url(../image/back_sideA.gif) bottom;}

div#side-navi02 {background:url(../image/back_sideB.gif) top; margin-bottom:10px; padding:11px 0 0;}
div#side-navi02 ol li {list-style:none; padding:11px 4px 11px 10px; border-bottom:1px solid #fff;}
div#side-navi02 ol li dt {width:60px; float:left; font-size:0; line-height:0;}
div#side-navi02 ol li dt a img {border:2px solid #ccc;}
div#side-navi02 ol li dt a:hover img {border:2px solid #dedede;}
div#side-navi02 ol li dd {width:115px; float:right; font-size:10px; color:#660; padding-top:3px;}
div#side-navi02 ol li dd p {padding:0 0 0 5px; line-height:1.33;}
div#side-navi02 ol li dd p a {font-size:12px; color:#666; font-weight:bold; line-height:1.5;}
div#side-navi02 ol li dd p a:hover {color:#565ea6; text-decoration:none;}
div#side-navi02 ol li.none {border:none; background:url(../image/back_sideB.gif) bottom;}

div#side-navi03 {background:url(../image/back_sideC.gif) top; margin-bottom:10px; padding:11px 0 0;}
div#side-navi03 ol {margin:0 0 -1px; padding:0;}
div#side-navi03 ol li {list-style:none; padding:11px 4px 11px 10px; border-bottom:1px solid #fff;}
div#side-navi03 ol li dt {width:60px; float:left; font-size:0; line-height:0;}
div#side-navi03 ol li dt a img {border:2px solid #ccc;}
div#side-navi03 ol li dt a:hover img {border:2px solid #dedede;}
div#side-navi03 ol li dd {width:115px; float:right; font-size:10px; color:#036; padding-top:3px;}
div#side-navi03 ol li dd p {padding:0 0 0 5px; line-height:1.33;}
div#side-navi03 ol li dd p a {font-size:12px; color:#fff; font-weight:bold; line-height:1.5;}
div#side-navi03 ol li dd p a:hover {color:#036; text-decoration:none;}
div#side-navi03 ol li.none {border:none; background:url(../image/back_sideC.gif) bottom;}




/*
<div id="side-navi02" class="clear">
<ol>
<li><dl class="clear"><dt><a href="/customer/toko/" title="投稿・トラックバックしてね！ASLEEPお客様の声"><img src="/common/image/ph_s_toko.jpg" alt="投稿・トラックバックしてね！ASLEEPお客様の声" /></a></dt>
<dd><p>投稿・トラックバックしてね！<br />
<a href="/customer/toko/">ASLEEPお客様の声</a></p></dd></dl></li>
<li><dl class="clear"><dt><a href="/customer/" title="触って、比べて、寝転んで体験レポート"><img src="/common/image/ph_s_customer.jpg" alt="触って、比べて、寝転んで体験レポート" /></a></dt>
<dd><p>触って、比べて、寝転んで<br />
<a href="/customer/">体験レポート</a></p></dd></dl></li>
<li class="none"><dl class="clear"><dt><a href="/customer/life/" title="ステキな暮らしのご紹介ASLEEP LIFE"><img src="/common/image/ph_s_life.jpg" alt="ステキな暮らしのご紹介ASLEEP LIFE" /></a></dt>
<dd><p>ステキな暮らしのご紹介<br />
<a href="/customer/life/">ASLEEP LIFE</a></p></dd></dl></li>
</ol>
</div>
<hr />