@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body { 
	font-family:  'Meiryo','PingFang SC','Microsoft JhengHei','Microsoft YaHei','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ','맑은 고딕','Nanum Gothic'; 
	text-align: center;
}
#mask {
	position:absolute;
	left:0;
	top:0;
	z-index:9998;
	background-color:#000;
	display:none;
	
}

h1{
	font-size: 1.4em;
	font-weight: 600;
}
.top_menu{
	text-decoration: none;
	color: #337;
}
.gen_div{
	width: 100%;
	max-width: 1024px;
	margin: 0px auto;
	vertical-align: top;
}
.main_content{
	min-height: 650px;
}
.login_box_title{
	font-size: 3em;
	font-weight: 800;
	color: #ddd;
}
.login_text{
	width:10em;
	border: 0px;
	background-color: #eff3f7;
	padding: 0.2em;
	display: inline-block;
	margin: 0.3em;
}
.login_btn{
	display: inline-block;
	margin: 0.6em;
	padding: 0.4em 0.7em;
}
.findidpw_anchor{
	text-decoration: none;
}
.findidpw_anchor:hover{
	text-decoration: underline;
}
.skdbd_join_txt{
	width:calc(90% - 2em);
	margin: 2em 4.9%;
	font-size: 0.85em;
	text-align: left;
}
.join_text{
 width:140px;	
}
.join_text_pw{
	width: 140px;
}
.skdbd_join_agree{
	width:calc(90% - 2em);
	margin: 1em 4.9%;
	border: 1px solid #eee;
	height: 15em;
	line-height: 1.4;
	overflow: scroll;
	padding: 0px 1em;
	font-size: 0.7em;
	border-radius: 10px;
	text-align: left;
}
.skdbd_join_agree_ok,.skdbd_join_privacy_ok{
	width: 90%;
	margin: 0em 4.9%;
	text-align: left;
	font-size: 0.8em;
	
}
.skdbd_join_btn{
	padding: 1em;
	margin: 2em;
}
.join_form_title{
	font-size: 2em;
	font-weight: 300;
	color:#ccc;
	text-align: center;
}
.small_nav{
	text-align: center;
	margin-top: 2em;
}
.small_nav ul{
	margin:10px 0px;
	padding: 0px;
}
	.small_nav li{
		font-size: 0.8em;
		list-style-type: none;
		display: inline-block;
		border:1px solid #ccc;
		border-radius: 10px;
		padding: 10px;
		margin:0px 5px 10px 5px;
	}
	.small_nav li_select{
		background-color: #eff;
	}
	.small_nav a:link,.small_nav a:visited{
		text-decoration: none;
		color: #888;
	}
	.small_nav a:active,.small_nav a:hover{
		text-decoration: none;
		color: #933;
	}
.btn_privacy{
	display: inline-block;
	padding:3.5em 0.3em;
	width: 8em;
	border: 1px solid #ccc;
	background-color: #F0F0F0;
	margin: 0.5em 0.7em;
	border-radius: 1em;
	color:#fff;
	text-decoration: none;
	background-size: cover;
	background-repeat: no-repeat;
	text-shadow:0 0 10px #333,0 0 10px #333,0 0 10px #333,0 0 10px #333,0 0 10px #333,0 0 10px #333,0 0 10px #333,0 0 10px #333;
	font-weight: 700;
	background-position: center center;
	
}
.btn_privacy2{
	font-size: 0.86em;
	display: inline-block;
	padding: 0.8em 1em;
	width: 13em;
	border: 0px;
	background-color: #999;
	margin: 0.5em 0.7em;
	border-radius: 0.7em;
	color:#fff;
	text-decoration: none;
	
}
.join_form{
	text-align: center;
	margin-bottom: 2em;
} 
	.join_form_table{
		margin: 0px auto;
	}
	.join_form_table td{
		padding:0.3em;
	}
		.join_form_table_m_title{
			background-color: #eee;
			border-radius: 15px;
		}
		.join_form_table_m_title_ex{
			background-color: #5b3171;
			border-radius: 15px;
			color:#fff;
		}
		.join_form_table_s_title{
			font-size: 0.8em;
			text-align: right;
			font-weight: 700;
			color:#ccc;	
		}
		.join_form_table_input{
			text-align: left;
		}
