@charset "UTF-8"; /* CSS Document */ /*=========================各ブラウザの初期設定の統一===================*/ * { margin: 0; padding: 0; font-style: normal; font-weight: normal; font-family:sans-serif; line-height:150%; } /*=========================各ブラウザの初期設定の統一 end============================*/ /*=========================standard===================*/ img{ border:0; } .clear{ clear:both; } .line{ border-bottom:dotted 1px #999999; width:100%; margin:10px 0; } .right{ float:right; margin:0 0 5px 10px; } .left{ float:left; margin:0 10px 5px 0; } .small{ font-size:12px; } .form_warning{ color:#FF0000; } p{ margin-bottom:10px; } a{ color:#FF6600; text-decoration:none; } a:hover{ color:#FF9900; text-decoration:underline; } table{ border-collapse:collapse; border-color:#999999; } tr.head td{ border-right:solid 2px #999999; border-bottom:solid 1px #999999; font-weight:bolder; background-color:#F6F6F6; line-height:200%; } tr.odd td,tr.even td{ color:#444444; } tr.even td{ background-color:#F6F6F6; } /*=========================standard end============================*/ /*=========================body ============================*/ body{ background-color:#f8fff7; color:#2a2a2a; font-size:14px; } /*=========================body end============================*/ /*=========================container ============================*/ #container{ text-align:center; width:100%; } /*=========================container end============================*/ /*=========================container-inner ============================*/ #container-inner{ text-align:left; margin:0px auto; width:880px; background-image:./img/header-bnr.png; } /*=========================container-inner end============================*/ /*=========================header ============================*/ a#header{ display:block; background-image:url(img/header-bnr.png); width:880px; height:85px; text-indent:-10000px; } /*=========================header end============================*/ /*=========================contents ============================*/ #contents{ width:878px; background-color:#98b091; padding:1px; } /*=========================contents end============================*/ /*=========================contents-inner ============================*/ #contents-inner{ width:878px; background-color:#fff; } /*=========================contents-inner end============================*/ /*=========================tabmenu ============================*/ #tabmenu{ width:878px; height:44px; background-position:bottom; background-repeat:repeat-x; background-image:url(./img/bar-tabmenu.png); } /*=========================tabmenu end============================*/ /*=========================tabmenu-inner ============================*/ #tabmenu-inner{ width:824px; height:44px; margin:0 0 0 54px; } /*=========================tabmenu-inner end============================*/ /*=========================tabmenu-link ============================*/ #m-home{ background-image:url(./img/menu-home.png); } #m-aboutus{ background-image:url(./img/menu-aboutus.png); } #m-event{ background-image:url(./img/menu-event.png); } #m-blog{ background-image:url(./img/menu-blog.png); } #m-application{ background-image:url(./img/menu-application.png); } .tabmenu-link{ display:block; float:left; width:150px; height:31px; margin:4px 5px 0 0; background-repeat:no-reapeat; background-position:center top; text-indent:-10000px; } #m-application{ margin-right:0; } .tabmenu-link:hover{ background-position:center center; } #home #m-home, #aboutus #m-aboutus, #event #m-event, #blog #m-blog, #application #m-application{ background-position:bottom; } /*=========================tabmenu-link end============================*/ /*=========================main ============================*/ #main{ width:770px; padding:4px 54px; background-color:#fff; } /*=========================main end============================*/ /*=========================main-inner ============================*/ #main-inner{ width:770px; } /*=========================main-inner end============================*/ /*=========================left-column ============================*/ #left-column{ width:615px; margin-right:5px; float:left; } /*=========================left-column end============================*/ /*=========================left-column-inner ============================*/ #left-column-inner{ width:615px; } /*=========================left-column-inner end============================*/ /*=========================tab-tit ============================*/ h2#tab-tit{ width:615px; height:150px; background-repeat:no-repeat; background-position:top center; text-indent:-10000px; margin-bottom:10px; margin-top:5px; } #home h2#tab-tit{ background-image:url(img/bnr-home.jpg); height:238px; } #aboutus h2#tab-tit{ background-image:url(img/bnr-aboutus.jpg); } #event h2#tab-tit{ background-image:url(img/bnr-event.jpg); } #blog h2#tab-tit{ background-image:url(img/bnr-blog.jpg); } #application h2#tab-tit{ background-image:url(img/bnr-application.jpg); } /*=========================tab-tit end============================*/ /*=========================cate-tit ============================*/ h3#cate-tit{ width:385px; height:50px; background-repeat:no-repeat; text-indent:-10000px; margin-bottom:10px; } #inakanikki h3#cate-tit{ background-image:url(img/cate-tit-inakanikki.png); } #activity h3#cate-tit{ background-image:url(img/cate-tit-activity.png); } #accessmap h3#cate-tit{ background-image:url(img/cate-tit-accessmap.png); } #sitemap h3#cate-tit{ background-image:url(img/cate-tit-sitemap.png); } #contactus h3#cate-tit{ background-image:url(img/cate-tit-contactus.png); } #agri h3#cate-tit{ background-image:url(img/cate-tit-agri.png); } #food h3#cate-tit{ background-image:url(img/cate-tit-food.png); } #nature h3#cate-tit{ background-image:url(img/cate-tit-nature.png); } #local h3#cate-tit{ background-image:url(img/cate-tit-local.png); } #art h3#cate-tit{ background-image:url(img/cate-tit-art.png); } /*=========================cate-tit end============================*/ /*=========================entry-tit ============================*/ .entry{ margin-bottom:20px; } /* .entry{ padding-bottom:15px; border-bottom:dotted 1px #CCCCCC; } */ /*=========================entry-tit end============================*/ /*=========================entry-tit ============================*/ .entry-tit{ font-size:18px; color:#5f5829; line-height:32px; border-bottom:solid #66CC00 1px; border-top:solid #66CC00 7px; background-color:#fefefe; margin-bottom:10px; padding:0 15px; } /*=========================entry-tit end============================*/ /*=========================entry-tit ============================*/ .entry-more-link{ margin:10px 0; } /*=========================entry-tit end============================*/ /*=========================entry ============================*/ .entry h4{ font-size:16px; margin-bottom:4px; color:#333333; } /*=========================entry end============================*/ /*=========================entry-footer ============================*/ .entry-footer{ display:none; } #blog .entry-footer{ display:block; font-size:12px; color:#999999; border-top:dotted #CCCCCC 1px; margin-top:15px; padding-top:10px; } /*=========================entry-footer end============================*/ /*=========================right-column ============================*/ #right-column{ width:150px; float:left; } /*=========================right-column end============================*/ /*=========================right-column-inner ============================*/ #right-column-inner{ width:150px; } /*=========================right-column-inner end============================*/ /*=========================rightmenu ============================*/ .rightmenu{ display:none; } #home #rc-home, #aboutus #rc-aboutus, #event #rc-event, #blog #rc-blog, #rc-hatarakitai, #rc-application, #rc-sponsor{ display:block; } .rc-menu{ display:block; width:150px; height:34px; background-repeat:no-repeat; background-position:center top; text-indent:-10000px; margin-bottom:5px; } /*==(田舎日記について)===*/ #rcmenu-inakanikki{ background-image:url(img/rcmenu-inakanikki.png); } #rcmenu-activity{ background-image:url(img/rcmenu-activity.png); } #rcmenu-accessmap{ background-image:url(img/rcmenu-accessmap.png); } #rcmenu-sitemap{ background-image:url(img/rcmenu-sitemap.png); } #rcmenu-contactus{ background-image:url(img/rcmenu-contactus.png); } #inakanikki #rcmenu-inakanikki{ background-position:center center; } #activity #rcmenu-activity{ background-position:center center; } #accessmap #rcmenu-accessmap{ background-position:center center; } #sitemap #rcmenu-sitemap{ background-position:center center; } #contactus #rcmenu-contactus{ background-position:center center; } .rc-menu:hover{ background-position:center bottom; } /*==(田舎日記についてここまで)===*/ /*==(イベント)===*/ #rcmenu-agri{ background-image:url(img/rcmenu-agri.png); } #rcmenu-food{ background-image:url(img/rcmenu-food.png); } #rcmenu-nature{ background-image:url(img/rcmenu-nature.png); } #rcmenu-local{ background-image:url(img/rcmenu-local.png); } #rcmenu-art{ background-image:url(img/rcmenu-art.png); } #agri #rcmenu-agri{ background-position:center center; } #food #rcmenu-food{ background-position:center center; } #nature #rcmenu-nature{ background-position:center center; } #local #rcmenu-local{ background-position:center center; } #art #rcmenu-art{ background-position:center center; } /*==(イベントここまで)===*/ .rcmenu-tit{ display:block; color:#009999; width:150px; height:20px; background-position:center top; background-repeat:no-repeat; text-indent:-10000px; margin-bottom:10px; margin-top:5px; } #rcmenu-tit-home{ background-image:url(img/rcmenu-tit-home.png); } #rcmenu-tit-aboutus{ background-image:url(img/rcmenu-tit-aboutus.png); } #rcmenu-tit-event{ background-image:url(img/rcmenu-tit-event.png); } #rcmenu-tit-blog{ background-image:url(img/rcmenu-tit-blog.png); } #rcmenu-tit-application{ background-image:url(img/rcmenu-tit-application.png); } #rcmenu-tit-sponsor{ background-image:url(img/rcmenu-tit-sponsor.png); } #rc-blog-inner{ color:#999999; font-size:10px; } #rc-blog-inner a{ line-height:120%; font-size:12px; } /*=========================rightmenu end============================*/ /*=========================foot ============================*/ #foot{ width:880px; margin-top:10px; } /*=========================foot end============================*/ /*=========================foot-inner ============================*/ #foot-inner{ width:auto; text-align:center; font-size:12px; color:#203b1e; } /*=========================foot-inner end============================*/ /*=========================foot ============================*/ /*=========================foot end============================*/ /*=========================foot ============================*/ /*=========================foot end============================*/ /*=========================foot ============================*/ /*=========================foot end============================*/ /*=========================foot ============================*/ /*=========================foot end============================*/