@charset "utf-8";

/* -----------------------------------------

	LAYOUT

	01: Apply to All
	02: Default Value
	03: Headding
	04: Structured Text
	05: Font Style Elements
	06: List
	07: Clear Floating
	08: Hide and Delete
	09: Content Default
	10: 10th Anniversary Global
	11: 10th Anniversary Individual

----------------------------------------- */

/* 01: Apply to All
----------------------------------------- */

* {
	margin: 0;
	padding: 0;
	color: #666;
	text-decoration: none;
	vertical-align: baseline;
	}

body {
	font-family:
		HiraKakuPro-W3,
		Osaka,
		"MS UI Gothic",
		"\004D\0053\0020\0055\0049\0020\0047\006F\0074\0068\0069\0063",
		"MS PGothic",
		"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",
		"Lucida Grande",
		Helvetica,
		Arial,
		Tahoma,
		sans-serif;
	font-size:small;
	}


/* 02: Default Value
----------------------------------------- */

img, table {
	border-width: 0;
	border-style: none;
	border-color: #fff;
	}

img {
	vertical-align: bottom;
	}

td {
	text-align: left;
	vertical-align: top;
	}

sup {
	vertical-align: super;
	}

input {
	vertical-align: middle;
	color: #000;
	}

textarea {
	color: #000;
	}

p {
    line-height: 1.4;
    }

ul.txtarea li {
    margin-top: 2px; line-height: 1.4;
    }

/* 03: Headding
----------------------------------------- */
h1 {
	font-weight: bold;
	font-size:small;
	color:#9C0033;
	margin-bottom:20px;
	}

h2 {
	font-weight: bold;
	font-size:small;
	color:#9C0033;
	margin:0 0 5px 0;
	padding: 0;
}

h3, h4, h5, h6 {
	font-weight: normal;
	font-style: normal;
	}

/* 04: Structured Text
----------------------------------------- */
em, strong, dfn, code, samp, kbd, var, blockquote, q, cite, pre, abbr, acronym, ins, th {
	font-weight: normal;
	font-style: normal;
	}


/* 05: Font style elements
----------------------------------------- */
b, strong { font-weight: bold; }
i, em { font-style: italic; }
del { text-decoration: line-through; }


/* 06: List
----------------------------------------- */
ul, ol, dl, menu, dir, li, dt, dd {
	list-style: none;
	}


/* 07: Clear Floating
----------------------------------------- */
.x:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.x {
	display: inline-block;
	}

/* hide from ie-mac \*/
* html .x { height: 1%; }
.x { display: block; }
/* end hide from ie-mac */

.z {
	clear: both;
	display: block;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	}


/* 08: Hide and Delete
----------------------------------------- */
.alt {
	display: block;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	text-indent: -50000px;
	}

.dlt {
	display: none;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	text-indent: -50000px;
	}


/* 09-01:Layout
----------------------------------------- */
body {
	/* Layout All Elements to Center (for IE ~5.5) */
	text-align: center;
	/* Set Background Color */
	background: #fff url("img/background.gif") 0 0 repeat;
	}

body#silver_pink {
	background: #000 none;
}

body #main {
	/* Return the Text-Align Center to Left */
	text-align: left;
	width: 800px;
	/* Layout All Elements to Center */
	margin-left: auto;
	margin-right: auto;
	}

div#header {
	width: 800px;
	background: url("img/header_bg.gif") 0 0 no-repeat;
	padding: 55px 0 0 0;
	}
body#silver_pink div#header {
	background: none;
	}

div#header img {
	margin-bottom:10px;
	}

#contents {
	margin: 0;
	padding: 0;
	background-color:#fff;
	}

#wrap {
	margin: 35px 35px 35px 35px;
	padding: 0;
	font-size:small;
	}

.wrap02 {
	margin: 0 35px;
	padding: 0;
	font-size:small;
	}
.wrap03 {
	margin: 0 20px 20px 20px;
	padding: 0;
	font-size:small;
	}
.question {
	margin-bottom:15px;
	}

.entry {
	padding: 10px;
	background: #f4f2f1;
	margin:10px auto 20px 10px;
	}

.btn_newentry a {
	margin: 5px 0 0 0;
	display: block;
	background: url(../member/img/btn_regist.gif) no-repeat 0 0;
	width:250px;
	height:20px;
	}

