@charset "Shift_JIS";

body {
width: 845px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #f8eb3d;
}
body#submain0 {
width: 845px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #ddebd9;
}

body #containar {
width: 845px;
margin: auto;
text-align: left;
position: relative;
background-image: url(../images/subback.gif);
}
body#submain0 #containar {
width: 845px;
margin: auto;
text-align: left;
position: relative;
background-image: url(../images/subback0.gif);
}


body #containar #header {
width: 100%;
background-image: url(../images/subtop.gif);
background-position: center top;
background-repeat: no-repeat;
height: 120px;
}
body#submain0 #containar #header {
width: 100%;
background-image: url(../images/subback0top.gif);
background-position: center top;
background-repeat: no-repeat;
height: 120px;
}



/*start Header contents*/
#backtop {
top: 20px;
left: 55px;
position: absolute;
height: 100px;
width: 133px;
}
.top {
left: -999px;
top: -999px;
position: absolute;
}
#adv {
top: 38px;
left: 214px;
position: absolute;
background: url(../images/spinfo/ad1.gif) no-repeat center top;
width: 601px;
height: 60px;
}
#ashiato {
left: 30px;
top: 110px;
position: absolute;
background-color: aqua;
padding: 3px 2px 3px 2px;
}
#ashiato strong {
font-size: 100%;
font-weight: bold;
}
#ashiato p {
font-size: 70%;
}
#ashiato p a {
color: blue;
}
#ashiato p a:hover {
color: gray;
}
/*end Header contents*/

#main {
width: 100%;
}
/*start sidemenu*/
#sidemenu {
float: left;
padding: 10px 0px 5px 22px;
position: fixed;
}
#sidemenu p {
font-size: 80%;
font-weight: bold;
padding: 3px 0px 8px 5px;
}
ul#sidemenucont {
list-style-type: none;
list-style-image: url(../images/mark1.gif);
margin-left: 24px;
}
#sidemenucont li {
line-height: 1.2em;
font-size: 70%;
font-weight: bold;
padding-bottom: 8px;
padding-left: 3px;
}
/*end sidemenu*/

body #containar #main #maincontents {
float: right;
width: 600px;
margin-right: 24px;
margin-top: 14px;
padding-bottom: 10px;
padding-right: 0px;
padding-top: 10px;
background-image: url(../images/maincontback.gif);
background-repeat: repeat-x repeat-y;
}

body#submain0 #containar #main #maincontents {
float: right;
width: 600px;
margin-right: 24px;
margin-top: 14px;
padding-bottom: 10px;
padding-right: 0px;
padding-top: 10px;
background-image: url(../images/maincontbackblue.gif);
background-repeat: repeat-x repeat-y;
}

p.backlink {
padding: 15px 0px 20px 0px;
font-size: 90%;
font-weight: bold;
text-align: center;
clear: both;
}

p.thanks {
padding-top: 3px;
padding-left: 3px;
font-size: 60%;
font-weight: 100;
}

/*start top menu*/
/*start base menu*/
ul#menu {
clear: both;
top: 100px;
left: 210px;
position: absolute;
width: 616px;
height: 45px;
background-image: url(../images/navi1.gif);
background-repeat: no-repeat;
}
ul#menu li {
list-style-type: none;
padding: 4px 15px 0px 15px;
}
ul#menu li.menu1end {
list-style-type: none;
padding: 4px 15px 0px 15px;
background-image: none;
}
.menu1 ,.menu1end {
float: left;
}
.menu1 a ,.menu1end a {
height: 30px;
font-size: 80%;
font-weight: bold;
color: green;
text-decoration: none;
}
.menu1 a:hover,.menu1end a:hover {
text-decoration: none;
font-weight: bold;
color: white;
}

/*start etc menu*/
#menu2 {
clear: both;
top: 8px;
left: 200px;
position: absolute;
width: 700px;
height: 38px;
background-image: url(../images/topnaviback.gif);
background-position: left top;
background-repeat: no-repeat;
}
ul#menu2 li {
list-style-type: none;
padding: 2px 15px 0px 22px;
background: url(../images/submenubackbar.gif) no-repeat right top;
}
ul#menu2 li.menubend {
list-style-type: none;
padding: 2px 15px 0px 15px;
background-image: none;
}
.menub ,.menubend {
float: left;
}
.menub a ,.menubend a {
height: 30px;
font-size: 80%;
font-weight: bold;
color: gray;
text-decoration: none;
}
.menub a:hover,.menubend a:hover {
text-decoration: none;
font-weight: bold;
color: blue;
}

/*end top menu*/

#footer {
clear: both;
width: 100%;
margin-top: 2px;
height: 30px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/subfooter.gif);
background-position: bottom center;
background-repeat: no-repeat;
}

body#submain0 #containar #main #footer {
clear: both;
width: 100%;
margin-top: 2px;
height: 30px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/subback0footer.gif);
background-position: bottom center;
background-repeat: no-repeat;
}

address {
font-size: 80%;
font-weight: bold;
text-align: center;

}