@charset "UTF-8";

/*
basecolor:
#000 | #FFF2F2 | #E778A4 | #C7105F
*/

/* --- setting --- */
* { margin: 0; padding: 0; word-break: break-all; }
img, hr { border: none; vertical-align: middle; }
a:link { color: #000; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }
ul,ol { list-style-type: none; }
div { text-align: left; }
body {
    color: #333; font-size: 12px;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana,sans-serif;
    line-height: 1.4; text-align: center;
    background : #000;
}
body#lp {
	background: #333;
}

/* --- common layout --- */
#header, #contents, #pagetop {
    width: 950px;
    margin: 0 auto;
}
#contents {
    clear: both;
    width: 950px;
    padding-top: 10px;
    background: #fff url(../images/contents-middle.png) center top no-repeat;
}
.layout {
    width: 930px;
    padding: 0 10px 35px 10px;
    background: #fff url(../images/contents-bottom.png) center bottom no-repeat;
}
body#present .layout {
    width: 950px;
    padding: 0 0 80px 0;
}
body#lp #contents {
	  margin: 10px auto;
    background: #333 url(../images/lp_fr_top.png) center top no-repeat;
}
body#lp .layout {
    width: 950px;
    padding: 0;
    background: #000 url(../images/lp_fr_btm.png) center bottom no-repeat;
}

#main {
    float: left;
    width: 620px;
    margin-right: 10px;
}
#sub {
    float: left;
    width: 300px;
}
body#lp #main {
    float: right;
    width: 620px;
    margin: 0 0 10px 0;
    padding: 0 10px;
    background: #fff;
}
body#lp #sub {
    float: right;
    width: 309px;
    border-left: 1px solid #505050;
}

br.clearfix {
    display: block; clear: both;
    font-size: 1px;
    height: 1px;
}

/* --- header --- */
#header {
    position: relative;
    width: 950px;
    height: 130px;
    background: #000 url(../images/contents-top.png) center top no-repeat;
}
body#cosme #header,
body#calendar #header {
    background: #000 url(../images/bg_sbcosme.png) center top repeat-x;
}

#header .logo {
    width: 280px;
    margin-bottom: 10px;
}
#header .logo a {
    display: block; overflow: hidden;
    width: 278px; height: 124px;
    text-indent: -2000px;
    background: url(../images/logo_starbeauty.png);
}
body#cosme #header .logo a,
body#calendar #header .logo a {
    background: url(../images/logo_sbcosme.png);
}
#header .sbtop {
    position: absolute; top: 25px; right: 0;
}
#header .ad {
    position: absolute; top: 25px; right: 165px;
}
#header .sbtop a {
    display: block; overflow: hidden;
    width: 156px; height: 78px;
    text-indent: -2000px;
    background: url(../images/btn-to-sbtop.png) left center no-repeat;
}
#header ul {
    position: absolute; bottom: 0; right: 10px;
}
#header li.all,
#header li.cosme,
#header li.guide {
    float :left;
    background: transparent;
}
#header .all a,
#header .cosme a,
#header .guide a {
    display: block; overflow: hidden;
    height: 20px;
    text-indent: -2000px;
}
#header .all a {
    width: 195px;
    background: url(../images/tab-h-all.png) left center no-repeat;
}
#header .cosme a {
    width: 235px;
    background: url(../images/tab-h-cosme.png) left center no-repeat;
}
#header .guide a {
    width: 135px;
    background: url(../images/tab-h-guide.png) left center no-repeat;
}

