body {
   background-color: #fffcdb;
   color: #56402f;
   font: 80%/1.5em Osaka, Arial, Helvetica, Geneva, sans-serif;
   text-align: center;
   margin: 0 auto;
   }

a:link { 
   color: #56402f;
   text-decoration: none;
   }

a:visited { 
   color: #56402f;
   text-decoration: none;
   }

a:hover { 
   color: #56402f;
   text-decoration: underline;
   }

a:active { }

.clear {
   clear: both;
   }

.toTop {
   display: block;
   float: right;
   background: url(../images/arrow01.gif) no-repeat 0 2px;
   padding: 0 0 0 15px;
   height: 15px;
   margin: 30px 0 0 0;
   }
   
.space20 {
   height: 20px;
   }
   
.space10 {
   height: 10px;
   }
   
.font16px {
   font-size: 16px;
   font-weight: bold;
   }
   
.font14px {
   font-size: 14px;
   font-weight: bold;
   }
   
.spaceRight {
   text-align: right;
   }

/* 全体のレイアウト */
#container {
   width: 950px;
   background-color: #ffffff;
   margin: 0 auto;
   }
   
#headder {
   width: 950px;
   background: url(../images/headder_back.jpg) no-repeat;
   height: 105px;
   text-align: left;
   }

#logo {
   padding: 27px 0 0 35px;
   }
   
ul#headderContents {
   padding: 10px 35px 0 0;
   margin: 0;
   list-style: none;
   }
   
ul#headderContents li {
   display: block;
   float: right;
   margin: 0 0 0 10px;
   background: url(../images/arrow01.gif) no-repeat 0 2px;
   padding: 0 0 0 15px;
   height: 15px;
   }
   

ul#contents {
   margin: 0 0 0 35px;
   padding: 0;
   list-style: none;
   text-align: left;
   width: 880px;
   text-indent: -9999px
   }
   
ul#contents li {
   display: block;
   float: left;
   width: 176px;
   height: 60px;
   }
   
ul#contents li a {
   display: block;
   float: left;
   width: 176px;
   height: 60px;
   }

li#lesson-center a {
   background: url(../images/contents/contents_lesson-center01.jpg) no-repeat;
   }
   
li#lesson-center a:hover {
   background: url(../images/contents/contents_lesson-center02.jpg) no-repeat;
   }
   
li#lesson-center-on {
   background: url(../images/contents/contents_lesson-center02.jpg) no-repeat;
   }
   
   
li#gakki a {
   background: url(../images/contents/contents_gakki01.jpg) no-repeat;
   }
   
li#gakki a:hover {
   background: url(../images/contents/contents_gakki02.jpg) no-repeat;
   }
   
li#gakki-on {
   background: url(../images/contents/contents_gakki02.jpg) no-repeat;
   }
   
   
li#htc a {
   background: url(../images/contents/contents_htc01.jpg) no-repeat;
   }
   
li#htc a:hover {
   background: url(../images/contents/contents_htc02.jpg) no-repeat;
   }
   
li#htc-on {
   background: url(../images/contents/contents_htc02.jpg) no-repeat;
   }
   
   
li#event a {
   background: url(../images/contents/contents_event01.jpg) no-repeat;
   }
   
li#event a:hover {
   background: url(../images/contents/contents_event02.jpg) no-repeat;
   }
   
li#event-on {
   background: url(../images/contents/contents_event02.jpg) no-repeat;
   }
   
   
li#service a {
   background: url(../images/contents/contents_service01.jpg) no-repeat;
   }
   
li#service a:hover {
   background: url(../images/contents/contents_service02.jpg) no-repeat;
   }
   
li#service-on {
   background: url(../images/contents/contents_service02.jpg) no-repeat;
   }



#main {
   width: 880px;
   margin: 30px auto;
   padding: 0;
   text-align: left;
   }
   
#subMain {
   width: 670px;
   margin: 50px auto;
   }
   
   
#footer {
   margin: 20px 0 0 0;
   background: url(../images/footer_line.gif) no-repeat;
   text-align: center;
   padding: 20px 0 30px 0;
   }