@charset "utf-8";
/* CSS Document */

#kousobijin_purple {
	width: 880px;
	margin: 0 auto;
}
img { vertical-align: bottom;}

ul { padding:0;}

a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/* --------------------------------------------------------------------
	共通
--------------------------------------------------------------------- */

#kousobijin_purple .section_ {
    overflow: hidden;
}
#kousobijin_purple .section_ .leftbox_ {
	float: left;
	display: inline;
}
#kousobijin_purple .section_ .rightbox_ {
    float: left;
    display: inline;
    padding:0 0 0 40px
}
#kousobijin_purple .section_ .rightbox_  h2 img{
	margin:1px 0 0 -20px;
}
#kousobijin_purple .section_ .inner_ {
    overflow: hidden;
}
#kousobijin_purple .section_ h2 {
    text-align: center;
}
#kousobijin_purple .inner_ .rightbox_ .price_{
	padding:15px 0 0 0;
	margin-bottom: 30px;
}
/* --------------------------------------------------------------------
	section1 tab nav 
--------------------------------------------------------------------- */
#kousobijin_purple .tab_nav_{
	width: 880px;
	position: relative;
}
#kousobijin_purple ul.tab_nav_{
	border-bottom:#c3008a 5px solid;
	height:50px
}
#kousobijin_purple .tab_nav_box_ {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
}
#kousobijin_purple .tab_nav_ li.btn_01{
	z-index:4;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 223px;
	height: 50px;
}
#kousobijin_purple .tab_nav_ li.btn_02{
	z-index:3;
	position: absolute;
	top: 0px;
	left: 175px;
	width: 179px;
	height: 50px;
}
#kousobijin_purple .tab_nav_ li.btn_03{
	z-index:2;
	position: absolute;
	top: 0px;
	left: 350px;
	width: 179px;
	height: 50px;
}
#kousobijin_purple .tab_nav_ li.btn_on{
	z-index:5;
	position: absolute;
	top: 0px;
	left: 525px;
	width: 179px;
	height: 50px;
}
#kousobijin_purple .tab_nav_ li.btn_04{
	z-index:1;
	position: absolute;
	top: 0px;
	left: 702px;
	width: 179px;
	height: 50px;
}

/* --------------------------------------------------------------------
	section1
--------------------------------------------------------------------- */
#kousobijin_purple #section1 h1{
	margin-top:-19px;
}

#kousobijin_purple #section1 {
	background: url(../../img/usr/freepage/products/kousobijin_purple/section1_bg1.jpg) left top no-repeat;
	height: 612px;
	padding: 48px 0 0 20px;
	/*margin-top: 23px;*/
}
#kousobijin_purple #section1 div.price_ {
	width:413px;
	height:228px;
    margin: 0 0 0 10px;
    position: relative;
	top:-25px;
}
#kousobijin_purple #section1 div.price_ p {
    position: absolute;
}
#kousobijin_purple #section1 div.price_ p.syokai_ {
    left: 19px;
    bottom: 70px;
}
#kousobijin_purple #section1 div.price_ p.kaiin_ {
    left: 19px;
    bottom: 17px;
}
#kousobijin_purple #section1 .sec01_txt{
	margin-top:9px;
}
#kousobijin_purple #section1 .syokai_op{
	margin-top:-63px;
	margin-left:18px;
}
#kousobijin_purple #section1 .syokai_op_otameshi{
	margin-top:-145px;
	margin-left:16px;
}
#kousobijin_purple .syokai_op_otameshi a:hover img,
#kousobijin_purple .syokai_op a:hover img,
#kousobijin_purple .otameshi_s a:hover img{
	opacity: 0.8;
}
#kousobijin_purple #section1 .sec01_txt02{
	margin-top:10px;
	font-size: 70%;
	margin-left: 1em;
	line-height: 150%;
}

/* --------------------------------------------------------------------
	section2
--------------------------------------------------------------------- */
#kousobijin_purple #section2 {
    background: url(../../img/usr/freepage/products/kousobijin_purple/section2_bg_1.jpg) no-repeat top;
	margin-top:-50px;
}
#kousobijin_purple .comment_{
	width:742px;
	margin:auto;
	background: url(../../img/usr/freepage/products/kousobijin_purple/main02_visual_bg.png) repeat-y center;
	line-height:1.4em;
	font-size:1em;
	padding-top:10px;
}


