@charset "utf-8";



/*=============================================================================

  reset

=============================================================================*/

/**

* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)

* http://cssreset.com

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none;}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

a { border: 0; text-decoration: none; }

:focus { outline: 0;}



/*=============================================================================

  anchor

=============================================================================*/

a:link { color: #666666; }

a:visited { color: #666666; }

a:hover { color: #999999; }

a:active { color: #999999; }



/*=============================================================================

   clearfix

=============================================================================*/

.clearfix:after {

  content: "";

  display: block;

  clear: both;

  height: 0;

  visibility: hidden;

}

.clearfix {

  min-height: 1px;

}

* HTML .clearfix {

  height: 1px;

  /*\*//*/

height: auto;

  overflow: hidden;

/**/

}

.tC { text-align: center; }
.over { overflow: hidden; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.mr20 { margin-right: 20px; }
.ml20 { margin-left: 20px; }
.imgL { float: left; }
.border { border-bottom: 1px solid #926F3F; }

/*=============================================================================

  html

=============================================================================*/

html {
  overflow-y: scroll;
  background: #EFEDE3;

}

/*=============================================================================

  body

=============================================================================*/

body {

  margin: 0;

  padding: 0;

  background: #EFEDE3;

  color: #926F3F;

  text-align: center;

  font-size: 100%;

  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

  word-wrap: break-word;

}



/*=============================================================================

  container 

=============================================================================*/

#container {

  margin: 40px auto 0 auto;

  padding: 0;

  width: 740px;

  text-align: left;

  background: #EBE7DA;

}



/*=============================================================================

  header

=============================================================================*/

#header {

  margin: 0;

  padding: 0;

  background: #EFEDE3;

}



#logo {

}



/*=============================================================================

  nav

=============================================================================*/

#globalNav ul#nav {

  margin:0;

  padding:0;

  background: #E7E3CD;

}



#globalNav ul#nav li {

  list-style:none;

  margin: 0; 

  padding: 0;

  float: left;

}



#globalNav .hover-css a, .hover-anims a, .hover-anims span {

  display: block;

  height: 0;

  padding-top: 43px;

  position: relative;

  overflow: hidden;

  background: url("../img/base/nav.png") no-repeat 0 0;

  text-align: center;

  font-size: 75%;

}



#globalNav .hover-anims span {

  position:absolute;

  left:0;

  top:0;

}



/*.top a { width:176px;background-position: 0px 0px; }*/

#globalNav .hover-css .top, .hover-anims .top a, .hover-anims .top span { width:176px; }

/*ul#nav li.top a:hover{ width:176px;background-position: 0px -43px; }*/

#globalNav .hover-css .top a:hover, .hover-anims .top span { background-position: 0px -43px; }

body.top ul#nav li.top a{ width:176px;background-position: 0px 0px; }



ul#nav li.kyoushitsu a { width:129px;background-position: -176px 0px; }

#globalNav .hover-css .kyoushitsu, .hover-anims .kyoushitsu a, .hover-anims .kyoushitsu span { width:129px;background-position: -176px 0px; }

/*ul#nav li.kyoushitsu a:hover { width:129px;background-position: -176px -43px; }*/

#globalNav .hover-css .kyoushitsu a:hover, .hover-anims .kyoushitsu span { background-position: -176px -43px; }

body.kyoushitsu ul#nav li.kyoushitsu  a { width:129px;background-position: -176px -43px; }



ul#nav li.taiken a { width:129px;background-position: -305px 0px; }

#globalNav .hover-css .taiken, .hover-anims .taiken a, .hover-anims .taiken span { width:129px;background-position: -305px 0px; }

/*ul#nav li.taiken a:hover{ width:129px;background-position: -305px -43px; }*/

#globalNav .hover-css .taiken a:hover, .hover-anims .taiken span { background-position: -305px -43px; }

body.taiken ul#nav li.taiken a { width:129px;background-position: -305px -43px; }



ul#nav li.classy a { width:129px;background-position: -434px 0px; }

#globalNav .hover-css .classy, .hover-anims .classy a, .hover-anims .classy span { width:129px;background-position: -434px 0px; }

/*ul#nav li.classy a:hover{ width:129px;background-position: -434px -43px; }*/

#globalNav .hover-css .classy a:hover, .hover-anims .classy span { background-position: -434px -43px; }

body.classy ul#nav li.classy a { width:129px;background-position: -434px -43px; }



ul#nav li.access a { width:177px;background-position: -563px 0px; }

#globalNav .hover-css .access, .hover-anims .access a, .hover-anims .access span { width:129px;background-position: -563px 0px; }

/*ul#nav li.access a:hover{ width:177px;background-position: -563px -43px; }*/

#globalNav .hover-css .access a:hover, .hover-anims .access span { background-position: -563px -43px; }

body.access ul#nav li.access a { width:177px;background-position: -563px -43px; }



/*=============================================================================

  main

=============================================================================*/

#main{

  margin: 0;

  padding: 0;

/*  height: 350px;*/

  overflow: auto;

  background: #E7E3CC;

  border-top: 5px solid #926F3F;

  position: relative;

}
.kyoushitsu #main,
.taiken #main {
	background: none;
}


/*=============================================================================

  content

=============================================================================*/

#content01 {

  width: 435px;

  float: right;

  background: #EBE7DA;

  height: 350px;

  overflow: auto;

}



#content02 {

  width: 100%;

  

  background: #EBE7DA;

/*  height: 350px;*/

  overflow: auto;

}


/*=============================================================================

  side

=============================================================================*/

#side01 {

  width: 305px;

  float: left;

  background: #E7E3CC;

}


/*
#side02 {

  width: 175px;

  float: left;

  background: #E7E3CC;

}*/



#side02 ul.localNav {

  margin: 49px 0 0 28px;

}



#side02 ul.localNav li {

  margin: 0 0 30px 0;

}



/*=============================================================================

  footer

=============================================================================*/

#footer {

  margin: 0;

  padding: 0 8px;

  background: #BF7816;

  height: 40px;

  line-height: 40px;

}
#footer img {
width:154px;
}


#footer #copyright {

  color: #FFFFFF;

  font-size: 75%;

  padding: 4px 0 0;

}
#footer #copyright span {
	float: right;
	line-height: 2.8;
}