@import "reset.css";
@import "fonts.css";

/* 初期設定
******************************************/
/*
* {
	font-weight: normal;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	color: #333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.5;
	padding:0px;
}
*/

/* フォント
******************************************/

h2{
/*	color:#ff517c;
	font-weight:bold;
	min-height: 21px;*/
}

.f_red{
	color:#FF0000;
}

.f_orange{
	color:#FF6600;
}

.f_blue{
	color: #003399;
}
.f_pink{
	color:#ff517c;
}

.f_blue_title{
	color: #003399;
	margin:5px;
}

.f_yen{
	color:#FF0000;
	font-weight:bold;
}

h3{
	color:#3773af;
	padding:5px 5px;
}

h4{
	padding:5px 5px;
}


/* 各項目共通設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.pause {
	clear: both;
}

hr {
	visibility: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h2 {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #669900;
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
}

.h2_yoko4 {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #669900;
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
}

.h2 {
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #669900;
	margin: 20px 0 20px 0;
	padding: 0 0 0 0;
}

.h2_news {
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	margin: 20px 0 20px 0;
	padding: 0 0 0 0;
}
h3 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}
.h3 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #ff9999;
	margin: 15px 0 15px 0;
	padding: 5px 0 5px 5px;
}
.h3b {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #3399CC;
	margin: 0px 0 0px 0;
	padding: 5px 0 5px 5px;
}
.h3blue2 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #018CCB;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}
.h3ore {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #ff6600;
	margin: 20px 0 15px 0;
	padding: 0 0 0 0;
}
.h3oreb {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #FF9900;
	margin: 15px 0 15px 0;
	padding: 0 0 0 0;
}

.h3green {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #669999;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}
.h3green01 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #84C146;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}
.h3green02 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #669900;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}
.h3green03 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #669900;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}

.h3ore2 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #FF9900;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}
.h3pink {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #CC0066;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}
.h3pink2 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #F5929B;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}
.h3pink3 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #F884B1;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}
.h3pink4 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #F73261;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}
.h3pink5 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #DB0066;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}
.h3blue {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #0099B3;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}
.h3blue03 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #3399CC;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}
.h3red {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #E3213A;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}
.h3red02 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #990000;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}
.h3pur {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #B76EA0;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}
.h3blue02 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #3399CC;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}
.h3blue03 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #000033;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}
h4 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ff6600;
	margin: 15px 0 15px 0;
	padding: 0 0 0 5px;
}
.h4 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ff6600;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
}
.h4ima {
	margin: 8px 0 0px 0;
}
h5 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #669999;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}

/* 初期値設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
* {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.1em;
	margin: 0;
	padding: 0;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}
form,fieldset {
	font-size: 13px;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

fieldset {
	border: 0;
}

h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,li,ol,dl,dd {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

li {
	margin: 0;
	padding: 0;
	list-style: none;
}

input {
	margin: 0;
	padding: 0;
	font-size: 13px;
}

textarea {
	margin: 5px 5px 5px 5px;
	padding: 2px 0 0 5px;
	font-size: 13px;
}

img {
	border: none;
	display: block;		/*IE以外のブラウザはimgをinlineと解釈するのでblockにする*/
}

hr {
	margin: 0;
	padding: 0;
	border: none;
	display: none;
}

table,th,tr,td {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
	border-collapse: collapse;
}

.text000 {
	color: #ffffff;		/* 白 */
	background-color: transparent;
}
.text001 {
	color: #6699cc;		/* 水色 */
	background-color: transparent;
}
.text002 {
	color: #CC0000;		/* 赤 */
	background-color: transparent;
}
.text003 {
	color: #003366;		/* 紺 */
	background-color: transparent;
}
.text004 {
	color: #669900;		/* 緑 */
	background-color: transparent;
}
.text005 {
	color: #999999;		/* 灰色 */
	background-color: transparent;
}
.text006 {
	color: #ff6600;		/* 橙 */
	background-color: transparent;
}
.text007 {
	color: #666666;		/* 濃灰色 */
	background-color: transparent;
}
.text008 {
	color: #FF3366;		/* ピンク */
	background-color: transparent;
}
.text009 {
	color: #336699;		/* 紺 */
	background-color: transparent;
}

