@charset "utf-8";



/*===========================================
	katekina_soap
=============================================*/

p { line-height: 1.4em; }
p.tyu { 
	margin-top: 30px;
}
sup {
	font-size: 0.8em;
	vertical-align: super;
}
.left { float: left;}
.right { float: right;}
.red { color: #ea5404;}

.campaign img,
.camPresent img,
#arrow img{
	vertical-align: bottom;
}

p.annotation { 
	text-align: right;
	font-size: 85%;
	margin-top: 10px;
}

/*===========================================
	Wrap
=============================================*/
#wrap { width: 700px;}

/*===========================================
	#mainvisualArea
=============================================*/
#mainvisualArea {
	background: url(../../../images/product/bodycare/katekina_soap/main_bg.jpg) no-repeat;
	height: 550;
	width: 700px;
	position: relative;
	padding-top: 29px;
}
#mainvisualArea h1{
	width: 622px;
	height: 88px;
	margin-left: 36px;
}
#mainvisualArea h2{
	width: 622px;
	height: 139px;
	margin-top: -10px;
	margin-left: 40px;
}
#mainvisualArea #productImg {
	width: 652px;
	height: 332px;
	margin: 8px auto 0;
}
#mainvisualArea #productName {
	position: absolute;
	top: 420px;
	left: 36px;
}

/*campaign
------------------------------------------*/
.campaignArea {
	position: relative;
	width: 671px;
	margin: 0 auto;
}
.campaignArea .camArea {
	background: url(../../../images/product/bodycare/katekina_soap/cam_bg.gif) no-repeat;
}
.camPrice {
	height: 261px;
	}
.camProductImg{
	width: 187px;
	height: 167px;
	margin: 47px 0 0 33px;
}
.camProductPrice{
	width: 387px;
	height: 207px;
	padding: 27px 32px 0 0;
}

/*===========================================
	#topicArea
=============================================*/

#topicArea{}
.topicTyu{ 
	text-align: right;
	font-size: 0.8em;
	margin-top: 10px;
}


/*.nayami
------------------------------------------*/
.nayami {
	background: url(../../../images/product/bodycare/katekina_soap/nayami_bg.gif) no-repeat;
	height: 351px;
	width: 671px;
	margin: 45px auto 0;
	position: relative;
}
.nayami h2 {
	padding: 35px 0 30px 30px;
}
.nayami li {
	margin: 0 0 18px 51px;
}
#nayamiImg01 {
	position: absolute;
	top: 54px;
	left: 475px;
}
#nayamiImg02 {
	position: absolute;
	top: 197px;
	left: 421px;
}

#arrow {
	width: 423px;
	margin: 0 auto;
}

/*.reason
------------------------------------------*/
#reason {
	background: url(../../../images/product/bodycare/katekina_soap/reason_bg.jpg) top no-repeat #fcfde6;
	padding-bottom: 20px;
}
#reason h2 {
	padding: 24px 0 25px 45px;
}
#reasonInner{
	width: 670px;
	margin: 0 auto;
}
#reasonInner h3 {
	margin: 20px 0 13px;
}

#discription {
	margin: 18px 0;
}
.discriptionText {
	width: 359px;
	padding-left: 34px;
}
.discriptionText h4{
	margin-bottom: 13px;
}
.discriptionImg {
	width: 243px;
}
.discriptionImg img{
	margin: 0 auto;
	display:block;
}

/*===========================================
	#qaArea
=============================================*/


#qaArea {
	margin: 20px 0;
	padding: 30px 0;
	background: url(../../../images/product/bodycare/katekina_soap/qa_bg.jpg) center no-repeat;
}
.q01 {
	background: url(../../../images/product/bodycare/katekina_soap/qa_img01.gif) bottom right no-repeat;
	margin: 0 auto 10px;
	width: 605px;
	}
.q02 {
	background: url(../../../images/product/bodycare/katekina_soap/qa_img02.png) right no-repeat;
	width: 605px;
	margin: 0 auto;
}
#qaArea h2 {padding: 34px 0 0 47px ;}
#qaArea h3 {margin-top: 15px ;}
#qaArea h4 {margin: 15px ;}
#qaArea p {
	width: 367px;
	margin-left: 50px;
}


/* 商品ページ作成時にACTIVE
buy_area
------------------------------------------*/

.item_buy_area_hairessence {
	width: 660px;
	margin: 20px 0 30px 0;
	padding: 0 20px;
}

.item_buy_area_hairessence table {
	width: 655px;
	margin-bottom: 20px;
}

.item_buy_area_hairessence caption {
	text-align: left;
	font-weight: bold;
	color: #360;
	padding-bottom: 5px;
	padding-left: 2px;
}

.item_buy_area_hairessence table th {
	background: url(../../../images/table_green_back.gif) 0 0 no-repeat;
	border-left: 1px solid #BAD97B;
	border-top: 1px solid #BAD97B;
	border-right: 1px solid #BAD97B;
	text-align: center;
	padding: 5px 15px;
	color: #360;
	vertical-align: middle;
}
.item_buy_area_hairessence table .normal {
	border: solid 1px #ccc;
	padding: 5px 15px;
	text-align: center;
	letter-spacing: 1px;
}

.item_buy_area_hairessence td.buy_btn_cell {
	padding: 2px;
}

.item_buy_area_hairessence p {
	text-align: right;
	line-height: 1.5em;
}

.item_buy_area_hairessence td.price_cell {
	text-align: right;
	white-space: nowrap;
}

.border_right_none {
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom:  solid 1px #ccc;
	letter-spacing: 1px;
	padding: 5px 0 5px 15px;
}

.border_left_none {
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom:  solid 1px #ccc;
	text-align: center;
	letter-spacing: 1px;
	padding: 5px 15px;
}

/* 
elements
------------------------------------------*/
.elements_wrapper p {
	float: left;
	width: 638px;
	background: #F8FDEF;
	border: 1px solid #BAD97B;
	padding: 10px;
	font-size: 0.9em;
	margin-bottom: 15px;
}
.right_heading {
	margin-top: 30px;
}