@charset "utf-8";

@import "brand.css";

* { margin:0; padding: 0; }

body {
color:#333333;
font-family:"MS PGothic","Osaka",Arial,sans-serif;
font-size:76.5%;
line-height:1.6;
}

#wrapper {
	width: 960px; margin: 0 auto; text-align: center;
	background: #FFFFFF;
}

img { border: none; }

ul, ol { list-style: none outside; }

a { text-decoration: none; color: #c15b73; }
a:hover { text-decoration: underline; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}

.box_wrap:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden; }
.box_wrap { min-height: 1px; clear:both; }
* html .box_wrap { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }


/* BEAUTY-ACCE-HEADER --------------------------*/

#beauty-acce-header{width: 960px;}
#beauty-acce-header ul:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden; }
#beauty-acce-header ul { min-height: 1px; clear:both; width: 960px; padding: 0 0; }
* html #beauty-acce-header ul { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }

#beauty-acce-header ul li { display:table; float:left; vertical-align: top; zoom:1; line-height:0; font-size:1%; }
#beauty-acce-header ul li img{ vertical-align: bottom; } 

/* BEAUTY_SEARCH --------------------------*/

#beauty_search { height:34px; background:url(../img/search_cosme_back.gif) repeat-x top left; text-align:left; position: relative; }
#beauty_search h2 { float:left; width:142px; }
#beauty_search h2 img { margin-top:6px; margin-left:10px; }

#beauty_search .search_cosme { float:right; width:558px; padding-right:10px; margin-top:6px; }
/*#beauty_search .search_cosme { float:right; width:716px; padding-right:10px; margin-top:6px; }*//*キーワード検索追加時*/
#beauty_search .search_cosme ul li {
	display:inline;
}
#beauty_search form { width:470px; background:url(../img/search_cosme_label01.gif) no-repeat 0px 3px; float:left; }
#beauty_search fieldset { border:0 none; }
#beauty_search ul { float:left; width:417px; position:relative; left:55px; }
#beauty_search li { /*display:inline; margin-left:5px;*/ }
#beauty_search li {
	display:block;
	margin-left:5px;
	width:199px;
	height: 22px;
	background: url(../img/choice_back.gif) no-repeat top left;
	float:left;
	padding-top:2px;
	text-align:center;
}
#beauty_search li a { padding:0 0 0 0px; }


#beauty_search input.cosme_search_btn {
	position: absolute;
	top: 7px;
	right: 170px;
}
#beauty_search p { width:150px; float:right; margin-top:3px; }

#beauty_search .cosme_keyword_search_btn {
	position: absolute;
	top: 7px;
	right: 10px;
}


#contents { width:960px; text-align:left; padding-top:13px; }
#contents:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden; }
#contents { min-height: 1px; }
* html #contents { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }

/* FLASH */
#topflash { height:307px; position:relative; z-index:1; }
#hotitem { height: 341px; margin: 10px 0 10px 0; }


/* SIDE MENU --------------------------*/

#sidemenu { width:170px; text-align:left; float:left; }

dl.member_regist { background:url(../img/member_regist.gif) no-repeat top left; width:169px; height:112px; } 
dl.member_regist dt { margin: 0px 0 0 12px; padding: 14px 0 0 0; display: block; width:116px; height:45px; } 
dl.member_regist ul { margin: 15px 0 0 12px; }
dl.member_regist ul li { display:block; margin-bottom:4px; vertical-align: top; zoom:1; height:10px; line-height:0; font-size:1%; }

*:first-child+html dl.member_regist ul li { }

dl.melmaga_regist { background:url(../img/melmaga_regist.gif) no-repeat top left; width:169px; height:112px;margin-top: 3px; } 
dl.melmaga_regist dt { margin: 0px 0 0 12px; padding: 14px 0 0 0; display: block; width:116px; height:35px; } 
dl.melmaga_regist ul { margin: 14px 0 0 12px; }
dl.melmaga_regist ul li { display:block; margin-bottom:4px; vertical-align: top; zoom:1; height:10px; line-height:0; font-size:1%; }

dl.keysearch_regist { background:url(../img/keysearch_regist.gif) no-repeat top left; width:169px; height:81px;margin-top:10px; } 
dl.keysearch_regist dt { margin: 0px 0 0 12px; padding: 10px 0 0 0; display: block; width:116px; height:16px; } 
dl.keysearch_regist ul { margin: 19px 0 0 12px; }
dl.keysearch_regist ul li { display:block; margin-bottom:4px; vertical-align: top; zoom:1; height:10px; line-height:0; font-size:1%; }

