@charset "utf-8";
/* 
   ログイン関連スタイル
 */
#GSC_customer_login_base {
    margin: 20px auto 10px auto;
    width:  780px;
}
#GSC_customer_login_base .float_clear{
    clear: both;
}
#GSC_customer_login_base strong{
    font-weight: bold;
}
#GSC_customer_login_base .error_message{
    font-size:   11px;
    font-weight: normal;
    color:       #cc3333;
}
#GSC_customer_login_base .notation{
    color:       #3366ff;
    font-size:   11px;
}
#GSC_customer_login_base .h2Ttl span {
	padding: 0 0 12px 24px;
	display: block;
	color: rgb(36, 163, 255);
	font-size: 16px;
	font-weight: bold;
	background: url(../images/point/com_h2_bg02.gif) no-repeat left 1px;
	line-height:16px;
}
#GSC_customer_login_base h2 {
	margin: 0 auto 20px;
	width: 740px;
	background: url(../images/point/com_h2_bg01.gif) no-repeat left bottom;
}



/* ボタン群 (form用) */
#GSC_customer_login_base input.button_login{
    width:        200px; 
    height:       40px; 
    background:   transparent 0 0 no-repeat url("../images/parts/customer/bt_login_off.gif");
    border-style: none;
}

/* 旧マイ本棚案内 */
#GSC_customer_login_base div.renewal_info{
    margin: 0 auto;
    border: solid 1px #cccccc;
    padding: 20px 70px;
    width: 486px;
    line-height: 18px;
}
#GSC_customer_login_base div.renewal_info div.renewal_info_title{
    padding-bottom: 7px;
    font-size: 15px;
    font-weight: bold;
    color:     #ff0000;
}
#GSC_customer_login_base div.renewal_info img{
    vertical-align: middle;
    margin: 0 4px;
}

/* ---------------------------------------------------------
   ログイン 
--------------------------------------------------------- */
#GSC_customer_login_base div.login_boxes{
    margin: 30px 25px 20px 25px;
    width:  730px;
}
#GSC_customer_login_base div.login_box{
    float: left;
    width: 350px;
    color: #333333;
    font-size: 12px;
}
#GSC_customer_login_base div.login_box h3{
    padding-top: 12px;
    width:       350px;
    height:      25px;
    text-align:  center;
    font-size:   16px;
    font-weight: bold;
    background:  transparent 0 0 no-repeat url("../images/parts/customer/bg_350box_top.gif");
}
#GSC_customer_login_base div.login_box_body{
    padding:      50px 20px 30px 20px;
    border-style: solid;
    border-width: 0 1px;
    border-color: #cccccc;
    width:        308px;
}

#GSC_customer_login_base div.login_box_body div.form_items{
    margin: 0 auto;
    width: 200px;
}
#GSC_customer_login_base div.login_box_body div.form_items input.textbox{
    border: solid 1px #cccccc ;
    padding: 3px;
    width: 192px;
}
#GSC_customer_login_base div.login_box_body div.form_items input.checkbox{
    vertical-align: middle;
}
#GSC_customer_login_base div.login_box_body div.form_item{
    margin: 0 0 10px 0;
}
#GSC_customer_login_base div.login_box_body img.captcha{
    margin: 2px 0;
}
#GSC_customer_login_base div.buttons{
    text-align:     center;
}
#GSC_customer_login_base div.buttons input:hover {
	cursor: pointer;
}
#GSC_customer_login_base div.login_box_footer{
    height:     20px;
    background: transparent 0 0 no-repeat url("../images/parts/customer/bg_350box_bottom.gif");
}




#GSC_customer_login_base div.other_operation{
    text-align: right;
}
#GSC_customer_login_base div.other_operation a{
    border:          solid 1px #ff9900;
    padding-left:    12px;
    color:           #ff9900;
    text-decoration: none;
    background: transparent 0 50% no-repeat url("../images/parts/customer/ico_arrow_orange.gif");
}




#GSC_customer_login_regist{
    margin-right: 30px;
}
#GSC_customer_login_regist div.login_box_body_text{
    margin-left:  auto;
    margin-right: auto;
    width:  200px;
    height: 167px;
}
#GSC_customer_login_login div.login_box_body div.form_input_items{
    height: 167px;
}
#GSC_customer_login_login_with_captcha div.login_box_body div.form_input_items_with_captcha{
    margin-bottom: 30px;
}