@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: #ffffff;
background-image: url(img/bg01.jpg);
background-repeat: repeat;
}

img{
border: 0;
}

#container{
margin: 0px auto 0px auto;
padding: 0;
text-align: left;
width: 800px;
height: auto;
background-color: #ffffff;
background-image: url(img/oku.jpg);
background-repeat: no-repeat;
}


#header {
margin: 0px 0px 0px 100px;
padding: 0;
width: 700px;
height: 140px;
background-image: url(img/title01.jpg);
background-color: transparent;
border-left: 1px #cccccc solid;
}

#header h1 {
margin: 0px 20px 4px 40px;
padding: 10px 0px 0px 0px;
font-family:"$B%R%i%.%N3Q%4(B Pro W3","MS $B%4%7%C%/(B",Osaka,sans-serif;
font-size: 1.2em;
color: #333333;
line-height: 1.6em;
visibility: hidden;
}

#menu {
margin: 0px 0px 0px 100px;
padding: 0px 0px 0px 10px;
width: 690px;
height: 44px;
background-image: url(img/bg02.jpg);
background-repeat: repeat;
background-color: transparent;
border-left: 1px #cccccc solid;
}

#menu img {
margin: 10px 10px 4px 4px;
padding: 0;
}

#main {
margin: 0px 0px 0px 100px;
padding: 0;
width: 700px;
height: auto;
background-image: url(img/bg02.jpg);
background-repeat: repeat;
background-color: transparent;
border-left: 1px #cccccc solid;
}

#main img {
float: right;
margin: 0px 10px 4px 0px;
padding: 10px 0px 0px 0px;
}

#main img.n {
float: left;
margin: 0px 0px 4px 280px;
padding: 20px 0px 0px 0px;
}

#main p {
margin: 0px 20px 4px 40px;
padding: 10px 0px 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;
color: #333333;
line-height: 1.6em;
}

#main p.c {
clear:left;
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: #333333;
line-height: 1.6em;
text-align: center;
}

#main h1 {
margin: 0px 20px 4px 40px;
padding: 10px 0px 0px 0px;
font-family:"$B%R%i%.%N3Q%4(B Pro W3","MS $B%4%7%C%/(B",Osaka,sans-serif;
font-size: 1.2em;
color: #333333;
line-height: 1.6em;
font-weight: bold;
}

#main h2{
margin: 0px 0px 4px 0px;
padding: 20px 0px 0px 0px;
font-family:"$B%R%i%.%N3Q%4(B Pro W3","MS $B%4%7%C%/(B",Osaka,sans-serif;
font-size: 1.2em;
color: #333333;
line-height: 1.6em;
font-weight: bold;
text-align: center;
text-decoration: underline;
}

#main ul{
margin: 0px 20px 0px 40px;
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: 0.8em;
color: #333333;
line-height: 1.6em;
list-style: none;
}

#main li{
margin: 0px 0px 4px 10px;
padding: 0;
}

#main a,#main a:link {
text-decoration:none;
color:#0033cc;
}

#main a:visited{
text-decoration:none;
color:#0033cc;
}

#main a:hover{
text-decoration:none;
color:#cc0033;
}

#footer {
margin: 0px 0px 0px 100px;
padding: 30px 0px 0px 0px;
width: 700px;
height: 60px;
background-image: url(img/bg02.jpg);
background-repeat: repeat;
background-color: transparent;
border-left: 1px #cccccc solid;
font-family:"$B%R%i%.%N3Q%4(B Pro W3","MS $B%4%7%C%/(B",Osaka,sans-serif;
font-size: 0.8em;
color: #333333;
line-height: 1.6em;
text-align: center;
}