@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);

div.panel {
    padding: 0px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border: none;
}
#faq button span {
    margin-right: 25px;
    display: inline-block;
    font-family: "游ゴシック", "Yu Gothic", YuGothic,
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "メイリオ", Meiryo, sans-serif;
    font-weight: bold;
    color: #4D4246;
}
button.accordion {
    border: none;
    cursor: pointer;
    padding: 0 50px 7px;
    width: 100%;
    text-align: left;
    outline: none;
    background: url(../image/icon_lines.jpg) left bottom repeat-x,
                url(../image/icon_q.jpg) left 15px top 5px no-repeat,
                url(../image/icon_down.jpg) right top 5px no-repeat;
    transition: 0.2s;
    font-size: 1.142em;
}
button.accordion:hover span {
    opacity: 0.8;
}
#faq .faq{
    margin-bottom: 25px;
    padding: 20px 0 0;
    border: none;
    font-family: "游ゴシック", "Yu Gothic", YuGothic,
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "メイリオ", Meiryo, sans-serif;
}
#faq .text {
    margin:10px 5px 0;
}
.panel p {
    margin-top: 10px;
}
#faq button.accordion:hover span {
    text-decoration: none;
}
#faq button.accordion.active {
    background: url(../image/icon_lines.jpg) left bottom repeat-x,
                 url(../image/icon_q.jpg) left 15px top 5px no-repeat,
                url(../image/icon_up.jpg) right top 5px no-repeat;
    transition: 0.2s;
}