/* --- headlines --- */
h1 {
    clear: both; overflow: hidden;
    width: 950px; height: 40px;
    margin: 0 auto 10px auto;
    text-indent: -9999px;
}
body#guide h1 {
    background: url(../images/h1-twguide.png) left center no-repeat;
}
body#all h1 {
    display: none;
}
body#cosme h1 {
    background: url(../images/h1-cosme.png) left center no-repeat;
}
body#cosmecommu h1 {
    background: url(../images/h1-community.png) left center no-repeat;
}
h2 {
    padding: 2px 10px;
    color: #fff2f2; font-size: 1em;
}
#article h2 {
    background: url(../images/h2-article.png) left center no-repeat;
}
body#cosme #article h2 {
    background: url(../images/h2-newprod.png) left center no-repeat;
}
#calendar h2 {
    background: url(../images/h2-calendar.png) left center no-repeat;
}
#list-tweets h2,
#list-members h2 {
    height: 17px;
    background: url(../images/h2-notitle-p.png) left top no-repeat;
}
body#cosme #list-tweets h2,
body#cosme #list-members h2 {
    background: url(../images/h2-notitle.png) left top no-repeat;
}
#status h2 {
    padding: 3px 10px;
    background: url(../images/h2-status-p.png) left top no-repeat;
}
body#cosme #status h2 {
    background: url(../images/h2-status.png) left top no-repeat;
}
#community h2 {
    height: 18px;
    background: url(../images/h2-community-p.png) left top no-repeat;
}
body#cosme #community h2 {
    background: url(../images/h2-community.png) left top no-repeat;
}
body#cosmecommu #beautytweet h2 {
    margin-top:10px;
    background: url(../images/h2-beautytweet.png) left center no-repeat;
}
body#cosmecommu #status h2 {
    height: 18px;
    background: url(../images/h2-status.png) left top no-repeat;
}
body#guide h2 {
    background: url(../images/h2-guide.png) left center no-repeat;
}
body#present h2 {
    clear: both; overflow: hidden;
    height: 60px;
    text-indent: -2000px;
}
body#present #goods h2 {
    background: url(../images/h2-present01.png) left center no-repeat;
}
body#present #howto h2 {
    background: url(../images/h2-present02.png) left center no-repeat;
}
body#cosmecommu #sub h2,
body#cosme #sub h2 {
    padding-left: 7px;
}
#articlebycat h3 {
	  font-size: 12px;
}
#article h3 a,
#articlebycat h3 a {
    color: #06c;
}
#side_about h3,
#side_topics h3 {
    color:#FFF;
    height: 18px;
    padding: 2px 10px;
    font-size: 1em;
    background: url(../images/h2-tieup.png) left top no-repeat;
}
#sub .section h2 a,
#side_about h3 a,
#side_topics h3 a {
    color: #fff2f2;
}

/* --- tweets --- */
ul.pickup h3 {
    border-left: 10px solid #969;
    font-size: 1.25em;
    width: 7em;
    margin-bottom: 3px;
    float: left;
}
body#cosme ul.pickup h3 {
    border-left: 10px solid #e87998;
}
ul.pickup h3 a {
    padding-left: 5px;
    display: block;
}

ul.pickup h3 span {
    font-size: 0.75em;
    font-weight: normal;
}

ul.pickup div {
    float: left;
    width: 420px; height: 35px !important;
    padding: 10px 10px 0 20px;
    background: #FFF url(../images/bg-s-tweet.png) left top no-repeat !important;
}

/* --- buddy icons --- */
img.photo {
    float: left;
    width: 64px;
    margin-right: 10px;
    border: 1px solid #ccc;
}

img.s_photo {
    float: left;
    width: 33px;
    border: 1px solid #ccc;
}

/* --- navigation links --- */
#pagetop {
	  padding: 10px 0;
    text-align: right;
}
#pagetop a {
    padding-left: 12px;
    color: #fff2f2; font-size: 0.8em;
    background: url(../images/arrow-pagetop.png) left center no-repeat;
}
p.more {
    clear: left;
    padding-right: 12px;
    text-align: right;
    font-size: 10px;
    background: url(../images/arrow-more.png) right center no-repeat;
}
p.tright{
    text-align: right;
}

