@charset "shift_jis";

#contents {
  background: url("/qa/sp/img/bg-contents.gif") repeat-x left top;
  background-size: auto 2px;
}
#contents .inner {
  padding: 0;
}
#contents #article {
  padding: 14px 0 15px 0;
}
#contents .inner #article {
  margin-top: 0;
}
#contents .inner #article h2.title {
  background: #e0f8ff;
  border-left: 8px solid #0060b7;
  padding: 5px 5px 5px 12px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: bold;
  border-bottom: none;
}
#contents .inner #article .notice .notice_button {
  width: 100%;
  padding: 0 10px;
}
#contents .inner #article .notice .notice_button a {
  display: block;
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
  padding: 0 15px;
  border-radius: 5px;
  background-color: #0080cc;
}
#contents .inner #article .notice .notice_button a span {
  display: block;
  background: url(/qa/sp/img/bg-news_on.gif) no-repeat right center;
  background-size: 20px 20px;
  padding: 15px 0;
}
#contents .inner #article .notice .notice_button.open a span {
  display: block;
  background: url(/qa/sp/img/bg-news_off.gif) no-repeat right center;
  background-size: 20px 20px;
  padding: 15px 0;
}
/*----------------------------------------
  article_header
----------------------------------------*/
#contents .inner #article .article_header {
  width: 100%;
  padding: 0 10px;
  display: table;
  margin-bottom: 10px;
}
#contents .inner #article .article_header.special {
  padding: 0;
  margin-bottom: 0;
}
#contents .inner #article .article_header:after {
  content:".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;
}
#contents .inner #article h1 {
  font-size: 17px;
  background: none;
  border-left: none;
  font-weight: bold;
  width: 100%;
  line-height: 1.5;
  display: table-cell;
  vertical-align: middle;
}
#contents .inner #article .article_header .contact {
  width: 100%;
  display: table-cell;
  background: #f6a00a;
  border-radius: 5px;
  color: #ffffff;
  padding: 3px;
  text-align: center;
}
#contents .inner #article .article_header .contact a {
  color: #ffffff;
}
#contents .inner #article .article_header .contact:after {
  content:".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;
}
#contents .inner #article .article_header .contact h2 {
  width: 34%;
  float: left;
  font-size: 14px;
  padding: 12px 0;
}
#contents .inner #article .article_header .contact ul {
  width: 66%;
  float: right;
}
#contents .inner #article .article_header .contact ul:after {
  content:".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;
}
#contents .inner #article .article_header .contact ul li {
  border-radius: 5px;
  background-color: #FFF;
}
#contents .inner #article .article_header .contact ul li:first-child {
  float: left;
  width: 49%;
}
#contents .inner #article .article_header .contact ul li:last-child {
  float: right;
  width: 49%;
}
#contents .inner #article .article_header .contact ul li a {
  display: block;
  color: #f6a00a;
  font-size: 14px;
  font-weight: bold;
  padding: 12px 0;
}
#contents .inner #article .article_header .contact ul li:first-child span {
  background: url(/qa/sp/img/bg-contact_tel.gif) no-repeat left center;
  background-size: 16px 16px;
  padding: 0 0 0 20px;
}
#contents .inner #article .article_header .contact ul li:last-child span {
  background: url(/qa/sp/img/bg-contact_mail.gif) no-repeat left center;
  background-size: 16px 16px;
  padding: 0 0 0 20px;
}
/*----------------------------------------
  talk_area
----------------------------------------*/
#contents .inner #article .talk_area {
  display: table;
  clear: both;
  margin: 0 10px;
  box-sizing: content-box;
}
#contents .inner #article .talk_area .img {
  display: table-cell;
  width: 30%;
  vertical-align: middle;
  padding-right: 10px;
}
#contents .inner #article .talk_area .txt {
  display: table-cell;
  width: 70%;
  vertical-align: middle;
  font-size: 13px;
  font-weight: bold;
}
/*----------------------------------------
  contact_area
----------------------------------------*/
#contents #contact_area {
  padding: 0 10px 20px 10px;
}
#contents #contact_area h2 {
  font-size: 14px;
  padding-bottom: 3px;
  margin-bottom: 17px;
  border-bottom: 2px solid #0080cc;
}
#contents #contact_area h3.tel {
  font-size: 14px;
  padding-left: 27px;
  background: url(/qa/sp/img/bg-contact_tel02.gif) no-repeat left center;
  background-size: 20px auto;
}
#contents #contact_area h3.tel span {
  padding-right: 33px;
  background: url(/qa/sp/img/bg-contact_mail02.gif) no-repeat right center;
  background-size: 24px auto;
}
#contents #contact_area h3.tel span.bg_none {
  background: none;
  padding-right: 0;
}
#contents #contact_area .date_message {
  padding: 11px 0 14px 0;
  font-size: 13px;
}
/*  btn_contact
----------------------------------------*/
#contents #contact_area .btn_contact {
  background-color: #eceff1;
  padding: 10px;
  text-align: center;
}
#contents #contact_area .btn_contact a {
  color: #0060b7;
  text-decoration: underline;
}
/*  product_list
----------------------------------------*/
#contents #contact_area .product_list {
  width: 100%;
}
#contents #contact_area .product_list:after {
  content:".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;
}
#contents #contact_area .product_list > li {
  background: #eceff1;
  margin-bottom: 20px;
}
#contents #contact_area .product_list > li ul {
  padding: 15px 10px 0 10px;
}
#contents #contact_area .product_list > li li {
  margin-bottom: 10px;
  background: #ffffff;
  border-left: 4px solid #f6a00a;
}
#contents #contact_area .product_list > li li.last {
  margin-bottom: 13px;
}
#contents #contact_area .product_list > li a {
  display: table;
  width: 100%;
}
#contents #contact_area .product_list > li a .img {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  width: 18%;
}
#contents #contact_area .product_list > li a .img img {
  width: auto;
  height: auto;
}
#contents #contact_area .product_list > li a .name {
  display: table-cell;
  vertical-align: middle;
  width: 33%;
  font-size: 12px;
  font-weight: bold;
}
@media screen and (orientation:landscape) {
  #contents #contact_area .product_list > li a .name br {
    display: none;
  }
}
#contents #contact_area .product_list > li a .tel {
  display: table-cell;
  vertical-align: middle;
  width: 47%;
  font-size: 16px;
  font-weight: bold;
  padding-left:1%;
}
#contents #contact_area .product_list > li a .tel strong {
  color: #F6A00A;
}
#contents #contact_area .product_list > li a .tel strong.green {
  color: #52d3bc;
}
#contents #contact_area .product_list > li .sub_area {
  background:url(/qa/sp/img/bg-area_top.gif) no-repeat center top;
  background-size: auto 10px;
  padding-top: 10px;
}
#contents #contact_area .product_list > li .sub_area p {
  background-color: #FFF;
  padding: 12px 20px 12px 20px;
  border-left: 2px solid #eceff1;
  border-right: 2px solid #eceff1;
  border-bottom: 2px solid #eceff1;
  font-size: 12px;
  font-weight: bold;
}
#contents #contact_area .product_list > li .sub_area span {
  font-size: 14px;
}
#contents #contact_area .product_list > li .sub_area span a {
  display: inline;
}
#contents #contact_area .product_list > li .sub_area span strong {
  color: #F6A00A;
}
#contents #contact_area .product_list > li .sub_area span strong.green {
  color: #52d3bc;
}
#contents #contact_area .product_list ul.green li {
  border-left: 4px solid #52d3bc;
}


