@charset "UTF-8";

#header {
	margin: 20px 0 20px 10px;
	border: none;
	text-align: left;
}

#header #logo_fo {
	float: left;
	width: 80px;
	margin: 0 20px 0 0;
	padding: 0;
}

#header #pagetitle {
	float: left;
	width: 238px;
	height: 68px;
	margin: 0;
	padding: 0;
}

#header #pagetitle2 {
	float: left;
	width: 384px;
	height: 68px;
	margin: 0;
	padding: 0;
}

#header #pagetitle h3.commonqa {
	display: block;
	overflow: hidden;
	width: 186px;
	height: 0;
	margin: 0;
	padding: 41px 0 0;
	background: url(../images_faq/ttl_faq.gif) no-repeat 0 0;
}

#header #pagetitle2 h3.point {
	display: block;
	overflow: hidden;
	width: 350px;
	height: 0;
	margin: 0;
	padding: 41px 0 0;
	background: url(../images_faq/ttl_point.gif) no-repeat 0 0;
}

#header #guide a {
	display: block;
	overflow: hidden;
	width: 79px;
	height: 0;
	margin: 5px 0 0;
	padding: 13px 0 0;
}

#header #guide a { background: url(../images_faq/btn_guide.gif) no-repeat 0 0; }
#header #guide a:hover,
#header #guide a:active { background: url(../images_faq/btn_guide.gif) no-repeat 0 -13px; }

#header #otherqa1 {
	float: left;
	width: 264px;
	margin: 0 20px 0 0;
	padding: 5px 0;
	background: url(../images_faq/bg_otherqa1.gif) repeat-y 0 0;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

#header #otherqa1 p {
	width: 252px;
	margin: 0 0 6px 6px;
	text-align: left;
}

#header #otherqa1 span {
	display: block;
	padding-left: 5px;
	color: #333;
	font-size: 90%;
	letter-spacing: 0.03em;
	border-left: 5px solid #5070d0;
}

#header #otherqa1 ul {
	margin: 0 0 0 6px;
}

#header #otherqa1 li {
	display: block;
	overflow: hidden;
	float: left;
}

#header #otherqa1 li a {
	display: block;
	overflow: hidden;
	width: 122px;
	height: 0;
	margin: 0;
	padding: 26px 0 0;
}

#header #otherqa1 #beautyqa a {
	margin-right: 8px;
	background: url(../images_faq/btn_bqa.gif) no-repeat 0 0;
}

#header #otherqa1 #beautyqa a:hover,
#header #otherqa1 #beautyqa a:active { background: url(../images_faq/btn_bqa.gif) no-repeat 0 -26px; }

#header #otherqa1 #healthyqa a { background: url(../images_faq/btn_hqa.gif) no-repeat 0 0; }
#header #otherqa1 #healthyqa a:hover,
#header #otherqa1 #healthyqa a:active { background: url(../images_faq/btn_hqa.gif) no-repeat 0 -26px; }

#header #otherqa2,
#header #aboutps {
	float: left;
	width: 118px;
	margin: 0;
	padding: 5px 0;
	background: url(../images_faq/bg_otherqa2.gif) repeat-y 0 0;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

#header #otherqa2 a,
#header #aboutps a {
	display: block;
	overflow: hidden;
	width: 106px;
	height: 0;
	margin: 0 0 0 6px;
	padding: 52px 0 0;
}

#header #otherqa2 a { background: url(../images_faq/btn_pqa.gif) no-repeat 0 0; }
#header #otherqa2 a:hover,
#header #otherqa2 a:active { background: url(../images_faq/btn_pqa.gif) no-repeat 0 -52px; }

#header #aboutps a { background: url(../images_faq/btn_aboutps.gif) no-repeat 0 0; }
#header #aboutps a:hover,
#header #aboutps a:active { background: url(../images_faq/btn_aboutps.gif) no-repeat 0 -52px; }

#header #otherqa3 {
	float: left;
	width: 118px;
	margin: 0 20px 0 0;
	padding: 5px 0;
	background: url(../images_faq/bg_otherqa2.gif) repeat-y 0 0;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

