/************************************************************************

	★共通

************************************************************************/

/* ------------------------------------------------------------------------
	reset
------------------------------------------------------------------------ */
* { margin:0; padding:0; }
body, h1, h2, h3, h4, h5, h6,p, ul, ol, li, dl, dt, dd, blockquote { margin:0; padding:0; -webkit-text-size-adjust:100%; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
ul, ol { list-style:none inside; }
img, a img { border:0; vertical-align:middle; }

a{ color:#dd3f98; text-decoration:none; }
a:hover{ color:#dd3f98; text-decoration:underline; }

/* ------------------------------------------------------------------------
	基本スタイル
------------------------------------------------------------------------ */
html { color:#262626; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;  font-size:62.5%; line-height:2.8rem; line-height:28px; }
body { font-size:16px; font-size:1.6em; }

hr { display:none; clear:both; }

.text strong { color:#dd3f98; font-weight:normal; }
.text p { margin-bottom:1em; }
.notes { font-size:1em; }
.center { text-align:center; }
.center img, .center table { margin:0 auto; }
.left { text-align:left; }


/* Clearfix */

.clearfix:after { height:0; content:"."; display:block; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*Hides from IE-mac\*/
*html .clearfix { height:1%; }
.clearfix { display:block; }

/* ------------------------------------------------------------------------
	HTML 5
------------------------------------------------------------------------ */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

/* ------------------------------------------------------------------------
*	テーブル
------------------------------------------------------------------------ */
table { border:0px; border-collapse:collapse; border-spacing:0px; }

/* ------------------------------------------------------------------------
*	フォーム
------------------------------------------------------------------------ */
input[type="submit"]{ width:406px; height: 124px;background: url(../images/submit.png) left top no-repeat; border: 0px; text-indent:-9999px; display:block; }

input[type="submit"]:hover {
opacity: 0.70;
/* IE */
filter: alpha(opacity=70);
}

/* ------------------------------------------------------------------------
	レイアウト
------------------------------------------------------------------------ */
#page { background:url(../images/key_bg02.png) repeat-x top left #ffebf3; }
header { }

.wrapper { margin:28px 0 0; background:url(../images/key_bg02.png) repeat-x top left #ffebf3; }

/* 休業バナー */
.closed { text-align:center; }
.closed img { margin:0 auto; text-align:center; }

/* 右揃え */
.alignR { text-align:right; }
.alignR small { font-size:1.2rem; }





/* ------------------------------------------------------------------------
	key
------------------------------------------------------------------------ */
.key_bg { background:url(../images/key_bg.png) no-repeat top center; }
.key { text-align:center; }
.key .cv_bg { background:url(../images/key_cv_bg.png) no-repeat top center; }
.cv { margin:0 auto 50px; width:960px; position:relative; }
.cv h2 { margin-left:-22px; margin-bottom:5px; }

.cv .btn { position:absolute; top:288px; left:205px; }
.cv .note { font-size:12px; font-size:1.2rem; text-align:right; }

.container { margin:-78px auto 0; padding-top:64px; padding-bottom:1px; width:960px; background:#ffffff; box-shadow:rgb(212, 212, 212) 0px 0px 5px 1px; }

/* ------------------------------------------------------------------------
	cause
------------------------------------------------------------------------ */
.cause .box { position:relative; }
.cause .box .text { width:481px; position:absolute; top:271px; left:77px; }

/* ------------------------------------------------------------------------
	trial
------------------------------------------------------------------------ */
.trial .box { position:relative; }
.trial .box .text { width:462px; position:absolute; top:283px; left:88px; }

/* ------------------------------------------------------------------------
	voice
------------------------------------------------------------------------ */
.sab_voice {  }
.sab_voice_list_bg { margin:0 auto; padding:10px; width:880px; background:url(../../img/index/sab_voice_bg.gif) repeat-x top center #ffffff; box-shadow: rgb(212, 212, 212) 0px 0px 5px 1px; }
.sab_voice_list_bg_in { padding-bottom:100px; background:url(../images/voice_sab_bg.jpg) no-repeat top center; }
.sab_voice_list { margin:0 auto; padding:10px; height:290px; border:3px solid #dd3f98; overflow:scroll; }
.sab_voice_list li { margin-bottom:22px; padding-bottom:22px; border-bottom: dashed 1px #cccccc; }
.sab_voice_list li .name { font-weight:bold; }

.voice_list li { position:relative; }
.voice_list li .text { width:508px; position:absolute; top:135px; left:390px; }
.voice_list li .text span { font-size:10px; }

/* ------------------------------------------------------------------------
	wrinkle
------------------------------------------------------------------------ */
.wrinkle {  }
.wrinkle .box { position:relative; }
.wrinkle .text { width:402px; position:absolute; top:123px; left:77px; }

/* ------------------------------------------------------------------------
	moistures
------------------------------------------------------------------------ */
.moistures {  }
.moistures .moisture_box { position:relative; }
.moistures .moisture_box .text { width:815px; position:absolute; top:481px; left:72px; }
.moistures ul li.no02 .moisture_box .text { width:390px; position:absolute; top:38px; left:72px; }

/* ------------------------------------------------------------------------
	component
------------------------------------------------------------------------ */
.component ul li { position:relative; }
.component ul li .text { width:560px; position:absolute; top:190px; left:316px; }
.component ul li.no03 .text { top:250px; }

/* ------------------------------------------------------------------------
	faq
------------------------------------------------------------------------ */
.faq { background:#ffdbea; }
.faq_list { margin:35px auto 40px; width:908px; }
.faq_list li { float:left; position:relative; }
.faq_list li .text { width:360px; line-height:1.5; position:absolute; top:129px; left:43px; }

/* ------------------------------------------------------------------------
	message
------------------------------------------------------------------------ */
.message { margin:0 auto 53px; width:908px; position:relative; clear:both; }
.message_box { width:477px; position:absolute; left:50px; top:268px; line-height:1.6; }

/* ------------------------------------------------------------------------
	offer
------------------------------------------------------------------------ */
.offer { margin-bottom:20px; text-align:center; }


/* ------------------------------------------------------------------------
	footer
------------------------------------------------------------------------ */
.footer table,
.footer tr,
.footer td,
.footer th { border-collapse:collapse; }

.footer table { margin:0 auto; padding:0; }

.footer-link { margin-bottom:10px; padding:10px 0; width:100%; color:#cccccc; border-top:#cccccc solid 1px; border-bottom:#cccccc solid 1px; }
.footer-text { width:880px; font-size:80%; line-height:1.5; }

.copy { padding:12px 0; text-align:center; font-size:80%; }