@charset "UTF-8";

#index-nav {
    width: 100%;
    background-color: #f8f9f9;
    margin: 0 auto 0 auto;
    padding: 13px 0 7px 0;
}

#index-nav-middle {
    margin: 0 0 0 0;
}

#index-nav-area {
    position:relative;
    width: 970px;
    height: 68px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
}

#index-logo {
    background: url(../images/base/logo.png) no-repeat;
    width: 129px;
    height: 40px;
    float: left;
}

#index-logo a {
    width: 129px;
    height: 40px;
    display: block;
    margin: 0px;
}

#index-logo-string {
    position: absolute;
    text-align: left;
    width: auto;
    top: 60px;
}

#index-nav-form-area-before-login {
    float:right;
    margin: 13px 0 0 0;
}

#index-nav-form-area-after-login {
    float:right;
    margin: 10px 0 0 0;
}

#index-input-id {
    float:left;
}

#index-input-id-title{
    margin: 7px 14px 0 0;
    float:left;
}

#index-input-pw-title{
    margin: 7px 13px 0 7px;
    float:left;
}

#index-shortcut-check {
    font-size: 10px;
    margin: 8px 0 0 112px;
    float: left;
}

#index-input-pw {
    float: left;
    margin: 0 0 0 7px;
}

.input-text {
    width: 140px;
}

#index-login-btn {
    float: left;
    margin: 2px 0 0 6px;
}

#index-logout-btn {
    float: left;
    margin: 5px 0 0 60px;
}

#index-nav-links {
    float: right;
    margin: 5px 0 0 0;
}

#index-nav-links li{
    float: left;
    margin: 0 0 0 14px;
}

#index-signup {
    right: 0px;
}

#index-signup a {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

.index-osusume-area {
    width: 810px;
    margin: 0 auto;
}

#main-images {
    width: 970px;
    margin: 0 auto;
    position: relative;
    height: 450px;
}

#main-images dd {
    position: absolute;
}

#main-images #d1 {
    top: 0px;
    left: 2px;
}

#main-images #d2 {
    top: 148px;
    left: 2px;
}

#main-images #d3 {
    top: 148px;
    left: 222px;
}

#main-images #d4 {
    top: 296px;
    left: 222px;
}

#main-images #d5 {
    top: 0px;
    left: 444px;
}

#contents-area {
    width: 970px;
    margin: 0 auto;
}

#contents-left {
    width: 270px;
    float: left;
    padding-top: 20px;
    text-align: center;
}

#contents-right {
    width: 686px;
    float: right;
}

#signup-text {
    font-size: 14px;
    font-weight: bold;
    color: #444444;
    text-align: center;
}

#signup-btn {
    font-size: 14px;
    font-weight: bold;
    color: #444444;
    text-align: center;
    margin-bottom: 10px;
}

.index-submit-signup {
    background: none;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    margin: 0 0 0 0px;
    padding: 0;
    width: 278px;
    height: 86px;
    background: url(../images/index/signup_off.png) no-repeat;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 26px;
    line-height: 26px;
}

#attention-text {
    text-align: left;
    font-size: 10px;
    width: 240px;
    margin: 20px auto;
}

#left-menu {
    width: 250px;
    margin: 0 auto;
}

#left-menu .mleft {
    float: left;
    width: 120px;
    height: 130px;
}

#left-menu .mright {
    float: right;
    width: 120px;
    height: 130px;
}

.right-title-l {
    color: #E48131;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    margin-left: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
    position:relative;
}

.right-subtitle-l {
    margin-left: 30px;
    margin-bottom: 10px;
}

.right-subtitle-s {
    margin-left: 45px;
    margin-bottom: 5px;
    font-size:14px;
}

.right-title {
    font-size: 14px;
    font-weight: bold;
}

.right-parts-area {
    width: 650px;
    margin: 0 auto;
}

.index-howto-area {
    width: 300px;
    margin-left: 30px;
    line-height: 26px;
}

.right-parts {
    width: 148px;
    height: 194px;
    text-align: center;
    overflow: hiddin;
    float: left;
    margin: 0px 7px;
    text-decoration: none;
    display: block;
}

.right-parts-in {
    padding: 10px 5px;
}

.right-parts-title {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    margin: 5px 0;
    padding: 0px;
}

.gray-text {
    color: #777777;
    line-height: 16px;
    font-size: 11px;
}

#index-user-area {
    width: auto;
    float: left;
}

#index-user-img {
    float: left;
    margin-right: 5px;
}

#index-name-text {
    float: left;
    text-align: left;
}

#index-nickname-t {
    font-size: 12px;
/*    font-weight: bold;*/
    color: #777777;
}

#index-nickname-d {
    font-size: 12px;
    font-weight: bold;
    color: #777777;
}

#index-name-text-e{
    font-size: 12px;    
}
#index-nickname {
    font-size: 16px;
    font-weight: bold;
}

#index-help {
    position: absolute;
    top: 85px;
    right: 0px;
    text-align: right;
    font-weight: bold;
}

#index-help a {
    color: #000000;
}

#coinpoint-area {
    width: 686px;
    margin: 0 auto;
}

#point-area {
    width: 477px;
    height: 188px;
    position: relative;
    float: left;
    background: url(../images/index/point_bg.jpg) no-repeat;
}

#coin-area {
    width: 686px;
    height: 188px;
    position: relative;
    background: url(../images/index/coin_bg.jpg) no-repeat;
    text-align: left;
}

#point-doc {
    position: absolute;
    top: 88px;
    width: 300px;
    left: 25px;
    line-height: 25px;
    font-size: 13px;
}

#point-title {
    position: absolute;
    top: 28px;
    left: 70px;
    line-height: 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

#point-value {
    position: absolute;
    top: 15px;
    right: 80px;
    line-height: 40px;
    font-size: 40px;
    font-weight: bold;
    text-align: left;
}

#point-value-doc {
    position: absolute;
    top: 36px;
    right: 20px;
    line-height: 14px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

#point-log-link {
    position: absolute;
    top: 112px;
    right: 4px;
}

#coin-title {
    position: absolute;
    top: 28px;
    left: 70px;
    line-height: 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

#coin-value {
    /*position:absolute;
    top:15px;
    right:80px;*/
    line-height: 40px;
    font-size: 40px;
    font-weight: bold;
    text-align: left;
}

#coin-value-doc {
    position: absolute;
    top: 22px;
    right: 25px;
    line-height: 14px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

#coin-doc {
    position: absolute;
    top: 93px;
    width: 378px;
    left: 25px;
    line-height: 25px;
    font-size: 13px;
}

#coin-buy-link {
    position: absolute;
    top: 112px;
    left: 499px;
}

#coin-log-link {
    position: absolute;
    top: 112px;
    left: 590px;
}

.top-c-margin {
    margin-bottom: 10px;
}

.top-coinbuy-btn {
    background: none;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 88px;
    height: 57px;
    line-height: 85px;
    background: url(../images/index/coinbuy_off.png?20121003) no-repeat;
    color: #6c5600;
    font-size: 10px;
    text-align: center;
    text-decoration: none;
}

.top-coinlog-btn {
    background: none;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    margin: 0 0 0 7px;
    padding: 0;
    width: 88px;
    height: 57px;
    line-height: 85px;
    background: url(../images/index/coinlog_off.png?20121003) no-repeat;
    color: #6c5600;
    font-size: 10px;
    text-align: center;
    text-decoration: none;
}

.index-howto-image {
    width: 296px;
    height: 279px;
    position: relative;
    background: url('../images/index/howto.jpg');
    color: #999999;
    font-weight: bold;
    font-size: 11px;
}

.index-howto-image #index-howto-text1 {
    position: absolute;
    top: -5px;
    width: 296px;
    text-align: center;
}

.index-howto-image #index-howto-text2 {
    position: absolute;
    top: 44px;
    right: -78px;
    width: 148px;
    text-align: left;
}

.index-howto-image #index-howto-text3 {
    position: absolute;
    top: 222px;
    right: -78px;
    width: 148px;
    text-align: left;
}

.index-howto-image #index-howto-text4 {
    position: absolute;
    bottom: -10px;
    width: 296px;
    text-align: center;
}

.index-howto-image #index-howto-text5 {
    position: absolute;
    top: 222px;
    width: 148px;
    text-align: right;
    left: -80px;
}

.index-howto-image #index-howto-text6 {
    position: absolute;
    top: 44px;
    width: 148px;
    text-align: right;
    left: -80px;
}

.index-howto-text {
    padding: 5px 15px;
}

#index-mobile-qr-image {
    width: 260px;
    height: 116px;
    position: relative;
    background: url('../images/index/mobile.jpg');
}

#index-mobile-qr-image #index-mobile-qr-text {
    position: absolute;
    top: 17px;
    left: 5px;
    width: 95px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10px;
    height: 75px;
    text-align: center;
}

#index-news-area {
    width: 900px;
    margin: 0 auto;
}

