@charset "UTF-8";

/* ---------------------------------------------------------
main
----------------------------------------------------------*/

*{margin:0 auto;padding:0;}
body{font-size:12px;text-align: center;color:#000;/*background:#5B5C60;*/background:#fff;}
img{border:0;}
a{color: #ccc;text-decoration:none;outline:none;}
a:hover {color: #666;}
hr{border:none;margin:200px;}
div#bgimg{
width:100%;height:100%;position:absolute;
background: #ccc url("../img/top01.jpg") no-repeat fixed 50% 50%;
background-size:cover;
}

/* ---------------------------------------------------------
header
----------------------------------------------------------*/

header{position:fixed;height:100%;width:20%;z-index:10;left:20px;}
header nav{
font-family: 'Raleway', sans-serif;
letter-spacing: 1px;
/*font-size:120%;*/
height:100%;
background-color:#000;
background: -moz-linear-gradient(#000, #333);
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333)); 
}
header nav ul{list-style:none;}
header nav ul li{
box-shadow: 15px 0px 0px 15px rgba(20,20,20,0.4) inset;
box-shadow: 0px 15px 15px 0px rgba(80,80,80,0.4) inset;
border-bottom:1px solid #111;
 }
header nav ul li a{display:block;padding:15px;}
header nav ul li:hover{background-color:#ccc;}
header nav ul li#index:hover{background-color:#000;}
header nav ul li img{width:100px;margin:80px auto 30px;}

/*COPYRIGHT*/
#copyright{position:absolute;bottom:0;padding:20px;font-size:80%;color:#ccc;}


/* ---------------------------------------------------------
OUTLINE MAIN
----------------------------------------------------------*/

div#outline{width:80%;float:right;position:relative;z-index:1;}
div#outline div#main{text-align:left;}
div#outline div#main article{padding:30px 0 550px 0px;width:65%;float:right;}
div#outline div#main article.end{padding-bottom:30px;}
div#outline div#main article img{width:100%;}
div#outline div#main article img#maps{width:440px;}
div#outline div#main article div{margin:10px;}
div#outline div#main article h3{padding-top:80px;}
div#outline div#main article h3.pd0{padding-top:0;}
div#outline div#main article ul{margin:0 20px;}
div#outline div#main article ul li{}
div#outline div#main article dl{margin:10px;}
div#outline div#main article dt{}
div#outline div#main article dd{margin:5px 10px;}
div#outline div#main table{}
div#outline div#main table tr{}
div#outline div#main table tr th{padding:5px 20px;font-weight: normal;}
div#outline div#main table tr td{}
div#outline div#main h2{
font-family: 'Raleway', sans-serif;padding:80px 0 5px 0;
 background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0.5), rgba(0,0,0,0));
 background-image: -moz-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0.5), rgba(0,0,0,0));
 background-image: -ms-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0.5), rgba(0,0,0,0));
 background-image: -o-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0.5), rgba(0,0,0,0));
 background-repeat: no-repeat;
 background-position: 50% 100%;
 background-size: 100% 1px;
}

/*sub nav*/
div#outline div#main nav{
color:#fff;font-size:80%;
position:fixed;left:auto;
margin-left:5px;top:30px;
border-radius: 15px;
background-color:#000;
background: -moz-linear-gradient(#000, #333);
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333)); 
}
div#outline div#main nav ul{padding:20px 15px 10px 25px;}
div#outline div#main nav ul li{
list-style:none;
 background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.5), rgba(0,0,0,0));
 background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.5), rgba(0,0,0,0));
 background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.5), rgba(0,0,0,0));
 background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.5), rgba(0,0,0,0));
 background-repeat: no-repeat;
 background-position: 50% 100%;
 background-size: 100% 1px;
}
div#outline div#main nav ul li#nav_top{font-family: 'Raleway', sans-serif;font-size:130%;padding-bottom:10px;}
div#outline div#main nav ul li#nav_end{ background-size: 100% 0px;}
div#outline div#main nav ul li:hover{}
div#outline div#main nav ul li a{display:block;padding:10px 5px;}

/*management*/
div#outline div#main nav ol{width:170px;list-style:none;padding:20px 5px 20px 20px;overflow: auto;}
div#outline div#main nav ol li{float:left;padding:0 2px;overflow:auto;}
div#outline div#main nav ol li#nav_top{font-family: 'Raleway', sans-serif;font-size:130%;width:80%;padding:0 5px 10px;}
div#outline div#main nav ol li img{width:50px;}
div#outline div#main nav ol li img:hover{opacity:0.4;}
div#outline div#main article#mane{padding-bottom:0;}
div#outline div#main article#mane div{text-align:center;margin:0;padding-top:30px;}
div#outline div#main article#mane div div{float:left;margin:0;padding-top:0;}
div#outline div#main article#mane div table{text-align:left;}
div#outline div#main article#mane div table tr{}
div#outline div#main article#mane div table tr th{border-right:1px solid #eee;}
div#outline div#main article#mane div table tr th#name{padding:0;border-right:0;}
div#outline div#main article#mane div table tr th#name h2{padding:90px 0 2px 10px;}
div#outline div#main article#mane div table tr td{padding:5px 15px 5px 10px;font-size:90%;}