@charset  "Shift_JIS";



/* ========================================================== */
/*  body                                                      */
/* ---------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size:12px;
	background-color:#FFA6D2;
	background-image:url(../img/bg_body.jpg);
	background-repeat:repeat-x;
	}



/* ========================================================== */
/*  reset                                                     */
/* ---------------------------------------------------------- */



	
/*　画像
----------------------------------------------- */
img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	}

/*　リンク
----------------------------------------------- */

a:link { 
		font-weight:normal; } 
a:visited { font-weight:normal; } 
a:hover { font-weight:normal;color:#ff0000; } 
a:active { font-weight:normal; }





/*　■■■■■■全体■■■■■■
----------------------------------------------- */


#layoutbody {
	width: 900px;
	margin: 0px auto;
	text-align: left;
	position: relative;
}




/*　■■■■■■ヘッダー■■■■■■
----------------------------------------------- */


#header {
	width: 900px;
	margin: 10px auto 0px auto;
	text-align: left;
	position: relative;
	padding:5px 0 10px 0;
	}

#caption
	{
	margin: 0px 0 5px 0px;
	text-align:left;
	vertical-align:middle;
	font-size:12px;
	color:#fff;
	width:900px;
	}


#banner
	{
	margin: 0;
	text-align:left;
	color:#000000;
	width:900px;
	}
	
	
	
/*　グローバルメニュー
----------------------------------------------- */


#menu
	{
	width: 900px;
	margin: 0px auto 6px auto;
	text-align: left;
	}
	
	
#menu ul {
	text-align: left;
	padding:0 0 0px 0px;
	margin:0 0 0 12px;
	}

#menu li {
	padding: 0px;
	margin:0px;
	display: inline;
	}


	



/* ========================================================== */
/*  contents  frame                                           */
/* ---------------------------------------------------------- */


#main{
	margin:0px;
	padding:0 0 5px 0;
	width:900px;
	}


#mainbox01
	{
	width:900px;
	background-image:url(../img/main_box01.gif);
	background-repeat:no-repeat;
	font-size:1px;
	height:8px;
	}

#mainbox02
	{
	width:900px;
	background-image:url(../img/main_box02.gif);
	background-repeat:repeat-y;
	}

#mainbox03
	{
	width:900px;
	background-image:url(../img/main_box03.gif);
	background-repeat:no-repeat;
	font-size:1px;
	height:11px;
	}


	
/*　■■■左側■■■
----------------------------------------------- */

div.left-box
	{
	float:left;
	width:644px;
	text-align: left;
	padding:0px 0px 0px 20px;
	margin:10px 0px 0px 0px;
	}


div.left-box h2
	{
	margin:0 0 30px 0;
	}

div.left-box a
	{
	font-weight:bold;
	}




/* ピンクの枠 */


#pinkbox01
	{
	width:644px;
	background-image:url(../img/pink_box01.gif);
	background-repeat:no-repeat;
	font-size:1px;
	height:12px;
	}

#pinkbox02
	{
	width:594px;
	background-image:url(../img/pink_box02.gif);
	background-repeat:repeat-y;
	padding:20px 25px 10px 25px ;
	}

#pinkbox03
	{
	width:644px;
	background-image:url(../img/pink_box03.gif);
	background-repeat:no-repeat;
	font-size:1px;
	height:12px;
	margin:0 0 10px 0;
	}




/* 写真キャプション */


p.photo-caption
	{
	float:right;
	margin-left:0px;
	font-size:11px;
	line-height:130%;
	width:200px;
	color:#666666;
	}

.photo-caption img
	{
	padding:2px;
	border:1px solid #dcdcdc;
	margin-bottom:5px;
	}


p.photo-caption-tate
	{
	float:right;
	margin-left:0px;
	font-size:11px;
	line-height:130%;
	width:150px;
	color:#666666;
	}

.photo-caption-tate img
	{
	padding:2px;
	border:1px solid #dcdcdc;
	margin-bottom:5px;
	}






/* タイトル */


.cosme-ttl
	{
	margin:0px 0 20px 0;
	}

.cosme-ttl h3
	{
	margin:0px 0 5px 0;
	padding:0 0 0 3px;
	font-size:18px;
	}

.cosme-ttl h4
	{
	margin:0px 0 5px 0;
	padding:0 0 0 3px;
	font-size:14px;
	color:#FF0000;
	font-weight:bold;
	}
	
.cosme-ttl p
	{
	font-size: 12px;
	margin:0 auto;
	padding: 0px;
	background: url(../img/note_line.gif);
	line-height: 29px;
	}



/* トライアルセットの紹介 */

.trial
	{
	margin:0px 0 25px 0;
	}

.trial h4
	{
	margin:0px 0 10px 0;
	}

.trial p
	{
	font-size: 12px;
	background: url(../img/note_line.gif);
	line-height: 29px;
	}




/* 感想 */


.impression
	{
	margin:0px 0 20px 0;
	}


.impression h4
	{
	margin:0px 0 13px 0;
	}
	
.impression h5
	{
	margin:0px 0 8px 0;
	font-size:14px;
	}

.impression table
	{
	margin:0px 0 15px 0;
	background-position:bottom;
	background: url(../img/bg_border.gif);
	background-repeat:repeat-x;
	}

