/*********************************************************

【通常】No.001 お悩み検索

**********************************************************/

/*--------------------------------------------------------
● お悩み検索一覧画面
--------------------------------------------------------*/
/* content/style.css にてコメントアウトをされていたため */
#newsinfo01 {
	background:		url("https://www.lovecosmetic.jp/images/icon/icon_wakaba.gif") left no-repeat;
	margin:			3px 0 0 10px;
	padding:		0 0 0 15px;
}

#newsinfo01 , #newsinfo02 , #newsinfo03, #newsinfo04 {
	float:			left;
	margin-left:	3px;
}

.catelineword {
	width:			100%;
	font-size:		12px;
	line-height:	18px;
	background:		#DCEDED none repeat scroll 0%;
	border-top:		1px solid #36C;
	padding:		2px 0px 2px 0px;
	text-align:		left;
}

.h3cateline {
	text-align:		left;
	font-size:		12px;
	font-weight:	bold;
	color:			#069;
}

.h3cateline span {
	padding:		5px 0 5px 5px;
}

.lowsegment00 {
	width:			100%;
}

.catewakulist {
	width:			100%;
	margin:			10px 0px;
}

.catewakulist li {
	float:			left;
	margin:			10px;
}

.mdlbannerarea  {
	width:			98%;
	margin:			0px auto ;
}

.mdlbanner01, .mdlbanner02 {
	margin:			10px 0px ;
	width:			49%;
}


.mdlbanner01{
	float:			left;
}

.mdlbanner02{
	float:			right;
}

.brandlist {
	width:			100%;
}


.lcundercomment {
	text-align:		left;
}

.lngbannerarea02 {
	width:			100%;
	text-align:		center;
	margin-bottom:	30px;
}

.brandlistarea {
	width:			100%;
}

.brandlistarea .brandlist {
	margin:			0px;
}


.cate-search-area {
	margin:			10px auto;
	text-align:		center;
}

.cate-search-area #cateSelect {
	padding:		5px;
}


/*--------------------------------------------------------
● 検索結果表示画面
--------------------------------------------------------*/

#mainfeeder #itemInfofeeder h2 {
	margin-bottom:	10px;
	padding-left:	8px;
	line-height:	30px;
	color:			#3773AF;
	text-align:		left;
	background: 	url(/i/lc_search/img/cart_h3_bg_L2.gif) no-repeat left top;
}

#mainfeeder #itemRelated h2 {
	height:			30px;
	margin:			0px 0px 15px 0px;
	text-align:		left;
	padding-left:	8px;
	line-height:	30px;
	color:			#3773AF;
	background:		url(/i/lc_search/img/bg_cart_inside_title2.gif) no-repeat right top;
}

#mainfeeder table {
	width:			98%;
	margin:			10px auto;
	border-top:		1px solid #DDD;
} 

#mainfeeder #itemfeeder table th, #mainfeeder #itemfeeder table td {
	padding:		10px 5px;
	vertical-align:	top;
	text-align:		left;
	font-size:		11px;
	border-bottom:	1px solid #DDD;
}

#mainfeeder #itemfeeder table th {
	font-weight:	bold;
	background:		whiteSmoke;
	color:			#3A78B3;
	padding:		10px 5px;
	vertical-align:	top;
	text-align:		left;
	font-size:		11px;
}

#mainfeeder #itemfeeder table td ul li {
	float:			left;
	margin:			0 0 3px 0;
	padding:		0 7px;
	border-right:	1px solid #CCC;
}

#mainfeeder .feederpadding {
	padding:		5px;
}




#remaWrapper {
	margin:			0px;
}


#remaWrapper table {
	margin:			0px;
}

#remaWrapper table td {
	margin:			0px;
	padding:		0px;
}


#remaWrapper .remlErr {
	color:			#FF0000;
	text-align:		left;
}

#remaWrapper table.inputTable {
	margin:			0px auto;
	width:			95%;
	border:			1px solid #CCC;
	border-collapse:collapse;
}

#remaWrapper table.inputTable td {
	border-collapse:collapse;
	border:			1px solid #CCC;
	padding:		3px;
}


#remaWrapper table.inputTable td input {
	width:			80%;
}

#remaWrapper .inputInfo{
	padding:		0px 10px;
}

#remaWrapper #iframeArea{
	margin:		0px 0px 30px;
}


