@charset "utf-8";

/*	Contents
-------------------------------------------------------

	01.クルクベラキャンペーン	[ /monitor.html ]
	02.クルクベラトップページ	[ /curcvera/index.html ]
	03.クルクベラ 商品ページ	[ /curcvera/xxx.html ]

-------------------------------------------------------*/


/* ========================================================================
	01.クルクベラキャンペーン	[ /monitor.html ]
======================================================================== */

.curcuveraBox #curcveraWrap {
	width: 736px;
	margin: auto;
	overflow: hidden;
	position: relative;
	padding: 0px;
}

.curcuveraBox #curcveraWrap h1,
.curcuveraBox #contactArea,
.curcuveraBox #condArea,
.curcuveraBox #pointArea,
.curcuveraBox #detailArea,
.curcuveraBox #voiceArea {
	clear: both;
	padding-bottom: 25px;
}

.curcuveraBox #contactArea {
	margin: auto;
	width: 695px;
	overflow: hidden;
	position: relative;
	height: 173px;
}

.curcuveraBox #contactArea p.inqBtn {
	position: absolute;
	top: 90px;
	right: 20px;
}

/*---------- end [#contactArea] ----------*/

.curcuveraBox #condArea {
}

/*---------- end [#condArea] ----------*/

.curcuveraBox #pointArea {
	width: 768px;
}

.curcuveraBox #pointArea p.lead {
	float: left;
}

.curcuveraBox #pointArea ol#pointList {
	height: 493px;
}

.curcuveraBox #pointArea ol#pointList li {
	float: left;
	width: 368px;
	height: 255px;
}

.curcuveraBox #pointArea ol#pointList li p.txt {
	font-size:93%;
	padding-left: 30px;
	padding-right: 115px;
}

.curcuveraBox #pointArea ol#pointList li.point1 {
	background: url(../../img/curcuvera/monitor/point01_back.jpg) no-repeat left bottom;
}

.curcuveraBox #pointArea ol#pointList li.point2 {
	background: url(../../img/curcuvera/monitor/point02_back.jpg) no-repeat left bottom;
	height: 238px;
}

.curcuveraBox #pointArea ol#pointList li.point3 {
	background: url(../../img/curcuvera/monitor/point03_back.jpg) no-repeat left bottom;
	height: 238px;
}

/*---------- end [#pointList] ----------*/
/*---------- end [#pointArea] ----------*/

.curcuveraBox #detailArea {
	position: relative;
	width: 736px;
	height: 151px;
}

.curcuveraBox #detailArea p.inqBtn {
	position: absolute;
	top: 101px;
	right: 165px;
}

/*---------- end [#detailArea] ----------*/

.curcuveraBox #voiceArea {
	position: relative;
	width: 736px;
}

.curcuveraBox #voiceArea p.inqBtn {
	position: absolute;
	top: 207px;
	right: 224px;
}

/*---------- end [#voiceArea] ----------*/
/*---------- end [#curcveraWrap] ----------*/




/* ========================================================================
	02.クルクベラトップページ	[ /curcvera/index.html ]
======================================================================== */

.curcuveraBox #key {
	overflow: hidden;
	position: relative;
	height: 337px;
}

.curcuveraBox #key .keyBtn {
	position: absolute;
	left: 12px;
	bottom: 16px;
}

/*---------- end [#key] ----------*/

.curcuveraBox #crc_osusumeArea {
	margin-bottom: 25px;
}

/*---------- end [#crc_osusumeArea] ----------*/

.curcuveraBox #crc_potencyArea {
	background: url(https://www.welva.ne.jp/img/curcuvera/index/potency_back.gif) repeat-x left top;
	border: 2px solid #39b391;
	width: 731px;
	font-size: 94%;
	margin-bottom: 25px;
	height: 854px;
}

.curcuveraBox #crc_potencyArea .elemList {
	margin-left: 9px;
}

.curcuveraBox #crc_potencyArea .elemList li {
	width: 691px;
	border: 1px solid #dcdcdc;
	margin-top: 10px;
	height: 185px;
	padding: 9px;
}

.curcuveraBox #crc_potencyArea .elemList dt {
	padding-bottom: 13px;
}

.curcuveraBox #crc_potencyArea .elemList li.elem01 {
	background: #FFFFFF url(https://www.welva.ne.jp/img/curcuvera/index/elem01_img.jpg) no-repeat 396px 12px;
}

.curcuveraBox #crc_potencyArea .elemList li.elem02 {
	background: #FFFFFF url(https://www.welva.ne.jp/img/curcuvera/index/elem02_img.jpg) no-repeat 396px 12px;
}

.curcuveraBox #crc_potencyArea .elemList li.elem03 {
	background: #FFFFFF url(https://www.welva.ne.jp/img/curcuvera/index/elem03_img.jpg) no-repeat 396px 12px;
}

/*---------- end [#crc_potencyArea] ----------*/

