@charset "utf-8";

/* 商品一覧
----------------------------------------------------------------------------------------------------*/

#productDetail {
	width: 910px;
	text-align: left;
}

#productDetail #main .left {
	float: left;
	width: 717px;
}

#productDetail .productFrame1 {
	height: 5px;
	margin: 5px 0 0 13px;
	background: url(../images/pro_bg01.gif) no-repeat;
	background-position: left top;
	font-size: 1px;
}

#productDetail .productFrame2 {
	margin: 0 0 0 13px;
	padding: 1px 6px;
	background: url(../images/pro_bg02.gif) repeat-y;
	background-position: left top;
}

#productDetail .productFrame2 .waku {
	background: url(../images/pro_bg04.gif) no-repeat;
	background-position: left bottom;
}

#productDetail .productFrame3 {
	height: 5px;
	margin: 0 0 30px 13px;
	background: url(../images/pro_bg03.gif) no-repeat;
	background-position: left top;
	font-size: 1px;
	line-height: 1;
}

#productDetail .productFrame2 .left1 {
	float: left;
	width: 225px;
	text-align: center;
}

#productDetail .productFrame2 .right1 {
	float: right;
	width: 455px;
	margin: 30px 0 40px;
}

#productDetail .box2 {
	padding: 0 30px 0 0;
}

#productDetail .box2 p {
	margin: 0 0 10px;
}

#productDetail .box2 img {
	margin: 0 0 25px;
}

#productDetail .box3 {
	padding: 0 30px 0 0;
	padding: 0 25px 0 0;
}

#productDetail .box3 .left1 {
	float:left;
/*	width: 104px;*/
	width: 230px;
	width: 220px;
	margin: 0 5px 0 0;
	text-align: left;
	font-weight: bold;
}

#productDetail .box3 .left2 {
	float:left;
	width: 95px;
	height: 30px;
}

#productDetail .box3 #suryo {
	vertical-align: middle;
}

#productDetail .box3 .cartBn {
	float: right;
	width: 127px;
	height: 30px;
}

#productDetail .box4 {
	margin: 0 17px 20px;
	padding: 10px;
	background: #F5F5F5;
}

#productDetail #main .left h2 {
	margin: 0 0 20px;
	padding: 0 17px;
}

#productDetail .lead {
	margin: 0 0 10px;
	padding: 0 27px;
}

#productDetail .lead2 {
	margin: 0 0 15px;
	padding: 0 27px;
}

#productDetail .lead3 {
	margin: 0 0 15px;
	padding: 0 0 0 27px;
	width:470px;
	float:left;
}

#productDetail .box5 {
	padding: 0 27px;
	margin: 0 0 15px;
}

#productDetail .box5 p {
	margin: 0 0 10px;
}

#productDetail .box5 .left1 {
	float: left;
	width: 148px;
	margin: 0 10px 0 0;
}

#productDetail .box5 .text {
	margin: 0;
	padding: 0 0 0 20px;
}

#productDetail .secret {
	margin: 0 7px;
	padding: 0 10px 10px;
	text-align: right;
}

#productDetail .box6 {
	padding: 0 17px 10px;
}

#productDetail .box6 .left1 {
	float: left;
	width: 107px;
	margin: 0 3px;
}

#productDetail .box6 .left2 {
	float: left;
	width: 107px;
}

#productDetail .box6 p {
	margin: 0 0 5px;
}

#productDetail .box6 .text {
	padding: 0 3px;
}

#productDetail .box7 {
	margin: 0 0 10px;
	padding: 0 7px;
}

#productDetail .box7 .left1 {
	float: left;
	width: 345px;
}

#productDetail .box7 .right1 {
	float: right;
	width: 345px;
}

#productDetail .box8 {
	padding: 0 27px;
	margin: 0 0 15px;
}

#productDetail .box8 .left1 {
	float: left;
	width: 340px;
}

#productDetail .box8 .left1 ol {
	padding: 0 0 0 25px;
}

#productDetail .box8 .left1 li {
	list-style-position: outside;
	list-style-type: decimal;
}

#productDetail .box8 .right1 {
	float: right;
	width: 313px;
}

/* リペアジェルの使い方
----------------------------------------------------------------------------------------------------*/

#howto {
	width: 910px;
	text-align: left;
}

#howto #main .left {
	float: left;
	width: 717px;
}

#howto #main .left h2 {
	margin: 30px 5px 30px;
}

#howto #main .left h3 {
	margin: 20px 0;
}

#howto .productFrame1 {
	height: 5px;
	margin: 5px 0 0 13px;
	background: url(../images/pro_bg01.gif) no-repeat;
	background-position: left top;
	font-size: 1px;
}

#howto .productFrame2 {
	margin: 0 0 0 13px;
	padding: 1px 0;
	background: url(../images/pro_bg02.gif) repeat-y;
	background-position: left top;
}

#howto .productFrame3 {
	height: 5px;
	margin: 0 0 30px 13px;
	background: url(../images/pro_bg03.gif) no-repeat;
	background-position: left top;
	font-size: 1px;
}

#howto .stepFrame1 {
	height: 10px;
	margin: 5px 0 0 25px;
	background: url(../images/how_bg01.gif) no-repeat;
	background-position: left top;
	font-size: 1px;
}

#howto .stepFrame2 {
	margin: 0 10px 0 25px;
	background-position: left top;
}

#howto .bg1 {
	padding: 0 40px 0 15px;
	background: url(../images/how_bg06.gif) repeat-y;
}

#howto .bg2 {
	padding: 0 16px 0 15px;
	background: url(../images/how_bg07.gif) repeat-y;
}