#remaWrapper .text_s {font-size: 12px; line-height: 13px; text-align:left;}
#remaWrapper .text_sc {font-size: 12px; line-height: 13px; text-align:center;}
#remaWrapper .text_ss {font-size: 10px; text-align:left;}
#remaWrapper .text_w {font-size: 12px ; color: #FFFFFF;}
#remaWrapper .text_sw {font-size: 12px; line-height: 20px; text-align:left;}
#remaWrapper .text_w A:link    {color:#FFFFFF ; text-decoration:underline}
#remaWrapper .text_w A:visited {color:#FFFFFF ; text-decoration:underline}
#remaWrapper .text_w A:hover   {color:#FF6600 ; background-color:#FEE1AD}
#remaWrapper .text_w A:active  {color:#FFFFFF ; text-decoration:underline}
#remaWrapper .style5 {
	color: #FF6600;
	font-weight: bold;
}
#remaWrapper .style7 {font-size: 12px; line-height: 13px; text-align: center; color: #003366; }
#remaWrapper .style9 {font-size: 12px; line-height: 13px; text-align: center; color: #FF9999; }
#remaWrapper .style10 {color: #FF6633}



/*********************************************************

【通常】No.003 お悩み検索

**********************************************************/
#maga {
	font-size:			12px;
}

#maga h1.header  {
	font-weight:		normal;
	font-size:			12px;
	color:				#69c;
	margin:				2px 0px 2px 0px;
	width:				100%;
	line-height:		16px;
}

#maga #head {
	width:				100%;
	margin:				0 auto;
}

#maga #head ul.top_menu {
	font-size:			11px;
	width:				auto;
	margin:				0;
	padding:			5px 0;
	text-align:			right;
	background:			#006697;
	overflow:			hidden;
}
#maga #head ul.top_menu li {
	margin:				0 5px;
	float:				left;
	list-style:			none;
}

#head ul.top_menu a:link {
	color:				white;
	text-decoration:	underline;
}


#maga #wrapper p.mainImage {
	margin:				0px 0px 20px;
}


#maga #wrapper .magaInfo {
	border:				8px  solid #FFCCCC;
	padding:			5px;
	margin-bottom:		20px;
}

#maga #wrapper  table.inputTable {
	margin:			20px auto;
	width:			95%;
	border:			1px solid #CCC;
	border-collapse:collapse;
}

#maga #wrapper  table.inputTable th,
#maga #wrapper  table.inputTable td {
	border-collapse:collapse;
	border:			1px solid #CCC;
	padding:		3px;
}

#maga #wrapper  table.inputTable th {
	background-color: #6699CC;
}

#maga #wrapper table {
	font-size:		12px;
}

html,body {
	margin:			0px;
	padding:		0px;
	-webkit-text-size-adjust: none;
}



/*********************************************************

【通常】No.005 FAQ
【通常】No.006 ご利用ガイド

**********************************************************/

/* Ｑ＆Ａの詳細 */
.wrapper-cs .h2 {
	margin-top:		10px;
	color:			#690;
}


.wrapper-cs .lowsegment02 {
	width:			100%;
	background:		url("/i/buy/images/item_line.gif") top repeat-x;
	margin:			15px auto 0 auto;
	padding:		15px 0 0 0;
}


.wrapper-cs .introarea.qainfoarea {
	padding:		0px 10px;
}


.wrapper-cs .qah3green01 {
	text-align:		left;
	font-size:		15px;
	font-weight:	bold;
	color:			#ffffff;
	background:		#84C146;
	margin:			0 0 0 0;
	padding:		5px 0 5px 5px;
}


.wrapper-cs .qaarea {
	margin:			0 0 0 0;
	padding:		0 0 0 0;
	text-align:		left;
}


.wrapper-cs .qaareawaku {
	margin:			0 0 0 0;
	padding:		0 0 0 0;
	border:			1px solid #84C146;/*コンテンツボックスの枠線の色*/
	background:		#FFFFCC;
}


.wrapper-cs .qaareawaku p{
	margin:			0 0 0 0;
	padding:		5px;
	font-size:		14px;
	line-height:	14px;
}


/* ▼検索 */
.wrapper-cs .taikensaku{
	border:			1px dashed #999999;/*コンテンツボックスの枠線の色*/
	margin:			5px auto 10px ;
	padding:		5px;
	text-align:		left;
	line-height:	18px;
	clear:			both;
	font-size:		10px;
	width:			90%;
}


.wrapper-cs .taikensaku p{
	font-size:		10px;
	line-height:	13px;
	text-align:		left;
}


