/*=========================================================
レコメンドエンジン（レイアウト１）
=========================================================*/
#side {
font-size: 12px; width:170px ; margin-right:10px;
}

#side ul {
margin : 4px 1px;                       /* マージン指定 */
padding : 0;                            /* リストインデントなし */
}

#side li {
list-style-type: none;                  /* リストの装飾なし */
margin : 4px 1px;                       /* マージン指定 */
padding : 0;                            /* リストインデントなし */
border-bottom: 1px solid #999999;       /* 下ボーダーの指定 */
line-height: 150%;                      /* 行間の指定 */
}

#side li a {
display: block;                         /* ブロック要素に指定 */
text-decoration:none;
}


#side li a:hover{
color: #FF0000;
background: whitesmoke;
}

/*　レコメンドエンジン＞リストタグを横並び　*/
#FS2_Recommend_Engine ul{
list-style:none;
padding:0px;
margin:0px;
}

#FS2_Recommend_Engine ul li{
float:left;
margin:0 10px 10px 0;
width:23%;
text-align:center;
}

/*　レコメンドエンジン＞リストタグごとのナンバリング（左から）　*/
#FS2_Recommend_Engine ul li.FS2_Recommend_Engine_list_01{}
#FS2_Recommend_Engine ul li.FS2_Recommend_Engine_list_02{}
#FS2_Recommend_Engine ul li.FS2_Recommend_Engine_list_03{}
#FS2_Recommend_Engine ul li.FS2_Recommend_Engine_list_04{}

/*　レコメンドエンジン＞商品サムネイル　*/
.FS2_Recommend_Engin_Reresize_image{}
#FS2_Recommend_Engine ul li img{
margin:0 auto;
}

/*　レコメンドエンジン＞商品名　*/
#FS2_Recommend_Engine ul li h2.itemTitle{
padding:0 0 0 10px;
margin:0 0 10px 0;
font-size: 100%;
}
#FS2_Recommend_Engine ul li h2.itemTitle a{color: ;font-size: 100%;}

/*　レコメンドエンジン＞価格　*/
#FS2_Recommend_Engine .FS2_itemPrice_text .itemPrice{color: #000099;}

/*　レコメンドエンジン＞コンテナ＞clearfix　*/
div#FS2_Recommend_Engine:after {
content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}



/* cosmemart Base css ver1.0 */
/* date:2007.8.18. */
/* サイト内リンクの指定　---- */
/* CSS Document */
.margin0{ margin: 0; }
.customize1{
	font-size:10px;
	font-weight:100;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
}
.customize2{
	width:165px;
}
.customize3{
	border-width:0px;
	margin-left:1px;
}
.customize4{
	overflow:auto;
	width:780px;
	padding:0px;height:57px;
}
/*====================================================
	base
====================================================*/
body{
	background-color:#ffffff;
	font-size: 12px;
	color:#666666;
	margin:0 auto;
}

body#cosmemart{
	width:780px; text-align:center
}
	

/* 画像コンテンツ */
img {
  border-style: none;}

/*====================================================
	link
====================================================*/