#howto .stepFrame2 .left1 {
	float: left;
	width: 135px;
}

#howto .stepFrame2 .right1 {
	float: right;
	width: 415px;
}

#howto .stepFrame2 .left2 {
	float: left;
	width: 315px;
}

#howto .stepFrame2 .right2 {
	float: right;
	width: 85px;
	text-align: center;
}

#howto .stepFrame2 .left3 {
	float: left;
	width: 197px;
}

#howto .stepFrame2 .right3 {
	float: right;
	width: 216px;
	text-align: center;
}

#howto .stepFrame2 .right4 {
	float: right;
	width: 450px;
	background: url(../images/how_img07.jpg) no-repeat;
	background-position: right bottom;
}

#howto .stepFrame3 {
	height: 40px;
	margin: 0 0 0 25px;
	background-position: left top;
	font-size: 1px;
}

#howto .bg3 {
	background: url(../images/how_bg02.gif) no-repeat;
}

#howto .bg4 {
	background: url(../images/how_bg03.gif) no-repeat;
}

#howto .bg5 {
	background: url(../images/how_bg04.gif) no-repeat;
}

#howto .stepFrame4 {
	height: 10px;
	margin: 0 0 30px 25px;
	background: url(../images/how_bg05.gif) no-repeat;
	background-position: left top;
	font-size: 1px;
}

#howto .bg6 {
	padding: 0 30px 0 15px;
	background: url(../images/how_bg06.gif) repeat-y;
}

#howto .stepFrame2 .right5 {
	float: right;
	width: 435px;
}

#howto .stepFrame2 .left5 {
	float: left;
	width: 210px;
}

#howto .box1 {
	margin: 0 0 10px;
	padding: 0 7px;
}

#howto .box1 .left1 {
	float: left;
	width: 345px;
}

#howto .box1 .right1 {
	float: right;
	width: 345px;
}

/* 商品一覧
----------------------------------------------------------------------------------------------------*/

#all {
	width: 910px;
	text-align: left;
}

#all #main .left {
	float: left;
	width: 717px;
}

#all #main .left h2 {
	margin: 30px 5px 30px;
}

#all #main .left h3 {
	margin: 0 0 25px;
}

#all .navi {
	padding: 0 23px 29px 23px;
	margin: 0;
	background: url(../images/all_navi_bg.jpg) no-repeat;
	background-position: left bottom;
}

#all .navi li {
	display: inline;
	margin: 0 4px 0 0;
}

#all .box1 {
	margin: 0 6px 35px;
	padding: 1px 0;
}

#all .box1 .left1 {
	float: left;
	width: 206px;
}

#all .box1 .right1 {
	float: right;
	width: 430px;
}

#all .box2 {
	padding: 10px 30px 0 0;
}

#all .box2 h4 {
	margin: 0 0 1em;
}

#all .box2 p {
	margin: 0 0 2em;
}

#all .box2 img {
	margin: 0 0 5px;
}

#all .box3 {
	padding: 0 30px 0 0;
}

#all .box3 .left1 {
	float: left;
	width: 104px;
	margin: 0 100px 0 0;
	text-align: left;
	font-weight: bold;
}

#all .box3 .left2 {
	float: right;
	width: 45px;
	height: 30px;
	margin: 3px 0 0;
}

#all .box3 #suryo {
	vertical-align: middle;
}

#all .box3 .cartBn {
	float: right;
	width: 127px;
	height: 30px;
	margin: 0 0 0 15px;
}

#all .box4 {
	margin: 0 0 10px;
	padding: 0 7px;
}

#all .box4 .left1 {
	float: left;
	width: 345px;
}

#all .box4 .right1 {
	float: right;
	width: 345px;
}
.renew_icon{
    margin:0 0 0 5px;
	position:relative;
	top:-3px;
	left:0px;
}
.renew_icon_detail img{
    margin:0 0 -7px 0;
	padding:0;
	width:85px;
	height:16px;
	position:relative;
	top:0px;
	left:0px;
}
.new_icon{
    margin:0 0 0 5px;
	position:relative;
	top:-3px;
	left:0px;
}
.new_icon_detail img{
    margin:0 0 -7px 0;
	padding:0;
	width:42px;
	height:16px;
	position:relative;
	top:0px;
	left:0px;
}
 .bea_title00{
    margin:0 0 5px 25px;
}

/* リペアウォーター
----------------------------------------------------------------------------------------------------*/
 .rpew_txt01{
    margin:0 0 5px 25px;
}

 .rpew_txt02{
    margin:10px 0 10px 25px;
}

/* デトックティー
----------------------------------------------------------------------------------------------------*/
 .dett_txt01{
    margin:0 0 5px 25px;
	width:370px;
}
 .dett_txt02{
    margin:0 0 10px 25px;
	clear:both;
}
.tea_img{
    float:right;
	margin-right:25px;
}
.tea_img2{
    margin-left:5px;
	display:block;
	width:581px;
}
.tea_img3{
    margin:15px auto 10px;
	display:block;
	width:453px;
}

/* リペアジェル
----------------------------------------------------------------------------------------------------*/
.rpgl_btn{
    margin-top:-31px;
	float:left;
}
*+html .rpgl_btn{
    margin-top:-40px;
	float:left;
}

*+html .rpgl_btn2{
	position:relative;
	top:0px;
	left:-225px;
    margin-top:-40px;
	margin-left:-225px;
	
}

/* 使用方法-100804
----------------------------------------------------------------------------------------------------*/

.howto_img {
	border:2px solid #CCC;
}

.howto_txt {
	width:148px;
}

.howto_s_txt{
	font-size:11px;
}

.howto_sp{
	border:2px solid #990000;
}