.curcuveraBox .curcuvera-lineup {
	border: 2px solid #39b391;
	width: 707px;
	background: url(https://www.welva.ne.jp/img/curcuvera/lineup_back.gif) no-repeat left top;
	height: 433px;
	padding: 12px;
	font-size: 94%;
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;
}

.curcuveraBox .curcuvera-lineup .curcuvera-lineup-list li {
	border: 1px solid #e3e3e3;
	background: #FFFFFF url(https://www.welva.ne.jp/img/curcuvera/step_back.gif) repeat-x left top;
	width: 191px;
	margin-right: 40px;
	float: left;
	padding: 0px 0px 5px 15px;
}

.curcuveraBox .curcuvera-lineup .curcuvera-lineup-list ul li {
	border: none;
	background: none;
	width: 167px;
	padding-left: 0px;
	margin: 0px;
}

.curcuveraBox .curcuvera-lineup .thumb {
	padding: 0px 0px 8px 4px;
}

.curcuveraBox .curcuvera-lineup .copy {
	padding: 3px 0 8px;
}

.curcuveraBox .curcuvera-lineup .name {
	padding: 0 0 3px 4px;
}

.curcuveraBox .curcuvera-lineup .price {
	color: #FF155B;
	font-size: 116%;
	font-weight: bold;
	padding: 0 0 5px 4px;
}

.curcuveraBox .curcuvera-lineup ul li {
	margin: 0 0 5px 0;
}

.curcuveraBox .curcuvera-lineup ul li input {
	padding: 0;
}

.curcuveraBox .curcuvera-lineup .mgnR0 {
	margin:0!important;
}

/*---------- end [.curcuvera-lineup] ----------*/

.curcuveraBox #crc_ukonArea {
	background: url(https://www.welva.ne.jp/img/curcuvera/index/ukon_back.jpg) no-repeat left top;
	height: 531px;
	width: 735px;
	overflow: hidden;
	position: relative;
	font-size: 94%;
	margin-bottom: 25px;
	clear: left;
}

.curcuveraBox #crc_ukonArea .text {
	padding: 11px 0px 15px 15px;
}

.curcuveraBox #crc_ukonArea .pointList li {
	background: url(https://www.welva.ne.jp/img/curcuvera/index/point_back.jpg) no-repeat right bottom;
	width: 231px;
	height: 307px;
	float: left;
	padding-left: 10px;
}

.curcuveraBox #crc_ukonArea .pointList p {
	padding: 5px 14px 14px;
	text-align: justify;
	text-justify: distribute;
	line-height:1.6;
}

/*---------- end [.pointList] ----------*/

/*---------- end [#crc_ukonArea] ----------*/

.curcuveraBox #crc_voiceArea {
	background: #FFFFFF url(https://www.welva.ne.jp/img/curcuvera/index/voice_back.jpg) no-repeat right bottom;
	padding: 10px;
	border: 1px solid #dcdcdc;
	overflow: hidden;
	position: relative;
	font-size: 94%;
	float: left;
	width: 713px;
	height: 610px;
	margin-bottom: 15px;
}

#crc_voiceArea ul {
	padding: 0;
}

#crc_voiceArea ul li {
	float: left;
	width: 256px;
	padding: 0 0 0px;
	margin: 0 5px 5px 0;
	position: relative;
}

#crc_voiceArea ul li h3 {
	margin: 0 auto 0px;
}

#crc_voiceArea .coment {
	padding: 8px 0px 25px;
	background: url(https://www.welva.ne.jp/img/curcuvera/index/voice-list_back.png) no-repeat left bottom;
}

#crc_voiceArea ul li p {
	padding: 0 15px 10px;
}

#crc_voiceArea ul li p img {
	float: right;
	padding: 0 0 0px 5px;
}

#crc_voiceArea ul li p.name {
	text-align: right;
	font-weight: bold;
	position: absolute;
	bottom: 5px;
	right: 0px;
}

/*---------- end [#crc_voiceArea] ----------*/


/* ========================================================================
	03.クルクベラ 商品ページ	[ /curcvera/xxx.html ]
======================================================================== */

.curcuveraBox #key.curcuvera {
	position: relative;
}

.curcuveraBox #key.curcuvera .crc-btn-key-cart {
	position: absolute;
	left: 24px;
	border: #fff 1px solid;
	background: url(https://www.welva.ne.jp/img/curcuvera/btn_back.gif) no-repeat left top;
	height: 41px;
	width: 428px;
	top: 275px;
	padding: 5px 5px 5px 8px;
}

.curcuveraBox #key.curcuvera .crc-btn-key-cart table td.count {
	padding: 0 3px 0 0;
}

/*---------- end [#key.curcuvera] ----------*/


/* lead-content */
.curcuveraBox #crc-lead-content {
	padding-bottom: 15px;
	float: left;
	overflow: hidden;
	position: relative;
}

.curcuveraBox #crc-lead-content .lead-image {
	float: left;
	width: 317px;
	position: relative;
}

.curcuveraBox #crc-lead-content .lead-text {
	float: left;
	width: 418px;
}

.curcuveraBox #crc-lead-content.curc02 .lead-image {
	float: left;
	width: 332px;
	position: relative;
	overflow: visible;
}

