<style type="text/css"> 
<!--
/* ########################################################################## */
/* ### フォント ############################################################# */
@font-face {
    font-family:"HuiFont29";
    src: url(/content/font/HuiFont29.eot);/* ie */
    }

@font-face {
    font-family:"HuiFont29";
    src: local("HuiFont29"),
         local("HuiFont29"),
         url(/content/font/HuiFont29.ttf) format('truetype');/* firefox, Opera, Chrome */
    }

/* ########################################################################## */
/* ########################################################################## */
a	{
	cursor : hand;
	}

a:link	{
	color : #0000FF;
	}

a:visited	{
	color : #400080;
	}

a:active	{
	color : #0000A0;
	}

a:hover	{
	color : #00FF40;
	}

a:img	{
	border: none;
	}

body	{
	color : #000000;
        font-family: "HuiFont29",Verdana,sans-serif;
	font-size : 10pt;
	cursor : default;
	background-color : #FFF7D6;
	SCROLLBAR-FACE-COLOR: PINK;
	SCROLLBAR-HIGHLIGHT-COLOR: WHITE;
	SCROLLBAR-SHADOW-COLOR: HOTPINK;
	SCROLLBAR-3DLIGHT-COLOR: BLACK;
	SCROLLBAR-ARROW-COLOR: WHITE;
	SCROLLBAR-TRACK-COLOR: WHITE;
	SCROLLBAR-DARKSHADOW-COLOR: BLACK;
	}

.hr1	{
	display: block;
	width: 95%;
	height: 2px;
	background-color: #ffaaaa;
	}

.center {
	text-align:center;
	}

.table_menu {
	border-width: 50%;
	border-collapse: collapse;
	}

.table_menu th, .table_menu td {
	border: 2px solid #000000;
	}

.table_list {
	border-width: 50%;
	border-collapse: collapse;
	}

.table_list th, .table_list td {
	border: 2px solid #000000;
	}



/* ########################################################################## */
/* #### 黒板 TOP ページ用 ################################################### */
#bb1 {
    position:relative;
    width:600px; height:33em;
    margin:0; padding:0;
    border: 5px #743a11 solid;
    background: #006400;
    overflow:hidden;
    font-size:15px;
    text-align:center;
    margin-left:auto;margin-right:auto;
    text-align:left;
    }

/* 黒板の字 */
#bb1 p.fast {
    margin:150px 0 0 0; padding:6px;
    color:#fff;
    text-indent : -1em ;
    padding-left: 1em;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    }

#bb1 p.other {
    margin:5px 0 0 0!important;
    color:#fff;
    text-indent : -1em ;
    padding-left: 1em;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    }
/* ポストイット */
#bb1 .postit {
    position: absolute;
    width:8em;
    margin:0; padding:10px;
    top:40px; right:30px;
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    background-color:#faf7e0;
    color:#908a60;
    -moz-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.25);
    box-sizing:border-box;
    }
#bb1 .postit.post2 {
    left:145px;
    width:26em;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    }
#bb1 .postit.post3 {
    left:30px;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    }
/* クリップ */
#bb1 .postit::after {
    content: url(/content/css-img/tape.png);
    position: absolute;
    top:-15px; left:20px;
    }
#bb1 .postit.post2::after {
    left:150px;
    }
#bb1 .postit.post3::after {
    left:20px;
    }
/* 下線 */
#bb1 .postit span {
    display:block;
    border-bottom:1px dotted #908a60;
    }

/* ########################################################################## */
/* #### 黒板 home.html用 #################################################### */
#home-bb {
    position:relative;
    width:600px; height:26em;
    margin:0; padding:0;
    border: 5px #743a11 solid;
    background: #006400;
    overflow:hidden;
    font-size:15px;
    text-align:center;
    margin-left:auto;margin-right:auto;
    text-align:left;
    }

/* 黒板の字 */
#home-bb p.fast {
    margin:150px 0 0 0; padding:6px;
    color:#fff;
    text-indent : 1em ;
    padding-left: -1em;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    }

#home-bb p.other {
    margin:5px 0 0 0!important;
    color:#fff;
    text-indent : 1em ;
    padding-left: -1em;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    }
/* ポストイット */
#home-bb .postit {
    position: absolute;
    width:8em;
    margin:0; padding:10px;
    top:40px; right:30px;
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    background-color:#faf7e0;
    color:#908a60;
    -moz-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.25);
    box-sizing:border-box;
    }
#home-bb .postit.post2 {
    left:145px;
    width:26em;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    }
#home-bb .postit.post3 {
    left:30px;
    width:9em;
    font-size:30px;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    }
/* クリップ */
#home-bb .postit::after {
    content: url(/content/css-img/tape.png);
    position: absolute;
    top:-15px; left:20px;
    }
