@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　スタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*　製品情報　トップ　*/


#Product01 h3 {
	margin: 0px !important;
}
/*　製品情報　タイトル　*/

.pttl01 {
	background: url(../product/img/product_ttl01.gif) no-repeat left top;
	display: block;
	height: 34px;
	width: 606px;
	text-indent: -9999px;
}
.pttl02 {
	background: url(../product/img/product_ttl02.gif) no-repeat left top;
	display: block;
	height: 34px;
	width: 606px;
	text-indent: -9999px;
}



.sttl01  {
	background: url(../product/img/product_sttl01.gif) no-repeat 16px top;
	display: block;
	height: 34px;
	text-indent: -9999px;
}
.sttl02  {
	background: url(../product/img/product_sttl02.gif) no-repeat 16px top;
	display: block;
	height: 34px;
	text-indent: -9999px;
}

/* 製品一覧　表 */

.ttllist {
	margin: 25px 0 25px 74px;
}
.ttllist li {
	display: inline; 
}

.w178 { margin-left: 178px; }

#Product01 .lineBox li,
#Product01 .lineBox02 li {
	display: inline;
	}

/* グレー線　枠 */
#Product01 .lineBox {
	border: 1px solid #D9D9D5;
	width: 570px;
	height: 160px;
	margin-left: 14px;
	position: relative;
	margin-bottom: 16px;
}

#Product01 .lineBox02 {
	border: 1px solid #D9D9D5;
	width: 570px;
	height: 320px;
	margin-left: 14px;
	position: relative;
	margin-bottom: 16px;
}



#Product01 .lineBox .line,
#Product01 .lineBox02 .line {
	position: absolute;
	left: 213px;
	top: 8px;
}


#Product01 .lineBox .ttlBtn,
#Product01 .lineBox02 .ttlBtn {
	position: absolute;
	left: 1px;
	top: 0px;
}

#Product01 .lineBox .Img01,
#Product01 .lineBox02 .Img01 {
	position: absolute;
	text-align: center;
	left: 35px;
	top: 8px;
	width: 165px;
}
#Product01 .lineBox .Img02,
#Product01 .lineBox02 .Img02 {
	position: absolute;
	text-align: center;
	left: 244px;
	top: 8px;
	width: 129px;
}
#Product01 .lineBox .Img03,
#Product01 .lineBox02 .Img03 {
	position: absolute;
	text-align: center;
	left: 416px;
	top: 8px;
	width: 129px;
}

#Product01 .lineBox .Img03-02 {
	position: absolute;
	text-align: center;
	left: 394px;
	top: 8px;
	width: 129px;
}

#Product01 .lineBox .Img04 {
	position: absolute;
	text-align: center;
	left: 230px;
	top: 8px;
	width: 104px;
}
#Product01 .lineBox .Img05 {
	position: absolute;
	text-align: center;
	left: 345px;
	top: 8px;
	width: 107px;
}
#Product01 .lineBox .Img06 {
	position: absolute;
	text-align: center;
	left: 460px;
	top: 8px;
	width: 107px;
}
#Product01 .lineBox02 .Img07 {
	position: absolute;
	text-align: center;
	left: 290px;
	top: 184px;
	width: 197px;
}
#Product01 .lineBox02 .Img08 {
	position: absolute;
	text-align: center;
	left: 32px;
	top: 80px;
	width: 180px;
}

#Product01 .box .txtBox {
	font-size: 10px;
	margin: 0px 16px;
	width: 568px;
}
#Product01 .box .txtBox .txt {
	width: 389px;
	margin: 0px;
	float: left;
}
#Product01 .box .txtBox .btn {
	float: right;
}


/* テキスト　マウスオーバー設定 */

/*　クレンジングシリーズ*/
#Product01 .lineBox .btn01 a {
	background: url(../product/img/products_btntxt01.gif) no-repeat left top;
	height: 10px;
	width: 107px;
	text-indent: -9999px;
	display: block;
	margin: 12px auto 0 auto;
}
#Product01 .lineBox .btn01 a:hover {
	background: url(../product/img/products_btntxt01.gif) no-repeat left -10px;
}

/*　インタラクティブシリーズ*/
#Product01 .lineBox .btn02 a {
	background: url(../product/img/products_btntxt02.gif) no-repeat left top;
	height: 10px;
	width: 124px;
	text-indent: -9999px;
	display: block;
	margin: 12px auto 0 auto;
}
#Product01 .lineBox .btn02 a:hover {
	background: url(../product/img/products_btntxt02.gif) no-repeat left -10px;
}

/*クリアスキンシリーズ*/
#Product01 .lineBox .btn03 a {
	background: url(../product/img/products_btntxt03.gif) no-repeat left top;
	height: 10px;
	width: 107px;
	text-indent: -9999px;
	display: block;
	margin: 12px auto 0 auto;
}
#Product01 .lineBox .btn03 a:hover {
	background: url(../product/img/products_btntxt03.gif) no-repeat left -10px;
}

