@charset "UTF-8";

* {
margin: 0;
padding: 0;
background-color: transparent;
font-weight: normal;
font-style: normal;
}

body {
font-family: "メイリオ","Osaka－等幅","MS Pゴシック","ヒラギノ角ゴProW3","Hiragino Kaku Gothic Pro",sans-serif;
font-size: 10pt;
line-height: 150%;
background: url(image/body.png) repeat-x; /*横にリピート*/
}

/* ヘッダーを幅いっぱいにする為のボックス*/
#headerbg {
height:200px;
width:100%;
min-width:900px;
background: url(image/header.png) no-repeat;
background-position: center top;
}
/* ヘッダー*/
#header {
height:200px;
width: 900px;
margin-right: auto;
margin-left: auto;
}

/*ナビ*/

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

#navi ul {
padding: 30px 0px 0px 420px;
margin: 0;
height: 170px;
width: 480px;
}

#navi li {
float: left;
list-style-type: none;
padding: 0;
}

#navi li a {
text-indent: -9999px;
display: block;
text-decoration: none;
}

#navi li#home a {
margin: 30px 0px 0px 0px;
height: 120px;
width: 120px;
background: url(image/button/top.png) no-repeat left top;
}

#navi li#home a:hover {
background-position:left bottom;
}

#navi li#greeting a {
height: 140px;
width: 140px;
background: url(image/button/gree.png) no-repeat left top;
}

#navi li#greeting a:hover {
background-position:left bottom;
}

#navi li#organize a {
margin: 40px 0px 0px 0px;
height: 110px;
width: 110px;
background: url(image/button/organize.png) no-repeat left top;
}

#navi li#organize a:hover {
background-position:left bottom;
}

#navi li#rules a {
margin: 15px 0px 0px 0px;
height: 110px;
width: 110px;
background: url(image/button/rules.png) no-repeat left top;
}

#navi li#rules a:hover {
background-position:left bottom;
}

#navi li#joining a {
margin: 15px 0px 0px 0px;
height: 110px;
width: 110px;
background: url(image/button/Joining.png) no-repeat left top;
}

#navi li#joining a:hover {
background-position:left bottom;
}


/* メインボックス*/
#content {
width: 900px;
margin-right: auto;
margin-left: auto;
}


/* フッターを幅いっぱいにする為のボックス*/
#footerbg {
clear: both;
background-color: #4682B4;
width:100%;
min-width:900px;

}
/* フッター*/
#footer        {
background-color: #4682B4;
color: #ffffff;
width: 900px;
margin-right: auto;
margin-left: auto;
text-decoration: none;
text-align: center;
}