body {
 margin: 12px;
 padding: 0px;
 font-size: 12px;
 line-height: 1.8em;
 color: #333;
 background-image: url(image/bk.gif);
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
a {
 color: #369;
 text-decoration: none;
}
a:link,a:visited {
 color: #369;
 text-decoration: none;
}

a:hover {
 color: #963;
}

a img {
 border-color : #369;
}
a:link img,a:visited img {
 border-color : #369;
}

a:hover img {
 border-color: #F60;
}

h1 {
 margin: 0px;
 padding: 0px;
 font-size: 16px;
 margin: 8px 0px;
}
h2 {
 margin: 0px;
 padding: 0px;
 font-size: 14px;
 margin: 8px 0px;
}
h3,h4 {
 margin: 0px;
 padding: 0px;
 font-size: 14px;
}

.midashi {
 color: #066;
 border-bottom: 1px solid #066;
}
.midashi span {
 border:#fff solid 3px;
 background-color:#066;
 color:#fff;
 padding:4px;
 font-weight:normal;
 margin-bottom:2px;
}

.midashi2 {
 color: #333;
 border: 1px solid #CCC;
 background-image: url(image/bk.gif);
 padding: 2px 20px;
}
.midashi3 {
 color: #333;
 border-left: 10px solid #F60;
 padding: 2px 8px;
}

.wrapper {
 width: 841px;
}
.wrapper02 {
 width: 841px;
 background-color: #fff;
 border: 1px solid #036;
 text-align: left;
}
.head {
 height: 42px;
 width: 820px;
 padding-top: 15px;
 padding-right: 15px;
 margin-left: 3px;
}
.head a{
 color: #666666;
 text-decoration: none;
}
.head_top {
 background-image: url(image/head_bg.jpg);
 height: 34px;
 width: 826px;
 padding-top: 15px;
 padding-right: 15px;
 margin-left: 0px;
 background-repeat: no-repeat;
}
.head_top a{
 color: #333333;
 text-decoration: none;
}

.wrapper03 {
 width: 841px;
 overflow: hidden;
 background-image: url(image/top_bg.gif);
 background-repeat: repeat-y;
}
.wrapper03:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html overflow: hidden; {
    height: 1em;
    overflow: visible;
}
/**/

#top01 {
 float: left;
 height: 65px;
 width: 304px;
}

#navi {
 width: 533px;
 height: 65px;
 float: left;
}
#navi ul {
 height: 65px;
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 border-style: none;
}
#navi li {
 height: 65px;
 margin: 0px;
 padding: 0px;
 list-style: none;
 display: inline;
 text-indent: -9999px;  
}

#navi li#n1 a{
 height: 65px;
 width: 73px;
 background: url(image/navi.png) no-repeat 0px -65px;
 display: block;
 float: left;
}
#navi li#n2 a{
 height: 65px;
 width: 70px;
 background: url(image/navi.png) no-repeat -73px -65px;
 display: block;
 float: left;
}
#navi li#n3 a{
 height: 65px;
 width: 69px;
 background: url(image/navi.png) no-repeat -143px -65px;
 display: block;
 float: left;
}
#navi li#n4 a{
 height: 65px;
 width: 72px;
 background: url(image/navi.png) no-repeat -212px -65px;
 display: block;
 float: left;
}
#navi li#n5 a{
 height: 65px;
 width: 112px;
 background: url(image/navi.png) no-repeat -284px -65px;
 display: block;
 float: left;
}
#navi li#n6 a{
 height: 65px;
 width: 80px;
 background: url(image/navi.png) no-repeat -396px -65px;
 display: block;
 float: left;
}
#navi li#n7 a{
 height: 65px;
 width: 57px;
 background: url(image/navi.png) no-repeat -476px -65px;
 display: block;
 float: left;
}

#navi li#n1 a:hover {
 height: 65px;
 width: 73px;
 background: url(image/navi.png) no-repeat 0px 0px;
 display: block;
 float: left;
}
#navi li#n2 a:hover {
 height: 65px;
 width: 7-65px;
 background: url(image/navi.png) no-repeat -73px 0px;
 display: block;
 float: left;
}
#navi li#n3 a:hover{
 height: 65px;
 width: 69px;
 background: url(image/navi.png) no-repeat -143px 0px;
 display: block;
 float: left;
}
#navi li#n4 a:hover{
 height: 65px;
 width: 72px;
 background: url(image/navi.png) no-repeat -212px 0px;
 display: block;
 float: left;
}
#navi li#n5 a:hover{
 height: 65px;
 width: 112px;
 background: url(image/navi.png) no-repeat -284px 0px;
 display: block;
 float: left;
}
#navi li#n6 a:hover{
 height: 65px;
 width: 8-65px;
 background: url(image/navi.png) no-repeat -396px 0px;
 display: block;
 float: left;
}
#navi li#n7 a:hover{
 height: 65px;
 width: 57px;
 background: url(image/navi.png) no-repeat -476px 0px;
 display: block;
 float: left;
}