.btn_newentry a:link {
	background-position: 0px 0px;
	}

.btn_newentry a:hover {
	background-position: 0px -20px;
	}

.endline {
	margin-top:20px;
	border: 1px solid #CD9A65;
	}

#offer_btn {
	width: 248px;
	margin: 35px auto 0 auto;
	}

.btn_member {
	width: 248px;
	margin: 0 0px 0 0;
	float: left;
	}

.btn_member a {
	display: block;
	background: url(img/btn_member.gif) no-repeat 0 0;
	width: 248px;
	height: 34px;
	}
.btn_member a:link {
	background-position: 0px 0px;
	}
.btn_member a:hover {
	background-position: 0px -34px;
	}
#offer_btn2 {
	text-align:center;
	margin: 35px auto 0 auto;
	}
.btn_enq {
	text-align:center;
	margin: auto;
	width: 147px;
}
.btn_enq a {
	display: block;
	background: url(img/btn_enq.gif) no-repeat 0 0;
	width: 147px;
	height: 34px;
	}
.btn_enq a:link {
	background-position: 0px 0px;
	}
.btn_enq a:hover {
	background-position: 0px -34px;
	}


#close {
	margin: 20px 0 20px 0;
	text-align:center;
}
#close02 {
	margin: 35px 0 30px 253px;
}

#footer {
	width: 800px;
	padding:30px 0 30px 0;
	text-align: center;
	font-size:x-small;
	color: #000;
	}

#footer a.link-footer {
	color: #3E1F16;
	text-decoration: none;
	}

#footer a.link-footer:hover {
	color: #2B1E14;
	border-bottom: 1px solid #2B1E14;
	}


/* 09-04:Link
----------------------------------------- */
a.link {
	color: #963;
	text-decoration: none;
}
a.link:hover {
	color: #963;
	border-bottom: 1px solid #963;
}

/* 09-05:Item
----------------------------------------- */
.enclose {
	border: 1px solid #ccc;
	background-color: #D5CBC6;
	margin-top: 10px;
	padding: 10px 15px;
	width: 450px;	/* for IE 4, 5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 450px;	/* Actual Value */
	margin-left:auto;
	margin-right:auto;
}
.break10 {
	width: 10px;
	height: 10px;
	clear: both;
}

strong.status, strong.must {
	color: #9C0033;
	}

a.login {
	display: block;
	background:url("img/btn_submit.gif") 0 0 no-repeat;
	width:218px;
	height:34px;
	margin:0;
	vertical-align:baseline;
}

a.login:hover {
	background-position: 0 -34px;
}

a.regist {
	display: block;
	background:url("img/btn_regist.gif") 0 0 no-repeat;
	width:218px;
	height:34px;
	margin:0;
	vertical-align:baseline;
}

a.regist:hover {
	background-position: 0 -34px;
}

a.member {
	display: block;
	background:url("img/btn_submit_01.gif") 0 0 no-repeat;
	width:173px;
	height:34px;
	margin:0;
	vertical-align:baseline;
}

a.member:hover {
	background-position: 0 -34px;
}

a.nomember {
	display: block;
	background:url("img/btn_nonmember.gif") 0 0 no-repeat;
	width:248px;
	height:34px;
	margin:0;
	vertical-align:baseline;
}

a.nomember:hover {
	background-position: 0 -34px;
}

.imgarea {
	margin: 10px 0 40px 0;
	padding: 0;
}
.txtarea {
	margin: 25px 0 0 0;
	padding: 0;
}

.txtarea2 {
	margin: 15px 0 0 0;
	padding: 0;
	text-align:left;
}

span {
	color: #630;
}

#pagetop {
	display: block;
	background: url("../product/img/bar_end.gif") 0 15px no-repeat;
	width: 760px;
	height: 28px;
	margin: 35px 20px 0 20px;
	padding: 0 0 15px 0;
}
#pagetop a.back {
	background:url("./img/btn_pagetop.gif") 0 0 no-repeat;
	width:55px;
	height:13px;
	float:right;
	}

#pagetop a.back:hover {
	background-position: 0 -13px;
	}

.item {
	width:600px;
	text-align:center;
	margin:0 auto;
}

.item2 {
	width:760px;
}