#home-bb .postit.post2::after {
    left:150px;
    }
#home-bb .postit.post3::after {
    left:80px;
    }
/* 下線 */
#home-bb .postit span {
    display:block;
    border-bottom:1px dotted #908a60;
    }

/* ########################################################################## */
/* #### メニュー画面 ######################################################## */
/*******グローバルナビ********/
.slideButton {
    display: none;
}
#slideMenu {
    position: relative;
    width: 100%;
    height: 40px;
    position: fixed;
    top: 0;
    background-color: #444;/*メニューの背景色*/
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
#slideMenu > .slideMenuInner {
    list-style-type: none;
    width: 680px;/*メニューの横幅を*/
    height: 100%;
    margin: 0 auto;
    padding-left: 0;
}
#slideMenu > .slideMenuInner li {
    position: relative;
    float: left;
    height: 100%;
    text-align: center;
}
#slideMenu > .slideMenuInner > li a {
    display: block;
    position: relative;
    z-index: 2;
    height: 100%;
    padding-right: 20px;/*文字の左の余白*/
    padding-left: 20px;/*文字の右の余白*/
    background-color: #444;/*文字の背景色*/
    color: #fff;/*文字色*/
    font-size: 100%;
    text-decoration: none;
    line-height: 40px;
}
#slideMenu > .slideMenuInner > li:hover a {
    background-color: #555;/*文字の背景色（マウスホバー時）*/
}
/*２階層目*/
#slideMenu > .slideMenuInner > li > ul.second-level {
    visibility: hidden;
    list-style-type: none;
    position: absolute;
    z-index: -1;
    top: 0;
    margin: 0;
    padding-left: 0;
}
#slideMenu > .slideMenuInner > li:hover > ul.second-level {
    visibility: visible;
    z-index: 1;
    top: 40px;
    transition: all .3s;
}
#slideMenu > .slideMenuInner > li:hover > ul.second-level > li {
    width: 250px;
    height: 40px;
    text-align: left;
}
#slideMenu > .slideMenuInner > li:hover > ul.second-level > li > a {
    display: block;
    background-color: #444;/*子メニューの文字の背景色*/
    color: #fff;/*子メニューの文字色*/
    font-size: 100%;
    text-decoration: none;
    line-height: 40px;
}
#slideMenu > .slideMenuInner > li:hover > ul.second-level > li > a:hover {
    background-color: #555;/*子メニューの背景色（マウスホバー時）*/
}
/*２階層目ここまで*/
/******スライドメニュー*******/
@media screen and (max-width:680px) {/*１*/
    #menuButton {
        z-index: 10;
        width: 100%;
        background-color: #444;/*メニューバーの色*/
    }
    #menuButtonInner {
        position: relative;
        width: 100%;
        margin: 0 auto;
        text-align: right;
    }
    .slideButton {
        display: inline-block;
        margin: 5px;
        padding: 8px 15px;
        background-color: #555;/*「MENU」の背景色*/
        color: #fff;/*「MENU」の文字色*/
        font-size: 100%;
        text-decoration: none;
        cursor: pointer;
    }
    #slideMenu {
        overflow-x: hidden;
        overflow-y: auto;
        position: absolute;
        z-index: 20;
        top: 0;
        right: -260px;
        width: 260px;
        height: 100%;
        margin: 0;
        padding: 0;
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    }
    #slideMenu > .slideMenuInner {
        position: static;
        width: 100%;
        height: 100%;
    }
    #slideMenu > .slideMenuInner > li {
        display: block;
        position: relative;
        float: none;
        width: 100%;
        height: 40px;
        margin: 0 auto;
        border-top: 1px solid #eee;
        text-align: center;
    }
    #slideMenu > .slideMenuInner > li a {
        display: block;
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        padding: 0;
        background-color: #fff;/*スライドメニューの背景色*/
        color: #333;/*スライドメニューの文字色*/
        font-size: 100%;
        font-weight: bold;
        line-height: 40px;
    }
    #slideMenu > .slideMenuInner > li:hover a {
        background-color: #fff;/*スライドメニューの背景色（マウスホバー時）*/
        color: #333;/*スライドメニューの文字色（マウスホバー時）*/
    }
    #slideMenu > .slideMenuInner > li > a:active {
        opacity: .8;
    }
    #slideMenu > .slideMenuInner > li:hover > ul.second-level {
        display: none;
    }
    .closeArea {
        height: 100%;
        background-color: #333;/*クローズエリア（スライドメニューの下の部分）の色*/
        cursor: pointer;
    }
    #layer {
        display: none;
        position: fixed;
        z-index: 10;
        top: 0;
        width: 100%;
        height: 150%;
        background-color: #222;/*レイヤーの色*/
        opacity: .4;/*レイヤーの透明度*/
        cursor: pointer;
    }
}


-->
</style>