#header #otherqa3 a {
	display: block;
	overflow: hidden;
	width: 106px;
	height: 0;
	margin: 0 0 0 6px;
	padding: 52px 0 0;
}

#header #otherqa3 a { background: url(../images_faq/btn_qa.gif) no-repeat 0 0; }
#header #otherqa3 a:hover,
#header #otherqa3 a:active { background: url(../images_faq/btn_qa.gif) no-repeat 0 -52px; }

#main .caption {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 2px 0px;
	width: 740px;
	font-size: 90%;
	letter-spacing: 0.03em;
	color:#333;
	border-bottom: solid #a7b7d7 2px;
	text-align: left;
}

#main .qbox {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 740px;
	border-bottom: solid #ccc 1px;
}

#main .faq_q {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 740px;
	clear: both;
	text-align: left;
}

#main .faq_a {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	width: 740px;
	clear: both;
	display:none;
	text-align: left;
}

#main .qtxt {
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	width: 676px;
	font-size: 90%;
	letter-spacing: 0.03em;
	color:#6680f0;
	text-decoration:underline;
	float: left;
}

#main #qc1,
#main #qc2,
#main #qc3,
#main #qc4,
#main #qc5,
#main #qc6,
#main #qc7,
#main #qc8,
#main #qc9,
#main #qc10,
#main #qc11,
#main #qc12,
#main #qc13,
#main #qc14,
#main #qc15,
#main #qc16,
#main #qc17,
#main #qc18,
#main #qc19,
#main #qc20 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 54px;
	height: 32px;
	line-height: 32px;
	text-indent: -10000px;
	float: left;
}

#cqa #qc1 {
	background: url(../images_faq/q1.gif) top left no-repeat;
}

#cqa #qc2 {
	background: url(../images_faq/q2.gif) top left no-repeat;
}

#cqa #qc3 {
	background: url(../images_faq/q3.gif) top left no-repeat;
}

#cqa #qc4 {
	background: url(../images_faq/q4.gif) top left no-repeat;
}

#cqa #qc5 {
	background: url(../images_faq/q5.gif) top left no-repeat;
}

#cqa #qc6 {
	background: url(../images_faq/q6.gif) top left no-repeat;
}

#cqa #qc7 {
	background: url(../images_faq/q7.gif) top left no-repeat;
}

#cqa #qc8 {
	background: url(../images_faq/q8.gif) top left no-repeat;
}

#cqa #qc9 {
	background: url(../images_faq/q9.gif) top left no-repeat;
}

#cqa #qc10 {
	background: url(../images_faq/q10.gif) top left no-repeat;
}

#cqa #qc11 {
	background: url(../images_faq/q11.gif) top left no-repeat;
}

#cqa #qc12 {
	background: url(../images_faq/q12.gif) top left no-repeat;
}

#cqa #qc13 {
	background: url(../images_faq/q13.gif) top left no-repeat;
}

#cqa #qc14 {
	background: url(../images_faq/q14.gif) top left no-repeat;
}

#cqa #qc15 {
	background: url(../images_faq/q15.gif) top left no-repeat;
}

#cqa #qc16 {
	background: url(../images_faq/q16.gif) top left no-repeat;
}

#cqa #qc17 {
	background: url(../images_faq/q17.gif) top left no-repeat;
}

#cqa #qc18 {
	background: url(../images_faq/q18.gif) top left no-repeat;
}

#cqa #qc19 {
	background: url(../images_faq/q19.gif) top left no-repeat;
}

#cqa #qc20 {
	background: url(../images_faq/q20.gif) top left no-repeat;
}


#pqa #qc1 {
	background: url(../images_faq/pq1.gif) top left no-repeat;
}

#pqa #qc2 {
	background: url(../images_faq/pq2.gif) top left no-repeat;
}

#pqa #qc3 {
	background: url(../images_faq/pq3.gif) top left no-repeat;
}