.b {
	font-weight: bold;
}

.f18 {
	font-size: 16px;
}

a:link {
	color:#3366cc;
	text-decoration: none;
}
a:visited {
	color:#006666;
	text-decoration: none;
}
a:hover {
	color:#ff6600;
	background-color:#fee1ad;
}
a:active {
	color:#FF3300;
	text-decoration: none;
}

.text000 a:link {
	color:#ffffff;
	text-decoration: underline;
}
.text000 a:visited {
	color:#ffffff;
	text-decoration: underline;
}
.text000 a:hover {
	color:#ff6600;
	background-color:#fee1ad;
}
.text000 a:active {
	color:#ffffff;
	text-decoration: underline;
}

.notice001 {
	text-align: left;
	color:#000000;
	background-color: #ffeeee;		/* ピンク */
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
}

.text_b {
	font-size: 16px;
	text-align:left;
}

.text_bl {
	font-size: 16px;
	line-height: 20px;
	text-align:left;
}

.text_s {
	font-size: 12px;
	line-height: 13px;
	text-align:left;
}

.text_sul {
	font-size: 12px;
	line-height: 13px;
	color: #006699;
	text-decoration: underline;
	text-align:left;
}

.text_ss {
	font-size: 10px;
	text-align:left;
}

.text_ssl {
	font-size: 10px;
	line-height: 14px;
	text-align:left;
}

.text_sw {
	font-size: 12px;
	line-height: 20px;
	text-align:left;
}

.text_sl {
	font-size: 12px;
	line-height: 16px;
	text-align:left;
}

.text_sl2 {
	font-size: 12px;
	line-height: 18px;
	text-align:left;
}

.text_sl3 {
	font-size: 12px;
	line-height: 16px;
	color: #666666;	
	text-align:center;
}

.red {
	color: #CC0000;		/* レッド */
}

.red1b {
	color: #CC0000;		/* レッド */
	font-weight: bold;
}

.red1b14 {
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}

.red2b16 {
	font-size: 16px;
	color: #CC0000;		/* レッド */
	font-weight: bold;
}

.red3 {
	color: #FF0000;		/* レッド */
}

.red3b {
	color: #FF0000;		/* レッド */
	font-weight: bold;
	font-size: 12px;
}

.red4 {
	color: #D13F07;		/* レッド */
}
.red5b {
	color: #E3213A;		/* レッド */
	font-weight: bold;

}
.red6b {
	color: #A21633;		/* レッド */
	font-weight: bold;

}
.red7b {
	color: #F05E59;		/* レッド */
	font-weight: bold;

}
.green1b {
	color: #669900;		/* グリーン */
	font-weight: bold;
}

.green2b {
	color: #99CC00;		/* グリーン */
	font-weight: bold;
}

.green4b {
	color: #339999;		/* グリーン */
	font-weight: bold;
}

.green7b {
	color: #66CC66;		/* グリーン */
	font-weight: bold;
	font-size: 12px;
}

.green9b {
	color: #339933;		/* グリーン */
	font-weight: bold;
}

.green11b {
	color: #009999;		/* グリーン */
	font-weight: bold;
}

.green12 {
	color: #006600;		/* グリーン */
}

.green13b {
	color: #84C146;		/* グリーン */
	font-weight: bold;
}

.green15b {
	color: #00CC00;		/* グリーン */
	font-weight: bold;
}
.green16b {
	color: #465D20;		/* グリーン */
	font-weight: bold;
}

.blue1 {
	color: #336699;		/* ブルー */
}

.blue1b {
	color: #336699;		/* ブルー */
	font-weight: bold;
}

.blue2b {
	color: #3399CC;		/* ブルー */
	font-weight: bold;
}
.blue2b14 {
	font-size: 14px;
	font-weight: bold;
	color: #3399CC;		/* ブルー */
}

.blue4b {
	color: #66CCCC;		/* ブルー */
	font-weight: bold;
}

.blue5b {
	color: #6699CC;		/* ブルー */
	font-weight: bold;
}

.blue6b {
	color: #0082D6;		/* ブルー */
	font-weight: bold;
}

