@charset  "Shift_JIS";



/* ========================================================== */
/*  body                                                      */
/* ---------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background-image:url(../img/bg_body.gif);
	background-repeat:repeat;
	font-size:12px;
	}



/* ========================================================== */
/*  reset                                                     */
/* ---------------------------------------------------------- */


/*　初期化
----------------------------------------------- */
h1,h2,h3,h4,h5,h6,p,ul,li,form,table,tr {
	margin: 0;
	padding: 0;
	font-weight: normal;
	}


td{
	vertical-align:top;
	font-size:12px;}


blockquote
	{
	border:1px solid #CCCCCC;
	background-color:#f2f2f2;
	margin:20px 0;
	padding:10px 10px;
	line-height:180%;
	}
	
	
/*　画像
----------------------------------------------- */
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: 870px;
	margin: 0px auto;
	text-align: left;
	position: relative;
	background-color:#ffffff;
}




/*　ヘッダー部分
----------------------------------------------- */

#header {
	width: 870px;
	margin: 10px auto 14px auto;
	text-align: left;
	position: relative;
	padding:5px 0 10px 0;
	border-bottom:4px solid #CE2C43;
	}

#caption
	{
	margin: 0px 0 5px 10px;
	text-align:left;
	vertical-align:middle;
	font-size:12px;
	color:#000000;
	width:860px;
	}


#logo
	{
	margin: 0;
	text-align:left;
	color:#000000;
	background-image:none;
	float:left;
	width:649px;
	}
	

#report-count
	{
	margin: 0;
	text-align:left;
	float:left;
	width:221px;
	}






/* ========================================================== */
/*  contents  frame                                           */
/* ---------------------------------------------------------- */


#main{
	margin:0px;
	padding:0 0 35px 0;
	}






	
/*　■■■左側■■■
----------------------------------------------- */

div.left-box
	{
	float:left;
	width:644px;
	text-align: left;
	padding:0 0 0px 0px;
	margin:0px;
	background-color:#ffffff;
	}


.left-box p
	{
	line-height:180%;
	color:#000000;
	font-size:14px;
	letter-spacing: 0.1em;
	padding:0 0 5px 0;
	margin:20px 0 15px 0;
}


.left-box h2{
/*
	font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
	background-image:url(../img/ttl-bg.jpg);
	background-repeat:no-repeat;
	font-size:30px;
	color:#ffffff;
	padding:0px 0 0 10px;
	width:100%;
	line-height:50px;*/
	margin:0 0 11px 0;
	}


/* レポート詳細 */


div.ttl-report
	{
	border-top:4px solid #EDEDCB;
	border-bottom:4px solid #EDEDCB;
	background-image:url(../img/bg_reportttl.gif);
	background-repeat:repeat-y;
	padding:17px 25px 0px 25px;
	margin:0 0 20px 0;
	}


div.ttl-report table
	{
	margin:0;
	}


img.ttl-photo
	{
	padding:2px;
	border:1px solid #dcdcdc;
	}

div.ttl-report h3
	{
	font-size:18px;
	margin:0;
	color:#CC0000;
	line-height:150%;
	font-weight:bold;
	}

span.name
	{
	font-size:12px;
	font-weight:normal;
	}

.ttl-border
	{
	width:100%;
	background-image:url(../img/bg_border.gif);
	background-repeat:repeat-x;
	margin:13px 0;
	font-size:1px;
	}

.ttl-score
	{
	font-size:24px;
	font-weight:bold;
	color:#ff0000;
}

.ttl-goods
	{
	font-size:14px;
	line-height:140%;
	}


.prof-box
	{
	padding:0px 25px 0px 0px;
	margin:0px 0 10px 0;
	}


.prof-box h4
	{
	margin:0 0 5px 0;
	}

.prof-box p
	{
	margin:5px 0 0px 5px;
	font-size:10px;

	}


.prof-box-photo
{
border:2px solid #dcdcdc;
margin:0 0 3px 0;
}


div.prof-table table
	{
	margin:0px 0 0 5px;
	}

div.prof-table th
	{
	padding:4px;
	font-weight:normal;
	border-bottom:1px solid #f2f2f2;
	}

div.prof-table td
	{
	padding:4px;
	border-bottom:1px solid #f2f2f2;
	}


/* 自己紹介 */


.intro-text
	{
	margin:0 0 10px 0;
	font-size:14px;
	}
	

.intro-text-p
	{
	margin:0 0 10px 0;
	font-size: 14px;
	padding: 4px 0 0 0;
	padding-bottom: 0px;
	background: url(../img/note_line.gif) #fff;
	margin:0px 0px 10px 0px;
	line-height: 28px;
	}


/* 一問一答 */

.short-report-ttl
	{
	background-image:url(../img/ttl_report_short.gif);
	background-repeat:no-repeat;
	height:38px;
	padding:22px 0 0 0;
	}

.short-report-ttl h3
	{
	margin:0px 0 0 20px;
	border-left:7px solid #CCCC99;
	padding:4px 0 4px 9px;
	font-size:16px;
	font-weight:bold;
	}