.join_form_import_div{
	margin: 1.5em auto;
	padding: 1.5em 2em;
	border: 1px solid #eee;
	border-radius: 15px;
	width:calc(95% - 4em);
	max-width: 500px;
	color: #666;
	font-size: 0.867em;
	line-height: 1.8;
	text-align: left;
}
.skdbd_join_import_btn{
	margin: 1em;
}
.input_message{
	font-size: 0.85em;
	display: inline-block;
	color: #4c88b5;
}
.privacy_view{
	text-align: center;
	vertical-align: top;
}
	.privacy_view_table{
		margin: 0em auto;
	}
	.privacy_view_table td{
		padding:0.6em 0.3em;
	}
	.privacy_view_table_m_title{
		background-color: #eee;
		border-radius: 15px;
	}
	.privacy_view_table_s_title{
		font-size: 0.8em;
		text-align: right;
		font-weight: 700;
		color:#ccc;	
		width: 40%;	
	}
	.privacy_view_text{
		font-size:1em;
		text-align: left;
	}
.privacy_info_text{
	margin: 1.5em auto;
	padding: 1.5em 2em;
	border: 1px solid #eee;
	border-radius: 15px;
	width:calc(95% - 4em);
	max-width: 500px;
	color: #666;
	font-size: 0.867em;
	line-height: 1.6;
}
.edit_form{
	text-align: center;
	margin-bottom: 2em;
} 
	.edit_form_table{
		margin: 0px auto;
	}
	.edit_form_table td{
		padding:0.3em;
	}
		.edit_form_table_m_title{
			background-color: #eee;
			border-radius: 15px;
		}
		.edit_form_table_s_title{
			font-size: 0.8em;
			text-align: right;
			font-weight: 700;
			color:#ccc;	
		}
		.edit_form_table_input{
			text-align: left;
		}