/*アルファシリーズ*/
#Product01 .lineBox .btn04 a {
	background: url(../product/img/products_btntxt04.gif) no-repeat left top;
	height: 10px;
	width: 86px;
	text-indent: -9999px;
	margin: 12px auto 0 auto;
	display: block;
}
#Product01 .lineBox .btn04 a:hover {
	background: url(../product/img/products_btntxt04.gif) no-repeat left -10px;
}

/*C－クエンスシリーズ*/
#Product01 .lineBox .btn05 a,
#Product01 .lineBox02 .btn05 a {
	background: url(../product/img/products_btntxt05.gif) no-repeat left top;
	height: 10px;
	width: 107px;
	text-indent: -9999px;
	display: block;
	margin: 12px auto 0 auto;
}
#Product01 .lineBox .btn05 a:hover,
#Product01 .lineBox02 .btn05 a:hover {
	background: url(../product/img/products_btntxt05.gif) no-repeat left -10px;
}

/*ピグメントシリーズ*/
#Product01 .lineBox .btn06 a {
	background: url(../product/img/products_btntxt06.gif) no-repeat left top;
	height: 10px;
	width: 107px;
	text-indent: -9999px;
	display: block;
	margin: 12px auto 0 auto;
}
#Product01 .lineBox .btn06 a:hover {
	background: url(../product/img/products_btntxt06.gif) no-repeat left -10px;
}

/*ベータシリーズ*/
#Product01 .lineBox .btn07 a,
#Product01 .lineBox02 .btn07 a {
	background: url(../product/img/products_btntxt07.gif) no-repeat left top;
	height: 10px;
	width: 80px;
	text-indent: -9999px;
	display: block;
	margin: 12px auto 0 auto;
}
#Product01 .lineBox .btn07 a:hover,
#Product01 .lineBox02 .btn07 a:hover {
	background: url(../product/img/products_btntxt07.gif) no-repeat left -10px;
}

/*デリケートシリーズ*/
#Product01 .lineBox02 .btn08 a {
	background: url(../product/img/products_btntxt08.gif) no-repeat left top;
	height: 10px;
	width: 107px;
	text-indent: -9999px;
	display: block;
	margin: 12px auto 0 auto;
}
#Product01 .lineBox02 .btn08 a:hover {
	background: url(../product/img/products_btntxt08.gif) no-repeat left -10px;
}

/*インテンシブシリーズ*/
#Product01 .lineBox .btn09 a,
#Product01 .lineBox02 .btn09 a {
	background: url(../product/img/products_btntxt09.gif) no-repeat left top;
	height: 10px;
	width: 107px;
	text-indent: -9999px;
	display: block;
	margin: 12px auto 0 auto;
}
#Product01 .lineBox .btn09 a:hover,
#Product01 .lineBox02 .btn09 a:hover {
	background: url(../product/img/products_btntxt09.gif) no-repeat left -10px;
}

/*サンケア*/
#Product01 .lineBox .btn10 a {
	background: url(../product/img/products_btntxt10.gif) no-repeat left top;
	height: 10px;
	width: 52px;
	text-indent: -9999px;
	display: block;
	margin: 12px auto 0 auto;
}
#Product01 .lineBox .btn10 a:hover {
	background: url(../product/img/products_btntxt10.gif) no-repeat left -10px;
}

/*ラポリスシリーズ*/
#Product01 .lineBox .btn11 a {
	background: url(../product/img/products_btntxt11.gif) no-repeat left top;
	height: 10px;
	width: 86px;
	text-indent: -9999px;
	display: block;
	margin: 12px auto 0 auto;
}
#Product01 .lineBox .btn11 a:hover {
	background: url(../product/img/products_btntxt11.gif) no-repeat left -10px;
}

/*ファーストキット*/
#Product01 .lineBox .btn12 a {
	background: url(../product/img/products_btntxt12.gif) no-repeat left top;
	height: 10px;
	width: 86px;
	text-indent: -9999px;
	display: block;
	margin: 12px auto 0 auto;
}
#Product01 .lineBox .btn12 a:hover {
	background: url(../product/img/products_btntxt12.gif) no-repeat left -10px;
}


/*エンビロンボディ*/
#Product01 .lineBox .btn13 a {
	background: url(../product/img/products_btntxt13.gif) no-repeat left top;
	height: 10px;
	width: 126px;
	text-indent: -9999px;
	display: block;
	margin: 12px auto 0 auto;
}
#Product01 .lineBox .btn13 a:hover {
	background: url(../product/img/products_btntxt13.gif) no-repeat left -10px;
}