@charset "UTF-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: "Meiryo UI","メイリオ","ＭＳ ゴシック";
}

html, body {
	height: 100%;
}

/* ==================================================
common
===================================================== */
.clear {
	display: block;
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
}

.fweight {
	font-weight: 500;
}
.bold{
	font-weight: bold;
}

.center {
	text-align: center;
}
.right{
	text-align: right;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.a_tag {
	text-decoration: none;
}

.container{
	max-width:1400px;
	margin: 0 auto;
}
/* ==================================================
admin pages
===================================================== */
.header{
	width: 100%;
	border-bottom: 2px solid #7F7F7F;
	position:relative;
}
.header span{
	height:120px;
	line-height: 120px;
	font-size: 2.4em;
	font-family: "Meiryo UI","メイリオ","ＭＳ ゴシック";
	color: black;
}
/* ==================================================
pages
===================================================== */
.name{
	width: 100%;
}
.name span{
	margin: 0px 0px 0px 40px;
	line-height: 50px;
	font-size: 1.5em;
	color: black;
}
.panel{
	width: 100%;
	margin-top: 230px;
}

/* ==================================================
login
===================================================== */
.login-content{
	width: 550px;
	margin:0 auto;
}
.login_title{
	width: 100%;
	font-size: 2em;
	margin-top:190px;
	margin-bottom: 33px;
	color: black;
}
.col{
	width: 100%;
	margin: 0 auto;
}
.col .title{
	width: 210px;
	height: 50px;
	line-height:50px;
	margin-bottom: 20px;
}
.col .input{
	width:  230px;
	height: 41px;
	margin-left:20px;
	margin-top:2px;
	border:2px solid #A6A6A6;
	margin-bottom: 20px;
}
.col_btn{
	width: 100%;
	margin: 0 auto;
}
.parent_menu_logout{
	float:left;
	width: 137px;
	height: 54px;
	padding: 2px;
	border-radius: 9px;
	background-color:#BFBFBF;
	position: absolute;
	top: 30px;
	right: 200px;
}

.ad_btn{
	width: 133px;
	height: 50px;
	line-height:50px;
	border:2px solid #2F2F2F;
	background-color: #0000FF;
	border-radius: 7px;
	color: white;
	font-size: 14px;
	cursor: pointer;
}
/* ==================================================
left_menu
===================================================== */
.left_menu{
	width: 250px;
	height:100%;
	border-right: 2px solid #7F7F7F;
}
.left_menu .menu{
	width: 100%;
	height:55px;
	line-height: 55px;
}
.left_menu .menu_li{
	width: 100%;
	height:92px;
	line-height: 92px;
	cursor: pointer;
}
.active{
	background-color: #64E7EA;
}
.notactive{
	background-color: #D9D9D9;
}
/* ==================================================
right_area
===================================================== */
.right_area{
	width: calc(100% - 252px);
}
/* ==================================================
error
===================================================== */
.error_msg{
	width: calc(100% - 30px);
	margin-left: 30px;
	margin-top: 30px;
}
.error {
	display:block;
	width:calc(100% - 160px);
	margin-left:160px;
	text-align:left;
	color: red;
}
.green{
	color: green;
}
.red{
	color: red;
}