/*  attention_list
----------------------------------------*/
#contents #contact_area .attention_list {
  padding: 0 0 17px 0;
}
#contents #contact_area .attention_list li {
  font-size: 12px;
  padding-left: 10px;
  text-indent: -10px;
}
/*  mail_area
----------------------------------------*/
#contents #contact_area #mail_area {
  padding-bottom: 24px;
}
#contents #contact_area #mail_area h3 {
  padding: 0 0 0 27px;
  margin-bottom: 12px;
  font-size: 14px;
  background: url(/qa/sp/img/bg-contact_mail03.gif) no-repeat left 3px;
  background-size: 20px auto;
}
/*  blue_button
----------------------------------------*/
#contents a.blue_button,
#contents #contact_area a.blue_button {
  background: #0080cc;
  display: block;
  font-size: 13px;
  color: #ffffff;
  padding: 13px 20px 10px 20px;
  text-align: center;
  border-radius: 5px;
  position: relative;
  font-weight: bold;
}
#contents a.blue_button::after,
#contents #contact_area a.blue_button::after {
  width: 7px;
  height: 12px;
  content: "";
  background: url(/qa/sp/img/ico-arrow.gif) no-repeat left center;
  background-size: 7px auto;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px;
}
/*  paper_area
----------------------------------------*/
#contents .paper_area {
  margin-bottom: 10px;
}
#contents .paper_area h3 {
  background: url(/qa/sp/img/bg-paper.gif) no-repeat left top;
  background-size: 19px auto;
  padding-left: 26px;
  margin-bottom: 10px;
  font-size: 14px;
}
#contents .paper_area p {
  margin: 0;
  font-size: 15px;
}
/*----------------------------------------
  qa_search
----------------------------------------*/
#contents #qa_search {
  background: #d0eeff;
  padding: 16px 10px 15px 10px;
  margin-bottom: 23px;
}
#contents #qa_search form {
  position: relative;
  padding-right: 50px;
  height: 45px;
}
#contents #qa_search form #qa_search_input_text {
  border: none;
  height: 45px;
  width: 100%;
  background: #ffffff;
  -webkit-appearance: none;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font-size: 14px;
}
#contents #qa_search form #btn_search_products {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  border-radius: 0;
}
#contents #qa_search p {
  font-size: 11px;
}
#contents #qa_search .text {
  padding-top: 12px;
}
#contents #qa_search .small_text {
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 11px;
  font-size: 13px;
}
#contents #qa_search .small_text a {
  color: #0060B7;
  text-decoration: underline;
}
#contents #qa_search p.button {
  margin-top: 10px;
  background: url(/qa/img/bg-search_arrow.png) no-repeat left center;
  background-size: 13px 13px;
  padding-left: 20px;
  font-size: 13px;
}
#contents #qa_search p.button a {
  color: #0060B7;
  text-decoration: underline;
}

