@charset "utf-8";

/*** ANGFA  CSS Document ***************************************

	ver.2010/04/23

	detail.css

----------------------------------------------------------------***/

/**  common.css Menu *********************************************

	0.common
	1.製品ラインアップ
	2.
	3.
	4.
	5.
	6.
	
*******************************************************************/

/*-----------------------------------------------------------------

	0.common

-------------------------------------------------------------------*/

.img_only{
width:746px;
text-align:center;
}

.topma{
margin:30px 0 0 0px;
padding:0 0 40px 0px;
}

.topma2{
margin:30px 0 0 0px;
padding:0 0 40px 0px;
clear:both;
}


.txthead{
line-height:1.7;
_line-height:1.8;
*line-height:1.8;
}

/*-----------------------------------------------------------------
セット商品
-------------------------------------------------------------------*/

.productbox{
background:transparent url(../../img/index/background2.gif) no-repeat top;
width:746px;
padding:12px 0 0 0px;
margin:0px;
}

.productbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .productbox {
    height: 1em;
}

.productbox {
    display: block;
}
/**/


.productbox h2{
margin:0px 0 13px 13px;
}

.productbox .leftbox{
width:346px;
float:left;
margin:0 10px 0 13px;
}

.productbox .rightbox{
width:356px;
float:left;
padding:0 0 0 10px;
background:transparent url(../../img/line.gif) no-repeat left;
}

.productbox .leftbox h3,
.productbox .rightbox h3{
margin:0 0 11px 0px;
}

.productbox .leftbox .smallrightbox{
width:180px;
float:right;
}

.productbox .rightbox .smallrightbox{
width:180px;
float:right;
margin:0 0 3px 0px;
}

.productbox .leftbox .smallrightbox h4,
.productbox .rightbox .smallrightbox h4{
font-size:12px;
margin:22px 0 0 0px;
line-height:1.2
}

.productbox .leftbox .smallrightbox .price,
.productbox .rightbox .smallrightbox .price{
margin:5px 0 10px 0px;
}

.productbox .leftbox p.bottomtxt,
.productbox .rightbox p.bottomtxt{
clear:both;
font-size:10px;
line-height:1.4;
width:350px;
margin:7px 0 6px 0px;
}

.productbottom{
background:transparent url(../../img/index/background2.gif) no-repeat bottom;
width:746px;
height:7px;
}

/*-----------------------------------------------------------------
セット商品
-------------------------------------------------------------------*/


/*-----------------------------------------------------------------
オススメリスト
-------------------------------------------------------------------*/
.recommended_l{
float:left;
width:363px;
}

.recosmallbox{
float:right;
width:257px;

}
.recosmallbox2{
float:right;
width:265px;
background:transparent url(../../img/line2.gif) no-repeat right;
}

.ma_tr{
margin:22px 0 0 20px;
}

.ma_ikumo{
margin:5px 0 0 20px;
}

.ma_mist{
margin:4px 0 0 54px;
}

.recosmallbox h4,
.recosmallbox2 h4{
color:#D93962;
font-size:12px;
}

.recosmallbox p,
.recosmallbox2 p{
font-size:10px;
margin:0 0 2px 0px;
width:240px;
}

.recosmallbox .price,
.recosmallbox2 .price,{
font-size:12px;
margin:0 0 5px 0px;
}

/*-----------------------------------------------------------------
/オススメリスト
-------------------------------------------------------------------*/

/*-----------------------------------------------------------------

	1.製品ラインアップ

-------------------------------------------------------------------*/

.productsec01{
background:transparent url(../../img/index/background.gif) no-repeat top;
width:353px;
min-height:233px;
margin:20px 0 0 0px;
padding:0 0 0 px;
float:left;
position: relative;
}

.productsec_last{
background:transparent url(../../img/index/background.gif) no-repeat top;
width:353px;
min-height:233px;
margin:20px 0 0 18px;
padding:0 0 0 0px;
float:left;
position: relative;
}



.leftimg{
float:left;
padding:0px;
margin:0 0 0 8px;
position: absolute;
bottom: 0;
}

.rightbox{
float:right;
width:215px;
}

.prodtxt{
height:80px;
width:180px;
}

.productsec01 h4,
.productsec_last h4{
font-size:1.4em;
padding:10px 0 3px 0px;
line-height:1.7;
color:#D93962;
}

.productsec01 p,
.productsec_last p{
width:205px;
font-size:10px;
margin:8px 0 0 0px;
line-height:1.4;
}

.productsec01 ul,
.productsec_last ul{
margin:18px 0 5px 0px;
}

.productsec01 ul li,
.productsec_last ul li{
margin:0 0 1px 0px;
}

.productsec01 .bottom,
.productsec_last .bottom{
background:transparent url(../../img/index/background.gif) no-repeat right bottom;
width:215px;
height:3px;
margin:0 0 0 0px;
}

.productsec01 .bottom2,
.productsec_last .bottom2{
background:transparent url(../../img/index/background.gif) no-repeat bottom;
width:353px;
}

.productma{
margin:0 0 0 5px;
}


.left420{
float:left;
width:420px;
}


.left460{
float:left;
width:420px;
}

.left530{
float:left;
width:530px;
}

.lineup{
width:746px;
}





/*-----------------------------------------------------------------

	2.シャンプー

-------------------------------------------------------------------*/

.product_d{
width:746px;
}


.detaillbox{
float:right;
width:450px;
}

.detaillbox h3{
font-size:14px;
line-height:1.5;
margin:0 0 5px 0px;
}

.detaillbox .sm{
font-size:10px;
margin:10px 0 12px 0px;
}

.detailsmallbox{
float:left;
width:337px;
}

.qrcaod{
float:right;
width:101px;
height:139px;
background:transparent url(../../img/qr_back.gif) no-repeat;
padding:13px 0 0 11px;
margin:0 0 63px 0px;
}

.detaillbox ul{
margin:10px 0 0 0px;
}

.detaillbox ul li{
float:left;
margin:0 5px 5px 0px;
}

.bold{
font-weight:bold;
}

.sp20{margin:20px 0 20px 0px;
}

.bottom15{padding:0px 0 15px 0px;
}

.wash{
float:left;
width:146px;
margin:0 0 30px 0px;
}

.wash ul li.illust{
margin:0 0 10px 0px;
}


.wash2{
float:left;
width:197px;
margin:0 0 30px 0px;
}

.wash2 ul li.illust{
margin:0 0 10px 0px;
}


.next{
float:left;
margin:64px 14px 0 14px;
}

.next2{
float:left;
margin:90px 24px 0 24px;
}

.ma30{
margin:30px 0 30px 0px;
}

.left480{
float:left;
width:480px;
}

.sm2{
font-size:10px;
margin:10px 0 12px 0px;
}


.bihatsutxt{
padding:80px 0 0 0px;
}



/*-----------------------------------------------------------------

	3.主要成分
-------------------------------------------------------------------*/

.elementsbox{
width:363px;
height:100px;
background:transparent url(../../img/elements/line.gif) no-repeat right;
margin:20px 0 0 0px;
float:left;
padding:0 10px 0 0px;
}

.elementsbox_last{
width:363px;
height:100px;
margin:20px 0 0 10px;
float:left;
}

.imgbox{
padding:0 10px 0 0px;
}

.banner{
margin:40px 25px 0 0px;
float:left;
}