.blue7b {
	color: #0099B3;		/* ブルー */
	font-weight: bold;
}

.whiteb {
	color: #ffffff;		/* ホワイト */
	font-weight: bold;
}

.pink1b {
	color: #FFB3B3;		/* ピンク */
	font-weight: bold;
}

.pink2b {
	color: #FF6699;		/* ピンク */
	font-weight: bold;
}

.pink2b14 {
	font-size: 14px;
	font-weight: bold;
	color: #FF6699;		/* ピンク */
}

.pink4 {
	color: #FF3366;		/* ピンク */
}

.pink4b {
	color: #FF3366;		/* ピンク */
	font-weight: bold;
	font-size: 12px;
}

.pink4b14 {
	font-size: 12px;
	font-weight: bold;
	color: #FF3366;		/* ピンク */
}

.pink5b {
	font-size: 12px;
	color: #FF6666;		/* ピンク */
	font-weight: bold;
}

.pink7b14 {
	font-size: 14px;
	color: #EB5A86;		/* ピンク */
	font-weight: bold;
}

.pink8b {
	color: #FF0066;		/* ピンク */
	font-weight: bold;
}
.pink9b {
	color: #FF6666;		/* ピンク */
	font-weight: bold;
}
.pink10b {
	color: #F8547D;		/* ピンク */
	font-weight: bold;
}
.pink11b {
	color: #F5929B;		/* ピンク */
	font-weight: bold;
}
.pink12b {
	color: #F73261;		/* ピンク */
	font-weight: bold;
}
.purpleb {
	color: #CC99CC;		/* パープル */
	font-weight: bold;
} 

.purple2b {
	color: #CC0066;		/* パープル2 */
	font-weight: bold;
}

.purple3b {
	color: #DB0066;		/* パープル3 */
	font-weight: bold;
}

.brown2b {
	color: #990000;		/* ブラウン */
	font-weight: bold;
}

.brown3 {
	color: #CC6600;		/* ブラウン */
}

.brown3b {
	color: #CC6600;		/* ブラウン */
	font-weight: bold;
}

.brown4b {
	color: #999900;		/* ブラウン */
	font-weight: bold;
}

.orange1b {
	color: #FF6600;		/* オレンジ */
	font-weight: bold;
}

.orange1 {
	color: #FF6600;		/* オレンジ */
}

.orange2b {
	color: #FF9933;		/* オレンジ */
	font-weight: bold;
}

.orange2b14 {
	color: #FF9900;		/* オレンジ */
	font-weight: bold;
	font-size: 14px;
}

.orange3b {
	color: #FF9966;		/* オレンジ */
	font-weight: bold;
}

.orange4b {
	color: #FF9900;
	font-weight: bold;		/* オレンジ */
}

.orange5b {
	color: #EC9F11;
	font-weight: bold;		/* オレンジ */
}



/* 共通
******************************************/
#head{
    background:#7fabd8 url('https://secure.lovecosmetic.net/i/images/common/bg_linebox_blg.gif') 0 0;
	color:#FFFFFF;
	padding:5px 0;
}

#head_link{
	padding:5px 0;
	background:#faf9f6;
}

#page_title{
	padding:5px 5px;
}

#foot{
    background: #8CB3DA;
/*	background:#6b9ed2;*/
	color:#FFFFFF;
	padding:5px 5px;
	line-height: 1.5em;
}
#foot li,#foot div,#foot p,#foot span{
	line-height: 1.5em;
}

.text{
	padding:5px 5px;
}

table{
	margin:5px 8px;
	margin-bottom:30px;
}
table td,th{
	padding:3px;
	text-align:left;
}

li{
	list-style:none;
}

/*背景色薄グレー*/
.back_gray{
	background:#faf9f6;
	padding:5px;
}

.back_gray2{
	background:#faf9f6;
	padding:5px;
	margin:10px;
}

.back_gray3{
	background:#f5f5f5;
	padding:5px;
}

.back_blue{
	background: #72c3e9;
	color:#FFFFFF;
	text-align:center;
	padding:5px 5px;
	font-weight:bold;
}

input{
	padding:5px;
	margin:3px 2px;
}

select{
	margin:3px 2px;
}

