/* CSS Document */



body,h1,h2,h3,h4,p,li,ul,div,span{
margin:0;
padding:0;
}

body{
background:url(../img/bg.png) repeat left top;
text-align:center;
font-size:62.5%;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";}

img{
border-width:0;
vertical-align:bottom;
}

#wrapper{
width:800px;
margin:0 auto;
background-color:#FFFFFF;
border-left:#CCCCCC solid 2px;
border-right:#CCCCCC solid 2px;
}

#wrapper:after {
content:".";
display:block;
clear: both;
height:0;
visibility:hidden;
}

#wrapper{
display:inline-table;
clear:both;}

/* MacIE begin \*/
*+html #wrapper {height:1%;}
* html #wrapper{height:1%;}

#wrapper{display:block;}
/*MacIE end*/

#header{
background-color:#000033;
color:#FFFFFF;
border-bottom:#393975 solid 1px;
text-align:center;
margin-bottom:2em;}

#header h1{
padding-top:0.2em;
font-size:2.5em;
border-bottom:#ffffff solid 1px;}

#header h2{
padding:1em;
font-size:1em;
font-weight:100;
}

#top{
border-bottom:#003366 solid 1px;
border-top:#003366 solid 1px;}

#menu{
float:left;
width:190px;
height:150px;
background-color:#000033;
margin-left:5px;
margin-right:5px;
}

#menu ul li{
margin-top:0.2em;
border-bottom:#FFFFFF 1px solid;
list-style:none;
font-size:1.5em;
}

#menu ul li a{
text-decoration:none;
width:190px;
display:block;
}

#menu ul li a:link,
#menu ul li a:active,
#menu ul li a:visited{
color:#ffffff;}

#menu ul li a:hover{
color:#FFFFFF;
background-color:#8080C0;}

#keyimage{
float:right;}

#top:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}

/* MacIE begin \*/
*+html #top{height:1%;}
* html #top{height:1%;}

#top{display:block;}
/*MacIE end*/

#topic{
text-align:left;
font-size:1em;
margin:1em;
display:block;
border-bottom:solid 2px #7676A0;}



#topic p a:link,
#topic p a:visited,
#topic p a:active{
color:#000033;
text-decoration:none;
}

#topic p a:hover{
color:#006699;}


#mainContents{
width:750px;
margin:11px auto 0 auto;
display:inline-table;
clear:both;}

#mainContents:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}

/* MacIE begin \*/
*+html #mainContents{height:1%;}
* html #mainContents{height:1%;}

#mainContents{display:block;}
/*MacIE end*/

#main{
width:550px;
float:right;}

#contents h3{
margin-bottom:25px;
padding-bottom:2px;
padding-left:1em;
text-align:left;
border-left:solid 1em #8080C0;
font-size:1.7em;
font-family:Georgia, "Times New Roman", Times, serif;
}

#contents h5{
font-size:1.2em;
text-align:left;
color:#000066;
border-bottom:solid 1px #91CEF2;
}

#contents p{
margin-top:0.8em;
font-size:1.2em;
color:#000033;
text-align:left;}

#sideContents{
width:180px;
float:left;}

#sideContents #news{
padding:1.2em;
text-align:left;
background:#f4f3e3;}

#sideContents #news h4{
margin-bottom:7px;
color:#003399;
font-size:1.2em;}

#sideContents #news p span{
font-weight:bold;}

#sideContents #news li,
#sideContents #news li a{
text-align:right;
text-decoration:underline;
font-size:1.1em;
font-style:italic;
list-style:none;}

#footer{
clear:both;
margin-top:50px;
background-color:#000033;
color:#ffffff;
padding-top:2em;
padding-right:1em;
padding-bottom:0.3em;
text-align:right;}

#footer h3{
font-size:1.3em}

#footer li{
list-style:none;}

#footer a{
color:#FFFFFF;}

#footer a:hover{
color:#8080C0;}