@charset "Shift_JIS";

/* arouge layout
-----------------------------------------------------------
 1. grand navi on 選択商品のグランドナビゲーションON状態
 2. brand name 商品一覧ページ ブランド名と背景
 3. product box 商品の設定
-----------------------------------------------------------
*/

#cont-right { color:#666; }


/* 1. grand navi on
-----------------------------------------------------------*/

#nav ul li#nav01 a { display: block; width: 173px; height: 63px; background-repeat: no-repeat; background-position: 0px -63px; }

/* subnavi navi on -----------*/
/* アルージェ商品 */
.arouge_rotion #cont-left ul li#snav-ar-rotion a { background-position: 0px -50px; }/* モイスチャー ミストローション */
.arouge_cre #cont-left ul li#snav-ar-cre a { background-position: 0px -50px; }/* エッセンス ミルキークリーム */
.arouge_veil #cont-left ul li#snav-ar-veil a { background-position: 0px -50px; }/* トータルモイストベール リップエッセンス */
.arouge_esse #cont-left ul li#snav-ar-esse a { background-position: 0px -50px; }/* ピュアブライト エッセンス */
.arouge_form #cont-left ul li#snav-ar-form a { background-position: 0px -50px; }/* モイスチャー フォーム */
.arouge_l_rotion #cont-left ul li#snav-ar-lrotion a { background-position: 0px -50px; }/* モイスチャー ミスト ライトローション */
.arouge_mask #cont-left ul li#snav-ar-mask a { background-position: 0px -50px; }/* ウォータリ シーリングマスク */
.arouge_milkjel #cont-left ul li#snav-ar-milkjel a { background-position: 0px -50px; }/* モイストクレンジング ミルクジェル */
.arouge_saver #cont-left ul li#snav-ar-saver a { background-position: 0px -50px; }/* トータルモイストセイバー アイゾーンクリーム */
.arouge_soap #cont-left ul li#snav-ar-soap a { background-position: 0px -50px; }/* モイスチャー クリアsoap */
.arouge_trijel #cont-left ul li#snav-ar-trijel a { background-position: 0px -50px; }/* モイスチャー トリートメントジェル */
.arouge_uv #cont-left ul li#snav-ar-uv a { background-position: 0px -50px; }/* UV モイスト ビューティーアップ */
.arouge_uv-pro #cont-left ul li#snav-ar-uv-pro a { background-position: 0px -50px; }/* UV プロテクトビューティーアップ */
.arouge_eyeset #cont-left ul li#snav-ar-eyeset a { background-position: 0px -50px; }/* 目もと集中保湿ポイントケアセット */
.arouge_lipset #cont-left ul li#snav-ar-lipset a { background-position: 0px -50px; }/* 口もと集中保湿ポイントケアセット */
.arouge_white #cont-left ul li#snav-ar-white a { background-position: 0px -50px; }/* ホワイトニング エッセンス */
.arouge_repair #cont-left ul li#snav-ar-repair a { background-position: 0px -50px; }/* トラブルリペア リキッド */

/* 2. brand name
-----------------------------------------------------------*/

#brand-name { border-top: 2px solid #E6E6E6; padding: 0; margin:0;
/* background:#fff url("../img/arouge/main_ph_arouge_bg.gif") 0 0px no-repeat; */
}
#brand-name-under { border-top: 2px solid #E6E6E6; border-bottom: 2px solid #E6E6E6; padding: 0; margin:0; }

#brand-name h1{
	width:239px;
	height:66px;
	_height:64px;
	padding: 0;
	margin:0;
	float: left;
	font-size: 0.1em;
	line-height: 0.1;
}

.brand-logo-under{
	width:239px;
	height:64px;
	padding: 0;
	margin:0 0 0 2px;
	float: left;
	font-size: 0.1em;
	line-height: 0.1;
}

#brand-name h1 span{/*	text hide	*/
	display:block;
	text-indent:-9999px;
}

.brand-logo-under span{/*	text hide	*/
	display:block;
	text-indent:-9999px;
}

