@charset "Shift_JIS";
/* CSS Document */

body {
	background-image:none;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W6', sans-serif;
}


/*マージン*/
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.pt50{padding-top:50px;}
.mb5{margin-bottom:5px;}
.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px !important;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px !important;}
.mr50{margin-right:50px;}


/*フォントサイズ*/
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px !important;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f25{font-size:25px;}

.lh133{line-height:130%;}

.bold{font-weight:bold;}


/*フォントカラー*/
.txMagenta{color:#f02c54;}
.txBrown{color:#715b52;}
.txPink{color:#ff6699;}
.txGray{color:#cccccc;}
.txGray02{color:#555555  !important;}
.txBgPink{background-color:#ffe0e6; padding:1px;}
.txOrange{color:#ff9933;}

.pinkBg{
	background-color:#ffd0e5;
	padding:3px;
}


/*配置*/
#main .txLeft{text-align:left;}
#main .txCenter{text-align:center;}
#main .txRight{text-align:right;}


.cf:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  line-height:0;
}

.cf { display: inline-table; }

.no-clear{
	clear:inherit
}

img.fltLeft{
	float:left;
	margin-right:35px;
}
img.fltRight{
	float:right;
	margin-left:35px;
}

/*
	link
---------------------------------------*/
/*▼基本*/
a:link,a:visited {
	color:#2c5eba;
	text-decoration:underline;
}
a:hover,a:active {
	color:#2c5eba;
	text-decoration:none;
}

#header a:link,#header a:visited,
#footer a:link,#footer a:visited {
	color:#fff;
	text-decoration:none;
}
#header a:hover,#header a:active,
#footer a:hover,#footer a:active {
	color:#fff;
	text-decoration:underline;
}

a { outline: none; }

a:hover img {
	opacity:0.7;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=70 )";
}



/*	top（headerの上の部分）
---------------------------------------*/
#top {
	background-image:none;
	height: 97px;
	text-align:center;
}
#top .inner {
	width: 900px;
	height:80px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(../img/header_logo.png);
	background-repeat:no-repeat;
	margin-top:9px;
}
#top h1 {
	color:#333333;
	font-size:12px;
	position:relative;
	margin-left:70px;
	top:17px;
}
#top h2 {
	color:#ff7591;
	font-size:30px;
	font-weight:bold;
	position:relative;
	margin-left:73px;
	top:17px;
}

/*トップページへのリンク*/
#topsubmenu{
	height: 19px;
	width: 83px;
	padding: 0;
	margin-left:807px;
	background-image:none;
	position: absolute;
	top: 9px;
}


/*ヘッダーのメインビジュアル*/
#headerbox {
	background-image: url(../img/headerbox_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding:0;
	text-align:center;
	height:264px;
}
#header {
	height: 264px;
	width: 1000px;
	background-image: url(../img/header.jpg);
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
}



/*	menu（サイドメニュー）
---------------------------------------*/
#menu {
	padding-top: 13px;
}
#menu h4 {
	height: 32px;
	padding-bottom: 8px;
	padding-left: 8px;
	line-height: 32px;
	background-image: url(../img/menu_h4.jpg);
	background-repeat:repeat-x;
	font-size:15px;
	color: #FFFFFF;
	padding-top: 0;
}
#menu li{
	padding:1px 0;
	background-color:#ffffff;
	border-bottom:1px dotted #c9c9c9;
	font-weight:nonal !important;
}
#menu li a{
	line-height: 15px;
	display: block;
	font-size: 12px;
	font-weight:nonal !important;
	text-decoration: none;
	color: #555555;
	background-color:#f0f0f0;
	padding:6px 5px 6px 19px;
	background-image:url(../img/side_arrow.png);
	background-repeat:no-repeat;
	background-position:9px 8px;
}
#menu li a:hover{
	background-image: url(../img/side_arrow.png);
	background-color:#ffffff;
}

#menu li.index{
	padding:1px 0;
	background-color:#ffffff;
	border-bottom:1px solid #d1d1d1;
	font-weight:nonal !important;
}
#menu li.index a{
	background-color:#ffffff;
	padding:9px 14px;
	background-image:url(../img/side_index.png);
	background-repeat:no-repeat;
	background-position:left center;
}
#menu li.index a:hover{
	background-image: url(../img/side_index.png);
	background-color:#feedf0;
}





