@charset "UTF-8";
/* CSS Document */

body{
background-color:#FFF;
margin:0;
text-align:center;
color:#333;
}

a:link { color: #3366cc;}
a:visited { color: #cc0000;}
a:hover { color: #ff6600;}
a:active { color: #cc0000;}

#wrapper{
width:850px;
background:url(../topimage/bg.gif) repeat-y 0 0;
margin:0 auto;
text-align:left;
}

h1{
position:absolute;
left:-9999px;
font-size:16px;
width:330px;
}

h2{
margin:0;
font-size:16px;
}

a img{
border:none;
}


#header{
height:65px;
padding:5px 0 0 0;
margin:0 0 10px 25px;
width:802px;
background:url(../topimage/title.gif) no-repeat 0 5px;
}


#header .sitemap{
background:url(../topimage/icn_sitemap.gif) no-repeat 0 4px;
padding-left:13px;
font-size:12px;
margin:30px 10px 0 435px;
_background:url(../topimage/icn_sitemap.gif) no-repeat 0 2px;
_padding:0 0 5px 13px;
_margin:30px 10px 0 440px;
}

*+html #header .sitemap{
background:url(../topimage/icn_sitemap.gif) no-repeat 0 2px;
padding:0 0 5px 13px;
margin:30px 10px 0 440px;
}

#header .moji{
margin:-23px 10px 0 530px;
height:30px;
_margin:-28px 10px 0 530px;
}

*+html #header .moji{
margin:-28px 10px 0 530px;
}

#header .moji img{
vertical-align:middle;
margin-right:3px;
}

#header .jcqhc{
background:url(../topimage/icn_jcqhc.gif) no-repeat 0 0;
width:58px;
height:64px;
margin:-55px 10px 0 745px;
_margin:-45px 10px 0 745px;
}

*+html #header .jcqhc{
margin:-45px 10px 0 745px;
}

#header .jcqhc span{
position:absolute;
left:-9999px;
}

#topImage{
width:820px;
height:262px;
background:url(../topimage/header_image.jpg) no-repeat 0 0;
margin:12px 0 0 15px;
}

#topImage .gairai{
position:relative;
top:196px;
width:56px;
height:56px;
margin:0 0 0 756px;
font-size:10px;
}

#topImage .gairai a{
width:56px;
height:56px;
display:block;
}

#topImage .gairai a:hover{
background:url(../topimage/btn_first.jpg) no-repeat 2px -1px;
}


#topImage .gairai span{
position:absolute;
left:-9999px;
}

#leftMenu{
width:500px;
float:left;
margin:20px 0 20px 25px;
_margin:20px 0 20px 12px;
}

#rightMenu{
width:290px;
float:right;
margin:20px 25px 20px 0;
_margin:20px 12px 20px 0;
}

.clear{
clear:both;
}

#annai{
background:url(../topimage/annai_bg.gif) repeat-y 0 0;
margin:0 0 10px 0;
}

#annai h2{
background:url(../topimage/annai_title.jpg) no-repeat 0 0;
height:35px;
}

#annai h2 span{
position:absolute;
left:-9999px;
}

#annai .annaiLeft{
width:195px;
float:left;
margin:14px 0 0 20px;
_margin:14px 0 0 10px;
}

#annai .annaiLeft ul{
list-style-type:none;
margin:0;
padding:0;
}

#annai .annaiLeft ul.ul2{
list-style-type:none;
margin:15px 0 0 0;
padding:12px 0 0 0;
background:url(../topimage/annai_dot_line.gif) no-repeat left top;

}

#annai .annaiLeft li{
background:url(../topimage/list_maker_blu.gif) no-repeat 0 4px;
padding-left:24px;
margin-bottom:8px;
font-size:0.9em;
line-height:155%;
_background:url(../topimage/list_maker_blu.gif) no-repeat 0 7px;
}

*+html #annai .annaiLeft li{
background:url(../topimage/list_maker_blu.gif) no-repeat 0 7px;
}

#annai .annaiRight{
float:right;
width:245px;
margin:14px 20px 0 0;
_margin:14px 10px 0 0;
}

#annai .annaiRight img{
margin-bottom:12px;
}

#banners{
width:500px;
margin:0 0 0 0;
}

#banners img{
margin-bottom:9px;
}

#banners .leftImage{
margin-right:9px
}


#news h2{
background:url(../topimage/title_news.gif) no-repeat 0 0;
height:30px;
width:290px;
}


#news h2 span{
width:290px;
position:absolute;
left:-9999px;
}

#news ul{
list-style-type:none;
margin:12px 7px 0 12px;
padding:0;
}

#news li{
background:url(../topimage/list_maker_pink.gif) no-repeat 0 4px;
padding-left:24px;
margin-bottom:8px;
font-size:0.9em;
line-height:150%;
}

*+html #news li{
background:url(../topimage/list_maker_pink.gif) no-repeat 0 7px;
}

#news li span{
font-size:0.8em;
}

.iconPdf{
vertical-align:middle;
margin-left:3px;
}

#footer{
width:820px;
background-color:#EDEDED;
padding:8px 0;
text-align:center;
font-size:0.8em;
line-height:145%;
margin:0 0 0 15px;
}

#footer span{
font-size:0.9em;
}

*+html #footer span{
font-size:0.8em;
}