.curcuveraBox #crc-lead-content.curc02 .lead-text {
	float: left;
	width: 402px;
}

.curcuveraBox #crc-lead-content .lead-text h2 {
	margin-bottom: 15px;
}

.curcuveraBox .lead-text p {
	padding: 0 25px 0 5px;
	font-size: 94%;
}

/* crc-point-content */
.curcuveraBox #crc-point-content {
	background: url(https://www.welva.ne.jp/img/curcuvera/index/potency_back.gif) repeat-x left top;
	border: 2px solid #39b391;
	width: 711px;
	font-size: 94%;
	margin-bottom: 25px;
	padding: 10px;
	float: left;
	overflow: hidden;
	position: relative;
	clear: both;
}

.curcuveraBox #crc-point-content .text span {
	font-size: 85%;
}

.curcuveraBox #point1 {
	background: url(https://www.welva.ne.jp/img/curcuvera/curc_savon/point01_back.jpg) no-repeat left bottom;
	width: 711px;
	margin: 0 0 10px;
}

.curcuveraBox #point1 .text {
	float: left;
	width: 448px;
	padding: 4px 0 0 15px;
	line-height: 1.6;
}

.curcuveraBox #point2 {
	background: url(https://www.welva.ne.jp/img/curcuvera/curc_savon/point02_back.jpg) no-repeat left top;
	float: left;
	width: 350px;
	margin: 0 10px 0 0;
	height: 188px;
}

.curcuveraBox #point2 .text {
	float: left;
	width: 217px;
	padding: 4px 0 0 15px;
	line-height: 1.6;
}

.curcuveraBox #point3 {
	background: url(https://www.welva.ne.jp/img/curcuvera/curc_savon/point03_back.jpg) no-repeat left top;
	float: left;
	width: 350px;
	height: 188px;
}

.curcuveraBox #point3 .text {
	float: left;
	width: 198px;
	padding: 4px 5px 0 14px;
	line-height: 1.6;
}

.curcuveraBox #crc-point-content.curc02 #point1 {
	background: url(https://www.welva.ne.jp/img/curcuvera/curc_lo/point01_back.jpg) no-repeat left bottom;
	height: 147px;
}

.curcuveraBox #crc-point-content.curc02 #point1 .text {
	width: 500px;
}

.curcuveraBox #crc-point-content.curc02 #point2 {
	background: url(https://www.welva.ne.jp/img/curcuvera/curc_lo/point02_back.jpg) no-repeat left top;
	width: 350px;
}

.curcuveraBox #crc-point-content.curc02 #point2 .text {
	width: 335px;
}

.curcuveraBox #crc-point-content.curc02 #point3 {
	background: url(https://www.welva.ne.jp/img/curcuvera/curc_lo/point03_back.jpg) no-repeat left top;
	width: 350px;
}

.curcuveraBox #crc-point-content.curc02 #point3 .text {
	width: 208px;
}

/*---------- end [.curc02] ----------*/

.curcuveraBox #crc-point-content.curc03 #point1 {
	background: url(https://www.welva.ne.jp/img/curcuvera/curc_cream/point1_back.jpg) no-repeat left bottom;
	height: 147px;
}

.curcuveraBox #crc-point-content.curc03 #point1 .text {
	width: 500px;
}

.curcuveraBox #crc-point-content.curc03 #point2 {
	background: url(https://www.welva.ne.jp/img/curcuvera/curc_cream/point2_back.jpg) no-repeat left top;
	width: 350px;
	height: 188px;
}

.curcuveraBox #crc-point-content.curc03 #point2 .text {
	width: 165px;
}

.curcuveraBox #crc-point-content.curc03 #point3 {
	background: url(https://www.welva.ne.jp/img/curcuvera/curc_cream/point3_back.jpg) no-repeat left top;
	width: 350px;
	height: 188px;
}

.curcuveraBox #crc-point-content.curc03 #point3 .text {
	width: 198px;
}

/*---------- end [.curc03] ----------*/

/* ========================================================================
	お客様の声										
======================================================================== */

.curcuveraBox .crc-voice {
	clear: both;
	padding: 20px 0 0 0;
}

.curcuveraBox #voice-lead {
	padding: 0 0 15px 0;
}

.curcuveraBox .voice-list {
	padding: 15px 0 30px 5px;
	font-size: 94%;
}

.curcuveraBox .voice-list li {
	background: url(https://www.welva.ne.jp/img/voice/voice_bg.jpg) no-repeat left bottom;
	width: 355px;
	float: left;
	margin: 0 10px 10px 0;
}

.curcuveraBox .voice-list li div {
	background: url(../../img/voice/voice-top.jpg) no-repeat left top;
	padding: 25px 25px 25px 25px;
}

.curcuveraBox .voice-list li h3 {
	color: #39b391;
	font-weight: bold;
	margin: 0 0 5px 0;
	text-align: center;
}

.curcuveraBox .voice-list li p.name {
	border-top: #39b391 1px dotted;
	font-weight: bold;
	text-align: right;
	padding: 5px 0 5px 0;
}
