.lock {
/*overflow:hidden;*/
}

.modal-content {
position:relative;
display:none;
width:70%;
margin:0px 0px 0px 0px;
padding:0;
border:3px solid #434343;
background:#5b5b5b;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
top: 50px !important;
left: 0px !important;
}

.modal-content p {
margin:0;
padding:0;
}

.modal-overlay {
z-index:1;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:rgba(0,0,0,0);
}

.modal-wrap {
z-index:2;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
overflow:auto;
}


.modal-open {
color:#00f;
text-decoration:underline;
}

.modal-open:hover {
cursor:pointer;
color:#f00;
}

.modal-close {
color:#00f;
text-align: right;
}

.modal-close:hover {
cursor:pointer;
color:#f00;
}

p.close_top{
text-align: right;
margin: 10px 0 20px;
}

p.close_top .modal-close{
height:35px;
border:1px solid #A5A4A4;
color: #A5A4A4;
font-size: 1.2em;
margin-right: 20px;
padding:10px 20px;
border-radius: 10px;
background-color: #ffffff;
}

.modal-content > ul{
overflow: hidden;
margin:0;
padding:0;
}

.modal-content > ul li.lavel{
background-color: #F70841;
font-size: 1.6em;
padding:5px 30px;
font-weight: bold;
}


.modal-content > ul li.lavel a{
color: #fff;
}

ul.nav_box{
background-color: #f1f1f1;
margin:0;
padding:15px 0 0;
overflow: hidden;
}

ul.nav_box li{
font-size: 1.5em;
width: 47%;
float: left;
margin:0 0 20px 3%;
}

ul.nav_box li a{
color: #505050;
display: block;
}


p.close_bottom{
background-color: #e8e6c2;
overflow: hidden;
text-align: center;
}


p.close_bottom a{
display: block;
color:#a5a4a4;
background-color: #fff;
padding:10px 30px;
font-size: 1.4em;
}

#navi .navi li a{
	padding: 10px 0px;
	border-top:1px solid #434343;
}

#navi .navi li .root{
	border-top:1px solid #434343;
	padding: 10px 0px 0px 0px;
	width: 60%;
	float:left;
}
#navi .navi li .personal{
	width: 40%;
	float:right;
}