#navi li#n1 {
 height: 65px;
 width: 73px;
 background: url(image/navi.png) no-repeat 0px -130px;
 display: block;
 float: left;
}
#navi li#n2{
 height: 65px;
 width: 70px;
 background: url(image/navi.png) no-repeat -73px -130px;
 display: block;
 float: left;
}
#navi li#n3 {
 height: 65px;
 width: 69px;
 background: url(image/navi.png) no-repeat -143px -130px;
 display: block;
 float: left;
}
#navi li#n4 {
 height: 65px;
 width: 72px;
 background: url(image/navi.png) no-repeat -212px -130px;
 display: block;
 float: left;
}
#navi li#n5 {
 height: 65px;
 width: 112px;
 background: url(image/navi.png) no-repeat -284px -130px;
 display: block;
 float: left;
}
#navi li#n6{
 height: 65px;
 width: 80px;
 background: url(image/navi.png) no-repeat -396px -130px;
 display: block;
 float: left;
}
#navi li#n7 {
 height: 65px;
 width: 57px;
 background: url(image/navi.png) no-repeat -476px -130px;
 display: block;
 float: left;
}
.flash {
 height: 215px;
 width: 832px;
 margin-left: 5px;
}
.pankuzu {
 line-height: 22px;
 padding-left: 10px;
 color: #66CC00;
}
.pankuzu a{
 color: #66CC00;
}

.left {
 float: left;
 width: 198px;
 padding-left: 9px;
 padding-top: 2px;
 padding-bottom: 10px;
 background-image: url(image/bg01.gif);
 background-repeat: repeat-y;
}
.left a:hover {
 color: #FF9900;
 text-decoration: none;
}
.left .in01{
 margin-left: 25px;
 color: #336699;
 line-height: 20px;
}
.left .in01 a{
 color: #336699;
}
.left .in02{
 margin-left: 40px;
 color: #336699;
 line-height: 20px;
}
.left .in02 a{
 color: #336699;
}
.left .in03{
 margin-left: 55px;
 color: #336699;
 line-height: 20px;
}
.left .in03 a{
 color: #336699;
}

.left .in04{
 margin-bottom: 8px;
 color: #f66;
}
.left .in05{
 margin-bottom: 8px;
 margin-left: 18px;
}
.left .in06{
 margin-bottom: 17px;
 margin-left: 18px;
}
.left .in07{
 margin-bottom: 17px;
}
.left .in08{
 margin-bottom: 17px;
 margin-left: 25px;
}
.top_content {
 width: 378px;
 float: left;
 padding-left: 17px;
 padding-right: 30px;
}
.button01 {
 text-align: right;
 width: 355px;
 margin-top: 4px;
}
.topline {
 margin-top: 6px;
 margin-bottom: 14px;
}
.top_right {
 float: left;
 width: 180px;
}
.top_right .in04{
 margin-bottom: 8px;
}
.top_right .in07{
 margin-bottom: 17px;
}
.top_right .in08{
 margin-bottom: 17px;
 margin-left: 25px;
}
.right {
 float: left;
 padding-top: 2px;
 width: 596px;
 background-color: #fff;
 text-align: left;
 padding-left: 16px;
}
.ao_right {
 float: left;
 padding-top: 2px;
 width: 796px;
 background-color: #fff;
 text-align: left;
 padding-left: 16px;
}
.gakucho01 {
 width: 590px;
 background-image: url(image/gakucho_bg.jpg);
 background-repeat: no-repeat;
 border:#fff solid 1px; // エリア確保のため必要
}

.midori {
 background-image: url(image/midori.jpg);
}
.bk-color-off {
 background-color: transparent;
}

.pt01 {
 margin-bottom: 13px;
}
.gakucho01 .text{
 margin-top: 246px;
 margin-left: 264px;
 line-height: 19px;
}

.footer {
 text-align: center;
 clear: both;
 margin-bottom: 15px;
}

.comment {
 margin: 30px 10px 0px 130px;
 color: #066;
}
.prof {
 text-align: right;
 font-weight: bold;
}
.point {
 font-weight: bold;
 color: #066;
}
.point2 {
 font-weight: bold;
 background-color : #FFC;
 padding : 4px;
}
table.nenpyo td {
 border-top:#ccc solid 3px;
}
table.nenpyo th {
 border-top:#999 solid 3px;
}

