@charset "Shift_JIS";
/* ---------------------------------------------------- 	cosme.com	Base Layout CSS ---------------------------------------------------- */  
/* ---- default ------------------------------------- */
 * { margin:0; padding:0; }hr { display:none;}img { border:0px;}ul, li { margin: 0px; padding: 0px; list-style: none; }td { text-align:left; vertical-align:top;}.center { text-align:center;}.textright { text-align:right;}.vmiddle { vertical-align:middle;}.floatL { float:left; margin-right:8px; margin-bottom:10px;}.floatR { float:right; margin-left:8px; margin-bottom:10px;}.clear { clear:both;}.clearL { clear:left;}.marginB5{ margin-bottom:5px;}.marginB10{ margin-bottom:10px;}.marginB20{ margin-bottom:20px;}
/* -------------------------------------------------- */
/* ---- base layout --------------------------------- */
body {	background: #FFF url(/img/usr/common/header/bg_line.gif) repeat-x top;		margin:0 auto;	text-align:center;	font:12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;	line-height:1.3em;	color:#705C6B;}
#container {	width:800px;	margin:10px auto 0;	text-align:left;}
#header {	position: relative;	width:800px; height:145px;	/*売れ筋ランキングを削除する前はheight:170px;*/}
#main {	width:800px;	/*margin-top:8px;*/}
#pankuzunavi, #navi /* 旧CSS対応 */{ 	margin:2px 0 10px;}
#leftmenu {	width:190px;	float: left;	background-color:#F2EDE0;	line-height:1.5em;	padding-bottom:10px;}
#contents {	width:590px;	float:right;	text-align:left;}
#footer {	clear:both;	text-align:center;}
/* ---- header layout --------------------------------- */
#header h1 {	text-align:right;	font-size:12px;	font-weight:normal;	display:block;	color:#B6A6AE;}
#headlogo {	position:absolute;	top:20px;	left:15px;	width:197px;	height:53px;	display:block;}
#headguide {	position:absolute;	top:30px;	left:230px;	width:570px;	text-align:right;	font-weight:bold;	color:#d9619f;	display:block;}
#headbtn {	position:absolute;	top:48px;	left:428px;	width:372px;	height:25px;}
#headbtn li {	float:left;	}
/*-- 110726 ヘッダーテキスト化tochigi */
#headbtn li { margin-top:3px; margin-bottom:3px;}
#headbtn li a { color:#003399; display:block; padding-left:24px; padding-right:6px;}
#headbtn li a:link { color:#003399;}
#headbtn li a:hover { color:#cc3d86;}
#headbtn li a#help { background:url(/img/usr/common/header/btn_help_bg.jpg) no-repeat left center;}
#headbtn li a#faq { background:url(/img/usr/common/header/btn_faq_bg.jpg) no-repeat left center;}
#headbtn li a#sitemap { background:url(/img/usr/common/header/btn_sitemap_bg.jpg) no-repeat left center;}
#headbtn li a#contact { background:url(/img/usr/common/header/btn_contact_bg.jpg) no-repeat left center;}
/*-- 110726　ヘッダーテキスト化tochigi */
#headnavi {	position:absolute;	top:84px;	left:-1px;	width:800px;	height:28px;}
#headnavi li {	float:left;	display:block;}
/*-- 110726 ヘッダーテキスト化tochigi */
#headsub{	position:absolute;	top:117px;	left:0px;	width:800px;	height:25px; /*border-bottom:1px solid #A38F99;*/}
#headsub li{	float:left; display:block; margin-top:5px;}
#headsub li a:link { color:#003399;}
#headsub li a:hover { color:#cc3d86;}
#headsub li a{ background:url(/img/usr/common/header/arrow_headsub.jpg) no-repeat left center; font-weight:bold; padding-left:22px; padding-right:6px;}
/*-- 110726 ヘッダーテキスト化tochigi */
/* 110614 ヘッダー検索 */
.headsearch {BORDER-BOTTOM: #a38f99 1px solid; position:absolute;top: 117px;}
#headsearch_textbox {	WIDTH: 157px; MARGIN-BOTTOM: 5px;position:absolute;left:580px;margin-top:1px;}
#headsearch_btn {	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 105px; HEIGHT: 20px; BORDER-TOP: 0px; BORDER-RIGHT: 0px;position:absolute;left:743px;}
/* 110614 ヘッダー検索 */
/* 100204 ヘッダーキーワード現在未使用 */
#headkw {text-align:left; margin-top: 5px;padding-bottom: 2px;}
#headkw p{font-size:10px; padding-left: 3px;}
#headkw img{padding-right: 3px;vertical-align:bottom;}
#headkw a{color:#705C6B;}
/* 100204 ヘッダーキーワード現在未使用 */
/* 100204 add */
#headrank {	position:absolute;	top:154px;	left:0px;	width:800px;	height:24px;}
#headrank h2 { float:left; margin:0px; padding:0px; font-size:12px; font-weight:normal;color:#705C6B;}
#headrank img { margin:-6px 5px 0px 0px; vertical-align:middle;}
#headrank ol { list-style:none; margin:0px;}
#headrank li { float:left; font-size:12px; margin:0px 0px 0px 15px;}
#headrank a {color:#705C6B;}
#headrank a:hover {color:#E45BB6;}
/* 100204 add */
/* ---- leftmenu layout --------------------------------- */
/* 全体 ------*/
#leftmenu h4 { font-size:10px; font-weight:bold;}
#leftmenu p { 	margin-bottom:1.2em; }
#leftmenu .leftbox {	padding: 10px;}
#leftmenu .leftbox li, #leftmenu .leftbox input, #leftmypage .leftlink li {	margin-bottom: 5px;}
/* リストリンク ------*/
.leftbox ul {	padding-left:10px;	display:block;}
.leftbox li a{	background: url(/img/usr/common/arrow_brw.gif) no-repeat left 3px;	padding-left:7px;	text-indent: -7px;}
.leftbox li a:hover{	background: url(/img/usr/common/arrow_pnk.gif) no-repeat left 3px;}
/*重要なお知らせ*/
.leftbox li.info_Important a{	background: url(/img/usr/common/arrow_red.gif) no-repeat left 3px;	color:#C00;}
.leftbox li.info_Important a:hover{	background: url(/img/usr/common/arrow_pnk.gif) no-repeat left 3px;	color:#E45BB6;}
/* 通常リンク ------*/
.leftlink a {	background: url(/img/usr/common/arrow_brw.gif) no-repeat left 3px;}
.leftlink a:hover {	background: url(/img/usr/common/arrow_pnk.gif) no-repeat left 3px;}
.leftlink a{	padding-left:7px;}
/* マイページ ------*/
#leftmypage {	margin:5px 5px 15px 5px;}
#leftmypagebox {	padding:8px;	border:1px solid #D194B3;	background-color:#FFF;}
/* マイページ　ログイン後のリンク ------*/
#leftmypage ul.leftlink  { 	margin-left:10px; }
#leftmypage .leftlink li a {	background: url(/img/usr/common/arrow_brw.gif) no-repeat left 3px;	padding-left:7px;	text-indent: -7px;	color:#705C6B;}
#leftmypage .leftlink li a:hover{	background: url(/img/usr/common/arrow_pnk.gif) no-repeat left 3px;	color:#E45BB6;}
/* 商品検索 ------*/
.leftsearch_pulldown, #leftsearch_textbox {	width:165px;	margin-bottom:5px;}
#leftsearch_btn {	width:105px;	height:20px;	border:0;}
#leftsearch_textlink ul {	padding-left:10px;	display:block;}
#leftsearch_textlink li a{	background: url(/img/usr/common/arrow_brw.gif) no-repeat left 3px;font-size:12px;}
#leftsearch_textlink li a:hover{	background: url(/img/usr/common/arrow_pnk.gif) no-repeat left 3px;font-size:12px;}

/* バナーエリア ------*/
#leftbanner {	padding:15px 5px 0px 5px;	background: url(/img/usr/common/dotline.gif) repeat-x center top;}
#leftbanner p {	margin-bottom:1em;}
/* PICK UP BRAND add 2010/07/29 ----- */
#pbrand1 {	padding:10px 0px 10px 0px;}
#pbrand1 li {	float:left;	padding:0px 5px 0px 5px;}
#pbrand2 {	padding:10px 10px 2px 10px;	clear:both;}
#pbrand2 ul {	padding-left:10px;	display:block;}
#pbrand2 li {	margin-bottom:0px;}
#pbrand2 li a{	background: url(/img/usr/common/arrow_brw.gif) no-repeat left 3px;	padding-left:7px;	text-indent: -7px;	color:#705c6b;}
#pbrand2 li a:hover{	background: url(/img/usr/common/arrow_pnk.gif) no-repeat left 3px;	color:#e45bb6;}
#pbrand3 {	text-align:right;	width:180px;}
#pbrand3 a {	color:#705C6B;}
#pbrand3 a:hover {	color:#E45BB6;}
/* バナーエリアMENU ------*/
#leftbannermenu {	padding:10px 5px 0px 5px;display:block;}
#leftbannermenu li {	margin: 0px;padding:0px;}
#leftbannermenu img {border: none;vertical-align:top;}
/* バナーエリア下 ------*/
#leftbanner2 {	padding:15px 5px 10px;}#leftbanner2 p {	margin-bottom:1em;}
/* 携帯サイト ------*/
#leftmobile_add {	width:150px;}
#leftmobile_pulldown {	width:98px;	margin-right:5px;}
/* ---- footer layout --------------------------------- */
/* ページトップ ------*/
#pagetopcss {	text-align: right;	margin-bottom:10px;	padding-bottom:5px;	border-bottom:1px solid #A38F99;}
#footer p {	margin-bottom:1.2em;	line-height:1.5em;	display:block;}
#footer address {	background: url(/img/usr/common/footer/bg_address.gif) repeat-x top;	padding:5px;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-style:normal;	color:#FFF;}
/* ----------------------------------------------------- */
/* ---- contents layout --------------------------------- */
/* ---- 共通 -------------------- */
.contentsBox {	width:590px;	margin:5px auto 25px;	text-align:left;}
.contentsBox td {	vertical-align:top;}
/* 点線 --- */
.bgline {	background: url(/img/usr/common/dotline.gif) repeat-x left bottom;	padding-bottom:15px;}

/*--------- 商品詳細ショッピングガイド用 20100810 murayama ---------*/
.shoppingGideBgline {	background: url(/img/usr/common/dotline.gif) repeat-x left bottom;	padding-bottom:15px;	line-height: 12px;}


/* ---- 商品まわり -------------------- */
/* 商品背景 ---------*/
table.itemBox {	width: 590px;	margin-bottom:3px;}
/*.itemboxBG {	background: url(/img/usr/common/bg_itemGRY.gif) no-repeat right top;	padding:8px;	vertical-align:top;}*/
.itemboxBG {	background: url(/img/usr/common/bg_itemPNK.gif) no-repeat right top;	padding:8px;	vertical-align:top;}
.itemboxBG_PNK {	background: url(/img/usr/common/bg_itemPNK.gif) no-repeat right top;	padding:8px;	vertical-align:top;}
.itemboxBG_No {	background: #FFF;	padding:8px;}
/* スペース ---------*/
.itemspase { width:3px; height:3px; padding:0;}
/* 商品列幅 ---------*/
.itembox2{	width:277px;}
.itembox3{	width:178px;}
.itembox5{	width:99px;}
/* 横５列の写真位置 */
.itembox5 .item_photo {	text-align:center;}
/* 横３列の写真位置 */
.itembox3 
.item_photo{	text-align:center;}
/* 商品詳細 ----------*/
.itemPhotoBox {	text-align:center;}
.item_photo img {	border:1px solid #CCC;	margin-bottom:5px;}
.item_brand {	margin-bottom:3px;}
.item_name {	margin-bottom:3px;}
.item_copy {	margin-bottom:3px;}
.item_price {	font-size:12px;	font-weight:bold;}
.pro_cart_text {	font-size:10px;}
.icon_new {	margin-bottom:5px;}
.item_mile {	font-size:10px;	color:#A38F99;}
.item_varie {	margin:5px auto;}
.item_varie img {	margin-right:3px;	vertical-align:middle;}
/* ---- ログイン画面(LoginForm.jsp)補正 -------------------- */
.center_v { text-align:center; vertical-align:middle;}
/* ---- 会員登録まわり補正 -------------------- */
.center_r { text-align:right; vertical-align:middle;}


/*110614 カテゴリ一覧追加----------------*/
TD.topcategoryList {	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; WIDTH: 590px; PADDING-RIGHT: 0px; PADDING-TOP: 5px;}
.topcategoryList H3 {	MARGIN-BOTTOM: 10px;MARGIN-TOP:10px;font-size:14px;font-weight:bold;BACKGROUND: url(/img/usr/common/ico_square_blue.gif) no-repeat left top;padding-left:20px;}
.topcategoryList H3 A {	text-decoration:none;}
.topcategoryList H3 A:hover {	text-decoration:underline;}
.topcategoryList LI {	WIDTH: 190px; DISPLAY: block; FLOAT: left;}
.topcategoryList UL {	LINE-HEIGHT: 1.6em; MARGIN-LEFT: 20px}
.topcategoryList LI A {	TEXT-INDENT: -7px; MARGIN: 3px auto 3px 7px; PADDING-LEFT: 7px; BACKGROUND: url(/img/usr/common/arrow_nvy.gif) no-repeat left 3px;text-decoration:none;}
.topcategoryList LI A:hover {	BACKGROUND: url(/img/usr/common/arrow_pnk.gif) no-repeat left 3px;text-decoration:underline;}
TABLE.topcategoryBox {	WIDTH: 590px; BACKGROUND: url(/img/usr/common/dotline.gif) repeat-x left bottom; FONT-SIZE: 12px;}


/* 110614 タイトル画像変更---------------------*/
#top-recommend, #rank-catlist{	TEXT-ALIGN: left; MARGIN: 10px 0px 25px 0px; WIDTH: 590px;}
#top-ranking{	TEXT-ALIGN: left; MARGIN: 10px 0px 5px 0px; WIDTH: 590px;}
#top-whatsnew{	TEXT-ALIGN: left; MARGIN: 10px 0px 15px 0px; WIDTH: 590px;}
#top-whatsnew h2, #top-recommend h2{	BACKGROUND: url(/img/usr/common/ttbg.png) repeat-x left top; WIDTH: 590px;height:32px;}
#top-ranking h2{	BACKGROUND: url(/img/usr/common/ttbg_rank.jpg) no-repeat left top; WIDTH: 590px;height:32px;}
#top-whatsnew h2 .heading, #top-recommend h2 .heading {
    display: block;float: left;font-weight: bold;line-height: 32px;font-size:14px;padding-left:25px;color:#624355;}
#top-ranking h2 .heading{
    display: block;float: left;font-weight: bold;line-height: 32px;font-size:14px;padding-left:35px;color:#624355;}
#top-whatsnew h2 .view-more, #top-recommend h2 .view-more {
    display: block;float: right;font-size:12px;line-height: 32px;padding-right:30px;font-weight:normal;color:#624355;}
#top-ranking h2 .view-more{
	background:url(/img/usr/common/header/arrow_headsub.jpg) no-repeat right;
    display: block;float: right;font-size:12px;line-height: 32px;padding-right:30px;font-weight:normal;color:#624355;}
#top-ranking h2 A, #top-ranking h3 A, #top-whatsnew h2 A, #top-recommend h2 A{text-decoration: none;}
#top-ranking h2 A:hover, #top-ranking h3 A:hover, #top-whatsnew h2 A:hover, #top-recommend h2 A:hover{text-decoration: underline;}
#top-ranking h2 A:active, #top-ranking h3 A:active, #top-whatsnew h2 A:active, #top-recommend h2 A:active{text-decoration: underline;}
#top-ranking h3 {	background: url(/img/usr/common/icon_ball_arrow.png) no-repeat scroll left center transparent;margin-bottom: 7px;padding-left: 20px;margin-top:7px;font-size:12px;}
#top-recommend h3 {	background: url(/img/usr/common/icon_ball_arrow.png) no-repeat scroll left center transparent;margin-bottom: 7px;padding-left: 20px;margin-top:7px;clear:both;font-size:12px;}

#rank-catlist h2{	BACKGROUND: url(/img/usr/common/ttbg0.png) no-repeat left top; WIDTH: 590px;height:32px;font-weight: bold;line-height: 32px;font-size:14px;padding-left:25px;color:#624355;}

/* -------follow-tag-------------------------------------- */

a#followme-tag {
  display: block;
  position: fixed;
  top: 234px;
  right: 0;
  /* left: 0; */
  z-index: 100;
}

a#followme-tag {
  /* position: absolute; */
  position:fixed;
}
/*++++++++++++++トップページ・バナー+++++++++++++++++++++++++++++++++++++++*/
.bnr-big{
	border-top:3px solid #003399;
	border-bottom:1px solid #B6A6AE;
	text-align:center;
	width:100%;
	height:45px;
	background:url(/img/usr/static/top/bnr-big0915.jpg) repeat-x;
}
.bnr-big span{
	display:none;
}
/*++++++++++++++トップページ・バナー+++++++++++++++++++++++++++++++++++++++*/