@charset "shift_jis";

/*
*
*  custom/guide_faq.css
*
*/

/*-------------------------------------------------
  1.Shopping guide
---------------------------------------------------*/
.shoppingGuide h2{ margin: 0 0 25px; }
.shoppingGuide > dt{
	clear: both;
	margin: 27px 0 16px;
	padding: 15px 10px 10px;
	background: #F2F2DA;
}
.shoppingGuide > dd{ margin: 0 10px; }
.shoppingGuide p{ margin-top: 10px; }
.shoppingGuide dd dl{ margin: 10px 0; }
.shoppingGuide dd dt{ margin-bottom: 12px; }
.shoppingGuide table{ margin-top: 14px; }
.shoppingGuide th,
.shoppingGuide td{
	padding: 8px 10px;
	border: 1px solid #CFCCAB;
}
.shoppingGuide th{
	background: #F2F1D9;
	color: #7F7239;
}
.shoppingGuide td strong{ color: #E38C1E; }

.shoppingGuide .rightHalfContent,
.shoppingGuide .leftHalfcontent{ width: 290px; }
#chargeTable{ margin-top: 15px; }

/* 3-2.FAQ question and answer
-------------------------------------------------- */
.orderStepGuide,
#orderComplete{ clear: both; }
.orderStepGuide dt{
	display: block;
	float: left;
	width: 350px;
}
.orderStepGuide dd{ margin-left: 367px; }
.orderStepGuide h3{
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid #CCC;
}
.marginTop{ margin-top: 25px; }
#orderComplete{ margin-top: 40px; }
#orderComplete h3{
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid #CCC;
}
#orderComplete p{ margin-top: 10px; }

/* 3-2.FAQ question and answer
-------------------------------------------------- */
#daibikiTable{ width: 50%; }
#daibikiTable th,
#daibikiTable td{ text-align: center; }

/* 3-2.FAQ question and answer
-------------------------------------------------- */
.shoppingGuide > #memberMerit{ margin: 0; }
#memberMerit ol{
	width: 660px;
	margin: 20px 0 20px -10px;
}
#memberMerit li{
	display: block;
	float: left;
	width: 320px;
	margin: 0 0 10px 10px;
}

/* 3-2.FAQ question and answer
-------------------------------------------------- */
#henpinInquiry dt{
	display: block;
	float: left;
	with: 207px;
}
#henpinInquiry dt img{ margin-bottom: 10px; }
#henpinInquiry dd{ margin-left: 230px; }
#henpinStep{
	margin: 10px 100px 0 -10px;
	padding: 5px 12px;
	border: 1px solid #CFCCAB;
}
#henpinStep li{
	margin-top: 10px;
	padding: 4px 0 4px 27px;
}
#henpinStep1{ background: url(../../img/guide/henpin/no1.gif) no-repeat 0 0.5em; }
#henpinStep2{ background: url(../../img/guide/henpin/no2.gif) no-repeat 0 0.5em; }
#henpinStep3{ background: url(../../img/guide/henpin/no3.gif) no-repeat 0 0.5em; }
#henpinStep1 dl{
	float: right;
	width: 207px;
	margin: -4px 0 0 50px;
}

/* 3-2.FAQ question and answer
-------------------------------------------------- */
#teikiText{
	height: 103px;
	background: url(../../img/guide/teiki2/teiki-img.gif) no-repeat 100% 50%;
}

/*-------------------------------------------------
  2.Teiki-kounyu
---------------------------------------------------*/
section{ clear: both; }s
#teikiTokuten h2{ margin: 20px 0 28px; }
.privilege h3{ margin: 42px 0 28px; }
.privilege h4{ margin: 28px 0 20px; }
.privilege p{ margin: 22px 0; }
#aboutItem p{ margin-bottom: 10px; }
#aboutItem #trialText{ margin-bottom: 27px; }
#aojiruImg{
	width: 154px;
	float: right;
	margin: 0 34px 0 24px;
}
#teikiAmypage,
#visitorContact{
	padding: 20px;
	border: 6px solid #F2F1D9;
}
#teikiAmypage dt{ margin-bottom: 24px; }
#teikiAmypage li{ margin-top: 10px; }
.contactInfo li{
	display: block;
	float: left;
	width: 294px;
	height: 94px;
	margin-top: 20px;
}
.contactInfo dt{ margin-bottom: 16px; }