textarea{
	padding:5px;
	margin:3px 2px;
}

label{
	margin:15px 0px;
}

/*　ボタン真ん中*/
.img_center{
	text-align:center;
	margin-bottom:30px;
}
/**右寄せ**/
.alignright{
	text-align:right;
	margin:10px 5px;
}

.img_center img{
	margin:5px;
}

.img_center2{
	text-align:center;
	margin:10px;
}

.line_hight{
	line-height:3;
}

.text_center{
	text-align:center;
}

/*　商品詳細
******************************************/

.tblsozai05{
	width:300px;
	border:#84C146 1px solid;
}

.tblsozai05 td{
	border:#84C146 1px solid;
}

#item_detail{
	margin:5px;
}

#detail_img{
	text-align:center;
}

#detail_cart{
	background:#f7f6f0;
	padding:10px;
	margin:10px;
}

#detail_cart h4{
	color:#FF6600;
	background:url(https://secure.lovecosmetic.net/i/images/common/bg_cart_detail_itemName.gif) no-repeat left center;
	padding-left:10px;
}

#detail_text{
	margin:10px 5px;
}

.item_last{
	color:#FF6600;
	font-weight:bold;
}


.kutikomi{
	padding-left:50px;
	background:url(https://secure.lovecosmetic.net/i/images/common/icon_cart_detail_voice.gif) 13px center no-repeat;
	height:20px;
	margin-top:3px;
}

.detail{
	padding-left:50px;
	background:url(https://secure.lovecosmetic.net/i/images/common/icon_cart_detail_detail.gif) left center no-repeat;
	height:20px;
	margin-top:3px;
}

.buy{
	padding-left:50px;
	background:url(https://secure.lovecosmetic.net/i/images/common/icon_cart_detail_buy.gif) left center no-repeat;
	height:20px;
	margin-top:3px;
}

.right_link_h{
	padding-left:22px;
	background:url(https://secure.lovecosmetic.net/i/images/common/icon_1.gif) left center no-repeat;
	height:20px;
	margin-top:3px;
	float:right;
	clear:both;
}
.right_link_d{
	padding-left:22px;
	background:url(https://secure.lovecosmetic.net/i/images/common/icon_2.gif) left center no-repeat;
	height:20px;
	margin-top:3px;
	float:right;
	clear:both;
}

.right_link_k{
	padding-left:22px;
	background:url(https://secure.lovecosmetic.net/i/images/common/icon_3.gif) left center no-repeat;
	height:20px;
	margin-top:3px;
	float:right;
	clear:both;
}


.right_link_1{
	text-align:right;
}

.right_link_2{
	clear:both;
	text-align:right;
	margin:90px 0px 15px 0px;
}


/*　買い物かごの中身
******************************************/

#cart_list_orange{
	background:url(https://secure.lovecosmetic.net/i/images/common/bg_cart_incartItem.gif);
	padding:5px 0px;
}

#cart_list_orange table{
	background:#FFFFFF;
	margin:auto;
}
#cart_list_orange table{
	border:solid 5px #FFFFFF;
}
#cart_list_orange table tbody td{
	text-align:right;
	border-bottom:dotted 1px #CCCCCC;
}


#cart_list_orange table tfoot th{
	background:#FF6600;
	color:#FFFFFF;
	border:solid 1px #FFFFFF;
	font-weight:bold;
}

#cart_list_orange table tfoot td{
	text-align:right;
}


#cart_inside_title{
	background:#FC892B;
	padding:5px 5px;
}
#cart_inside_title h2{
	color:#FFFFFF;
	min-height: 21px;
}

.recommend_title{
	background:#DCEFF4;
	color:#0033CC;
	padding:5px;
	font-weight:bold;
	margin-top:20px;
}

.recommend{
	margin:auto;
}
.recommend td{
	border-bottom:dotted 1px #CCCCCC;
}

#shoppinginfo{
	padding:5px 5px;
	margin:10px 0px 20px 0px;
}

#shoppinginfo h4{
	margin-top:10px;
}

body .runking_table tr td img.ranking {
	position: absolute;
	top: -10px;
	right: -13px;
}



/*　買い物かごSTEP1
******************************************/

