@charset "utf-8"; 



@import "common.css";

@import "MyPage.css";



#all {

    background: url(../images/all_bg2.gif) repeat-y;

}

/* ============================================================ header */

#header p#site-logo {

    float: left;

    height: 85px;

    width: 254px;

    margin-top: 5px;

    text-indent: -9999em;

    background: url(../images/designgraphic.gif) no-repeat;

}

#header p#site-logo a {

    height: 85px;

    width: 254px;

    display: block;

}

#header .top-flash {

    height: 130px;

}

/* ====================================================  */



/* error */



#wrapper .error {

    padding: 20px 0 0 11.5em;

    text-align: left;

}

#wrapper .error strong {

    color: #FF0000;

}









.content{

    zoom:1;

    overflow:hidden;

    }

.content:after{

    content:".";

    display: block;

    height:0px;

    clear:both;

    visibility:hidden;

}





#loginForm{

    padding:1em 4.5em 0 4.5em;

    text-align:left;

    }

#loginForm .error {

    width: 484px;

    margin: auto;

    padding: 20px 0 0;

    text-align: left;

}

#loginForm .error strong {

    color: #FF0000;

}



#loginForm h2 {

    font-size:12px;

    font-weight:normal;

    color:#666666;

    margin-bottom:10px;

    background:url(../images/c301/bg_title.gif) no-repeat left center;

}

#loginForm h2 .title{

    margin:0 0 0 65px;

    padding-top:0.2em;

    font-size:22px;

    font-weight:bold;

    color:#E66E00;

}

#loginForm h2 p.text{

    margin:0 0 0 65px;

    padding:0.5em 0 0 0;

    font-size:12px;

}

#loginForm #form {

    margin:0 0 10px 0;

    padding:37px 0 40px 65px;

    border-top:1px solid #999999;

    border-bottom:1px solid #999999;

}

#loginForm #form #input_text{

    float:left;

    width:345px;

}

#loginForm #form #input_text li{

    height:24px;

    padding:0 0 0 6px;

}

#loginForm #form #input_text li.top{

    margin-bottom:6px;

}

#loginForm #form #input_text li p{

    float:left;

    padding:5px 0 0 0;

    color:#1A1A1A;

    font-size:12px;

    width:96px;

}

#loginForm #form #input_text li input{

    float:left;

    width:227px;

    height:22px;

    font-size:18px;

    font-weight:normal;

    border:1px #666666 solid;

}



#loginForm #form .inputSub{

    padding:18px 0 0 100px;

    vertical-align:middle;

    clear:both;

}



#loginForm #form .inputSub #input_checkbox {

    float:left;

    width:143px;

    border-right:1px solid #808080;

}

#loginForm #form .inputSub #input_checkbox input{

    vertical-align:middle;

    margin-right:5px;

}



#loginForm #form .inputSub #input_link {

    padding-top:0.1em;

    padding-left:1em;

    width:12em;

    float:left;

}

#loginForm #form .inputSub #input_link a{

    color:#666;

}

#loginForm #form .inputSub #input_link a:hover{

    color:#000;

}

#loginForm .explan {

    font-size:12px;

    color:#666666;

    line-height:1.6;

    text-indent:-12px;

    padding:0 0 26px 12px;

}



#loginForm #pointPresent {

    margin-bottom:1em;

    padding-bottom:1.5em;

    background:url(../images/c301/icon_1000points.gif) no-repeat top right;

    border-bottom:1px #CCC solid;

}



#loginForm #pointPresent .title{

    margin:0 0 6px 0;

    color:#666666;

    font-size:16px;

    font-weight:bold;

}

#loginForm #pointPresent .text{

    margin-bottom:1em;

    color:#666666;

    font-size:12px;

    line-height:1.6;

    width:430px;

}

#loginForm #pointPresent p.btn{

    float:left;

    }







#loginForm .txtlink{

    padding:1em 0 0 11em;

    float:left;

    }

#loginForm .txtlink a{

    font-size:12px;

    font-weight:bold;

    }

    #loginForm .txtlink img{

        padding-right:0.5em;

        padding-bottom:3px;

        }



#loginForm #quote{

    margin-bottom:2em;

    }

#loginForm h3{

    margin-bottom:0.5em;

    color:#666666;

    }





#wrapper .logout {

    width: 650px;

    margin: 0 auto;

}

#wrapper .logout p.message {

    margin-top: 10px;

    margin-bottom: 10px;

    font-size: 16px;

    text-align: center;

}

#wrapper .logout p.right {

    float: right;

    margin-bottom: 60px;

}

#wrapper .password {

    width: 520px;

    padding-top: 20px;

    padding-bottom: 60px;

    margin: 0 auto;

    text-align: left;

}

#wrapper .password h2 {

    padding-top: 5px;

    padding-bottom: 5px;

    padding-left: 10px;

    border-left: solid 8px #FF9900;

    font-size: 16px;

    text-align: left;

}

#wrapper .password h3 {

    margin-top: 1em;

    border-bottom: solid 1px #FF9900;

    font-size: 14px;

    font-weight: normal;

    text-align: left;

}

#wrapper .password table th,

#wrapper .password table td {

    padding: 8px;

}

#wrapper .password table {

    width: 100%;

}

#wrapper .password table td {

    border: solid 1px #999;

    vertical-align: top;

    text-align: left;

    background-color: #eee;

}

#wrapper .password table th {

    padding-right: 16px;

    border: solid 1px #999;

    font-weight: normal;

    vertical-align: top;

    text-align: left;

    background-color: #CCCCCC;

}

#wrapper .password table td strong {

    font-size: 10px;

    font-weight: normal;

    color: #FF0000;

}

#wrapper .password input.input-border {

    border: solid 1px #FF9900;

}

#wrapper .password .kiyaku {

    height: 240px;

    overflow: auto;

    border: solid 1px #999;

    font-size: 12px;

}

#wrapper .globalsign-box {

    width: 484px;

    padding-top: 10px;

    padding-bottom: 0px;

    margin: 0 auto;

    text-align: left;

}

#wrapper .globalsign-box p.globalsign {

    float: left;

    width: 140px;

    padding-top: 0px;

    padding-bottom: 0px;

}



#wrapper .globalsign-box p {

    height:57px;

}