/*-- Nabigation --*/
.my_nav{text-align:center; width:100%;}
.my_nav a{font-size:10px; width:20%; text-align: center;}

.my_nav li{padding:10px 0; color:#666; background:#E4E4E4;}
.my_nav li:hover{background:#F4F4F4;}
.my_nav li i{font-size:20px;}
.my_nav li.active{background:#F4F4F4;}


/*----- テーブル設定 -----*/
.form_area h3{
	width:100%;
	background:#033; color:#FFF; font-size:16px;
	padding:10px 0; text-align:center;
	border-radius:10px 10px 0 0;
	margin-bottom:0;
}


.submit_area{
	text-align:center;padding-bottom:50px;
}

.form_table{
	width:100%; font-size:12pt;
	border-collapse:separate;
	border-left:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	border-radius:0 0 10px 10px;
	padding-bottom:10px;
}

.form_table .form_el {margin:0; padding:10px 20px;}
.form_table .form_el h4{font-size:14px; font-weight:800; margin:5px 0;}
.form_table .form_el .upfile{width:100%;}

.form_table .input_long{max-width:800px; width:100%;}

.list_table th{padding:3px 5px; border-bottom:1px solid #E4E4E4; background:#F4F4F4;}
.list_table td{padding:3px 5px; border-bottom:1px solid #E4E4E4;}


/*----- 情報登録 -----*/
.certif_up_list table       {max-width:600px;width:100%;}
.certif_up_list table td    {padding:0 5px; border-bottom:1px solid #E4E4E4;}
.certif_up_list table td img{width:100%; height:auto; margin-bottom:5px;}

.thumnail{margin:5px 0; width:40%;}

.append_area{margin:50px 0;}
.append_area .ref_area {width:100%; display:none; margin-top:20px;}
.append_area .ref_area img{width:100%; padding:5px; border:1px solid #E5E5E5;}


/*----- login -----*/
.login_area   {max-width:400px; margin:7% auto; background:#FFF; padding:20px;}
.login_area h2{border-bottom:1px solid #E4E4E4;}


/*----- userinfo -----*/
.my_nav{text-align:center; width:100%; margin:0; padding:0;}
.my_nav a{font-size:10px; width:20%; text-align: center;}

.my_nav li{padding:10px 0; color:#666; background:#E4E4E4; list-style: none;}
.my_nav li:hover{background:#F4F4F4;}
.my_nav li i{font-size:20px;}
.my_nav li.activate{background:#F4F4F4;}


/*========================
 other setting
========================*/
.alert{color:#F00; font-weight:800; font-size:12px; margin:20px 0; padding:0;}


/*----- popup -----*/
#Pop{
	width:100%;height:100%; z-index:5;
	position:absolute;margin:auto;
	background:rgba(8,8,8,0.8);
	visibility:hidden;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	opacity:0.0;
}
#PopInner{
	position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;
	background:#FFF; z-index:6;
	width:216px; height:216px; 
}

#Pop.isOpen{
	visibility:visible;
	opacity:1.0;
}


/*------ al-setting ------*/

#statusTable,
#harvestTable {
    width: auto;
}

#statusTable th,
.harvestTable th,
#harvestTable th {
    background-color: #35afa3;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
#statusTable th {
    background-color: #4bafff;
}

.table thead,
.table tbody{
   line-height:1;
   font-size:12px;
}

.statusbonus-table thead:first-child th{
    border-top:0;
}