@charset "utf-8";

@import url('/freshel/common/style/reset.css');
@import url('/freshel/common/style/fonts.css');
@import url('/freshel/common/style/base.css');

/* ---------------------------------------------------------
  body
--------------------------------------------------------- */
html { background:#f1ebe1; }
body#home { background:#e6dfda; }
a { color:#6c5551; }
a:hover { color:#6c5551; text-decoration:none; }

/* ---------------------------------------------------------
  #mainContents
--------------------------------------------------------- */
#home div#mainContents { background:#e6dfda; border-bottom:1px solid #ddd1be; }

/* ---------------------------------------------------------
  #contents
--------------------------------------------------------- */
#home div#contents .other { padding:5px 0 10px; }

#home div#contents { width:960px; margin:0 auto; }
#home div#contents .motionArea { width:960px; height:569px; position:relative; overflow:hidden; background:#fff; }
#home div#contents h1 { float:left; opacity:0; filter:Alpha(opacity=0); border-right:1px solid #fff; }
#home div#contents #brand { width:449px; float:left; overflow:hidden; cursor:pointer; }
#home div#contents #brand li { float:left; border:1px solid #fff; overflow:hidden; position:relative; opacity:0; filter:Alpha(opacity=0); z-index:5; }
#home div#contents #brand li p.link { }
#home div#contents #brand li p.link a { display:block; position:absolute; top:0; left:0; z-index:15; background:url('/freshel/top/images/index_escape_01.gif') repeat; }
#home div#contents #brand li p.link a img { display:block; }
#home div#contents #brand li div.bg { position:relative; top:0; right:10px; z-index:10; }
#home div#contents #brand li .wrap { border:0 solid #fff; border-right-width:10px; border-bottom-width:10px; position:absolute; top:0; left:0; z-index:20; }

#home div#contents #brand li.moistlift, #home div#contents #brand li.moistlift .wrap, #home div#contents #brand li.moistlift p.link a {
width:448px; height:239px;
}
#home div#contents #brand li.moistlift { border-width:1px 1px 0 0; }
#home div#contents #brand li.moistlift p.link a img { margin:100px 0 0 20px; }
#home div#contents #brand li.moistlift div.bg { }
#home div#contents #brand li.moistlift p.voice { position:absolute; top:45px; right:15px; z-index:200; }

#home div#contents #brand li.basic, #home div#contents #brand li.basic .wrap, #home div#contents #brand li.basic p.link a {
width:223px; height:216px;
}
#home div#contents #brand li.basic { border-width:1px 0 0 0; }
#home div#contents #brand li.basic p.link a img { margin:23px 0 0 20px; }
#home div#contents #brand li.basic div.bg { }

#home div#contents #brand li.whitec, #home div#contents #brand li.whitec .wrap, #home div#contents #brand li.whitec p.link a {
width:224px; height:216px;
}
#home div#contents #brand li.whitec { border-width:1px 1px 0 1px; }
#home div#contents #brand li.whitec p.link a img { margin:23px 0 0 20px; }
#home div#contents #brand li.whitec div.bg { }

#home div#contents #bnr { width:449px; float:left; overflow:hidden; cursor:pointer; }
#home div#contents #bnr li { float:left; border:1px solid #fff; overflow:hidden; position:relative; opacity:0; filter:Alpha(opacity=0); z-index:20; }
#home div#contents #bnr li a { display:block; position:relative; top:0; left:0; z-index:10; }
#home div#contents #bnr li .wrap { border:0 solid #fff; border-right-width:10px; border-bottom-width:10px; position:absolute; top:0; left:0; z-index:15; }
#home div#contents #bnr li.bnr01, #home div#contents #bnr li.bnr01 .wrap { width:223px; height:110px; }
#home div#contents #bnr li.bnr01 { border-width:1px 0 1px 0; }
#home div#contents #bnr li.bnr02, #home div#contents #bnr li.bnr02 .wrap { width:224px; height:110px; }
#home div#contents #bnr li.bnr02 { border-width:1px; }

#home div#contents .news { margin:15px 0; clear:both; overflow:hidden; }
#home div#contents .news th { width:97px; padding-bottom:2px; }
#home div#contents .news td { padding:3px 10px; border-left:1px solid #b5a8a3; }
#home div#contents .news td strong { font-weight:bold; }

/* ---------------------------------------------------------
  #footer
--------------------------------------------------------- */
#home div#footer { padding:10px 0; background-color:#f1ebe1; text-align:center; font-size:77%; }

#home div#footer p.contentsInfo { margin-bottom:10px; color:#6c5551; }
#home div#footer p.contentsInfo a { color:#6c5551; text-decoration:underline; }
#home div#footer p.contentsInfo a:hover { color:#6c5551; }