/*----------------------------------------
  top_page
----------------------------------------*/
#contents #top_page {
  padding: 20px 0 0 0;
}
#contents #top_page h2.title02 {
  background: url(/qa/sp/img/bg-title.gif) no-repeat 10px center;
  background-size: 4px auto;
  padding: 0 10px 0 21px;
  font-size: 13px;
}
#top_page .notice {
  padding-bottom: 15px;
}
#top_page dl.news_list {
  font-size: 13px;
  color: #323232;
  margin: 7px 10px 0 10px;
}
#top_page dl.news_list:after {
  content:".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;
}
#top_page dl.news_list dt {
  padding-top: 5px;
}
#top_page dl.news_list dd {
  padding: 5px 0 5px 0;
  border-bottom: dotted 1px #dddddd;
  color: #F00;
}
#top_page dl.news_list dd.txt_black {
  color:#000;
}
#top_page dl.news_list dd:last-child {
  border-bottom: none;
}
#top_page dl.news_list dd a {
  color: #333333;
}
/*  search_info
----------------------------------------*/
#contents #top_page .sub_title {
  font-size: 16px;
  line-height: 1.2;
  padding-left: 8px;
  padding-top: 2px;
  border-left: 5px solid #0080cc;
  margin: 0 10px 14px 10px;
}
#contents #top_page .search_info {
  background: #e0f8ff;
  padding: 13px 10px 15px 10px;
  border-bottom: 2px solid #ffffff;
}
#contents #top_page .search_info h2 {
  font-size: 13px;
  padding-bottom: 10px;
}
#contents #top_page .search_info form {
  position: relative;
  padding-right: 50px;
  height: 45px;
}
#contents #top_page .search_info form #qa_search_input_text {
  border: none;
  height: 45px;
  font-size:130%;
  width: 100%;
  background: #ffffff;
  -webkit-appearance: none;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#contents #top_page .search_info form #btn_search_products {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  border-radius: 0;
}
#contents #top_page .search_info p {
  font-size: 11px;
}
#contents #top_page .search_info p.aside_text {
  padding: 11px 0 0 0;
  font-size: 13px;
}
#contents #top_page .search_info p.aside_text a {
  color: #0060B7;
  text-decoration: underline;
}
#contents #top_page .search_info p.button {
  margin-top: 10px;
  background: url(/qa/img/bg-search_arrow.png) no-repeat left center;
  background-size: 13px;
  padding-left: 20px;
}
#contents #top_page .search_info p.button a {
  color: #0060b7;
  text-decoration: underline;
  font-size: 13px;
}
/*  product_area
----------------------------------------*/
#contents #top_page .product_area {
  background: #e0f8ff url(/qa/sp/img/bg-product_area.jpg) no-repeat right bottom;
  background-size: 320px auto;
  padding: 13px 10px 14px 10px;
}
#contents #top_page .product_area h2 {
  font-size: 13px;
}
#contents #top_page .product_area ul {
  width: 70%;
  padding: 8px 0 0 0;
}
#contents #top_page .product_area ul:after {
  content:".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;
}
#contents #top_page .product_area li {
  float: left;
  padding: 0 25px 8px 0;
}
#contents #top_page .product_area li a {
  text-decoration: underline;
  color: #0080cc;
}
/*  tab_area .tab_button
----------------------------------------*/
#contents #tab_area .tab_button {
  width: 100%;
  border-bottom: 2px solid #0080cc;
}
#contents #tab_area .tab_button:after {
  content:".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;
}
#contents #tab_area .tab_button li {
  width: 33%;
  float: left;
  background: #eff3f5;
  border-right: 1px solid #ffffff;
}
#contents #tab_area .tab_button li:last-child {
  width: 34%;
  float: left;
  border-right: none;
}
#contents #tab_area .tab_button li a {
  display: table;
  width: 100%;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
#contents #tab_area .tab_button li.current {
  background: #0080cc;
}
#contents #tab_area .tab_button li.current a {
  color: #ffffff;
}
#contents #tab_area .tab_button li a span {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 10px 9px 10px;
}
/*  tab_area .tab_detail
----------------------------------------*/
#contents #tab_area .tab_detail {
  background: #e0f8ff;
  padding-bottom: 5px;
}
#contents #tab_area .tab_detail:after {
  content:".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;
}
#contents #tab_area .tab_detail .tab_detail_info {
  display: none;
}
#contents #tab_area .tab_detail #category_area {
  display: block;
}
/*  tab_area .tab_detail category_area
----------------------------------------*/
#contents #tab_area .tab_detail #category_area {
  padding-top: 15px;
}
#contents #tab_area .tab_detail #category_area .item_button {
  width: 50%;
  float: left;
  padding: 0 5px 10px 10px;
}
#contents #tab_area .tab_detail #category_area .item_button:nth-child(2n) {
  float: right;
  padding: 0 10px 10px 5px;
}
#contents #tab_area .tab_detail #category_area .item_button.current {
  padding-bottom: 15px;
  background: url(/qa/sp/img/bg-menu02.gif) no-repeat center bottom;
  background-size: 21px auto;
}