.wrapper-cs ul.daicate li {
	margin:			5px 0px;
	padding:		0px 0px 5px 5px;
	color: 			black;
	border-bottom:	1px dotted #C0C0C0;
	font-size:		14px;
	background: 	url(/i/buy/images/hana10b.gif) 3px 5px no-repeat;
	vertical-align: middle;
	list-style-position: outside;
}


.wrapper-cs .h3green01 {
	text-align:		left;
	font-size:		12px;
	font-weight:	bold;
	color:			white;
	background:		#84C146;
	margin:			0 0 0 0;
	padding:		5px 0 5px 5px;
}


.wrapper-cs ul.shocate li, .wrapper-cs ul.listcate li {
	margin:			3px 5px 3px 15px;
	padding:		0px 0px 5px 1px;
	color:			black;
	font-size:		12px;
    border-bottom:	1px dotted #C0C0C0;
	background:		url(/i/buy/images/en_greenb.gif) 3px 5px no-repeat;
	vertical-align:	middle;
	list-style-position: outside;
}


.wrapper-cs ul.listcate li {
	background:		url(/i/buy/images/en_blueb.gif) 3px 5px no-repeat;
}


.wrapper-cs ul.daicate li a, .wrapper-cs ul.shocate  li a, .wrapper-cs ul.listcate  li a {
	display:		block;
	padding:		3px 0 2px 25px;
	text-decoration: none;
}


.wrapper-cs ul.daicate, .wrapper-cs ul.shocate, .wrapper-cs ul.listcate {
	margin-bottom:	15px;
}


.wrapper-cs .pageTop {
	padding: 		20px 0px;
	text-align:		right;
	broder-top:		1px dotted #CCCCCC;
}


.wrapper-cs table.formTable {
	margin:			0px auto;
	border:			1px solid #F90;
	border-collapse:collapse;
}


.wrapper-cs table.formTable td {
	border:			1px solid #F90;
	border-collapse:collapse;
}


.wrapper-cs .cs-info {
	margin:			0px auto;
	width:			95%;

}



/*********************************************************

【通常】No.006 ご利用ガイド (お届け先)

**********************************************************/

.wrapper-cs .tbyellow {
	background-color:	#FFC;
	text-align:			left;
	font-size:			12px;
	margin-bottom:		10px;
	padding:			10px;
}


.wrapper-cs .tbred {
	padding:			10px;
	background-color:	#FCC;
	margin-bottom:		10px;
}


.wrapper-cs .tbred .white {
	background-color:	#FFF;
	padding:			10px;
}


.wrapper-cs .text_sul {
	font-size:			12px;
	line-height:		13px;
	color:				#069;
	text-decoration:	underline;
	text-align:			left;
}


.wrapper-cs #h_chum,
.wrapper-cs #h_sonota,
.wrapper-cs #h_card,
.wrapper-cs #h_tel,
.wrapper-cs #h_addr,
.wrapper-cs #h_mail,
.wrapper-cs #h_other,
.wrapper-cs #c_name,
.wrapper-cs #c_tel,
.wrapper-cs #c_comm,
.wrapper-cs #c_kanri,
.wrapper-cs #c_mail {
	width:				85%;
}


.wrapper-cs table.notStyleTable,
.wrapper-cs table.notStyleTable td {
	margin:				0px;
	border:				none;
}

.wrapper-cs table.text_ss {
	font-size:			80%;
	text-align:			left;
	margin:				0px auto;
}









/*********************************************************

【通常】No.006 ご利用ガイド (メニュー)

**********************************************************/

.wrapper-cs .cs-menu-list {
	overflow:			hidden;
	padding:			15px 5px;
}


.wrapper-cs .cs-menu-title {
	border-left:		10px solid #669900;
	padding:			5px 10px;
	background-color:	#99cc66;
	color:				#FFF;
	font-weight:		bold;
}



.wrapper-cs .cs-menu-list li {
	float:				left;
	margin-bottom:		5px;
	padding-right:		5px;
	color:				#CCC;
}


.wrapper-cs .cs-menu-list li a {
	/*background:			url(/i/images/base/arrow_blue_right.gif) no-repeat 0px 3px;*/

}


/*********************************************************

【通常】No.005 FAQ
【通常】No.006 ご利用ガイド
（文字付随）

**********************************************************/
.wrapper-cs .blue6b {
	color:				#0082D6;
	font-weight:		bold;

}


.wrapper-cs .blue2b14 {
	font-size:			14px;
	font-weight:		bold;
	color:				#39C;

}

