/* CSS Document */
/*-----------------body-----------------*/
body {
margin-left: 0px;
margin-top: 0px;
background: url(../images/bodybg.jpg) repeat-x;
background-color: #C4E2FF;
font-size:small;
color: #333333;
}

h1 {
margin: 0px;
}

a{color:#0033CC;text-decoration:none;}
a:visited{color:#333366;}
a:hover{color:#FF3300;}

/*-----------------wrap-----------------*/
#wrap {
width: 815px;
margin: 0px auto;
background: url(../images/wrapbg.jpg) repeat-y;
padding: 0px;
}


/*-----------------header-----------------*/
#header {
width: 815px;
height: 312px;
background: url(../images/top_r1_c2.jpg) no-repeat;
padding: 0px;
text-indent: -9999px;
overflow:hidden;
}

/*-----------------menuarea-----------------*/

#menuarea {
width: 815px;
height: 45px;
margin: 0;
padding: 0;
background: url(../images/menubg.jpg) no-repeat;
}

#nav {
width: 805px;
height: 45px;
margin: 0px 3px 0px 7px;
padding: 0;
overflow:hidden;
}

#nav ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#nav li {
display: inline;
float: left;
margin: 0px;
}

#top a {
display: block;
width: 100px;
height: 45px;
background: url(../images/menubar.jpg) no-repeat;
text-indent: -9999px;
}

#gaiyou a {
display: block;
width: 99px;
height: 45px;
background: url(../images/menubar.jpg) no-repeat -100px 0px;
text-indent: -9999px;
}

#annai a {
display: block;
width: 99px;
height: 45px;
background: url(../images/menubar.jpg) no-repeat -199px 0px;
text-indent: -9999px;
}

#kekka a {
display: block;
width: 99px;
height: 45px;
background: url(../images/menubar.jpg) no-repeat -298px 0px;
text-indent: -9999px;
}

#old a {
display: block;
width: 99px;
height: 45px;
background: url(../images/menubar.jpg) no-repeat -397px 0px;
text-indent: -9999px;
}

#prize a {
display: block;
width: 99px;
height: 45px;
background: url(../images/menubar.jpg) no-repeat -496px 0px;
text-indent: -9999px;
}

#link a {
display: block;
width: 99px;
height: 45px;
background: url(../images/menubar.jpg) no-repeat -595px 0px;
text-indent: -9999px;
}

#contact a {
display: block;
width: 111px;
height: 45px;
background: url(../images/menubar.jpg) no-repeat -694px 0px;
text-indent: -9999px;
}

#top a:hover {
background: url(../images/menubar.jpg) no-repeat 0px -45px;
}

#gaiyou a:hover {
background: url(../images/menubar.jpg) no-repeat -100px -45px;
}

#annai a:hover {
background: url(../images/menubar.jpg) no-repeat -199px -45px;
}

#kekka a:hover {
background: url(../images/menubar.jpg) no-repeat -298px -45px;
}

#old a:hover {
background: url(../images/menubar.jpg) no-repeat -397px -45px;
}

#prize a:hover {
background: url(../images/menubar.jpg) no-repeat -496px -45px;
}

#link a:hover {
background: url(../images/menubar.jpg) no-repeat -595px -45px;
}

#contact a:hover {
background: url(../images/menubar.jpg) no-repeat -694px -45px;
}

#top a.now {
background: url(../images/menubar.jpg) no-repeat 0px -90px;
}

#gaiyou a.now {
background: url(../images/menubar.jpg) no-repeat -100px -90px;
}

#annai a.now {
background: url(../images/menubar.jpg) no-repeat -199px -90px;
}

#kekka a.now {
background: url(../images/menubar.jpg) no-repeat -298px -90px;
}

#old a.now {
background: url(../images/menubar.jpg) no-repeat -397px -90px;
}

#prize a.now {
background: url(../images/menubar.jpg) no-repeat -496px -90px;
}

#link a.now {
background: url(../images/menubar.jpg) no-repeat -595px -90px;
}

#contact a.now {
background: url(../images/menubar.jpg) no-repeat -694px -90px;
}

/*-----------------bufferarea-----------------*/

#buffer {
width: 815px;
height: 39px;
margin: 0;
padding: 0;
background: url(../images/top_r3_c2.jpg) no-repeat;
overflow:hidden;
}

/*-----------------maincol-----------------*/

#maincol {
width: 815px;
margin: 0;
padding: 0;
background: url(../images/top_r4_c2.jpg) no-repeat;
}

#leftcol {
width: 500px;
margin: 0;
padding: 10px 0 10px 45px;
}

#rightcol {
float: right;
width: 185px;
margin: 0;
padding: 10px 30px 10px 0;
}


.to_form a{
display: block;
width: 177px;
height: 29px;
float: right;
background:url(../../images/to_form.gif) no-repeat;
margin-bottom: 10px;
padding: 0;
text-indent: -9999px;
}

.to_form a:hover {
background: url(../../images/to_form.gif) no-repeat 0px -29px;
}

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

#footer {
clear: both;
width: 815px;
height: 99px;
background: url(../images/top_r6_c2.jpg) no-repeat;
text-indent: -9999px;
}

#textlink {
float: right;
width: 200px;
height: 18px;
margin: 15px 0px 0px 0px;
padding: 7px 25px 0px 0px;
text-indent: 0px;
}
#textlink ul{margin:0;padding:0;}
#textlink ul li{list-style:none;display:inline;padding-left:10px;}
#textlink a{color:#555555;}
#textlink a:visited{color:#666666;}
#textlink a:hover{color:#333333;}