@charset "UTF-8";

#mainphoto { width: 680px;}

#mainphoto ul.SlideShow { position: relative; width: 680px; height: 360px;}
#mainphoto ul.SlideShow  li { position: absolute; list-style: none; width: 680px; height: 360px;}
#mainphoto ul.SlideShow li a { display: block; width: 680px; height: 360px;}
#mainphoto ul.SlideShow li a:link,#mainphoto ul.SlideShow li a:visited { color: #4C4948; text-decoration: underline;}
#mainphoto ul.SlideShow li a:hover,#mainphoto ul.SlideShow li a:active { color: #023886; text-decoration: none;}

#mainphoto ul.SlideShow  li.mainphoto01 { background: url(../img/photo01.jpg) no-repeat 0 0;}
#mainphoto ul.SlideShow  li.mainphoto02 { background: url(../img/photo02.jpg) no-repeat 0 0;}
#mainphoto ul.SlideShow  li.mainphoto03 { background: url(../img/photo03.jpg) no-repeat 0 0;}
#mainphoto ul.SlideShow  li.mainphoto04 { background: url(../img/photo04.jpg) no-repeat 0 0;}

#mainphoto ul.SlideShow li span { display: inline-block; float: right; background: url(../img/white_alpha.png) repeat; margin-top: 310px; padding: 5px 8px;}

#mainphoto ul.topmanu { margin: 15px -10px 0 40px; overflow: hidden;}
#mainphoto ul.topmanu li { display: table-cell; list-style: none; width: 140px; height: 76px; margin-right: 10px; padding-right: 10px; font-weight: bold; vertical-align: middle; text-align: center;}

#mainphoto ul.topmanu li a { display: block;}
#mainphoto ul.topmanu li a:link,#mainphoto ul.topmanu li a:visited { color: #fff; text-decoration: underline;}
#mainphoto ul.topmanu li a:hover,#mainphoto ul.topmanu li a:active { color: #EA609E; text-decoration: none;}

#mainphoto ul.topmanu li.topmanu01 { /*background: url(../img/thum_keizai.jpg) no-repeat 0 0;*/}
#mainphoto ul.topmanu li.topmanu02 { /*background: url(../img/thum_kengaku.jpg) no-repeat 0 0;*/}
#mainphoto ul.topmanu li.topmanu03 { /*background: url(../img/thum_change.jpg) no-repeat 0 0;*/}
#mainphoto ul.topmanu li.topmanu04 { /*background: url(../img/thum_gyoumu.jpg) no-repeat 0 0;*/}

#emergency { background: #F5E829; width: 640px; margin: 15px auto 0;}
#emergency p { padding: 10px 15px; text-align: center; font-size: 146%;}
#emergency p a { display: block;}
#emergency p a:link,#emergency p a:visited { color: #D71718; text-decoration: underline;}
#emergency p a:hover,#emergency p a:active { color: #F00; text-decoration: none;}

#whatsnew { width: 640px; margin: 0 auto;}
#whatsnew .newstop { margin-top: 15px; overflow: hidden;}
#whatsnew .newstop h2 { float: left; width: 220px; font-size: 167%; color: #EA609E; border-left: solid 5px #EA609E; padding: 3px 8px;}
#whatsnew .newstop a.newslist { display: block; float: left; padding: 3px 0;}

#whatsnew .news_area { clear: both; background: #FFF; margin: 15px 0; padding: 10px; border-right: solid 5px #EA609E; border-left: solid 5px #EA609E;}

#whatsnew .news_area ul.news01 { padding: 0 0 0 1em;}
#whatsnew .news_area ul.news01 li { list-style-position: outside; margin-bottom: 20px;}
#whatsnew .news_area ul.news01 li img { margin: 0 5px; vertical-align: middle;}

#whatsnew .news_area h3 { margin-top: 40px;}

#whatsnew .news_area ul.news02 { padding: 0 0 0 1em;}
#whatsnew .news_area ul.news02 li { list-style-position: outside; margin-bottom: 10px;}