.file_box{
	padding: 1em 0em; 
	font-size: 0.8em;
	line-height: 2.3; 
	text-align: center;
}
.file_box label{
	width: 5em;
	/* background-color: #269; */
	display: inline-block;
	text-align: right;
}
.file_box input[type="file"]{
	background-color: #ebebeb;
	border-radius: 4px;
	width: 15em;
	font-size: 0.85em;
	padding: 0.1em;
	margin: 0em;
}
.file_box_inf{
	position: relative;
	top:-0.5em;
	font-size: 0.87em;
}
.file_box_inf2{
	position: relative;
	top:1em;
	font-size: 0.87em;
}
.file_box_btn{
	padding: 1em;
	margin-top: 1.5em;
	font-size: 1.2em;
}
.title_2nd{
	margin: 2em 0em 1em 0em;
	padding: 0em 1em;
	text-align: left;
}
	.title_2nd_subject{
		padding: 0;
		margin: 0;
		font-size: 1em;
		font-weight: 600;
		color: #4d4c41;
		text-indent: 1em;
	}
	.title_2nd hr{
		border: 0px;
        height: 2px;
        margin-top: 0.3em;
        background: #3b7091; /* Old browsers */
		background: -moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(30,87,153,1) 16%, rgba(39,196,196,1) 25%, rgba(22,175,33,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(30,87,153,1) 16%,rgba(39,196,196,1) 25%,rgba(22,175,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(30,87,153,1) 0%,rgba(30,87,153,1) 16%,rgba(39,196,196,1) 25%,rgba(22,175,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#16af21',GradientType=1 ); /* IE6-9 */
}
.trn_info_text{
	margin: 1.5em auto;
	padding: 1.5em 2em;
	border: 2px dashed #eee;
	border-radius: 15px;
	width:calc(90% - 4em);
	max-width: 500px;
	color: #666;
	font-size: 0.867em;
	line-height: 1.6;
	text-align: left;
}
.trn_info_text ul{
	padding-left: 6%;
}
.trn_info_text li{
	margin: 0.3em 0em;
}
.training_list_tag{
	position: relative;
	top:-1.7em;
	left: calc( -40% + 1em);
	display:inline-block;
	color: #fff;
	font-weight: 800;
	font-size: 0.7em;
	border-radius: 4.5em;
	padding: 1.65em 0em;
	width: 4.5em;
	background-color: #ccc;
		
}
.training_list_tag_s{
	display:inline-block;
	color: #fff;
	font-weight: 800;
	font-size: 0.7em;
	border-radius: 0.5em;
	padding: 0.1em 0.4em;
	background-color: #ccc;
	vertical-align: middle;
		
}

.training_list_regbtn{
	font-weight: 700;
	font-size: 1em;
	padding: 0.8em 1.2em;
	display: inline-block;
	background-color: #0079c4;
	color: #fff;
	text-decoration: none;	
	margin: 1.5em;
	border: 0px;
	cursor: pointer;
}
.training_list_regclose{
	font-weight: 700;
	font-size: 1em;
	padding: 0.8em 1.2em;
	display: inline-block;
	background-color: #ccc;
	color: #fff;
	text-decoration: none;	
	margin: 1.5em;
}
.training_list_subject{
	font-size: 1.2em;
	display: block;
	vertical-align: middle;
	word-break: keep-all;
	word-wrap: break-word;
	font-weight: 700;
	line-height: 1.3;
	margin: 0.5em 0em;
}
.training_list_div{
	border: 0px;
	box-shadow: 2px 2px 8px #949494;
	margin: 2em auto;
	border-radius: 1em;
	width:calc(100% - 2.4em);
	max-width: 800px;
}
.training_list_div_group{
	border: 0px;
	box-shadow: 2px 2px 8px #949494;
	margin: 2em auto;
	border-radius: 1em;
	padding: 0em 0em 1em 0em;
	width:calc(100% - 2.4em);
	max-width: 800px;
	background-color: #fff;

}
.training_list_reg_prv{
	font-size: 0.9em;
	background-color: #eee;
	border-radius: 1em;
	margin: 1em auto;
	padding: 1em;
	line-height: 1.5;
	max-width: 600px;
	width:calc(100% - 4em);
}
.training_list_reg_frmdiv{
	font-size: 0.9em;
	background-color: #f0f0e0;
	border-radius: 1em;
	margin: 1em auto;
	padding: 1em;
	line-height: 2;
	max-width: 600px;
	width:calc(100% - 4em);
}
.frm_training_reg_price{
	font-weight: 500;
	font-size: 1.3em;
}
.training_regbtn{
	border: 0px;
	background-color: #286bc7;
	font-size: 1.3em;
	font-weight: 700;
	color: #fff;
	padding: 0.8em;
	margin: 1em;
}
.training_list_registered{
	display: inline-block;
	border: 0px;
	background-color: #32b3b3;
	font-size: 1em;
	font-weight: 700;
	color: #fff;
	padding: 0.8em;
	margin: 1em;
	line-height: 1.6;
	cursor: pointer;
}
.group_btn{
	display: inline-block;
	border: 0px;
	background-color: #32b3b3;
	font-size: 1em;
	font-weight: 700;
	color: #fff;
	padding: 0.8em;
	margin: 1em;
	line-height: 1.6;
	cursor: pointer;
}
.btn_back_group{
	display: inline-block;
	border: 0px;
	background-color: #aaa;
	font-size: 0.7em;
	font-weight: 500;
	color: #fff;
	line-height: 1;
	border-radius: 50%;
	cursor: pointer;
	height: 3.5em;
	width: 3.5em;
	vertical-align: middle;
}
.btn_back_group:hover{
	background-color: #00cccc;
}



.training_list_registered1{
	border: 0px;
	background-color: #27a62a;
	font-size: 1em;
	font-weight: 700;
	color: #FFF;
	padding: 0.8em 1em;
	margin: 1em;
}.training_list_registered2{
	border: 0px;
	background-color: #a62628;
	font-size: 1em;
	font-weight: 700;
	color: #FFF;
	padding: 0.8em 1em;
	margin: 1em;
}
.training_list_registered3{
	border: 0px;
	background-color: #a62628;
	font-size: 1em;
	font-weight: 700;
	color: #FFF;
	padding: 0.8em 1em;
	margin: 1em;
}
.training_list_registered4{
	border: 0px;
	background-color: #7c7c7c;
	font-size: 1em;
	font-weight: 700;
	color: #FFF;
	padding: 0.8em 1em;
	margin: 1em;
}
.training_history_ul{
	padding: 0;
	margin: 1em auto;
	list-style-type: none;
	font-size: 0.86em;
	max-width: 600px;
	width:calc(100% - 4em);
}
.training_history_li{
	word-break: keep-all;
	word-wrap: break-word;
	border:1px solid #eee;
	padding: 1em;
	line-height: 1.5;
	border-bottom: 0px;
	
}
	.training_history_li:first-child{
		border-top-left-radius: 1em;
		border-top-right-radius: 1em;
	}
	.training_history_li:last-child{
		border-bottom-left-radius: 1em;
		border-bottom-right-radius: 1em;
		border-bottom:1px solid #eee;
	}
	.training_history_li_ex{
		background-color:#d5d3cb;
		color: #fff;
		text-align: center;
		font-size: 0.8em;
		font-weight: 700;
		padding: 0.1em;
		cursor: pointer;
	}
	.findidpw_div{
		border:0px;
		background-color: #eee;
		border-radius: 1em;
		margin: 2em auto;
		line-height: 2em;
		padding: 1em;
	width:calc(95% - 4em);
	max-width: 500px;
	}
	.findidpw_input{
		width: 8em;
		font-size: 1em;
		padding: 0.2em;
		border: 1px solid #ccc;
	}
	.findidpw_h{
		display: inline-block;
		font-size: 0.8em;
		text-align: right;
		width:5em;
		margin-right: 0.7em;
	}
	.findidpw_title{
		font-weight: 700;
		color: #333;
		background-color: #ccc;
		border-radius: 1em;
		margin-bottom: 0.6em;
	}