@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: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:#FF6699;	display:block;}
#headbtn {	position:absolute;	top:48px;	left:428px;	width:372px;	height:25px;}
#headbtn li {	float:left;	}
#headnavi {	position:absolute;	top:84px;	left:-1px;	width:800px;	height:28px;}
#headnavi li {	float:left;	display:block;}
#headsub{	position:absolute;	top:117px;	left:0px;	width:800px;	height:28px;	border-bottom:1px solid #A38F99;}
#headsub li{	float:left;}
/* 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;	float:left;}
#leftsearch_textlink {	margin-left:115px;	padding-top:3px;}
/* バナーエリア ------*/
#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_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;}