/*	footer（フッター）
---------------------------------------*/
#footer {
	text-align: center;
	background-image: url(../img/footer_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#ffa1b3;
	height:auto;
}
#footer .links{
	width:900px;
	padding: 0px;
	margin-left:auto;
	margin-right:auto;
	color: #FFFFFF;
	font-size:12px;
	text-align:left;
	background-color:#ffa1b3;
}
#footer .inner{
	width:900px;
	padding-top: 33px;
	padding-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	color: #FFFFFF;
	font-size:12px;
	text-align:right;
	background-color:#ffa1b3;
}






/*	main（メイン）
---------------------------------------*/
#main{
	font-size:15px;
	padding-top: 13px;
	color:#555555;
}
#main p{
	line-height:25px;
}
#text1{
	margin-bottom: 25px;
	padding: 0;/*10px 14px*/
}
#text1 .contents{
	padding: 10px;
}
#text1 .contents02{
	padding: 0px 10px 10px;
}
#text1 .contents03{
	padding: 0px 0px 10px  10px;
}
#text1 h3{
	left: 0;
}

/*パン屑リンク*/
#siteNavi {
	margin-bottom:10px;
}


/*ページトップ*/
.pagetop{
	text-align:right;
	margin-top:1em;
	margin-bottom:3em;
}
.pagetop_midd{
	text-align:right;
	margin-top:1em;
	margin-bottom:1em;
}



/*h2*/
#main h2{
	text-indent:0;
	margin: 0 0 10px;
	padding:0 0 0 38px;
	height:72px;
	font-size: 30px;
	color: #ffffff;
	line-height: 72px;
	background-image: url(../img/h2_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#ea637c;
}
#main h2.tx_long{
	text-indent:0;
	margin: 0 0 10px;
	padding:0 0 0 25px;
	height:72px;
	font-size: 29px;
	color: #ffffff;
	line-height: 72px;
	background-image: url(../img/h2_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#ea637c;
}


/*h3 ---その1*/
#main h3{
	text-indent:0;
	margin: 40px 0 5px;
	padding:9px 0 5px 10px;
	height:38px;
	font-size: 22px;
	color: #341506;
	line-height: 38px;
	background-image: url(../img/h3_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
}
/*h3 ---その2*/
#main h3.type02{
	text-indent:0;
	margin: 40px 0 5px;
	padding:0 0 0 10px;
	height:40px;
	width: 650px;
	font-size: 20px;
	line-height: 40px;
	font-weight:bold;
	background-image:none;
}
/*h3 ---その3*/
#main h3.type03{
		text-indent:0;
	margin: 10px 0 5px;
	padding:9px 0 5px 10px;
	height:38px;
	font-size: 22px;
	color: #341506;
	line-height: 38px;
	background-image: url(../img/h3_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
}

/*その2ピンク版*/
#main h3.type02.pink{
	color: #341506;
	border-left:5px solid #ea637c;
	border-right:5px solid #ea637c;
	background-color:#fff3f5;
}
/*その2グレー版*/
#main h3.type02.gray{
	color: #341506;
	border-left:5px solid #715b52;
	border-right:5px solid #715b52;
	background-color:#eaeaea;
}




