@charset "utf-8";
*,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{text-align:center;font-size:12px;font-family:Verdana, "ＭＳ Ｐゴシック", "Osaka", Arial, sans-serif;color:#333;line-height:1.5em;}
a:link,a:visited{color:#09C;}
a:hover,a:active{color:#0CC;}
img{border:0;}
.Left{float:left;}
.Right{float:Right;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0;}
.clearleft{clear:left;height:0;font-size:1px;line-height:0;}
.clearright{clear:right;height:0;font-size:1px;line-height:0;}
h1{width:880px; margin:0 auto; padding:5px 0;color:#666;font-size:12px; font-weight:400;text-align:right;}

/*------------------------------------------------------------*/
#wrapper{width:880px;_width:882px;background:#FFF;margin:0 auto;border-width:3px 1px; border-style:solid; border-color:#666;}

/*------------------------------------------------------------*/
#foot{width:880px; margin:10px auto;color:#666;text-align:left;}
#foot .Left ul{list-style:none; margin:0 0 3px;}
#foot .Left li{list-style:none; display:inline; border-right:1px solid #666; padding:1px 8px 1px 0;}
#foot .Left li.end{border:none; padding:1px 5px;}
#foot .Right .twitter{margin:0 0 8px;}
#foot .Right .twitter img{margin:0 5px 0 0; vertical-align:middle;}

/*------------------------------------------------------------*/
#top .Area{ background:url(../img/top4.jpg); height:127px; padding:0 30px; text-align:left;}

/*------------------------------------------------------------*/
#lotion{text-align:left; padding:0 0 0 30px;}
#lotion h2{font-size:14px; color:#E95378;border-bottom:2px dotted #5B453C;width:350px;margin:0 0 8px;padding:0 0 5px;}
#lotion h3{font-size:12px;padding:0 15px;font-weight:400;}
#lotion .Left{width:538px;margin:15px 0 0;}
#lotion .Right{width:287px;}
#lotion .Area{background:url(../img/lotion-base.gif) no-repeat top; margin:15px 0 0; padding:15px 15px 5px;}
#lotion .img1{float:right; margin:0 0 0 15px;}
#lotion .btn{margin:3px 0 0;}

/*------------------------------------------------------------*/
#lineup{margin:30px 0 0;line-height:1.4em;}
#lineup h2{font-size:13px; color:#E95378;}
#lineup h3{font-size:12px; font-weight:400;}
#lineup .title{ margin:0 0 15px;}
#lineup .Area{width:824px; margin:0 auto; text-align:left;}
#lineup #item1{background:url(../img/lineup-bk1.gif) no-repeat;width:267px;height:215px;float:left;margin:0 11px 10px 0;}
#lineup #item2{background:url(../img/lineup-bk1.gif) no-repeat;width:267px;height:215px;float:left;}
#lineup #item3{background:url(../img/lineup-bk1.gif) no-repeat;width:267px;height:215px;float:right;}
#lineup #item4{background:url(../img/lineup-bk2.gif) no-repeat;width:407px;height:201px;float:left;}
#lineup #item5{background:url(../img/lineup-bk2.gif) no-repeat;width:407px;height:201px;float:right;}
#lineup #item1 h2{margin:18px 0 23px;}
#lineup #item2 h2{margin:10px 10px 0;}
#lineup #item3 h2{margin:10px 30px 0;}
#lineup #item4 h2,#lineup #item5 h2{margin:0 0 15px;}
#lineup #item2 h3,#lineup #item3 h3{margin:0 0 0 25px;}
#lineup .img1{float:left; margin:12px 10px 0 12px;}
#lineup .img2{text-align:center;margin:5px 0 0;}
#lineup .pickup{margin:15px 0 0;}

/*------------------------------------------------------------*/
#shop{margin:30px 0 0;}
#shop #online{ background:url(../img/online2.jpg); height:56px; text-align:right; padding:0 40px 0 0;}
#shop #store{background:url(../img/store2.jpg); height:73px; text-align:left; padding:0 0 0 155px;}


/*------------------------------------------------------------*/
#voice .Area{background:url(../img/voice-bk.jpg) repeat-y; width:850px; margin:0 auto;}
#voice #blog{background:url(../img/blog2.gif); width:528px; height:113px; text-align:left;}
#voice #blog img{ margin:0 0 0 55px;}

/*------------------------------------------------------------*/
#campaign{border-top: 3px solid #666; margin:20px 0 2px; padding:2px 0 0;}

/*------------------------------------------------------------*/
.txt-black{font-size:10px;}
.txt-blue{color:#69C;font-weight:700;}