#contents #tab_area .tab_detail #category_area .item_button a {
  display: block;
  background: #ffffff;
  border-radius: 5px;
  width: 100%;
  font-weight: bold;
  padding: 7px 7px 7px 12px;
  border: solid 3px #ffffff;
}
#contents #tab_area .tab_detail #category_area .item_button.current a {
  border: solid 3px #52d3bc;
}
#contents #tab_area .tab_detail #category_area .item_button a .border {
  display: table;
  width: 100%;
  vertical-align: middle;
}
#top_page #tab_area .tab_detail #category_area li.item_button a .border .text {
  display: table-cell;
  padding-right: 5px;
  vertical-align: middle;
}
#top_page #tab_area .tab_detail #category_area li.item_button a .border .photo {
  display: table-cell;
  width: 50px;
  text-align: center;
  vertical-align: middle;
}
#top_page #tab_area .tab_detail #category_area li.item_button a .border .photo .photo01 {
  width: 43px;
}
#top_page #tab_area .tab_detail #category_area li.item_button a .border .photo .photo02 {
  width: 35px;
}
#top_page #tab_area .tab_detail #category_area li.item_button a .border .photo .photo03 {
  width: 32px;
}
#top_page #tab_area .tab_detail #category_area li.item_button a .border .photo .photo04 {
  width: 27px;
}
#top_page #tab_area .tab_detail #category_area li.item_button a .border .photo .photo05 {
  width: 43px;
}
#top_page #tab_area .tab_detail #category_area li.item_button a .border .photo .photo06 {
  width: 47px;
}
#top_page #tab_area .tab_detail #category_area li.item_button a .border .photo .photo07 {
  width: 32px;
}
#top_page #tab_area .tab_detail #category_area li.item_button a .border .photo .photo08 {
  width: 24px;
}
#top_page #tab_area .tab_detail #category_area li.item_button a .border .photo .photo09 {
  width: 27px;
}
#top_page #tab_area .tab_detail #category_area li.item_button a .border .photo .photo10 {
  width: 14px;
}
#top_page #tab_area .tab_detail #category_area li.item_button a .border .photo .photo11 {
  width: 35px;
}
#top_page #tab_area .tab_detail #category_area li.item_button a .border .photo .photo12 {
  width: 17px;
}
#top_page #tab_area .tab_detail #category_area li.item_button a .border .photo .photo13 {
  width: 22px;
}
#top_page #tab_area .tab_detail #category_area li.item_button a .border .photo .photo14 {
  width: 26px;
}
#contents #tab_area .tab_detail #category_area .message_list {
  clear: both;
  display: none;
  padding-bottom: 15px;
}
#contents #tab_area .tab_detail #category_area #daily_use_list.message_list {
  padding-bottom: 0;
}
#contents #tab_area .tab_detail #category_area .message_list ul {
  width: 100%;
  background: #c5f1ff;
  padding: 15px 5px 5px 5px;
}
#contents #tab_area .tab_detail #category_area .message_list ul:after {
  content:".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;
}
#contents #tab_area .tab_detail #category_area .message_list li {
  width: 33%;
  float: left;
  padding: 0 5px 10px 5px;
}
#contents #tab_area .tab_detail #category_area .message_list li:nth-child(3n) {
  float: right;
  width: 34%;
}
#contents #tab_area .tab_detail #category_area .message_list li a {
  font-size: 10px;
  display: table;
  width: 100%;
  height: 50px;
  background: #ffffff;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
  padding: 0 5px;
}
#contents #tab_area .tab_detail #category_area .message_list li a span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
/*  tab_area .tab_detail name_area
----------------------------------------*/
#contents #tab_area .tab_detail #name_area {
  padding-top: 15px;
}
#contents #tab_area .tab_detail #name_area .item_button {
  width: 50%;
  float: left;
  padding: 0 5px 10px 10px;
}
#contents #tab_area .tab_detail #name_area .item_button:nth-child(2n) {
  float: right;
  padding: 0 10px 10px 5px;
}
#contents #tab_area .tab_detail #name_area .item_button.current{
  background: url(/qa/sp/img/bg-menu.gif) no-repeat center bottom;
  background-size: 21px auto;
  padding-bottom: 15px;
}
#contents #tab_area .tab_detail #name_area .item_button.current a {
  background: #52d3bc;
  color: #ffffff;
}
#contents #tab_area .tab_detail #name_area .item_button a {
  display: table;
  background: #0080cc;
  border-radius: 5px;
  width: 100%;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