/*h4*/
/*アイコン付きH4*/
#main h4.icon  {
	font-size: 20px;
	line-height: 33px;
	color: #341506;
	font-weight:bold;
	padding:0 0 0 30px;
	margin-top: 5px;
	margin-bottom: 0;
}
/*使い方*/
#main h4.icon-memo  {
	background-image: url(../img/icon_memo.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/*メリット*/
#main h4.icon-merit  {
	background-image: url(../img/icon_merit.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/*デメリット*/
#main h4.icon-demerit  {
	background-image: url(../img/icon_demerit.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/*ポイント1*/
#main h4.icon-point01  {
	background-image: url(../img/icon_point01.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left:50px;
}
/*ポイント2*/
#main h4.icon-point02  {
	background-image: url(../img/icon_point02.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left:50px;
}
/*ポイント3*/
#main h4.icon-point03  {
	background-image: url(../img/icon_point03.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left:50px;
}
/*ポイント4*/
#main h4.icon-point04  {
	background-image: url(../img/icon_point04.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left:50px;
}
/*ポイント5*/
#main h4.icon-point05  {
	background-image: url(../img/icon_point05.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left:50px;
}
/*ポイント6*/
#main h4.icon-point06  {
	background-image: url(../img/icon_point06.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left:50px;
}
/*ポイント7*/
#main h4.icon-point07  {
	background-image: url(../img/icon_point07.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left:50px;
}
/*ポイント8*/
#main h4.icon-point08  {
	background-image: url(../img/icon_point08.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left:50px;
}
/*ポイント9*/
#main h4.icon-point09  {
	background-image: url(../img/icon_point09.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left:50px;
}

/*ハートマーク*/
#main h4.icon-hart  {
	background-image: url(../img/icon_hart.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:20px;
	font-size:17px;
	line-height:1.2;
	color:#555555;
}

/*丸マーク*/
#main h4.icon-maru  {
	background-image: url(../img/icon_maru.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left:20px;
	font-size:17px;
	line-height:1.2;
	color:#555555;
}

/*丸マーク-茶色*/
#main h4.icon-maru-brown  {
	background-image: url(../img/icon_maru_brown.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left:20px;
	font-size:17px;
	line-height:1.2;
	color:#555555;
}
#main .contents p.icon-maru-brown02  {
	background-image: url(../img/icon_maru_brown.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left:20px;
	font-size:16px;
	line-height:1.2;
	color:#555555;
}




/*リード*/
#main .contents.lead{
	position:relative;
	padding-top:50px;
	padding-bottom:70px;
	text-align:center;
}
#main .contents.lead span{
	display:inline-block;
	text-align:left;
}

#main .contents.lead:before{
	position:absolute;
	top:0;
	left:128px;
	width:416px;
	content:url(../img/main_lead_bg01.png);
}
#main .contents.lead:after{
	position:absolute;
	bottom:0;
	left:128px;
	width:416px;
	content:url(../img/main_lead_bg02.png);
}
#main .contents p{
	line-height:160%;
}


/*商品写真*/
.product-ph{
	text-align:center;
	margin-bottom:15px;
}
.product-ph img{
	border:10px solid #f5d9d2;
}
/*商品写真２*/
.product-ph02{
	text-align:center;
	margin:10px 0px 15px;
}

/*使ってみて気に入った点・イマイチの点・まとめ*/
#main ul.good,#main ul.bad {
	margin:5px 0 0;
	padding:0;
}
#main ul.good li {
	padding:0 0 0 16px;
	background-image:url(../img/mark_good.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
}
#main ul.bad li {
	padding:0 0 5px 16px;
	background-image:url(../img/mark_bad.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
}
#main .boxPink {
	background-image:url(../img/box_pink_hd.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin-left:-7px;
	margin-right:-7px;
	padding-top:15px;
	background-color:#ffe3ef;
	width: 639px;
}
#main .boxPink .inner {
	background-image:url(../img/box_pink_ft.gif);
	background-repeat:no-repeat;
	background-position:0px bottom;
}
#main .boxPink .inner p {
	margin-left:20px;
	margin-right:18px;
}


/*スペック　テーブル*/
.spec caption{
	font-size:20px;
	color:#341506;
	text-align:left;
	margin-bottom:7px;
}
.spec table{
	border-right:1px solid #cccccc;
	border-top:1px solid #cccccc;
	width:670px;
}
.spec table th{
	width:78px;
	padding:8px 5px;
	background-color:#715b52;
	color:#ffffff;
	text-align:center;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
.spec table td{
	width:78px;
	padding:8px 5px;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
.spec table td.span2{
	width:200px;
}



/*トップページ　ボックス１*/
.box01{
	background-image:url(../img/box01_bg02.png);
	background-repeat:repeat-y;
	position:relative;
	padding:56px 41px 57px; 
/*	width:568px;
	margin-left:auto;
	margin-right:auto;*/
}
.box01:before{
	width:650px;
	position:absolute;
	top:0;
	left:0;
	content:url(../img/box01_bg01.png);
}
.box01:after{
	width:650px;
	position:absolute;
	bottom:0;
	left:0;
	content:url(../img/box01_bg03.png);
}
#main .box01 h3{
	margin:0 0 15px;
	padding:0;
	text-align:center;
	background-image:none;
	font-size:24px;
	color:#341506;
	font-weight:bold;
}
#main .box01 p+p{
	margin-top:28px;
}

#main h3.img{
	margin:30px 0 11px -10;
	padding:0;
	background-image:none;
	position:relative;
	display:block;
	height:auto;
}


