@charset "UTF-8";
/* ------------------------------------------------------------
	
------------------------------------------------------------ */
body,html{
  height:100%;
}
#wrapper{
  height:100%;
}

header,footer{
  width:100%; height: 3%;
  position: fixed;
  background:#ffffff;
  z-index:3000;
}
header{
  top:0;
}
header img{
  width:auto; height:60%; display:block; position:absolute;
  margin:auto; top:0; bottom:0; left:0.5em;
}
footer{
  bottom:0;
  text-align:center;
}
footer p{
  height:1em;
  position:absolute;
  margin:auto; top:0; bottom:0; left:0; right:0;
}



h1{
  width:100%; height:440px; margin:0 auto;
  display:block;
  text-indent:-9999em;
  background-image:url(design/title_img.png);
  background-size:auto 95%;
  background-repeat:no-repeat;
  background-position:center;
}

aside{
  width:320px;
  min-height:94%; height:94%;
  top:3%;
  background-image:url(design/bg_image.jpg);
  background-size:100% auto;
  background-repeat: repeat-y;
  background-position:left top;
  overflow:auto;
  position: fixed;
  z-index:3000;
}
aside.inner{
   padding-bottom:3em;
}


/* ------------------------------------------------------------

------------------------------------------------------------ */
#menu ul{
}
#menu ul a{
  margin:0.5em 1em; padding: 0.5em 0.75em; font-size:120%;
  border-radius:2em;
  display:block;
}
#menu ul li a.select{
  background-image:url(design/arrow.png);
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-size: auto 50%;
}

.b01{ background-color:#5487c0;}
.b02{ background-color:#66a0d1;}
.b03{ background-color:#92bf8f;}
.b04{ background-color:#bfd591;}
.b05{ background-color:#f9ce8a;}
.b06{ background-color:#eeae83;}
.b07{ background-color:#e0727d;}
.b08{ background-color:#db79ac;}
.b09{ background-color:#a27ebc;}
.b10{ background-color:#5898be;}
.b11{ background-color:#79b7d5;}
.b12{ background-color:#47a5ad;}
.b13{ background-color:#91b992;}
.b14{ background-color:#d6c595;}
.b15{ background-color:#d89378;}
.b16{ background-color:#da6f85;}
.b17{ background-color:#b381a3;}
.b18{ background-color:#8b7ea8;}
.b19{ background-color:#68a16a;}

#menu a{ text-decoration:none; color:#000000;}
#menu a:hover{ text-decoration: underline; color:#ffffff;}
#menu a img{ width:100%; height:auto;}


#contents{
  
  padding-top:2em; position:relative;
}
#contents h2{
  font-size:180%; font-weight:normal; color:#ffffff;
  line-height:3em; padding:0 2% 0 0;
  text-align:right;
  width:98%;
  position:fixed; top:3%;
}

#contents .inner{margin-left:320px;padding:6em 3em 2em 3em;}
#contents .inner h3{ font-size:125%; padding:0.5em 0 0.5em 2em; line-height:1.25;}
#contents .item{ border-bottom:none; border-bottom:solid 1px #e9e9e9;}
#contents .item.open{}
#contents .inner .fileLinks{ padding-bottom:0.5em; padding-left:2em; display:none;}
#contents .inner .fileLinks li{ padding-left:0.5em; line-height:1.25;}
#contents .inner .fileLinks li a{
  display:block;
  font-size:110%;
  padding:0.3em 0; padding-left:2em;
  background-size:auto 1.5em;
  background-repeat:no-repeat;
  background-position:left center;
}
#contents .inner .fileLinks li a.indentIcon{
  margin-left:2em;
}
#contents .inner .fileLinks li a:hover{ text-decoration:none;}
#contents .inner .fileLinks li .image{ background-image:url(icon_img.png); }
#contents .inner .fileLinks li .audio{ background-image:url(icon_audio.png); }
#contents .inner .fileLinks li .text{ background-image:url(icon_txt.png); }
#contents .inner .fileLinks li span{ padding-left:2em;padding-bottom:0.5em; display:block;}
#contents .inner .fileLinks li a span{ padding-left:0em;padding-bottom:0em; display:inline;}
#contents .itemTglBtn{
  background-size:1.5em;
  background-position:left 0em top 0.3em;
  background-repeat:no-repeat;
  cursor:pointer;
}
#contents .itemTglBtn.icon1{
  background-image:url(icon_oc_01.png);
}
#contents .itemTglBtn.icon1.open{
  background-image:url(icon_oc_02.png);
}