#contents #tab_area .tab_detail #name_area .item_button a span {
  padding: 17px 0 14px 0;
  display: block;
}
#contents #tab_area .tab_detail #name_area .message_list {
  clear: both;
  display: none;
  padding-bottom: 15px;
}
#contents #tab_area .tab_detail #name_area #ra_line_list,
#contents #tab_area .tab_detail #name_area #wa_line_list {
  padding-bottom: 0;
}
#contents #tab_area .tab_detail #name_area .message_list ul {
  width: 100%;
  padding: 15px 5px 5px 5px;
  background: #c5f1ff;
}
#contents #tab_area .tab_detail #name_area .message_list ul:after {
  content:".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;
}
#contents #tab_area .tab_detail #name_area .message_list li {
  width: 33%;
  float: left;
  padding: 0 5px 10px 5px;
}
#contents #tab_area .tab_detail #name_area .message_list li:nth-child(3n) {
  float: right;
  width: 34%;
}
#contents #tab_area .tab_detail #name_area .message_list li a {
  font-size: 13px;
  display: table;
  font-weight: bold;
  width: 100%;
  padding: 15px 0;
  background: #ffffff;
  border-radius: 5px;
  text-align: center;
}
#contents #tab_area .tab_detail #name_area .message_list li a span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
/*  tab_area .tab_detail message_area
----------------------------------------*/
#contents #tab_area #message_area .message_detail {
  width: 100%;
  padding: 15px 5px 0 5px;
}
#contents #tab_area #message_area .message_detail:after {
  content:".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;
}
#contents #tab_area #message_area .message_detail li {
  width: 50%;
  padding: 0 10px 10px 10px;;
  float: left;
}
#contents #tab_area #message_area .message_detail li a {
  width: 100%;
  display: table;
  background: #ffffff;
  border-radius: 5px;
  font-weight: bold;
}
#contents #tab_area .tab_detail #message_area li a .border {
  width: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#top_page #tab_area .tab_detail #message_area li a .border .photo {
  padding: 9px 0 15px 0;
  margin: 0 auto;
  display: block;
}
#top_page #tab_area .tab_detail #message_area li a .border .photo .img01 {
  width: 78px;
  height: auto;
}
#top_page #tab_area .tab_detail #message_area li a .border .photo .img02 {
  width: 67px;
  height: auto;
}
#top_page #tab_area .tab_detail #message_area li a .border .photo .img03 {
  width: 42px;
  height: auto;
}
#top_page #tab_area .tab_detail #message_area li a .border .photo .img04 {
  width: 57px;
  height: auto;
}
#top_page #tab_area .tab_detail #message_area li a .border .photo .img05 {
  width: 70px;
  height: auto;
}
#top_page #tab_area .tab_detail #message_area li a .border .photo .img06 {
  width: 64px;
  height: auto;
}
#top_page #tab_area .tab_detail #message_area li a .border .photo .img07 {
  width: 62px;
  height: auto;
}
#top_page #tab_area .tab_detail #message_area li a .border .photo .img08 {
  width: 76px;
  height: auto;
}
#top_page #tab_area .tab_detail #message_area li a .border .photo .img09 {
  width: 71px;
  height: auto;
}
#top_page #tab_area .tab_detail #message_area li a .border .text {
  display: block;
  padding: 0 10px 15px 10px;
}
/*----------------------------------------
  product.html
----------------------------------------*/
#contents #product_page {
  padding: 10px 10px 23px 10px;
}
#contents #product_page .message_text {
  font-size: 14px;
  font-weight: bold;
  padding: 18px 5px 15px 5px;
}
#contents #product_page .category_message {
  width: 100%;
  padding: 15px 0 10px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#contents #product_page .category_message:after {
  content:".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;
}
#contents #product_page .category_message li {
  width: 49%;
  padding-bottom: 10px;
}
#contents #product_page .category_message li a {
  display: block;
  font-size: 110%;
  padding: 13px 10px 12px 21px;
  background: #eff3f5 url(/qa/sp/img/ico-arrow02.gif) no-repeat 6px center;
  background-size: 7px auto;
  border-radius: 5px;
}
#contents #product_page .category_message li span {
  display: table-cell;
  vertical-align: middle;
}
/*----------------------------------------
  list.html
----------------------------------------*/
#contents #list_page {
  padding: 10px 10px 23px 10px;
}
#contents #list_page .message_text {
  font-size: 14px;
  font-weight: bold;
  padding: 13px 0 16px 0;
}
#contents #list_page .message_text span {
  color: #0060b7;
}
#contents #list_page .page_message {
  width: 100%;
}
#contents #list_page .page_message:after {
  content:".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;
}
#contents #list_page .page_message li:first-child {
  display: inline-block;
  float: left;
}
#contents #list_page .page_message li:last-child {
  display: inline-block;
  float: right;
}
#contents #list_page .page_message li span,
#contents #list_page .page_message li a {
  display: block;
  padding: 8px 12px;
  background-color: #e0f8ff;
  font-weight: 14px;
}
#contents #list_page .page_message li a {
  text-decoration: underline;
  color: #0060b7;
}
#contents #list_page .result_message {
  padding: 7px 0 20px 0;
}
#contents #list_page .result_message .category {
  width: 100%;
  padding-top: 15px;
}
#contents #list_page .result_message .category:after {
  content:".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;
}
#contents #list_page .result_message .category li {
  display: inline-block;
  float: left;
  padding: 0 10px 7px 0;
}
#contents #list_page .result_message .category li span {
  display: block;
  padding: 2px 6px 2px 6px;
  background: #ffffff;
  border: 1px solid #dddddd;
  font-size:85%;
}
#contents #list_page .result_message .question {
  border-bottom: 1px solid #e6e7e7;
  background: url(/qa/sp/img/bg-question.gif) no-repeat left center;
  background-size: 36px auto;
}
#contents #list_page .result_message .question a {
  display: block;
  font-size: 110%;
  color: #0060b7;
  font-weight: bold;
  background: url(/qa/sp/img/ico-arrow03.gif) no-repeat right center;
  background-size: 7px auto;
  padding: 15px 34px 13px 48px;
}
#contents #list_page .result_message .question a span.movie {
  display: inline-block;
  padding-left: 10px;
  vertical-align: middle;
}
#contents #list_page .result_message .question a span.movie img {
  width: 68px;
}
#contents #list_page .button {
  padding-top: 20px;
}

/*  .search_result
----------------------------------------*/
#list_page .search_result {
  width: 100%;
  margin-top: 20px;
}
#list_page .search_result .btn_search_result {
  background: #0080cc;
  border-radius: 5px;
}
#list_page .search_result .btn_search_result span {
  background: url(/qa/img/ico_search_result_bottom.gif) no-repeat 96% center;
  background-size: 20px 20px;
  font-size: 14px;
  color: #ffffff;
  display: block;
  padding: 15px 0 11px 20px;
  cursor: pointer;
}
#list_page .search_result .btn_search_result.open {
  background: #0060b7;
  border-radius: 5px 5px 0 0;
}
#list_page .search_result .btn_search_result.open span {
  background: url(/qa/img/ico_search_result_top.gif) no-repeat 96% center;
  background-size: 20px 20px;
}
#list_page .search_result .result_area {
  background: #e0f8ff;
  padding: 15px;
  display: none;
}
#list_page .search_result .result_area li {
  width: 100%;
  margin-bottom: 10px;
}
#list_page .search_result .result_area li select {
  width: 100%;
  height: 35px;
  vertical-align: middle;
  border: none;
  padding: 5px 0 5px 8px;
  background: #ffffff;
  border-radius: 5px;
  font-size: 14px;
}
#list_page .search_result .result_area li select option {
  background: #ffffff;
}
#list_page .search_result .result_area li.last {
  width: 82%;
  margin: 0 auto;
}