/* --- sub contents --- */
#sub .section {
    padding-bottom: 5px;
    background: url(../images/sub-bottom-line-p.png) center bottom no-repeat;
}
body#cosme #sub .section {
    background: url(../images/sub-bottom-line.png) center bottom no-repeat;
}
#sub .section h2 {
	  margin-bottom: 0;
    background: #969 url(../images/h2-right-p.png) center top no-repeat;
}
body#cosme #sub .section h2 {
    background: #e778a3 url(../images/h2-right.png) center top no-repeat;
}
#sub .section ul {
	  margin: 0;
	  border-left: 1px solid #969;
	  border-right: 1px solid #969;
}
body#cosme #sub .section ul {
	  border-left: 1px solid #e778a3;
	  border-right: 1px solid #e778a3;
}
#sub .section li {
	  min-height: 64px;
	  padding: 10px;
	  border-top: 1px solid #ccc;
}
#status,
#side_topics,
#side_about {
    padding-bottom: 5px;
    background: #E778A4 url(../images/sub-bottom.png) center bottom no-repeat;
}
body#all #status {
    background: #969 url(../images/sub-bottom-p.png) center bottom no-repeat;
}
#side_about {
    margin-bottom:10px;
    _margin-bottom:15px;
}

/* --- status --- */
#status div {
    position: relative;
    margin: 0 5px 1px 5px; padding: 5px 10px;
    background: #fff;
}
#status div.user_icon {
    height: 30px;
}
#status em {
    font-style: normal; font-weight: bold;
}
#status .photo {
    width: 30px;
    margin-right: 10px;
}
#status #me_name {
    font-size: 16px; font-weight: bold;
}
#status .more {
    position: absolute; top: 12px; right: 10px;
}
#status td {
    padding-right: 15px;
    vertical-align: top;
    line-height: 12px;
}
#status .stats a,
#status .count a {
    text-decoration: none;
}
#status .numeric {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}
#status .label {
    color: #666; font-size: 10px;
}
#status .count a {
    display: block;
    height: 14px;
    font-weight: bold;
}
#status .stat_count {
    position: absolute; top: 5px; right: 10px;
}
#to_calendar a {
    display: block; overflow: hidden;
    width: 300px; height: 70px;
    margin-bottom: 10px;
    text-indent: -2000px;
    background: url(../images/btn-to-calendar-p.png) left center no-repeat;
}
body#cosme #to_calendar a {
    background: url(../images/btn-to-calendar.png) left center no-repeat;
}
#to_guide a {
    display: block; overflow: hidden;
    width: 300px; height: 37px;
    margin-bottom: 10px;
    text-indent: -2000px;
    background: url(../images/btn-to-guide.gif) left center no-repeat;
}
#howto li span {
    display: block;
    color: #666;
    font-size: 10px;
    text-align: right;
}

/* import from http://starbeauty.jp/css/newarrival.css */
#side_topics .featureBox {
	min-height: 70px; _height: 70px;
	margin: 0 5px; padding: 5px;
	background: #fff;
}
#side_topics .featureBox img {
    float: left; margin-right: 5px;
    margin-bottom:3px !important;
    border: 1px solid #ccc;
}
#side_about .description {
    margin: 0 5px; padding: 7px;
    background: #fff;
}
#side_about .tweet_guide {
    padding-top:5px;
}

#side_about .tweet_guide h4 {
    font-size:1em;
}
#side_about .description p {
    margin-bottom:5px;
}
body#cosmecommu #side_about .tweet_guide dt{
    float:left;
    clear:both;
    width:70px;
    padding:5px 0 5px 10px;  
}
body#cosmecommu #side_about .tweet_guide dd{
    margin:0 0 10px 70px;
    padding:10px 5px 5px 10px;  
}

/* --- contents : Shared --- */
#article,
#list-tweets,
#list-members,
#community,
#campaign,
#status,
#sub .section,
#side_topics,
body#cosme #calendar,
body#cosmecommu #status,
body#cosme #side_about {
    clear: left;
    position: relative;
    margin-bottom: 10px;
}
#list-tweets,
#list-members,
#diet,
#konkatsu,
#gourmet,
#entertainment {
	  float: left;
    clear: none;
	  width: 307px;
}
#list-tweets,
#diet,
#gourmet {
	  margin-right: 5px;
}
#article li,
#list-tweets li,
#list-members li,
#community li {
	  clear: left;
	  padding: 10px;
	  _height: 64px;
	  min-height: 64px;
}
#article li {
	  border-bottom: 1px solid #ccc;
}
#article li img {
//	max-height: 73px;
}
#community li {
	  min-height: 32px;
}
#article li strong {
	  font-size: 14px;
}
.even {
    background:#e6e1e1;
}
a.username:link {
	  color: #3cc;
	  font-weight: bold;
}
a.username:visited {
	  color: #3cc;
}

