@charset "utf-8";

/* （SEO用）背景のみ表示し、テキストを非表示に */
#credix_pay h2
{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


#credix_pay {
    font-family: メイリオ, Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    line-height: 1.4;
}


#credix_pay h2 {
    background-image: url(./img/credix_banner.png);
    background-repeat: no-repeat;
    width: 605px;
    height: 0;
    padding-top: 180px;
    margin: auto;
}

#container {
    background-color: #FFF;
    width: 575px;
    margin: auto;
    padding: 0 15px 15px 15px;
   
}

#container img {
    display: block;
    margin: auto;
}

.service_desc {
    font-size: 13px;
    color: #333;
    width: 540px;
    margin: auto;
}

.sec_feature,
.sec_flow,
.sec_plan
 {
     width: 550px;
     margin: 25px auto 60px auto;
     position: relative;
     padding: 0 10px;
 }

#container h3 {
    width: 530px;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    padding: 10px 15px;
    background-color: #F3F8FA;
    border: 1px solid #A9CDEE;
    margin: 10px auto;
}

.ttl_decoration {
    position: absolute;
    top: 15px;
    right: 25px;
    color: #aaa;
}

.feature_point {
    width: 430px;
    padding: 5px 5px 5px 90px;
    margin: 12px auto;
    background-repeat: no-repeat;
}

#container .sec_feature h3 {
    margin-bottom: 30px;
}

.feature_point h4 {
    font-size: 17px;
    color: #333;
    font-weight: bold;
    margin-top: -4px;
}

.feature_point p {
    padding: 5px 0;
    margin-top: 8px;
}

.point1 {
    background-image: url(./img/credix_point1.png);
}

.point2 {
    background-image: url(./img/credix_point2.png);
}

.point3 {
    background-image: url(./img/credix_point3.png);
}

.sec_flow .attention {
    margin: 5px 0;
}

#container .sec_flow img {
    margin: 10px auto;
}

#container .sec_plan img {
    margin-top: 15px;
}

#container .sec_plan .attention {
    padding: 0;
    margin-top: 0px;
}


.attention {
    font-size: 12px;
}

.attention span {
    background-color: #FFD6D6;
    border: 1px solid #FFA2A2;
    padding: 3px 5px;
    border-radius: 5px;
    margin-right: 4px;
}

.sec_flow .attention {
    margin-left: 10px;
}

.sec_plan {
    margin-bottom: 20px;
}

.sec_plan .attention {
    margin-left: 30px;
}


.charge_table {
    display: block;
    margin: auto;
}

.btn_entry {
    display: block;
    margin: auto;
    cursor: pointer;
}

.btn_entry:hover {
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

#container .contact_credix {
    display: block;
    margin: 50px auto 15px auto;
}