/*----------------------------------------
  detail.html
----------------------------------------*/
#contents #detail_page {
  padding: 10px 0 5px 0;
}
#contents #detail_page .title {
  margin: 0 10px;
}
#contents #detail_page .messag_list {
  width: auto;
  padding: 0 10px;
  margin-top: 15px;
  background-color: #ffefd5;
}
#contents #detail_page .messag_list:after {
  content:".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;
}
#contents #detail_page .messag_list li {
  float: left;
  padding-top: 10px;
  margin-right:10px;
}
#contents #detail_page .messag_list li:nth-child(2n) {

}
#contents #detail_page .messag_list li a {
  font-size: 85%;
  color: #000000;
  display: block;
  padding: 2px 6px 2px 6px;
  background: #FFF;
  border: 4px solid #dddddd;
}
#contents #detail_page .explain {
  font-size: 13px;
  padding: 8px 10px 0 10px;
  background-color: #ffefd5;
  margin: 0;
}
#contents #detail_page .detail_message {
  margin-bottom: 20px;
  background-color: #ffefd5;
}
#contents #detail_page .detail_message dt {
  background: url(/qa/sp/img/bg-question.png) no-repeat 10px center;
  background-size: 38px auto;
  padding: 25px 10px 25px 56px;
  font-size: 130%;
  color: #0060b7;
  font-weight: bold;
}
#contents #detail_page .detail_message dd {
  font-size: 130%;
  background: #ffffff url(/qa/sp/img/bg-answer.png) no-repeat 10px 15px;
  background-size: 36px auto;
  padding: 16px 10px 11px 56px;
  word-wrap: break-word;
}
#contents #detail_page .detail_message dd .video_feature iframe {
  width: 100%;
  height: 100%;
}
#contents .suggestion #selece_after .answer_text {
  border: 0 !important;
}

#contents #detail_page .link_list {
  width: auto;
  padding: 0 22px 25px 22px;
}
#contents #detail_page .link_list:after {
  content:".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;
}
#contents #detail_page .history_link {
  float: left;
  width: 47%;
}
#contents #detail_page .history_link a {
  background: #e6e7e7;
  color: #333333;
  display: block;
  font-size: 13px;
  text-align: center;
  border-radius: 5px;
  font-weight: bold;
  padding: 13px 10px 10px 10px;
}
#contents #detail_page .button {
  width: 47%;
  float: right;
}
#contents #detail_page .button a {
  background: #0080cc;
  display: block;
  font-size: 13px;
  color: #ffffff;
  padding: 13px 10px 10px 10px;
  text-align: center;
  border-radius: 5px;
  position: relative;
  font-weight: bold;
}
#contents #detail_page .suggestion h2 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 13px 10px 9px 10px;
  background: #52d4bc;
  color: #ffffff;
}
#contents #detail_page .suggestion p.title_explain {
  font-size: 13px;
  text-align: center;
  padding: 13px 10px 0 10px;
}
#contents #detail_page .suggestion .select_button {
  display: flex;
  justify-content: space-between;
  height: 88px;
  margin: 10px;
}
#contents #detail_page .suggestion .select_button .yes {
  height: 100%;
  width: 32%;
}
#contents #detail_page .suggestion .select_button .yes a {
  height: 100%;
  background: #ffefd5;
  border-radius: 5px;
  border: 1px solid #f6a00a;
}
#contents #detail_page .suggestion .select_button .yes a span {
  background: url(/qa/sp/img/bg-yes.gif) no-repeat center 8px;
  background-size: 26px auto;
  padding: 0;
  padding-top: 50px;
  display: inline-block;
  text-align: center;
}
#contents #detail_page .suggestion .select_button .resolve {
  height: 100%;
  width: 32%;
  line-height: normal;
}
#contents #detail_page .suggestion .select_button .resolve a {
  height: 100%;
  background: #cee3f7;
  border-radius: 5px;
  border: 1px solid #b5d6ff;
}
#contents #detail_page .suggestion .select_button .resolve a span {
  background: url(/qa/sp/img/bg-resolve.gif) no-repeat center 8px;
  background-size: 26px auto;
  padding: 0;
  padding-top: 45px;
  display: inline-block;
  text-align: center;
  line-height: 1.2;
}
#contents #detail_page .suggestion .select_button .no {
  height: 100%;
  width: 32%;
}
#contents #detail_page .suggestion .select_button .no a {
  height: 100%;
  background: #e6e7e7;
  border-radius: 5px;
  border: 1px solid #cccccc;
}
#contents #detail_page .suggestion .select_button .no a span {
  background: url(/qa/sp/img/bg-no.gif) no-repeat center 8px;
  background-size: 22px auto;
  padding: 0;
  padding-top: 50px;
  display: inline-block;
  text-align: center;
}
#contents #detail_page .suggestion .select_button a {
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  display: block;
}
#contents #detail_page .suggestion .text {
  padding: 0 10px;
}
#contents #detail_page .suggestion .text a {
  color: #0060b7;
  text-decoration: underline;
}
#contents #detail_page .suggestion .text.line {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 15px;
  font-size: 13px;
}
#contents .qa_other_links,
#contents #detail_page .suggestion .other_link {
  padding-top: 20px;
}
#contents .qa_other_links li,
#contents #detail_page .suggestion .other_link li {
  padding: 0 10px 20px 10px;
}
#contents .qa_other_links li a,
#contents #detail_page .suggestion .other_link li a {
  font-size: 13px;
  color: #0060b7;
  display: block;
  background: #ffffff;
  text-align: center;
  border: 1px solid #0060b7;
  border-radius: 5px;
  position: relative;
  font-weight: bold;
  padding: 13px 20px 10px 20px;
}
#contents .qa_other_links li a:after,
#contents #detail_page .suggestion .other_link li a:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 12px;
  background: url(/qa/sp/img/ico-arrow05.gif) no-repeat left center;
  background-size: 7px auto;
  top: 50%;
  margin-top: -6px;
  right: 10px;
}