#news-title {
    font-size: 15px;
    font-weight: bold;
    padding: 5px 20px 15px;
}

#news-area {
    width: 620px;
    margin: 0 auto;
}

.news-s {
    padding: 10px 10px;
    border-top: 1px dotted #D7D7D7;
}

.news-sr {
    padding: 10px 0px 0px;
    border-top: 1px dotted #D7D7D7;
}

#service-area {
    width: 840px;
    margin: 0 auto;
}

/* common */
.common-title {
    width: 850px;
    margin: 10px auto;
    text-align: left;
}

.common-area {
    width: 800px;
    margin: 10px auto 20px;
    border: 1px solid #D7D7D7;
}

.common-area-text {
    padding: 20px 30px;
    line-height: 18px;
}

.terms-title {
    width: 850px;
    margin: 10px auto;
    text-align: left;
}

.terms-area {
    width: 800px;
    margin: 10px auto 20px;
    border: 1px solid #D7D7D7;
}

.terms-area-text {
    padding: 10px 30px 20px;
    line-height: 18px;
}

.tokusyouhou-title {
    width: 850px;
    margin: 10px auto;
    text-align: left;
}

.tokusyouhou-area {
    width: 800px;
    margin: 10px auto 20px;
    border: 1px solid #D7D7D7;
}

.tokusyouhou-area-text {
    padding: 20px 30px;
    line-height: 18px;
}

.shikinkessaihou-title {
    width: 850px;
    margin: 10px auto;
    text-align: left;
}

.shikinkessaihou-area {
    width: 800px;
    margin: 10px auto 20px;
    border: 1px solid #D7D7D7;
}

.shikinkessaihou-area-text {
    padding: 20px 30px;
    line-height: 18px;
}

.coinservice-title {
    width: 850px;
    margin: 10px auto;
    text-align: left;
}

.coinservice-area {
    width: 800px;
    margin: 10px auto 20px;
    border: 1px solid #D7D7D7;
}

.coinservice-area-text {
    padding: 20px 30px;
    line-height: 18px;
}

.inquiry-title {
    margin: 0px auto 0;
    padding: 20px 0;
    text-align: center;
    width: 854px;
    border-bottom: 1px dotted #d7d7d7;
}

.inquiry-area {
    width: 620px;
    margin: 0 auto;
    padding: 15px 0 5px;
    text-align: center;
}

.inquiry-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 600px;
    margin: 0 auto 10px;
}

.inquiry-table-t {
    text-align: right;
    padding: 0px 5px;
    font-size: 12px;
    height: 50px;
}

.inquiry-table-i {
    text-align: left;
    padding: 0px 5px;
    height: 50px;
    width: 400px;
}

.inquiry-table-hs {
    height: 30px;
}

.inquiry-text {
    width: 300px;
}

.inquiry-textarea {
    width: 300px;
    height: 250px;
}

.inquiry-input-attention {
    font-size: 13px;
    color: #777777;
    padding: 5px 5px 10px;
    text-align: left;
    border-bottom: 1px dotted #d7d7d7;
}

.inquiry-error-area {
    border-bottom: 1px dotted #d7d7d7;
    width: 590px;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
}

.inquiry-error-text {
    width: 420px;
    margin: 0 auto;
    text-align: left;
    line-height: 20px;
    color: #FF0000;
    font-weight:bold;
    border:solid 1px;
}

.inquiry-table-i select {
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 0 #FFFFFF;
    height: 20px;
    background-color: #f0f0f0;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    padding: 4px;
    outline: medium none;
    height: 30px;
    width: 300px;
}

.inquiry-send-btn {
    padding: 20px 10px;
}

.inquiry-execute-btn {
    border-top: 1px dotted #d7d7d7;
    width: 360px;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    clear: both;
}

.inquiry-execute-btn-s {
    width: 180px;
    float: right;
    text-align: left;
}

.inquiry-resize-no {
    resize: none;
}

.inquiry-mail-attention {
    font-size: 12px;
    padding: 5px 5px 10px;
    text-align: left;
}

.inquiry-conf-attention {
    font-size: 11px;
    color: #777777;
    padding: 5px 5px 10px;
    text-align: left;
}

/* account */

.account-input-area {
    margin: 0 auto;
    padding: 10px 0 5px;
    text-align: center;
}

.account-input-link-area {
    text-align: left;
    padding: 0px 25px 15px;
}

.account-input-link-area a {
    margin-right: 15px;
    letter-spacing: 2px;
}

.account-input-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 600px;
    margin: 0 auto 10px;
}

.account-input-table-t {
    text-align: left;
    padding: 0px 5px;
    font-size: 12px;
    height: 50px;
}

.account-input-table-t-r {
    text-align: left;
    padding: 0px 5px;
    font-size: 12px;
    width: 410px;
    height: 50px;
}

.account-input-table-i {
    text-align: left;
    padding: 0px 5px;
    height: 50px;
    width: 350px;
}

.account-input-table-e {
    text-align: left;
    padding: 0px 5px;
    height: 50px;
    width: 50px;
}

.account-input-table-hs {
    height: 30px;
}

.account-input-table-b {
    border-top: 1px dotted #d7d7d7;
}

.account-input-in-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto 10px;
    width: 100%;
}

.account-input-in-table-t {
    text-align: left;
    padding: 0px 5px 0px 0px;
    font-size: 12px;
    height: 40px;
}

.account-input-in-table-i {
    text-align: left;
    padding: 0px 5px 0px 0px;
    height: 40px;
}

.account-input-in-table-pass {
    width: 450px;
}

.account-input-text {
    width: 200px;
}

.account-input-attention {
    color: #777777;
    padding-bottom: 10px;
    width: 430px;
}

.account-input-btn {
    text-align: right;
    padding-right: 30px;
    padding-bottom: 20px;
}

.account-error-text {
    text-align: left;
    line-height: 20px;
    color: #FF0000;
    font-weight:bold;
    border:solid 1px;
}

.account-send-text {
    border-top: 1px dotted #d7d7d7;
    border-bottom: 1px dotted #d7d7d7;
    text-align: left;
    line-height: 20px;
    padding: 15px 10px;
    width: 600px;
    margin: 0px auto;
}

.account-child-title {
    text-align: left;
    font-size: 14px;
    color: #E48131;
}

/* account detail */
.account-parental-link {
    position: absolute;
    top: 3px;
    right: 41px;
    font-size: 14px;
    font-weight:normal;
}
.account-detail-text {
    margin: 15px auto 5px;
    width: 600px;
}

.account-detail-area {
    margin: 10px auto 5px;
    border-top: 1px dotted #d7d7d7;
    width: 625px;
}

.account-detail-title {
    font-size: 16px;
    padding: 10px 0 0px;
    font-weight: bold;
    color: #444;
}

.account-detail-mailtext {
    padding: 10px 10px;
}

.account-detailmail-btn {
    text-align: center;
    margin: 20px 0 50px;
}

.account-detail-input-area {
    margin: 0 auto;
    padding: 10px 0 5px;
    text-align: center;
}

.account-detail-input-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 450px;
    margin: 10px auto 10px;
}

.account-detail-input-table-t {
    text-align: left;
    padding: 0px 5px;
    font-size: 12px;
    height: 50px;
}

.account-detail-input-table-i {
    text-align: left;
    padding: 0px 5px;
    height: 50px;
    /*width:350px;*/
}

.account-detail-input-table-b {
    border-top: 1px dotted #d7d7d7;
}

.account-detail-input-textS {
    width: 100px;
}

.account-detail-input-text {
    width: 300px;
}

.account-detail-input-btn {
    text-align: center;

}

.account-detail-error-area {
    border-bottom: 1px dotted #d7d7d7;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
}

.account-detail-error-text {
    width: 420px;
    margin: 0 auto;
    text-align: left;
    line-height: 20px;
    color: #FF0000;
    font-weight:bold;
    border:solid 1px;
}

.account-detail-pass-error-area {
    margin: 0 auto;
    padding: 15px;
    text-align: center;
}

.account-detail-pass-error-text {
    width: 450px;
    margin: 0 auto;
    text-align: left;
    line-height: 20px;
    color: #FF0000;
    font-weight:bold;
    border:solid 1px;
}

.account-detail-input-attention {
    font-size: 11px;
    color: #777777;
}

.account-detail-input-table-i select {
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 0 #FFFFFF;
    height: 20px;
    background-color: #f0f0f0;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    padding: 4px;
    outline: medium none;
    height: 30px;
    width: 100px;
}

#left-account-menu {
    width: 200px;
    text-align: left;
    margin: 0 auto;
    padding-bottom: 20px;
    line-height: 24px;
}

#left-account-menu dd a {
    color: #000000;
    text-decoration: none;
}

#left-account-menu dd a:hover {
    color: #000000;
    text-decoration: underline;
}

.left-menu-title {
    width: 213px;
    height: 25px;
    line-height: 25px;
    color: #E48131;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px dotted #000000;
    margin: 0 auto 10px;
}