/* --- contents : COSME --- */
/* --- calendar --- */
body#cosme #calendar {
    margin-bottom: 5px;
    padding-bottom: 5px;
    background: #C7105F url(../images/main-bottom.png) center bottom no-repeat;
}
body#cosme #calendar table {
    margin-top: 3px;
    border-spacing: 0;
    border-left: 5px solid #C7105F;
}
body#cosme #calendar th,
body#cosme #calendar td {
    font-size: 0.8em;
    text-align: center; vertical-align: top;
    border-top: 1px solid #C7105F;
    border-right: 5px solid #C7105F;
    background: #fff;
}
body#cosme #calendar th {
    width: 73px;
    padding: 2px 5px;
    font-weight: bold;
    background : #FFF2F2;
}
body#cosme #calendar td {
    padding: 5px;
    background: #fff url(../images/bg-calendar.png) center top no-repeat;
}
body#cosme #calendar td.empty {
    vertical-align: middle;
}
body#cosme #calendar th.today {
    width: 72px;
    background: #E778A4;
}
body#cosme #calendar th.Sat {
    color: #366796;
}
body#cosme #calendar th.Sun {
    color: #b31513;
}
body#cosme #calendar td span {
    display: block; overflow: hidden;
    width: 60px; height: 45px;
    margin: 0 auto 5px auto;
}
body#cosme #calendar td img {
    width: 60px;
}
body#cosme #calendar td a.rest {
    line-height: 20px;
}

/* --- contents : GUIDE --- */
body#guide #main .copy {
    margin: 10px 10px 15px 10px;
    font-size: 16px; font-weight: bold;
}
body#guide #main .copy strong {
    color: #c7105f;
    background: #e6faff;
}
body#guide #main h3 {
    margin: 10px 10px 15px 10px; padding-left: 5px;
    border-left: 10px solid #f7c4d3;
    border-bottom: 2px solid #f7c4d3;
    color: #C7105F; font-size: 12px; font-weight: bold;
//    background: #FFF2F2;
}
body#guide #main h4 {
    padding: 7px 10px;
    font-size: 16px;
    background: url(../images/h3-twguide.png) left top no-repeat;
}
body#guide #main h4 span {
   color: #e87998; font-size: 12px;
}
body#guide #main div p {
    margin: 5px 10px;
}
body#guide #main div.p1,
body#guide #main div.p2,
body#guide #main div.p3,
body#guide #main div.p4 {
    margin: 10px 10px 30px 10px;
    min-height: 100px;
    padding-left: 150px;
}
body#guide #main div.p1 {
    background: url(../images/img-twguide01.png) left center no-repeat;
}
body#guide #main div.p2 {
    background: url(../images/img-twguide02.png) left center no-repeat;
}
body#guide #main div.p3 {
    background: url(../images/img-twguide03.png) left center no-repeat;
}
body#guide #main div.p4 {
    background: url(../images/img-twguide04.png) left center no-repeat;
}
body#guide #main div.p1 div {
    margin: 10px; padding: 10px;
    border: 2px solid #fcc;
}
body#guide #main div.p1 div span,
body#guide div.glossary p.ex span {
    color: #e87998; font-size: 0.8em; font-weight: bold;
}
body#guide #main div.howto {
    margin: 0 10px 20px 10px;
}
body#guide #main div.howto h3 {
    margin: 15px 0 5px 10px; padding: 5px 0 5px 35px;
    color: #333; font-size: 16px;
    border: none;
    background: url(../images/li-howto01.png) left top no-repeat;
}
body#guide #main div.howto li.ht2 h3 {
    background: url(../images/li-howto02.png) left top no-repeat;
}
body#guide #main div.howto li.ht3 h3 {
    background: url(../images/li-howto03.png) left top no-repeat;
}
body#guide #main div.howto li.ht4 h3 {
    background: url(../images/li-howto04.png) left top no-repeat;
}
body#guide #main div.howto li.ht5 h3 {
    background: url(../images/li-howto05.png) left top no-repeat;
}
body#guide #main div.howto li p {
    margin: 0 0 5px 45px;
}
body#guide #main div.howto img {
    margin: 5px 50px;
}
body#guide #main div.howto strong,
body#guide #main div.howto em {
    color: #C7105F; font-style: normal;
}
body#guide div.glossary {
    margin: 0 10px 30px 10px;
}
body#guide div.glossary p {
    margin: 0 10px 10px 10px;
}
body#guide div.glossary strong {
    font-size: 14px;
}
body#guide div.glossary p.ex {
    margin: 10px; padding: 10px;
    border: 2px solid #fcc;
}
body#guide div.glossary p.ex em {
    display: block;
    padding: 5px;
    font-style: normal;
    border: 1px solid #ccc;
    background: #eee;
}
body#guide #sub {
    background: #fff2f2 url(../images/guide-nav-top.png) center top no-repeat;
}
body#guide #nav {
    padding: 5px 10px;
    background: url(../images/guide-nav-bottom.png) center bottom no-repeat;
}
body#guide #nav li {
    padding: 8px 0 8px 16px;
    border-bottom: 1px solid #f7c4d3;
    background: url(../images/dot-guide.png) left 10px no-repeat;
}
body#guide #nav li.end {
    border-bottom: none;
}
body#guide #nav ol li {
    padding: 3px 0 3px 50px;
    border-bottom: none;
    background-image: none;
    background-position: left 6px;
    background-repeat: no-repeat;
}
body#guide #nav li.s1 {
    background-image: url(../images/guide-step1.png);
}
body#guide #nav li.s2 {
    background-image: url(../images/guide-step2.png);
}
body#guide #nav li.s3 {
    background-image: url(../images/guide-step3.png);
}
body#guide #nav li.s4 {
    background-image: url(../images/guide-step4.png);
}
body#guide #nav li.s5 {
    background-image: url(../images/guide-step5.png);
}

