@charset "UTF-8";
@import "reset.css";
body { line-height: 1.5; font-size: 13px; color: #444; text-align: center; background: #f8f5ee url(../img/footer_bg.jpg) repeat 0 0; }
a:link { color: #332617; }
a:visited { color: #9b782d; }
a:hover { color: #930b0a; text-decoration: none; }
/* @group topheader */
#header.top { background: url(../img/toppage_bg.jpg) repeat-x 0 0; height: 690px; }
#header.top h2 { width: 960px; height: 200px; background: url(../img/top_h2.jpg) no-repeat 0 0; margin: 0 auto; text-indent: -9999px; }
#header.top h1 { width: 960px; height: 200px; margin: 0 auto; background: url(../img/top_h1.jpg) no-repeat 0 0; text-indent: -9999px; }
#header.top h1 a { width: 156px; height: 190px; display: block; margin: 0 auto; }
#topmenu { width: 960px; height: 290px; background: url(../img/topmenu_bg.jpg) no-repeat 0 0; margin: 0 auto; }
#topmenu ul { width: 300px; height: 180px; margin: 0 auto; padding: 10px 0 0 0; list-style: none; }
#topmenu ul li { float: right; width: 40px; margin: 0; padding: 0 10px; text-indent: -9999px; position: relative; }
/* @group #topmenu */
/* delete by torut 2011-03-16
#topmenu ul li a span { display: block; text-indent: 0; background-color: #7a674c; color: #fff; text-decoration: none; position: absolute; top: 130px; left: 15px; padding: 5px; width: 170px; font-size: 12px; text-align: left; visibility: hidden; }
#topmenu ul li:hover, #topmenu ul li:hover span { visibility: visible; z-index: 100; }
*/
#topmenu ul li a { width: 40px; height: 180px; display: block; background: url(../img/topmenu.jpg) no-repeat 0 -10px; opacity:0; transition:0.5s; }
#topmenu ul li a:hover { opacity:1; }
#topmenu ul li.about a { background-position: -580px -10px; }
#topmenu ul li.aisatsu a { background-position: -520px -10px; }
#topmenu ul li.service a { background-position: -460px -10px; }
#topmenu ul li.information a { background-position: -400px -10px; }
#topmenu ul li.contact a { background-position: -340px -10px; }
/* @end */
/* @end */
/* @group page_header */
#header.page { height: 160px; background: url(../img/contshead_bg.jpg) repeat 0 0; }
#header.page .inBox { width: 960px; height: 160px; margin: 0 auto; text-align: left; background: url(../img/contshead_img.jpg) no-repeat 160px 0; }
#header.page h1 { margin: 0; padding: 0 498px 0 0; text-indent: -9999px; float: left; }
#header.page h1 a { width: 160px; height: 160px; background: url(../img/conts_h1.gif) no-repeat 0 0; display: block; }
/* @group menu */
#menu { width: 296px; height: 160px; float: right; padding: 0 6px 0 0; }
#menu ul { width: 296px; height: 160px; margin: 0; /*background: url(../img/conts_menu.jpg) no-repeat 6px 0;*/ list-style: none; }
#menu ul li { float: right; margin: 0; padding: 0 6px; text-indent: -9999px; }
#menu ul li a { width: 37px; height: 160px; display: block; background-image: url(../img/conts_menu.jpg); transition:0.5s; }
/* add by torut 2026-08-18 オンマウスで conts_menu_ov.jpg に切替 */
#menu ul li a:hover { background-image: url(../img/conts_menu_ov.jpg); }
#menu ul li.about a { background-position: -247px 0; }
#menu ul li.aisatsu a { background-position: -198px 0; }
#menu ul li.news { display: none; }
#menu ul li.news a { background-position: -149px 0; }
#menu ul li.service a { background-position: -100px 0; }
#menu ul li.information a { background-position: -49px 0; }
/* @end */
/* @end */
/* @group #topcontainer */
#topcontainer { background: url(../img/toppage_bg2.jpg) 0 0; }
#topcontainer .inBox { width: 960px; margin: 0 auto; padding: 0 0 5px 0; text-align: left; background-image: url(../img/top_newsbg.jpg); color: #f7ecdb; }
#topnews { width: 500px; padding: 10px 10px 0 30px; float: left; display: none; }
#topnews h3 { width: 50px; height: 75px; margin: 0; padding: 0 10px 0 0; background: url(../img/topnews_h3.jpg) no-repeat 0 0; text-indent: -9999px; float: left; }
#topnews ul { list-style: none; margin: 0; padding: 6px 0; color: #fff; }
#topnews ul li { margin: 0 0 0; padding: 0 0 6px 0; }
#topnews ul li span.day { margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: solid 1px #fff; }
#topnews a, #footer a { color: #f7ecdb; }
#topcontainer .boxR { width: 390px; padding: 0 30px 0 0; float: right; }
#topcontainer h4.bnrfree { margin: 0; padding: 10px 0 0 0; width: 204px; height: 35px; float: right; text-indent: -9999px; }
#topcontainer h4.bnrfree a { width: 204px; height: 35px; display: block; background: url(../img/bnr_freemini.jpg) no-repeat 0 0; }
#topcontainer address, #topcontainer .boxR p { clear: right; margin: 0; padding: 4px 0 0 0; text-align: right; }
#topcontainer .boxR p.tel { font-size: 1.3em; font-weight: bold; }
/* @end */
#container { background-color: #f8f5ee; text-align: left; }
#container .inBox { width: 960px; margin: 0 auto; padding: 0; background: #FFF; }
/* @group sidecolumn */
#sidecol { width: 160px; padding: 40px 0 30px 0; float: left; background: #e9dfcb url(../img/contsside_top.gif) no-repeat 0 0; position: relative; }
#sidecol h3 { margin: 0 0 10px; padding: 0; font-size: 13px; text-indent: -9999px; }
#sidecol h3 a { display: block; width: 160px; height: 160px; }
#sidecol h3.notitle a { width: 140px; height: 120px; padding: 20px 10px 20px 10px; background-image: url(../img/contsside_notitle.gif); text-decoration: none; text-align: center; text-indent: 0; }
#sidecol h3.about a { height: 170px; background: url(../img/contsside_about.gif) no-repeat 0 0; }
#sidecol h3.aisatsu a { background: url(../img/contsside_aitsatsu.gif) no-repeat 0 0; }
#sidecol h3.news a { background: url(../img/contsside_news.gif) no-repeat 0 0; }
#sidecol h3.service a { background: url(../img/contsside_service.gif) no-repeat 0 0; }
#sidecol h3.information a { background: url(../img/contsside_info.gif) no-repeat 0 0; }
#sidecol h3.contact a { background: url(../img/contsside_contact.gif) no-repeat 0 0; }
#sidecol h3.sitemap a { background: url(../img/contsside_sitemap.gif) no-repeat 0 0; }
#sidecol h3.policy a { height: 210px; background: url(../img/contsside_policy.gif) no-repeat 0 0; }
/* @group side-submenu */
ul#submenu { list-style: none; margin: 1.5em 10px 3em; }
ul#submenu li { background: url(../img/contsside_link.gif) no-repeat 0 4px; padding-left: 15px; margin-bottom: 8px; }
/* @end */
/* @group side-sideiformation */
#sideinfo { padding: 0 10px 0 10px; font-size: 12px; line-height: 1.3; position: absolute; bottom: 30px; }
#sideinfo .mini { font-size: 11px; }
#sideinfo h5 { margin: 0 0 5px 0; font-weight: normal; font-size: 15px; }
#sideinfo address { margin: 0; }
#sideinfo .tel { margin: 0 0 15px; font-size: 1.3em; font-weight: bold; }
#sideinfo h4 { margin: 0; text-indent: -9999px; }
#sideinfo h4 a { width: 140px; height: 100px; display: block; background: url(../img/bnr_free.jpg) no-repeat 0 0; }
/* @end */
/* @end */
#maincol { width: 760px; padding: 10px 20px 30px 20px; background-color: #FFF; float: right; }
#topicPath { height: 17px; font-size: 12px; color: #666666; background: url(../img/topicpath_bg.gif) no-repeat 0 0; padding: 0 0 10px 10px; }
#category h3, #page h3 { width: 740px; padding: 10px; position: relative; line-height: 1.1; }
#category h3 { height: 50px; margin: 0 0 1px 0; background: url(../img/folder_h3.gif) no-repeat 0 0; }
#page h3 { height: 85px; margin: 0; background: url(../img/pageimg/pagetitle_bg01.jpg) no-repeat 0 0; border-top: 1px solid #b8ac94; border-bottom: 1px solid #f3ede0; font-size: 20px; font-weight: normal; color: #332617; }
#page h3.about { background: url(../img/pageimg/pagetitle_bg02.jpg) no-repeat 0 0; }
#page h3.aisatsu { background: url(../img/pageimg/pagetitle_bg01.jpg) no-repeat 0 0; }
#page h3.sitemap { background: url(../img/pageimg/pagetitle_bg01.jpg) no-repeat 0 0; }
#page h3.policy { background: url(../img/pageimg/pagetitle_bg04.jpg) no-repeat 0 0; }
#page h3.news { background: url(../img/pageimg/pagetitle_bg03.jpg) no-repeat 0 0; }
#page h3.service { background: url(../img/pageimg/pagetitle_bg06.jpg) no-repeat 0 0; }
#page h3.information { background: url(../img/pageimg/pagetitle_bg07.jpg) no-repeat 0 0; }
#page h3.contact { background: url(../img/pageimg/pagetitle_bg08.jpg) no-repeat 0 0; }
#category h3 span, #page h3 span { position: absolute; bottom: 10px; }
#category p.outline { margin: 0 0 15px 0; padding: 4px 10px; background: #f8f5ee; border-bottom: solid 1px #b8ac94; }
#page p.outline { margin: 0 0 15px 0; padding: 4px 10px; border-bottom: 1px solid #b8ac94; }
#category dl { margin: 0 0 20px; }
#category dt { clear: both; margin: 0 0 8px; border-bottom: solid 1px #685a3d; background: url(../img/list_folderlink.gif) no-repeat 10px 8px; padding: 3px 10px 3px 30px; font-size: 16px; font-weight: bold; }
#category dd img { padding: 1px; background: #f8f5ee; border: solid 1px #776748; margin: 0 10px 20px 0; float: left; }
#category dd p.txt { margin: 0 10px 20px 10px; }
/* @group footer */
#footer { clear: both; background-image: url(../img/footer_bg.jpg); color: #f7ecdb; font-size: 12px; }
#footer .inBox { width: 960px; margin: 0 auto; background: url(../img/footer_top.jpg) no-repeat 0 0; text-align: left; padding: 0 0 40px; }
#footer .footlink { width: 570px; padding: 0 0 0 30px; float: left; }
#footer ul { list-style: none; float: left; margin: 0; padding: 10px 0 0 0; }
#footer ul li { float: left; margin: 0; padding: 0 10px 0 10px; border-left: solid 1px #f7ecdb; }
#footer ul li.noline { border: none; padding: 0 10px 0 0; }
#footer .copy { width: 330px; padding: 10px 30px 0 0; float: right; text-align: right; font-family: Times New Roman, Georgia, Times, serif; }
/* @end */