/* help */
.help-d-title {
    text-align: left;
    font-size: 14px;
    color: #E48131;
    padding: 0 0px 5px;
    margin: 0 15px 5px;
    border-bottom: 1px dotted #d7d7d7;
}

.help-d-doc {
    text-align: left;
    padding: 0 25px;
    line-height: 18px;
    margin-bottom: 25px;
}
/*
.help-faq-title {
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 5px 10px;
    margin: 10px 0px;
    background-color: #B3B3B3;
    color: #FFFFFF;
    line-height: 22px;
}
*/
.help-faq-title {
    border: 1px solid #DEDEDE;
    padding: 5px 10px;
    margin: 10px 0px;
    border: 4px double #ffad17;
    padding: 5px 10px;
    background-color: #FFCC99;
    color: #000000;
    line-height: 22px;
}

.help-faq-title .faqleft {
    width: 70%;
    text-align: left;
    float: left;
}
/*
.help-faq-title .faqright {
    width: 11%;
    text-align: center;
    float: right;
    font-size: 12px;
    font-weight: bold;
    color: #E48131;
}
*/
.help-faq-title .faqright {
    border: 1px solid #ffffff;
    width: 11%;
    text-align: center;
    float: right;
    font-size: 12px;
    font-weight: bold;
    background-color: #ff6600;
}
.help-faq-doc {
    padding: 5px 10px;
    margin: 10px 0px;
    display: none;
}
#faq_24_doc {
    display: block;
}

.help-faq-doc-title {
    border: 1px solid #DEDEDE;
    padding: 5px 10px;
    background-color: #EBEBEB;
    /*font-weight:bold;*/
}
.help-faq-doc-title {
    border: 1px solid #FDCE77;
    background-color: #FADFAC;
}
.help-faq-doc-doc {
    border-left: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
    padding: 15px;
    margin-bottom: 15px;
}
.help-faq-doc-doc {
    border-left: 1px solid #FDCE77;
    border-right: 1px solid #FDCE77;
    border-bottom: 1px solid #FDCE77;    
}
.help-overviewBtn-position {
  position:absolute;
  top:20px;
  right:35px;
}

.help-left_content2-overviewBtn {
  width:195px;
  height:83px;
  background:url('../images/index/bnid_help_btn_off.png');
  position:relative;
  cursor:pointer;
  margin:1px 0 3px 3px;
}
div.help-left_content2-overviewBtn:hover{
    background:url(../images/index/bnid_help_btn_on.png) no-repeat;
}

.help-left_content2-overviewBtn-text1 {
  position:absolute;
  top:22px;
  left:47px;
  width:125px;
  color:#FFFFFF;
  font-size:13px;
  font-weight:bold;
  line-height:20px;
}

/* faq word検索追加*/
.help-Search-box-relative{
    position: relative;
}
.help-Search-box-area{
    width: 370px;
}

.help-Search-box-parts-m{
    float: right;
    font-size: 12px;
    color: #000;
    padding-top: 14px;
}

.help-Search-serach-btn{
    margin-top :2px;
}

.help-Search-box-parts-left{
    float: left;
    padding: 7px;
}
.help-Search-text {
    width: 200px;
}

.help-Search-area {
    width: 620px;
    margin: 0 auto;
    padding: 15px 0 5px;
    text-align: center;
}

.help-Search-box-parts{
    overflow: hidden;
    margin-bottom: 25px;
}

.help-Search-box-title{
    text-align: left;
    padding: 0 0px 5px;
    margin: 0 15px 5px;
}
.help-Search-menu {
    border: 4px double #ffad17;
    padding: 5px 10px;
    margin-top: 10px;
    background-color: #FFCC99;
    color: #000000;
    line-height: 22px;
}
.help-Search-menu .help-Search-menu-left {
    width: 80%;
    text-align: left;
    float: left;
}
.help-Search-menu .help-Search-menu-right {
    border: 1px solid #ffffff;
    width: 11%;
    text-align: center;
    float: right;
    font-size: 12px;
    font-weight: bold;
    background-color: #ff6600;
    color: #ffffff;
}

a.help-Search-menu-link {
    color: #ffffff;
}

.help-Search-menu-doc {
    border: 1px solid #ffad17;
    border-top: 0px;
    margin-bottom: 10px;
    padding: 10px;
    display: none;
}

.help-Search-box-doc{
    text-align: left;
    padding: 7px;
}

.help-Search-box-parts-t{
    padding: 7px;
    margin: 5px;
}

.help-Search-submit-m {
    background: none;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    margin: 0 0 0 7px;
    padding: 0;
    width: 200px;
    height: 36px;
    background: url(../images/base/btn_ml_off.png) no-repeat;
    color: #6c5600;
    font-weight: bold;
    font-size: 16px;
}

.help-Search-bgcolor{
    background-color:#ffcc00
}

.help-Search-send-btn-area{
    margin-bottom: 20px;
}

/*services*/
.services-area {
    margin: 0 auto;
    padding: 10px 0 5px;
    text-align: center;
}

.services-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 600px;
    margin: 0 auto 10px;
}

.services-table-t {
    text-align: left;
    padding: 0px 5px;
    font-size: 12px;
    height: 50px;
}

.services-table-i {
    text-align: left;
    padding: 0px 5px;
    height: 50px;
    width: 130px;
}

.services-table-e {
    text-align: left;
    padding: 0px 5px;
    height: 50px;
    width: 75px;
}

.services-table-hs {
    height: 30px;
}

.services-table-b {
    border-top: 1px dotted #d7d7d7;
}

.services-table-title {
    text-align: left;
    padding: 0px 5px;
    height: 30px;
    color: #E48131;
}

/*info*/
.info-area {
    margin: 0 auto;
    padding: 10px 0 5px;
    text-align: center;
}

.info-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 600px;
    margin: 0 auto 10px;
}

.info-table-t {
    text-align: left;
    padding: 0px 5px;
    font-size: 12px;
    height: 40px;
    width: 115px;
}

.info-table-i {
    text-align: left;
    padding: 0px 5px;
    height: 40px;
}

.info-table-b {
    border-top: 1px dotted #d7d7d7;
}

.info-table-title {
    text-align: left;
    padding: 0px 5px;
    height: 30px;
    color: #E48131;
}

.info-table-detail-t {
    text-align: right;
    padding: 0 5px;
    font-size: 12px;
    color: #777777;
}

.info-table-detail-i {
    text-align: left;
    padding: 0px 5px;
    font-size: 15px;
    font-weight: bold;
    height: 40px;
}

.info-table-detail-d {
    text-align: left;
    padding: 5px;
    font-size: 14px;
    height: 40px;
    /*width:90px;*/
    line-height: 19px;
}

/*passbook*/
.passbook-area {
    margin: 0 auto;
    padding: 10px 0 5px;
    text-align: center;
	width: 650px;
}

.passbook-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 600px;
    margin: 0 auto 10px;
}

.passbook-table-t {
    text-align: left;
    padding: 0px 5px;
    font-size: 12px;
    height: 40px;
    width: 90px;
}

.passbook-table-i {
    text-align: left;
    padding: 0px 5px;
    height: 30px;
}

.pt1 {
    width: 50px;
}
.pt2 {
    width: 600px;
}

.pt4, .pt5, .pt6 {
    width: 50px;
}

.passbook-table {
    width: 650px;
}

.passbook-table-content {
    border: 1px solid #d7d7d7;
    padding: 5px;
}

.passbook-table-content-over {
    /*
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    */
    width: 140px;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.passbook-table-content-overtext {
    width: 220px;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.passbook-table-title {
    padding: 5px;
    background-color: #eaeaea;
    border: 1px solid #d7d7d7;
}

.select-tab {
    float: left;
    width: 110px;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-color: #d7d7d7;
    margin-right: 1px;
}

.select-tab a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    padding: 5px 0;
}

.select-tab a:hover {
    background-color: #E48131;
    color: #FFFFFF;
}

.tab-on {
    background-color: #efefef;
}

.tab-off {
    background-color: #999999;
}

.tab-off a {
    color: #FFFFFF;
}

.passbook-searchFrm-area {
  float:right;
}
.passbook-searchFrm-area > form > div {
  float:left;
  margin-left:5px;
}
.passbook-searchFrm-area .str {
  margin-top:6px;
}
.passbook-searchFrm-area .select {
  margin-top:4px;
}
.passbook-searchFrm-area .btn > a {
  width:60px;
  padding:4px 0 2px;
  color:#ffffff;
  background-color:#efefef;
  text-align:center;
  display:block;
  text-decoration:none;
}

.passbook-service-searchFrm-area {
  float:right;
  margin:10px;
}
.passbook-service-searchFrm-area > form > div {
  float:left;
  margin-left:5px;
}
.passbook-service-searchFrm-area .str {
  margin-top:6px;
}
.passbook-service-searchFrm-area .select {
  margin-top:4px;
}
.passbook-service-searchFrm-area .btn > a {
  width:60px;
  padding:4px 0 2px;
  color:#ffffff;
  background-color:#efefef;
  text-align:center;
  display:block;
  text-decoration:none;
}

/*emailmag*/
.emailmag-area {
    margin: 0 auto;
    padding: 10px 0 5px;
    text-align: center;
}

.emailmag-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 600px;
    margin: 0 auto 10px;
}