/*  .search_qa_area
----------------------------------------*/
.search_qa_area .search_qa_info {
	background: #e0f8ff;
	padding: 15px 10px;
	border-bottom: 2px solid #ffffff;
	position: relative;
	margin-bottom: 20px;
}
#top_page .search_qa_area .search_qa_info {
	margin-bottom: 0;
}
.search_qa_area .search_qa_info ul {
  width: 100%;
}
.search_qa_area .search_qa_info #btn_search_products {
  width: 100%;
	height: auto;
	margin-top: 10px;
}
.search_qa_area input#qa_search_input_text {
	width: 100%;
	height: 45px;
	line-height: 45px;
	vertical-align: middle;
	border: 1px solid #dddddd;
	border-radius: 5px;
	padding: 0 8px;
	background: #ffffff;
	font-size: 16px;
}
.search_qa_area select {
	width: 100%;
	height: 35px;
	padding: 5px 0 5px 8px;
	vertical-align: middle;
	border: none;
	margin-top: 10px;
	background: #ffffff;
	border-radius: 5px;
	font-size: 16px;
}
.search_qa_area select option {
	background: #ffffff;
}
.search_qa_area .search_qa_information {
  width: 100%;
	margin-top: 20px;
}
.search_qa_area strong {
  font-weight: bold;
}
.search_qa_area .search_qa_information .area {
  width: 100%;
	background: #ffffff;
}
.search_qa_area .search_qa_information .area_top {
  width: 100%;
	background: url(/qa/img/bg-qa_area_top.gif) no-repeat left top;
	background-size: 100% auto;
}
.search_qa_area .search_qa_information .area_bottom {
  width: 100%;
	background: url(/qa/img/bg-qa_area_bottom.gif) no-repeat left bottom;
	background-size: 100% auto;
	padding: 10px 10px 9% 10px;
}
.search_qa_area .search_qa_information .area_bottom p {
  margin-top:0;
  font-size: 13px;
  line-height: 1.8;
}
.search_qa_area .search_qa_information .area_bottom p a {
  color: #0080CC;
  text-decoration: underline;
}
.search_qa_area .search_qa_information .fix {
	position: absolute;
	width: 80px;
	bottom: 0;
	right: 5%;
}
.search_qa_area .search_qa_information .fix01 {
	position: absolute;
	width: 80px;
	bottom: 0;
	right: 5%;
}
.search_qa_area .search_qa_information .button a {
  background: transparent url(/qa/img/bg-search_arrow02.png) no-repeat left center;
  padding-left: 23px;
	font-size: 13px;
  color: #0080CC;
  text-decoration: underline;
}
.search_qa_area .product_area {
	clear: both;
}
.search_qa_area .product_area h2 {
	font-size: 13px;
}
.search_qa_area .product_area ul {
  padding: 8px 0 0 0;
}
.search_qa_area .product_area ul li {
	display: inline;
	padding-right: 10px;
}
.search_qa_area .product_area ul li a {
  color: #0080cc;
  font-size: 13px;
  text-decoration: underline;
}

/* #category_kind
----------------------------------------------------------- */
#category_kind {
	width:100%;
	padding: 5px;
	margin: 15px 0 20px 0;
	position: relative;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #e0f8ff;
}
#category_kind:after {
  display: block;
  content: "";
	position: absolute;
	bottom: -13px;
	left: 50%;
	margin-left: -21px;
	width: 42px;
	height: 42px;
  background: url(/qa/img/bg-category02.png) no-repeat center bottom;
	z-index: -1;
}
#category_kind .kind_type01 {
	margin-bottom: 5px;
}
#category_kind .kind_type01:after {
  content: ".";display: block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}
#category_kind .kind_type01 li {
	float: left;
	width: 20%;
	margin-left: 0;
	padding-left: 1px;
	padding-bottom: 1px;
}
#category_kind .kind_type01 li:first-child {
	margin-left: 0;
}
#category_kind .kind_type01 li:first-child,
#category_kind .kind_type01 li:nth-child(6n) {
	padding-left: 0;
}
#category_kind .kind_type01 li a,
#category_kind .kind_type01 li span {
	width: 100%;
	display: block;
	padding: 15px 0;
	background: #0080cc;
	font-size: 13px;
	color: #FFFFFF;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-align: center;
	position: relative;
}
#category_kind .kind_type01 li:first-child a,
#category_kind .kind_type01 li:first-child span {
	border-radius: 3px 0 0 0;
	-webkit-border-radius: 3px 0 0 0;
	-moz-border-radius: 3px 0 0 0;
}
#category_kind .kind_type01 li:last-child a,
#category_kind .kind_type01 li:last-child span {
	border-radius: 0 0 3px 0;
	-webkit-border-radius: 0 0 3px 0;
	-moz-border-radius: 0 0 3px 0;
}
#category_kind .kind_type01 li:nth-child(5) a,
#category_kind .kind_type01 li:nth-child(5) span {
	border-radius: 0 3px 0 0;
	-webkit-border-radius: 0 3px 0 0;
	-moz-border-radius: 0 3px 0 0;
}
#category_kind .kind_type01 li:nth-child(6) a,
#category_kind .kind_type01 li:nth-child(6) span {
	border-radius: 0 0 0 3px;
	-webkit-border-radius: 0 0 0 3px;
	-moz-border-radius: 0 0 0 3px;
}
#category_kind .kind_type01 li.current span:after {
  display: block;
  content: "";
	position: absolute;
	bottom: -7px;
	left: 22px;
	width: 14px;
	height: 14px;
  background: none;
}
#category_kind .kind_type01 li.current span {
	background: #52d3bc;
}
#category_kind .kind_type02:after {
  content: ".";display: block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}
#category_kind .kind_type02 li {
	width: 20%;
	float: left;
	margin-left: 0;
	padding-left: 1px;
}
#category_kind .kind_type02 li:first-child {
	margin-left: 0;
}
#category_kind .kind_type02 li a,
#category_kind .kind_type02 li span {
	width: 100%;
	display: block;
	padding: 15px 0;
	background: #FFFFFF;
	font-size: 13px;
	border-radius: 3px;
	text-align: center;
}
#category_kind .kind_type02 li.current span {
	background: #52d3bc;
	color: #FFFFFF;
}
#category_kind .kind_type02 li a:hover {
	text-decoration: none;
	background: #FFFFFF;
	color: #000000;
}

