@charset "UTF-8";

/*固定値*/
.faq_exp{
  padding:5px;
  font-size: 14px;
}
.faq_exp img{
  text-align:center;
  width:90%;
  max-width: 480px;
  margin:10px auto;
  display: block;
}

/*使用できるタグ*/
.font_s{
  font-size: 12px;
}
.color_rd{
  color:#f00;
}
.w_b{
  font-weight:bold;
}
.style_u{
  text-decoration: underline;
}
.faq_exp a{
  color: #0066FF;
  text-decoration: underline;
}

/*中*/
.category_big_title {
  background: #F8F8F8;
  color: #345;
  padding: 3px;
  border-bottom: 1px solid #E1E1E1;
  font-weight: bold;
  min-height: 26px;
  line-height: 26px;
  border-top: 2px solid #00AAE6;
  font-size: 15px;
}
.faq_middle_list li {
  margin-top: 10px;
  /*margin-right: 5px;
  margin-left: 5px;*/
}
.category_middle_title {
  border-bottom: 1px solid #E1E1E1;
  /*background: #F3F3F3;*/
  color: #345;
  padding: 3px;
  border-bottom: 1px dotted #76C2DD;
  font-weight: bold;
  min-height: 26px;
  line-height: 26px;
  font-size: 14px;
  position: relative;
  /*cursor: pointer;*/
}
.faq_middle_list form:last-child .category_middle_title {
    border-bottom: none;
}
.category_middle_title .faq_each_title_text:before {
  content: "■";
  color:#00AAE6;
}
.faq_each_title_text {
  margin-right: 15px;
  font-size: 13px;
}
.category_middle_title .faq_each_title_text {
  font-weight: bold;
  font-size: 14px;
  padding: 0 5px 0 0;
}
.category_middle_title .faq_each_answer_ar {
  top: 3px;
  right: 2px;
  position: absolute;
}

/*小*/
.faq_middle_list .faq_small_list li {
  margin-bottom: 0px;
  border-bottom: 1px dotted #ccc;
  margin-top: 0px;
  margin-left: 12px;
  margin-right: 0px;
}
.faq_middle_list .faq_small_list .faq_each_title {
  font-size: 12px;
  display: block;
  padding: 8px 0 8px 5px;
  text-align: left;
  vertical-align: middle;
  color: #345;
  position: relative;
  border-bottom: none;
}
.faq_middle_list .faq_small_list .faq_each_title_text {
  margin-right: 15px;
  padding-left: 13px;
  background-image: url(/sol/pcc/template/common/faq/images/kagi.png);
  background-repeat: no-repeat;
}
.faq_middle_list .faq_small_list .faq_each_answer_ar {
  top: 8px;
  right: 2px;
  position: absolute;
}
.rote90{
  transform: rotate('90');
  -moz-transform: rotate( 90deg ); /* Firefox用 */
  -webkit-transform: rotate( 90deg ); /* Chrome,Safari,新しいOpera用 */
  -o-transform:      rotate( 90deg ); /* 古いOpera用 */
  -ms-transform:     rotate( 90deg ); /* IE用 */
  transform:         rotate( 90deg ); /* CSS3の書き方 */;
  margin-right: 3px;
}
.rote270{
  transform: rotate('270');
  -moz-transform: rotate( 270deg ); /* Firefox用 */
  -webkit-transform: rotate( 270deg ); /* Chrome,Safari,新しいOpera用 */
  -o-transform:      rotate( 270deg ); /* 古いOpera用 */
  -ms-transform:     rotate( 270deg ); /* IE用 */
  transform:         rotate( 270deg ); /* CSS3の書き方 */;
  margin-right: 3px;
}
