*{
font-size: 99%;
margin: 0;
padding: 0;
color: #666;
}
a{
color: #589dec;
}
a:hover{
color: #f30;
}
body{
background:#c7e8fa;
text-align: center;
}

img{
border: 0px;
}

p{
line-height: 130%;
}

hr{
border:#f90 dotted;
width: 80%;
height: 1px;
border-width:1px 0px 0px 0px;
overflow: hidden;
clear: both;
margin: 1em auto;

}

#global{
background-color: #fff;
margin:0px auto;
width:900px;
background-image: url(img/topbg_09sp.jpg);
background-repeat: repeat-y;
border:1px solid #999;
border-bottom:none;
border-top:none;
}

h1{
text-indent:-9999px;
background-image: url(img/top_visual10s.jpg);
background-repeat: no-repeat;
width:900px;
height:300px;
}
#navi{
text-align:center;
width: 900px;
height: 30px;
}
ul li{
list-style: none;
line-height: 0px;
}

.btn1 a{
width: 150px;
height: 30px;
text-indent:-9999px;
background-image: url(img/b1_09s.jpg);
background-repeat: no-repeat;
float:left;
line-height: normal;
}
.btn1 a:hover{
width: 150px;
height: 30px;
text-indent:-9999px;
background-image: url(img/b1_09s_h.jpg);
background-repeat: no-repeat;
float:left;
line-height: normal;
}
.btn2 a{
width: 150px;
height: 30px;
text-indent:-9999px;
background-image: url(img/b2_09s.jpg);
background-repeat: no-repeat;
float:left;
line-height: normal;
}
.btn2 a:hover{
width: 150px;
height: 30px;
text-indent:-9999px;
background-image: url(img/b2_09s_h.jpg);
background-repeat: no-repeat;
float:left;
line-height: normal;
}
.btn3 a{
width: 150px;
height: 30px;
text-indent:-9999px;
background-image: url(img/b3_09s.jpg);
background-repeat: no-repeat;
float:left;
line-height: normal;
}
.btn3 a:hover{
width: 150px;
height: 30px;
text-indent:-9999px;
background-image: url(img/b3_09s_h.jpg);
background-repeat: no-repeat;
float:left;
line-height: normal;
}
.btn4 a{
width: 150px;
height: 30px;
text-indent:-9999px;
background-image: url(img/b4_09s.jpg);
background-repeat: no-repeat;
float:left;
display: block;
line-height: normal;
}
.btn4 a:hover{
width: 150px;
height: 30px;
text-indent:-9999px;
background-image: url(img/b4_09s_h.jpg);
background-repeat: no-repeat;
float:left;
line-height: normal;
}
.btn5 a{
width: 150px;
height: 30px;
text-indent:-9999px;
background-image: url(img/b5_09s.jpg);
background-repeat: no-repeat;
float:left;
line-height: normal;
}
.btn5 a:hover{
width: 150px;
height: 30px;
text-indent:-9999px;
background-image: url(img/b5_09s_h.jpg);
background-repeat: no-repeat;
float:left;
line-height: normal;
}
.btn6 a{
width: 150px;
height: 30px;
text-indent:-9999px;
background-image: url(img/b6_09s.jpg);
background-repeat: no-repeat;
float:left;
line-height: normal;
}
.btn6 a:hover{
width: 150px;
height: 30px;
text-indent:-9999px;
background-image: url(img/b6_09s_h.jpg);
background-repeat: no-repeat;
float:left;
line-height: normal;
}


#info_area{
text-align: left;
width:663px;
float:left;
}

#top_news{
padding-top:10px;
padding-left: 10px;
width:663px;
}

#top_news_body{
height: 180px;
overflow: auto;
}

#top_event{
padding-top:10px;
padding-left: 10px;
width:663px;
}
.date{
padding-left: 15px;
color: #f90;
}
.news_info_body{
padding-left: 15px;
line-height: 200%;
}
#top_news h2{
text-indent:-9999px;
background-image: url(img/top_news_bg_09sp.jpg);
background-repeat: no-repeat;
width: 650px;
height: 23px;
}
#top_event h2{
text-indent:-9999px;
background-image: url(img/top_evt_bg_09sp.jpg);
background-repeat: no-repeat;
width: 650px;
height: 23px;
}
#bn_and_info {
text-align: center;
width: 230px;
float: left;
}
#bn_and_info ul li{
padding-top: 10px;
}

#bn_and_info h2{
margin-top: 1em;
text-align: left;
padding-left: 25px;
width: 200px;
color: #F90;
}
#bn_and_info p{
text-align: left;
padding-left: 25px;
width: 200px;
font-size: 90%;
}

#top_event h3{
padding-left: 10px;
color: #f90;
font-size: 120%;
line-height: 130%;
}
#top_event p{
padding-left: 10px;
width: 450px;
}
#top_event hr{
padding-left: 10px;
margin: 1em 0px;
text-align: left;
width: 100%;
}

.top_ev_body{
width: 650px;
clear: left;
margin: 10px 0px;
padding: 10px 0px;
}
.event_pic{
float: left;
width: 200px;
margin-bottom: 10px;
}
.event_pic img{
width: 200px;
}

.event_txt{
float: left;
width: 450px;
text-align: left;
line-height: 120%;
}
.attention2{
color: #f30;
font-size: 100%;
}

.top_access a{
font-size: 90%;
}
#footer{
clear: both;
background-color:#0074c0;
line-height: 200%;
width:900px;
color: #fff;
}


.adobe{
font-size: 90%;
}

.little{
color: #f30;
font-size:90%;
}