.emailmag-table-t {
    text-align: left;
    padding: 0px 5px;
    font-size: 12px;
    height: 50px;
}

.emailmag-table-i {
    text-align: left;
    padding: 0px 5px;
    height: 50px;
    width: 110px;
}

.emailmag-table-e {
    text-align: left;
    padding: 0px 5px;
    height: 50px;
    width: 100px;
}

.emailmag-table-b {
    border-top: 1px dotted #d7d7d7;
}

.emailmag-table-title {
    text-align: left;
    padding: 0px 5px;
    height: 30px;
    color: #E48131;
}

.emailmag-no-area {
    padding: 20px;
}

/* coin */
.coinBuy-title {
    width: 850px;
    margin: 10px auto;
    text-align: left;
}

.coinBuy-area {
    width: 800px;
    margin: 10px auto 20px;
    border: 1px solid #D7D7D7;
}

.coinBuy-area-text {
    padding: 10px 30px 20px;
    line-height: 18px;
}

.coinBuy-d-title {
    text-align: left;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    padding: 5px 10px;
    margin: 20px 15px 5px;
    border-bottom: 1px dotted #d7d7d7;
    background-color: #F8F9F9;
}

.coinBuy-d-text {
    padding: 10px 30px;
    line-height: 20px;
}

.coinBuy-d-button {
    width: 147px;
    margin: 10px auto;
}

.coinBuy-itemList {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 1px;
    padding-left: 20px;
}

.coinBuy-step-area {
    width: 854px;
    margin: 10px auto;
    clear: both;
    height: 45px;
}

.coinBuy-step-off {
    background: url(../images/base/step_off.jpg) no-repeat;
    width: 197px;
    height: 45px;
    text-align: center;
    color: #777777;
    float: left;
    overflow: hidden;
}

.coinBuy-step-on {
    background: url(../images/base/step_on.jpg) no-repeat;
    width: 197px;
    height: 45px;
    text-align: center;
    color: #e48131;
    float: left;
    overflow: hidden;
}

.coinBuy-step-str {
    padding: 5px 0;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
}

.coinBuy-step-arrow {
    background: url(../images/base/step_arrow.jpg) no-repeat 4px 13px;
    width: 22px;
    height: 45px;
    float: left;
}

.coinBuy-paymethodList {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 1px;
    margin-left: 20px;
    width: 620px;
}

.coinBuy-d-button-a {
    width: 320px;
    margin: 10px auto;
}

.coinBuy-d-button-l {
    width: 147px;
    float: left;
}

.coinBuy-d-button-r {
    width: 147px;
    float: right;
}

.coinBuy-error-area {
    padding: 10px 50px;
    text-align: left;
}

.coinBuy-error-text {
    line-height: 20px;
    color: #FF0000;
    font-weight:bold;
    border:solid 1px;
}

.coinBuy-end-text {
    text-align: center;
    padding: 30px 0;
}

/* resign */
.resign-title {
  width: 850px;
  margin: 10px auto;
  text-align: left;
  }

.resign-area {
  width: 800px;
  margin: 10px auto 20px;
  border: 1px solid #D7D7D7;
  }

.resign-area > div {
  padding:20px 30px;
  line-height: 18px;
  }

.resign-d-title {
    text-align: left;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    padding: 5px 10px;
    margin: 20px 0 5px;
    border-bottom: 1px dotted #d7d7d7;
    background-color: #F8F9F9;
}

.resign-d-service {
    padding: 10px 40px;
    line-height: 20px;
}

.resign-d-service-ok {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}

.resign-d-service-ng {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}

.resign-d-attention {
    border-top: 1px dotted #d7d7d7;
    padding: 10px;
    text-align: left;
    color: #ff0000;
}

.resign-attention {
    padding: 10px 10px 0 10px;
    text-align: left;
    color: #ff0000;
}

.resign-d-attention2 {
    padding: 10px;
    text-align: center;
    color: #ff0000;
}

.resign-end-text {
    padding: 50px 0;
    text-align: center;
}

.resign-input-text {
    width: 200px;
}

.resign-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 600px;
    margin: 0 auto 0px;
}

.resign-table-t {
    text-align: right;
    padding: 0px 5px;
    font-size: 12px;
    height: 50px;
}

.resign-table-i {
    text-align: left;
    padding: 0px 5px;
    height: 50px;
    width: 400px;
}

.resign-input-text {
    width: 200px;
}

.resign-conf-btn {
    width: 147px;
    margin: 10px auto;
}

.resign-error-area {
    padding: 10px 50px;
    text-align: center;
}

.resign-error-text {
    line-height: 20px;
    color: #FF0000;
    font-weight:bold;
    border:solid 1px;
}

a.resign-service-ng-link {
    color: #0000FF;
}
.resign-top-dot {
    border-top: 1px dotted #d7d7d7;
    padding: 5px;
}
.resign-ng-notice {
    color: #FF0000;
    font-size: 14px;
}
.resign-top-attention {
    padding: 10px 10px 0 10px;
    text-align: left;
    color: #FF0000;
    font-size: 14px;
    font-weight: bold;
}
.resign-center-text {
    text-align :center;
}

/* restore */
.restore-title {
    width: 850px;
    margin: 10px auto;
    text-align: left;
}

.restore-area {
    width: 800px;
    margin: 10px auto 20px;
    border: 1px solid #D7D7D7;
}

.restore-area-input {
    margin: 10px auto 20px;
}

.restore-area-text {
    padding: 20px 30px;
    line-height: 18px;
}

.restore-input-area {
    border-top: 1px dotted #d7d7d7;
    border-bottom: 1px dotted #d7d7d7;
    width: 854px;
    margin: 0 auto;
    padding: 15px 0 5px;
    text-align: center;
}

.restore-input-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 650px;
    margin: 0 auto 10px;
}

.restore-input-table-t {
    text-align: right;
    padding: 0px 5px;
    font-size: 12px;
    height: 50px;
}

.restore-input-table-i {
    text-align: left;
    padding: 0px 5px;
    height: 50px;
    width: 400px;
}

.restore-input-table-i select {
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 0 #FFFFFF;
    height: 20px;
    background-color: #f0f0f0;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    padding: 4px;
    outline: medium none;
    height: 30px;
    width: 300px;
}

.restore-input-table-hs {
    height: 30px;
}

.restore-input-text {
    width: 300px;
}

.restore-input-text-y {
    width: 80px;
    text-align: right;
}

.restore-input-text-m {
    width: 40px;
    text-align: right;
}

.restore-input-attention {
    font-size: 11px;
    color: #777777;
}

.restore-conf-btn {
    width: 147px;
    margin: 10px auto;
}

.restore-error-area {
    padding: 10px 50px;
    text-align: center;
}

.restore-error-text {
    line-height: 20px;
    color: #FF0000;
    font-weight:bold;
    border:solid 1px;
}

.restore-execute-btn {
    border-top: 1px dotted #d7d7d7;
    width: 360px;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    clear: both;
}

.restore-execute-btn-s {
    width: 180px;
    float: right;
    text-align: left;
}

/* 3DSecure */
.threeDSecure-title {
    width: 850px;
    margin: 10px auto;
    text-align: left;
}

.threeDSecure-area {
    width: 800px;
    margin: 10px auto 20px;
    border: 1px solid #D7D7D7;
}

.threeDSecure-area-text {
    padding: 20px 30px;
    line-height: 18px;
}

.threeDSecure-section {
    font-weight: bold;
    font-size: 14px;
}

/* mobilePayment */
.mobile-payment-table {
}

.mobile-payment-table th {
    background-color: #E48131;
    color: #ffffff;
    padding: 3px;
    width: 170px;
}

.mobile-payment-table td {
    padding: 3px;
}

.mobile-payment-table4 th {
    background-color: #E48131;
    color: #ffffff;
    padding: 3px;
    width: 130px;
}

.mobile-payment-table4 td {
    padding: 3px;
}

/* creditCardCompany */
.creditCardCompany-title {
    width: 850px;
    margin: 10px auto;
    text-align: left;
}

.creditCardCompany-area {
    width: 800px;
    margin: 10px auto 20px;
    border: 1px solid #D7D7D7;
}

.creditCardCompany-area-text {
    padding: 20px 30px;
    line-height: 18px;
}

/* coinCharge */
.coinCharge-title {
    width: 850px;
    margin: 10px auto;
    text-align: left;
}

.coinCharge-area {
    width: 800px;
    margin: 10px auto 20px;
    border: 1px solid #D7D7D7;
}

.coinCharge-area-text {
    padding: 10px 30px 20px;
    line-height: 18px;
}