table.brand_list { margin:10px 0; background: url(../img/dot01.gif) repeat-y top left; }
table.brand_list ul {}
table.brand_list ul li { background:url(../img/dot02.gif) repeat-x bottom center; padding:3px 0 3px 10px;}
table.brand_list ul li a { background: url(../img/arrow01.gif) no-repeat 0 0.2em; padding-left: 10px; display: block; color:#666; }
table.brand_list ul li a:hover { color:#c15b73; text-decoration:none; }

ul.banner_info { }
ul.banner_info li a { display:block; margin-bottom:7px; vertical-align: top; zoom:1; }

dl.banner_mobile { background:url(../img/mobile_banner.gif) no-repeat top left; width:169px; height:211px; }
dl.banner_mobile dt { margin: 0 0 0 10px; padding: 10px 0 0 0; display: block; width:148px; height:162px; }
dl.banner_mobile ul { margin: 16px 0 0 10px; }
dl.banner_mobile ul li { display:block; margin-bottom:7px; vertical-align: top; zoom:1; line-height:0; font-size:1%; }

/*
2010/07/07 追加
*/
#brandLeftMenu,
#brandLeftMenu2
{
	margin:10px 0;
	background: url(../img/dot01.gif) repeat-y top left;
}
#brandLeftMenu ul li,
#brandLeftMenu2 ul li
{
	background:url(../img/dot02.gif) repeat-x bottom center;
	padding:3px 0 3px 10px;
}
#brandLeftMenu ul li a,
#brandLeftMenu2 ul li a
{
	background: url(../img/arrow01.gif) no-repeat 0 0.2em;
	padding-left: 10px;
	display: block;
	color:#666;
}
#brandLeftMenu ul li a:hover,
#brandLeftMenu2 ul li a:hover
{
	color:#c15b73;
	text-decoration:none;
}

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

div#brand_pop_div {
	display: block;
	position:absolute;
	background-image:url('./img/fukidashi.png');
	width:191px;
	height:93px;
	text-align:center;
}



/* MAIN CONTENT --------------------------*/

#main_content { width:770px; text-align:left; float:right; }

ul.brand_item_btn:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden; }
ul.brand_item_btn { min-height: 1px; clear:both; width: 770px; padding: 20px 0; }
* html ul.brand_item_btn { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }

ul.brand_item_btn li { display:table; float:left; vertical-align: top; zoom:1; line-height:0; font-size:1%; }


/* pulldown menu */

/*BRAND*/
.pulldown_brand01 { width:897px; background:url(../img/search/brand_box02.gif) 0 40px no-repeat; position:relative; }
.pulldown_brand02 { width:897px; background:url(../img/search/brand_box01.gif) no-repeat top left; }
.pulldown_brand03 { width:897px; background:url(../img/search/brand_box03.gif) no-repeat bottom left; padding-bottom:20px; }

#brand_scroll {
	width: 896px;
}
#my_scroll {
	height: 350px;
	width: 881px;
	*width: 871px;
	overflow: auto;
}
#my_scroll2 {
	height: 350px;
	width: 881px;
	*width: 871px;
	overflow: auto;
}

.pulldown_brand01 .head {
	position: relative;
	height: 60px;
}
.pulldown_brand1 .head a.btn01,
.pulldown_brand01 .head a.btn01 {
	position: absolute;
	top: 0;
	right: 275px;
	display: block;
	width: 200px;
	height: 22px;
}
.pulldown_brand1 .head a.btn02,
.pulldown_brand01 .head a.btn02 {
	position: absolute;
	top: 0;
	right: 70px;
	display: block;
	width: 200px;
	height: 22px;
}

.pulldown_brand1 .head {
	text-align: left;
	height: 57px;
	padding-left: 556px;
	padding-top: 2px;
	_padding-top: 3px;
}
.pulldown_brand1 .btnClose,
.pulldown_brand01 .btnClose {
	position: absolute;
	top: 46px;
	right: 13px;
	_right: 34px;
	width: 17px;
	height: 17px;
	display: block;
}