#pqa #qc4 {
	background: url(../images_faq/pq4.gif) top left no-repeat;
}

#pqa #qc5 {
	background: url(../images_faq/pq5.gif) top left no-repeat;
}

#pqa #qc6 {
	background: url(../images_faq/pq6.gif) top left no-repeat;
}

#pqa #qc7 {
	background: url(../images_faq/pq7.gif) top left no-repeat;
}

#pqa #qc8 {
	background: url(../images_faq/pq8.gif) top left no-repeat;
}

#pqa #qc9 {
	background: url(../images_faq/pq9.gif) top left no-repeat;
}

#pqa #qc10 {
	background: url(../images_faq/pq10.gif) top left no-repeat;
}


#cqa .atxt {
	margin: 0px 0px 0px 0px;
	padding: 5px 8px 5px 8px;
	width: 578px;
	font-size: 90%;
	letter-spacing: 0.03em;
	color:#333;
	float: left;
	background-color: #f8f8f0;
	border:1px solid #fac3bb;
}

#pqa .atxt {
	margin: 0px 0px 0px 0px;
	padding: 5px 8px 5px 8px;
	width: 578px;
	font-size: 90%;
	letter-spacing: 0.03em;
	color:#333;
	float: left;
	background-color: #f8f8f0;
	border:1px solid #fdd8b9;
}

#main .atxt img {
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

#cqa .ac {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 54px;
	height: 32px;
	line-height: 32px;
	background: url(../images_faq/a.gif) top left no-repeat;
	text-indent: -10000px;
	float: left;
}

#pqa .ac {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 54px;
	height: 32px;
	line-height: 32px;
	background: url(../images_faq/pa.gif) top left no-repeat;
	text-indent: -10000px;
	float: left;
}

#main #telbox,
#main #mailbox {
	margin: 20px 0px 0px 0px;
	padding: 10px;
	width: 340px;
	height: auto;
	text-align: left;
	background-color: #f8f8f0;
	border:1px solid #d0d0d0;
}

#main #telbox {
	float: left;
}

#main #mailbox {
	float: right;
}

#main #telbox h4,
#main #mailbox h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 340px;
	height: auto;
	height: 50px;
	line-height: 50px;
	text-indent: -10000px;
	text-align: left;
}

#main #telbox h4 {
	background: url(../images_faq/cap_tel.gif) top left no-repeat;
}

#main #mailbox h4 {
	background: url(../images_faq/cap_mail.gif) top left no-repeat;
}

#main #telbox p {
	margin: 0px auto 10px auto;
	padding: 0px 0px 5px 0px;
	width: 340px;
	height: auto;
	font-size: 90%;
	letter-spacing: 0.03em;
	color:#333;
	border-bottom: solid #d0d0d0 1px;
	text-align: center;
}

#main #telbox p img {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 221px;
	height: 19px;
}

#main #telbox ul,
#main #mailbox ul {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 335px;
	height: auto;
	font-size: 90%;
	letter-spacing: 0.03em;
	color:#333;
	list-style-type:disc;
}

#main #telbox li,
#main #mailbox li {
	margin: 3px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

#main .cotion {
	color:#f33;
}

#footer {
	margin: 30px 0px 10px 0px;
	padding: 0px 0px 2px 0px;
	width: 740px;
	font-size: 90%;
	letter-spacing: 0.03em;
	color:#333;
	border-top: solid #a7b7d7 2px;
	text-align: left;
}

#footer #copyrightarea {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 305px;
	height: 11px;
	line-height: 11px;
	background: url(../../images/copyright.gif) top left no-repeat;
	text-indent: -10000px;
	float: right;
}


#pwdetails {
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	letter-spacing: 0.03em;
}

#pwdetails_none {
	display: none;
}

#pwdetails_none ol {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 550px;
	height: auto;
	list-style-type:decimal;
}

#pwdetails_none li {
	margin: 3px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

#main #pwdetails_none p {
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 5px 0px;
	border-bottom: solid #d0d0d0 1px;
	text-align: left;
}