#step{
	margin:10px 5px;
	text-align:center;
}


#cart_list table{
	width:95%;
}
#cart_list tbody td{
	border-bottom: dotted 1px #CCCCCC;
}

#cart_list tfoot td{
	background:#faf9f6;
}

#cart_list tfoot th{
	padding:3px;
	background:#faf9f6;
	text-align:right;
}

#payment{
}

#payment table td{
	border-bottom: dotted 1px #CCCCCC;
}
#payment table th{
	background:#faf9f6;
}

#enterFirst {
	padding:5px;
	background:#faf9f6;
}

#enterFirst a{
	font-weight:bold;
	color:#FF0000;
}

.login{
	background:#faf9f6;
	padding:10px;
	margin-bottom:10px;
}


/*　買い物かご　STEP2
******************************************/

#step02 table td{
	border-bottom: dotted 1px #CCCCCC;
}
#step02 table th{
	background:#faf9f6;
}


#zip1,#zip2,#tel1,#tel2,#tel3{
	width:60px;
}
#add1,#add2,#mail1,#mail2{
	width:280px;
}

#name1,#name2,#kana1,#kana2{
	width:230px;
}

#comment{
	width:280px;
	height:100px;
}

#haisou{
	margin:20px 5px 50px 5px;
}

/*　検索エラー	no-item
******************************************/

#last_item{
	margin:0 0 20px 0;
}

/*　エラーページ
******************************************/

#err_page{
	padding: 25px 10px 25px 60px;
	margin-left:10px;
	background:url(https://secure.lovecosmetic.net/i/images/common/txt_cart_msg03.jpg) no-repeat center left;
	font-weight:bold;
}
/*　エラーページ
******************************************/

#regist_complete{
	padding: 90px 10px 95px 130px;
	height:20px;
	background:url(https://secure.lovecosmetic.net/i/images/common/img_cart_msg01.gif) no-repeat center left;
	margin-left:10px;
	font-weight:bold;
}


/*　購入ありがとうございました
******************************************/
#thanks{
	padding: 50px 10px 50px 130px;
	background:url(https://secure.lovecosmetic.net/i/images/common/img_cart_msg01.gif) no-repeat center left;
	margin-left:10px;

}
#thanks_msg{
	font-weight:bold;
}

#maga_select_title{
	background:#DCEFF4;
	color:#0033CC;
	padding:5px 0px;
	font-weight:bold;
}

#maga_select th{
	background:#faf9f6;
}

#maga_select td{
	border-bottom: dotted 1px #CCCCCC;
}
#maga_select  img{
	margin: 10px;
}

/*　マイエルシー登録
******************************************/

#head_logo{
	margin:10px 0px;
	text-align:center;
}

.key{
	background: #faf9f6 url(https://secure.lovecosmetic.net/i/images/common/key_icon.gif) no-repeat left center;
	padding-left:25px;
}

.hint{
	background:#faf9f6 url(https://secure.lovecosmetic.net/i/images/common/hint_icon.gif) no-repeat left center;
	padding-left:25px;
}

.my_lc_th{
	background:#faf9f6;
}


/*　マイエルシー登録完了
******************************************/

.contents_list td{
	border-bottom:dotted 1px #CCCCCC;
}


.contents_list img{
	margin:10px;
}


/* 成分
******************************************/


#tblhowtouse {
	width: 320px;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	border: 1px solid #6699cc;
}

#tblhowtouse th{
	width: 320px;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	border: 1px solid #6699cc;
}

#tblhowtouse .f_circle_g02 {
	background-image: url("https://secure.lovecosmetic.net/i/images/common/en_green.gif");
	background-position: left top;
	background-repeat: no-repeat;
	margin: 3px 0;
	padding: 0 0 0 15px;
}

.text003 {
	color: #003366;		/* 紺 */
	background-color: transparent;
}

.text005 {
	color: #999999;		/* 灰色 */
	background-color: transparent;
}


/* 4商品枠
******************************************/

.products4{
	width: 75px;
	float: left;
	padding-top: 5px;
	margin-left: 1px;
}

.products4 dl dt{
	height: 40px;
}

.text_price {
	font-size: 11px;
}