.impression td
	{
	margin:0px 0 10px 0;
	background: url(../img/bg_border.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	vertical-align:middle;
	padding:8px 3px 4px 3px;
	line-height:160%;
	}


.impression td img
	{
	margin:0px 0 3px 0;
	}


/* 体験レポート */


.report
	{
	margin:10px 0 20px 0;
	}


.report h4
	{
	margin:0px 0 10px 0;
	}
	
.report h5
	{
	margin:0px 0 10px 0;
	font-size:14px;
	}
	
.report p
	{
	font-size: 12px;
	margin:0px 0px 20px 0px;
	background: url(../img/note_line.gif);
	line-height: 29px;
	}

.report table
	{
	font-size: 12px;
	margin:0px 0px 20px 0px;
	}

.report td
	{
	padding:0 0 6px 0;
	vertical-align:top;
	}



/* 商品情報のまとめ */

.matome
	{
	margin:0px 0 5px 0;
	}


.matome table{
	margin-top: 15px;
	margin-bottom: 17px;
	border-collapse: collapse;
	}

.matome td{
	line-height:160%;
	padding:7px;
	border:1px solid #CCCCCC;
	}

.matome-td01{
	background-color:#F4F4F4;
	}



/* その他の口コミへのリンク */

div.kuchikomi-box
	{
	margin:0 0 5px 0;
	}

div.kuchikomi-box h4
	{
	margin:0 0 10px 0;
	}

div.kuchikomi-box table{
margin-top: 2px;
margin-bottom: 5px;
border-collapse: collapse;
}

div.kuchikomi-box  td{
padding:10px 7px 10px 7px;
border:1px solid #CCCCCC;
}

.kuchikomi-voicetd01{
background-color:#FBF8F4;
}

.kuchikomi-voicetd02{
background-color:#F1EADE;
}

.icon-kuchimi
{
vertical-align:middle;
margin:0 5px 0 0;}



/* ========================================================== */
/*  その他                                                    */
/* ---------------------------------------------------------- */



/*　公式サイトへのリンクの枠
----------------------------------------------- */


.button-official
	{
	text-align:center;
	width:100%;
	margin:0 0 20px 0;
	}


/*　右寄せ　詳細へのリンク
----------------------------------------------- */

.button-detail
	{
	text-align:right;
	width:100%;
	margin:0;
	padding:0;
	}



	
/* このページのトップへ戻る */
	
.pagetotop
{
text-align:right;
margin:15px 0 15px 0;
}



/*　マーカーみたいに目立たせる
----------------------------------------------- */

.marker{
	background-color:#FFE4E1;
	padding:3px;
	}
	
	
	

	
/*　ページ下部 ソーシャルブックマークへ投稿するボタン
----------------------------------------------- */

.bookmark
{
margin:20px 0 10px 0;
font-size:12px;
font-weight:bold;
color:#ff0000;
}




/* ========================================================== */
/*  共通　　　　　　                                           */
/* ---------------------------------------------------------- */


.img-middle{
	vertical-align:middle;}


.fontsize-xl
	{
	font-size:18px;}

.fontsize-l
	{
	font-size:16px;}


.fontsize-sm
	{
	font-size:14px;}
	
.fontsize-s
	{
	font-size:12px;}
	
.fontsize-xs
	{
	font-size:10px;}

.fontsize-xsred
	{
	font-size:10px;
		color:#ff0000;}	
	
.font-pop
	{
	font-size:large;
	font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
	}
	
	
.font-red
	{
	color:#ff0000;
	}
	
.font-redb
	{
	color:#ff0000;
	font-weight:bold;
	}
	
	
	
.font-redl
	{
	color:#ff0000;
	font-size:16px;
	font-weight:bold;
	}
	
.font-redxl
	{
	color:#ff0000;
	font-size:18px;
	font-weight:bold;
	}	
	

.photo-border
	{
	border:1px solid #dcdcdc;
	}	
	
.photo-border02
	{
	border:3px solid #dcdcdc;
	}	
	
.photo-border03
	{
	padding:2px;
	border:1px solid #dcdcdc;
	margin-bottom:5px;
	}	
	
	
.photo-left
	{
	border:1px solid #dcdcdc;
	float:left;
	margin-right:15px;
	}	
	
.photo-left02
	{
	border:0px solid #dcdcdc;
	float:left;
	margin:0 8px 8px 0;
	}
	
	
.photo-left03
	{
	border:3px solid #dcdcdc;
	float:left;
	margin-right:15px;
	margin-bottom:5px;
	}			
	
.photo-right
	{
	border:1px solid #dcdcdc;
	float:right;
	margin-left:15px;
	}	
	
	
.photo-right02
	{
	border:0px solid #dcdcdc;
	float:right;
	margin-left:15px;
	}	
		

.bread{
	margin:0px 0px 13px 0px;
	padding:0;
	font-size:small;
	}

.caption-p
	{
	margin-top: 30px;
	font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
	font-size:medium;
	line-height:130%;
	}

.border{
background-image:url(../img/bg_border.gif);
background-repeat:repeat-x;
height:1px;
font-size:1px;
}


.nextpage
{margin:40px 0 40px 0px;
text-align:right;
font-size:14px;
}



