/**/ /*html {height: 100%;}*/ body { color: #333; font-size: 90%; font-family: "ms pgothic", osaka, arial; line-height: 140%; background-color: #fff; background-image: url(../images/parts/header-bg.gif); background-repeat: repeat-x; background-position: center top; text-align: center; height: 100% } * { margin: 0; } /**{zoom:1;}*/ a { color: #cc3300; text-decoration: underline } a:hover { color: #333 } img { border: 0 } h1, h2, h3, h4, h5, h6 { font-size: 100% } table { border-collapse: collapse; border-spacing: 0 ;font-size:100% } caption, th { text-align: left } address { font-style: normal; font-weight: normal; display: inline } blockquote, ol, ul { margin-left: 1em; padding: 0 } /**/ /**/ hr { margin: 0; padding: 0; height: 1px } .solid { height: 1px; border-style: solid none none; border-width: 1px medium medium; border-color: #ccc } .dot { height: 1px; border-style: dotted none none; border-width: 1px medium medium; border-color: #999 } .border-b-dot { background-image: url(../images/parts/line-b-dot.gif); background-repeat: repeat-x; background-position: center top; height: 2px; border: none } .border-b-dot-html { height: 2px; border-style: dotted none none; border-width: 2px medium medium; border-color: #CC9966 } .border-s-dot-html { height: 2px; border-style: dotted none none; border-width: 2px medium medium; border-color: #98ccfe } .border-g-dot-html { height: 2px; border-style: dotted none none; border-width: 2px medium medium; border-color: #79C979 } .line01 { background-image: url(../images/parts/line01.gif); background-repeat: repeat-x; height: 4px } .h-mini { height: 1% } /*DISPLAY*/ .break { clear: both } .hidden { display: none;} /*FONT*/ .large { font-size: 120% } .small { font-size: 80%; line-height: 150% } .small-10 { font-size: 10px } .lh_100 { line-height: 100%; } .lh_120 { line-height: 120%; } .lh_150 { line-height: 150%; } .warn { color: #f00 } .warn02 { font-weight: normal; color: #fff; font-size: 80%; line-height: 100%; background-color: #c30; padding: 1px 3px } .mess { color: #930 } /*ALIGN*/ .ta_center { text-align: center } .ta_right { text-align: right } .ta_left { text-align: right } .va-top { vertical-align: top } .va-center { vertical-align: middle } .va-bottom { vertical-align: bottom } /*MARGIN*/ .m_5 { margin: 5px; } .m_10 { margin: 10px; } .m_15 { margin: 15px; } .m_20 { margin: 20px; } .m_25 { margin: 25px; } .m_30 { margin: 30px; } .m_35 { margin: 35px } .m_40 { margin: 40px } .m_b5 { margin-bottom: 5px; } .m_b10 { margin-bottom: 10px; } .m_b15 { margin-bottom: 15px; } .m_b20 { margin-bottom: 20px; } .m_b25 { margin-bottom: 25px; } .m_b30 { margin-bottom: 30px; } .m_b35 { margin-bottom: 35px; } .m_b40 { margin-bottom: 40px; } .m_t5 { margin-top: 5px; } .m_t10 { margin-top: 10px; } .m_t15 { margin-top: 15px; } .m_t20 { margin-top: 20px; } .m_t25 { margin-top: 25px; } .m_t30 { margin-top: 30px; } .m_t35 { margin-top: 35px; } .m_t40 { margin-top: 40px; } .m_l5 { margin-left: 5px; } .m_l10 { margin-left: 10px; } .m_l15 { margin-left: 15px; } .m_l20 { margin-left: 20px; } .m_l25 { margin-left: 25px; } .m_l30 { margin-left: 30px; } .m_l35 { margin-left: 35px; } .m_l40 { margin-left: 40px; } .m_r5 { margin-right: 5px; } .m_r10 { margin-right: 10px; } .m_r15 { margin-right: 15px; } .m_r20 { margin-right: 20px; } .m_r25 { margin-right: 25px; } .m_r30 { margin-right: 30px; } .m_r35 { margin-right: 35px; } .m_r40 { margin-right: 40px; } /*PADDING*/ .p_1 { padding: 1px; } .p_2 { padding: 2px; } .p_3 { padding: 3px; } .p_4 { padding: 4px; } .p_5 { padding: 5px; } .p_10 { padding: 10px; } .p_15 { padding: 15px; } .p_20 { padding: 20px; } .p_25 { padding: 25px; } .p_30 { padding: 30px; } .p_35 { padding: 35px; } .p_40 { padding: 40px; } .p_b5 { padding-bottom: 5px; } .p_b10 { padding-bottom: 10px; } .p_b15 { padding-bottom: 15px; } .p_b20 { padding-bottom: 20px; } .p_b25 { padding-bottom: 25px; } .p_b30 { padding-bottom: 30px; } .p_b35 { padding-bottom: 35px; } .p_b40 { padding-bottom: 40px } .p_t5 { padding-top: 5px; } .p_t10 { padding-top: 10px; } .p_t15 { padding-top: 15px; } .p_t20 { padding-top: 20px; } .p_t25 { padding-top: 25px; } .p_t30 { padding-top: 30px; } .p_t35 { padding-top: 35px; } .p_t40 { padding-top: 40px; } .p_l5 { padding-left: 5px; } .p_l10 { padding-left: 10px; } .p_l15 { padding-left: 15px; } .p_l20 { padding-left: 20px; } .p_l25 { padding-left: 25px; } .p_l30 { padding-left: 30px; } .p_l35 { padding-left: 35px; } .p_l40 { padding-left: 40px; } .p_r5 { padding-right: 5px; } .p_r10 { padding-right: 10px; } .p_r15 { padding-right: 15px; } .p_r20 { padding-right: 20px; } .p_r25 { padding-right: 25px; } .p_r30 { padding-right: 30px; } .p_r35 { padding-right: 35px; } .p_r40 { padding-right: 40px; } .bold { font-weight: bold } .topicpath { font-size: 80%; line-height: 130%; margin-right: 35px; margin-left: 35px } .topicpath a { color: #333; text-decoration: underline } .topicpath .dir { font-size: 10px } .topicpath .current { } .pagetop { background-image: url(../images/parts/pagetop.png); background-repeat: no-repeat; background-position: right top; position: relative; height: 55px } .pagetop a { display: block; position: absolute; right: 0; width: 157px; height: 55px } .pagetop span { text-indent: -9000px; display: block } .sub-title { margin-bottom: 20px } .tbl01 th { font-weight: normal; background-color: #e6e6e6; text-align: center; padding: 7px 10px; border: solid 1px #99adbf } .tbl01 td { text-align: center; padding: 7px 10px; border: solid 1px #99adbf } .tbl02 th { color: #930; font-weight: bold; background-image: url(../images/parts/icon-round-y.gif); background-repeat: no-repeat; background-position: left center; text-align: left; white-space: nowrap; padding: 5px 10px 5px 35px; border-style: dotted none; border-width: 1px medium; border-color: #cc9966 } .tbl02 td { text-align: left; padding: 5px 10px; border-top: 1px dotted #cc9966; border-right: none #cc9966; border-bottom: 1px dotted #cc9966; border-left: none #cc9966 } .tbl03 th { text-align: center; white-space: nowrap; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; border-style: none none solid; border-width: 0 0 1px; border-color: #99adbf } .tbl03 td { text-align: left; padding-top: 15px; padding-bottom: 15px; border-style: none none solid; border-width: 0 0 1px; border-color: #99adbf } .tbl03 td h3 a { color: #06c } .tbl04 td { background-image: url(../images/parts/icon-round-y.gif); background-repeat: no-repeat; background-position: left center; text-align: left; padding: 5px 10px 5px 35px; border-style: dotted none; border-width: 1px 0; border-color: #999 } .tbl04 td.tbl04-bgnone { background-image: none } .tbl04 td a { color: #06c } td.green, th.green { color: #0066CC; background-color: #D6EED6 } td.ta_left, th.ta_left { text-align: left } td.bold, th.bold { font-weight: bold } .dl01 dt { font-weight: bold; margin-top: 20px; margin-bottom: 5px; padding-bottom: 5px; height: 1%; border-bottom: 1px solid #ccc } .dl01 dd { font-weight: bold; padding-left: 10px } .dl01 a { color: #0066cc; text-decoration: underline } .dl01 img { vertical-align: top } .dl02 dt { color: #090; font-size: 16px; font-weight: bold; margin-top: 25px; margin-bottom: 5px; padding-bottom: 5px; height: 1%; border-bottom: 1px solid #99adbf } .dl02 dd { } .dl03 { width: 275px; float: left } .dl03 dl { width: 240px } .dl03 dt { font-size: 16px; font-weight: bold; background-image: url(../images/sitemap/sitemap01.gif); background-repeat: no-repeat; background-position: left top; padding-top: 6px; padding-bottom: 6px; padding-left: 35px } .dl03 dt a { color: #000 } .dl03 dd { background-image: url(../images/parts/icon-round-y.gif); background-repeat: no-repeat; background-position: left center; padding-top: 5px; padding-bottom: 5px; padding-left: 35px; border-bottom: 1px dotted #c96 } .dl03 dd a { color: #06c; } .dl04 dt { color: #930; font-weight: bold; background-image: url(../images/parts/icon-round-y.gif); background-repeat: no-repeat; background-position: -12px 8px; padding-top: 5px; padding-left: 15px; height: 1% } .dl04 dd { background-image: url(../images/parts/border-rough.gif); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 5px; padding-left: 15px; height: 1% } .dl05 dt { color: #090; font-size: 16px; font-weight: bold; margin-top: 25px; margin-bottom: 5px; padding-bottom: 5px; height: 1%; border-bottom: 1px solid #99adbf } .dl05 dd { padding-left: 20px } .keiji { background-image: url(../images/parts/keiji-bg.gif); background-repeat: repeat-y; background-position: center top ; height: 1% } .keiji-l { background-image: url(../images/parts/keiji-l-bg.gif); background-repeat: repeat-y; background-position: center; padding-right: 50px; padding-left: 50px; height: 1% } .keiji-l-g { background-image: url(../images/parts/keiji-l-bg-g.gif); background-repeat: repeat-y; background-position: center; padding-right: 50px; padding-left: 50px; height: 1% } .keiji-l-lg { background-image: url(../images/parts/keiji-l-bg-lg.gif); background-repeat: repeat-y; background-position: center; padding-right: 50px; padding-left: 50px; height: 1% } .green { color: #090 } .list01 { margin: 0; padding: 0 } .list01 li { background-image: url(../images/parts/icon-round-r.gif); background-repeat: no-repeat; background-position: left center; list-style-type: none; margin: 0; padding: 0 0 0 17px; height: 1% } .summary-code { display: none } .content-height { height: 15px; overflow: hidden } .include-link { font-size: 80%; text-align: right; margin-top: 5px; margin-right: 10px; margin-bottom: 5px } .w_serch_icon { vertical-align: middle } .search-content { width: 130px } .dropdown-content { width: 150px } .content-nav { text-align: center; margin-top: 20px } .content-nav img { vertical-align: middle } .page_prev { text-align: left; width: 310px; float: left } .page_next { text-align: right; width: 310px; float: right } .back_main { padding-top: 20px; clear: both } .top_topics a { background-repeat: no-repeat; background-position: left top; text-indent: -9000px; display: block; height: 40px } .entry_date { font-size: 80% } .ttl-orange-l { background-image: url(../images/parts/title-orange-l-bg.gif); background-repeat: no-repeat; margin-bottom: 20px; height: 44px } .ttl-orange-l-inner { padding-top: 13px; padding-left: 44px } .ttl-orange-m { background-image: url(../images/parts/title-orange-m-bg.gif); background-repeat: no-repeat; height: 44px } .ttl-orange-m-inner { padding-top: 12px; padding-left: 44px } .ttl-orange-m-wide { background-image: url(../images/parts/title-orange-m-wide-bg.gif); background-repeat: no-repeat; height: 44px } .ttl-orange-m-wide-inner { padding-top: 12px; padding-left: 44px } .yellow-box { background-color: #ffc; border: solid 1px #ccc } .yellow-box-inner { padding: 15px 20px } .list-style01 { list-style-type: none; margin: 0; padding: 0; height: 1% } .list-style01 a { color: #06c; font-weight: bold; text-decoration: underline } .list-style01 li { background-image: url(../images/parts/icon-arrow-r.gif); background-repeat: no-repeat; background-position: 10px center; padding-top: 4px; padding-bottom: 4px; padding-left: 25px; border-bottom: 1px dotted #999 } /**/ /**/ .thumb_a { background-color: #fff; width: 80px; height: 80px; overflow: hidden } .thumb_s { margin: 3px; width: 50px; height: 50px } .thumb_a,.thumb_s {display:block; background-repeat: no-repeat; background-position: center; } .thumb_a span , .thumb_s span {display:none;} .same_place_parent{} .same_place {} .same_place_ani {float:left;} .summary_topics { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #999 } .thm-m { padding-right: 15px; padding-left: 10px; float: left } .animal_name { margin-bottom: 5px } .animal_name a { color: #fff; font-size: 80%; line-height: 100%; text-decoration: none; background-color: #c30; padding: 1px 3px } .summary_topics h3 { margin-left: 10px } .summary_topics h3 a { color: #06c; background-image: url(../images/parts/icon-arrow-r.gif); background-repeat: no-repeat; background-position: 0 4px; padding-left: 15px; height: 1% } .summary_body { margin-left: 10px } .summary { margin-top: 10px } .summary_in { text-decoration: none; display: block; margin: 0; padding: 20px 25px; border: 0; zoom: 1 } .set_event { width: 85px; float: left} /* .on_set_event { width: 555px; float: right }*/ .on_set_event { margin-left: 95px } .event_on { background-image: url(../images/parts/icon-event.gif); background-repeat: no-repeat; background-position: left center } .event_off { background-image: url(../images/parts/icon-info.gif); background-repeat: no-repeat; background-position: left center } .summary_thumb { margin-right: 20px; width: 80px; height: 80px; float: left } .summary_header { } .summary_header h3 { margin-bottom: 5px } .summary_header h3 a { color: #06c; line-height: 100%; background-image: url(../images/parts/icon-rarrow-r.gif); background-repeat: no-repeat; background-position: 0 0; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; height: 1% } .summary_header p { color: #993300; font-size: 80% } .summary_header p img { vertical-align: middle } .summary_look { width: 128px; float: right; } .summary-content .thumb_a { width: 78px; height: 78px; overflow: hidden; border: solid 2px #c2841f } .summary-content .summary_body { margin-left: 0 } .color_orange .summary { background: #cc9966;} .color_orange .summary_in { background: #ffffc7; } .color_orange .thumb_a { width: 78px; height: 78px; overflow: hidden; 78px; border: 2px solid #C2841F; } .color_sky .summary { background: #98ccfe } .color_sky .summary_in { background: #f2fef0 } .color_green .summary { background: #bfd74c } .color_green .summary_in { background: #f2fef0 } /**/ /**/ #container { margin-right: auto; margin-left: auto; width: 100% } #container-inner { text-align: center; margin-right: auto; margin-left: auto } #alpha, #beta, #gamma { position: relative; float: left ; z-index:1;} #content { text-align: center; margin-top: 58px; margin-right: auto; margin-left: auto; padding-bottom: 30px; width: 930px } #home #content { margin-top: 35px; } div#content-header { background-image: url(../images/parts/content-header.gif); background-repeat: no-repeat; background-position: center bottom; height: 7px } ul#content-header { background-image: url(../images/parts/content-header.gif); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 4px } #content-inner { background-color: #fff; background-image: url(../images/parts/content-bg.gif); background-repeat: no-repeat; background-position: left top; text-align: left; margin-right: auto; margin-left: auto; height: 1% !important } #header-inner, #content-inner, #footer-inner, .asset-body { height: 1% } #header-inner, #footer-inner, #alpha-inner, #beta-inner, #gamma-inner { overflow: hidden } #alpha-inner, #beta-inner, #gamma-inner { margin: 25px 10px 0px } #home #alpha-inner, #home #beta-inner, #home #gamma-inner { margin: 25px 10px 0px } .alfa .outline { padding-right: 30px; padding-left: 30px } .alfa .outline-inner { margin-right: 20px; margin-left: 20px } .alfa-beta .outline { padding-right: 10px; padding-left: 10px } .alfa-beta .outline-inner { } /* alfa-beta-gamma */ .alfa #alpha { width: 930px } .alfa #beta { display: none } .alfa #gamma { display: none } .alfa #alpha-inner { margin: 25px 35px 20px } .alfa entry-asset {} /* alfa-beta-gamma */ .alfa-beta-gamma #alpha { width: 560px } .alfa-beta-gamma #beta { left: 190px; width: 190px } .alfa-beta-gamma #gamma { right: 190px; width: 190px } /* beta-alfa-gamma */ .beta-alfa-gamma #alpha { left: 190px; width: 560px } .beta-alfa-gamma #beta { left: -560px; width: 190px } .beta-alfa-gamma #gamma { width: 190px } /* alfa-beta */ .alfa-beta #alpha { left: 25px; width: 660px } .alfa-beta #beta { left: 45px; width: 200px } .alfa-beta #gamma { display: none } /* beta-alfa */ .beta-alfa #alpha { left: 190px; width: 750px } .beta-alfa #beta { left: -750px; width: 190px } .beta-alfa #gamma { display: none } /* beta-alfa(Medium-Wide) */ .beta_m-alfa_m #alpha { left: 330px; width: 610px } .beta_m-alfa_m #beta { left: -610px; width: 330px } .beta_m-alfa_m #gamma { display: none } /* alfa-beta(Wide-Medium) */ .alfa_m-beta_m #alpha { width: 610px } .alfa_m-beta_m #beta { width: 330px } .alfa_m-beta_m #gamma { display: none } /**/ /**/ #header { text-align: center; margin-right: auto; margin-left: auto; height: 1% } #header a { color: #393939; text-decoration: none } #header a:hover { } #header-inner { text-align: center; margin-right: auto; margin-left: auto; width: 930px; height: 125px } #home #header-inner { text-align: center; margin-right: auto; margin-left: auto; width: 930px; height: 162px } #header-content { text-align: center; margin-right: auto; margin-left: auto; width: 930px; height: 59px } #header-name { color: #393939; font-size: 18px; font-weight: bold; background-image: url(../images/parts/logo.png); background-repeat: no-repeat; background-position: left top; text-indent: -9000px; display: block; margin-top: 50px; width: 367px; height: 36px; float: left } #header-name a { display: block; width: 367px; height: 36px } #header-description { color: #393939; font-size: 14px; font-weight: normal; text-indent: -9000px; display: block; margin-bottom: 0; width: 10px; height: 10px; float: left } #header-nav-inner { margin: 0 auto; /*position: relative;*/ width: 900px } #hhmenu { background-image: url(../images/parts/header-concept.png); background-repeat: no-repeat; background-position: right top; letter-spacing: 0; margin-top: 39px; width: 453px; float: right } #hhmenu ul { list-style-type: none; margin: 0 0 0; padding: 33px 0 0; height: 11px } #hhmenu li { font-size: 12px; line-height: 100%; display: block; margin: 0; padding: 0; height: 11px; float: left } #hhmenu a { font-weight: normal; background-image: url(../images/parts/hhmenu-icon.gif); background-repeat: no-repeat; background-position: 10px 1px; display: block; padding-left: 23px; height: 11px; float: left } #hhmenu a:hover { background-position: 10px -10px } #hhmenu span { } #home #hhmenu a.home, #sitemap #hhmenu a.sitemap, #info #hhmenu a.info, #blog #hhmenu a.blog, #magazine #hhmenu a.magazine, #inquiry #hhmenu a.inquiry { background-position: 10px -10px } #hmenu { text-align: left; height: 59px } #hmenu ul { list-style-type: none; margin: 0; padding: 0 } #hmenu li { display: block; margin: 0; position: relative; float: left } #hmenu a { display: block; float: left } #hmenu a:hover { background-position: 0 -59px } #hmenu .parent span { display: none } #hmenu a.event { background-image: url(../images/parts/hmenu-event.gif); width: 151px; height: 59px } #hmenu a.about { background-image: url(../images/parts/hmenu-about.gif); width: 137px; height: 59px } #hmenu a.parkguide { background-image: url(../images/parts/hmenu-guide.gif); width: 106px; height: 59px } #hmenu a.animal { background-image: url(../images/parts/hmenu-animal.gif); width: 134px; height: 59px } #hmenu a.satoyama { background-image: url(../images/parts/hmenu-satoyama.gif); width: 134px; height: 59px } #hmenu a.local { background-image: url(../images/parts/hmenu-region.gif); width: 102px; height: 59px } #hmenu a.satonosuke { background-image: url(../images/parts/hmenu-satonosuke.gif); width: 166px; height: 59px } #event #hmenu a.event, #info #hmenu a.info, #about #hmenu a.about, #eigyou #hmenu a.about, #access #hmenu a.about, #group #hmenu a.about, #parkguide #hmenu a.parkguide, #parkanimal #hmenu a.parkguide, #parksatoyama #hmenu a.parkguide, #park #hmenu a.parkguide, #naturecenter #hmenu a.parkguide, #shop #hmenu a.parkguide, #barbecue #hmenu a.parkguide, #animal #hmenu a.animal, #animal #hmenu a.animal, #kawara #hmenu a.animal, #animalguide #hmenu a.animal, #gokkun #hmenu a.animal, #children #hmenu a.animal, #horse #hmenu a.animal, #school #hmenu a.animal, #student #hmenu a.animal, #fanclub #hmenu a.animal, #nature #hmenu a.satoyama, #tanbo #hmenu a.satoyama, #satoyama #hmenu a.satoyama, #satoyama-event #hmenu a.satoyama, #satoyama-diary #hmenu a.satoyama, #yukyu #hmenu a.local, #tower #hmenu a.local, #local #hmenu a.local, #mate #hmenu a.local, #firefly #hmenu a.local, #local #hmenu a.local, #satonosuke #hmenu a.satonosuke, #satoschool #hmenu a.satonosuke, #satostory #hmenu a.satonosuke, #satogame #hmenu a.satonosuke, #satomap #hmenu a.satonosuke { background-position: 0 -118px } /* hmenu-sub */ #hmenu .hmenu-sub { font-size: 12px; background-color: #fff; display: none; margin: 0; padding: 0; z-index: 9999 !important; width: 170px; -moz-opacity: 0.90; filter: alpha(opacity=90); opacity: 0.90 ; scroll: 0 0 } /* \ */* html #hmenu .hmenu-sub { display: none !important } #hmenu .navi_menu_on .hmenu-sub { display: block; margin: 0; padding: 0; position: absolute; top: 59px; left: 0 } #hmenu .hmenu-sub li { display: block !important; margin: 0; padding: 0; height: 1%; float: none !important } #hmenu .hmenu-sub li a { color: #050; text-decoration: none; display: block; padding: 3px 5px 3px 10px; width: 155px } #hmenu .hmenu-sub li a.child_first { } #hmenu .hmenu-sub li a.child_last { } #hmenu .hmenu-sub li a span { background-image: url(../images/parts/icon-arrow-r-mini.gif); background-repeat: no-repeat; background-position: left center; padding-left: 10px } #hmenu .hmenu-sub li a:hover { color: #eb5f00; background-color: #ccc; -moz-opacity: 0.95; filter: alpha(opacity=95); opacity: 0.95 } #flash { background-image: url(../images/parts/bg-kusa.gif); background-repeat: repeat-x; background-position: center bottom; text-align: center; width: 100%; height: 438px } /**/ /**/ .h-navi { list-style-type: none; margin: 0; padding: 0 0 0 10px; height: 43px } .h-navi li { list-style-type: none; margin: 0 0 0 5px; padding: 0; height: 43px; float: left } .h-navi li a { background-repeat: no-repeat; background-position: 0 0; text-indent: -9000px; display: block; height: 43px } .h-navi li a:hover { background-repeat: no-repeat; background-position: 0 -43px } .h-navi li a.about { background-image: url(../images/about/hnavi-about.gif); width: 191px } .h-navi li a.eigyou { background-image: url(../images/about/hnavi-eigyou.gif); width: 95px } .h-navi li a.access { background-image: url(../images/about/hnavi-access.gif); width: 115px } .h-navi li a.group { background-image: url(../images/about/hnavi-group.gif); width: 155px } #about .h-navi li a.about, #eigyou .h-navi li a.eigyou, #access .h-navi li a.access, #group .h-navi li a.group {background-position: 0 -43px} .h-navi li a.parkguide { background-image: url(../images/parkguide/hnavi-parkguide.gif); width: 101px } .h-navi li a.parkanimal { background-image: url(../images/parkguide/hnavi-animal.gif); width: 101px } .h-navi li a.parksatoyama { background-image: url(../images/parkguide/hnavi-satoyana.gif); width: 101px } .h-navi li a.park { background-image: url(../images/parkguide/hnavi-park.gif); width: 148px } .h-navi li a.naturecenter { background-image: url(../images/parkguide/hnavi-nature.gif); width: 141px } .h-navi li a.shop { background-image: url(../images/parkguide/hnavi-shop.gif); width: 117px } .h-navi li a.barbecue { background-image: url(../images/parkguide/hnavi-barbecue.gif); width: 161px } #parkguide .h-navi li a.parkguide, #parkanimal .h-navi li a.parkanimal, #parksatoyama .h-navi li a.parksatoyama, #park .h-navi li a.park, #naturecenter .h-navi li a.naturecenter, #shop .h-navi li a.shop, #barbecue .h-navi li a.barbecue {background-position: 0 -43px} .h-navi li a.animal { background-image: url(../images/animal/hnavi-animal.gif); width: 95px } .h-navi li a.kawara { background-image: url(../images/animal/hnavi-kawara.gif); width: 99px } .h-navi li a.animalguide { background-image: url(../images/animal/hnavi-animalguide.gif); width: 90px } .h-navi li a.gokkun { background-image: url(../images/animal/hnavi-gokkun.gif); width: 85px } .h-navi li a.children { background-image: url(../images/animal/hnavi-children.gif); width: 109px } .h-navi li a.horse { background-image: url(../images/animal/hnavi-horse.gif); width: 87px } .h-navi li a.school { background-image: url(../images/animal/hnavi-school.gif); width: 101px } .h-navi li a.student { background-image: url(../images/animal/hnavi-student.gif); width: 98px } .h-navi li a.fanclub { background-image: url(../images/animal/hnavi-fanclub.gif); width: 96px } #animal .h-navi li a.animal, #kawara .h-navi li a.kawara, #animalguide .h-navi li a.animalguide, #gokkun .h-navi li a.gokkun, #children .h-navi li a.children, #horse .h-navi li a.horse, #school .h-navi li a.school, #student .h-navi li a.student, #fanclub .h-navi li a.fanclub {background-position: 0 -43px} .h-navi li a.nature { background-image: url(../images/satoyama/hnavi-nature.gif); width: 101px } .h-navi li a.tanbo { background-image: url(../images/satoyama/hnavi-ricefield.gif); width: 127px } .h-navi li a.satoyama { background-image: url(../images/satoyama/hnavi-satoyama.gif); width: 91px } .h-navi li a.satoyama-event { background-image: url(../images/satoyama/hnavi-satoyama-event.gif); width: 127px } .h-navi li a.satoyama-diary { background-image: url(../images/satoyama/hnavi-satoyama-diary.gif); width: 127px } #nature .h-navi li a.nature, #tanbo .h-navi li a.tanbo, #satoyama .h-navi li a.satoyama, #satoyama-event .h-navi li a.satoyama-event, #satoyama-diary .h-navi li a.satoyama-diary {background-position: 0 -43px} .h-navi li a.yukyu { background-image: url(../images/local/hnavi-yukyu.gif); width: 131px } .h-navi li a.tower { background-image: url(../images/local/hnavi-tower.gif); width: 145px } .h-navi li a.local { background-image: url(../images/local/hnavi-local.gif); width: 89px } .h-navi li a.mate { background-image: url(../images/local/hnavi-mate.gif); width: 145px } .h-navi li a.firefly { background-image: url(../images/local/hnavi-firefly.gif); width: 127px } #yukyu .h-navi li a.yukyu, #tower .h-navi li a.tower, #local .h-navi li a.local, #mate .h-navi li a.mate, #firefly .h-navi li a.firefly {background-position: 0 -43px} .h-navi li a.satonosuke { background-image: url(../images/satonosuke/hnavi-satonosuke.gif); width: 117px } .h-navi li a.satoplay { background-image: url(../images/satonosuke/hnavi-satoplay.gif); width: 125px } .h-navi li a.satoschool { background-image: url(../images/satonosuke/hnavi-satoschool.gif); width: 135px } .h-navi li a.satoblog { background-image: url(../images/satonosuke/hnavi-satoblog.gif); width: 135px } #satonosuke .h-navi li a.satonosuke {background-position: 0 -43px} .h-navi li a.event { background-image: url(../images/event/hnavi-event.gif); width: 106px } .h-navi li a.info { background-image: url(../images/event/hnavi-info.gif); width: 106px } #event .h-navi li a.event, #info .h-navi li a.info {background-position: 0 -43px} /**/ /**/ #title { background-repeat: no-repeat; background-position: center bottom; text-indent: -9000px; margin-right: 35px; margin-left: 35px; height: 91px } #event #title { background-image: url(../images/title/title-event.gif) } #info #title { background-image: url(../images/title/title-info.gif) } #blog #title { background-image: url(../images/title/title-blog.gif) } #about #title { background-image: url(../images/title/title-about.gif) } #eigyou #title { background-image: url(../images/title/title-eigyou.gif) } #access #title { background-image: url(../images/title/title-access.gif) } #group #title { background-image: url(../images/title/title-group.gif) } #parkguide #title { background-image: url(../images/title/title-parkguide.gif) } #parkanimal #title { background-image: url(../images/title/title-parkanimal.gif) } #parksatoyama #title { background-image: url(../images/title/title-parksatoyama.gif) } #park #title { background-image: url(../images/title/title-park.gif) } #naturecenter #title { background-image: url(../images/title/title-naturecenter.gif) } #shop #title { background-image: url(../images/title/title-shop.gif) } #barbecue #title { background-image: url(../images/title/title-barbecue.gif) } #animal #title { background-image: url(../images/title/title-animel.gif) } #kawara #title { background-image: url(../images/title/title-kawara.gif) } #animalguide #title { background-image: url(../images/title/title-animalguide.gif) } #gokkun #title { background-image: url(../images/title/title-gokkun.gif) } #children #title { background-image: url(../images/title/title-children.gif) } #horse #title { background-image: url(../images/title/title-horse.gif) } #school #title { background-image: url(../images/title/title-school.gif) } #student #title { background-image: url(../images/title/title-student.gif) } #fanclub #title { background-image: url(../images/title/title-fanclub.gif) } #nature #title { background-image: url(../images/title/title-natural.gif) } #tanbo #title { background-image: url(../images/title/title-ricefield.gif) } #satoyama #title { background-image: url(../images/title/title-satoyama.gif) } #satoyama-event #title { background-image: url(../images/title/title-satoyama-event.gif) } #satoyama-diary #title { background-image: url(../images/title/title-satoyama-diary.gif) } #yukyu #title { background-image: url(../images/title/title-yukyu.gif) } #tower #title { background-image: url(../images/title/title-tower.gif) } #local #title { background-image: url(../images/title/title-lical.gif) } #mate #title { background-image: url(../images/title/title-mate.gif) } #firefly #title { background-image: url(../images/title/title-firefly.gif) } #satonosuke #title { background-image: url(../images/title/title-satonosuke.gif) } #satoschool #title { background-image: url(../images/title/title-satoschool.gif) } #link #title { background-image: url(../images/title/title-link.gif) } #inquiry #title { background-image: url(../images/title/title-inquiry.gif) } #policy #title { background-image: url(../images/title/title-policy.gif) } #sitemap #title { background-image: url(../images/title/title-sitemap.gif) } #download #title { background-image: url(../images/title/title-download.gif) } /**/ /**/ .item { text-align: center; list-style-type: none; display: inline; margin: 0 5px 8px; width: 70px; float: left; overflow: hidden; vertical-align: middle } .widget { margin-bottom: 20px; /*position: relative;*/ width: 100%; height: 1%; overflow: hidden; z-index:1; } .widget-header { font-weight: bold; background-repeat: no-repeat; background-position: center top; text-align: center; margin: 0; padding: 0; overflow: hidden } .widget-header, .widget-content { } .widget-header, .widget-header a { color: #333 } .widget-header a { text-decoration: none } .widget-header span { display: block; height: 100% } .widget-header a:hover { } .widget-footer span { text-indent: -9000px; display: block } .widget-content { font-size: 80%; line-height: 160% } .widget-content a { color: #666 } .widget-calendar .widget-content table { font-size: 10px } .archive-content ul, .widget-content ul { list-style: none; margin: 0; padding: 0 } .widget-content ul ul { margin-left: 15px } .widget-content li { background-image: url(../images/parts/icon-arrow-r-mini.gif); background-repeat: no-repeat; background-position: 5px 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 17px; height: 1%; border-bottom: 1px solid #ccc } .widget-content li a { color: #06c } .widget-tag-cloud .widget-content ul { margin-right: 0; margin-left: 0 } .widget-tag-cloud .widget-content li { line-height: 1.2; background: transparent; display: inline; margin: 0 5px 0 0; padding: 0 } .widget-tag-cloud .rank-1 { font-size: 1.75em } .widget-tag-cloud .rank-2 { font-size: 1.75em } .widget-tag-cloud .rank-3 { font-size: 1.62em } .widget-tag-cloud .rank-4 { font-size: 1.5em } .widget-tag-cloud .rank-5 { font-size: 1.37em } .widget-tag-cloud .rank-6 { font-size: 1.25em } .widget-tag-cloud .rank-7 { font-size: 1.12em } .widget-tag-cloud .rank-8 { font-size: 1em } .widget-tag-cloud .rank-9 { font-size: 0.95em } .widget-tag-cloud .rank-10 { font-size: 0.9em } .widget-recent-assets .widget-content ul { margin-right: 0; overflow: auto } .widget-search ul, .widget-syndication ul { list-style: none; margin-left: 0 } .widget-search li, .widget-syndication li { margin: 5px 0 } .widget-openid { margin: 10px auto; width: 160px; border: none !important } .widget-openid .widget-content { color: #666; font-size: 12px; font-family: Arial, Verdana, sans-serif; margin: 0; padding: 0; border: solid 1px #ccc } .widget-openid .widget-content em { font-style: normal; display: block; padding: 34px 9px 9px 68px } .widget-openid .widget-content strong { position: absolute; left: -9999px } .widget-openid .widget-content a { color: #666; font-weight: normal; text-decoration: underline; background: #eee; text-align: center; display: block; padding: 5px 3px } .widget-archive-monthly-dropdown .widget-content { padding-top: 10px; padding-left: 10px } /*nabi-search*/ .widget-search { background-image: url(../images/navi/navi-search-bg.gif) } .widget-search .widget-header { background-image: url(../images/navi/navi-search-header.gif); text-indent: -9000px; height: 48px } .widget-search .widget-content { background-color: #fff099; margin: 0 9px; padding: 10px; border-top: 1px dotted #9c6e4a } .widget-search .widget-header.search-place { background-image: url(../images/navi/navi-search-ttl-place.gif); margin: 0 9px; height: 38px; border-top: 1px dotted #ffe7b5 } .widget-search .widget-content.search-place-content { background-color: #ffe7b5; background-image: none; padding: 0 10px 10px; border-top: 0 none } .widget-search .widget-footer { background-image: url(../images/navi/navi-search-footer.gif); margin: 0; padding: 9px 0 0 } /*nabi-calender*/ .widget-opencalendar { background-image: url(../images/navi/navi-opening-bg.gif) } .widget-opencalendar .widget-header { background-image: url(../images/navi/navi-opening-header.gif); height: 49px } #calendar { font-size: 80%; background-color: #fff; margin: 0 9px; height: 1% } #calendar .month { color: #fff; font-weight: bold; background-color: #090; text-align: center; height: 1% } #calendar table.calendar { line-height: 95%; background-color: #fff; margin-top: 10px; margin-left: 11px; width: 140px } #calendar table.calendar th { font-weight: normal; text-align: center; padding-top: 2px; border: solid 4px #fff } #calendar table.calendar td { background-color: #e6e6e6; text-align: center; padding: 2px; border: solid 4px #fff } #calendar table.calendar .headline {} #calendar table.calendar .headline .Sun { color: #f00 } #calendar table.calendar .headline .Sat { color: #6666FF } #calendar table.calendar td.holyday { background-color: #FF9999 } #calendar .updown { line-height: 100%; margin-top: 5px; margin-left: 9px } #calendar .ta_right { line-height: 120%; margin-right: 9px; padding-bottom: 10px } #calendar .ta_right .holyday { color: #f99 } .widget-opencalendar .widget-header { text-indent: -9000px } .widget-opencalendar .widget-content { background-color: #fff; text-align: center; margin-right: 9px; margin-left: 9px; padding: 7px 10px } .widget-opencalendar .widget-header.open-time { background-image: url(../images/navi/navi-opening-ttl-time.gif); margin-right: 9px; margin-left: 9px; height: 32px } .widget-opencalendar .widget-header.open-inquiry { background-image: url(../images/navi/navi-opening-ttl-contact.gif); margin-right: 9px; margin-left: 9px; height: 32px } .widget-opencalendar .widget-header.open-price { background-image: url(../images/navi/navi-opening-ttl-price.gif); margin-right: 9px; margin-left: 9px; height: 32px } .widget-opencalendar .widget-footer { background-image: url(../images/navi/navi-opening-footer.gif); background-position: 0 0; height: 56px } /*nabi-banner*/ .widget-banner li { background-image: none; margin-top: 0; margin-bottom: 15px; padding: 0; height: 65px; border-style: none } /*nabi-animal*/ .widget-popularity .widget-header { background-image: url(../images/navi/navi-popular-ttl.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9000px; height: 30px } #w_popularity { padding-top: 5px; padding-left: 5px } .widget-recent-entries-kawara .widget-header a { background-image: url(../images/navi/navi-kawara-ttl.gif); background-position: left top; text-indent: -9000px; display: block; height: 32px } .widget-recent-entries-event .widget-header a { background-image: url(../images/navi/navi-event-ttl.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9000px; display: block; height: 30px } /**/ /**/ #satocalendar { font-size: 80%; background-color: #fff; width: 200px; height: 1% } #satocalendar .month { color: #fff; font-weight: bold; background-color: #36f; text-align: center; height: 1% } #satocalendar table.calendar { line-height: 95%; background-color: #fff; margin-top: 5px; width: 200px } #satocalendar table.calendar th , #satocalendar table.calendar td { padding: 5px 4px } #satocalendar table.calendar th { font-weight: normal; text-align: center; padding-top: 2px; border: solid 4px #fff } #satocalendar table.calendar td { background-color: #f99; text-align: center; border: solid 4px #fff } #satocalendar table.calendar td.Sun { background-color: #b2b2b2 } #satocalendar table.calendar td.Sat { background-color: #b2b2b2 } #satocalendar table.calendar .headline {} #satocalendar table.calendar .headline .Sun { color: #f00 } #satocalendar table.calendar .headline .Sat { color: #6666ff } #satocalendar table.calendar td.holyday { background-color: #e6e6e6 } #satocalendar table.calendar td.empty { background-color: #fff !important } #satocalendar .updown { line-height: 100% } #satocalendar .ta_right { line-height: 120%; margin-right: 9px; padding-bottom: 10px } #satocalendar .ta_right .holyday { color: #f99 } .satocalendar-memo { font-size: 12px; line-height: 130%; background-color: #e6e6e6; width: 200px; border: solid 1px #ccc } /**/ /**/ #page-title { } /*archive title search_results*/ .archive-title , .search-results-header { font-size: 16px; background-repeat: no-repeat; background-position: left top; padding-top: 10px; padding-bottom: 30px; padding-left: 55px; height: 1% } .archive-title { background-image: url(../images/animal/title-place-bg.gif); } /*entry*/ .asset-header { /*position: relative ;z-index:1;*/ } .asset-name { font-size: 22px; font-weight: bold; margin-bottom: 0.25em } .asset-name a { text-decoration: none; margin-bottom: 8px } .asset-name a:hover { text-decoration: underline } .trackbacks-header, .comments-header, .comments-open-header, .archive-header, .search-form-header, .search-results-header { font-size: 18px; font-weight: bold; margin: 0; padding: 5px 0 } .search-results-header { margin-bottom: 0.25em } /*archive_index */ .archive-header { } /**/ /**/ .asset-footer, .asset-meta { font-size: 11px } .asset-meta { font-weight: normal; text-align: right; border-top: 1px solid #ccc } .asset-footer { clear: both; border-top: 1px solid #ccc } .byline { } .content-nav { } .entry-categories, .entry-tags { } .entry-tags h4, .entry-categories h4 { font-weight: bold; display: inline; margin-bottom: 0 } .entry-tags ul, .entry-categories ul { list-style: none; display: inline; margin-left: 0; padding-left: 0 } .entry-tags ul li, .entry-categories ul li { display: inline } /**/ /**/ .asset , .search-results-container { position: static; clear: both } .asset-content { position: static; clear: both } .asset-body { } .asset-more { } .asset-more-link { font-weight: bold } .archive-list-item { margin-bottom: 5px } .mt-image-left { margin: 0 20px 20px 0; float: left } .mt-image-center { text-align: center; display: block; margin: 0 auto 20px } .mt-image-right { margin: 0 0 20px 20px; float: right } .asset-body, .asset-more, .asset-more-link, .asset-excerpt, .comment-content, .comment-footer, .comments-open-content, .comments-open-footer, .comments-closed, .trackbacks-info, .trackback-content, .trackback-footer, .archive-content { clear: both } .asset, .comments, .trackbacks, .archive { width: 100%; overflow: hidden } .asset, .comments, .comments-content, .trackbacks, .archive, .search-form { margin-bottom: 10px } .asset-header, .asset-content, .asset-body, .comments-header, .comment-content, .comment-footer, .comments-open-header, .comments-open-content, #comments-open-footer, .comments-closed, #comment-form-external-auth, #comment-greeting, .comments-open-moderated, #comment-form-name, #comment-form-email, #comment-form-url, #comment-form-remember-me, #comment-form-reply, #comments-open-text, .trackbacks-header, .trackbacks-info, .trackback-content, .trackback-footer, .archive-content, .search-form-header, .search-results-header { margin-bottom: 0.75em } /*archive_index */ .archive { } .archive-content { } /*search_results*/ #search-results { } /*comments */ .comments-header , .comments-open-header { } .comment-content { } .comments { } .top-comment-nav { } .comments-content , comments-open-content { } .comments-open { } /*trackbacks*/ .trackback-header { } .trackbacks-content { } .trackback { } .trackbacks-info { font-weight: bold } /**/ /**/ .f-navi { font-size: 12px; line-height: 130%; text-align: center; list-style-type: none; margin: 20px 35px 0; padding: 0; height: 100px; border-top: 2px solid #ccc } .f-navi span {display:none;} .outer { background: #9c6f4a; margin-top: 20px; margin-left: 5px; padding: 5px; width: 100px; float: left } .inner { color: #333; text-decoration: none; background: #c9bf9e; text-align: center; display: block; margin: 0; padding: 5px 0; border: 0; zoom: 1 } .inner:hover { color: #cc0000; text-decoration: none; background-color: #ffff66; display: block; margin: 0; padding: 5px 0; border: 0; zoom: 1 } .f-navi.f-navi-about { padding-left: 125px !important; } .f-navi.f-navi-about .outer { width: 140px !important; } #about .f-navi a.about, #eigyou .f-navi a.eigyou, #access .f-navi a.access, #group .f-navi a.group { color: #f00; background-color: #ffff66; } .f-navi.f-navi-parkguide { letter-spacing: -1px; padding-left: 0 !important } .f-navi.f-navi-parkguide .outer { width: 112px !important; } #parkguide .f-navi a.parkguide, #parkanimal .f-navi a.parkanimal, #parksatoyama .f-navi a.parksatoyama, #park .f-navi a.park, #naturecenter .f-navi a.naturecenter, #shop .f-navi a.shop, #barbecue .f-navi a.barbecue { color: #f00; background-color: #ffff66; } .f-navi.f-navi-animal { padding-left: 45px !important; } .f-navi.f-navi-animal .outer { width: 75px } #animal .f-navi a.animal, #kawara .f-navi a.kawara, #animalguide .f-navi a.animalguide, #gokkun .f-navi a.gokkun, #children .f-navi a.children, #horse .f-navi a.horse, #school .f-navi a.school, #student .f-navi a.student, #fanclub .f-navi a.fanclub { color: #f00; background-color: #ffff66; } .f-navi.f-navi-satoyama { padding-left: 100px !important; } .f-navi.f-navi-satoyama .outer { width: 140px !important; } #nature .f-navi a.nature, #tanbo .f-navi a.tanbo, #satoyama .f-navi a.satoyama, #satoyama-event .f-navi a.satoyama-event, #satoyama-diary .f-navi a.satoyama-diary { color: #f00; background-color: #ffff66; } .f-navi.f-navi-local { padding-left: 115px !important } .f-navi.f-navi-local .outer { width: 115px !important } #yukyu .f-navi a.yukyu, #tower .f-navi a.tower, #local .f-navi a.local, #mate .f-navi a.mate, #firefly .f-navi a.firefly { color: #f00; background-color: #ffff66; } .f-navi.f-navi-satonosuke { padding-left: 195px !important; } .f-navi.f-navi-satonosuke .outer { width: 140px !important; } #satonosuke .f-navi a.satonosuke { color: #f00; background-color: #ffff66; } .f-navi.f-navi-info { padding-left: 300px !important; } .f-navi.f-navi-info .outer { width: 100px !important; } #event .f-navi a.event, #info .f-navi a.info { color: #f00; background-color: #ffff66; } /**/ /**/ #footer { background-image: url("../images/parts/footer-bg.gif"); background-repeat: repeat-x; background-position: center top; height: 1%; clear: both } #footer-inner { text-align: center; margin: 0 auto; width: 860px; height: 100% } #footer-content { height: 100% } #footer-content, #footer-content a { color: #333 } #footer .widget { margin: 10px 0 } #footer .widget-content { margin-top: 0; margin-bottom: 0; padding-right: 0; padding-left: 0 } #footer .widget-powered .widget-content { text-align: left; padding: 0 } #copy { font-size: 10px; padding-bottom: 25px } #fmenu { color: #666; line-height: 130%; text-align: center; padding-top: 5px; padding-bottom: 10px; border-bottom: 1px dotted #000 } #fmenu a { color: #336600; text-decoration: none } #fmenu ul { font-size: 12px; list-style-type: none; margin: 0; padding: 0 } #fmenu li { list-style-type: none; display: inline; margin: 0; padding: 0 } #home #fmenu a.home, #about #fmenu a.about, #eigyou #fmenu a.about, #access #fmenu a.about, #group #fmenu a.about, #parkguide #fmenu a.parkguide, #parkanimal #fmenu a.parkguide, #parksatoyama #fmenu a.parkguide, #park #fmenu a.parkguide, #naturecenter #fmenu a.parkguide, #shop #fmenu a.parkguide, #barbecue #fmenu a.parkguide, #animal #fmenu a.animal, #kawara #fmenu a.animal, #animalguide #fmenu a.animal, #gokkun #fmenu a.animal, #children #fmenu a.animal, #horse #fmenu a.animal, #school #fmenu a.animal, #student #fmenu a.animal, #fanclub #fmenu a.animal, #nature #fmenu a.satoyama, #tanbo #fmenu a.satoyama, #satoyama #fmenu a.satoyama, #satoyama-event #fmenu a.satoyama-event, #satoyama-diary #fmenu a.satoyama-diary, #yukyu #fmenu a.local, #tower #fmenu a.local, #local #fmenu a.local, #mate #fmenu a.local, #firefly #fmenu a.local, #satonosuke #fmenu a.satonosuke, #satoschool #fmenu a.satonosuke, #blog #fmenu a.blog, #link #fmenu a.link, #inquiry #fmenu a.inquiry, #policy #fmenu a.policy, #sitemap #fmenu a.sitemap, #download #fmenu a.download, #event #fmenu a.event, #info #fmenu a.info { font-weight: bold; color: #FF0000} #footer-commapyname { background-image: url(../images/parts/footer-logo.gif); background-repeat: no-repeat; background-position: center top; text-indent: -9000px; display: block; margin-top: 10px; padding-bottom: 5px; height: 23px } #footer-commapycontact { display: inline } #footer-qr { margin-top: 5px; width: 79px; float: right } #product_link { font-size: 9px; text-align: right; padding-right: 1em; padding-left: 1em } #product_link a { color: #ccc; text-decoration: none } /**/ /**/ .summary-header { background-image: url(../images/parts/summary-yellow-header.gif); background-repeat: no-repeat; background-position: left bottom; margin: 0; padding: 0; height: 10px } .summary-content { background-image: url("../images/parts/summary-yellow-bg.gif"); background-repeat: repeat-y; background-position: left top; padding: 10px 25px; position: relative; height: 100% ;z-index:1;} .summary-content h3 { padding-right: 80px } .summary-content h3 a { color: #06c } .summary_meta { font-size: 80% } .summary-footer { background-image: url(../images/parts/summary-yellow-footer.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; height: 10px } .summary-content .thm-m { padding-left: 0;padding-bottom:20px } /**/ /**/ .form-area { width: 100%; border-collapse: collapse } .form-area th , .form-area td { } .form-area tr:hover { background-color: #ffffc7 } .form-area th { } .form-area td { } .form-area-btn { text-align: center; margin-top: 10px } .form-back { text-align: center; margin-top: 10px } .form-area input , .form-area textarea { } .form-area input:focus , .form-area textarea:focus { } #inquiry .keiji { padding-right: 50px; padding-bottom: 25px; padding-left: 50px } /**/ /**/ #eigyou .keiji { padding-right: 65px; padding-left: 65px } #eigyou .keiji .eigyou-keiji-left { width: 440px; float: left; border-right: 2px solid #8cc785 } #eigyou .keiji .eigyou-keiji-right { margin-top: 15px; width: 162px; float: right } #eigyou #calendar { margin: 0 } .service { padding-right: 10px; padding-bottom: 5px; padding-left: 10px; border-bottom: 1px solid #ccc } .service-icon { margin-top: 5px; width: 55px; float: left } .service-text { margin-top: 5px; width: 680px; float: right } #tab_parent { margin-top: 15px; margin-bottom: 25px } #tab_parent ul { font-size: 11px; list-style-type: none; margin: 0 0 0 12px; padding: 0; height: 1% } #tab_parent li { line-height: 100%; margin: 0 5px; padding: 0; } #tab_parent .tab a { color: #666; text-decoration: none; } #tab_parent .tab a:hover { } #tab_parent .tab a.sel { color: #eaeaea; background-color: transparent; background-repeat: repeat-x } #tab_parent #tab1, #tab_parent #tab2 { margin-top: 0; /*width: 400px; height: 300px;*/ clear: both } #tab_parent #tab1 { } #tab_parent #tab2 { display: none } /**/ /**/ #satoyama .archive-title, #satoyama-event .archive-title, #satoyama-diary .archive-title { background-image: url(../images/parts/title-satoyama-bg.gif) } .nature-sansaku { padding-top: 20px; padding-bottom: 0; width: 190px; height: 300px; float: left; border-right: 1px solid #79c979 } .nature-sansaku p { padding-right: 20px; padding-left: 20px } .nature-sansaku.border-none { border-right: none } .nature-sansaku-s { padding-top: 20px; padding-bottom: 0; width: 160px; float: left } .nature-sansaku-s p { } .nature-txt { font-size: 12px; line-height: 120%; padding-right: 10px; padding-left: 10px } .nature-sansaku-s.border-none { border-right: none } .border-nature { margin: 0; padding: 0; height: 1px; overflow: hidden; border-style: solid none none; border-width: 1px medium medium; border-color: #79c979 } #satoyama .asset-header, #satoyama-event .asset-header, #satoyama-diary .asset-header { color: #000; font-size: 16px; background-image: url(../images/satoyama/satoyama-ttl.gif); background-repeat: repeat-y; background-position: center top; margin-bottom: 30px; padding: 11px 15px 11px 25px; border: solid 1px #95a12e } #satoyama .asset-name, #satoyama .asset-name a, #satoyama-event .asset-name, #satoyama-event .asset-name a, #satoyama-diary .asset-name, #satoyama-diary .asset-name a { color: #000; font-size: 16px; margin: 0; padding: 0 } #satoyama .asset_meta, #satoyama-event .asset_meta, #satoyama-diary .asset_meta { color: #336600; font-size: 90%; background-image: url(../images/parts/line-b-dot.gif); background-repeat: repeat-x; background-position: left bottom; text-align: right; padding-right: 10px; padding-bottom: 10px } #satoyama .asset-content, #satoyama-event .asset-content, #satoyama-diary .asset-content { padding-right: 10px; padding-left: 10px } #satoyama .widget-recent-entries .widget-header, #satoyama-event .widget-recent-entries .widget-header, #satoyama-diary .widget-recent-entries .widget-header, #satoyama .widget-archive-monthly .widget-header, #satoyama-event .widget-archive-monthly .widget-header, #satoyama-diary .widget-archive-monthly .widget-header, #satoyama-event .widget-archive-category .widget-header, #satoyama-diary .widget-archive-category .widget-header, #satoyama .widget-archive-category .widget-header, #nature .widget-archive-monthly-dropdown .widget-header, #tanbo .widget-archive-monthly-dropdown .widget-header, #satoyama .widget-archive-monthly-dropdown .widget-header, #satoyama-event .widget-archive-monthly-dropdown .widget-header, #satoyama-diary .widget-archive-monthly-dropdown .widget-header, #tanbo .widget-recent-entries .widget-header, #nature .widget-recent-entries .widget-header { color: #fff; background-color: #4b610e; padding: 3px; border-top: 2px solid #99b033 } #satoyama .widget-content li #satoyama-event .widget-content li, #satoyama-diary .widget-content li { background-image: url(../images/satoyama/icon-satoyama.gif); background-position: 5px 8px } /**/ /**/ #local .archive-title { background-image: url(../images/parts/title-local-bg.gif) } .top_local a { background-image: url(../images/parts/ttl-local.gif);} .yukyu-bg-chara { background-image: url(../images/local/yukyu02.gif); background-repeat: no-repeat; background-position: right top; height: 91px } #local .widget-archive-category .widget-header, #local .widget-recent-entries .widget-header, #local .widget-archive-monthly .widget-header { color: #fff; background-image: url(../images/navi/navi-local-bg.gif); padding-top: 6px; padding-bottom: 6px } #local .widget-content li { background-image: url(../images/local/icon-yukyu.gif); background-position: 5px 8px } #local .asset-header, #event .asset-header, #info .asset-header, #fanclub .asset-header { background-color: #ffffb5; background-image: url(../images/parts/title-round-y-bg.gif); background-repeat: no-repeat; background-position: left top; margin-bottom: 10px ;height:1%; } #info .asset-header-footer , #event .asset-header-footer { background-image: url("../images/parts/border-rough.gif"); background-repeat: repeat-x; background-position: center bottom } #local .asset-name, #event .asset-name, #info .asset-name, #fanclub .asset-name { color: #000; font-size: 16px; background-image: url(../images/parts/border-rough.gif); background-repeat: repeat-x; background-position: center bottom; margin: 0; padding: 11px 10px 11px 45px ; height:1%; } #event .asset-name { padding-right: 180px !important } #local .asset-name a, #event .asset-name a, #info .asset-name a, #fanclub .asset-name a { color: #000 } #local .asset-content, #event .asset-content, #info .asset-content, #fanclub .asset-content { padding: 10px } #local .asset_meta, #event .asset_meta, #info .asset_meta, #fanclub .asset_meta { font-size: 90%; text-align: right; padding-top: 10px; padding-right: 10px; border-top: 1px solid #ccc } #local .asset_meta, #fanclub .asset_meta { padding-bottom: 20px; } .mate-box { } .mate-box-txt { width: 450px; float: left } .mate-box-ph { width: 270px; float: right } .mate-box h4 { color: #090; font-size: 120%; font-weight: bold; margin-bottom: 10px } .mate-box ul { list-style-type: none; margin: 0; padding: 0; border-top: 1px solid #ccc } .mate-box li { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #ccc } .ff-box { height: 1% } .ff-box-content { background-image: url(../images/local/firefly_bg.gif); background-repeat: repeat-y; height: 1% } .ff-box-content-inner { padding-top: 10px; padding-bottom: 5px } .ff-box-footer { background-image: url(../images/local/firefly_bg-f.gif); background-repeat: no-repeat; height: 10px } .ff-table { } .ff-table th { text-align: right; width: 190px } .ff-table td { padding-left: 15px; width: 190px; } .yukyu-box { background-image: url(../images/local/line_dot.gif); background-repeat: no-repeat; background-position: center bottom; height: 1% } .yukyu-box-inner { padding: 20px 10px 25px 20px } .yukyu-box-l { width: 350px; float: left } .yukyu-box-r { width: 436px; float: right } .yukyu-box h3 { color: #090; font-size: 120%; font-weight: bold; margin-bottom: 5px } /**/ /**/ .asset-aguide { margin-bottom: 25px; margin-left: 30px; width: 800px } .asset-aguide .asset-header { background-color: #de8200; background-image: url(../images/animal/aguide-header.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding-top: 11px; padding-bottom: 9px; padding-left: 50px; height: 1% } .asset-aguide .asset-name { font-size: 16px; margin: 0; padding: 0 } .asset-aguide .asset-content { color: #930; background-image: url(../images/animal/aguide-bg.gif); background-repeat: repeat-y; background-position: left top; margin: 0; padding: 15px 35px 10px; height: 1% } .asset-aguide .asset-content img { vertical-align: middle } .asset-aguide .thumb_aguide { width: 290px; float: left } .asset-aguide .thumb_aguide img { border: solid 2px #c2841f } .asset-aguide .week { color: #999; line-height: 100%; background-image: url(../images/animal/aguide-icon-gray.gif); background-repeat: no-repeat; background-position: center; padding: 7px; height: 100% } .asset-aguide .week-check { color: #fff; background-image: url(../images/animal/aguide-icon-red.gif) } .asset-aguide .asset-body { color: #333; margin: 0; padding: 0; clear: none } .asset-aguide .asset-footer { background-image: url(../images/animal/aguide-footer.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; height: 10px; border-style: none } /**/ /**/ .children-out { background-image: url(../images/parts/line-b-dot.gif); background-repeat: repeat-x; background-position: left top; padding: 23px 0 } .children-left { padding-left: 10px; width: 240px; float: left } .children-right { padding-right: 10px; width: 356px; float: right } /**/ /**/ .top_event a { background-image: url(../images/event/ttl-event-animal.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9000px; display: block; height: 40px } #event .widget-archive-category .widget-header, #event .widget-archive-monthly-dropdown .widget-header, #event .widget-recent-entries .widget-header, #info .widget-archive-category .widget-header, #info .widget-archive-monthly-dropdown .widget-header, #info .widget-recent-entries .widget-header { color: #fff; background-image: url(../images/navi/navi-kawara-bg.gif); background-repeat: no-repeat; padding-top: 6px; padding-bottom: 6px } .event_meta { padding-bottom: 5px } .event_place , .event_date { margin-bottom: 5px; margin-left: 0 } .event_place img , .event_date img { vertical-align: middle } .event_date { color: #c00; font-weight: bold } .event_place { color: #090; font-weight: bold } #event .widget-content li { background-image: url(../images/parts/icon-round-y-s.gif); background-position: 5px 8px } #event .summary-content h3 a { background-image: url(../images/parts/icon-round-y-l-y.gif); background-repeat: no-repeat; background-position: 0 0; padding-top: 1px; padding-bottom: 1px; padding-left: 25px } .event_end { color: #fff; font-size: 10px; background-color: #c00; text-align: center; padding: 1px 2px; position: absolute; top: 6px; left: 545px; width: 65px } .asset-event_end { color: #fff; font-size: 10px; background-color: #c00; text-align: center; position: absolute; top: 11px; left: 470px; width: 160px } /**/ /**/ #blog .archive-title { background-image: url(../images/parts/title-blog-bg.gif) } #blog .widget-archive-category .widget-header, #blog .widget-archive-monthly .widget-header, #blog .widget-recent-entries .widget-header { color: #fff; background-image: url(../images/navi/navi-blog-bg.gif); background-repeat: no-repeat; padding-top: 6px; padding-bottom: 6px } #blog .widget-content li { background-image: url(../images/parts/icon-round-y-s.gif); background-position: 5px 8px } #blog .summary-header { background-image: url(../images/parts/summary-green-header.gif); height: 10px } #blog .summary-content { background-image: url(../images/parts/summary-green-bg.gif) } #blog .summary-footer { background-image: url(../images/parts/summary-green-footer.gif) } #blog .summary-content h3 a { background-image: url(../images/parts/icon-round-y-l.gif); background-repeat: no-repeat; background-position: 0 0; padding-top: 1px; padding-bottom: 1px; padding-left: 25px } #blog .entry-asset { } #blog .asset-header { background-image: url(../images/parts/summary-green-header.gif); background-repeat: no-repeat; background-position: left top; margin-bottom: 0; padding-top: 10px } #blog .asset-name { font-size: 16px; background-color: #e3f4db; background-image: url(../images/parts/icon-round-y-b.gif); background-repeat: no-repeat; background-position: 15px 0; margin: 0; padding-top: 2px; padding-bottom: 2px; padding-left: 45px; border-top: #79c979; border-right: 1px solid #79c979; border-bottom: #79c979; border-left: 1px solid #79c979 } #blog .asset-header-footer { background-image: url(../images/parts/summary-green-footer.gif); background-repeat: no-repeat; background-position: left top; padding-top: 10px; height: 1% } #blog .asset_meta { font-size: 80%; line-height: 100%; background-image: url(../images/parts/line-b-dot.gif); background-repeat: repeat-x; background-position: left bottom; text-align: right; margin-right: 10px; margin-left: 10px; padding-top: 15px; padding-bottom: 15px } #blog .meta_cate { color: #fff; background-color: #cc3300; padding: 3px 7px } #blog .meta_cate a { color: #fff; text-decoration: none } #blog .byline { color: #fff; background-color: #6699ff; padding: 3px 7px } #blog .asset-content { margin-right: 10px; margin-bottom: 20px; margin-left: 10px; padding-top: 20px } .top_blog-sato a { background-image: url(../images/satonosuke/sato_ttl-blog.gif);} /**/ /**/ /**/ /**/ #fanclub .archive-title { color: #fff; background-image: url(../images/parts/title-fanclub-bg.gif) } #fanclub .widget-archive-category .widget-header, #fanclub .widget-recent-entries .widget-header, #fanclub .widget-archive-monthly-dropdown .widget-header { color: #fff; background-color: #6B3300; padding: 3px; border-top: 2px solid #AA8365 } /**/ /**/ .asset-gokkun { margin-bottom: 25px; margin-left: 30px; width: 800px } .asset-gokkun .asset-header { background-color: #de8200; background-image: url(../images/animal/aguide-header.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding-top: 11px; padding-bottom: 9px; padding-left: 50px; height: 1% } .asset-gokkun .asset-name { font-size: 16px; margin: 0; padding: 0 } .asset-gokkun .asset-content { background-image: url(../images/animal/aguide-bg.gif); background-repeat: repeat-y; background-position: left top; margin: 0; padding: 35px 50px 40px; height: 1% } .asset-gokkun .asset-footer { background-image: url(../images/animal/aguide-footer.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; height: 10px; border-style: none } .gokkun-time { line-height: 140%; width: 700px } .gokkun-time a { color: #06c; text-decoration: underline } .gokkun-time a:hover { color: #f60; text-decoration: none } .gokkun-time th, .gokkun-time td { padding-top: 15px; padding-bottom: 15px; border-right: 1px dotted #963; border-bottom: 1px solid #c96 } .gokkun-time th { padding-right: 10px; padding-left: 10px } .gokkun-time td { padding-right: 20px; padding-left: 20px; width: 285px } .gokkun-time th.gt-ttl { color: #fff; background-color: #c96; text-align: center; padding-top: 5px; padding-bottom: 5px } .gokkun-time td.gt-r { border-right: none } /**/ /**/ .shopmenu { margin-bottom: 50px } .shopmenu-ph { width: 425px; float: left } .shopmenu-txt { width: 313px; float: right } .shopmenu-list { font-size: 12px; line-height: 140%; border-top: 1px solid #ccc; border-left: 1px solid #ccc } .shopmenu-list th, .shopmenu-list td { padding: 6px; border-bottom: 1px solid #ccc } .shopmenu-list th { color: #930; font-weight: normal; background-image: url(../images/parts/icon-dot-y.gif); background-repeat: no-repeat; background-position: 7px center; padding-left: 19px; width: 200px } .shopmenu-list td { text-align: right; width: 50px; border-right: 1px solid #ccc } .parkarea { padding-right: 50px; padding-left: 50px } .parkbox { width: 315px; float: left } .parkbox-inner { padding-right: 27px; padding-bottom: 7px; padding-left: 27px } /**/ /**/ .dl-dl-list { border-top: 1px solid #99adbf } .dl-dl-list dt { font-weight: bold; background-image: url(../images/parts/icon-pdf.gif); background-repeat: no-repeat; background-position: 5px center; margin-top: 12px; margin-bottom: 5px; padding-left: 30px } .dl-dl-list dt a { color: #06c; text-decoration: underline } .dl-dl-list dt a:hover { color: #06c; text-decoration: none } .dl-dl-list dd { padding-bottom: 13px; padding-left: 30px; border-bottom: 1px solid #99adbf } /**/ /**/ body.satopage { background-image: url(../images/parts/header-bg-sato.gif) } .satopage #content { background-color: #ddf0b3; background-image: url(../images/parts/bg-sato.gif); background-repeat: repeat; background-position: center top; text-align: center; margin-top: 0; margin-right: auto; margin-left: auto; padding-bottom: 0; width: 100% } .satopage #content-inner { background-color: transparent; background-image: none; text-align: center; margin-right: auto; margin-left: auto; padding-top: 11px; padding-bottom: 45px; height: 1% !important } #no-bg-paper { text-align: left; margin-right: auto; margin-left: auto; width: 930px } #bg-paper { background-image: url(../images/satonosuke/bg_paper-body.gif); background-repeat: repeat-y; background-position: center 1000px; text-align: center; margin-right: auto; margin-left: auto } #bg-paper-inner { background-image: url(../images/satonosuke/bg_paper-top.gif); background-repeat: no-repeat; background-position: center top } #bg-paper-content { text-align: left; margin-right: auto; margin-left: auto; width: 930px } #bg-paper-bottom { background-image: url(../images/satonosuke/bg_paper-bottom.gif); background-repeat: no-repeat; background-position: center bottom; height: 182px } .satopage #alpha { width: 930px } .satopage #alpha-inner { text-align: left; margin: 20px 0 0 } #bg-paper #alpha-inner { margin: 107px 70px 0 } #sh-navi { margin-right: auto; margin-left: auto } #sh-navi-inner { background-image: url(../images/satonosuke/sh-bg_pond.png); background-repeat: no-repeat; background-position: 520px bottom; text-align: left; margin-right: auto; margin-left: auto; width: 930px; height: 253px } #sh-title { text-indent: -9000px; height: 50px } #satostory #sh-satottl { background-image: url(../images/satonosuke/sh-ttl_satostory.png); background-repeat: no-repeat; background-position: left top; height: 253px } #satogame #sh-satottl { background-image: url(../images/satonosuke/sh-ttl_satogame.png); background-repeat: no-repeat; background-position: left top; height: 253px } #satomap #sh-satottl { background-image: url(../images/satonosuke/sh-ttl_satomap.png); background-repeat: no-repeat; background-position: left top; height: 253px } #satoschool #sh-satottl { background-image: url(../images/satonosuke/sh-ttl_satoschool.png); background-repeat: no-repeat; background-position: left top; height: 253px } #sh-navi ul { list-style-type: none; margin: 0 0 0 161px; padding: 0 0 0; height: 180px } #sh-navi li { list-style-type: none; margin: 0; padding: 0; height: 180px; float: left } #sh-navi li a { background-repeat: no-repeat; background-position: 0 0; display: block; height: 180px } #sh-navi li a:hover { background-repeat: no-repeat; background-position: 0 -180px } * html #sh-navi li a:hover { background-repeat: no-repeat; background-position: 0 -179px } #sh-navi span { display: none } #sh-navi li a.satostory { background-image: url(../images/satonosuke/sh-navi_satostory.png); width: 126px } #sh-navi li a.satogame { background-image: url(../images/satonosuke/sh-navi_satogame.png); width: 126px } #sh-navi li a.satomap { background-image: url(../images/satonosuke/sh-navi_satomap.png); width: 139px } #sh-navi li a.satoschool { background-image: url(../images/satonosuke/sh-navi_satoschool.png); width: 126px } #sh-navi li a.satoevent { background-image: url(../images/satonosuke/sh-navi_satoevent.png); width: 126px } #sh-navi li a.satoblog { background-image: url(../images/satonosuke/sh-navi_satoblog.png); width: 126px } #satostory #sh-navi li a.satostory, #satogame #sh-navi li a.satogame, #satomap #sh-navi li a.satomap, #satoschool #sh-navi li a.satoschool, #satoevent #sh-navi li a.satoevent, #satoblog #sh-navi li a.satoblog {background-position: 0 -360px} .satopage #footer { background-color: #6bb244; background-image: url(../images/parts/footer-bg-sato.gif); background-repeat: repeat-x; background-position: center top; height: 1%; clear: both } .satopage #footer-inner { text-align: center; margin: 0 auto; width: 930px; height: 100% } .satopage #footer-commapyname { background-image: url(../images/parts/footer-logo-sato.gif); background-repeat: no-repeat; background-position: center top; text-indent: -9000px; display: block; margin-top: 25px; height: 32px } .satopage #footer-commapycontact { color: #fff } .satopage address { color: #fff } .satopage #copy { color: #fff; padding-bottom: 40px } .satopage #copy a { color: #fff } #sf-navi ul { list-style-type: none; margin: 50px 0 0; padding: 0; height: 56px } #sf-navi li { list-style-type: none; margin: 0; padding: 0; height: 56px; float: left } #sf-navi li a { background-repeat: no-repeat; background-position: 0 0; display: block; height: 56px } #sf-navi span { display: none } #sf-navi li a.satostory { background-image: url(../images/satonosuke/sf-navi_satostory.gif); width: 145px } #sf-navi li a.satogame { background-image: url(../images/satonosuke/sf-navi_satogame.gif); width: 157px } #sf-navi li a.satomap { background-image: url(../images/satonosuke/sf-navi_satomap.gif); width: 157px } #sf-navi li a.satoschool { background-image: url(../images/satonosuke/sf-navi_satoschool.gif); width: 157px } #sf-navi li a.satoevent { background-image: url(../images/satonosuke/sf-navi_satoevent.gif); width: 157px } #sf-navi li a.satoblog { background-image: url(../images/satonosuke/sf-navi_satoblog.gif); width: 157px } #sf-navi li a.satostory:hover { background-image: url(../images/satonosuke/sf-navi_satostory_over.gif); width: 145px } #sf-navi li a.satogame:hover { background-image: url(../images/satonosuke/sf-navi_satogame_over.gif); width: 157px } #sf-navi li a.satomap:hover { background-image: url(../images/satonosuke/sf-navi_satomap_over.gif); width: 157px } #sf-navi li a.satoschool:hover { background-image: url(../images/satonosuke/sf-navi_satoschool_over.gif); width: 157px } #sf-navi li a.satoevent:hover { background-image: url(../images/satonosuke/sf-navi_satoevent_over.gif); width: 157px } #sf-navi li a.satoblog:hover { background-image: url(../images/satonosuke/sf-navi_satoblog_over.gif); width: 157px } #satostory #sf-navi li a.satostory { background-image: url(../images/satonosuke/sf-navi_satostory_a.gif); width: 145px } #satogame #sf-navi li a.satogame { background-image: url(../images/satonosuke/sf-navi_satogame_a.gif); width: 157px } #satomap #sf-navi li a.satomap { background-image: url(../images/satonosuke/sf-navi_satomap_a.gif); width: 157px } #satoschool #sf-navi li a.satoschool { background-image: url(../images/satonosuke/sf-navi_satoschool_a.gif); width: 157px } #satoevent #sf-navi li a.satoevent { background-image: url(../images/satonosuke/sf-navi_satoevent_a.gif); width: 157px } #satoblog #sf-navi li a.satoblog { background-image: url(../images/satonosuke/sf-navi_satoblog_a.gif); width: 157px } .satogame-l { width: 451px; float: left } .satogame-r { width: 451px; float: right } .satogame-inner span, .satogame-inner p { display: none } #story-himg-area #story-himg { background-image: url(../images/satonosuke/story_himg-bg.gif); background-repeat: no-repeat; width: 790px; height: 392px } #story-himg-area #story-himg-img { width: 390px; height: 392px; float: left } #story-himg-area #satosong-area { margin-top: 80px; margin-left: 27px; width: 320px; height: 223px; float: left } #story-himg-area #tab_parent ul { list-style-type: none; margin: 15px 0 0; padding: 0 } #story-himg-area #tab_parent li { display: block; margin: 0 0 7px; padding: 0; height: 52px; float: left } #story-himg-area #tab_parent .tab a { display: block; height: 52px; float: left } #story-himg-area #tab_parent .tab a:hover { background-position: 0 -52px } #story-himg-area #tab_parent .tab span { display: none } #story-himg-area #tab_parent a.tab1-btn { background-image: url(../images/satonosuke/story_btn01.gif); width: 197px } #story-himg-area #tab_parent a.tab2-btn { background-image: url(../images/satonosuke/story_btn02.gif); width: 197px } #story-himg-area #tab_parent a.tab3-btn { background-image: url(../images/satonosuke/story_btn03.gif); width: 197px } #story-himg-area #tab_parent a.tab4-btn { background-image: url(../images/satonosuke/story_btn04.gif); width: 197px } #story-himg-area #tab_parent a.tab5-btn { background-image: url(../images/satonosuke/story_btn05.gif); width: 197px } #story-himg-area #tab_parent a.tab6-btn { background-image: url(../images/satonosuke/story_btn06.gif); width: 197px } #story-himg-area #tab_parent a.tab7-btn { background-image: url(../images/satonosuke/story_btn07.gif); width: 197px } #story-himg-area #tab_parent a.tab8-btn { background-image: url(../images/satonosuke/story_btn08.gif); width: 197px } #story-himg-area #tab_parent .tab a.sel { background-position: 0 -104px } #story-himg-area #tab_parent #tab1 { } #story-himg-area #tab_parent #tab2 { display: none } #story-himg-area #tab_parent #tab3 { display: none } #story-himg-area #tab_parent #tab4 { display: none } #story-himg-area #tab_parent #tab5 { display: none } #story-himg-area #tab_parent #tab6 { display: none } #story-himg-area #tab_parent #tab7 { display: none } #story-himg-area #tab_parent #tab8 { display: none } .story-box-area { padding-right: 17px; padding-left: 17px; height: 1% } .story-box { width: 378px; float: left } .story-box-inner { padding: 23px } .story-box-inner p { padding-right: 20px; padding-left: 20px } /**/