.wrapper-cs .pink4b {
	color:				#F36;
	font-weight:		bold;
	font-size:			12px;
}


.wrapper-cs .orange2b {
	color:				#F90;
	font-weight:		bold;
}


.wrapper-cs .green2b {
	color:				#9C0;
	font-weight:		bold;
}


.wrapper-cs .green4b {
	color:				#399;
	font-weight:		bold;
}


.wrapper-cs .red {
	color:				#C00;
}


.wrapper-cs .red1b14 {
	font-size:			14px;
	font-weight:		bold;
	color:				#C00;
}


.wrapper-cs .orange2b14 {
	color:			#F90;
	font-weight:	bold;
	font-size:		14px;
}


.wrapper-cs .blue_cstxt {
	text-align:		left;
	font-size:		14px;
	font-weight:	bold;
	color:			#1E8EE1;
	line-height:	140%;
}


.wrapper-cs .red2b16 {
	font-size:		16px;
	color:			#C00;
	font-weight:	bold;
}


.wrapper-cs .txt00 {
	text-align:		left;
	font-size:		12px;
	font-weight:	bold;
	color:			#FFFFFF;
	padding:		3px;
}


.wrapper-cs .txt01 {
	text-align:		left;
	font-size:		12px;
	font-weight:	bold;
	color:			#F60;
	padding:		3px;
}


.wrapper-cs .text006 {
	color:			#F60;
	margin:			10px 0px;
}


.wrapper-cs .blue1 {
	color:			#369;
}


/*********************************************************

【通常】No.007 季刊誌

**********************************************************/

.wrapper-lcmy .imgintro {
	float:			right;
	margin:			0 0 5px 5px;
	padding:		0 0 0 0;
	width:			40%;
}


.wrapper-lcmy .imgintroleft {
	float:			left;
	margin:			3px 5px 0 0;
	width:			40%;
}


.wrapper-lcmy .jounal-topic {
	margin:			10px 0px;
}


/*********************************************************

【通常】No.008 クチコミ体験談応募

**********************************************************/



.wrapper-taiken-oubo .mainImage {
	margin:				20px 0px;
}

.wrapper-taiken-oubo .headerImage {
	margin:				0px auto 5px;
	width:				95%;
	text-align:			center;
}



.wrapper-taiken-oubo .taiken-parts-area {
	border:				#FC0 2px solid;
	width:				90%;
	margin:				10px auto;
	padding:			10px;

}

.wrapper-taiken-oubo .taiken-parts-area.left-area {
	float:				left;
	width:				55%;
	padding:			5px;
}

.wrapper-taiken-oubo .taiken-parts-area.right-area {
	float:				right;
	width:				35%;
	padding:			3px;

}


body#taiken .wrapper-taiken-oubo #container #main .caption {
	background:			#FFF;
	padding:			0px;
	margin:				15px auto;
	width:				95%;
	font-size:			inherit;
	line-height:		1.6;
}


.wrapper-taiken-oubo .taiken-parts-area .oubo_areabese {
	padding:			3px 0px 5px;
	width:				95%;
	margin:				0px auto;
}

body#taiken .wrapper-taiken-oubo #container #main  .taiken-caption {
	background-color:	#F90;
	padding:			3px;
	font-weight:		bold;
	margin:				20px auto 10px;
	width:				95%;

}




body#taiken #container #main h2 {
	background: 		none;
	color:				#F90;
	line-height:		1.5;
	padding:			0px;
	text-align:			center;
	margin:				15px 0px 0px;
}

.wrapper-taiken-oubo td strong {
	font-weight:		bold;

}


.wrapper-taiken-oubo table.ouboInputTable {
	width:				95%;
	margin:				0px auto;
	border:				1px solid #aa5500;
	border-collapse:	collapse;
}

.wrapper-taiken-oubo table.ouboInputTable td {
	padding:			10px 5px;
	border:				1px solid #aa5500;
	border-collapse:	collapse;
}

.wrapper-taiken-oubo table.ouboInputTable table,
.wrapper-taiken-oubo table.ouboInputTable table td {
	padding:			0px;
	border:				none;
}





body#taiken .wrapper-taiken-oubo #container #main a:link {
	color:				#36C;
	text-decoration:	none;
}

body#taiken .wrapper-taiken-oubo #container #main  a:hover {
	color:				orange;
	background-color:	#FEE1AD;
}

body#taiken #container #main .caption span.blue2b {
	color: #3399CC;
}

/************************************************/