@charset "utf-8";
body{border-top-color: #277d34; border-top-style: solid; border-top-width: 5px;}
#warp{margin-left:auto; margin-right:auto; width:960px;}
#header{position: relative; background-image: url(images/top_image.jpg); background-repeat: no-repeat; width:960px; height:220px; margin-bottom:10px;}
#content_area{background-image: url(images/back.gif); background-repeat: repeat-y; overflow:hidden;}
#footer{ padding: 15px; background-color: #cccccc; width:960px; margin-top:15px;}

#left_area{float:left; width:184px; margin-right:15px; padding:8px;}
#right_area{float:right; width:745px;}

/* 左メニュー */
#left_area div.section{margin-bottom: 15px;}
#left_area div.section h3{}
#left_area div.section li a{line-height: 1.4em; padding-bottom: 2px; padding-top: 2px; padding-right: 10px; padding-left: 10px; margin-bottom: 4px; display: block; font-weight: bold; text-decoration: none; color: #39B54A; width: 164px; min-height:16px; font-size:15px; background-color:white;}
#left_area div.section li a:hover{background-color: #ecffef;}
li.submenu_title {line-height: 1.4em; padding-bottom: 2px; padding-top: 2px; padding-right: 10px; padding-left: 10px; margin-top: 12px; margin-bottom: 4px; display: block; font-weight: bold; text-decoration: none; color:white ; width: 164px; min-height:16px; font-size:15px; background-color:#39B54A;}


/* トピックとお知らせ */
h3.menu_title{margin: 0; padding-top: 10px; font-size: 18px; color: white; padding-left: 45px; width: 700px; height: 30px; background-image: url(images/menu_title.png); background-repeat: no-repeat;}
div.menu_body{padding-right: 5px; padding-top: 8px; padding-left: 10px; width: 730px; background-image: url(images/menu_back.png); background-repeat: repeat-y;}
div.menu_footer{padding-left:5px; width:740px; height: 8px; background-image: url(images/menu_footer.png); background-repeat: no-repeat;}

/* お知らせ */
#information{width:745px; margin-bottom:15px;}
#information div.information_entry{padding-top: 10px; padding-bottom: 10px; padding-right: 5px; padding-left: 5px; border-bottom-color: #999999; border-bottom-width: 1px; border-bottom-style: dotted;}
#information h3.entry_title{margin: 0; font-size:16px;}
#information h3.entry_title a{text-decoration: none; color:#637f3f;}
#information h3.entry_title a:hover{text-decoration: underline;}
#information h5.entry_date{color:#637f3f; font-size:13px;}
#information div.entry_body{margin-top:0px;}
#information div.scroll{height:170px; overflow-y: scroll;}

/* トピック */
#topic_area{width:745px;}
#topic_content_area{width:500px; margin-right:10px; float:left;}
#topic_content_area_wide{width:730px; margin-right:10px; float:left;}
#topic_menu_area{width:210px; float:right;}

#topic_content_area div.topic_entry{padding-top: 10px; padding-bottom: 10px; padding-right: 5px; padding-left: 5px; border-bottom-color: #999999; border-bottom-width: 1px; border-bottom-style: dotted;}
#topic_content_area_wide div.topic_entry_wide{padding-top: 5px; padding-bottom: 10px; padding-right: 5px; padding-left: 15px;}
#topic_content_area h2.entry_title{font-size:16px;}
#topic_content_area h2.entry_title a{color:#333;text-decoration: none;}
#topic_content_area h2.entry_title a:hover{text-decoration: underline;}
#topic_content_area h5.entry_date{font-size:13px;}
#topic_content_area div.entry_body{margin-top:10px;}

/* トピックメニュー */
div#topic_menu_area{}
#topic_menu_area div.section{}
#topic_menu_area h4{background-color:#6ec87b; color:white; font-size:16px; height:19px; padding:8px;}
#topic_menu_area ul{margin-bottom:20px;}
#topic_menu_area li{ height:20px;}
#topic_menu_area li a{background-color:#38854a; text-decoration: none; color:white; display:block; font-size:14px; padding-left:8px; padding-right:8px; padding-top:5px; padding-bottom:5px;}
#topic_menu_area li a:hover{text-decoration: underline;}


/*ページタイトル*/
h1#page_title{position: relative; left: 22px; top: 82px; width:342px; height:54px;}
h1#page_title a{width:342px; height:54px; display:block; text-indent:-9000px;}

/* トップメニュー */
ul#top_menu{z-index: 10; left: 618px; top: 0px; position: absolute; height:22px;}
ul#top_menu li{margin-right: 10px; float:left;}
ul#top_menu li a{background-image: url(images/top_menu.png); text-indent:-9000px; display:block; height:22px;}
ul#top_menu li a:hover{}
li.access a{background-position: 0px 0px; width:85px;}
li.contact a{background-position: -85px 0px; width:110px;}
li.sitemap a{background-position: -195px 0px; width:110px;}
li.access a:hover{background-position: 0px -22px;}
li.contact a:hover{background-position: -85px -22px;}
li.sitemap a:hover{background-position: -195px -22px;}

ul#search{z-index: 20; left: 416px; top: 0px; position: absolute; height:22px;}
ul#search li.search{width:191px; margin-right:5px;}
ul#search li.search{_width:195px;}/*IE6用*/
ul#search li.search form{}
ul#search li.search input.search{float:left; width: 120px; height: 19px; margin:0; padding:0; border-width: 1px; border-color: #666666;border-style: solid;}
ul#search li.search input.search{_height: 15px;}/*IE6用*/
ul#search li.search input.searchBt{float:left; width: 65px; height:22px; padding: 0px; margin: 0px;}

/* コンテンツエリア */
.entry_body p {margin: 1em 10px 5px; }

/* カレンダー */
.calendar table{padding:6px; background-color:#38854a;}
.calendar table th{color: white; width:21px; padding:3px; font-size:14px;}
.calendar table td{color: white; padding:3px; text-align:right; font-size:14px;}
.calendar table td a{background-color: #6ec87b; font-weight: bold; text-decoration: none; color: white; padding:3px;}
.calendar table td a:hover{ text-decoration: underline;}

/* ページネーション */
div.paginate{ text-align: center; width: 500px; margin-top: 25px; height: 28px;}
div.paginate ul{ display: inline-block; height: 28px;}
div.paginate li{ text-align: center; font-weight: bold; font-size: 16px; background-repeat: no-repeat; background-image: url(images/paginate_back.gif); float:left; height: 28px; margin-left:3px; margin-right:3px;}
div.paginate li a{padding-left: 8px; padding-bottom: 8px; padding-right: 8px; padding-top: 4px; text-decoration: none; color: #333333; display:block; height:16px;}
div.paginate li a:hover{color: white; background-color: #666666;}
div.paginate li.previous{}
div.paginate li.next{}
div.paginate li.previous a{}
div.paginate li.previous a:hover{}
div.paginate li.next a{}
div.paginate li.next a:hover{}