.products4_Title{
    background: url('https://secure.lovecosmetic.net/i/images/common/head_bg.png') repeat-x left top;
    border-bottom: #BFE5F2 solid 2px;
    padding: 5px 0 3px 0;
    margin: 10px 0 0 0;
    line-height: 1;
}
.products4_Title h2{
    background: url('https://secure.lovecosmetic.net/i/images/common/head_bg_asterisk.png') no-repeat left top;
    margin: 0 0 0 10px;
    padding: 2px 0 0 20px;
    color: #999999;
    font-weight: bold;
	min-height: 17px;
}

/* 4商品枠
******************************************/


.item_image{
    float: left;
}


.name{
    font-weight: bold;
    color: #666666;
    padding: 5px 5px 5px 0px;
}

.section1{
    width: 320px;
    height: 140px;
    border-bottom: 1px dotted #333333;
    padding: 5px 0;
}

.pageNav{
    width: 320px;
    text-align: center;
    padding: 10px;
}

.nam,
.nam a{
    width: 300px;
    font-size: 13pt;
    padding: 5px 0;
}


img.left{
    float: left;
    padding-top: 5px;
}

img.right{
    float: right;
    padding-top: 5px;
}

/* いいねボタン
******************************************/
ul.iineList {
    margin-bottom: 13px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 270px;
}
ul.iineList li {
    float: left;
    height: 36px;
}
ul.iineList2 {
    height: 24px;
    margin-bottom: 13px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 270px;
}
ul.iineList2 li {
    float: left;
}

/* キャンペーン実施中 */

.cppr {
	padding: 5px;
	border: 1px dashed #FFCC00;/*枠線の色*/
	background: #FFFFF7;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
}

.cppr p{
	color: #FF9933;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	font-weight: bold;
}

/* ▼カテゴリー説明エリア　幅500px内　5/12櫻田 */
.cate-exparea {
	text-align: left;
}
.cate-exp {
	width: 315px;
	margin: 0 auto 0 auto;
	padding: 5px 0 5px 5px;
	/* IE用ハック */
	_padding: 5px 0 0 5px;
	background: #e6f7ff;
}

.cate-exp p {
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
}
.imgcate-exp {
	float: left;
}
.txtcate-exp {
	float: left;
	line-height: 1.2em;
}
.linkcate-exp {
	float: right;
}
.linkcate-exp li {
	margin: 0 0 2px 0;
	padding: 0 0 0 5px;
}



/* 160413追加 */
article .text p a{
text-decoration:underline !important;
line-height:28px !important;
color:#3C86CB !important;
}


/* 160418追加 */
.column_nail{
	float:left;
	width:30%;
	margin-right:1%;
}
.column_nail img{
	width:100%;
}
.more_info p{
	float:left;
	margin:10px 0 0 0 !important;
	width:69%;
}


/* バナーレギュレーションB用追記　2016/09/08 菅原追記
****************************************************/

/* ②４つバナー＆⑧限定キャンペーンスモールレクタングル用
******************************************/


#sp_4banner_textarea{
	width:320px;
    margin-left:auto;
    margin-right:auto;
    }
	
/* スタイルが効かない時対策 */	
.sp_4banner_textarea{
	width:320px;
    margin-left:auto;
    margin-right:auto;
    }

.sp_4banner_area{
	width:100px;
}

.sp_4banner_areabox {
		/* boxレイアウトの指定 */
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-moz-flex-direction: row;
	-o-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	}

.sp_4banner_photo {
	margin:		0;
	padding:	0;
	position:	relative; /* 相対位置指定 */
}

/* 黒帯 */
.sp_4banner_text {
	width:90px;
	font-size:	12px;
	text-align:	left;
	bottom:		-10px;
	margin:		0;
	padding:	3px 5px;
	color:		#fff;
	background:	rgba(0,0,0,0.4); /* 帯の透明度 */
	position:	absolute; /* 絶対位置指定 */
}

/* 青帯 */
.sp_4banner_text2 {
	width:90px;
	font-size:	12px;
	text-align:	left;
	bottom:		-10px;
	margin:		0;
	padding:	3px 5px;
	color:		#fff;
	background:	rgba(102,204,255,0.8); /* 帯の透明度 */
	position:	absolute; /* 絶対位置指定 */
}

