Author: agent "cmsdoc"
@charset "utf-8";
/*++++++コンテンツ+++++*/


* { margin: 0px; padding: 0px;}
img   { border: none; 	
        margin:0;
        padding:0;}

body {
        text-align:center;
        font-size:12px;
        font-style:normal;
        font-weight:nomal;
	background-image:url("img/body_html_bg.jpg");
	background-position: left top;
        margin: 0px; 
padding: 0px;
font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3, sans-serif;
}

#all {
	width: 870px;
	text-align: left;
	margin: 0px auto;
}

a {
  color:#666;
  font-family: Osaka, Verdana, sans-serif;
  text-decoration:none;
  font-size:12px;
  }


a:hover, a:active {
	color: #568aa2;
        font-size:12px;
         }

p {
   font-size:12px;
   line-height:180%;
   color:#666;
   font-family: Osaka, Verdana, sans-serif;
   }

li {
	text-decoration:none;
        margin:0;
        padding:0;
        list-style:none;
}
ul {
	text-decoration:none;
        margin:0;
        padding:0;
        list-style:none;
}

h1 {
    font-size:12px;
}

h2 {
    font-size:12px;
}

div {margin:0; padding:0;}
/*++++++ヘッダー++++++*/

#header {
        background:url(img/logo.jpg);
        width:870px;
        height:125px;
        background-repeat:no-repeat;
	margin:0;
        padding:0;

        }

#header h1{
	padding:20px 0 0 17px;
        margin:0;
        font-weight:normal;
        color:#cccccc;
        }

#contact { float:right;
           margin:0 25px 0 0 ;
}

#h_navi {
	width: 870px;
        margin:0;
        padding:0;
}

#h_navi ul {
	margin:0;
	padding:0;
	list-style: none;
        }

#h_navi li,#h_navi a{	
        float: left;
	display: block;
	width: 145px;
	height: 55px;
	margin:0;
        padding:0;
	background: url(img/h_navi.jpg);
        text-indent: -9999px;
        }



#h_navi02 a {	text-indent: -9999px;
                 background-position: -145px 0 ;}

#h_navi03 a {	text-indent: -9999px;	
                 background-position: -290px 0 ;}

#h_navi04 a {	text-indent: -9999px;
                         background-position: -435px 0 ;}

#h_navi05 a {	text-indent: -9999px;
                         background-position: -580px 0 ;}

#h_navi06 a {	text-indent: -9999px;
                         background-position: -725px 0 ;}

#h_navi01 a:hover {	text-indent: -9999px;
                        background-position: -0px -55px ;}

#h_navi02 a:hover {	text-indent: -9999px;
                         background-position: -145px -55px ;}

#h_navi03 a:hover {	text-indent: -9999px;
                        background-position: -290px -55px ;}

#h_navi04 a:hover {	text-indent: -9999px;
                        background-position: -435px -55px ;}

#h_navi05 a:hover {	text-indent: -9999px;
                        background-position: -580px -55px ;}

#h_navi06 a:hover {	text-indent: -9999px;
                        background-position: -725px -55px ;}



#h_navi .h_navi01_on a {	text-indent: -9999px;
                        background-position: -0px -55px ;}

#h_navi .h_navi02_on a {	text-indent: -9999px;
                         background-position: -145px -55px ;}

#h_navi .h_navi03_on a {	text-indent: -9999px;
                        background-position: -290px -55px ;}

#h_navi .h_navi04_on a {	text-indent: -9999px;
                        background-position: -435px -55px ;}

#h_navi .h_navi05_on a {	text-indent: -9999px;
                        background-position: -580px -55px ;}

#h_navi .h_navi06_on a{	text-indent: -9999px;
                        background-position: -725px -55px ;}
/*++++++メインコンテンツ++++++*/

#main {
	width:870px;
	margin:0 0 10px 0;
        float:left;
        padding:0 0 50px 0;
        background-color:#ffffff;
	}

/*++++++sidebarコンテンツ++++++*/
#sidebar {
	float:left;
	margin:10px 0 0 10px;
	padding:0px;
	width:255px;
        display:inline;
}

#navi {
	width: 255px;
        margin:0px;
        padding:0;
}

#navi ul {
	margin:0;
	padding:0;
	list-style: none;
        }

#navi li,#navi a{	
        float: left;
	display: block;
	width: 255px;
	height: 84px;
	margin:0;
        padding:0;
	background: url(img/main_navi.jpg);
        text-indent: -9999px;
        }



#navi02 a {	text-indent: -9999px;
                 background-position: 0 -84px; }

#navi03 a {	text-indent: -9999px;	
                 background-position: 0 -168px; }

#navi04 a {	text-indent: -9999px;	
                 background-position: 0 -252px; }

#navi01 a:hover {	text-indent: -9999px;
                        background-position: -255px 0;}

#navi02 a:hover {	text-indent: -9999px;
                         background-position: -255px -84px;}

#navi03 a:hover {	text-indent: -9999px;
 
                       background-position: -255px -168px ;}

#navi04 a:hover {	text-indent: -9999px;
                        background-position: -255px -252px ;}

	
/*++++++rightbox++++++*/

#rightbox{
         float:right;
         width:560px:
         margin:0 10px 0 0;
         padding:0;
}

#rightbox h2{
           margin:0 15px 0 0;
           padding:0;
           text-align:right;
}

#content {
          width:560px;
          margin:15px 10px 0 0;
          float:right;
　　　　　   padding:0;
}
#content table{padding:3px;}

#school {
        width:560px;
        background:url(img/school_back.jpg);
        background-repeat:no-repeat;
        margin:20px 0 50px 0;
        padding:0 0 50px 0;
        float:right;
}

#gallery {
        width:560px;
        height:707px;
        background:url(img/gallery_content.jpg);
        background-repeat:no-repeat;
        margin:0;
        padding:0;
        float:right;
}

#content {
        font-size:12px;
        line-height:200%;
        color:#666666;
}

#content a{
	color: #568aa2;
}

#content a:hover {
text-decoration: underline;
color: #568aa2;
}

#content img{
margin:20px 0 5px 0;
padding:0;}


#content h3{
        background:url(img/tiback.jpg);
        width:500px;
        height:30px;
        background-repeat:no-repeat;
        margin:0;
}


#content img {
margin:0;
padding:0;
}

#content  td {
padding:8px 0 8px 3px;
}



/*++++++フッター++++++*/
#foot {width:870px;
       margin:0 auto;
       text-align:left;
       padding:0 0 0 10px;
       color:#666;
       font-size:0.875em;
}

#foot address{
text-align:center;
font-size:12px;
font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3, sans-serif;
font-style:normal;
margin:10px 0 10px 0;
}

.maintitle {
background-color:#3399cc;
color:#ffffff;
margin:20px 0 0 0;
padding:8px;
font-size:14px;
}

.maintitle a {
text-decoration:underline;
}

#content .maintitle a{
color:#ffffff;
}

#content .maintitle a:hover{
color:#cccccc;
}

.ddsg-wrapper  {
margin:0 0 0 20px;
}

.date {
margin:10px 0 10px 0;
padding:0;
color: #568aa2;
}