/* CSS Document */

body{
}

#contents2{
    background-color:#FFFFFF;
}

#contents .contents_ttl{
    background-color: #febe04;
    padding: 10px 15px;
    color: #ffffff;
    font-size: 1.2em;
}

#contents .contents_ttl_smp{
    background-color: #5ea9bc;
    padding: 10px 15px;
    color: #ffffff;
    font-size: 1.2em;
}

#contents .contents_ttl_info{
    background-color: #8cc600;
    padding: 10px 15px;
    color: #ffffff;
    font-size: 1.2em;
}

.btn_back a{
    display:block;
    color:#ffffff;
    padding:10px 5px;
}

.btn_back{
    /*    -moz-border-radius: .5em;
        -webkit-border-radius: .5em;
        border-radius: .5em; */
    border:#8cc600 2px solid;
    background-color:#8cc600;
    margin:7px 0px;
    text-align:center;
}

.btn_back_mypage_done a{
    display:block;
    color:#ffffff;
    padding:10px 5px;
}

.btn_back_mypage_done{
    /*    -moz-border-radius: .5em;
        -webkit-border-radius: .5em;
        border-radius: .5em; */
    border:#FFBF01 2px solid;
    background-color:#FFBF01;
    margin:7px 0px;
    text-align:center;
}

.btn_etc1 a{
    display:block;
    color:#10a5fa;
    padding:10px 5px;
}

.btn_etc1{
    /*    -moz-border-radius: .5em;
        -webkit-border-radius: .5em;
        border-radius: .5em; */
    border:#10a5fa 2px solid;
    background-color:#fff;
    margin:10px 0px;
    text-align:center;
}

.btn_etc2 a{
    display:block;
    color:#a8cf0b;
    padding:10px 5px;
}

.btn_etc2{
    /*    -moz-border-radius: .5em;
        -webkit-border-radius: .5em;
        border-radius: .5em; */
    border:#a8cf0b 2px solid;
    background-color:#fff;
    margin:10px 0px;
    text-align:center;
}


/* ����o�^�E���� �{�^�� */
.btn_regist a{
    display:block;
    color:#8cc600;
    padding:15px 5px;
}

.btn_regist{
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
    border:#8cc600 2px solid;
    background-color:#fff;
    margin:15px 15px;
    text-align:center;
}

/* txt */
.txt_box_ttl{
    padding:5px;
    color:#575858;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
}

.txt_box_info{
    padding:10px;
    color:#575858;
}

.txt_box_info a{
    text-decoration:none;
}

.btn_login_crr {
    border-radius: 0.5em;
    border: 2px solid #FEBE04;
    background-color: #FFF;
    margin: 15px;
    text-align: center;
}

.btn_login_crr a {
    display: block;
    color: #FEBE04;
    padding: 10px 5px;
}

.icon7 {
    background: url("../../images/mobile_nananaoto/top/title/icon7.png") no-repeat scroll left center transparent;
    padding: 5px 5px 5px 30px;
}

div.icn_carrier{
    margin:10px 0 10px 0;
    /*	border-top:#FFFFFF 1px dotted; */
}

div.icn_carrier img{
    margin-top:5px;
}

.align_cnt {
    text-align: center;
}

/* read btn */

#info_link{
    margin:0px;
}

#info_link .btn_read {
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: 0em;
    background-color: #d2dbb5;
    color:#fff;
    padding:7px 15px;
    margin:2px 15px 8px;
    text-align:center;
    font-size:0.9em;
    display: block;
    line-height: 14px;
}

#info_link .btn_read a{
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: 0em;
    color:#fff;
    text-align:center;
    font-size:0.8em;
}

#info_link .btn_read a:visited{
    text-decoration:none;
}

#info_link .btn_read2 {
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: 0em;
    background-color: #d2dbb5;
    color:#fff;
    padding:7px 15px;
    margin:2px 0px 8px;
    text-align:center;
    font-size:0.9em;
    display: block;
    line-height: 14px;
}

