@charset "utf-8";
/* CSS Document */

.f_square_o { background:url(/images/common/icon_square_orange.gif) left 3px no-repeat; padding-left:15px; color:#FF6600; font-weight:bold;}
.f_square_w { background:url(/images/common/icon_square.gif) left 3px no-repeat; padding-left:15px;}
.f_circle_g { background:url(/images/common/icon_circle_green03.gif) left 3px no-repeat; padding-left:16px; font-weight:bold; color:#669900;}
.f_circle_g02 { background:url(/images/common/icon_circle_green02_bgw.gif) left 3px no-repeat; padding-left:16px;}
.f_circle_p { background:url(/images/common/icon_circle_pink.gif) left 3px no-repeat; padding-left:16px; font-weight:bold; color:#FD9B9A;}
.f_circle_p02 { background:url(/images/common/icon_circle_pink02.gif) left 3px no-repeat; padding-left:14px;}
.f_circle_b { background:url(/images/common/icon_circle_blue.gif) left 3px no-repeat; padding-left:16px;}
.icon_bg_y { background:url(/images/common/icon_circle_green02.gif) left 3px no-repeat #FFFFE8; padding-left:16px;}
.f_snow_mini { background:url(/images/common/icon_snow.gif) left 4px no-repeat; padding-left:14px;}
.caution { color:#CC0000;}
.icon_befor,.icon_after { vertical-align:-1px;}
.icon_befor { padding-right:3px;}
.icon_after { padding-left:3px;}
.f_sonw_mini02 { background:url(/images/common/icon_snow02.gif) left 3px no-repeat; padding-left:14px;}
.f_green_b { font-size:16px; color:#669900; line-height:140%;font-weight:bold;}
.f_red { color:#CC0000;}


.sttl01 { background:#3399CC; padding:5px;}
.sttl01 p { background:url(/images/common/icon_square.gif) left 2px no-repeat; padding-left:15px; color:#FFF; font-weight:bold; line-height:100%;}

.variable { margin:0 auto;}
.narrow .variable { width:950px;}
.wide .variable { width:1120px;}


/*==================container==================*/
#container { margin:0 auto; clear:both; margin-top:10px;}
.narrow #container { width:950px;}
.wide #container { width:1120px;}

/*.narrow #container_left { width:790px;}元のコード*/
.narrow #container_left { width:780px;}/*2012/6/20修正_神田*/
.wide #container_left { width:960px;}
#container_left { float:left;}


/*==================add css==================*/


/* 以下2つのfontスタイル使用してなければ削除可能 */
.h2pink2b {
	line-height: 20px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FF6699;
	margin: 20px 0 20px 0;
	padding: 0 0 0 0;	
}
.h2pink2b14 {
	line-height: 20px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FF6699;
	margin: 20px 0 20px 0;
	padding: 0 0 0 0;
}


/*=========文字色追加・2012/04/21==菅原=======*/

/* 以下3つのfontスタイル使用してなければ削除可能 */
.h3pink01 {
	background:#F5929B none repeat scroll 0%;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	margin:0pt;
	padding:5px 0pt 5px 5px;
	text-align:left;
}

.h3bluenw1 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #3BA2EF;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}

.h3brown01 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #632a17;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}





/* 商品一覧（購入と詳細）5列テーブル */
.goodsarea {
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}
.tblgoodsarea {
	width: 100%;
}
.tblgoodsarea td {
	vertical-align: top;
	width: 20%;
}
.tblgoodsarea .tblgoods-td {
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
}
.tblgoodsarea .tblgoods-lank {
        text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
}
.tblgoodsarea .imgpurchase {
	float: left;
	width: 46px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.tblgoodsarea .imgdetail {
	float: right;
	width: 46px;
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
}
.tblgoodsarea dl{
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.tblgoodsarea dt{
	text-align: left;
        line-height: 15px;
	background: url("https://www.lovecosmetic.jp/images/icon/tv_red.gif") top left no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 5px 15px;
}
.tblgoodsarea dd{
	text-align: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
}




/* 素材テーブル ピンク*/
#tblsozai_n_pink {
	width: 490px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 1px solid #F5929B;
}
#tblsozai_n_pink th {
	text-align: center;
	color: #A21633;
	width: 100px;
	margin: 0 0 0 0;
	border: 1px solid #F5929B;
}
#tblsozai_n_pink td {
	text-align: left;
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px;
	border: 1px solid #F5929B;
	background-color: #FFFAFA;
}
#tblsozai_n_pink .sozailist li {
	list-style-image: url("../images/en_green.gif");
	margin: 3px 0 0 20px;
	padding: 0 0 0 0;
}



/*カテゴリページ　ランキング　5/26櫻田*/


h4.ranking{
	background:url(https://www.lovecosmetic.jp/category/images/ttl_ranking.gif) no-repeat;
	width: 550px;
	height:55px;
	padding:20px 0px 0px 10px;
	margin-bottom:-10px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ff6600;
}


h4.kanrenkiji{
	background:url(https://www.lovecosmetic.jp/category/images/ttl_kanrenkiji.gif) no-repeat;
	width: 550px;
	height:55px;
	padding:20px 0px 0px 10px;
	margin-bottom:-10px;
		text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #268BAC;
}


/*カテゴリページ　バナーエリア　5/26櫻田*/

.cate_banner {
	height: 230px;
	width: 510px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.banner1 {
	float: left;
	margin-right: 10px;
}

.banner2 {
	width: 250px;
	float: right;

}

a img.banner3 {
	width: 250px;
	margin-bottom: 10px;
}




div.taiken {
	background:url(https://www.lovecosmetic.jp/category/images/bk_taiken.gif) no-repeat;
	width: 400px;
	height:115px;
	padding:15px 0px 5px 10px;
}

div.shcList {
/*	padding:-20px 0px 0px 10px;*/
	margin:-10px 0px 0px 10px;
}

div.taiken ul li,
div.taiken p{
	padding:0px 20px 0 20px;
/*	margin: 0 0 0 5px ;*/
}

.onayamilist li {
	text-align: left;
	float: left;
	background: url("https://www.lovecosmetic.jp/images/icon/en_pink.gif") left no-repeat;
	margin: 0 0 0 15px;
	padding: 0 0 3px 12px;
}