a:link {color:#3399FF;}
a:visited {color:#33CCFF;}
a:hover{color:#E63F73;} 

a.a_pink{color:#E63F73;}
a.a_pink:visited{color:#E63F73;}
a.a_pink:hover{color:#E63F73;}

a.key_Navi:link,
a.key_Navi:visited { text-decoration:underline; color:#695D51; }
a.key_Navi:hover{color:#E63F73;} 

div#top_cnt a.top_strong { font-weight:bold; }
div#top_cnt a.top_strong:link,
div#top_cnt a.top_strong:visited { color:#068681; text-decoration:none; }
div#top_cnt a.top_strong:hover,
div#top_cnt a.top_strong:active { color:#068681; text-decoration:underline; }
/*====================================================
	color
====================================================*/
.white{color:#FFFFFF;}
.pur{color:#e63f73;}
.red{color:#ff0033;}
.darkred{color:#cc0000;}
.green{color:#669900;}
.orange {color: #FF6600;}
.lightred {color: #FF3333;}
.blue {color: #0099FF}
.lightorange {color: #FF9900;}
.grey {color: #666666}
.darkgrey {color: #333333;}
.black {color:#000000;}
.pink {color:#FF3399;}


/*====================================================
	background color
====================================================*/
.bk_darkgreen {background-color:#009900;}

/*====================================================
	div padding
====================================================*/
.pad03 { padding:3px;}
.pad04 { padding:3px;}
.pad05 { padding:3px;}
.pad06 { padding:3px;}
/*====================================================
	div lineheight
====================================================*/
.lineheight120 { line-height:120%}
.lineheight140 { line-height:140%}
.lineheight160 { line-height:160%}
.lineheight180 { line-height:180%}
/*====================================================
	font
====================================================*/
.f10ss{font-size:10px;line-height:110%;}
.f10s{font-size:10px;line-height:120%;}
.f10m{font-size:10px;line-height:130%;}
.f10ml{font-size:10px;line-height:146%;}
.f10l{font-size:10px;line-height:152%;}

.f12s{font-size:12px;line-height:125%;}
.f12m{font-size:12px;line-height:133%;}
.f12ml{font-size:12px;line-height:146%;}
.f12l{font-size:12px;line-height:158%;}

.f14s{font-size:14px;line-height:123%;}
.f14m{font-size:14px;line-height:136%;}
.f14l{font-size:14px;line-height:150%;}

.f16s{font-size:16px;line-height:125%;}
.f16m{font-size:16px;line-height:131%;}
.f16l{font-size:16px;line-height:150%;}

.f18s{font-size:18px;line-height:128%;}
.f18m{font-size:18px;line-height:133%;}
.f18l{font-size:18px;line-height:150%;}

.f24s{font-size:24px;line-height:128%;}
.f24m{font-size:24px;line-height:133%;}
.f24l{font-size:24px;line-height:150%;}

.f28s{font-size:28px;line-height:128%;}
.f28m{font-size:28px;line-height:133%;}
.f28l{font-size:28px;line-height:150%;}
.f32m{font-size:32px;line-height:150%;}
.style1 {color: #FF6600}
.style2 {color: #FF3333}
.style3 {color: #0099FF}
.style4 {color: #FF9900}
.style5 {color: #333333}
/*====================================================
    div
====================================================*/
.goods { margin: 6px 0pt 6px 8px;}
.goods2 {
	margin: 6px 0pt 6px 8px;
}
.price { width:220px;
	background-color: #F3F3F3;
	padding:8px;
	border: 1px solid #D9D9D9;
	margin-top: 7px;
	margin-right: 7pt;
	margin-bottom: 10px;
	margin-left: 0px;
}
.sales { text-align:left; font-size: 200%; font-family:Arial Black; line-height: 100%;margin-top: 3px;margin-bottom: 10px; font-style:italic;}
.sub_title { text-align:right; font-size: 120%; line-height: 120%; margin-bottom: 0px;  }

/*====================================================
    layout
====================================================*/
#header { position:relative;	width:780px;	height:110px; }
#container { float: center; width:780px;	margin:0px auto 0;	text-align:left;}
#footer {clear:both;	text-align:center;}
/*====================================================
	box
====================================================*/
#silverbox01 {border: solid 1px #cccccc;padding: 3px;}
#blackbox00 {border: solid 1px #433c36;}
#blackbox01 {border: solid 1px #433c36;padding: 3px;}
div#blackbox00 h2 { margin: 0; }



/*====================================================
	main contents
====================================================*/
/*====================================================
	pickup
====================================================*/
div#top_pickup { width:432px; }
/*====================================================
	left menu
====================================================*/
div#top_menu { padding:4px 4px 10px 4px; width:162px; background:url(/shop/item/cosmemart/design/img03/top_menu_bg_t.gif) no-repeat; }
div#top_menu ul { list-style:none; width:162px; padding:0px; margin:0px; }
div#top_menu ul li { clear:both; position:relative; width:162px; border-bottom:1px solid #ffffff; float:left; }
div#top_menu ul li a { display:block;  }
div#top_menu ul li a .top_up { display:block; position:absolute; right:8px; top:10px; }
div#top_menu ul li ul { width:162px;margin:0px; padding:0px; }
div#top_menu ul li ul li { width:162px; border-top:1px solid #ffffff; border-bottom:none; }
/*====================================================
	left menu banner
====================================================*/
div#left_ban { padding:0 4px 10px 4px; width:162px;  }
div#left_ban ul { list-style:none; width:162px; padding:0px; margin:0px; }
div#left_ban ul li { clear:both; position:relative; width:162px;  float:left; }
div#left_ban ul li ul { width:162px;margin:0px; padding:0px; }
div#left_ban ul li ul li { width:162px; padding:0 0 10px 0; }

/*====================================================
	関連サイト：モバイル
====================================================*/

div#top_rel #top_rel_mob .top_data { margin:7px 7px 0 7px; width:214px; }
div#top_rel #top_rel_mob .top_data .top_img { width:70px; float:left; margin:0px; }
div#top_rel #top_rel_mob .top_data .top_txt { width:144px; font-size:11px; line-height:136.4%; float:left; margin:0px; }
div#top_rel #top_rel_mob .top_access { margin:5px 7px 0 7px; width:214px; font-size:11px; line-height:118.2%; text-align:right; }
div#top_rel #top_rel_mob .top_access img { position:relative; margin:0 0 0 4px; vertical-align:middle; }

/*====================================================
	navi
====================================================*/
#navi {margin:0px; padding:0px; list-style:none; width:780px;height:25px;;background-image:url(/shop/item/cosmemart/design/img03/bk_submenu.gif);}
#navi li{ float:left; font-size:12px; text-align:center; margin-left:8px; margin-right:0px; margin-top:5px; margin-bottom:0px; color:#000000; padding:0px;}
#navi a{color:#000000;text-decoration:none;}
#navi a:visited{color:#000000;}
#navi a:hover {color:#00000;text-decoration:underline;}
====================================================*/
A {	COLOR: #0066cc; TEXT-DECORATION: underline}
A:hover {　COLOR: #ff6600; TEXT-DECORATION: underline}
body { background:#fff; font-size: 12px; margin: 0px; color: #444444 ;margin:0; padding:0; line-height:120%;}
img { border:0px;}
form{margin: 0px;}
ul, li { margin: 0px; padding: 0px; list-style: none; }


/* ---- layout --------------------------------- */
#header { margin:0px; position:relative;	width:780px;	height:110px;}
#container { float: center; width:780px;	margin:10px auto 0;	text-align:left;}
#main {	width:780px;	margin-top:8px;}
#leftmenu {	width:180px; float: left; repeat;	line-height:1.5em;	padding-bottom:10px;}
#contents {width:600px;	float:right;	text-align:left;}
#footer {clear:both;	text-align:center;}
/* ---- layout --------------------------------- */
/* ---- header--------------------------------- */

#header h1 {	text-align:left;	font-size:11px;	font-weight:normal;	display:block;	color:#B6A6AE;}
#headlogo {	position:absolute;	top:2px; left:0px; bottom:2px; width="279"; height:70px; display:block;}
#headguide {	position:absolute; top:20px; left:520px; width:200px	text-align:right;	font-weight:bold;	color:#D194B3;	display:block;}
#headbtn {	position:absolute;	top:48px;	left:502px;	width:278px; height:25px;}
#headbtn li {	float:left;	}
#headnavi {	position:absolute;	top:84px;	left:-1px;	width:780px; height:25px;}
#headnavi li {	float:left;	display:block;}
#headsub{ position:absolute;	top:117px;	left:0px;	width:780px; height:27px;}
#headsub li{	float:left;}
/* ---- header --------------------------------- */

/* ---- left --------------------------------- */
.sidebox { width:170px; margin-bottom:10px; overflow:hidden;}
.sidebox .header { width:170px; height:6px; background:url(/shop/item/cosmemart/design/img01/sidebox_gray_01.gif) no-repeat top left; overflow:hidden;}
.sidebox .footer { width:170px; height:6px; background:url(/shop/item/cosmemart/design/img01/sidebox_gray_03.gif) no-repeat top left; overflow:hidden;}
.sidebox .sidebox-main { width:160px; background:url(/shop/item/cosmemart/design/img01/sidebox_gray_02.gif) repeat-y top left; padding:3px 5px 0px 5px;}
.sidebox .sidebox-main { font-size:10px; line-height:1.3em;}
.sidebox .sidebox-main .text { margin-top:4px;}
.sidebox .sidebox-main .banner-text { margin-top:2px; padding-bottom:4px;}
.sidebox .sidebox-main .banner-text a { font-size:10px; line-height:1.3em;}
.sidebox .sidebox-main .btn { margin-top:5px;}
.sidebox .sidebox-main .banner { margin-left:0px; margin-top:4px;}
.sidebox .sidebox-main .brand-text { padding-left:10px; margin-top:2px; padding-bottom:4px;}
.sidebox .sidebox-main .brand-text a { font-size:12px; line-height:1.3em;}
.sidebox .sidebox-main .brand ul {	padding-left:20px;	display:block;}
.sidebox .sidebox-main .brand-text li { margin-bottom:2px}
.sidebox .sidebox-main .brand-text li a{	background: url(/shop/item/cosmemart/design/img01/arrow_brw.gif) no-repeat left 3px;	padding-left:7px;	text-indent: -7px;}
.sidebox .sidebox-main .brand-text li a:hover{	background: url(/shop/item/cosmemart/design/img01/arrow_pnk.gif) no-repeat left 3px;}

.sidebox .list { clear:both;}
.sidebox .list li {height:17px; padding-left: 10px; background: url(/shop/item/cosmemart/design/img01/lst_arrow_beginner.gif) no-repeat -3px 0px; list-style: none;}
.sidebox .list ul li { margin-bottom:0px;}
.sidebox .center { text-align:center;}
.sidebox .left { text-align:left;}
.sidebox .right { text-align:right;}
.sidebox a:link.gray,
.sidebox a:active.gray,
.sidebox a:visited.gray {color:#666666; text-decoration:underline;}
.sidebox a:hover.gray {color:#FF6699;}
.sidebox .orenge1 .header { background:url(/shop/item/cosmemart/design/img01/sidebox_orange1_01.gif);}
.sidebox .orenge1 .footer { background:url(/shop/item/cosmemart/design/img01/sidebox_orange1_03.gif);}
.sidebox .orenge1 .sidebox-main { background:url(/shop/item/cosmemart/design/img01/sidebox_orange1_02.gif);}
.sidebox .orenge1 a:link,
.sidebox .orenge1 a:active,
.sidebox .orenge1 a:visited { color:#CC3300; text-decoration:underline;}
.sidebox .orenge1 a:hover { color:#FF6699; text-decoration:underline;}
.sidebox .green1 .header { background:url(/shop/item/cosmemart/design/img01/sidebox_green1_01.gif);}
.sidebox .green1 .footer { background:url(/shop/item/cosmemart/design/img01/sidebox_green1_03.gif);}
.sidebox .green1 .sidebox-main { background:url(/shop/item/cosmemart/design/img01/sidebox_green1_02.gif);}
.sidebox .orenge2 .header { background:url(/shop/item/cosmemart/design/img01/sidebox_header_orenge2_b.gif);}
.sidebox .orenge2 .footer { background:url(/shop/item/cosmemart/design/img01/sidebox_footer_orenge2_b.gif);}
.sidebox .orenge2 .sidebox-main { background:url(/shop/item/cosmemart/design/img01/sidebox_bg_orenge2_b.gif);}
.sidebox .pink1 .header { background:url(/shop/item/cosmemart/design/img01/sidebox_pink1_01.gif);}
.sidebox .pink1 .footer { background:url(/shop/item/cosmemart/design/img01/sidebox_pink1_03.gif);}
.sidebox .pink1 .sidebox-main { background:url(/shop/item/cosmemart/design/img01/sidebox_pink1_02.gif);}
.sidebox .pink1 a:link,
.sidebox .pink1 a:active,
.sidebox .pink1 a:visited { color:#FF3399; text-decoration:underline;}
.sidebox .pink1 a:hover { color:#FF6699; text-decoration:underline;}

/* contents ------*/
.contents .main-visual-box { width:420px; float:left;}
/* main

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

.main-visual-box { width:420px; }
.main-visual-box .block { background:#F7F7F7; height:80px;}
.main-visual-box .l { width:180px; margin-left:5px; margin-right:5px; float:left;}
.main-visual-box .l { _margin-left:2px; _margin-right:6px;}
.main-visual-box .l img { margin-top:5px; margin-bottom:5px;}
.main-visual-box .c { width:70px; float:left;}
.main-visual-box .c img { margin-top:5px; margin-bottom:5px;}
.main-visual-box .r { width:110px; margin-left:4px; margin-right:4px; float:right;}
.main-visual-box .r img { margin-top:5px; margin-bottom:5px;}

/* 商品検索 ------*/
.form01 {	width: 200px;	border: 1px solid #99CCCC;}
/* ---- left --------------------------------- */

/* ---- Footer --------------------------------- */
#pagetopcss {	text-align: right;	margin-bottom:10px;	padding-bottom:5px;	border-bottom:1px solid #A38F99;}
#footer p {	margin-bottom:5px;	line-height:1.5em;	display:block; margin-top:10px}
#footer p.copyright { margin-top:5px	}
/* -----Footer ---------------------------------- */

/* product --------------------------------------------------------------------- */
.line_item_under {	width:250px;height:9px;background-image: url(http://www.cosmemart.jp/img01/line_goods.gif);background-repeat: no-repeat;padding: 0px ;margin: 5px 0px 5px 0px;}
.LEAD-J { font-size: 12px; line-height: 18px; align="left"}


/* special list */
.specialtop_list{}
.specialtop_list ul{
	padding-top:5px;
}
.specialtop_list li{
	width: 160px;
	height:140px;
	padding-right: 20px;
	margin-left:20px;
	display: block;
	float: left;
	list-style-type: none;
	padding-left: 0px;
	padding-bottom: 15px;
}
.specialtop_list li span{
	font-size:90%;
}
.specialtop_list .campaigntop_date{
	color:#CC3399;
	font-family: "Century Gothic","lr oSVbN","lr SVbN",sans-serif;
	font-size:90%;
}
.specialtop_list a:hover img{
	filter: alpha(opacity=60);
	opacity: 0.6;
	background-color: #ffffff;
}
/* category list */
.category_list{}
.category_list ul{
	padding-top:5px;
}
.category_list li{
	width: 160px;
	height:63px;
	padding-right: 20px;
	margin-left:20px;
	display: block;
	float: left;
	list-style-type: none;
	padding-left: 0px;
	padding-bottom: 3px;
}
.category_list li span{
	font-size:90%;
}
.category_list a:hover img{
	filter: alpha(opacity=60);
	opacity: 0.6;
	background-color: #ffffff;
}

/* category list2 */
.category_list2{}
.category_list2 ul{
	padding-top:5px;
}
.category_list2 li{
	width: 193px;
	height:60px;
	padding-right: 3px;
	margin-left:3px;
	display: block;
	float: left;
	list-style-type: none;
	padding-left: 0px;
	padding-bottom: 20px;
}
.category_list2 li span{
	font-size:90%;
}
.category_list2 a:hover img{
	filter: alpha(opacity=60);
	opacity: 0.6;
	background-color: #ffffff;
}
/* category list3 */
.category_list3{}
.category_list3 ul{
	padding-top:5px;
}
.category_list3 li{
	width: 193px;
	height:60px;
	padding-right: 3px;
	margin-left:3px;
	display: block;
	float: left;
	list-style-type: none;
	padding-left: 0px;
	padding-bottom: 5px;
}
.category_list3 li span{
	font-size:90%;
}
.category_list3 a:hover img{
	filter: alpha(opacity=60);
	opacity: 0.6;
	background-color: #ffffff;
}


/*　pager全体　*/
.pager {
	font-size:12px;
	height:13px;
	border-top:1px solid #ddd;
	border-bottom:none;
	text-align:center;　/*　表示方法：中央　*/
	/*　text-align:left;　表示方法：左寄せ　*/
	/*　text-align:right;　表示方法：右寄せ　*/
}


/*　00 件中 0-0 件表示　*/
.FS2_pager_text{
	display:inline-block;
	margin:7px 5px 3px 15px;
	/*　float:right;　表示方法：右寄せを使用する場合、コメントアウトを外してください　*/
}


/*　緑色の矢印の画像を表示しない　*/
.FS2_pager_link_first img{
	display:none;
}
.FS2_pager_link_prev img{
	display:none;
}
.FS2_pager_link_next img{
	display:none;
}
.FS2_pager_link_last img{
	display:none;
}



/*　最初に戻る　*/
.FS2_pager_link_first{
	display:inline-block;
	width:35px;
	height:13px;
	background:url(/shop/item/cosmemart/design/img01/bg_first.gif) no-repeat;
	position:relative;
	top:2px;
	margin:0 5px;
}


a:hover.FS2_pager_link_first{
	background:url(/shop/item/cosmemart/design/img01/bg_first_on.gif) no-repeat;
}



/*　前へ　*/
.FS2_pager_link_prev{
	display:inline-block;
	width:35px;
	height:13px;
	background:url(/shop/item/cosmemart/design/img01/bg_prev.gif) no-repeat 0 0;
	position:relative;
	top:2px;
	margin:0 5px;
}

a:hover.FS2_pager_link_prev{
	background:url(/shop/item/cosmemart/design/img01/bg_prev_on.gif) no-repeat 0 0;
}




/*　次へ　*/
.FS2_pager_link_next{
	display:inline-block;
	width:35px;
	height:13px;
	background:url(/shop/item/cosmemart/design/img01/bg_next.gif) no-repeat 0 0;
	position:relative;
	top:2px;
	margin:0 5px;
}

a:hover.FS2_pager_link_next{
	background:url(/shop/item/cosmemart/design/img01/bg_next_on.gif) no-repeat 0 0;
}


/*　最後へ　*/
.FS2_pager_link_last{
	display:inline-block;
	width:35px;
	height:13px;
	background:url(/shop/item/cosmemart/design/img01/bg_last.gif) no-repeat 0 0;
	position:relative;
	top:2px;
	margin:0 5px;
}

a:hover.FS2_pager_link_last{
	background:url(/shop/item/cosmemart/design/img01/bg_last_on.gif) no-repeat 0 0;
}




/*　ページ別リンク　*/
.FS2_pager_link {
	text-decoration:none;
	display:inline-block;
}

.FS2_pager_link{
	background:#f6f6f6;
	border:1px solid #ddd;
	padding:1px 0.5em;
	margin:0 2px;
	color:#000;
	position:relative;
	top:-2px;
}

a:hover.FS2_pager_link{
	background:#000;
	color:#fff;
	border-color:#000;
}


/*　現在表示中のページ　*/
.FS2_pager_stay{
	display:inline-block;
	font-weight:bold;
	margin:7px 5px 3px 5px;
}

/* ie用ハック */
/*ie7*/
*+html body .FS2_pager_link_first{
	position:relative;
	top:0px;
}
*+html body .FS2_pager_link_prev{
	position:relative;
	top:0px;
}
*+html body .FS2_pager_link_next{
	position:relative;
	top:0px;
}
*+html body .FS2_pager_link_last{
	position:relative;
	top:0px;
}

/*ie6*/
* html body .FS2_pager_link_first{
	position:relative;
	top:0px;
}
* html body .FS2_pager_link_prev{
	position:relative;
	top:0px;
}
* html body .FS2_pager_link_next{
	position:relative;
	top:0px;
}
* html body .FS2_pager_link_last{
	position:relative;
	top:0px;
}

/*　pager end　*/



/*　文字サイズ、太さを変更　数字を変更して調整　*/
.welcome{
font-size:10px;
font-weight:normal;
}
.FS2_body_Goods_GoodsDetail .itemCatchCopy {
font-size:13px; /* フォントサイズ */
color:#FF6600; /* フォント色 */
display:block;　/* キャッチコピーを改行 */
}

 /*　商品グループ一覧ページのみページ切り替えを非表示　*/
.FS2_GroupList .pager {
display:none;
}

.FS2_body_Goods_GoodsSearchList .FS2_thumbnail_container img { 
width:100px; border: 1px; /* 枠の太さ */
border-color: #333333; /* 枠の色 */
}
.FS2_body_Goods_GoodsSearchList{
	border-bottom:1px solid #FF0000;　/*#FF0000は赤色です。*/
}
.buy_head {font-size: 12px;background-color: #e4dcd5;padding: 5px 5px 3px 10px;text-align: left;color: #666666;}.buy_data {font-size: 12px;background-color: #FFFFFF;padding: 5px 5px 3px 10px;line-height: 140%;color: #666666;}.buy {background-color: #999999;}div.buy_data01 {width: 100%;} div.buy_data01 img {float: left;margin: 0 30px 30px 0;}