/* 右側 */
#kousobijin_purple #section2 .leftbox_ {
    width: 275px;
}
#kousobijin_purple #section2 .leftbox_ dd {
    padding: 0 65px 0 30px;
    font-size: 90%;
    line-height: 16px;
}
/* 左側 */
#kousobijin_purple #section2 .rightbox_ {
    width: 605px;
    padding-top: 90px;
}
#kousobijin_purple #section2 .rightbox_ .txt_ {
    margin:0 0 15px 30px;
}
#kousobijin_purple #section2 .rightbox_ p {
    padding: 0 50px 0 0;
    line-height: 21px;
}
/* 下側 */
#kousobijin_purple #section2 .inner_ ul {
    margin-left: 36px;
}
#kousobijin_purple #section2 .inner_ li {
    float: left;
    display: inline;
}
#kousobijin_purple #section2 .inner_.btm_ {
    background: url(../../img/usr/freepage/products/kousobijin_purple/) no-repeat left bottom;
	margin-top:0px;
}
/* --------------------------------------------------------------------
	section3
--------------------------------------------------------------------- */
#kousobijin_purple #section3 {
    background: url(../../img/usr/freepage/products/kousobijin_purple/section3_bg_1.jpg) no-repeat left top;
    padding: 0px 0 0;
}
#kousobijin_purple #section3 .inner_ {
    background: url(../../img/usr/freepage/products/kousobijin_purple/section3_bg_2.jpg) no-repeat left bottom;
    padding: 0 42px 74px;
	position:relative;
}
#kousobijin_purple #section3 h2 {
    margin-bottom: 80px;
}
#kousobijin_purple #section3 .comment_ {
    margin:-80px 72px 0px;
	width:auto;

}
#kousobijin_purple #section3 .txt1_ {
	margin-bottom:21px;
}
#kousobijin_purple #section3 .column2_ {
    overflow: hidden;
    margin: 25px 0;
}
#kousobijin_purple #section3 .column2_ dl {
    width: 375px;
}
#kousobijin_purple #section3 .column2_ dt {
    margin-bottom: 5px;
}
#kousobijin_purple #section3 .column2_ dd {
    line-height: 22px;
}
#kousobijin_purple #section3 .column1_ {
	margin:0 0 20px 0;
}
#kousobijin_purple #section3 .column1_ dd {
    font-size: 79%;
}

#kousobijin_purple .section3_01{
	background: url(../../img/usr/freepage/products/kousobijin_purple/02_txt01.png) no-repeat;
	width:800px;
	height:68px;
	margin-top:20px;
}
#kousobijin_purple .section3_01 p{
	margin-left:200px;
	padding-top:16px;
	line-height:18px;
}
#kousobijin_purple .section3_02{
	background: url(../../img/usr/freepage/products/kousobijin_purple/02_txt02.png) no-repeat;
	width:800px;
	height:84px;
	margin-top:11px;
}
#kousobijin_purple .section3_02 p{
	margin-left:200px;
	padding-top:16px;
	line-height:18px;
}
#kousobijin_purple .section3_03{
	background: url(../../img/usr/freepage/products/kousobijin_purple/02_txt03.png) no-repeat;
	width:800px;
	height:84px;
	margin-top:11px;
}
#kousobijin_purple .section3_03 p{
	margin-left:200px;
	padding-top:16px;
	line-height:18px;
}
#kousobijin_purple .section3_04{
	background: url(../../img/usr/freepage/products/kousobijin_purple/02_txt04.png) no-repeat;
	width:800px;
	height:68px;
	margin-top:11px;

}
#kousobijin_purple .section3_04 p{
	margin-left:200px;
	padding-top:18px;
	line-height:18px;
}
#kousobijin_purple .sec3_photo{
    position: absolute;
    right: 20px;
    top: 117px;
}
#kousobijin_purple .sec3_footer{
	background: url(../../img/usr/freepage/products/kousobijin_purple/03_footer.png) no-repeat;
	width:880px;
	height:52px;
	margin-top:-100px;
}
#kousobijin_purple #section2  .sec3_bg{
	margin-bottom:0px
}
#kousobijin_purple .sec3_bg{
	background: url(../../img/usr/freepage/products/kousobijin_purple/main03_visual_bg.png) repeat-y;
	margin-bottom: 23px;
}

