@charset"utf-8";

*{
margin:0;
padding:0;
}

html{
margin:0;
padding:0;
}

body{
margin: 0;
padding: 0;
text-align : center;
font-family:"$B%R%i%.%N3Q%4(B Pro W3","MS $B%4%7%C%/(B",Osaka,sans-serif;
font-size: 1.0em;
color: #333333;
background-color: #cccccc;
}

img{
border: 0;
}

#container{
margin: 0px auto 0px auto;
padding: 0;
text-align: left;
width: 800px;
height: auto;
background-color: #ffffff;
}

#header{
width: 800px;
height: 80px;
background-image: url(bg02.jpg);
background-repeat: repeat;
background-color: #336699;
}

#header p{
padding: 20px 0px 0px 0px;
margin: 0px 30px  0px 0px;
font-family:"$B%R%i%.%N3Q%4(B Pro W3","MS $B%4%7%C%/(B",Osaka,sans-serif;
font-size: 0.8em;
font-weight: normal;
color: #ffffff;
}

#header img{
float: left;
margin: 0px 50px 10px 0px;
padding: 0;
border: 0;
background: none;
vertical-align: bottom;
}

#contents{
margin: 0;
padding: 0;
}

#main {
width: 800px;
height: auto;
margin: 0;
padding: 0
background-color: #ffffff;
}

#main img{
float: left;
margin: 60px 10px 4px 60px;
padding: 0px 0px 0px 10px;
border: 0;
vertical-align: middle;
}

#main a,#main a:link #main a:visited {
text-decoration: none;
color: #0033cc;
width: auto;
height: auto;
text-align: center;
padding: 0;
display: block;
}

#main a:hover {
color: #cc3333;
font-weight: bold;
}

#main h1{
clear: both;
margin: 0px 0px 0px 90px;
padding: 10px 0px 10px 0px;
font-family:"$B%R%i%.%N3Q%4(B Pro W3","MS $B%4%7%C%/(B",Osaka,sans-serif;
font-size: 1.2em;
font-style: italic;
font-weight: bold;
color: #cc0000;
}

#main p{
width: auto;
height: auto;
margin: 0px 10px;
padding: 140px 20px 10px 60px;
font-family:"$B%R%i%.%N3Q%4(B Pro W3","MS $B%4%7%C%/(B",Osaka,sans-serif;
font-size: 0.8em;
line-height: 1.6em;
font-weight: nomal;
}

#topics {
width: 620px;
height: auto;
margin: 0;
padding: 4px 90px 10px 90px;
font-family:"$B%R%i%.%N3Q%4(B Pro W3","MS $B%4%7%C%/(B",Osaka,sans-serif;
font-size: 0.8em;
line-height: 1.6em;
font-weight: nomal;
background-color: #ffffff;
}

#menu {
clear: both;
width: 800px;
height: auto;
margin: 0;
padding: 0;
font-family:"$B%R%i%.%N3Q%4(B Pro W3","MS $B%4%7%C%/(B",Osaka,sans-serif;
font-size: 0.8em;
color: #ffffff;
background-color: #336699;
}

#menu table{
width: 760px;
height: auto;
margin: 20px 20px;
padding: 0;
}

#menu img{
margin: 0;
padding: 0px 20px 0px 0px;
border: 0;
}

#menu a{
margin: 0;
padding: 0;
border: 0;
color: #cccccc;
font-weight: normal;
}

#footer{
clear: both;
width: 800px;
height: 100px;
margin: 0;
padding: 0;
color: #333333;
text-align: right;
background-color: #336699;
border-top: 1px solid #cccccc;
}

#footer img{
float: left;
margin: 0;
padding: 0;
border: 0;
background: none;
}

#footer p{
clear: right;
margin: 0;
padding: 40px 0px 20px 0px;
font-family:"$B%R%i%.%N3Q%4(B Pro W3","MS $B%4%7%C%/(B",Osaka,sans-serif;
font-size: 0.8em;
font-weight: normal;
color: #ffffff;
text-align: center;
}