.coinCharge-d-title {
    text-align: left;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    padding: 5px 10px;
    margin: 20px 15px 5px;
    border-bottom: 1px dotted #d7d7d7;
    background-color: #F8F9F9;
}

.coinCharge-d-text {
    padding: 10px 30px;
    line-height: 20px;
}

.coinCharge-d-button {
    width: 147px;
    margin: 10px auto;
}

.coinCharge-itemList {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 1px;
    padding-left: 20px;
}

.coinCharge-step-area {
    width: 854px;
    margin: 10px auto;
    clear: both;
    height: 45px;
}

.coinCharge-step-off {
    background: url(../images/base/step_off.jpg) no-repeat;
    width: 197px;
    height: 45px;
    text-align: center;
    color: #777777;
    float: left;
    overflow: hidden;
}

.coinCharge-step-on {
    background: url(../images/base/step_on.jpg) no-repeat;
    width: 197px;
    height: 45px;
    text-align: center;
    color: #e48131;
    float: left;
    overflow: hidden;
}

.coinCharge-step-str {
    padding: 5px 0;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
}

.coinCharge-step-arrow {
    background: url(../images/base/step_arrow.jpg) no-repeat 4px 13px;
    width: 22px;
    height: 45px;
    float: left;
}

.coinCharge-paymethodList {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 1px;
    margin-left: 20px;
    width: 620px;
}

.coinCharge-d-button-a {
    width: 320px;
    margin: 10px auto;
}

.coinCharge-d-button-l {
    width: 147px;
    float: left;
}

.coinCharge-d-button-r {
    width: 147px;
    float: right;
}

.coinCharge-error-area {
    padding: 10px 50px;
    text-align: left;
}

.coinCharge-error-text {
    line-height: 20px;
    color: #FF0000;
    font-weight:bold;
    border:solid 1px;
}

.coinCharge-end-text {
    text-align: center;
    padding: 30px 0;
}

.coinCharge-item-able {
    background-color: #ffffff;
}

.coinCharge-item-disable {
    background-color: #808080;
}

/*service-detail*/
.service-detail-area {
    margin: 0 14px 0 14px;
    padding: 10px 0 5px;
    text-align: center;
}

.service-detail-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 600px;
    margin: 0 auto 10px;
}

.service-detail-table-t {
    text-align: left;
    padding: 0px 5px;
    font-size: 12px;
    height: 50px;
}

.service-detail-table-i {
    text-align: left;
    padding: 0px 5px;
    height: 50px;
    width: 130px;
}

.service-detail-table-e {
    text-align: left;
    padding: 0px 5px;
    height: 50px;
}

.service-detail-table-hs {
    height: 30px;
}

.service-detail-table-b {
    border-top: 1px dotted #d7d7d7;
}

.service-detail-table-title {
    text-align: left;
    padding: 0px 5px;
    height: 30px;
    color: #E48131;
}
#service-detail-info {
    margin: 0 0 7px 0;
    text-align: left;
}

.service-detail-icon {
    float: left;
    margin: 0 28px 0 0;
}

.service-detail-icon img{
    vertical-align: text-bottom;
    width: 240px;
    height: 240px;
}

.service-detail-message {
    width: 354px;
    overflow: hidden;
}

.service-detail-site-link {
    text-align: right;
    margin: 0 0 7px 0;
}

.service-detail-site-link a{
    text-decoration: none;
}

hr.service-detail-separator {
    border: none;
    border-bottom: 1px dotted #cccccc;
    margin: 0 0 0 0;
}

tr.row-separator {
    border:none;
    border-bottom: 1px dotted #cccccc;
}


/*passbookService*/
.passbook-service-area {
    margin: 0 auto;
    padding: 10px 0 5px;
    text-align: center;
}

.passbook-service-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 600px;
    margin: 0 auto 10px;
}

.passbook-service-table-t {
    text-align: left;
    padding: 0px 5px;
    font-size: 12px;
    height: 40px;
    width: 90px;
}

.passbook-service-table-i {
    text-align: left;
    padding: 0px 5px;
    height: 30px;
}

.passbook-service-table-r {
    text-align: right;
    padding: 0px 5px;
    height: 30px;
}

.passbook-service-table-b {
    border-top: 1px dotted #d7d7d7;
}

.passbook-service-table-title {
    text-align: left;
    padding: 0px 5px;
    height: 30px;
    color: #E48131;
}
.passbook-service-alert {
    width:600px;
    margin:0 auto;
    text-align:left;
}

/* account detail conf */
.account-detail-conf-text {
    margin: 15px auto 5px;
    width: 600px;
}

.account-detail-conf-area {
    margin: 10px auto 5px;
    border-top: 1px dotted #d7d7d7;
}

.account-detail-conf-area {
    margin: 0 auto;
    padding: 10px 0 5px;
    text-align: center;
}

.account-detail-conf-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px auto 10px;
    width: 600px;
}

.account-detail-conf-table-t {
    text-align: left;
    padding: 0px 5px;
    font-size: 12px;
    height: 50px;
}

.account-detail-conf-table-i {
    text-align: left;
    padding: 0px 5px;
    height: 50px;
}

.account-detail-conf-table-b {
    border-top: 1px dotted #d7d7d7;
}

.account-detail-conf-textS {
    width: 100px;
}

.account-detail-conf-text {
    width: 300px;
}

.account-detail-conf-btn {
    text-align: center;
}

.account-detail-input-table-b {
    padding: 5px 5px;
    border-top: 1px dotted #d7d7d7;
}

.check-color {
    color: #E56454;
}

/* safety */
.safety-section {
    margin-bottom: 10px;
}

.safety-section-title {
    font-size: 14px;
    color: #E48131;
    border-bottom: 1px dotted #d7d7d7;
    padding: 2px 0 5px 0;
    margin-bottom: 5px;
    display: block;
}

.safety-menu {
    border: 4px double #ffad17;
    padding: 5px 10px;
    margin-top: 10px;
    background-color: #FFCC99;
    color: #000000;
    line-height: 22px;
}

.safety-menu .safety-menu-left {
    width: 70%;
    text-align: left;
    float: left;
}

.safety-menu .safety-menu-right {
    border: 1px solid #ffffff;
    width: 11%;
    text-align: center;
    float: right;
    font-size: 12px;
    font-weight: bold;
    background-color: #ff6600;
    color: #ffffff;
}

.safety-menu-link-box {
    overflow: hidden;
}

.safety-menu-doc {
    border: 1px solid #ffad17;
    border-top: 0px;
    margin-bottom: 10px;
    padding: 10px;
    display: none;
}

.safety-menu-doc p {
    margin-left: 10px;
    margin-bottom: 10px;
}

.safety-menu-doc p.red {
    color: #ff0000;
}

.safety-menu-doc ol {
    margin-bottom: 10px;
}

.safety-menu-list li,
.safety-menu-doc ol li {
    list-style: decimal outside;
    margin-left: 30px;
    margin-bottom: 3px;
}

.safety-menu-doc ol.blue li {
    color: #000099;
}

.safety-menu-doc ul li {
    list-style: disc outside;
    margin-left: 30px;
    margin-bottom: 3px;
}

.safety-menu-doc-red {
    color: #ff0000;
    margin-left: 10px;
}

.safety-menu-doc-red a:visited {
    color: #ff0000;
}

.safety-menu-doc-red a:link {
    color: #ff0000;
}

.safety-menu-link {
    width: 250px;
    border: 4px double #ffad17;
    margin: 10px 20px;
    color: #ffffff;
    background-color: #ffcc99;
    line-height: 22px;
    float: left;
}

.safety-menu-link a {
    text-align: center;
    text-decoration: none;
    padding: 5px 10px;
    display: block;
}

.safety-menu-link a:hover {
    background-color: #F6E583;
}

/* service */
#servicelist-tab-area {
    margin: 0px auto 14px auto;
    width: 600px;
    border: none;
    border-bottom: 1px dashed #cccccc;
}
.servicelist-title {
    width: 900px;
    margin: 10px auto;
    text-align: left;
}

.servicelist-area {
    width: 850px;
    margin: 10px auto 20px;
    border: 1px solid #D7D7D7;
}

.servicelist-area-text {
    padding: 20px 30px;
    line-height: 18px;
}

.servicelist-title-link {
    font-size: 12px;
    color: #777777;
}

.servicelist-frame {
    width: 600px;
    margin: 0 auto;
    border: none;
    padding: 0 0 0 7px;    
}

.servicelist-block {
    float: left;
    width: 277px;
    margin: 0 7px 7px 0px;
    padding: 7px;
    border: none;
    border-bottom: 1px dashed #cccccc;    
}

.servicelist-block-img {
    float: left;
    margin-right: 10px;
    height: 55px;
}

.servicelist-block-doc {
    float: left;
    text-align: left;
}

.servicelist-block-left {
    float:left;
    margin: 0 7px 0 0;
    width: 55px;
    word-break: break-all;
    overflow: hidden;
}

