img {
    border-style:none; /* 画像に枠はつけない */
    vertical-align:bottom; /* 画像の下の隙間をなくす */
}      
body {
    background-color:#DEFFFF; /* 全体の背景色の指定 */ 
    margin:0px auto;
    text-align: left;
    overflow-y:scroll;
} 

#box {
    background-color: #BBEEBB; /* menuの背景色にあわせる */
    margin:0px auto;
    max-width:1000px;
} /* ページが表示されるボックス */ 


#header {
    background-color:#FFFFFF; /* headerの背景色の指定 */ 
    margin:0px auto;
    padding:0px;
    text-align: center;
    overflow:hidden;
    max-width:1000px;
    height: 90px;
}

#notice{
    margin:0px auto;
    padding:5px;
    font-size:100%;
    text-align: center;
    background-color: #FFFFFF; /* 背景色 */
    border-style: double; 
}

#jumptoindex {
    display:block;
    max-width:1000px;
    height: 90px;
}

#title {
}

#menu {
    font-size:95%;
    float: left;
    width: 170px;     /* floatに、width 指定は必須です。*/
    text-align:center; /* menu内はセンタリング  */
    background-color: #BBEEBB; /* menuの背景色 */
}
.submenu {
    margin-left:5px;
    margin-top:3px;
    margin-bottom:3px;
    padding-top:3px;
    padding-bottom:3px;
    width: 160px;
    background-color: #EEFFEE ; /* submenuの背景色 */
}
.menu_button {
    font-size:90%;
/*    font-weight:bold;*/
    text-decoration:none;
    margin:0px auto;
    margin-top:3px;
    margin-bottom:2px;
    width:140px;
    display:block;
    color:#000;
    text-shadow:1px 1px 3px #AAA;
    border:2px solid #95B3D7;
    padding:2px 3px 3px 2px;
    /* background: */
    /* -webkit-gradient( */
    /* 	linear, */
    /* 	left top, left bottom, */
    /* 	from(rgba(128, 128, 128, 0)), */
    /* 	color-stop(0.8,rgba(128, 128, 128, 0)), */
    /* 	to(rgba(128, 128, 128, 1))), */
    /* -webkit-gradient( */
    /* 	linear, */
    /* 	left top, right top, */
    /* 	from(rgba(128, 128, 128, 0)), */
    /* 	color-stop(0.96,rgba(128, 128, 128, 0)), */
    /* 	to(rgba(128, 128, 128, 1))); */
    /* background: */
    /* -moz-linear-gradient( */
    /* 	top, */
    /* 	rgba(128, 128, 128, 0), */
    /* 	rgba(128, 128, 128, 0) 80%, */
    /* 	rgba(128, 128, 128, 1) */
    /* ), */
    /* -moz-linear-gradient( */
    /* 	left, */
    /* 	rgba(128, 128, 128, 0), */
    /* 	rgba(128, 128, 128, 0) 96%, */
    /* 	rgba(128, 128, 128, 1) */
    /* ); */
    box-shadow: -2px -2px 4px rgba(0,0,0,0.5) inset;
    border-radius:5px;
    background-color:#DCE6F2;
}

.menu_button:hover {
    background-color:#F1DBDA;
    border:2px solid #D99694; 
}

.menu_button:active, .menu_button.here{
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset;

    /* background: */
    /* -webkit-gradient( */
    /* 	linear, */
    /* 	left bottom, left top, */
    /* 	from(rgba(128, 128, 128, 0)), */
    /* 	color-stop(0.8,rgba(128, 128, 128, 0)), */
    /* 	to(rgba(128, 128, 128, 1))), */
    /* -webkit-gradient( */
    /* 	linear, */
    /* 	right top, left top, */
    /* 	from(rgba(128, 128, 128, 0)), */
    /* 	color-stop(0.96,rgba(128, 128, 128, 0)), */
    /* 	to(rgba(128, 128, 128, 1))); */
    /* background: */
    /* -moz-linear-gradient( */
    /* 	bottom, */
    /* 	rgba(128, 128, 128, 0), */
    /* 	rgba(128, 128, 128, 0) 80%, */
    /* 	rgba(128, 128, 128, 1) */
    /* ), */
    /* -moz-linear-gradient( */
    /* 	right, */
    /* 	rgba(128, 128, 128, 0), */
    /* 	rgba(128, 128, 128, 0) 96%, */
    /* 	rgba(128, 128, 128, 1) */
    /* ); */
    background-color:#B9CDE5;
    border:2px solid #95B3D7; 
    padding:3px 2px 2px 3px; 
}

.left {
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
#contents {
    padding:1em;
    margin-left:170px;
    max-width: 830px;
    background-color:#FFFFFF;
}
#footer {
    background-color:#FFFFFF; /* footer の背景色 */
    clear: both;      /* float をクリアしています。*/
/*      width: 700px;*/
/*      height: 50px;*/
}