@charset "UTF-8";
/************** メイン コンテンツ **************/

/* テーブル 左右罫線なし */
table.table_white { width:100%; margin-top:5px; margin-bottom:20px; border-collapse:collapse; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right: 2px solid #fff; }
table.table_white th, table.table_white td { padding:5px; border-bottom: solid 1px #ccc; border-right:solid 1px #ccc; text-align: left; }

/* テーブル 左右罫線及び色分けあり */
table.table_color { width:100%; margin-top:5px; margin-bottom:20px; border-collapse:collapse; border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-bottom:solid 1px #ccc; background:#fff; }
table.table_color th, table.table_color td { padding:5px; border-bottom: solid 1px #ccc; border-right:solid 1px #ccc; }
table.table_color thead th { background:#f4ffe6; }
table.table_color thead th.bg_gray { background: #eee; }
table.table_color tbody th { text-align: left; font-weight: normal; background: #fff4ff; }

th { white-space : nowrap; }


/************** INDEX **************/
.index .box { width:690px;padding:0 15px;margin:0 0 25px 0;}
.index #safety { display:block;height:144px;margin-top:10px;background: url(/customer/images/safety_bg.gif) repeat-y;;}
.index .left01 { float:left;width:100px;}
.index .right01 { float:left;width:590px;}

.index #safety ul { list-style:none;width:690px;margin-left:10px;} 
.index #safety li {display:block;float:left;margin-bottom:10px;list-style:none;} 
.safety01 { display:block;width:200px;}
.safety02 { display:block;width:290px;} 
.index #safety p { margin:10px 0 20px 20px;padding:0;} 
.index .green{color:#4bb870;}
.index .box table td { padding:3px 6px;}
.index .box table .green_table{color: #FFFFFF; background-color:#4bb870;}
.index .box .img_margin01{margin:10px 0 0 0;}
.index .box .img_margin02{margin:10px 0 0 14px;}


/************** Q&A **************/
#contents_body #contents_body_main #qa_box { width:710px;background:url(../customer/images/box_bg.gif) 0 0 repeat-y;}
#contents_body #contents_body_main #qa_box #qa_bottom { width:710px;height:14px;background:url(../customer/images/box_bottom.gif) 0 0 ;}
#contents_body #contents_body_main #qa_box #qa_area { padding:0 20px;}
#contents_body #contents_body_main #qa_box #qa_area dt{ padding:0 0 0 20px;background:url(../customer/images/icon_q.gif) 0 0 no-repeat;margin-bottom:7px;}
#contents_body #contents_body_main #qa_box #qa_area dl{ border-bottom:1px dotted #999;padding-bottom:15px;margin-bottom:15px;}
#contents_body #contents_body_main #qa_box #qa_area p{ padding:10px !important;}



/************** サブ コンテンツ **************/

#sub_contents_customer { float:left; width: 200px; }
#sub_contents_customer .category_title { display:block; height: 76px; width: 200px; background: url(/customer/images/left_menu_qa.jpg) no-repeat 0 0; text-indent: -9999px; }
#sub_contents_customer .sub_menu li { width: 200px; text-indent: -9999px; }
#sub_contents_customer .sub_menu li a { display:block; height:40px; }
#sub_contents_customer .sub_menu li h3 { display:block; height:30px; }
#sub_contents_customer .sub_menu li ul li { display:block; height:40px; }

/* リンクデフォルト */
#sub_contents_customer .sub_menu #smenu01 { background: url(/customer/images/left_menu_qa.jpg) no-repeat 0 -75px; }
#sub_contents_customer .sub_menu #smenu02 { background: url(/customer/images/left_menu_qa.jpg) no-repeat 0 -115px; }
#sub_contents_customer .sub_menu #smenu02a { background: url(/customer/images/left_menu_qa.jpg) no-repeat 0 -155px; }
#sub_contents_customer .sub_menu #smenu02b { background: url(/customer/images/left_menu_qa.jpg) no-repeat 0 -195px; }
#sub_contents_customer .sub_menu #smenu02c { background: url(/customer/images/left_menu_qa.jpg) no-repeat 0 -235px; }
#sub_contents_customer .sub_menu #smenu02d { background: url(/customer/images/left_menu_qa.jpg) no-repeat 0 -275px; }
#sub_contents_customer .sub_menu #smenu02e { background: url(/customer/images/left_menu_qa.jpg) no-repeat 0 -315px; }
#sub_contents_customer .sub_menu #smenu02f { background: url(/customer/images/left_menu_qa.jpg) no-repeat 0 -355px; }
#sub_contents_customer .sub_menu #smenu03 { background: url(/customer/images/left_menu_qa.jpg) no-repeat 0 -395px; }
#sub_contents_customer .sub_menu #smenu04 { background: url(/customer/images/left_menu_qa.jpg) no-repeat 0 -435px; }
#sub_contents_customer .sub_menu #smenu04a { background: url(/customer/images/left_menu_qa.jpg) no-repeat 0 -465px; }
#sub_contents_customer .sub_menu #smenu04b { background: url(/customer/images/left_menu_qa.jpg) no-repeat 0 -505px; }
#sub_contents_customer .sub_menu #smenu04c { background: url(/customer/images/left_menu_qa.jpg) no-repeat 0 -545px; }
#sub_contents_customer .sub_menu #smenu04d { background: url(/customer/images/left_menu_qa.jpg) no-repeat 0 -585px; }

#sub_contents_customer .sub_menu #smenu02e_2 { background: url(/customer/images/left_menu_qa.jpg) no-repeat 0 -625px; }


/* リンクマウスオーバー */
#sub_contents_customer .sub_menu #smenu01 a:hover { background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -75px; }
#sub_contents_customer .sub_menu #smenu02 a:hover { background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -115px; }
#sub_contents_customer .sub_menu #smenu02a a:hover { background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -155px; }
#sub_contents_customer .sub_menu #smenu02b a:hover { background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -195px; }
#sub_contents_customer .sub_menu #smenu02c a:hover { background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -235px; }
#sub_contents_customer .sub_menu #smenu02d a:hover { background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -275px; }
#sub_contents_customer .sub_menu #smenu02e a:hover { background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -315px; }
#sub_contents_customer .sub_menu #smenu02f a:hover { background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -355px; }
#sub_contents_customer .sub_menu #smenu03 a:hover { background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -395px; }
#sub_contents_customer .sub_menu #smenu04 a:hover { background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -435px; }
#sub_contents_customer .sub_menu #smenu04a a:hover { background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -465px; }
#sub_contents_customer .sub_menu #smenu04b a:hover { background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -505px; }
#sub_contents_customer .sub_menu #smenu04c a:hover { background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -545px; }
#sub_contents_customer .sub_menu #smenu04d a:hover { background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -585px; }

#sub_contents_customer .sub_menu #smenu02e_2 a:hover { background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -625px; }


/* リンクオン状態 */
body.smenu01 #sub_contents_customer #smenu01{ background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -75px; }
body.smenu02 #sub_contents_customer #smenu02{ background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -115px; }
body.smenu02a #sub_contents_customer #smenu02a{ background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -155px; }
body.smenu02b #sub_contents_customer #smenu02b{ background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -195px; }
body.smenu02c #sub_contents_customer #smenu02c{ background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -235px; }
body.smenu02d #sub_contents_customer #smenu02d{ background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -275px; }
body.smenu02e #sub_contents_customer #smenu02e{ background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -315px; }
body.smenu02f #sub_contents_customer #smenu02f{ background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -355px; }
body.smenu03 #sub_contents_customer #smenu03{ background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -395px; }
body.smenu04 #sub_contents_customer #smenu04{ background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -435px; }
body.smenu04a #sub_contents_customer #smenu04a{ background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -465px; }
body.smenu04b #sub_contents_customer #smenu04b{ background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -505px; }
body.smenu04c #sub_contents_customer #smenu04c{ background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -545px; }
body.smenu04d #sub_contents_customer #smenu04d{ background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -585px; }

body.smenu04d #sub_contents_customer #smenu02e_2{ background: url(/customer/images/left_menu_qa_on.jpg) no-repeat 0 -625px; }


/**************************************************************************************************************** 
SB 
*****************************************************************************************************************/
.freedial {
margin: 0px 10px 20px 0px;
vertical-align: middle;
}
.teltel {
 color:#000;
 font-size: 32px;
 font-weight: bold;
}

/************** faq **************/
#faq .img_left {
 margin-bottom:20px;
 float:left;
}
#faq .img_right {
 margin-bottom:20px;
 float:right;
}

/************** allergy **************/
#allergy .list_box {
 width: 710px;
 margin: 10px auto;
 border-collapse: separate;
}
#allergy .list_box td {
 width: 148px;
 padding: 8px;
 border: 1px solid #CCC;
 vertical-align:top;
}
#allergy .list_box td.none {
 border: none;
}

#allergy .list_box h5 {
 margin-bottom: 8px;
}
#allergy .list_box .item {
 margin-bottom: 10px;
 text-align: center;
}
#allergy .list_box dl {
 margin-bottom: 8px;
}
#allergy .list_box dt span {
margin-bottom: 5px;
padding-left: 3px;
font-size: 10px;
font-weight: bold;
border-left: 3px solid #4bb870;
}
#allergy .list_box dd a {
 color: #F00;
}
#allergy .list_box .date {
 margin: 8px 0px;
 color: #4f7c00;
 font-weight: bold;
}

#allergy .btn_back2 {
 margin: 20px 0px 10px 0px;
}


#allergy .list_box .add {
 margin-top: -10px;
 color: #000000;
}

/************** opinion **************/
.smenu04a h3 .new {
 margin-right: 8px;
}

.smenu04a .bn_top a {
 float: right;
 width: 315px;
 height: 20px;
 margin: 10px 0px;
 display: block;
 text-indent: -9999px;
 background: url(/customer/opinion/images/bn_top.gif) no-repeat;
}
.smenu04a .bn_bk_nbr a {
 float: right;
 width: 196px;
 height: 20px;
 margin: 10px 0px;
 display: block;
 text-indent: -9999px;
 background: url(/customer/opinion/images/bn_bk_nbr.gif) no-repeat;
}
.smenu04a ul.improvement {
 margin: 5px 0px 20px 15px;
}