html {
overflow-y:scroll;
background-color: #FFFFFF;
}

*{
margin:0;
padding:0;
}

body {
font-size: 75%;
font-family: "Osaka", "Verdana", "MS Pゴシック", "sans-serif";
line-height: 1.4;
color: #000000;
}

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

/*---------------------------------link*/

a:link, a:visited {
color: #000000; 
}

a:hover {
color: #FF0000;
}

a{
text-decoration: underline;
outline: none;
}

ul {
list-style: none;
}
/*---------------------------------wrapper*/
#wrapper {
width: 780px;
text-align: center;
margin: 0px auto;
}

/*---------------------------------header*/
#header {
position: relative;
width: 780px;
height: 70px;
background-color: #33ccff;
}

#header_img {
position: relative;
width: 175px;
height: 35px;
top: 17px;
margin: 0px auto;
}

/*---------------------------------footer*/

#footer {
position: relative;
clear:both;
width: 780px;
height: 50px;
background-image:url(../images/footer.gif);
margin: 0px auto;
}

#access {
position: absolute;
width: 88px;
height: 31px;
right: 5px;
bottom: 5px;
background-color: #66cc33;
margin: 0;
padding: 0;
}

/*---------------------------------container*/

#container {
position: relative;
clear:both;
width: 780px;
margin: 0px;
text-align: left;
}

h1{
font-size: 120%;
font-weight: bold;
color: #fff;
background-color: #33ccff;
padding: 5px 5px 5px 10px;
margin: 10px 0 5px 0;
clear: both;
}

h1 span{
font-size: 80%;
margin-left: 5px;
}

h2{
font-size: 120%;
margin: 0 0 5px 0;
}

.section {
font-size: 100%;
margin: 10px 20px;
}

.section  p{
margin: 0 0 10px 0;
}

/*---------------------------------contents*/
#contents {
position: relative;
clear:both;
width: 100%;
}

.new{
background-color: #FF0000;
font-weight: bold;
color: #fff;
padding: 0 5px;
}

/*---------------------------------navigation*/
#navigation {
position: relative;
width: 100%;
height: 25px;
background-color: #66cc33;
}

ul.menu  {
width: 630px;
height: 25px;
margin: 0px auto;
}

ul.menu li {
float: left;
text-indent: -9999px;
overflow: hidden;
list-style: none;
}

ul.menu li a {
display: block;
width: 90px;
height: 25px;
}

li.menu1 a {
   background:url(../images/navigation.gif) 0 0 no-repeat;
}
li.menu1 a:hover {
   background:url(../images/navigation.gif) 0 -25px no-repeat;
}
li.menu2 a {
   background:url(../images/navigation.gif) -90px 0 no-repeat;
}
li.menu2 a:hover {
   background:url(../images/navigation.gif) -90px -25px no-repeat;
}
li.menu3 a {
   background:url(../images/navigation.gif) -180px 0 no-repeat;
}
li.menu3 a:hover {
   background:url(../images/navigation.gif) -180px -25px no-repeat;
}
li.menu4 a {
   background:url(../images/navigation.gif) -270px 0 no-repeat;
}

li.menu4 a:hover {
   background:url(../images/navigation.gif) -270px -25px no-repeat;
}
li.menu5 a {
   background:url(../images/navigation.gif) -360px 0 no-repeat;
}

li.menu5 a:hover {
   background:url(../images/navigation.gif) -360px -25px no-repeat;
}
li.menu6 a {
   background:url(../images/navigation.gif) -450px 0 no-repeat;
}
li.menu6 a:hover {
   background:url(../images/navigation.gif) -450px -25px no-repeat;
}
li.menu7 a {
   background:url(../images/navigation.gif) -540px 0 no-repeat;
}
li.menu7 a:hover {
   background:url(../images/navigation.gif) -540px -25px no-repeat;
}


/* モダンブラウザ（Firefox Opera Safari）対策 */
ul.menu:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   font-size:0;
}

/* Win版IE7とMac版IE5対策 */
ul.menu {
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html ul.menu {
   height:1px;
}

ul.menu {
   display:block;
}
/* End hide from IE-mac */