@charset "utf-8";
/* CSS Document */


.mypage{margin:0 0 50px 0;}



.mypage_main_wrap{float:right; margin:10px 0 0 0; width:100%; min-height:500px;}
.mypage_top_info{border:1px solid #e4eaee;}
.mt_my{border-bottom:1px solid #e4eaee; padding:10px 15px; background:#f5f8fa;}
.mt_my .mt_name{float:left; margin:12px 0 0 10px; font-size:14px;}
.mt_my .mt_name span{display:inline-block; margin:0 10px 0 0; color:#546d7e;}
.mt_my .mt_name span.mp_font1{color:#333;}
.mt_my .mt_my_right{float:right;}
.mt_my .mt_my_right li{float:left; margin:0 30px;}
.mt_my .mt_my_right li span{display:block; text-align:center; margin:5px 0; font-size:14px; line-height:16px; color:#546d7e;}
.mt_my .mt_my_right li span.mp_font2{font-weight:bold;}
.mt_my .mt_my_right li span.mp_font2 font{color:#ff4400; font-size:18px; line-height:20px;}
.mt_info{padding:10px 15px;}
.mt_info li{font-size:12px; line-height:18px; margin:10px 0; padding:0 0 0 15px; background:url(../img/mypage/li_blit1.gif) no-repeat; background-position:5px 5px;}


.date_select{border-top:1px solid #e4eaee; background:#f5f8fa; padding:10px 20px;}
.date_select p span{display:inline-block; padding:5px 6px 7px; height:12px; border-radius:3px; background:#ccc;}
.dt_calendar{float:left; width:450px;}
.dt_btn{float:right;}
.dt_btn li{float:left; margin:0 3px;}

.mypage_tab {margin:30px 0 10px 0; position:relative; z-index:2;}
.mypage_tab input{position:relative; display:block; float:left; padding:10px 8px; line-height:12px; font-size:12px; border:1px solid #d7d7d7;  margin:0 2px 0 0; color:#333; background:#fff; cursor:pointer; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0;}
.mypage_tab input:hover{text-decoration:none; color:#ff4400; }
.mypage_tab input.on{z-index:2; border:1px solid #ff4400; color:#ff4400;}

.oh_data{margin:30px 0 0 0;}
.oh_data li{float:left; margin:0 15px 0 0;}
.oh_data li span{color:#999;}

.ex_reson{border:1px solid #ddd; background:#fcfcfc; margin:15px 0 0 0;}
.ex_reson p{padding:8px 10px;}
.ex_reson p textarea{width:97%;}

.pass-msg {font-size: 13px; line-height: 1.2em; margin-top: 4px;}
.pass-msg span {color: red;}

@media (max-width:667px){
	
	
	.mypage_main_wrap{float:none; width:100%; clear:both;}
	.mypage_top_info{position:relative; border-right:none; border-left:none; top:-1px; }
	.mt_my{display:none;}
	.mt_info{padding:5px 10px;}
	.mt_info li{font-size:11px; line-height:14px; padding:0 0 0 10px; background-position:0px 4px;}
	
	
	.date_select{padding:10px 10px;}
	.dt_calendar{float:none; width:100%; margin:0 0 10px 0;}
	.dt_btn{float:none;}
	.dt_btn li{margin:0 1px;}
	
	.mypage_tab {margin:50px 0 10px 0;}
	.mypage_tab input:first-child{margin:0 2px 0 5px;}	
	
	#REASON_CD{width:200px; overflow:hidden;}
	
	.oh_data{margin:20px 5px 0;}
	.oh_data li{float:none; margin:0 0 5px 0;}
	
	.ex_reson{border-left:none; border-right:none;}
	
	.pass-msg {font-size: 11px; line-height: 1.2em; margin-top: 4px;}
}