@charset "utf-8";
html,body {
	width:	800px;
	margin-top: 0px;
	word-spacing: 1.5;
	background:url(../images/black.png);
	font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
/*font-family: Verdana, Roboto, "Droid Sans", "ŸàƒSƒVƒbƒN", YuGothic, "ƒƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS ProN W3", "Hiragino Kaku Gothic ProN", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;		*/	
/*	font-size:14px;  "ƒqƒ‰ƒMƒmŠpƒS Pro W3",Arial,Georgia, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro","HGºÞ¼¯¸M",Lucida Sans,Arial,Helvetica,sans-serif,"Osaka","‚l‚r ‚oƒSƒVƒbƒN",italic; */
    height:100%; 
	}
	

#head {
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
	font-size: 10px;
    width: 100%;  

	background:url(../images/ttl.png);
	height: 125px;   
	position: fixed;
	
	background-position: center center;
	background-repeat: no-repeat;
/*	background-attachment: fixed; */
	z-index: 999;	
}  



#footer {
	border-top: 1px solid #FFFFFF;
	text-align: center;
	font-size: 32px;
    width: 100%;  
	color: #ffffff;
	clear: both;
	background:url(../images/gren.gif);
	height: 46px;   
	position: fixed; 
    bottom: 0;  
	}	

 * {
	margin: 0;
	padding: 0;
	}

#entry {
	position: 			absolute;
	margin-top:			150px;
	height:				40px;
	float:				right;
	width:				auto;
  	right:				70px;					
	border-radius:		22px;
 /*	border: 			1px solid #ffE3E3;  */
    }  

    
#conteents	{
	position: 			absolute;

	float:				right;
	width:				auto;
	top:				20px;
  	right:				0px;					
	border-radius:		2px;
    margin-top:			190px;
/*	border: 1px solid  #0ff033; */
/*	height:auto;  */
}

#box-container {
	width: 722px;
	margin-top: 10px;
	padding-right: 2px;
/*	height:auto;  */
	border: 1px solid #ffffff;

    margin-bottom:	10px; 
	}

.lane-containerup {
     	display: flex;
/*	background-color: #330033;*/
/*  border: 1px solid #c71585; */
    color: #fff;

   } 
.lane-containerud {
 	padding-bottom:	1px;
  	display: flex;
 /*   background-color: #0ff033;*/
/*    border: 1px solid #ff7f50;
    color:		#fff;
    }

.lane-containerup .lane-upno {
  /*  margin-left:	5px; */
  	width: 22em;

}

.lane-containerud .lane-unno {
  	margin-top:		5px; 
 /*   margin-left:	5px; */
	width: 22em;

}

.lane-containerup .lane-upnamel {
  	width: 150em;
    position: relative;   
 	padding-left: 21px; 
	padding-top:	1px; 
	
}

.lane-containerup .lane-upnamer {
  	width: 150em;
    position: relative;
	padding-left:	5px;
 	padding-top:	1px; 
	margin-right: 2px; 
}

.lane-containerud .lane-unnamel {
	width: 150em;
    position: relative;
	padding-left: 21px; 
	padding-top:	1px; 
	
}

.lane-containerud .lane-unnamer {
  	width: 150em;
    position: relative;
  	padding-left:	5px; 
  	padding-top:	1px; 
	margin-right: 2px; 
}

	

	
.lane-containerup H3 {

 /*   background: url(../images/gren.gif)  no-repeat top left; */
    color: #FFFFFF;
	margin-left: 8px; 

    font-size: 3.0em;	
}
	
.lane-containerud H3 {

 /*   background: url(../images/gren.gif)  no-repeat top left; */
    color: #FFFFFF;
	margin-left: 8px; 

    font-size: 3.0em;	
}
	
	

ul, li {
    margin: 0;
    padding: 0;   

}




/* ƒƒjƒ…[‚±‚±‚©‚ç */
/* Menu	area																		 */

#menuarea {
	float:			left;
	width:			100%;
	margin-top:		140px;
	margin-left:	1px;
	width:			auto;
	
	}
	

#sidebar {
	font-size: 3.0em;
	width: 220px;
	height: 100%;
	position: relative;
	color: #fff;
	overflow: scroll;
	padding-top: 50px; 

	
	
}
#sidebar ul {
	list-style: none;
	margin-left: 0;
}
#sidebar ul > li {
/*	border-bottom:  groove 1px #ff00ff;*/
}
#sidebar .sub-menu-nav ul > li:first-child {
/*	border-top: solid 1px #ff00ff;*/
}
#sidebar a {
	color: #fff;
	text-decoration: none;
	border-color: #853e04 #ff0fff #fff #000000;
    border-style: solid;
    border-width: 0 0 8px 8px;
	display: block;
	
	padding: 1px 1px 1px 5px;
	 margin-bottom:	50px;   /*    ???????? */
	
	-moz-transition: background-color .3s linear;
	-webkit-transition: background-color .3s linear;
	transition: background-color .3s linear;
}
#sidebar a:hover {
	background: #000000;
	border-left: 17px solid #ff00ff;
	
	 
}

#global-nav {
	position: relative;
	left: 0;
	-moz-transition: left .3s linear;
	-webkit-transition: left .3s linear;
	transition: left .3s linear;
		overflow: scroll; 

	
	
	
}
.is-open-submenu #global-nav {
	left: -100px;

}

/* arrow icon */
#global-nav .sub-menu > a {
	position: relative;
	padding-top: 0px;

}
#sub-nav .sub-menu-head:before,
#global-nav .sub-menu > a:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 23px;
	margin: auto;
	vertical-align: middle;
	width: 8px;
/*	height: 8px;*/
/*	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);*/
	

}


/* sub-menu */
#sub-nav .sub-menu-nav {
	position: absolute;
	background: #000000;
	color: #fff;
	top: 0;
	left: 300px;
	width: 300px;
	height: 100%;
	z-index: 2;
	-moz-transition: left .3s linear;
	-webkit-transition: left .3s linear;
	transition: left .3s linear;
	
}
#sub-nav .sub-menu-nav.is-active {
	left: 0;
}
#sub-nav .sub-menu-head {
	text-decoration: none;
	border-color: #000000 #000fff #ffffff #000000;
    border-style: solid;
    border-width: 0 0 8px 12px;
/*	font-size: 2.1em;*/

	position: relative;
	padding-top: 51px;
	margin-bottom: 0;
	cursor: pointer;
	padding-top: 50px;
}
#sub-nav .sub-menu-head:hover {
	background-color: #000000;
	
}
#sub-nav .sub-menu-head:before {
	right: auto;
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}