.servicelist-block-right {
    float:left;
    width: 215px;
    word-break: break-all;
    overflow: hidden;
}

.servicelist-block-title {
    height: 36px;
    margin: 0 0 6px 0;
    font-weight: bold;
}

.servicelist-block-title a{
    text-decoration: none;
    color: #4F81BD;
}

.servicelist-block-title a:link{
    text-decoration: none;
    color: #4F81BD;
}

.servicelist-block-title a:hover{
    text-decoration: none;
    color: #345c8b;
}

.servicelist-block-title a:visited{
    color: #4F81BD;
}

.servicelist-block-message {
    height: 36px;
}

.servicelist-block-detaillink {
    text-align: center;
}

.servicelist-block-detaillink a{
    text-decoration: none;
    width: 53px;
    display: block;
    text-decoration: none;
    background-color: #FFCC00;
    color: #777777;
    padding: 1px;
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
}

.servicelist-block-detaillink a:hover{
    background-color: #F8DC75;
    color: #777777;
}

.servicelist-alert {
    color: #FF0000;
    text-align: right;
    width: 600px;
    margin: 0 auto 10px;
}

.applilist-title-link {
    font-size: 12px;
    color: #777777;
}

.applilist-frame {
    border-bottom: 1px dotted #D7D7D7;
    width: 600px;
    margin: 0 auto;
}

.applilist-block {
    border-top: 1px dotted #D7D7D7;
    padding: 5px;
}

.applilist-block-img {
    float: left;
    margin-right: 10px;
    height: 55px;
}

.applilist-block-doc {
    float: left;
    text-align: left;
}

.applilist-alert {
    color: #FF0000;
    text-align: right;
    width: 600px;
    margin: 0 auto 10px;
}

.service-title-link {
    font-size: 11px;
    color: #333333;
}

/*managementId*/
.managementId-area {
    margin: 0 auto;
    padding: 10px 0 5px;
    text-align: center;
}

.managementId-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 600px;
    margin: 0 auto 10px;
}

.managementId-table-t {
    text-align: left;
    padding: 0px 5px;
    font-size: 12px;
    height: 60px;
    width: 300px;
}

.managementId-table-i {
    text-align: right;
    padding-right: 30px;
    height: 60px;
}

.managementId-table-b {
    border-top: 1px dotted #d7d7d7;
}

.emailmagJoint-link-area {
    text-align: right;
    margin: 0 10px 0 0;
    padding: 0;
}

/* header logout button */
.gray-button-23 {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 23px;
    padding: 0;
}

.gray-button-23 table {
    border-collapse: collapse;
    border-spacing: 0;
    color: #ffffff;
    font-size: 12px;
    height: 23px;
    margin: 0;
    padding: 0;
    table-layout: fixed;
}

.gray-button-23 table td.btn-l {
    background-image: url("../images/base/btn_gray_23_off.png?0723");
    background-position: left center;
    width: 15px;
}

.gray-button-23 table td {
    height: 23px;
    line-height: 23px;
    text-align: center;
}

.gray-button-23 table td.btn-c {
    background-image: url("../images/base/btn_gray_23_c_off.png?0723");
}

.gray-button-23 table td.btn-r {
    background-image: url("../images/base/btn_gray_23_off.png?0723");
    background-position: right center;
    width: 15px;
}

.gray-button-23-on {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 23px;
    padding: 0;
}

.gray-button-23-on table {
    border-collapse: collapse;
    border-spacing: 0;
    color: #ffffff;
    font-size: 12px;
    height: 23px;
    margin: 0;
    padding: 0;
    table-layout: fixed;
}

.gray-button-23-on table td {
    height: 23px;
    line-height: 23px;
    text-align: center;
}

.gray-button-23-on table td.btn-l {
    background-image: url("../images/base/btn_gray_23_on.png?0723");
    background-position: left center;
    width: 15px;
}

.gray-button-23-on table td.btn-c {
    background-image: url("../images/base/btn_gray_23_c_on.png?0723");
}

.gray-button-23-on table td.btn-r {
    background-image: url("../images/base/btn_gray_23_on.png?0723");
    background-position: right center;
    width: 15px;
}

/* header login button */
.yellow-button-23 {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #6C5600;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    padding: 0;
}

.yellow-button-23 table {
    border-collapse: collapse;
    border-spacing: 0;
    color: #6C5600;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    margin: 0;
    padding: 0;
    table-layout: fixed;
}

.yellow-button-23 table td.btn-l {
    background-image: url("../images/base/btn_yellow_23_off.png");
    background-position: left center;
    width: 15px;
}

.yellow-button-23 table td {
    height: 23px;
    line-height: 23px;
    text-align: center;
}

.yellow-button-23 table td.btn-c {
    background-image: url("../images/base/btn_yellow_23_c_off.png");
}

.yellow-button-23 table td.btn-r {
    background-image: url("../images/base/btn_yellow_23_off.png");
    background-position: right center;
    width: 15px;
}

.yellow-button-23-on {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #6C5600;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    padding: 0;
}

.yellow-button-23-on table {
    border-collapse: collapse;
    border-spacing: 0;
    color: #6C5600;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    margin: 0;
    padding: 0;
    table-layout: fixed;
}

.yellow-button-23-on table td {
    height: 23px;
    line-height: 23px;
    text-align: center;
}

.yellow-button-23-on table td.btn-l {
    background-image: url("../images/base/btn_yellow_23_on.png");
    background-position: left center;
    width: 15px;
}

.yellow-button-23-on table td.btn-c {
    background-image: url("../images/base/btn_yellow_23_c_on.png");
}

.yellow-button-23-on table td.btn-r {
    background-image: url("../images/base/btn_yellow_23_on.png");
    background-position: right center;
    width: 15px;
}

/* plus css ... global */
.login-text-input {
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 0 #FFFFFF;
    height: 20px;
    background-color: #f0f0f0;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    padding: 4px;
    outline: medium none;
}
.input-text {
    width: 140px;
}
.baseClear, .zero {
    margin: 0px;
    padding: 0px;
    font-size: 0pt;
    line-height: 0px;
    clear: both;
    border: none;
    height: 0px;
}

/* plus css ... index/top */

/*---------- IEにHTML5 新規タグを読ませる ----------*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
    display:block;
}
/*-------- end IEにHTML5 新規タグを読ませる --------*/

body {
    background-color: #f8f9f9;
}

header {
    width:970px;
    height:60px;
    margin:0 auto;
    padding:0;
}
.headerPortal-headerArea {
    position:relative;
    width:970px;
    padding: 10px 0 0 0; /* portal側独自 */
}
.headerPortal-logo {
    position:absolute;
    /* top:0; portal側独自 */
    left:0;
}
.headerPortal-title {
    position:absolute;
    top:60px;
    left:0;
}
.headerPortal-userImage {
    position:absolute;
    top:20px;
    left:665px;
}
.headerPortal-userNickname {
    position:absolute;
    top:20px;
    left:705px;
}
.headerPortal-logoutSetting {
    position:absolute;
    top:6px;
    right: 2px;  /* portal側独自 */
}
.headerPortal-logoutSetting > a{
    text-decoration:none;
}
.headerPortal-logoutBtn {
    margin-top:3px;
    text-align:center;
}
.headerPortal-inputArea {
    position:absolute;
    top:6px;
    right:0;
}
.headerPortal-loginSetting {
    float:left;
    margin-left: 12px;  /* portal側独自 */
    margin-right: 2px;  /* portal側独自 */
}
.headerPortal-loginSetting > a{
    text-decoration:none;
}
.headerPortal-loginBtn {
    margin-top:3px;
    text-align:center;
}
.headerPortal-input-pw {
    float:left;
    margin-top:18px;
    margin-left:10px;
}
.headerPortal-view-pw {
    float:left;
    margin-top:25px;
    margin-left:10px;
}
.headerPortal-input-id {
    float:left;
    margin-top:18px;
    margin-left:10px;
}
.headerPortal-view-id {
    float:left;
    margin-top:15px;
}
.headerPortal-view-id-icon {
    float:left;
    margin-top:1px;
    margin-right:3px;
}
.headerPortal-view-id-doc {
    float:left;
    font-size:10px;
}
#headerPortal-shortcut {
    /* not defined */
}