/* --- contents : PRESENT --- */
body#present {
    background: url(../images/bg-present.png);
}
body#present h1 {
    height: auto;
}
body#present .title {
    position: relative;
    width: 950px;
    margin: 0 auto 10px auto; padding-top: 120px;
    color: #fff; font-size: 12px; font-weight: bold;
    text-align: center;
    background: url(../images/h1-present.png) center top no-repeat;
}
body#present .title p {
    padding: 10px;
    background: #000;
}
body#present .title span {
    position: absolute; top: 128px; right: 150px;
}
body#present .title span a {
    display: block; overflow: hidden;
    width: 132px; height: 28px;
    text-indent: -2000px;
    background: url(../images/btn-guide-l.png) left center no-repeat;
}
body#present .period {
    color: #C7105F; font-weight: bold;
    text-align: center;
}
body#present #goods div {
    float: left;
    width: 385px;
    margin: 5px 20px; padding: 40px 0 0 40px;
    background: url(../images/bg-goods.png) left top no-repeat;
}
body#present #goods div p.desc {
    margin-left: 145px;
}
body#present #goods img {
    float: left;
    margin: 0 10px 10px 0;
    border: 1px solid #C7105F;
}
body#present #goods h3 {
    margin-bottom: 10px;
    color: #C7105F; font-size: 14px; font-weight: bold;
}
body#present #goods .prodname {
    clear: left;
    color: #C7105F; font-weight: bold;
}
body#present #howto div {
    float: left;
    width: 112px; height: 105px;
    padding: 45px 30px 0 10px;
    color: #C7105F;
    background: url(../images/bg-present-end.png) left top no-repeat;
}
body#present #howto .howto-sb {
    color: #636;
    background: url(../images/bg-present-sb.png) left top no-repeat;
}
body#present #howto .howto-you {
    background: url(../images/bg-present-you.png) left top no-repeat;
}
body#present #howto .howto-start {
    margin-left: 35px;
    _margin-left: 15px;
}
body#present #howto .howto-end {
    padding: 40px 0 10px 40px;
}
body#present #howto span {
    display: none;
}
body#present #howto p {
    clear: left;
}
body#present #howto p a {
    display: block; overflow: hidden;
    width: 320px; height: 60px;
    margin: 5px auto;
    text-indent: -2000px;
    background: url(../images/btn-present-tw.png) center center no-repeat;
}