body#silver_pink div.detail h2 {
	margin-bottom:3px;
	margin-right:38px;
}
body#silver_pink div.detail h2 span {
	color:#95625C;
}
body#silver_pink div.detail h2 span.note {
	color:#666666;
	font-weight:normal;
	font-size:85%;
}
body#silver_pink div.detail p {
	margin-bottom:20px;
	margin-right:38px;
}

div.btn_campaign {
	width: 173px;
	height: 34px;
	margin: 20px 0px 0px 18px;
}
div.btn_campaign a {
	display: block;
	width: 173px;
	height: 34px;
	background:url("img/btn_campaign.gif") 0 0 no-repeat;
}
div.btn_campaign a:hover {
	background-position: 0px -34px;
}
div.btn_campaign_080311 {
	background:url("img/btn_campaign_080311.gif") 0 0 no-repeat;
}



/* ============================ Individual =================== */
#top_image { margin: 0; padding: 0; } /* TOP Image - Replaced with FLASH */

.area_article { padding: 0 20px; }

.top h1 { margin: 30px 0 0 0; }

.first_vertical { margin-top: 0 !important; }

/* アスタリスクつき注釈 */
.disp_notice { padding-left: 1em; text-indent: -1em; }
span.caption_notice { color: #c00; }

/* 発売日表示枠 */
.disp_release_date { margin: 10px 0 0 0; border: 1px solid #cab0ad; padding: 5px 0; text-align: center; line-height: 1; }

/* Common Layout for 10th Anniv. Pages */
.disp_name_product { font-weight: bold; font-size: 84%; }
.disp_spec_product { margin-left: 1em; font-size: 84%; }
.description_product { margin-top: 1px; font-size: 84%; letter-spacing: 1px; }
.description_additional { margin-top: 1px; font-size: x-small; letter-spacing: 1px; }

#contents_bottom { margin: 30px 35px 0 35px; padding-top: 10px; border-top: 1px solid #ccc; }

/* ================ Top ==================*/

#top_index .area_article { padding: 0 35px; }
#top_index p,
#top_index dt,
#top_index dd { line-height: 1.3; }

#top_index h2 { margin-top: 40px; }


#top_index #contents a:link { color: #996633; }
#top_index #contents a:visited { color: #996633; }
#top_index #contents a:hover { text-decoration: underline; }

#top_index .main_lead { margin-top: 30px; }

#top_index .lv2_section {
	margin-top: 40px;
	}

#top_index .lv2_section .inner {
	padding: 0 20px;
	}

#top_index .lv2_section .lead {
	margin-top: 30px;
	}

#top_index .lv2_section .introduction {
	width: 690;
	margin-top: 30px;
	}

#top_index #anniversary_kit #palette {
	width: 325px;
	float: left;
	}

#top_index #anniversary_kit #makeup_kit {
	width: 325px;
	float: right;
	}

#top_index #contents_10th #history {
	width: 325px;
	float: left;
	}

#top_index #contents_10th #eyes_collection {
	width: 325px;
	float: right;
	}

#top_index #anniversary_kit #palette dd,
#top_index #anniversary_kit #makeup_kit dd,
#top_index #contents_10th #history dd,
#top_index #contents_10th #eyes_collection dd {
	margin-top: 10px;
	}

#top_index #perfect_quiz {
	margin-top: 30px;
	padding-top: 20px;
	background: url(img/line01.gif) 0 0 repeat-x;
	}

#top_index #perfect_quiz .bnr {
	width: 325px;
	float: left;
	}

#top_index #perfect_quiz .explain {
	width: 345px;
	float: right;
	}

#top_index #wallpaper_10th {
	margin-top: 30px;
	border: 1px #996633 solid;
	padding: 15px;
	}

#top_index #wallpaper_10th .photo {
	width: 196px;
	float: left;
	}

#top_index #wallpaper_10th .wallpaper_down {
	width: 450px;
	float: right;
	}

#top_index #wallpaper_10th .wallpaper_down .down_link {
	margin-top: 15px;
	}

#top_index #wallpaper_10th .wallpaper_down .down_link li {
	display: inline;
	margin-right: 20px;
	}

#top_index #wallpaper_10th .wallpaper_down .setting {
	margin-top: 20px;
	}

#top_index .info_date {
	margin-top: 20px;
	text-align: right;
	}