/* campaign-appli-201403 */
/*
#campaign-appli-201403 {
    background-image:url("../images/campaignAppli201403/campaign_img_pc.jpg");
    width:748px;
    height:798px;
    margin: 0 0 0 6px;
    padding: 0 0 0 0;
}
#campaign-appli-201403-login {
    background-image:url("../images/campaignAppli201403/campaign_img_login_pc.jpg");
    width:748px;
    height:707px;
    margin: 0 0 0 6px;
    padding: 0 0 0 0;
}
#campaign-appli-201403-signup-bottom a{
    display:block;
    background-image:url("../../common/images/campaignAppli201403/btn_off.png");
    width:699px;
    height:83px;
    margin: 0 0 0 26px;
    padding: 0 0 0 0;
}
#campaign-appli-201403-signup-bottom a:hover{
    background-image:url("../../common/images/campaignAppli201403/btn_on.png");
}
*/
#campaign-appli-201403-1 {
    background-image:url("../images/campaignAppli201403/0318_campain_01_pc.png");
    width:748px;
    height:576px;
    margin: 0 auto;
    padding: 0;
}
#campaign-appliClose-201403-1 {
    background-image:url("../images/campaignAppli201403/0331_campain_01.png");
    width:748px;
    height:576px;
    margin: 0 auto;
    padding: 0;
}
#campaign-appli-201403-2 {
    text-align: center;
    width:748px;
    height:494px;
    margin: 0 auto;
    padding: 0;
}
#campaign-appli-201403-3 {
    position: relative;
    text-align: center;    
    width:748px;
    height:285px;
    margin: 0 auto;
    padding: 0;
}
#campaign-appli-201403-3-login {
    position: relative;
    text-align: center;
    width:748px;
    height:285px;
    margin: 0 auto;
    padding: 0;
}
.campaign-mnw-area{
    margin: 0 6px;
    padding: 5px 10px;
    background-color: #CCEB4F;
}


/* entryInquiry */
.entryInquiry-check-mark{
    color: #E56454;
}
.entryInquiry-title {
    margin: 0px auto 0;
    padding: 20px 0;
    text-align: center;
    width: 854px;
    border-bottom: 1px dotted #d7d7d7;
}

.entryInquiry-area {
    width: 620px;
    margin: 0 auto;
    padding: 15px 0 5px;
    text-align: center;
}

.entryInquiry-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 600px;
    margin: 0 auto 10px;
}

.entryInquiry-table-t {
    text-align: right;
    padding: 0px 5px;
    font-size: 12px;
    height: 50px;
}

.entryInquiry-table-i {
    text-align: left;
    padding: 0px 5px;
    height: 50px;
    width: 380px;
}

.entryInquiry-table-hs {
    height: 30px;
}

.entryInquiry-text {
    width: 300px;
}

.entryInquiry-text-s {
    width: 200px;
}

.entryInquiry-textarea {
    width: 300px;
    height: 250px;
}

.entryInquiry-input-attention {
    font-size: 13px;
    color: #777777;
    padding: 5px 5px 10px;
    text-align: left;
    /*border-bottom: 1px dotted #d7d7d7;*/
}
.entryInquiry-inquiry-title{
  border-radius: 21px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  padding: 3px 16px;
  margin: 10px;
  background-color: #efefef;
  color: #777777;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  text-align:left;
}
.entryInquiry-inquiry-doc{
    text-align:left;
    color:#e56454;
    margin:0 15px 5px;
}

.entryInquiry-error-area {
    border-bottom: 1px dotted #d7d7d7;
    width: 590px;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
}

.entryInquiry-error-text {
    width: 420px;
    margin: 0 auto;
    text-align: left;
    line-height: 20px;
    color: #FF0000;
    font-weight:bold;
    border:solid 1px;
}

.entryInquiry-table-i select {
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 0 #FFFFFF;
    height: 20px;
    background-color: #f0f0f0;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    padding: 4px;
    outline: medium none;
    height: 30px;
    width: 300px;
}

.entryInquiry-send-btn {
    padding: 20px 10px;
}

.entryInquiry-execute-btn {
    border-top: 1px dotted #d7d7d7;
    width: 360px;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    clear: both;
}

.entryInquiry-execute-btn-s {
    width: 180px;
    float: right;
    text-align: left;
}

.entryInquiry-resize-no {
    resize: none;
}

.entryInquiry-mail-attention {
    font-size: 12px;
    padding: 5px 5px 10px;
    text-align: left;
}
.entryInquiry-person-check-attention{
    width: 300px;
    font-weight: bold;
    font-size: 12px;
    color: #E56454;
    text-align: left;    
    padding: 5px 5px 10px;
 
}

.entryInquiry-conf-attention {
    font-size: 11px;
    color: #777777;
    padding: 5px 5px 10px;
    text-align: left;
}

/* helpSearch */
.helpSearch-area {
    width: 620px;
    margin: 0 auto;
    padding: 15px 0 5px;
    text-align: center;
}

.helpSearch-text {
    width: 300px;
}

.helpSearch-serach-btn{
    margin-top :2px;
}

.helpSearch-box-parts{
    overflow: hidden;
}

.helpSearch-box-parts-m{
    text-align: left;
}

.helpSearch-box-title{
    text-align: left;
    font-size: 14px;
    color: #E48131;
    padding: 0 0px 5px;
    margin: 0 15px 5px;
    border-bottom: 1px dotted #d7d7d7;
}

.helpSearch-box-parts-left{
    float: left;
    padding: 7px;
}

.helpSearch-box-parts-t{
    padding: 7px;
    margin: 5px;
}

.helpSearch-menu {
    border: 4px double #ffad17;
    padding: 5px 10px;
    margin-top: 10px;
    background-color: #FFCC99;
    color: #000000;
    line-height: 22px;
}

.helpSearch-menu .helpSearch-menu-left {
    width: 80%;
    text-align: left;
    float: left;
}

.helpSearch-menu .helpSearch-menu-right {
    border: 1px solid #ffffff;
    width: 11%;
    text-align: center;
    float: right;
    font-size: 12px;
    font-weight: bold;
    background-color: #ff6600;
    color: #ffffff;
}
a.helpSearch-menu-link {
    color: #ffffff;
}
.helpSearch-menu-doc {
    border: 1px solid #ffad17;
    border-top: 0px;
    margin-bottom: 10px;
    padding: 10px;
    display: none;
}
.helpSearch-box-doc{
    text-align: left;
    padding: 7px;
}

.helpSearch-submit-m {
    background: none;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    margin: 0 0 0 7px;
    padding: 0;
    width: 200px;
    height: 36px;
    background: url(../images/base/btn_ml_off.png) no-repeat;
    color: #6c5600;
    font-weight: bold;
    font-size: 16px;
}
.helpSearch-title-bgcolor{
    background-color:#ffcc00
}
.helpSearch-doc-bgcolor{
    background-color:#ffcc00;
}

/* header-tabmenu */

#header-tabmenu-area {
  border-style:solid;
  border-width:1px 0;
  border-color:#d8d8d8;
  width:100%;
  margin-bottom:10px;
  background-color:#FFFFFF;
}
#header-tabmenu {
  width:970px;
  height:52px;
  margin:0 auto;
  background-image: url("../images/base/tabmenu.png");
  background-repeat: no-repeat;
  background-position:0 -2px;
  position:relative;
}
#header-tabmenu div a {
  display:block;
  position:absolute;
  top:0;
  height:48px;
  background-image: url("../images/base/tabmenu.png");
}
#header-tabmenu #p1 a{left:1px;width:130px;background-position:-1px -2px;}
#header-tabmenu #p1 a:hover{background-position:-1px -54px;}
#header-tabmenu #p2 a{left:132px;width:173px;background-position:-132px -2px;}
#header-tabmenu #p2 a:hover{background-position:-132px -54px;}
#header-tabmenu #p3 a{left:306px;width:132px;background-position:-306px -2px;}
#header-tabmenu #p3 a:hover{background-position:-306px -54px;}
#header-tabmenu #p4 a{left:439px;width:132px;background-position:-439px -2px;}
#header-tabmenu #p4 a:hover{background-position:-439px -54px;}
#header-tabmenu #p5 a{left:572px;width:132px;background-position:-572px -2px;}
#header-tabmenu #p5 a:hover{background-position:-572px -54px;}
#header-tabmenu #p6 a{left:705px;width:132px;background-position:-705px -2px;}
#header-tabmenu #p6 a:hover{background-position:-705px -54px;}
#header-tabmenu #p7 a{left:838px;width:131px;background-position:-838px -2px;}
#header-tabmenu #p7 a:hover{background-position:-838px -54px;}

#header-tabmenu #p1.tab-selected a{left:1px;width:130px;background-position:-1px -54px;}
#header-tabmenu #p7.tab-selected a{left:838px;width:131px;background-position:-838px -54px;}


/* accountParental */
.accountParental-detail-area {
    margin: 10px auto 5px;
/*    border-top: 1px dotted #d7d7d7;*/
    width: 600px;
}
.accountParental-detail-mailtext {
    padding: 10px 0;
	text-align:center;
}
.accountParental-detail-pass-error-area {
    margin: 0 auto;
    padding: 15px;
    text-align: center;
}
.accountParental-detail-pass-error-text {
    width: 450px;
    margin: 0 auto;
    text-align: left;
    line-height: 20px;
    color: #FF0000;
    font-weight:bold;
    border:solid 1px;
}
.accountParental-detailmail-btn {
    text-align: center;
    margin: 20px 0 10px;
}