ul.pull_menu:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden; }
ul.pull_menu { min-height: 1px; clear:both; width:840px; margin: 0 20px 20px 33px; padding-top:0;  }
* html ul.pull_menu { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }

ul.pull_menu li { display:table; float:left; vertical-align: top; zoom:1; line-height:0; font-size:1%; margin: 0 26px 0 0; }

.option_brand01 {
	width:816px;
	margin: 0 20px 0 33px;
	*margin: 0 0 0 5px;
	padding-bottom:0px;
}
ul.syllabary_list:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden; }
ul.syllabary_list { min-height: 1px; clear:both; width:816px; }
* html ul.syllabary_list { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }

ul.syllabary_list li { display:table; float:left; vertical-align: top; zoom:1; line-height:0; font-size:1%; }

dl.syllabary { margin:10px 0 10px 0; } 
dl.syllabary dt { margin:10px 0; } 
dl.syllabary dt img { display: block; }

dl.syllabary ul:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden; }
dl.syllabary ul { min-height: 1px; clear:both; width:816px; margin: 0 0 5px 0; }
* html dl.syllabary ul { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }

dl.syllabary ul li { display:table; float:left; vertical-align: top; line-height:15px; margin: 0 5px 5px 0; white-space: nowrap; }
dl.syllabary ul li a { display: block; color:#666666; background:#fff; text-decoration:none; padding:5px; font-size:10px; _font-size:11px; letter-spacing: -0.3px; white-space: nowrap;
 }
dl.syllabary ul li a:hover { background:#f1c7d1; text-decoration:none; }

ul.syllabary2:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden; }
ul.syllabary2 { min-height: 1px; clear:both; width:816px; margin: 5px 0 5px 0; }
* html ul.syllabary2 { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }

ul.syllabary2 li { display:table; float:left; vertical-align: top; line-height:15px; margin: 0 5px 5px 0; white-space: nowrap; }
ul.syllabary2 li a { display: block; color:#666666; background:#fff; text-decoration:none; padding:5px; font-size:10px; _font-size:11px; letter-spacing: -0.3px; white-space: nowrap; }
ul.syllabary2 li a:hover { background:#f1c7d1; text-decoration:none; }




/*ITEM*/
.pulldown_brand1 { width:897px; background:url(../img/search/brand_box2.gif) 0 40px no-repeat; position:relative; }
.pulldown_brand2 { width:897px; background:url(../img/search/brand_box1.gif) no-repeat top left; }
.pulldown_brand3 { width:897px; background:url(../img/search/brand_box3.gif) no-repeat bottom left; padding-bottom:20px; }

dl.item_list01 { width:158px; margin:10px 5px 10px 0; float: left; text-align:left; }
dl.item_list01 dt,dl.item_list01 dd { margin:0 0 0 0; padding:0 0 0 0; }

dl.item_list01 dt img { vertical-align: top; zoom:1; line-height:0; font-size:1%; margin-bottom: 0px;_margin-bottom: 5px; }

dl.item_list01 ul { list-style: none outside; padding: 5px 0 0; }
dl.item_list01 ul li { display:block; vertical-align: top; line-height:15px; margin: 0 0 5px 0; _padding: 0 0 5px 0; }
*:first-child+html dl.item_list01 ul { margin-top:5px; }
*:first-child+html dl.item_list01 ul li { padding: 0 0 5px 0; }


dl.item_list01 ul li a { display: table; color:#666666; background:#fff; text-decoration:none; padding:5px; font-size:10px; _font-size:11px;_line-height:17px; letter-spacing: -0.3px; }
dl.item_list01 ul li a:hover { background:#e2d2ee; text-decoration:none; }


.option_brand02:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden; }
.option_brand02 {
	min-height: 1px; clear:both;
	width:816px;
	margin: 0 0 5px 0;
	/*
	 * wiYΉ
	background:url(../img/search/dot2.gif) no-repeat 0 0;
	*/
}
* html .option_brand02 { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }

.option_brand03:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden; }
.option_brand03 { min-height: 1px; clear:both; width:816px; margin: 0 0 5px 0; background:url(../img/search/dot3.gif) no-repeat top left;  }
* html .option_brand03 { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }

.bath_time { float:left; display:inline;width:411px; text-align: left; }
.room_time { float:right; display:inline;width:405px; text-align: left; }


dl.item_list02 { width:195px; margin:10px 5px 10px 0; float: left;  display:inline;}
dl.item_list02 dt,dl.item_list02 dd { margin:0 0 0 0; padding:0 0 0 0; }

dl.item_list02 dt img { vertical-align: top; zoom:1; line-height:0; font-size:1%; margin-bottom: 0px;_margin-bottom: 5px; }

dl.item_list02 ul { list-style: none outside; padding:5px 0 0; }
dl.item_list02 ul li { display:block; vertical-align: top; line-height:15px; margin: 0 0 5px 0; _padding: 0 0 5px 0; }
*:first-child+html dl.item_list02 ul li { padding: 0 0 5px 0; margin: 5px 0; }
dl.item_list02 ul li a { display: table; color:#666666; background:#fff; text-decoration:none; padding:5px; font-size:10px; _font-size:11px;_line-height:17px; letter-spacing: -0.3px; }
dl.item_list02 ul li a:hover { background:#e2d2ee; text-decoration:none; }


dl.item_list02_after { margin:10px 5px 10px 0; float:right; display:inline; width:191px; padding-right:5px; margin-right:5px;_margin-right:3px; }
dl.item_list02_after dt,dl.item_list02_after dd { margin:0 0 0 0; padding:0 0 0 0; }
dl.item_list02_after dt img { vertical-align: top; zoom:1; line-height:0; font-size:1%; margin-bottom: 0px;_margin-bottom: 5px; }

dl.item_list02_after ul { list-style: none outside; padding: 5px 0 0; }
dl.item_list02_after ul li { display:block; vertical-align: top; line-height:15px; margin: 0 0 5px 0; _padding: 0 0 5px 0; }
*:first-child+html dl.item_list02_after ul { margin-top: 5px; }
*:first-child+html dl.item_list02_after ul li { padding: 0 0 5px 0; }
dl.item_list02_after ul li a { display: table; color:#666666; background:#fff; text-decoration:none; padding:5px; font-size:10px; _font-size:11px;_line-height:17px; letter-spacing: -0.3px; }
dl.item_list02_after ul li a:hover { background:#e2d2ee; text-decoration:none; }


dl.item_list02_night { margin:10px 5px 10px 0;_margin:10px 3px 10px 0; float:right; display:inline; width:190px; }
dl.item_list02_night dt,dl.item_list02_night dd { margin:0 0 0 0; padding:0 0 0 0; }
dl.item_list02_night dt img { vertical-align: top; zoom:1; line-height:0; font-size:1%; margin-bottom: 0px;_margin-bottom: 5px; }

dl.item_list02_night ul { list-style: none outside; padding: 5px 0 0;  }
dl.item_list02_night ul li { display:block; vertical-align: top; line-height:15px; margin: 0 0 5px 0; _padding: 0 0 5px 0; }
*:first-child+html dl.item_list02_night ul { margin-top: 5px; }
*:first-child+html dl.item_list02_night ul li { padding: 0 0 5px 0; }
dl.item_list02_night ul li a { display: table; color:#666666; background:#fff; text-decoration:none; padding:5px; font-size:10px; _font-size:11px;_line-height:17px; letter-spacing: -0.3px; }
dl.item_list02_night ul li a:hover { background:#e2d2ee; text-decoration:none; }

/*

検索::アイテムリスト・シューズ項目追加に伴う変更 2010/09/08

*/

.option_brand04
{
	background-image:url(../img/search/dot5.gif);
	margin-top:20px;
}

dl.item_list03
{
	margin-top:0;
	width:203px;
	text-align:left;
}

dl.item_list03end
{
	margin-top:0;
	margin-right:0;
	width:190px;
	text-align:left;
}

dl.item_list02 dt.menu2nd
{
	margin-top:20px;
}

dl.item_list02 dt.menu2ndPlus
{
	margin-top:50px;
}

* html dl.item_list02 dt.menu2ndPlus
{
	margin-top:47px;
}

*:first-child+html dl.item_list02 dt.menu2ndPlus
{
	margin-top:45px;
}
 
/* re */

ul.syllabary_list { margin: 10px auto 0 auto; width:800px; }

dl.listup { margin:5px auto; width:800px; } 

dl.listup dd:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden;  }
dl.listup dd {
	min-height: 1px;
	clear:both;
	/*
	 * wiYΉ
	background: url(../img/search/dot4.gif) repeat-y top left;
	*/
}
* html dl.listup dd { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }

dl.listup dt { margin:10px 0; } 
dl.listup dt img { display: block; }

dl.listup ul { width:200px; margin: 0 0 5px 0; float: left; display:inline; text-align:left; }
 
dl.listup ul li { display:block; vertical-align: top; line-height:15px; margin: 0 0 3px 0; _padding: 3px 0 5px 0; vertical-align: top; zoom:1; }
*:first-child+html dl.listup ul { margin-top: 5px; }
*:first-child+html dl.listup ul li { padding: 3px 0 5px 0; }
dl.listup ul li a { display: table; color:#666666; background:#fff; text-decoration:none; padding:5px; font-size:10px; _font-size:11px;_line-height:17px; letter-spacing: -0.3px; }
dl.listup ul li a:hover { background:#f1c7d1; text-decoration:none; }

dl.listup p.update {display:table;/*margin:3px 0 5px 0;_margin:0px;*/ padding:3px 0 3px 0; _padding:0;}
*:first-child+html dl.listup p.update { padding:0; }
dl.listup p.update a,dl.listup p.update span { display:inline; }
dl.listup p.update span.pink { background: #ad5f91; color:#fff; padding:5px; font-size:10px; _font-size:11px;_line-height:17px; letter-spacing: -0.3px; }

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

#cosme_footer { border-bottom:1px solid #ccc; height: 30px; }
#cosme_footer ul { height: 30px; position: relative; top: 7px; }
#cosme_footer ul.cosme_info { float: left; width:155px; }
#cosme_footer ul.cosme_info li { display: table; vertical-align: top; zoom:1; float: left; margin-right: 3px; }

#cosme_footer:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden; }
#cosme_footer { min-height: 1px; }
* html #cosme_footer { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }

#cosme_footer ul.brand_item { float: right; width:325px; }
#cosme_footer ul.brand_item li { display: inline; vertical-align: top; zoom:1; margin-left:5px; }

/**/

.m_10 { margin: 10px 0; }
.m_20 { margin:20px 0; }
.m_t_10 { margin-top: 10px; }
.m_t_20 { margin-top: 20px; }
.m_t_30 { margin-top: 30px; }
.m_t_40 { margin-top: 40px; }
.m_b_10 { margin-bottom: 10px; }
.m_0 { margin: 0; }
.m_r_0 { margin-right:0px; }

/*100712変更↓*/
/*
.p10 {
	padding:10px;
}
*/

ul.box_type01 li div,
ul.box_type02 li div,
ul.box_type03 li div,
ul.box_type04 li div,
ul.box_type05 li div
{
	padding:10px;
}
/*100712変更↑*/


.p_5 { padding: 5px 0; }

.box_center { margin: 0 auto; }

.wide { width:770px; }

.f_left { float: left; }
.f_right { float: right; }

.block { display: block; }

.b_white { background: #fff; }
.b_black { background: #000000; }

.clr:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden;  }
.clr { min-height: 1px; clear:both; }
* html .clr  { height: 1px; /**//*/ height: auto; overflow: hidden; /**/ }

p.cosme_title { width:800px; text-align: center; margin: 0 auto 10px auto; }

/*
左メニュー 追加　2010/07/06
*/
.mouseover
{
	cursor:pointer;
	opacity:0.6;
	filter: alpha(opacity=60);
}

/*
アイテムリスト　メニュー変更に伴う追加変更　2010/10/19
*/

.option_brand02
{
	background:url(../img/search/dot2.gif) top center no-repeat;
}

dl.item_list01 dt.underMenu
{
	margin-top:20px;
}

dl.item_list01 dd.beautyMisc
{
	padding-bottom:25px;
}

* html dl.item_list01 dd.beautyMisc
{
	padding-bottom:20px;
}

*:first-child+html dl.item_list01 dd.beautyMisc
{
	padding-bottom:20px;
}


dl.item_list01 ul.limitedGoods li a
{
	border:1px solid #f7beda;
	color:#af0c65;
}

dl.item_list01 ul.limitedGoods li a:hover
{
	background-color:#ffeeff;
}

/*
2011/08/09 追加
*/

dl.item_list01 ul.listKitSet
{
	padding-bottom:20px;
}

dl.item_list01 ul.listZakka
{
	padding-bottom:8px;
}