.disnon {
  display: none;
}
#contents .banner_area {
  padding: 20px 0;
  max-width: 310px;
  margin: 0 auto;
}
#contents .banner_area a {
  display: block;
  padding: 17px 20px 13px 108px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 15px;
}
#contents .banner_area .text {
  display: inline-block;
  font-size: 19px;
  line-height: 1.3;
  padding-bottom: 1px;
  margin-bottom: 6px;
}
#contents .banner_area .measure {
  background: #fff3e2 url(/qa/sp/img/bg-measure_1.png) no-repeat 19px center;
  background-size: 67px auto;
  border: 1px solid #f6a00b;
  box-shadow: 0 0 0 1px #ffffff inset;
}
#contents .banner_area .measure .text {
  background: url(/qa/sp/img/bg-measure_2.png) repeat-x left bottom;
  background-size: auto 2px;
}
#contents .banner_area .aerosol {
  background: #fff2f3 url(/qa/sp/img/bg-aerosol_1.png) no-repeat 47px center;
  background-size: 36px auto;
  border: 1px solid #fe4147;
  box-shadow: 0 0 0 1px #ffffff inset;
}
#contents .banner_area .aerosol .text {
  background: url(/qa/sp/img/bg-aerosol_2.png) repeat-x left bottom;
  background-size: auto 2px;
}
#contents .banner_area .seal {
  background: #f2fdff url(/qa/sp/img/bg-seal_1.png) no-repeat 47px center;
  background-size: 40px auto;
  border: 1px solid #17acc4;
  box-shadow: 0 0 0 1px #ffffff inset;
  margin-top: 10px;
}
#contents .banner_area .seal .text {
  background: url(/qa/sp/img/bg-seal_2.png) repeat-x left bottom;
  background-size: auto 2px;
}
#contents .qa_shop_search_wrapper {
  padding-bottom: 20px;
}
#contents .qa_shop_search {
  background-color: #fff3e2;
  padding: 20px 8px;
}
#contents .qa_shop_search h2 {
  font-size: 16px;
  line-height: 1.2;
  padding-left: 8px;
  padding-top: 2px;
  border-left: 5px solid #0080cc;
  margin-bottom: 14px;
}
#contents .qa_shop_search .shop_search {
  padding: 0 0 25px 0;
}
#contents .qa_shop_search .shop_search a {
  border: 1px solid #0080cc;
  border-radius: 5px;
  background-color: #ffffff;
  display: block;
  color: #0180cd;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  position: relative;
  padding: 27px 60px 23px 60px;
}
#contents .qa_shop_search .shop_search a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 9px;
  width: 58px;
  height: 40px;
  background: url(/qa/sp/img/bg-shop_search.png) no-repeat center center;
  background-size: 58px auto;
  margin-top: -20px;
}
#contents .qa_shop_search .shop_search a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 8px;
  height: 14px;
  background: url(/qa/sp/img/bg-shop_search_arrow.png) no-repeat center center;
  background-size: 8px auto;
  margin-top: -7px;
}
#contents .contact_list {
  display: flex;
  justify-content: space-between;
}
#contents .contact_list li {
  width: 49%;
}
#contents .contact_list li a {
  display: block;
  height: 100%;
  border: 1px solid #f6a00a;
  border-radius: 3px;
  background-color: #ffffff;
  padding: 5px 4px;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
}
#contents .contact_list li .icon {
  background-color: #f6a00a;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  height: 53px;
}
#contents .contact_list li .icon2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  height: 53px;
  margin-top: 6px;
}
#contents .contact_list li .text {
  display: block;
  font-size: 14px;
  padding: 7px 10px;
}
#contents .contact_list li .text.yellow {
  color: #f6a00a;
}
#contents .contact_list li .tel_banner img {
  width: 32px;
  height: auto;
}
#contents .contact_list li .mail_banner img {
  width: 39px;
  height: auto;
}
#contents .paper_contact {
  display: flex;
  border: 1px solid #0080cc;
  border-radius: 3px;
  padding: 4px;
  margin-top: 8px;
  background-color: #ffffff;
}
#contents .paper_contact .icon {
  display: flex;
  width: 25%;
  min-width: 63px;
  border-radius: 3px;
  background-color: #0080cc;
  align-items: center;
  justify-content: center;
}
#contents .paper_contact.other {
  border-color: #e0e8eb;
}
#contents .paper_contact.other .icon {
  background-color: #ffffff;
}
#contents .paper_contact .icon img {
  width: 30px;
  height: auto;
}
#contents .paper_contact .message {
  padding: 13px 10px 12px 11px;
}
#contents .paper_contact .message h3 {
  font-size: 15px;
  font-weight: bold;
  color: #0080cc;
  padding-bottom: 5px;
}
#contents .paper_contact.other h3 {
  color: #000000;
}
#contents .paper_contact .message p {
  font-size: 12px;
}
#contents .btn_contact_wrapper {
  padding: 20px 8px 0 8px;
}
#contents .other_area {
  padding-bottom: 24px;
  font-weight: bold;
}
#contents .other_area p {
  font-size: 13px;
}
#contents .other_area p.other_message_area_title {
  font-weight: bold;
}
#contents .other_area a {
  color: #0060b7;
  margin-right: 10px;
  background: url(/qa/measure/img/bg-link.gif) no-repeat right center;
  padding-right: 18px;
}
#top_page dl.news_list dd a .news_list_red {
  color: #F00;
  display:inline-block;
  font-size: 13px;
}
#contents #contact_area .date_message .date_red {
  color: #F00;
}