body { background-color: #f9f9f9;}
.wrap { width: 960px; margin: 0 auto;}
.content { width: 100%; border: 1px solid #eaeaea; text-align: center; background-color: #fff; min-height: 43.5em;}
.bg_red { background-color: #e60012;}
.bg_gray { background-color: #efefef;}
.color_red { color: #e60012;}
.color_gray { color: #999;}
.color_deepgray { color: #666;}
.bd_cl { border: none;}
.hidden { display: none;}
.font-xxxl { font-size: 30px;}
.font-xxl { font-size: 24px;}
.font-xl { font-size: 18px;}
.font-l { font-size: 16px;}
.font-m { font-size: 14px;}
.font-s { font-size: 12px;}
.font-weight { font-weight: 600;}
.text-al { text-align: center;}
.margin_center { margin: 0 auto;}

.header { position: relative;}
.header>div:first-child { padding: 50px 0 60px;}
.header>div>.logo { display: inline-block;}
.header>div>.loginout { font-size: 1.2em; display: inline-block; line-height: 5em;position:absolute; right: 1em; top: 42px; }
.account_area { position: absolute; right: 3em; top: 110px;}
.account_area>div { display: inline-block;}
.account_avatar { width: 6.5em; height: 6.5em; border: 2px solid #eaeaea; padding: 4px; background-color: #fff; border-radius: 50%;}
.account_avatar>img { width: 100%; height:100%; border-radius: 50%;}
.account_info { float: left; padding-top: 2em; margin-right: 1em; text-align: right;}
.account_info>p:first-child { font-size: 14px; color: #999;}


.footer { position: relative; padding: 3.5em 0; text-align: center;}


.all_input { border: 1px solid #dedede; margin-bottom: 1.6em; position: relative;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.all_input>div { padding-bottom: 1px;}
	.identify_input { padding-bottom: 1px;}
}
.all_input>div { overflow: hidden;}
.all_input input { padding: 12px 21px; width: 24.3em; font-size: 14px;}
.all_input input:focus { box-shadow: 0 0 8px #eaeaea inset;}
	input::-webkit-input-placeholder { 
　　color:#c2c2c2;
　　}
　　input:-moz-placeholder { 
　　color:#c2c2c2;
　　}
　　input:-moz-placeholder { 
　　color:#c2c2c2;
　　}
　　input:-ms-input-placeholder { 
　　color:#c2c2c2;
　　}
.radio { height: 1.5em; width: 1.5em; background: url(http://unregister.ebag.readboy.com/style/pc/images/radio.png) no-repeat; display: inline-block; cursor: pointer;}
.radio_clicked { background-position: 0 -20px;}
.identify { clear: both; display: inline-block; margin-bottom: 1.6em; position: relative;}
.identify_input { display: inline-block; float: left; border: 1px solid #dedede;}
.identify_input>input { padding: 12px 21px; width: 16em; font-size: 14px;}
.identify_input>input:focus { box-shadow: 0 0 8px #eaeaea inset;}
.identify_img { display: inline-block; float: right; width: 100px; height: 40px; border: 1px solid #dedede; margin-left: 12px; *margin-left: 10px;}
.identify_m { position: relative; top: .2em; width: 9em; margin-left: 8px; *margin-left: 4px;}


.button_l { width: 210px;}
.button_s { width: 126px;}
.button_white { background-color: #fff; color: #333; border: 1px solid #dedede; padding: .8em 1.6em;}
.button_red { background-color: #e60012; color: #fff; padding: .8em 1.6em; }
.button_gray { background-color: #aaa; color: #fff; padding: .8em 1.6em; }


    .identify_input{ width: 266px; height: 40px;}
    .ph-input{width: 224px;height: 16px;padding: 12px 21px;}
    .ph-name-input{width: 180px;height: 16px;padding: 10px 21px;}
    .all_input_ph{border: 1px solid #dedede; margin-bottom: 1.6em; position: relative;}