/* --- community page ---*/
body#cosmecommu h2#subheader {
    clear: both; overflow: hidden;
    text-indent: -9999px;
    width: 910px; height: 87px;
    background: url(../images/h2-cosmecommu.png) left center no-repeat;
    margin-bottom:10px;
}
body#cosmecommu #status_update {
    background: url(../images/bg-tweetnow.png) left bottom no-repeat;
}
body#cosmecommu #status_update h3{
    background: url(../images/bg-tweetnow.png) left top no-repeat;
    height:35px;
    text-indent: -9999px;
}
body#cosmecommu #status_update .assist {
    margin:5px 10px;
    padding:5px 10px;
    background: url(../images/bg-orna-pink.png) left top;
}
body#cosmecommu #status_update #status_update_form {
    padding:0 10px 0 10px;
}
body#cosmecommu #status_update select,
body#cosmecommu #status_update .select_other {
    float:left;
    margin-right:5px;
}
body#cosmecommu #status_update .select_other input{
    width:110px;
}
body#cosmecommu #status_update .select_other span.note {
    color:#FFF;
    display:block;
    font-size:0.8em;
}
body#cosmecommu #status_update input.nml {
    float:left;
    width:380px;
    _width:350px;
    margin-bottom:5px;
}
body#cosmecommu #status_update input.other {
    float:left;
    width:260px;
    _width:230px;
    margin-bottom:5px;
}
body#cosmecommu #status_update div.assist p{
    margin-top:5px;
    text-align:right;
    font-size:10px;
}
input#update-submit {
    padding:0;
    margin-bottom:10px;
}
body#cosmecommu #beautytweet #sort form {
    display:inline;
}

body#cosmecommu #beautytweet #sort {
    font-size:1.25em;
    font-weight:bold;
    padding:10px;
    margin:0 3px;
    background:#fff2f2;
}

body#cosmecommu #beautytweet ul.tweets div{
    position:relative;
}

body#cosmecommu #beautytweet ul.tweets div .action {
    background:#f7f7f7;
    width:120px; height:21px;
    position:absolute;
    bottom:0px;
    right:0px;
}

body#cosmecommu #beautytweet ul.tweets div .action form{
    margin:0;
    padding:0;
}

body#cosmecommu #beautytweet ul.tweets div .action input{
    margin:0 0 0 5px;
}

body#cosmecommu #beautytweet .note{
    clear:both;
    padding:0 0 3px 0;
    background: url(../images/bg-note.png) left bottom no-repeat;
    margin:0 auto 10px auto;
}

body#cosmecommu #beautytweet .note .inner{
    padding:10px;
    background: url(../images/bg-note.png) left top no-repeat;
}

body#cosmecommu p.totwitter {
    text-align:right;
}

body#cosmecommu p.totwitter a {
    color:#06f;
}

/* --- Retweet/Reply --- */
body#tweet_popup {
    background: url(../images/bg-pattern-star.png) top left;
}

body#tweet_popup #wrapper {
    width:400px;
    height:300px;
    margin:0 auto;
}

body#tweet_popup #status_update {
    width:350px;
    margin: 0 auto; padding-bottom:5px;
    background: #fff2f2 url(../images/bg-popup.png) bottom left no-repeat;
}

body#tweet_popup #status_update .inner {
    padding: 10px;
    background: url(../images/bg-popup.png) top left no-repeat;
}

body#tweet_popup #wrapper h1 {
    width:350px; height:37px;
    background: url(../images/h1-twpopup.png) top center no-repeat;
}

body#tweet_popup #status_update h2 {
    font-size:1.2em;
    font-weight:normal;
    padding-left:0;
    color:#333;
}
body#tweet_popup #status_update h2 strong{
    font-weight:bold;
}

body#tweet_popup form#retweet_form {
    padding:5px;
}

body#tweet_popup form#retweet_form textarea{
    width:315px;
    margin-bottom:10px;
}

body#tweet_popup input#submit {
    padding:3px 10px;
}

/* --- contents : LANDING PAGE --- */
body#lp .start a,
body#lp a.link_to_all,
body#lp a.link_to_cosme,
body#lp a.link_to_guide,
body#lp a.link_to_home,
body#lp #sub h1 {
	  display: block;
	  text-indent: -2000px; overflow: hidden;
}

