@charset "Shift_JIS";

body{
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
line-height: 16px;
text-align: center;
background-image: url('img/bg.gif');
}

#container{
width: 678px;
height:auto;
text-align: left;
margin: 0 auto;
background-color:#fff;
border: 1px solid #fff;
}

#header{
width:678px;
height:144px;
background-image: url('img/top2022B.jpg');
padding-top:1px
}

#header h1 a{
font-family: "Times New Roman",serif;
font-size: 36px;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
padding: 0px 0px 10px 20px;
}

#header h2{
font-family: "Times New Roman",serif;
font-size: 30px;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
padding: 0px 0px 10px 20px;
}

#header p{
font-size:14px;
font-weight:bold;
color:#FFFFFF;
text-align: left;
padding-left: 20px;
padding-top: 12px;

}

#image{
width: 678px;
height: 660px;
background-image: url('img/top2022A.jpg');
background-repeat:no-repeat;
border-top:1px solid #fff;
float:none;
}

#image2{
width: 678px;
height: 140px;
background-image: url('img/top2022C.jpg');
background-repeat:no-repeat;
border-top:1px solid #fff;
float:none;
}

#image3{
background-color: #fff;
border-top:1px solid #fff;
margin: 20px auto;
text-align: center;
}

#image3 a{
font-size: 16px;
font-weight:bold;
text-decoration:none;
color:#009900;
}

#image3 a:hover{
color: #000099;
}


#catchy{
display:block;
padding: 20px 0px 0px 20px;
font-size:18px;
font-weight:bold;
line-height:24px;
color:#deb887;
}


#nextcatchy{
display:block;
padding: 90px 0px 0px 60px;
font-size:20px;
font-weight:bold;
line-height:22px;
color:#FF3333;
}



#update{
display:block;
padding: 55px 0px 0px 20px;
font-size:12px;
font-weight:bold;
color:#ffffff;
}


address{
font-style: normal;
}

img{
border-width: 0;
}

hr{
border: none;
clear: both;
visibility: hidden;
height: 0px;
}

#leftarea{
width:360px;
float:left;
}

#leftarea p{
font-size:12px;
line-height:16px;
margin-left:20px;
}

#leftarea p img{
margin-top:10px;
margin-bottom:20px;
}

#leftarea h2{
margin-top: 20px;
margin-bottom:5px;
margin-left:20px;
}

#leftarea h2 a{
text-decoration: none;
font-size:16px;
line-height:26px;
color: #800000;
font-weight: bold;
background-color:#ccccff;
display:block;
width:240px;
border:solid 3px;
border-color:#ddddff #ccccdd #ccccdd #ddddff;
text-align:center;
}

#leftarea h2 a:link{
background-color:#ccccff;
}

#leftarea h2 a:visited{
background-color:#ccccff;
}

#leftarea h2 a:hover{
background-color:#ccffcc;
display:block;
width:240px;
border:solid 3px;
border-color:#ddffdd #ccddcc #ccddcc #ddffdd;
text-align:center;
}

#leftarea h2 a:active{
background-color:#ccffcc;
}


#rightarea{
width:318px;
float:right;
}

#rightarea h2{
color:#FFF;
font-size:18px;
line-height:26px;
width:190px;
height:25px;
margin-left:10px;
margin-top:14px;
border-color:#ccc;
border-style:solid;
border-width:2px;
padding:5px;
background-color:#000080;
}

#rightarea h3{
font-size:14px;
width:200px;
height:18px;
margin-left:10px;
margin-top:8px;
}

#rightarea dt{
font-size:12px;
line-height:16px;
font-weight:bold;
margin-left:20px;
}

#rightarea dt a{
text-decoration: underline;
color: #000000;
margin-left:0px;
}

#rightarea p{
font-size:14px;
line-height:18px;
margin-left:20px;
}

#map{
width:270px;
margin-top:15px;
margin-left:10px;
margin-bottom:30px;
border-color:#FFFFFF;
border-style:solid;
border-width:1px;
padding:5px;
}

#mlpic{
width:270px;
margin-top:5px;
margin-left:0px;
margin-bottom:10px;
padding:0px;
}

#pics{
color:#000080;
font-size:14px;
font-weight:bold;
line-height:24px;
width:270px;
height:22px;
margin-left:10px;
margin-top:14px;
border-top:medium dotted #4682b4;
border-bottom:medium dotted #4682b4;
padding:auto;
}

#rightarea a{
font-size:14px;
color:#000080;
line-height:30px;
margin-left:20px;
}

#schedule{
width:248px;
margin-left:10px;
margin-top:20px;
margin-bottom:20px;
padding:10px;
border-color:#ff8c00;
border-style:solid;
border-width:1px;
background-color:#fff5ee;
}

#schedule h4{
color:#030;
font-size:14px;
font-weight:bold;
line-height:18px;
}

#schedule li{
color:#030;
font-size:12px;
line-height:16px;
margin-left:0px;
}


#event{
width:320px;
margin-left:10px;
margin-top:20px;
margin-bottom:20px;
padding:10px;
background-color:#003333;
}

#event h4{
color:#030;
font-size:14px;
font-weight:bold;
line-height:18px;
}

#event li{
color:#030;
font-size:12px;
line-height:16px;
margin-left:0px;
}

#osirase {
width:320px;
margin-left:10px;
margin-top:20px;
margin-bottom:30px;
padding:10px;
background-color:#ccffcc;
border:solid 1px #666666;
}


#hikikatari {
width:320px;
margin-left:10px;
margin-top:20px;
margin-bottom:30px;
padding:10px;
background-image: url('img/hikikatari2.jpg');
border:solid 1px #666666;
}


#rightfb {
padding-left:10px;
}






#footer{
display:block;
width:678px;
height:50px;
text-align: right;
text-decoration:none;
color:#FFFFFF;
background-color:#666666;
margin-top: 50px;
clear:both;
float:none;
}

#footer a{
text-decoration:none;
color:#FFFFFF;
}

#footer address{
padding:10px 10px 3px 10px;
}