@charset "UTF-8";

/*******************************
 サイトロゴ
 *******************************/

.site_logo, .site_logo * {
	font-size: 4rem;
}

/*******************************
 ヘッダ
 *******************************/

header {
	padding: 1rem 0;
}

header h1 {
	margin: 12px 0 5px -5px;
}

header #head_btn_login {
	float: right;
	margin: 12px 4px 0;
	min-width: 14rem;
	background-color: #CF4F43;
}

header #head_btn_logout {
	margin: 12px 4px 0;
}

header #head_btn_regist {
	float: right;
	margin: 12px 4px 0;
}

header #head_btn_mypage {
	float: right;
	margin: 12px 4px 0;
}

#login_user {
	display: block;
	float: right;
	margin-top: 1rem;
	margin-right: 2rem;
	text-align: right;
}

/*******************************
 コピーライト
 *******************************/

#copyright {
	background: #007DB8;
}

/*******************************
 トップメニュー
 *******************************/

#nav_index {
	background: #007DB8;
}

#nav_index li a {
	padding: 0 2rem;
}

#nav_index li a:hover {
	color: #007DB8;
}

/*******************************
 ボタン
 *******************************/

button, .a_button {
	background-color: #00AA42;
}

/*******************************
 マイページ
 *******************************/

/*  現在の級・段（サイドメニュー） */

#grade_frame {
	display: block;
	width: 230px;
}


#grade_status {
	padding: 2rem 0 1.7rem;
	font-weight: bold;
	font-size: 5rem;
	line-height: 3.5rem;
	color: #F00;
}

#grade_status_date {
	margin-bottom: -.5rem;
}

#charge_status {
	margin: 3rem 0;
	font-size: 2.8rem;
	font-weight: bold;
}

#charge_status .ok {
	color: #090;
}

#charge_status .ng {
	color: #999;
}

#charge_status .nokori {
	font-size: 1.8rem;
	color: #F33;
	font-weight: normal;
}

#charge_status .repoint {
	font-size: 1.8rem;
	color: #333;
	font-weight: normal;
}

#training_status {
	margin: 3rem 0;
	font-size: 3rem;
	font-weight: bold;
}

#training_status .ok {
	color: #090;
}

#training_status .ng {
	color: #999;
}

#training_status .nokori {
	font-size: 1.8rem;
	color: #F33;
	font-weight: normal;
}

#yomiage_status {
	margin: 3rem 0;
	font-size: 3rem;
	font-weight: bold;
}

#yomiage_status .ok {
	color: #090;
}

#yomiage_status .ng {
	color: #999;
}

#yomiage_status .nokori {
	font-size: 1.8rem;
	color: #F33;
	font-weight: normal;
}

#mydata_info {
	margin-bottom: 4rem;
	padding: 1.6rem;
	width: 95%;
	border: 1px solid #999;
	-webkit-box-shadow: 1px 0px;
	box-shadow: 1px 1px 2px -1px #666;
}

/*******************************
 その他
 *******************************/