@import "../common/common.css";

#guide #lead {
  height: 240px;
}

#guide #headline {
  float: left;
  width: 320px;
  height: 230px;
}

#guide #headline ul {
  width: 615px;
  height: 53px;
  padding-top: 30px;
}

#guide #headline ul li {
  float: left;
}

#guide #headline ul li a {
  height: 53px;
  background-image: url("img/guide_navi.jpg");
}


#guide #headline ul li #n_price {
  background-position: 0 0;
  width: 175px;
}

#guide #headline ul li #n_price:hover {
  background-position: 0 -53px;
}

#guide #headline ul li #n_select_price {
  background-position: 0 -53px;
  width: 175px;
}

#guide #headline ul li #n_point {
  background-position: -175px 0;
  width: 145px;
}

#guide #headline ul li #n_point:hover {
  background-position: -175px -53px;
}

#guide #headline ul li #n_select_point {
  background-position: -175px -53px;
  width: 145px;
}

#guide #headline ul li #n_flow {
  background-position: -322px 0;
  width: 148px;
}

#guide #headline ul li #n_flow:hover {
  background-position: -322px -53px;
}

#guide #headline ul li #n_select_flow {
  background-position: -322px -53px;
  width: 148px;
}


#guide #headline ul li #n_manner {
  background-position: -470px 0;
  width: 145px;
}

#guide #headline ul li #n_manner:hover {
  background-position: -470px -53px;
}

#guide #headline ul li #n_select_manner {
  background-position: -470px -53px;
  width: 145px;
}

#guide .qa {
  width: 615px;
  margin: 20px 0;
}

#guide #pagelink {
  margin-top: 15px;
}

#guide #pagelink li {
  padding: 5px 0;
}

#guide #pagelink li a {
  color: #333333;
  font-size: 13px;
  text-decoration: underline;
}

#guide #pagelink li a:hover {
  color: #FD7C0A;
}

#guide .qa .header {
  width: 615px;
  height: 65px;
  background: url("img/guide_qa_header.jpg") no-repeat;
}

#guide .qa .header h3 {
  font-weight: normal;
  font-size: 13px;
  position: relative;
  top: 40px;
  left: 20px;
  color: #FD7C0A;
}

#guide .qa .content {
  width: 615px;
  height: auto;
  background: url("img/guide_qa_bg.jpg") repeat-y;
}

#guide .qa .content .answer {
  width: 540px;
  position: relative;
  left: 50px;
  top: -30px;
  padding: 10px 0 20px 0;
}

#guide .qa .content .answer p {
  font-size: 13px;
  line-height: 150%;
  margin-bottom: 15px;
}

#guide .qa .content .answer p.q{
  position: relative;
  top: 35px;
  left: -30px;
}

#guide .qa .content .answer p span{
  font-weight: bold;
  font-size: 13px;
  line-height: 150%;
}

#guide .qa .content .answer p span{
  font-size: 11px;
  font-weight: normal;
  color: blue;
  line-height: 150%;
}

#guide .qa .content .answer p a:hover {
  text-decoration: underline;
}

#guide .qa .footer {
  clear: both;
  width: 615px;
  height: 138px;
  margin-top: -30px;
  background: url("img/guide_qa_footer.jpg") no-repeat;
}

#guide .qa .footer p {
  width: 470px;
  position: relative;
  top: 50px;
  left: 120px;
  line-height: 150%;
}

#guide #pagenavi {
  width: 520px;
  height: 60px;
  margin: 0 auto;
}

#guide #pagenavi a:hover {
  background-position: 0 -14px;
}

#guide #pagenavi table {
  width: 520px;
}

#guide #pagenavi table tr td {
  width: 33%;
}

#guide #pagenavi #m_before {
  width: 89px;
  height: 14px;
  background-image: url("img/m_before.gif");
  float: left;
}

#guide #pagenavi #m_top {
  width: 80px;
  height: 14px;
  background-image: url("img/m_top.gif");
}

#guide #pagenavi #m_next {
  width: 90px;
  height: 14px;
  background-image: url("img/m_next.gif");
  float: right;
}

#guide .btn_soudan {
  clear: both;
}

#guide #pagelink li a.selectedq {
  color: #FD7C0A;
}


.mini {
  font-size: 11px;
}

.blue {
  color: blue;
}
.strong {
  font-weight: bold;
  color: black;
}

.atable {
  margin-bottom: 10px;
}

.atable td {
  padding: 3px;
}