@charset "utf-8";

/* [/beauty/]================================================*/
/* common
------------------------------------------------------------*/
#article .pagetop { padding:10px 0 22px 0; background:#FFFFFF url(/cmn/img/bg_dotted.gif) repeat-x left top; font-weight:bold; }
body.pane2.beauty #article { float:right; padding:0 20px 0 0; width:685px; }

/* main
------------------------------------------------------------*/


/* PC-2
------------------------------------------------------------*/

.beauty .event { padding: 2px 0 1px 5px; font-size:93%; background-color:#798692; color:#FFFFFF; font-weight:bold; line-height:1.5em; vertical-align:middle; }
.beauty .event-title { font-size:108%; font-weight:bold; line-height:1.2em; }
.beauty .content { padding-top:6px; }

.beauty .item { width:680px; padding:18px 0 20px 0; background:#FFFFFF url(/cmn/img/bg_dotted.gif) repeat-x left bottom; }
.beauty .item.first { background:none; padding-bottom:25px; }
.beauty .item.last { background:none; }
.beauty .item .logo { width:120px; float:left; }
.beauty .item .details { width:540px; float:right; }

/* PC-3
------------------------------------------------------------*/
.section .section { margin-top:40px;}
.section .section.firstChild ,
.section .section .section{ margin:0; }
body.pane2.beauty #article.information { float:right; padding:0 35px 0 0; width:645px; }
.section div.text p { margin:1.66em 0 0; }
.section div.text p.firstChild { margin-top:0; }


.beauty .top-area { margin-bottom:70px; padding:56px 0 0 0; width:645px; float:left; text-align:right; background:transparent url(/beauty/season/feature/img/0101_img_01.jpg) no-repeat 0 5px; }
.beauty .note { color:#CB334B; clear:both; display:inline; }
.beauty .note-title { font-size:108%; }
.beauty .note-title a { color:#BE001E; font-weight:bold; }
.beauty .note-title a:hover { color:#D0576A; text-decoration:none; }

.beauty .top-area .title { margin-bottom:16px; }
.beauty .top-area .btn-profile { margin-bottom:18px; }
.beauty .section-title { margin-bottom:18px; padding-bottom:7px; border-bottom:#DDDDDD solid 3px; }
.beauty .pattern-title { margin:30px 0 16px 0; font-size:108%; }

.beauty .description { margin:28px 0 0 0; }


.beauty .description div.text { float:left; width:375px; }
.beauty .description div.text p { font-size:108%; }
.beauty .description div.image { float:right; width:206px; padding-top:3px; }

.beauty .used-area { margin-bottom:15px; } 
.beauty .used-area.firstChild { margin-bottom:7px; } 

.beauty .lesson { clear:both; position:relative; }
.beauty .lesson .list-title { padding-bottom:13px; float:left; width:515px; position:absolute; bottom:0; background:transparent url(/beauty/img/idx_bg_02.gif) repeat-x scroll left bottom; }
.beauty .lesson div.image { float:right; width:120px; padding-top:3px; }

.beauty .img-area {}
.beauty .img-area li { float:left; margin:0 0 27px 39px; width:182px; }
.beauty .img-area li.circle { margin-left:0; clear:both; }

.beauty .useditems { float:left; }
.beauty .usedlink { margin-left:14px; line-height:1em; float:left; }

.beauty .use-area { padding:40px 0 0 0; }
.beauty .use-area .text { margin-top:49px; float:left; }
.beauty .use-area div.image { float:right; width:419px; }
.beauty .use-area div.image img { float:right; width:204px; margin-left:7px; }
.beauty .use-area div.image img.circle { float:left; margin-left:0; }

.beauty .swf-area { padding:41px 0 34px 0; }
.beauty .swf-area .text { margin-top:50px; float:left; }
.beauty .swf-area div.image { float:right; width:319px; }

.beauty p.notice { margin-top:18px; }

.beauty .favorites { width:645px !important; }
.beauty .favorites div.text { margin-bottom:10px; padding-bottom:40px; float:right; width:395px; position:relative; }
.beauty .favorites div.text p { margin:1em 0 0; font-size:108%; }
.beauty .favorites div.text p.firstChild { margin-top:8px; }
.beauty .favorites div.text .btn { margin-top:10px; position:absolute; bottom:0; right:0; }
.beauty .favorites div.image { padding-top:3px; float:left; width:231px; }

.beauty .profile { position:relative; width:645px; min-height:232px; padding:0; background:url(/beauty/season/feature/img/0101_bg_top.gif) no-repeat top left; }
.beauty .section > .profile { min-height:232px; height:auto; }
.beauty .profile .image { position:absolute; top:16px; left:16px; float:none; }
.beauty .profile .text { padding:26px 16px 3em 180px; width:449px; height:167px; float:none; background:transparent url(/beauty/season/feature/img/0101_bg_bottom.gif) no-repeat bottom left; }
.beauty .profile > .text { min-height:194px; height:auto; }
.beauty .profile .text p { font-size:108%; color:#FFFFFF; margin:16px 0 0; line-height:1.4em; }
.beauty .profile .text .link { position:absolute; bottom:16px; right:16px; margin:0; padding:0; width:600px; text-align:right; }
.beauty .profile .text .link a { font-size:93%; }
.beauty .profile .text .link a:link { color:#BE001E; text-decoration:underline; }
.beauty .profile .text .link a:visited { color:#BE001E; text-decoration:underline; }
.beauty .profile .text .link a:hover { color:#D0576A; text-decoration:underline; }
.beauty .profile .text .link a:active { color:#D0576A; text-decoration:none; }

.beauty .interview { margin-bottom:16px; padding:14px 19px 19px 19px; border:#DDDDDD solid 3px; }
.beauty .interview p { margin-top:13px; font-size:108%; }
.beauty .back { margin-bottom:20px; float:right; }

/* vol2
------------------------------------------------------------*/
.beauty.vol2 .top-area { margin-bottom:32px; padding:27px 0 0 0; width:645px; float:left; text-align:left; background:transparent url(/beauty/season/feature/img/0102_img_01.jpg) no-repeat top right; }
.beauty.vol2 .back { margin-bottom:20px; float:left; }
.beauty.vol2 .back2 { margin-bottom:20px; text-align:right; }
.beauty.vol2 .btn-vol1-btm { margin-bottom:16px; text-align:right; }
.beauty.vol2 .description { margin:28px 0 40px 0; }
.beauty.vol2 .note-title { padding:18px 0 0 0; }
.beauty.vol2 .favorites { margin-bottom:40px; }
.beauty.vol2 .btn-vol1 { margin-bottom:20px; padding:0 0 0 12px; float:left; }
.beauty.vol2 .top-area .title { margin-bottom:17px; }
.beauty.vol2 .usedlink2 { margin-left:2px; _margin-left:1px; line-height:1em; float:left; }



/* utilityNav
------------------------------------------------------------*/
/*datsufull01*/
#beauty.datsufull01 .top-area ul.utilityNav { float:right; }
#beauty.datsufull01 .top-area ul.utilityNav li { float:left;}
#beauty.datsufull01 .top-area ul.utilityNav li.btnMail { margin:4px 5px 0 0; }
#beauty.datsufull01 .top-area ul.utilityNav li.btnFacebook { margin:3px 3px 0 0; }
#beauty.datsufull01 .top-area ul.utilityNav li.btnTwitter { margin:2px 4px 0 0; }

#beauty.datsufull01 .utilityNav2 { float:right; padding:15px 0 0 0;}
#beauty.datsufull01 .utilityNav2 li { float:left;}
#beauty.datsufull01 .utilityNav2 li.footBtnMail { padding:4px 7px 0 0; font-size:1%; line-height:1.0; }
#beauty.datsufull01 .utilityNav2 li.footBtnFacebook { padding:1px 7px 0 0; font-size:1%; line-height:1.0; }
#beauty.datsufull01 .utilityNav2 li.footBtnTwitter { padding:0; font-size:1%; line-height:1.0; }



/*datsufull02*/
#beauty.datsufull02 .top-area ul.utilityNav { float:left;  margin:4px 0 0 0; padding:0 0 0 5px; }
#beauty.datsufull02 .top-area ul.utilityNav li { float:left;}
#beauty.datsufull02 .top-area ul.utilityNav li.btnMail { margin:4px 5px 0 5px; }
#beauty.datsufull02 .top-area ul.utilityNav li.btnFacebook { margin:3px 3px 0 0; }
#beauty.datsufull02 .top-area ul.utilityNav li.btnTwitter { margin:2px 4px 0 0; }

#beauty.datsufull02 .utilityNav2 { float:right; padding:15px 0 0 0;}
#beauty.datsufull02 .utilityNav2 li { float:left;}
#beauty.datsufull02 .utilityNav2 li.footBtnMail { padding:4px 7px 0 0; font-size:1%; line-height:1.0; }
#beauty.datsufull02 .utilityNav2 li.footBtnFacebook { padding:1px 7px 0 0; font-size:1%; line-height:1.0; }
#beauty.datsufull02 .utilityNav2 li.footBtnTwitter { padding:0; font-size:1%; line-height:1.0; }


/* EOF*/