/* --------------------------------------------------------------------
	section4
--------------------------------------------------------------------- */
#kousobijin_purple #section4 {
    background: url(../../img/usr/freepage/products/kousobijin_purple/section4_bg_1.png) no-repeat left top;
}
#kousobijin_purple #section4 .inner_ {
    background: url(../../img/usr/freepage/products/kousobijin_purple/main03_visual_bg.png) repeat-y;
}
#kousobijin_purple #section4 h2 {
	margin-bottom:-30px;
}
#kousobijin_purple #section4 ul {
    overflow: hidden;
    margin-bottom: 18px;
}
#kousobijin_purple #section4 li {
    float: left;
    display: inline;
}
#kousobijin_purple #section4 .feature_ {
    overflow: hidden;
    margin-bottom: 25px;
}
#kousobijin_purple #section4 .feature_ dl {
    float: left;
    display: inline;
    margin: 0 20px 0 0;
    width: 140px;
}
#kousobijin_purple #section4 .feature_ dl.last_ {
    margin: 0;
}
#kousobijin_purple #section4 .feature_ dt {
    margin-bottom: 20px;
}
#kousobijin_purple #section4 .feature_ dd {
    line-height: 22px;
    font-size: 95%;
}
#kousobijin_purple #section4 h3 {
    margin-bottom: 30px;
}
#kousobijin_purple #section4 .column2_ {
    overflow: hidden;
    margin: 25px 0;
}
#kousobijin_purple #section4 .column2_p{
	width:740px;
	margin:auto;
	padding:12px 0;
	line-height:1.4em;
}
#kousobijin_purple #section4 .column2_ dl{
	width: 356px;
	min-height:220px;
}
#kousobijin_purple #section4 .sec4_bg .column2_ dl.rightbox_{
	margin:0px 82px 0 0;
	padding:0 0 0 0;
	float:right;
}
#kousobijin_purple #section4 .sec4_bg .column2_ dl.leftbox_ {
	margin:0 0 0 63px;
	padding:0px;
}

#kousobijin_purple #section4 .column2_ dt {
    margin-bottom: 5px;
}
#kousobijin_purple #section4 .column2_ dd {
    line-height: 22px;
}
#kousobijin_purple #section4 .leftbox_ {
    width: 376px;
    margin-left:62px;
}
#kousobijin_purple #section4 .leftbox_ dd {
    padding: 0 20px ;
    font-size: 90%;
    margin-top:-170px;
    line-height: 20px;
}
/* 左側 */
#kousobijin_purple #section4 .rightbox_ {
    width: 376px;
    margin-right:62px;
}
#kousobijin_purple #section4 .rightbox_ .txt_ {
    margin:0 0 15px 30px;
}
#kousobijin_purple #section4 .rightbox_ dd {
    padding: 0 20px 0 30px;
    font-size: 90%;
    margin-top:-170px;
    line-height: 20px;
}
#kousobijin_purple #section4 .column1_{
	width:750px;
	margin:auto;
	text-align:center;
	padding-bottom:30px;
}
#kousobijin_purple #section4 .column1_ dd {
    font-size: 79%;
    margin-top:-378px;
}
#kousobijin_purple .sec4_bg{
	background: url(../../img/usr/freepage/products/kousobijin_purple/04_bg.png) repeat-y;
	margin-left:2px;
}
#kousobijin_purple .sec4_photo{
	margin-left:435px;
	margin-top:-230px;
}
#kousobijin_purple .column1_02{
	padding-top:20px;
}
#kousobijin_purple .column1_02 ul{
	margin-left:40px;
	margin-top:-165px;
}
#kousobijin_purple .sec04_ttl{
	background-image: url(../../img/usr/freepage/products/kousobijin_purple/03_bg04.png) ;
	width:750px;
	height:216px;
	margin:auto;
	text-indent:-9999px;
}
#kousobijin_purple .sec4_footer{
	background: url(../../img/usr/freepage/products/kousobijin_purple/03_footer.png) no-repeat;
	width:880px;
	height:50px;
}

#kousobijin_purple .sec4_txt{
	width:766px;
	margin:-20px auto 0;
}
#kousobijin_purple .sec4_txt img{
	margin:7px 0 0 7px;
}
#kousobijin_purple .sec04_ttl2 img{
	margin:0px;
}
#kousobijin_purple .sec04_ttl2{
	margin:5px 0 22px 13px;
}

/* --------------------------------------------------------------------
	section5
--------------------------------------------------------------------- */
#kousobijin_purple #section5 {
}
#kousobijin_purple #section5 li {
    float: left;
    display: inline;
}
.sec5_bg{
	background: url(../../img/usr/freepage/products/kousobijin_purple/section5_bg.png) no-repeat;
	width:880px;
	height:414px;
}
#kousobijin_purple .sec5_bg ul{
	margin-left:11px;
}


