@CHARSET "UTF-8"; /** * トップページ用 * * $Id$ */ /* 見出し・本文 */ #main h3{ background:url(../images/common/circle-00.png) left 1px no-repeat; margin:15px 0 4px; padding-left:16px; font-size:100%; } #main .hidden{ display:none;} /* イメージエリア */ #main-image { margin-bottom: 20px; width:580px; height:175px; overflow:hidden;} #main-image .main-c{ position:relative;} #main-image .main-c div{ position:absolute; } #main-image .main-c div a{ display:block; width:100px; height:15px;} #main-image .main-c .main-btn1{ background:url(/assets/templates/niu/images/top/main-btn1.png); background-repeat:no-repeat; left:24px; top:138px;} #main-image .main-c .main-btn2{ background:url(/assets/templates/niu/images/top/main-btn2.png); background-repeat:no-repeat; left:235px; top:146px;} #main-image .main-c .main-btn1:hover{ background:url(/assets/templates/niu/images/top/main-btn1_r.png); background-repeat:no-repeat;} #main-image .main-c .main-btn2:hover{ background:url(/assets/templates/niu/images/top/main-btn2_r.png); background-repeat:no-repeat;} #main-image .main-c .main-btn5a{ background:url(/assets/templates/niu/images/top/main-btn5a.png); background-repeat:no-repeat; left:467px; top:141px; width:103px;} #main-image .main-c .main-btn5b{ background:url(/assets/templates/niu/images/top/main-btn5b.png); background-repeat:no-repeat; left:467px; top:122px; width:103px;} #main-image .main-c .main-btn5a:hover{ background:url(/assets/templates/niu/images/top/main-btn5a_r.png); background-repeat:no-repeat;} #main-image .main-c .main-btn5b:hover{ background:url(/assets/templates/niu/images/top/main-btn5b_r.png); background-repeat:no-repeat;} /*#main-image .main-cycle .main-btn3{ background:url(/assets/templates/niu/images/top/main-btn1.png); position:absolute; right:200px;}*/ /*add0213*/ #main-image .main-c .main-btn6{ background:url(/assets/templates/niu/images/top/main-btn6.png); background-repeat:no-repeat; left:10px; top:147px;} #main-image .main-c .main-btn6:hover{ background:url(/assets/templates/niu/images/top/main-btn6_r.png); background-repeat:no-repeat;} /*add0916*/ #main-image .main-c .main-btn7{ background:url(/assets/templates/niu/images/top/syutugan_bt.png); background-repeat:no-repeat; left:459px; top:145px;width:110px;} #main-image .main-c .main-btn7:hover{ background:url(/assets/templates/niu/images/top/syutugan_bt_r.png); background-repeat:no-repeat;} /*add150130 soudan*/ #main-image .main-c .main-btn8{ background:url(/assets/templates/niu/images/top/btn_2016soudan.png); background-repeat:no-repeat; left:10px; top:147px;width:97px;} #main-image .main-c .main-btn8:hover{ background-image:url(/assets/templates/niu/images/top/btn_2016soudan_r.png);} /*2017OC spring*/ #main-image .main-c .main-btn9{ background:url(/assets/templates/niu/images/top/main-btn14.png); background-repeat:no-repeat; left:494px; top:154px;width:80px;} #main-image .main-c .main-btn9:hover{ background-image:url(/assets/templates/niu/images/top/main-btn14_r.png);} #main-image .main-c .main-btn10{ background:url(/assets/templates/niu/images/top/main-btn15.png); background-repeat:no-repeat; left:378px; top:154px;width:107px;} #main-image .main-c .main-btn10:hover{ background-image:url(/assets/templates/niu/images/top/main-btn15_r.png);} /*2015OC summer*/ #main-image .main-c .main-btn11 a{ display:block; width:107px; height:15px;} #main-image .main-c .main-btn11 a img{ width:107px; } #main-image .main-c .main-btn11{ background:url(/assets/templates/niu/images/top/main-btn11.png); background-repeat:no-repeat; left:376px; top:154px;width:107px;} #main-image .main-c .main-btn11:hover{ background-image:url(/assets/templates/niu/images/top/main-btn11_r.png);} #main-image .main-c .main-btn12 a{ display:block; width:80px; height:15px;} #main-image .main-c .main-btn12 a img{ width:80px; } #main-image .main-c .main-btn12{ background:url(/assets/templates/niu/images/top/main-btn12.png); background-repeat:no-repeat; left:491px; top:154px;width:80px;} #main-image .main-c .main-btn12:hover{ background-image:url(/assets/templates/niu/images/top/main-btn12_r.png);} #main-image .main-c .main-btn13 a{ display:block; width:80px; height:15px;} #main-image .main-c .main-btn13 a img{ width:80px; } #main-image .main-c .main-btn13{ background:url(/assets/templates/niu/images/top/main-btn13.png); background-repeat:no-repeat; left:494px; top:152px;width:80px;} #main-image .main-c .main-btn13:hover{ background-image:url(/assets/templates/niu/images/top/main-btn13_r.png);} /* 大切なお知らせ*/ #main #main-info { padding-bottom: 7px; margin-bottom: 10px; background: url(../images/top/main-info-footer.png) left bottom no-repeat; } #main-info-inner { background: url(../images/top/main-info-background.png) left top repeat-y; padding: 7px 7px 2px; } #main-info-inner a:link{ color:#666;} #main-info-inner a:visited{ color:#666;} #main-info-inner a:hover{ color:#6c0;} #main-info-inner a:active{ color:#a00;} #main-info ul { padding: 4px 10px; } #main-info li { margin-bottom: 10px; padding-bottom: 7px; background: url(../images/common/line-dash-aaa.png) bottom left repeat-x; } #main-info li.last { margin-bottom: 0; padding-bottom: 0; background-image: none; } /* 関連サイトフィード */ #related-site{} #related-site:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; } #related-site .c2{} #related-site .c2 h4{ line-height:1; margin-bottom:8px;} #related-site .c2 li{ width:270px; display:block; margin:0; float:left; padding:10px 0; } #related-site .c2 li.last{ margin-left:15px;} #related-site .c2 li a{} #related-site .c2 li h4 a{ display:block; width:270px; height:50px;} #related-site .c2 li a.niupr{ background:url(../images/top/h4_niupr.png) left top no-repeat;} #related-site .c2 li a.niupr:hover{ background:url(../images/top/h4_niupr_r.png) left top no-repeat;} #related-site .c2 li a.tea-room{ background:url(../images/top/h4_tea.png) left top no-repeat;} #related-site .c2 li a.tea-room:hover{ background:url(../images/top/h4_tea_r.png) left top no-repeat;} #related-site .ItemDate{ font-size:85%; padding:0 3px;} #related-site .ItemTitle{ font-size:96%; margin-bottom: 8px; padding:0 3px 8px; background: url(../images/common/line-dash-aaa.png) left bottom repeat-x; } #related-site .entry2{ background: url(../images/common/line-stripe-eee.png) left bottom repeat-x; } #related-site .ItemTitle a{ background:url(../images/common/outer-link-00.png) left 2px no-repeat; padding-left:14px; display:block;} #related-site .ItemContent{} /*タブ*/ #tabsContenst{ position: relative; } #main-news-topics.content{ background-image: none; } #main-news-topics #tab{ width: 555px; margin: 0 auto; padding-bottom: 3px; margin-bottom: 53px; background:url(/assets/templates/niu/images/common/line-stripe-eee.png) repeat-x bottom; } #main-news-topics #tab li{ display: table-cell; padding-left: 1px; width: 61px; height: 19px; margin-bottom:0; padding-bottom: 0; text-align: center; background: none; } #main-news-topics #tab li:first-child{ padding-left: 0; } #main-news-topics #tab li a{ display: block; color: #fff; border-radius:3px 3px 0 0; background-color: #5588dd; font-size: 12px; cursor:pointer; position: relative; behavior: url(/assets/templates/niu/css/PIE.htc); } #main-news-topics #tab li a:hover{ text-decoration: none; background-color: #000055; } #main-news-topics #tab li a.active{ background-color: #000055; } #main-news-topics h2#mainTopics, #main-news-topics h2#mainTopics2, #main-news-topics h2#mainTopics3, #main-news-topics h2#mainTopics4, #main-news-topics h2#mainTopics5, #main-news-topics h2#mainTopics6, #main-news-topics h2#mainTopics7, #main-news-topics h2#mainTopics8, #main-news-topics h2#mainTopics9 { position: absolute; top:37px; width: 555px; } .upperRanking{} .upperRanking a:link{ color:#666;} .upperRanking a:visited{ color:#666;} .upperRanking a:hover{color:#6c0;} .upperRanking a:active{} .newTopics{ background:url(/assets/templates/niu/images/common/line-stripe-eee.png) repeat-x bottom; } .upperRanking, .newTopics{ padding-bottom: 2px; } #main-news-topics h2#mainTopics.type1{ background:url(/assets/templates/niu/images/top/topic-line-top-01.png) repeat-x bottom; } #main-news-topics h2#mainTopics.type2{ background:url(/assets/templates/niu/images/top/topic-line-top-02.png) repeat-x bottom; } #main-news-topics h2#mainTopics.type3{ background:url(/assets/templates/niu/images/top/topic-line-top-03.png) repeat-x bottom; } #main-news-topics h2#mainTopics.type4{ background:url(/assets/templates/niu/images/top/topic-line-top-06.png) repeat-x bottom; } #main-news-topics h2#mainTopics.type5{ background:url(/assets/templates/niu/images/top/topic-line-top-12.png) repeat-x bottom; } #main-news-topics h2#mainTopics.type6{ background:url(/assets/templates/niu/images/top/topic-line-top-08.png) repeat-x bottom; } #main-news-topics h2#mainTopics.type7{ background:url(/assets/templates/niu/images/top/topic-line-top-07.png) repeat-x bottom; } #main-news-topics h2#mainTopics.type8{ background:url(/assets/templates/niu/images/top/topic-line-top-05.png) repeat-x bottom; } #main-news-topics h2#mainTopics.type9{ background:url(/assets/templates/niu/images/top/topic-line-top-04.png) repeat-x bottom; } #tabRanking div{ display: none; } #tabRanking .active{ display: block; } #topTopics{ /*padding-bottom: 3px; background:url(/assets/templates/niu/images/common/line-dash-aaa.png) repeat-x bottom; */ } #tabRanking{ /* background:url(/assets/templates/niu/images/common/line-stripe-eee.png) repeat-x bottom; */ } #tabRanking .upperRanking li:before{ display: block; content:""; width: 520px; height: 1px; background:url(/assets/templates/niu/images/common/line-dash-aaa.png); position:relative; left:-22px; top:0; } #tabRanking .box { padding:6px 12px; } #tabRanking .news-date{ margin-top: 6px; } #tabRanking .upperRanking li{ padding-left: 22px; background: url(/assets/templates/niu/images/top/ranking1.png) no-repeat left center; /*,url(/assets/templates/niu/images/common/line-dash-aaa.png) repeat-x left bottom;*/ } #tabRanking .upperRanking li+li{ background: url(/assets/templates/niu/images/top/ranking2.png) no-repeat left center; /*,url("/assets/templates/niu/images/common/line-dash-aaa.png") repeat-x left bottom;*/ } #tabRanking .upperRanking li+li+li{ background: url(/assets/templates/niu/images/top/ranking3.png) no-repeat left center; /*,url("/assets/templates/niu/images/common/line-dash-aaa.png") repeat-x left bottom;*/ } #tabRanking .upperRanking li+li+li+li{ background: url(/assets/templates/niu/images/top/ranking4.png) no-repeat left center; /*,url("/assets/templates/niu/images/common/line-dash-aaa.png") repeat-x left bottom;*/ } #main-news-topics #tabRanking .upperRanking li+li+li+li+li{ background: url(/assets/templates/niu/images/top/ranking5.png) no-repeat left center; /*,url("/assets/templates/niu/images/common/line-stripe-eee.png") repeat-x left bottom;*/ } #tabRanking .newTopics .news-category{ float: left; display: inline-block; margin: 8px 0 0 3px; color: #fff; font-size: 10px; padding:2px 3px 0 3px; font-weight: bold; height: 12px; line-height: 10px; background-color: #99aacc; } #main-news-topics .newTopics li{ background:url(/assets/templates/niu/images/common/line-dash-aaa.png) repeat-x top; } .newTopics .news-category span{ display: inline-block; vertical-align: middle; } .newTopics .news-date{ float: left; } .newTopics .news-title{ clear: both; }