/* CSS Document */


h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
}


textarea { font-size: 100%; }


img { vertical-align: bottom; }


hr { display: none; }

html {
     height:100%;
	 overflow-y:scroll;
     }


body {
background-image:url(../img/bg.gif);
	margin-left: 0px;
	margin-top: 0px;
}

a:link {
	color: #FF0000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #660099;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}
a:active {
	text-decoration: none;
	color: #FF0000;
}
/* ------------------------------ */


body {
background-image:url(../img/bg.jpg);
background-repeat:repeat-x;
}


#contentarea{
width:680px;
height:100%;
position:absolute;
top:0px;
bottom:50px;
right:50%;
margin-right:-340px;
background-color:#FFFFFF;
}

.header{
background-image:url(../img/header.jpg);
width:680px;
height:160px;
}

/* NAVi------------------------- */

#navi{
width:680px;
height:38px;
background-image:url(../img/navibase.jpg);
background-repeat:no-repeat;
}


ul#menu{
    list-style:none;
    width:410px;
}
ul#menu li{
    list-style:none;
    float:left;
    width:205px;
}
ul#menu a{
    display:block;
    width:205px;
    height:38px;
    text-indent:-1000px;
	background-image:url(../img/navisbtn.jpg);
    overflow:hidden;
}
a.sche{
    background-position:0px 0px;
}
a:hover.sche{
    background-position:0px -38px;
}

body.schejule #navi a.sche {
	   background-position: 0px -38px!important;
      }

a.howto{
    background-position:-205px 0px;
}
a:hover.howto{
    background-position:-205px -38px;
}

body.extra #navi a.howto {
	   background-position: -205px -38px!important;
      }


/* ------------------------------ */

#atc01{
width:640px;
height:140px;
background-image:url(../img/text01.gif);
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}

#atc02{
width:640px;
height:430px;
background-image:url(../img/text02.gif);
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}


.box01{
width:640px;
height:220px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
background-image:url(../img/base.jpg);
background-repeat:no-repeat;
}

.box01ex{
width:640px;
height:430px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
background-image:url(../img/base2.jpg);
background-repeat:no-repeat;
}

.box02ex{
width:640px;
height:540px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
background-image:url(../img/base2.jpg);
background-repeat:no-repeat;
}

p.top{
width:640px;
height:20px;
background-image:url(../img/tops.jpg);
}

.bar01{
width:640px;
height:30px;
background-image:url(../img/bar.jpg);
}



p.title{
color:#FFFFFF;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
vertical-align:bottom;
font-size:14px;
text-indent:25px;
padding-top:6px;
}

.middle{
width:640px;
height:50px;
background-image:url(../img/middle.jpg);
}

.middleex{
width:640px;
height:30px;
background-image:url(../img/middle.jpg);
}

p.text01{
color:#333333;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
vertical-align:bottom;
font-size:12px;
text-indent:25px;
padding-top:8px;
}

p.text02{
color:#333333;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
vertical-align:bottom;
font-size:12px;
text-indent:25px;
margin-top:-13px;
}

p.text03{
color:#333333;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
vertical-align:bottom;
font-size:12px;
text-indent:25px;
padding-top:4px;
}

p.text04{
color:#333333;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
vertical-align:bottom;
font-size:12px;
text-indent:25px;
margin-top:-13px;
}

p.text01ex{
color:#FF0000;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
font-size:12px;
text-indent:25px;
padding-top:3px;
}


p.line{
width:640px;
height:10px;
background-image:url(../img/line.jpg);
background-repeat:no-repeat;
}

.under{
width:640px;
height:20px;
background-image:url(../img/middle.jpg);
}

.underex{
width:640px;
height:330px;
background-image:url(../img/middle.jpg);
}

.underex02{
width:640px;
height:500px;
background-image:url(../img/middle.jpg);
}

.link{
color:#FF0000;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
vertical-align:bottom;
font-size:12px;
text-indent:25px;
padding-top:5px;
}


p.bottom{
width:640px;
height:15px;
background-image:url(../img/under.jpg);
background-repeat:no-repeat;
}


.extext01{
width:640px;
height:350px;
background-image:url(../img/extext01.gif);
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
}

.back{
width:640px;
height:20px;
font-size:12px;
text-indent:25px;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
color:#FF0000;
}

.copyright{
height:50px;
font-size:10px;
margin-top:20px;
color:#333333;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
text-indent:25px;
}