.accountParental-error-text {
    text-align: left;
    line-height: 20px;
    color: #FF0000;
    font-weight:bold;
    border:solid 1px;

}
.accountParental-input-area {
    margin: 0 auto;
    padding: 10px 0 5px;
    text-align: center;
}
.accountParental-input-attention {
    color: #777777;
    padding-bottom: 10px;
    width: 430px;
}
.accountParental-input-in-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto 10px;
    width: 100%;
}
.accountParental-input-in-table-i {
    text-align: left;
    padding: 0px 5px 0px 0px;
    height: 40px;
}
.accountParental-input-in-table-pass {
    width: 450px;
}
.accountParental-input-in-table-t {
    text-align: left;
    padding: 0px 5px 0px 0px;
    font-size: 12px;
    height: 40px;
}
.accountParental-input-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 600px;
    margin: 0 auto 10px;
}
.accountParental-input-table-b {
    border-top: 1px dotted #d7d7d7;
}
.accountParental-input-table-e {
    text-align: left;
    padding: 0px 5px;
    height: 50px;
    width: 50px;
}
.accountParental-input-table-i {
    text-align: left;
    padding: 0px 5px;
    height: 50px;
    width: 300px;
}
.accountParental-input-table-t {
    text-align: left;
    padding: 0px 5px;
    font-size: 12px;
    height: 50px;
}

.accountParental-input-table-is {
    text-align: left;
    padding: 0px 5px;
    height: 30px;
    width: 350px;
}
.accountParental-input-table-ts {
    text-align: left;
    padding: 0px 5px;
    font-size: 12px;
    height: 30px;
}

.accountParental-subtitle {
    background-color:#ededed;
    color:#555;
    padding:7px;
    text-align:left;
}
.accountParental-input-text {
    width: 200px;
}
.accountParental-input-text-m {
    width: 250px;
}
.accountParental-dialog-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 300px;
    margin: 0 auto 10px;    
}
/*------------------------- ダイアログ  ----------------------------*/
#dialogArea{
  display:none;
  position:relative;
  z-index:10;
  }
#dialogBody{
  position: fixed;
  background: #666666;
  /*min-width:400px;*/
  top:50%;
  left:50%;
  border-radius:20px;
  z-index:11;
  padding: 10px;
  }
#dialogContent{
  background-color:#FFFFFF;
  border:1px solid #000000;
  padding:10px;
  }
#dialogBK{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#efefef;
  opacity:0.5;
  filter:alpha(opacity=50);
  -moz-opacity:0.50;
  z-index:10;
  cursor:pointer;
  }
/*------------------------- ダイアログ  ----------------------------*/

/*------------------------- index ----------------------------*/
.index-service-list {
  padding:5px 0;
  }
.index-service-list > .block {
  width:350px;
  border:1px solid #d8d8d8;
  margin:5px;
  padding:5px;
  }
.index-service .linkText {
  float:left;
  width:300px;
  height:18px;
  overflow:hidden;
  }
.index-service .linkText > a{
  text-decoration:none;
  color:#5095d9;
  font-weight:bold;
  }
.index-service .iconArea {
  float:right;
  }
.index-service .iconArea > div{
  float:left;
  margin-left:5px;
  }
.index-service .image{
  float:left;
  padding:5px;
  }
.index-service .doc{
  float:left;
  width:220px;
  height:115px;
  overflow:hidden;
  padding-top:10px;
  }
.index-service .buttonArea {
  float:right;
  }
.index-service .button {
  float:left;
  margin-left:10px;
  background-color:#e5e5e5;
  border-radius:5px;
  width:70px;
  display:block;
  text-align:center;
  text-decoration:none;
  color:#000000;
  font-size:10px;
  }
.index-service #button1 {border:1px solid #ff6c61;}
.index-service #button2 {border:1px solid #ffda42;}
.index-service #button3 {border:1px solid #4ee196;}
.index-service #button4 {border:1px solid #49c8f1;}

/*------------------------- index ----------------------------*/

/*------------------------- serviceSearch ----------------------------*/
.serviceSearch-list {
  padding:5px 0;
  }
.serviceSearch-list > .block {
  width:350px;
  border:1px solid #d8d8d8;
  margin:5px;
  padding:5px;
  }
.serviceSearch .linkText {
  display:block;
  float:left;
  width:300px;
  height:18px;
  overflow:hidden;
  }
.serviceSearch .linkText > a{
  text-decoration:none;
  color:#5095d9;
  font-weight:bold;
  }
.serviceSearch .iconArea {
  float:right;
  }
.serviceSearch .iconArea > div{
  float:left;
  margin-left:5px;
  }
.serviceSearch .image{
  float:left;
  padding:5px;
  }
.serviceSearch .doc{
  float:left;
  width:220px;
  height:115px;
  overflow:hidden;
  padding-top:10px;
  }
.serviceSearch .buttonArea {
  float:right;
  }
.serviceSearch .button {
  float:left;
  margin-left:10px;
  background-color:#e5e5e5;
  border-radius:5px;
  width:70px;
  display:block;
  text-align:center;
  text-decoration:none;
  color:#000000;
  font-size:10px;
  }
.serviceSearch #button1 {border:1px solid #ff6c61;}
.serviceSearch #button2 {border:1px solid #ffda42;}
.serviceSearch #button3 {border:1px solid #4ee196;}
.serviceSearch #button4 {border:1px solid #49c8f1;}

/*------------------------- serviceSearch ----------------------------*/

/*------------------------- userMenu service ----------------------------*/
.userMenu-serviceCategory {
  width:200px;
  margin: 0 auto;
  text-align: left;
  }
.userMenu-serviceCategory-t {
  background:url(../images/base/left_01_a.jpg) no-repeat;
  width:200px;
  height:7px;
  line-height:1px;
  font-size:1px;
  text-align: left;
  }
.userMenu-serviceCategory-m {
  background:url(../images/base/left_01_b.jpg) repeat-y;
  text-align: left;
  }
.userMenu-serviceCategory-b {
  background:url(../images/base/left_01_c.jpg) no-repeat;
  width:200px;
  height:7px;
  line-height:1px;
  text-align: left;
  font-size:1px;
  }
.userMenu-serviceCategory-title {
  color:#777777;
  font-weight:bold;
  text-align:center;
  }
.userMenu-serviceCategory-line {
  margin:5px 5px 0;
  border-top:1px solid #d8d8d8;
  }
.userMenu-serviceCategory-buttonArea {
  text-align:center;
  }
.userMenu-serviceCategory-buttonArea > div {
  padding-top:5px;
  }
/*------------------------- userMenu service ----------------------------*/

/*------------------------- parentalOverview ----------------------------*/
.parentalOverview-attention-title {
    padding: 5px 10px;
    margin-top: 10px;
    background-color: #FFCC99;
    color: #000000;
    line-height: 22px;
}
.parentalOverview-attentionArea {
  width:498px;
  margin:16px auto;
  }
.parentalOverview-attentionImgArea {
  width:498px;
  margin:0 auto;
  text-align:center;
  }
.parentalOverview-attention-text-indent {
  text-indent:-36px;
  }
.parentalOverview-attention-margin-top {
  margin-top:6px;
  }
.parentalOverview-attention-link {
  color:#FF0000;
  text-decoration:underline;
  }
.parentalOverview-img-link {
  width:332px;
  margin:10px auto 20px auto;
  }
.parentalOverview-img-link img{
  vertical-align: middle;
}
/*------------------------- parentalOverview ----------------------------*/


/*------------------------- pcard ----------------------------*/
.pcard-title {
    width: 850px;
    margin: 10px auto;
    text-align: left;
}
.pcard-area {
    width: 800px;
    margin: 10px auto 20px;
    border: 1px solid #D7D7D7;
}

.pcard-area-text {
    padding: 10px 30px 20px;
    line-height: 18px;
}
.pcard-content-str {
    padding: 0 20px;
}
.pcard-content-str ul li {
    list-style: disc outside;
    margin-left: 30px;
    margin-bottom: 3px;
}
.pcard-input-text {
    padding: 10px 30px;
    line-height: 20px;
}
.pcard-input-button {
    width: 147px;
    margin: 10px auto;
}

.pcard-input-table {
    font-size: 14px;
    line-height: 20px;
    margin: 20px auto;
    width:620px;
    border:1px solid #ededed;
}
.pcard-input-table th{
    height:75px;
    background-color:#666;
    padding: 0 20px;
    color:#fff;
}
.pcard-input-table .tds1{
    height:75px;
    padding-left:20px;
}
.pcard-input-table .tds2{
    height:75px;
    padding-right:20px;
}
.pcard-input-table td input{
    font-size:16px;
    width:180px;
}
.pcard-error-area {
    padding: 10px 50px;
    text-align: left;
}

.pcard-error-text {
    line-height: 20px;
    color: #FF0000;
    border:solid 1px;
    padding:10px;
}

/*------------------------- pcard ----------------------------*/

.input-text-y {
  width:80px;
  text-align:right;
}
.input-text-m {
  width:40px;
  text-align:right;
}