.sp_4banner_item {
	width: 100px;
	margin: 3px;
    overflow: hidden;
    display: block;
    position: relative;
}

/* newアイコン */
.sp_4banner_new {
    width: 100px;
    padding: 3px 5px;
    background: #FF0F87;
	letter-spacing: 1px;
    color: #fff;
	font-size:10px;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 2px;
    left: -40px;
    text-transform: uppercase;
    transform: rotate(330deg);
}


/* ④CRM　PR枠
******************************************/

#sp_crmbanner_textarea{
	width:320px;
    margin-left:auto;
    margin-right:auto;
    }
	
/* スタイルが効かない時対策 */	
.sp_crmbanner_textarea{
	width:320px;
    margin-left:auto;
    margin-right:auto;
    }

.sp_crmbanner_area{
	width:150px;
}

.sp_crmbanner_areabox {
		/* boxレイアウトの指定 */
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-moz-flex-direction: row;
	-o-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	}

.sp_crmbanner_photo {
	margin:		0;
	padding:	0;
	position:	relative; /* 相対位置指定 */
}

/* 黒帯 */
.sp_crmbanner_text {
	width:150px;
	font-size:	12px;
	text-align:	left;
	bottom:		0;
	margin:		0;
	padding:	3px 5px;
	color:		#fff;
	background:	rgba(0,0,0,0.4); /* 帯の透明度 */
	position:	absolute; /* 絶対位置指定 */
}

/* 青帯 */
.sp_crmbanner_text2 {
	width:150px;
	font-size:	12px;
	text-align:	left;
	bottom:		0;
	margin:		0;
	padding:	3px 5px;
	color:		#fff;
	background:	rgba(102,204,255,0.8); /* 帯の透明度 */
	position:	absolute; /* 絶対位置指定 */
}

.sp_crmbanner_item {
	width: 150px;
	margin: 3px;
    overflow: hidden;
    display: block;
    position: relative;
}

/* newアイコン */
.sp_crmbanner_new {
    width: 150px;
    padding: 5px 10px;
    background: #FF0F87;
	letter-spacing: 1px;
    color: #fff;
	font-size:14px;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -37px;
    text-transform: uppercase;
    transform: rotate(330deg);
}


/*　レギュレーションSP用バナー④CRMPR枠 2016/09/09 菅原
******************************************/

#sp_crmbanner_textarea{
	width:320px;
    margin-left:auto;
    margin-right:auto;
	margin-top:15px;
    }
	
/* スタイルが効かない時対策 */	
.sp_crmbanner_textarea{
	width:320px;
    margin-left:auto;
    margin-right:auto;
    }

.sp_crmbanner_area{
	width:150px;
}

.sp_crmbanner_areabox {
		/* boxレイアウトの指定 */
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-moz-flex-direction: row;
	-o-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	}

.sp_crmbanner_photo {
	margin:		0;
	padding:	0;
	position:	relative; /* 相対位置指定 */
}

/* 黒帯 */
.sp_crmbanner_text {
	width:150px;
	font-size:	12px;
	text-align:	left;
	bottom:		-2px;
	margin:		0;
	padding:	3px 5px;
	color:		#fff;
	background:	rgba(0,0,0,0.4); /* 帯の透明度 */
	position:	absolute; /* 絶対位置指定 */
}

/* 青帯 */
.sp_crmbanner_text2 {
	width:150px;
	font-size:	12px;
	text-align:	left;
	bottom:		-2px;
	margin:		0;
	padding:	3px 5px;
	color:		#fff;
	background:	rgba(102,204,255,0.8); /* 帯の透明度 */
	position:	absolute; /* 絶対位置指定 */
}

.sp_crmbanner_item {
	width: 150px;
	margin: 3px;
    overflow: hidden;
    display: block;
    position: relative;
}

.sp_crmbanner_new {
    width: 150px;
    padding: 5px 10px;
    background: #FF0F87;
	letter-spacing: 1px;
    color: #fff;
	font-size:14px;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -37px;
    text-transform: uppercase;
    transform: rotate(330deg);
}