/* --------------------------------------------------------------------
	section6
--------------------------------------------------------------------- */
#kousobijin_purple #section6 {
	background: url(../../img/usr/freepage/products/kousobijin_purple/section6_bg_2.png) no-repeat;
	width: 880px;
	/*height: 555px;*/
	z-indent: -9999px;
}
#kousobijin_purple #section6 .inner_ {
    background: url(../../img/usr/freepage/products/kousobijin_purple/section6_bg_2_bottom.png) no-repeat left bottom;
	padding-bottom: 30px;}
#kousobijin_purple #section6 table {
    margin-top:10px;
    border: 1px solid #ede4ba;
    width: 380px;
	margin-bottom:20px;
}
#kousobijin_purple #section6 table th,
#kousobijin_purple #section6 table td {
    border: 1px solid #ede4ba;
    padding: 5px 10px;
    font-size: 80%;
    line-height:1.3em;
}
#kousobijin_purple #section6 table th {
    background: #fdfbe9;
    width: 108px;
}
#kousobijin_purple #section6 .leftbox_ dd {
    margin-bottom: 7px;
}
#kousobijin_purple #section6 .leftbox_ dt img{
    margin-left: 120px;
	margin-top:30px;
}
#kousobijin_purple #section6 .leftbox_ {
    width: 350px;
	margin-left:60px;
}
#kousobijin_purple #section6 p.sec06_txt{
    font-size: 70%;
    margin-left: 1em;
    text-indent: -1em;
}
#kousobijin_purple #section6 p.mg_t10{
    margin-top: 10px;
}
#kousobijin_purple #section6 .rightbox_ {
    margin-top:50px;
	padding-left:30px;
}
#kousobijin_purple #section6 .leftbox_ .otameshi_s{
	position: relative;
}
#kousobijin_purple #section6{
	position: relative;
	top: -3px;
}    
#kousobijin_purple #section6 .mg_b3{
	margin-bottom:3px;
}

/* --------------------------------------------------------------------
	section7
--------------------------------------------------------------------- */
#kousobijin_purple #section7 h3 {
    text-align: center;
}
#kousobijin_purple #section7 .box_ {
    float: left;
    display: inline;
}
#kousobijin_purple #section7 li {
    text-align: center;
    font-size: 11px;
}
#kousobijin_purple #section7 li.img_ {
    margin-bottom: 7px;
    text-align: center;
    padding: 15px 0;
}

#kousobijin_purple #section7 li.name_ a {
    color: #8b1646;
}
#kousobijin_purple #section7 li.btn_ {
}

/* おすすめインナーケア製品 */
#kousobijin_purple #section7 .rec_ {
	padding-left:80px;
	/padding-bottom:20px;/* IE7 */
}
#kousobijin_purple #section7 .rec_ .box_ {
    width: 172px;
}
#kousobijin_purple #section7 .rec_ .box_ li.img_ {
    background: url(../../img/usr/freepage/products/kousobijin_purple/section7_img_bg_1.png) no-repeat center center;
}
#kousobijin_purple #section7 .rec_ li.name_ {
    min-height: 33px;
    height: auto !important;
}
#kousobijin_purple #section7 .rec_ li.price_ {
    min-height: 33px;
    height: auto !important;
}
/* 便利でオトクな定期購入 */
#kousobijin_purple #section7 .con_ {
	/*padding-left:210px;*/
	/*/padding-bottom:20px;*//* IE7 */
}
#kousobijin_purple #section7 .con_ .box_ {
    width: 143px;
}
#kousobijin_purple #section7 .con_ .box_ li.img_ {
    background: url(../../img/usr/freepage/products/kousobijin_purple/section7_img_bg_2.png) no-repeat center center;
}
#kousobijin_purple #section7 .con_ li.name_ {
    min-height: 55px;
    height: auto !important;
}
#kousobijin_purple #section7 .con_ li.price_ {
    min-height: 20px;
    height: auto !important;
}
#kousobijin_purple .kaiin{
margin-top:-50px;
}
#kousobijin_purple section_ h1{
padding-top:-20px;
}


#kousobijin_purple .bnr_area {
    margin: 10px 0;
}

#kousobijin_purple .bnr_area p {
    float: left;
}
#kousobijin_purple .bnr_area .mg_l10 {
    margin-left: 10px;
}
#bgArea04 .btn_price_ a:hover img{
	opacity: 0.8;
}
#kousobijin_purple .bnr_area a:hover img{
	opacity: 0.8;
}