.short-report-text
	{
	background-image:url(../img/bg_report.gif);
	background-repeat:repeat-y;
	padding:0 30px 3px 35px;
	border-bottom:1px solid #F4F3E6;
	margin:0 0 0px 0;
	}

.short-report-text p
	{margin:0 0 15px 0;
	line-height:160%;
	font-size:12px;
	}



/* 詳細レポート */

.detail-report-ttl
	{
	background-image:url(../img/ttl_report_detail.gif);
	background-repeat:no-repeat;
	height:38px;
	padding:22px 0 0 0;
	}

.detail-report-ttl h3
	{
	margin:0px 0 0 20px;
	border-left:7px solid #CCCC99;
	padding:4px 0 4px 9px;
	font-size:14px;
	font-weight:bold;
	line-height:160%;
	}

.detail-report-text
	{
	background-image:url(../img/bg_report.gif);
	background-repeat:repeat-y;
	padding:0 0px 3px 0px;
	border-bottom:1px solid #F4F3E6;
	margin:0 0 15px 0;
	}

.detail-report-text h4
	{
	margin:15px 0 10px 20px;
	border-left:7px solid #CCCC99;
	padding:4px 0 4px 9px;
	font-size:14px;
	font-weight:bold;
	line-height:140%;
	}


.detail-report-text p
	{margin:0 0 23px 0;
	padding:0 30px 0px 35px;	
	line-height:160%;
	font-size:12px;}


.detail-report-text table
	{margin:0 0px 20px 35px;
	line-height:160%;
	font-size:12px;}


.report-photo01
	{
	padding:2px;
	border:1px solid #dcdcdc;
	float:right;
	margin:0 0 5px 15px ;
	}

/* 写真キャプション */


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;
	}



/* 商品情報はこちら */

.goods-info
	{
	margin:10px 0 10px 0;}


.goods-info table{
margin-top: 10px;
margin-bottom: 17px;
border-collapse: collapse;
}

.goods-info td{
line-height:170%;
padding:7px;
border:1px solid #CCCCCC;
}

.goods-infotd01{
background-color:#F2F2F2;
}

.goods-infotd02{
background-color:#FFFFFF;
}




/* トライアルセット紹介 */

div.sales-box
	{
	border-top:4px solid #F2F2F2;
	border-bottom:4px solid #F2F2F2;
	background-image:url(../img/bg_salesbox.gif);
	background-repeat:repeat-y;
	padding:17px 25px 17px 25px;
	margin:0 0 15px 0;
	}

div.sales-box h4
	{
	color:#CC0000;
	font-size:12px;
	margin:0 0 10px 0;
	}

div.sales-box h5
	{
	color:#CC0000;
	font-size:20px;
	margin:0 0 10px 0;
	font-weight:bold;
	}

div.sales-box p
	{
	line-height:140%;
	font-size:12px;
	margin:5px 0 8px 0;
	}	


/* その他の口コミへのリンク */

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;}




/*　Ｑ＆Ａレポート
----------------------------------------------- */

.qa-report-text
	{
	background-image:url(../img/bg_report.gif);
	background-repeat:repeat-y;
	padding:10px 0px 3px 0px;
	border-bottom:1px solid #F4F3E6;
	margin:0 0 15px 0;
	}

.qa-report-text h4
	{
	margin:15px 0 10px 20px;
	border-left:7px solid #CCCC99;
	padding:4px 0 4px 9px;
	font-size:14px;
	font-weight:bold;
	line-height:140%;
	}


.qa-report-text p
	{margin:0 0 23px 0;
	padding:0 30px 0px 35px;	
	line-height:160%;
	font-size:12px;}


.report-photo02
	{
	padding:2px;
	border:1px solid #dcdcdc;
	}


/*　公式サイトへのリンクの枠
----------------------------------------------- */

.link-official
	{
	background-color:#E1FFFF;
	border:#0066CC 1px solid;
	width:50%;
	padding:7px;
	margin:0 0 5px 0;
	text-align:center;
	font-size:14px;
	}


.link-official02
	{
	background-color:#E1FFFF;
	border:#0066CC 1px solid;
	width:80%;
	padding:7px;
	margin:0 0 5px 0;
	text-align:center;
	font-size:14px;
	}




/*　↓いつもの設定
----------------------------------------------- */
	
.pagetonext
	{margin:40px 0 30px 0;
	text-align:cetner;
	font-size:16px;
	border:1px dotted #dcdcdc;
	padding:13px 10px 10px 10px;
	}	
	
.pagetonext-l
	{margin:10px 0 30px 0;
	text-align:right;
	font-size:18px;}	

	
/* このページのトップへ戻る */
	
.pagetotop
{
text-align:right;
margin:15px 0 15px 0;
}

	

	
/* ========================================================== */
/*  その他                                                    */
/* ---------------------------------------------------------- */




.sales-box table
{
}

.sales-box td
{
font-size:14px;
padding:5px;
line-height:140%;
}




/*　マーカーみたいに目立たせる
----------------------------------------------- */

.marker{
	background-color:#99FFFF;
	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:#990000;
	}
	
.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-right:15px;
	margin-bottom:5px;
	}
	
	
.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;
}



