@charset "Shift_JIS";
@import "common.css";

* {
margin:0;
padding:0;
}

/* 旧ヘッダ・フッタ
----------------------------------------------- */
#head {
width:800px;
margin:0 auto;
text-align:left;
}

#head h1{
font-size:13px;
}

#foot {
width:800px;
margin:0 auto;
text-align:left;
}

/* メインエリア
----------------------------------------------- */
#top_main{
width:800px;
height:218px;
margin:15px 0 0 0;
background:url(../img_top/main_bg.jpg) no-repeat;
}

#top_main_l{
float:left;
width:272px;
height:218px;
padding:13px 0 0 12px;
text-align:left;
}

#top_main_l ul{
list-style:none;
}

#top_main_l li{
display:block;
margin:0 0 6px 0;
width:265px;
height:60px;
}

#top_main_l a{
text-decoration:none;
display:block;
width:265px;
height:60px;
text-indent:-9999px;
}

#btn01 a:hover{ background:url(../img_top/btn01.jpg) no-repeat;}
#btn02 a:hover{ background:url(../img_top/btn02.jpg) no-repeat;}
#btn03 a:hover{ background:url(../img_top/btn03.jpg) no-repeat;}


#top_main_r{
float:right;
width:516px;
height:218px;
margin:0;
padding:0;
}

#top_flash{
margin:6px 0 0 2px;
padding:0;
}

#top_main_end{
clear:both;
}

/* メインエリア ボタンナシバージョン
----------------------------------------------- */
#top_main02{
width:800px;
height:218px;
margin:0px 0 0 0;
background:url(../img_top/main_bg.gif) no-repeat;
text-align:center;
}

#top_main02_flash{
margin:0 auto;
padding-top:6px;
}


/* ニュースお知らせエリア
----------------------------------------------- */
#top_bottom{
width:800px;
text-align:left;
background:url(../img_top/news_bg.gif) repeat-y 0 0;
margin:22px 0 20px 0;
}



/* 新着情報 ---------------- */
#news {
float:left;
width:393px;
text-align:left;
}

#news h2{
width:393px;
height:40px;
margin-bottom:10px;
background:url(../img_top/news_title.jpg) no-repeat;
text-indent:-9999px;
}

#news dl {
width: 363px;
margin:0 15px;
padding: 0 0 13px 0 ;
}

#news dt {
margin:0 0 0 0;
color: #869B90;
float:left;
background:url(../img_top/news_icon.gif) no-repeat left;
padding-left:10px;
font-size:0.9em;
}

#news dd {
margin:0 0 0 65px;
line-height:120%;
font-size:12px;
}

#news_more {
text-align:right;
margin:0 15px 10px 0;
background:url(../img_top/news_icon.gif) no-repeat right;
padding-right:10px;
font-size:12px;
}

/*アットコスメ ---------------- */
#atcosme {
width: 363px;
margin:0 15px 10px 15px;
}

#atcosme h3{
width: 363px;
height:50px;
background:url(../img_top/acosme_title2008.jpg);
text-indent:-9999px;
padding:0;
}

#atcosme_btn{
width: 363px;
}

#atcosme_btn ul{
list-style:none;
margin:0;
padding:0 0 11px 0;
background:url(../img_top/acosme_end.jpg) no-repeat bottom;
}

#atcosme_btn li{
display:block;
margin:0;
padding:0;
width:363px;
}

#atcosme_btn li a{
text-indent:-9999px;
text-decoration: none;
display: block;
width:363px;
}

#atcosme_btn a:hover{ background-position:0 100%; }

#atcosme_btn01 a {background: url(../img_top/acosme_btn01.jpg); height:57px;}
#atcosme_btn02 a {background: url(../img_top/acosme_btn02.jpg); height:47px;}
#atcosme_btn03 a {background: url(../img_top/acosme_btn03.jpg); height:76px;}



#top_gentei ul{
list-style:none;
}

#top_gentei li{
display:block;
margin:0 0 6px 0;
width:373px;
}

#top_gentei a{
text-decoration:none;
display:block;
width:373px;
text-indent:-9999px;
}

#top_gentei a:hover{ background-position:0 -64px; }


/* ★★★ff ---------------- */
#top_ff{
width:100%;
text-align:left;
background: url(../img_top/0908ff_bg.gif) no-repeat left bottom;
margin:0 0 0 0;
padding-bottom:26px;
}


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

#top_ff li{
display:block;
margin:0 0 5px 0;
width:373px;
}

#top_ff a{
text-decoration:none;
display:block;
width:373px;
height:58px;
text-indent:-9999px;
}

#top_ff li a:hover{ background-position:0 -58px; }

#top_ff01 a{ background: url(../img_top/0908ff_01.jpg) no-repeat;}
#top_ff02 a{ background: url(../img_top/0908ff_02.jpg) no-repeat;}
#top_ff03 a{ background: url(../img_top/0908ff_03.jpg) no-repeat;}
#top_ff04 a{ background: url(../img_top/0908ff_04.jpg) no-repeat;}


/* おすすめ製品 ---------------- */
#osusume {
float:right;
width:402px;
text-align:left;
}

#osusume h2{
width:402px;
height:40px;
background:url(../img_top/osusume_title.jpg) no-repeat;
text-indent:-9999px;
margin-bottom:10px;
}


.osusume_a {
float:left;
padding:0 0 0 16px;
}

.osusume_bc {
float:left;
padding:0 0 0 7px;
}



#top_bottom_end{
clear:both;
width:800px;
height:14px;
background:url(../img_top/news_end.gif) no-repeat;
}

/* おすすめ製品 限定バナー ---------------- */
#top_gentei {
clear:both;
width:373px;
margin:10px auto 10px 15px;
padding-bottom:10px;
background:url(../img_top/gentei_line.gif) no-repeat bottom;
}

#top_gentei h3 {
background:url(../img_top/gentei_title.gif) no-repeat;
width:373px;
height:30px;
text-indent:-9999px;
margin-bottom:3px;
}

#top_gentei ul{
list-style:none;
}

#top_gentei li{
display:block;
margin:0 0 6px 0;
width:373px;
}

#top_gentei a{
text-decoration:none;
display:block;
width:373px;
text-indent:-9999px;
}

#top_gentei a:hover{ background-position:0 -64px; }

#top_gentei1004b a{ background:url(../img_top/gentei_1004b.jpg) no-repeat; height:64px;}
#top_gentei1005b a{ background:url(../img_top/gentei_1005b.jpg) no-repeat; height:64px;}
#top_gentei1006a a{ background:url(../img_top/gentei_1006a.jpg) no-repeat; height:64px;}
#top_gentei1006b a{ background:url(../img_top/gentei_1006b.jpg) no-repeat; height:64px;}
#top_gentei1007a a{ background:url(../img_top/gentei_1007a.jpg) no-repeat; height:64px;}

/* リアル新色バナー ---------------- */
#new_pro ul{
list-style:none;
margin:0 0 10px 15px;
}

#new_pro li{
display:block;
margin:0 0 5px 0;
width:361px;
height:48px;
}

#new_pro a{
text-decoration:none;
display:block;
width:361px;
height:48px;
text-indent:-9999px;
}

#new_pro a:hover{ background-position:0 -48px; }

#new_pro1001b a{background:url(../img_top/gentei_1001b.jpg) no-repeat;}
#new_pro1006a a{background:url(../img_top/gentei_1006c.jpg) no-repeat;}
#new_pro1007a a{background:url(../img_top/gentei_1007b.jpg) no-repeat;}