/*商品名*/
.product_name{
	font-size:25px;
	color:#341506;
}
.product_name img{
	vertical-align:middle;
}

.product_spec{
	width:670px;
	overflow:hidden;
}
/*商品写真部分*/
.product_spec .ph{
	float:left;
	width:217px;
	text-align:center;
}
.product_spec .text{
	float:right;
	width:424px;
	margin:0;
	padding:0;
}

.product_spec .text table th{
	background-color:#715b52;
	color:#ffffff;
	font-weight:normal;
	text-align:center;
	width:58px;
	padding:5px;
	white-space:nowrap;
}
.product_spec .text table td{
	text-align:left;
	padding:5px;
}

/*★*/
.product_spec .text .review{
	width:424px;
	overflow:hidden;
	font-size:13px;
}
.product_spec .text .review div{
	float:left;
	width:203px;
	white-space:nowrap;
}
.product_spec .text .review div.mr{
	margin-right:17px;
}

.product_spec .text .review div strong{
	display:inline-block;
	width:105px;
	margin:0;
}

/* 人気の理由*/
.notice p{
	background-image:url(../img/icon_maru.png);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:20px;
}
img.fltRight02{
	float:right;
	margin-left:20px;
}
/*商品使ってるphoto追加*/
.notice p.img02{
	background-color:#fff;
}

.dottedB{
	border-bottom:2px dotted #999999;
}


/*比較表 ページ*/
.hikaku th{
	background-color:#715b52;
	color:#ffffff;
	font-weight:normal;
	text-align:center;
	padding:5px;
	white-space:nowrap;
}
.hikaku td{
	padding:5px;
	vertical-align:top;
}
.hikaku .rank{
	width:40px;
	text-align:center;
}
.hikaku .name{
	width:100px;
}
.hikaku .kakaku{
	width:98px;
}
.hikaku .youryo{
	width:25px;
}
.hikaku .soryo{
	width:98px;
}
.hikaku .teiki{
	width:98px;
}

.hikaku td span{
	color:#f02c54;
}

/*比較表666px_Y 無添加ページ*/
.hikaku .name_m{
	width:96px;
}
.hikaku .num_m{
	width:65px;
	text-align:center;
}
.hikaku .syosai_m{
	width:480px;
}

/*比較表666px_Y 定期購入ページ*/
.hikaku .name_t{
	width:120px;
}
.hikaku .price01_t{
	width:100px;
	text-align:center;
}
.hikaku .price02_t{
	width:90px;
	text-align:center;
}
.hikaku .syosai_t{
	width:330px;
}
.hikaku .postage_t{
	width:110px;
	text-align:center;
}

/*旧表示指定成分一覧表*/
.hikaku .name_k{
	width:250px;
}
.hikaku .yoto_k{
	width:100px;
}
.hikaku .kiken_k{
	width:50px;
	text-align:center;
}


/*クレンジングの基礎知識　INDEX用
---------------------------------------------*/

/*H4タイトル*/
#main h4.knowledge{
	font-size:20px;
	color:#341506;
	font-weight:bold;
	background-color:#f7f7f7;
	background-image:none;
	padding:8px;
	border-left:5px solid #715b52;
}

/*リードの飾り2*/
#main .contents.lead.knowledge{
	position:relative;
	padding-top:58px;
	padding-bottom:58px;
	text-align:center;
	margin-left:30px;
	margin-right:0;
	padding-right:0;
}

#main .contents.lead.knowledge:before{
	position:absolute;
	top:10px;
	left:164px;
	width:285px;
	content:url(../img/deco02_top.gif);
}
#main .contents.lead.knowledge:after{
	position:absolute;
	bottom:20px;
	left:164px;
	width:285px;
	content:url(../img/deco02_end.gif);
}


/*続きを読むリンク*/
a.more{
	margin-top: 3px;
	margin-bottom: 3px;
	display:block; text-align:right;
}
a.more span{
	background-image: url(../img/arrow_blue2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 16px;
	line-height: 160%;
	font-weight:normal;
	padding-left: 18px;
}

/*Q&A　INDEX用
---------------------------------------------*/

/*H4タイトル*/
#main h4.qa{
	font-size:20px;
	color:#341506;
	font-weight:bold;
	background-color:#fff3f5;
	background-image:none;
	padding:8px;
	border-left:5px solid #ea637c;
}