.infoTitle{
	margin-top: 30px;
	padding: 8px 0 12px;
	border-left: 1px solid #CFCCAB;
	border-top: 1px solid #CFCCAB;
	border-right: 1px solid #CFCCAB;
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfd 1%, #edede7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fdfdfd), color-stop(100%,#edede7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 1%,#edede7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfd 1%,#edede7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfd 1%,#edede7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdfdfd 1%,#edede7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#edede7',GradientType=0 ); /* IE6-9 */
	text-align: center;
}
.infoTitle img{ margin-top: 4px; }
.infoTable,
#teikiContact,
.importantNotes,
#faqContact{
	border-right: 1px solid #CFCCAB;
	border-bottom: 1px solid #CFCCAB;
	border-left: 1px solid #CFCCAB;
}
.infoTable{	width: 100%; }
.infoTable th,
.infoTable td{ padding: 7px 10px; }
.infoTable th{
	width: 100px;
	border-bottom: 1px solid #C3C3C3;
	background: #F7F7E8;
	color: #664C00;
	text-align: center;
}
.infoTable td{
	border-bottom: 1px solid #C3C3C3;
	border-left: 1px solid #C3C3C3;
}
.infoTable .borderDashL{ border-left: 1px dashed #C3C3C3; }
.infoTable .borderDashB{ border-bottom: 1px dashed #C3C3C3; }
.infoTcell{
	width: 110px;
	color: #664C00;
}
.importantNotes{ border-bottom: 1px dashed #CFCCAB; }
.importantNotes li{
    padding-left: 1em;
    text-indent: -1em;
}
.importantNotes,
#teikiContact,
#faqContact{ padding: 15px 30px; }
.importantNotes span{ color: #CDCCAB; }

.contactInfo #teikiEmailContact{ padding-top: 10px; }

/*-------------------------------------------------
  3.FAQ
---------------------------------------------------*/
/* 3-1.FAQ index
-------------------------------------------------- */
#faqMenu,
#contentsList{
	width: 660px;
	margin: 0 0 40px -10px;
}
#faqMenu li,
#contentsList li{
	display: block;
	float: left;
	width: 320px;
	margin: 15px 0 0 10px;
}
#faqMenu img{
	display: block;
	margin-bottom: 8px;
}
/* 3-2.FAQ question and answer
-------------------------------------------------- */
#contentsList{ margin: 20px 0 12px -10px; }
#contentsList li{
	display: block;
	float: left;
	width: 320px;
	margin: 0 0 4px 10px;
}
/* Question */
#questionList{ margin: 15px 0 40px 10px; }
#questionList li{
	margin-bottom: 4px;
	padding-left: 26px;
}
/* Question no. */
#qNo1{ background: url(../../img/faq/common/no1.gif) no-repeat 0 0.2em; }
#qNo2{ background: url(../../img/faq/common/no2.gif) no-repeat 0 0.2em; }
#qNo3{ background: url(../../img/faq/common/no3.gif) no-repeat 0 0.2em; }
#qNo4{ background: url(../../img/faq/common/no4.gif) no-repeat 0 0.2em; }
#qNo5{ background: url(../../img/faq/common/no5.gif) no-repeat 0 0.2em; }
#qNo6{ background: url(../../img/faq/common/no6.gif) no-repeat 0 0.2em; }
#qNo7{ background: url(../../img/faq/common/no7.gif) no-repeat 0 0.2em; }
#qNo8{ background: url(../../img/faq/common/no8.gif) no-repeat 0 0.2em; }
#qNo9{ background: url(../../img/faq/common/no9.gif) no-repeat 0 0.2em; }
#qNo10{ background: url(../../img/faq/common/no10.gif) no-repeat 0 0.2em; }
#qNo11{ background: url(../../img/faq/common/no11.gif) no-repeat 0 0.2em; }
#qNo12{ background: url(../../img/faq/common/no12.gif) no-repeat 0 0.2em; }
#questionList a{ text-decoration: none; }
#questionList a:hover{ text-decoration: underline; }
/* Answer */
#answerList dt{
	margin: 20px 0 10px;
	padding: 10px;
	background: #F2F2DA;
}
#answerList dd{ padding: 0 20px; }
#answerList dd p{ margin-top: 12px; }

/* 3-3.FAQ inquiry
-------------------------------------------------- */
.faq .contactInfo,
.guide .contactInfo{
	background: url(../../img/base/common/ashitabachan.gif) no-repeat 90% 90%;
}
.guide #visitorContact .contactInfo{ background: none; }
#visitorContact .contactInfo dt{ margin-top: -14px; }
.contactInfo #emailContact{ height: auto; }
#emailContent{
	color: #59524B;
	font-size: 90%;
}
#emailContact dd img{ margin-top: 10px; }

/*-------------------------------------------------
  99.clearfix
---------------------------------------------------*/
.contactInfo:after,
#faqMenu:after,
#contentsList:after,
.shoppingGuide > dd:after,
#memberMerit:after,
#henpinStep li:after,
.orderStepGuide:after{
	content : '';
	display : block;
	clear : both;
	height: 0;
}
.contactInfo,
#faqMenu,
#contentsList,
.shoppingGuide > dd,
#memberMerit,
#henpinStep li,
.orderStepGuide{ *zoom: 1; }