body#lp #main h1 {
	  display: none;
}
body#lp #sub h1 {
	  width: 220px; height: 136px;
	  margin: 10px 45px;
	  background: #000 url(../images/lp_logo.png) left top no-repeat;
}
body#lp .start,
body#lp .accounts {
	  width: 620px;
	  margin-bottom: 10px;
}
body#lp .start {
	  position: relative;
	  height: 280px;
	  background: #fff url(../images/lp_topimg.png) left top no-repeat;
}
body#lp .start p {
	  display: none;
}
body#lp .start a {
	  position: absolute; bottom: 10px; right: 10px;
	  width: 265px; height: 30px;
	  background: url(../images/lp_btn_present.png) left top no-repeat;
}
body#lp .accounts {
	  padding-top: 20px;
	  font-size: 14px;
	  background: #ccc url(../images/lp_main_fr_top.png) left top no-repeat;
}
body#lp .accounts .layout2 {
	  padding: 0 10px 20px 30px;
	  background: #ccc url(../images/lp_main_fr_btm.png) left bottom no-repeat;
}
body#lp .content {
	  margin: 0 10px; padding-top: 10px;
	  background: #000 url(../images/lp_about_fr_top.png) left top no-repeat;
}
body#lp .content .layout3 {
	  padding-bottom: 10px;
	  text-align: center;
	  background: #fff url(../images/lp_about_fr_btm.png) left bottom no-repeat;
}

body#lp .account {
	  float: left; margin-right: 20px;
	  width: 140px;
	  font-size: 13px;
	  font-weight: bold;
	  text-align: center;
}
body#lp .account a {
	  color: #c06;
}
body#lp .account img {
	  margin-bottom: 10px;
}
body#lp a.link_to_all,
body#lp a.link_to_cosme {
	  width: 410px; height: 30px;
	  margin-top: 30px;
}
body#lp a.link_to_all {
	  background: url(../images/lp_btn_starbeauty.png) left top no-repeat;
}
body#lp a.link_to_cosme {
	  background: url(../images/lp_btn_sbcosme.png) left top no-repeat;
}
body#lp a.link_to_guide,
body#lp a.link_to_home {
	  width: 272px;
	  margin: 0 auto 10px auto;
}
body#lp a.link_to_guide {
	  height: 30px;
	  background: url(../images/lp_about_btn_guide.png) left top no-repeat;
}
body#lp a.link_to_home {
	  height: 104px;
	  background: url(../images/lp_about_logo.png) left top no-repeat;
}
body#lp a.link_to_home2 {
    padding-left: 12px;
    font-size: 13px; font-weight: bold;
    background: url(../images/arrow-more.png) left center no-repeat;
}
body#lp #main .ad {
	  padding: 15px;
	  text-align: center;
}
body#lp #sub dt,
body#lp #sub dd {
	  margin: 0 10px;
	  text-align: left;
}
body#lp #sub dd {
	  margin-bottom: 20px;
}
body#lp #sub dt,
body#lp #sub span {
	  color: #c09;
	  font-weight: bold;
}
body#lp #sub .merit01 {
    float: left;
    width: 140px;
    padding-bottom: 170px;
    background: url(../images/img-twguide01.png) left bottom no-repeat;
}
body#lp #sub .merit03 {
    float: left;
    width: 120px;
    padding-bottom: 90px;
    background: url(../images/lp_about_img_cosme.png) left bottom no-repeat;
}
body#lp #sub .merit04 {
    clear: left;
    min-height: 90px;
    padding-top: 10px;
    padding-right: 140px;
    background: url(../images/img-twguide04.png) right bottom no-repeat;
}

/* --- ad --- */
#sub #sideAd {
     margin-bottom: 10px;
     background: #666;
}

/* --- tooltip --- */
#tooltip {
	position: absolute;
	z-index: 3000;
	width: 250px;
	padding: 5px;
	border: 1px solid #c9c;
	background-color: #e6e1e1;
	opacity: 0.85;
}
#tooltip h3, #tooltip div {
	margin: 0;
	color: #303;
}