table.bosyu td,table.bosyu th  {
 padding:6px;
 text-align:center;
}
table.bosyu th {
 background-color : #066;
 color:#fff;
}

table.shiken {
 margin-left:20px;
 padding: 2px;
 border-style : solid;
 border-width : 1px;
 border-color : #eee;
}
table.shiken td {
 border-top:#ccc solid 1px;
}
table.shiken th {
 background-color : #ccc;
}
table.shiken th.no {
 border-top:#066 solid 1px;
 background-color : #066;
 color : #fff;
}
table.shiken th div {
 padding:10px;
}

.box {
 font-size : 9px;
// font-size : 8px;
 margin : 0px 1px 5px 1px;
 padding: 6px;
 border-style : solid;
 border-width : 3px;
 border-color : #DDD;
 background-color : #FFF;
}
a:link.box,a:visited.box {
 border-color : #DDD;
 border-width : 1px;
 background-color : #FFF;
}
a:hover.box {
 background-color : #FFC;
}

img.snap {
 border : #CCC solid 1px;
 padding : 2px;
 margin : 2px;
}

.box2 {
 margin : 0px 0px 5px 0px;
 padding: 6px;
 border-style : solid;
 border-width : 1px;
 border-color : #DDD;
}

.thum {
 border-style : none;
}

div.quu {
 font-size: 200%; 
 font-weight: bold;
 color: #008cd6;
}

div.text-bb {
 font-weight: bold;
 color: #008cd6;
}
div.text-b {
 color: #008cd6;
}

div.banner-title {
 color: #366;
 margin-bottom:-3px;
 font-weight: bold;
}

div.top-title {
 color: #366;
 margin-bottom:-3px;
 font-weight: bold;
 border-bottom: #366 solid 1px;
 width:376px;
 margin-bottom:4px;
}

#MenuBar1 li, #MenuBar1 li ul{
 width:190px;
 height:34px;
 border-style : solid;
 border-width : 1px;
 border-color : #fff #ccc #ccc #fff;
}
li a {
 font-size:9pt;
}
#MenuBar1 li.root , #MenuBar1 li.root2 {
 width:178px;
 padding: 8px 0px 0px 12px;
 background-color: #EEE;
 background-image: url(image/bk_menu.gif);
}
#MenuBar1 li.root2 {
 background-image: url(image/bk_menu2.gif);
}

div.sidemenu0 {
 border-left:#ddd solid 10px;
}
div.sidemenu1 {
 border-left:#00f solid 10px;
}
div.sidemenu2 {
 border-left:#069 solid 10px;
}
div.sidemenu3 {
 border-left:#0c3 solid 10px;
}
div.sidemenu4 {
 border-left:#cc0 solid 10px;
}
div.sidemenu5 {
 border-left:#c60 solid 10px;
}
div.sidemenu6 {
 border-left:#f00 solid 10px;
}
div.sidemenu7 {
 border-left:#909 solid 10px;
}
div.sidemenu8 {
 border-left:#666 solid 10px;
}
.title1 {
 border-left:#00f solid 10px;
 background-image:url('image/title1.jpg');
 padding:10px;
 margin-bottom:5px;
}
.title2 {
 border-left:#069 solid 10px;
 background-image:url('image/title2.jpg');
 padding:10px;
 margin-bottom:5px;
}
.title3 {
 border-left:#0c3 solid 10px;
 background-image:url('image/title3.jpg');
 padding:10px;
 margin-bottom:5px;
}
.title4 {
 border-left:#cc0 solid 10px;
 background-image:url('image/title4.jpg');
 padding:10px;
 margin-bottom:5px;
}
.title5 {
 border-left:#c60 solid 10px;
 background-image:url('image/title5.jpg');
 padding:10px;
 margin-bottom:5px;
}
.title6 {
 border-left:#f00 solid 10px;
 background-image:url('image/title6.jpg');
 padding:10px;
 margin-bottom:5px;
}
.title7 {
 border-left:#909 solid 10px;
 background-image:url('image/title7.jpg');
 padding:10px;
 margin-bottom:5px;
}
.title8 {
 border-left:#666 solid 10px;
 background-image:url('image/title8.jpg');
 padding:10px;
 margin-bottom:5px;
}
table.submenu td {
 border-style : solid;
 border-color : #DDD;
}
table.submenu {
 margin-bottom:15px;
}