@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      base.css
 Adddate:        2010.03.03
 Upddate:        2010.03.08
 Style Info:     よくあるご質問ページCSSファイル
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　bodyID設定
----------------------------------------------------------- */
#faq-body {
}

/* -----------------------------------------------------------
　　段落設定
----------------------------------------------------------- */
#faq-body #left02 h3 {
 margin: 30px 0 10px;
}
#faq-body #left02 p {
 margin-bottom: 5px;
}
#faq-body #left02 p.indent {
 padding-left: 12px;
 background: url(../../../img/icon_ingredient_list.gif) no-repeat left 5px;
}


/* -----------------------------------------------------------
　　インデックス設定
----------------------------------------------------------- */
ul#faq-index {
 margin-top: 20px;
}
ul#faq-index li {
 padding-left: 12px;
 background: url(../../../img/arrow02.gif) no-repeat left center;
}

/* -----------------------------------------------------------
　　テーブル設定
----------------------------------------------------------- */
table, th, td {
 border-collapse: collapse;
}
table.section {
 border: 1px solid #DDD;
 width: 696px;
 margin-top: 10px;
}
table.section th, table.section td {
 padding: 4px 10px;
}
table.section th {
 border-bottom: 1px solid #DDD;
 background-color: #EBFCF4;
 font-weight: normal;
 font-size: 108%;
 color: #000;
 text-align: left;
}
table.section td {
 border-bottom: 1px solid #DDD;
}

/* -----------------------------------------------------------
　　ご購入ステップ設定
----------------------------------------------------------- */
.store-step, .store-step-end {
 width: 696px;
 margin-bottom: 20px;
 padding-bottom: 30px;
 background: url(../../img/arrow_guide.gif) no-repeat center bottom;
}
.store-step-end {
 background: none;
 padding-bottom: 0;
}
.store-step .img-right, .store-step-end .img-right {
 float: right;
 width: 350px;
 margin-left: 5px;
}
.store-step h4, .store-step-end h4 {
 margin-bottom: 8px;
 font-size: 108%;
 font-weight: bold;
}
.store-step h4 img, .store-step-end h4 img {
 padding-right: 7px;
}
.store-step .number, .store-step-end .number {
 color: #EE0000;
 font-size: 108%;
}

/* -----------------------------------------------------------
　　お問い合わせエリア設定
----------------------------------------------------------- */
.inquiry01 {
 width: 360px;
 margin-top: 10px;
 border: 3px solid #B7E1D2;
 border: 3px solid #E6E6E6;
 padding: 20px;
}
.inquiry02 {
 width: 590px;
 margin-top: 30px;
 border: 3px solid #E6E6E6;
 padding: 20px 50px;
}
.inquiry01 .tel, .inquiry02 .tel {
 padding-left: 20px;
 background: url(../../img/icon_tel.gif) no-repeat left center;
 font-weight: bold;
}
.inquiry01 .tel-number, .inquiry02 .tel-number {
 padding-left: 20px;
}
.inquiry01 .tel-number img, .inquiry02 .tel-number img {
 padding-right: 5px;
 vertical-align: middle;
}
.inquiry01 .mail, .inquiry02 .mail {
 padding-left: 20px;
 margin-bottom: 5px;
 background: url(../../img/icon_mail.gif) no-repeat left center;
 font-weight: bold;
}
.inquiry01 .mail-bt, .inquiry02 .mail-bt {
 padding-left: 20px;
}
.inquiry02 .title {
 font-size: 123.1%;
 font-weight: bold;
 color: #008974;
}

.point-text {
 font-size: 116%;
 font-weight: bold;
 color: #F25315;
}
.point-text02 {
 font-size: 116%;
 font-weight: bold;
 color: #EE0000;
}

.free-dial {
 padding-right: 5px;
 vertical-align: middle;
}

/* -----------------------------------------------------------
　　よくあるご質問設定
----------------------------------------------------------- */
ul#faq-index02 {
 margin-top: 20px;
}
ul#faq-index02 li {
 display: inline;
 width: 214px;
 padding: 0 3px;
}

ul.faq li {
 margin: 20px 10px 0;
 padding-bottom: 15px;
 background: url(../../../img/border_dot_h.gif) repeat-x left bottom;
}
ul.faq dl {
 margin-bottom: 10px;
}
ul.faq dl.q {
 color: #008974;
 font-weight: bold;
}
ul.faq dl dt {
 float: left;
 width: 35px;
}
ul.faq dl dt img {
 vertical-align: middle;
}
ul.faq dl dd {
 float: right;
 width: 630px;
}
ul.faq dl.q dd {
 font-size: 106%;
}