#info_link .btn_read2 a{
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: 0em;
    color:#fff;
    text-align:center;
    font-size:0.8em;
}

#info_link .btn_read2 a:visited{
    text-decoration:none;
}

/* entry btn */
#entry{
    margin:0px;
}

#entry .btn_entry {
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: 0em;
    background-color: #8AD754;
    color:#fff;
    padding:15px 15px;
    margin:2px 15px 8px;
    text-align:center;
    font-size:1.2em;
    display: block;
    line-height: 14px;
}

#entry .btn_entry a{
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: 0em;
    color:#fff;
    text-align:center;
    font-size:0.8em;
}

#entry .btn_entry a:visited{
    text-decoration:none;
}

/* leave btn */

#leave{
    margin:0px;
}

#leave .btn_leave {
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: 0em;
    background-color: #89955C;
    color:#fff;
    padding:15px 15px;
    margin:2px 15px 8px;
    text-align:center;
    font-size:1.2em;
    display: block;
    line-height: 14px;
}

#leave .btn_leave a{
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: 0em;
    color:#fff;
    text-align:center;
    font-size:0.8em;
}

#leave .btn_leave a:visited{
    text-decoration:none;
}


/* support btn */

#support{
    margin:0px;
}

#support .btn_mail {
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: 0em;
    background-color: #91ca48;
    color:#fff;
    padding:15px 15px;
    margin:2px 15px 8px;
    text-align:center;
    font-size:1.2em;
    display: block;
    line-height: 14px;
}

#support .btn_mail a{
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: 0em;
    color:#fff;
    text-align:center;
    font-size:0.8em;
}

#support .btn_mail a:visited{
    text-decoration:none;
}

/* error */
.txt_error_ttl{
    padding:5px 15px;
    color:#575858;
    text-align: left;
    font-weight: bold;
    font-size: 1.2em;
}

.txt_error_info {
    padding: 5px 15px;
    color: #575858;
}

#error{
    margin:0px;
}

#error .btn_support {
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: 0em;
    background-color: #8bc186;
    color:#fff;
    padding:13px 15px;
    margin:2px 15px 8px;
    text-align:center;
    font-size:1.2em;
    display: block;
}

#error .btn_support a{
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: 0em;
    color:#fff;
    text-align:center;
    font-size:0.8em;
}

/* アコーティオン */
dl.accordion {
    background:#DDD;
    margin:0px 0px;
    padding:px;
    font-size:1.0em;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

dl.accordion dt {
    background:url(../../images/mobile_nananaoto/top/title/icon_open.png) 97% center no-repeat,-moz-linear-gradient(top, #ffffff, #ffffff);
    background:url(../../images/mobile_nananaoto/top/title/icon_open.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
    border-bottom:1px solid #999999;
    padding: 10px 1px 10px;
    color:#999999;
    font-weight:bold;
    cursor:pointer;
}

dl.accordion dt.open {
    background:url(../../images/mobile_nananaoto/top/title/icon_close.png) 97% center no-repeat,-moz-linear-gradient(top, #f0f0f0, #f0f0f0);
    background:url(../../images/mobile_nananaoto/top/title/icon_close.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
}

dl.accordion dd {
    background-color:#ffffff;
    margin: 0px;
    padding: 10px;
    line-height:1.5;
    display:none;
    border-bottom: 1px solid #999999;
}

input.button6, a.button6, button.button6 {
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 6px 10px;
    border-style: none;
    background-color: #ff7006;
    color: #FFF;
    display: block;
}

#info_privacy {
    width: 60%;
    height: 200px;
    overflow-y: scroll;
    background-color: #ffffff;
    border: ridge;
}

@media screen and (max-width: 480px) {
    #info_privacy {
        width: auto;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    #info_privacy {
        width: auto;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    #info_privacy {
        width: auto;
    }
}

@media screen and (min-width: 991px) {
    #info_privacy {
        width: auto;
    }
}