#brand-name h1.brand-logo{background:#fff url("../img/arouge/brand_name_arouge.gif") 0 0px no-repeat;}
.brand-logo-under{background:#fff url("../img/arouge/brand_name_arouge.gif") 0 0px no-repeat;}

.brand-name-right { float:right; padding:25px 0 0 0; }
.main-ph { padding: 0 0 15px 0; margin:0; }
.product-desc { margin: 0 0 10px 0; padding:0; }


/* 3. product box
-----------------------------------------------------------*/

.product-box{ border-bottom: 1px dashed #7492DF; margin:25px 0 0 0; padding: 0 0 10px 0; }

/* チェック必要 ------------------ */
.product-ph { float:left; }
.product-text { float: right; width:440px; margin: 0 5px 0 0; }
/* チェック必要 ------------------ */

.product-text h2 { margin:0; padding:0; font-size: 1.2em; line-height: 1.6; }

.product-text h2 a:link{ color: #416BD4; text-decoration:underline; }
.product-text h2 a:visited{ color: #416BD4; text-decoration:underline; }
.product-text h2 a:hover{ color: #416BD4; text-decoration:none; }

.product-text p { margin: 7px 0; padding:0;
	font-size: 0.9em;
	line-height: 1.4; 
	}

.product-details-set { padding: 0; margin:0; }

.product-price { width: 48%; font-weight: bold; float: left; margin: 6px 0 0 0; }
.product-info b, .product-price b { color:#41D4C4; }

/* set 商品 */
.product-priceset { border-top: 2px solid #ccc; margin: 6px 0 0 0; padding:10px 0 0 0; }
.product-priceset-price { font-weight: bold; }
.product-priceset img {float:left;}

.product-buy-bt { float: right; text-align: right; width: 50%; }
.product-buy-bt form { margin:0; padding:0; }



/* 3. product name
-----------------------------------------------------------*/

#product-name-line01 h1{
	width:561px;
	height:54px;
	padding: 0;
	margin:0;
	float: left;
	font-size: 0.1em;
	line-height: 0.1;
}

#product-name-line02 h1{
	width:561px;
	height:78px;
	padding: 0;
	margin:0;
	float: left;
	font-size: 0.1em;
	line-height: 0.1;
}

h1.product-name-arouge-milkjel{background:#fff url("../img/arouge/product/product_name_ar_milkjel.gif") 0 0px no-repeat;}/* モイストクレンジング ミルクジェル */
h1.product-name-arouge-soap{background:#fff url("../img/arouge/product/product_name_ar_soap.gif") 0 0px no-repeat;}/* モイスチャー クリアsoap */
h1.product-name-arouge-form{background:#fff url("../img/arouge/product/product_name_ar_form.gif") 0 0px no-repeat;}/* モイスチャー フォーム */
h1.product-name-arouge-rotion{background:#fff url("../img/arouge/product/product_name_ar_rotion.gif") 0 0px no-repeat;}/* モイスチャー ミストローション */
h1.product-name-arouge-l_rotion{background:#fff url("../img/arouge/product/product_name_ar_l_rotion.gif") 0 0px no-repeat;}/* モイスチャー ミスト ライトローション */
h1.product-name-arouge-trijel{background:#fff url("../img/arouge/product/product_name_ar_trijel.gif") 0 0px no-repeat;}/* モイスト トリートメント ジェル */
h1.product-name-arouge-cre{background:#fff url("../img/arouge/product/product_name_ar_cre.gif") 0 0px no-repeat;}/* エッセンス ミルキークリーム */
h1.product-name-arouge-uv{background:#fff url("../img/arouge/product/product_name_ar_uv.gif") 0 0px no-repeat;}/* UV モイストビューティーアップ */
h1.product-name-arouge-uv-pro{background:#fff url("../img/arouge/product/product_name_ar_uv-pro.gif") 0 0px no-repeat;}/* UV プロテクトビューティーアップ */
h1.product-name-arouge-esse{background:#fff url("../img/arouge/product/product_name_ar_esse.gif") 0 0px no-repeat;}/* ピュアブライトエッセンス */
h1.product-name-arouge-mask{background:#fff url("../img/arouge/product/product_name_ar_mask.gif") 0 0px no-repeat;}/* ウォータリーシーリングマスク */
h1.product-name-arouge-veil{background:#fff url("../img/arouge/product/product_name_ar_veil.gif") 0 0px no-repeat;}/* トータルモイストベール リップエッセンス */
h1.product-name-arouge-saver{background:#fff url("../img/arouge/product/product_name_ar_saver.gif") 0 0px no-repeat;}/* トータルモイストセイバー アイゾーンクリーム */
h1.product-name-arouge-white { background:#fff url("../img/arouge/product/product_name_ar_white.gif") 0 0px no-repeat; }/* ホワイトニング エッセンス */
h1.product-name-arouge-repair { background:#fff url("../img/arouge/product/product_name_ar_repair.gif") 0 0px no-repeat; }/* トラブルリペア リキッド */

.product-etc h2{
	/*width:552px;*/
	height:25px;
	padding: 0;
	margin:0;
	font-size: 0.1em;
	line-height: 0.1;
}
.product-etc { margin:25px 0; padding:0; }
.product-etc p { margin:10px 0; padding:0; }



#product-main {  }

.product-detailes { float: left; width: 254px; margin-right: 10px; }
.product-detailes02 { float: right; width: 280px; margin-left: 10px; }
.product-detailes-box { padding: 10px 0 0 0; border-top: 1px dashed #7492DF; }
.detailes-box-inner { float:left; width: 48%; text-align: center; }

.product-more { border-top: 1px dashed #7492DF; border-bottom: 1px dashed #7492DF; padding: 5px; margin:0; background:#F3F3F3; }

/* .product-more02 { border-top: 1px dashed #7492DF; padding: 5px; margin:0; background:#F3F3F3; } */
.product-more03 { border-bottom: 1px dashed #7492DF; padding: 5px; margin:0; background:#F3F3F3; }

/* チェック必要 ------------------ */
.product-info { float: right; width:290px; margin: 0 5px 0 0; }
