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

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

ul { padding:0;}

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

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

/* --------------------------------------------------------------------
	section1
--------------------------------------------------------------------- */
#kousobijin_yellow #section1 {
    background: url(../../img/usr/freepage/products/kousobijin_yellow/section1_bg.jpg) left top no-repeat;
    height: 449px;
    padding: 48px 0 0 20px;
}
/*#kousobijin_yellow #section1 div.price_ {
	width:370px;
	height:206px;
    margin: 0 0 0 10px;
    position: relative;
}
#kousobijin_yellow #section1 div.price_ p {
    position: absolute;
}
#kousobijin_yellow #section1 div.price_ p.syokai_ {
    left: 19px;
    bottom: 70px;
}
#kousobijin_yellow #section1 div.price_ p.kaiin_ {
    left: 19px;
    bottom: 17px;
}*/
#kousobijin_yellow #section h1{
	color:#fff;
}
#kousobijin_yellow #section1 .btn_price_{
	margin-left: 30px;
	margin-top: 280px;
}
#kousobijin_yellow #section1 .btn_price_ a:hover img{
	opacity: 0.8;
}

/* --------------------------------------------------------------------
	section2
--------------------------------------------------------------------- */
#kousobijin_yellow #section2 {
    background: url(../../img/usr/freepage/products/kousobijin_yellow/section2_bg_1.jpg) no-repeat left top;
}
/* 右側 */
#kousobijin_yellow #section2 .leftbox_ {
    width: 275px;
}
#kousobijin_yellow #section2 .leftbox_ dd {
    padding: 0 65px 0 30px;
    font-size: 90%;
    line-height: 16px;
}
/* 左側 */
#kousobijin_yellow #section2 .rightbox_ {
    width: 605px;
    padding-top: 90px;
}
#kousobijin_yellow #section2 .rightbox_ .txt_ {
    margin:0 0 15px 30px;
}
#kousobijin_yellow #section2 .rightbox_ p {
    padding: 0 50px 0 0;
    line-height: 21px;
}
/* 下側 */
#kousobijin_yellow #section2 .inner_ ul {
    margin-left: 36px;
}
#kousobijin_yellow #section2 .inner_ li {
    float: left;
    display: inline;
}
#kousobijin_yellow #section2 .inner_.btm_ {
    background: url(../../img/usr/freepage/products/kousobijin_yellow/section2_bg_2.png) no-repeat left bottom;
}
/* --------------------------------------------------------------------
	section3
--------------------------------------------------------------------- */
#kousobijin_yellow #section3 {
    background: url(../../img/usr/freepage/products/kousobijin_yellow/section3_bg_1.jpg) no-repeat left top;
    padding: 20px 0 0;
}
#kousobijin_yellow #section3 .inner_ {
    background: url(../../img/usr/freepage/products/kousobijin_yellow/section3_bg_2.jpg) no-repeat left bottom;
    padding: 0 50px 74px;
}
#kousobijin_yellow #section3 h2 {
    margin-bottom: 95px;
}
#kousobijin_yellow #section3 p {
    margin: 0 50px;
}
#kousobijin_yellow #section3 .txt1_ {
	margin-bottom:21px;
}
#kousobijin_yellow #section3 .column2_ {
    overflow: hidden;
    margin: 25px 0;
}
#kousobijin_yellow #section3 .column2_ dl {
    width: 375px;
}
#kousobijin_yellow #section3 .column2_ dt {
    margin-bottom: 5px;
}
#kousobijin_yellow #section3 .column2_ dd {
    line-height: 22px;
}
#kousobijin_yellow #section3 .column1_ {
	margin:0 0 20px 0;
}
#kousobijin_yellow #section3 .column1_ dd {
    font-size: 79%;
}
/* --------------------------------------------------------------------
	section4
--------------------------------------------------------------------- */
#kousobijin_yellow #section4 {
    background: url(../../img/usr/freepage/products/kousobijin_yellow/section4_bg_1.png) no-repeat left top;
}
#kousobijin_yellow #section4 .inner_ {
    background: url(../../img/usr/freepage/products/kousobijin_yellow/section4_bg_2.png) no-repeat left bottom;
    padding: 0 50px 70px;
}
#kousobijin_yellow #section4 ul {
    overflow: hidden;
    margin-bottom: 18px;
}
#kousobijin_yellow #section4 li {
    float: left;
    display: inline;
}
#kousobijin_yellow #section4 .feature_ {
    overflow: hidden;
    margin-bottom: 25px;
}
#kousobijin_yellow #section4 .feature_ dl {
    float: left;
    display: inline;
    margin: 0 20px 0 0;
    width: 140px;
}
#kousobijin_yellow #section4 .feature_ dl.last_ {
    margin: 0;
}
#kousobijin_yellow #section4 .feature_ dt {
    margin-bottom: 20px;
}
#kousobijin_yellow #section4 .feature_ dd {
    line-height: 22px;
    font-size: 95%;
}
#kousobijin_yellow #section4 h3 {
    margin-bottom: 30px;
}
/* --------------------------------------------------------------------
	section5
--------------------------------------------------------------------- */
#kousobijin_yellow #section5 {
    background: url(../../img/usr/freepage/products/kousobijin_yellow/section5_bg.jpg) no-repeat left top;
    height: 518px;
    padding: 0 40px 60px;
}
#kousobijin_yellow #section5 li {
    float: left;
    display: inline;
}
/* --------------------------------------------------------------------
	section6
--------------------------------------------------------------------- */
#kousobijin_yellow #section6 {
    background: url(../../img/usr/freepage/products/kousobijin_yellow/section6_bg_1.jpg) no-repeat left top;
    padding-top: 90px;
	height:690px;
}
#kousobijin_yellow #section6 .inner_ {
    /*background: url(../../img/usr/freepage/products/kousobijin_yellow/section6_bg_2.png) no-repeat left bottom;*/
    padding: 0 70px 60px 53px;
}
#kousobijin_yellow #section6 table {
    border: 1px solid #ede4ba;
    width: 393px;
}
#kousobijin_yellow #section6 table th,
#kousobijin_yellow #section6 table td {
    border: 1px solid #ede4ba;
    padding: 5px 10px;
    font-size: 79%;
}
#kousobijin_yellow #section6 table th {
    background: #fdfbe9;
    font-weight: bold;
    width: 108px;
}
#kousobijin_yellow #section6 table td {
}
#kousobijin_yellow #section6 div.txt_ {
	/*position:relative;*/
	/*top:5px;*/
	/*left:-15px;*/
}
#kousobijin_yellow #section6 .leftbox_ dt {
    margin: 0 0 0 20px;
}
#kousobijin_yellow #section6 .leftbox_ dd {
    margin-bottom: 7px;
}
#kousobijin_yellow .bnr_area{
	margin:10px 0;
}
#kousobijin_yellow .bnr_area p {
	float:left;
}
#kousobijin_yellow .bnr_area .mg_l10 {
	margin-left:10px;
}
#kousobijin_yellow #section6 .btn_price_ a:hover img{
	opacity: 0.8;
}
#kousobijin_yellow .bnr_area a:hover img{
	opacity: 0.8;
}
/* --------------------------------------------------------------------
	section7
--------------------------------------------------------------------- */
#kousobijin_yellow #section7 {
    background: url(../../img/usr/freepage/products/kousobijin_yellow/section7_bg_2.png) repeat-y left bottom;
    padding: 0 10px;
}
#kousobijin_yellow #section7 h3 {
    text-align: center;
}
#kousobijin_yellow #section7 .box_ {
    float: left;
    display: inline;
}
#kousobijin_yellow #section7 li {
    text-align: center;
    font-size: 11px;
}
#kousobijin_yellow #section7 li.img_ {
    margin-bottom: 7px;
    text-align: center;
    padding: 15px 0;
}

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

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