/* nyroModal */
#top_index div#nyroModalFull div#nyroModalWrapper { border: none; }
#top_index div#nyroModalFull div#nyroModalContent { border: none; }

#top_index div#nyroModalFull div#nyroModalWrapper,
#top_index div#nyroModalFull div#nyroModalContent,
#top_index div#nyroModalFull div#wrapper { height: 240px !important; }

#top_index div#nyroModalFull a#closeBut { background: url(img/bt_close.gif) no-repeat 0 0; right: 0; top: -25px; width: 71px; height: 15px; }
#top_index div#nyroModalFull div#nyroModalLoading { border: none; background: #fff url(../../lib/ajaxLoader.gif) no-repeat 50% 50%; }

#top_index .wall_set { display: none; width: 540px; }
#top_index .wall_set_inner { width: 500px; margin: 0 auto; padding: 20px 20px 0 20px; text-align: left; }
#top_index .wall_set_inner dl { font-size: x-small; line-height: 1.3; }
#top_index .wall_set_inner dt.first { margin-top: 10px; }
#top_index .wall_set_inner dt { color: #996633; margin-top: 25px; }


/* =============== Palette ===============*/
#top_palette p.lead { margin: 30px 10px 0 10px; }
#top_palette #area_desc_product { margin-top: 30px; padding: 0; }
#top_palette #area_summary_product { float: left; width: 335px; padding-left: 15px; }

#top_palette #area_summary_product p { margin-top: 20px; }
#top_palette #area_summary_product #img_product_main { margin-top: 0; }
#top_palette #area_summary_product .disp_release_date { margin: 10px 0 0 0; border: 1px solid #cab0ad; padding: 5px 0; text-align: center; }
#top_palette #area_summary_product .disp_notice { margin: 10px 0 0 0px; }
#top_palette #area_summary_product p.link_info { margin: 5px 0 0 0px; }

#top_palette #area_detail_product { float: right; width: 365px; padding-right: 15px; }
#top_palette #area_detail_product dl { margin-top: 20px; }
#top_palette #area_detail_product dl.first { margin-top: 0; }
#top_palette #area_detail_product dl dt { float: left; width: 13px; }
#top_palette #area_detail_product dl dd { float: right; margin-top: -3px; width: 330px; }

#top_palette #area_detail_product dl.disp_accessory_01 { margin-left: 30px; }
#top_palette #area_detail_product dl.disp_accessory_01 dt { width: 119px; }
#top_palette #area_detail_product dl.disp_accessory_01 dd { width: 200px; }

/* =============== Base Kit ===============*/
#top_basekit p.lead { margin: 30px 10px 0 10px; line-height: 1.3; }

#top_basekit #area_desc_product { margin-top: 30px; padding: 0; }
#top_basekit .area_product_one_row { margin-top: 50px; padding: 0 15px 0 40px; }
#top_basekit .area_product_one_row .product_left_column { float: left; width: 325px; }
#top_basekit .area_product_one_row .product_right_column { float: right; width: 325px; }

#top_basekit .area_product_one_row dl.multi_column {  }
#top_basekit .area_product_one_row dl.multi_column dt { float: left; }
#top_basekit .area_product_one_row dl.multi_column dd { float: right; margin-top: 0; width: 220px; padding-right: 15px; }
#top_basekit .area_product_one_row dl dd { margin-top: 5px; }
#top_basekit .area_product_one_row dl dd span { display: block; }
#top_basekit .area_product_one_row dl dd .disp_spec_product { margin-left: 0; }
#top_basekit .area_product_one_row dl#area_product_basekit_05 dd span { display: inline; }
#top_basekit .area_product_one_row dl#area_product_basekit_05 dd span.disp_spec_product { margin-left: 2em; }
#top_basekit .area_product_one_row dl#area_product_accessory_06 dd { margin-top: 40px; }

#top_basekit #area_notice { margin: 30px 15px 0 15px; }
#top_basekit #area_notice .disp_release_date { margin: 20px 0 0 0; }
#top_basekit #area_notice p { margin-top: 5px; }
#top_basekit #area_notice p.disp_notice { line-height: 1.2; margin-top: 0; }
#top_basekit #area_notice p.first_vertical { margin-top: 8px !important; }
#top_basekit #area_notice #notice_purchase { margin-top: 15px; }