/*///////////////////////////////////////////////////// header */ /*html, body { background: #fafafa url(../images/top/h_bg.png) repeat-x top; }*/ html { /*background: #fafafa;*/ background: #e9f2f9; } body { background:url(../images/top/h_bg.png) repeat-x top; } #header { position: relative; height: 174px; } .mainbnr { height: 300px; width:1180px; margin:0 auto; } #contens.top { margin: 40px auto 0; } .top #main { float: left; width: 540px; /*width:76.0162%;*/ min-height: 100%; padding-bottom: 50px; } .top #side { float: right; width: 383px; _width: 375px; } /* 今月のイベント情報 */ #recoBox { background: url(../images/top/box_news_bottom.png) no-repeat bottom center; padding-bottom: 4px; margin-bottom:35px; } .recoIn { background: url(../images/top/box_news_in.png) repeat-y left top; padding: 10px 0 10px 14px; } #recoBox h1 { margin: 0px; padding: 0px 0px 0; } #recoBox h1 img { vertical-align: bottom; } #recoBox ul li {margin-bottom:0;} #recoBox ul li img {vertical-align:bottom;} #recoBox ul li.bnr01 {margin-bottom:3px;} #recoBox ul li.bnr02 {margin-bottom:10px;} #recoBox ul li.bnr02.clearfix { width: 510px; } /* news */ #newsBox { background: url(../images/top/box_news_bottom.png) no-repeat bottom center; padding-bottom: 4px; } .newsIn { background: url(../images/top/box_news_in.png) repeat-y left top; padding: 0 1px 6px; } .newsIn .attent { padding:10px 16px 0; } .newsIn .attent p { background:url(../images/ui/ac/ac_arrow.gif) no-repeat left center; display:block; margin-top:6px; padding-left:16px; line-height:auto; } .newsIn .attent p span.new { background-color:#f90; border:1px solid #f60; padding:2px 6px 2px 6px; _padding:0px 6px 0px 6px; color:#fff; font-size:84%; font-weight:normal; border-radius: 2px; /* CSS3草案 */ -webkit-border-radius: 2px; /* Safari,Google Chrome用 */ -moz-border-radius: 2; letter-spacing:normal; margin-right:6px; } .newsIn .attent p span.check { background-color:#f60; border:1px solid #f00; padding:2px 6px 2px 6px; _padding:0px 6px 0px 6px; color:#fff; font-size:84%; font-weight:normal; border-radius: 2px; /* CSS3草案 */ -webkit-border-radius: 2px; /* Safari,Google Chrome用 */ -moz-border-radius: 2; letter-spacing:normal; margin-right:6px; } .newsIn .attent p a { color:#006FBD; text-decoration:none; } .newsIn .attent p a:hover { color:#999; text-decoration:underline; } #newsBox h1 { margin: 0px; padding: 0px 0px 0; } #newsBox h1 img { vertical-align: bottom; } #newsBox .news-tab { margin: 0px; padding: 20px 0 0; height: 30px; /*background: url(../images/top/news_bg.png) no-repeat left bottom;*/ border-bottom: 4px solid #006FBD; } #newsBox .news-tab ul li { margin: 0px; margin-right: 6px; padding: 0px; float: left; height: 36px; list-style: none; overflow: hidden; } #newsBox .news-tab ul li a:link.ov { filter:alpha(opacity:100); opacity:1.0; } #newsBox .news-tab ul li a:hover.ov { filter:alpha(opacity:75); opacity:0.75; } /* add 20150723 */ #newsBox .tRight { padding: 1em 1em .6em; } #newsBox .tRight a { color:#006FBD; text-decoration: none; } #newsBox .tRight a:hover { text-decoration: underline; } /* キャッシュ用に背景として読み込ませておく */ /* IE7 */ *:first-child+html #newsBox .news-tab ul li.t01 { background: url(../images/top/n_tab01.png) no-repeat; width: 150px; margin-left: 9px; } *:first-child+html #newsBox .news-tab ul li.t02 { background: url(../images/top/n_tab02_on.png) no-repeat; width: 150px; } *:first-child+html #newsBox .news-tab ul li.t03 { background: url(../images/top/n_tab03_on.png) no-repeat; width: 150px; } #newsBox .news-tab ul li.t01 { background: url(../images/top/n_tab01.png) no-repeat\9; /* IE8 */ _background: url(../images/top/n_tab01.png) no-repeat;/* IE6 */ width: 150px; margin-left: 9px; } #newsBox .news-tab ul li.t02 { background: url(../images/top/n_tab02_on.png) no-repeat\9; /* IE8 */ _background: url(../images/top/n_tab02_on.png) no-repeat; /* IE6 */ width: 150px; } #newsBox .news-tab ul li.t03 { background: url(../images/top/n_tab03_on.png) no-repeat\9; /* IE8 */ _background: url(../images/top/n_tab03_on.png) no-repeat; /* IE6 */ width: 150px; } /* リセット */ #newsBox .news-tab ul li { background: url(none); } /* ニュースリスト */ #newsBox .news-list { } #newsBox .news-list ul { } #newsBox .news-list ul li { background-color: #fff; padding: 14px 10px 14px 18px; border-bottom: 1px dotted #ccc; } #newsBox .news-list ul li dl dt { /*float: left; width: 80px;*/ } #newsBox .news-list ul li dl dd { /*float: left; width: 422px;*/ background: url(../images/top/news_arrow.png) no-repeat left 0.6em; padding-left: 10px; } #newsBox .news-list ul li dl dd a { color: #006FBD; text-decoration: none; } #newsBox .news-list ul li dl dd a:hover { text-decoration: underline; } #newsBox .news-list ul li dl dd span.new { background-color:#f90; border:1px solid #f60; padding:2px 6px 2px 6px; _padding:0px 6px 0px 6px; color:#fff; font-size:84%; font-weight:normal; border-radius: 2px; /* CSS3草案 */ -webkit-border-radius: 2px; /* Safari,Google Chrome用 */ -moz-border-radius: 2; letter-spacing:normal; margin-right:6px; } #newsBox .news-list ul li dl dd span.check { background-color:#f60; border:1px solid #f00; padding:2px 6px 2px 6px; _padding:0px 6px 0px 6px; color:#fff; font-size:84%; font-weight:normal; border-radius: 2px; /* CSS3草案 */ -webkit-border-radius: 2px; /* Safari,Google Chrome用 */ -moz-border-radius: 2; letter-spacing:normal; margin-right:6px; } *:first-child+html #newsBox .news-list ul li dl dd span.new { padding:0px 6px 0px 6px;} #newsBox .news-list p.n_list { text-align: right; margin-top: 10px; margin-right: 20px; } #newsBox .news-list p.n_list img { vertical-align: bottom; } /* 最初は非表示 */ #newsBox #news-2, #newsBox #news-3 { display: none; } /* pickup */ #pickBox { background: url(../images/top/box_pickup_bottom.png) no-repeat bottom center; padding-bottom: 4px; } .pickIn { background: url(../images/top/box_pickup_in.png) repeat-y left top; padding: 0 15px 12px; } #pickBox h1 { margin: 0px; padding: 0px 0px 0; } #pickBox h1 img { vertical-align: bottom; } #pickBox ul {padding-top:14px;} #pickBox ul li { margin-bottom:8px;} #pickBox ul li img { vertical-align:bottom;} .side-btns { margin: 2em auto; } .side-btns li { text-align: center; padding: 0 2%; width: 46%; } .side-btns li.fLeft { float: left; } .side-btns li.fRight { float: right; } .side-btns li img { max-width: 100%; height: auto; } /* footerバナー */ .f_bnrBox { width:960px; margin:40px auto 0; background-color:#fff; border:1px solid #e5e5e5; } .f_bnrBox ul {padding:16px 6px 16px 28px;} .f_bnrBox ul li {float:left; margin-right:20px;} .f_bnrBox ul li img { vertical-align:bottom;} /* sideバナー */ .topSidebnr { margin-top:20px;} .topSidebnr ul {} .topSidebnr ul li {maegin-bottom:10px;} .topSidebnr ul li.fLeft { width: 185px; } .topSidebnr ul li.fRight { width: 185px; } .sp_slide { width:300px; margin:0 auto; text-align:center; } #slider02 { } #slider02 ul { padding-left:10px; } #slider02 ul, #slider02 li { list-style:none; font-size:100%; } #slider02 li { width:280px; height:95px; text-align:center; overflow:hidden; } div.slide02{position:relative;} div.slide02 #prevBtn02, div.slide02 #nextBtn02 { display:block; width:20px; height:70px; position:absolute; left:0; top:0; } div.slide02 #nextBtn02 { left:280px; } div.slide02 #prevBtn02 a { background:url(../images/sp/ui/btn_prev.png) no-repeat 0 0; display:block; background-size: 20px 70px; -moz-background-size: 20px 70px; -webkit-background-size: 20px 70px; -o-background-size: 20px 70px; width:20px; height:70px; } div.slide02 #nextBtn02 a { background:url(../images/sp/ui/btn_next.png) no-repeat 0 0; display:block; background-size: 20px 70px; -moz-background-size: 20px 70px; -webkit-background-size: 20px 70px; -o-background-size: 20px 70px; width:20px; height:70px; } .topAttr { border:solid 2px #c00; padding:12px; margin-bottom:20px; } .topAttr .tl { font-weight:bold; font-size:134%; color:#c00; margin-bottom:12px; line-height:1; } .topAttr .txt { font-size:109%; line-height:1.5; } /* footer banner block */ .fBnrBox { width:960px; margin:40px auto 0; padding: 16px 0; background-color:#fff; border:1px solid #e5e5e5; } .fBnrBox ul { } .fBnrBox ul li { } .fBnrBox .bx-wrapper { margin-bottom: 0; } .fBnrBox .bx-wrapper .bx-viewport { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; left: 0; } .fBnrBox .bx-wrapper .bx-pager { display: none; } .fBnrBox .bx-wrapper .bx-prev { background: url(../images/top/bnr_prev.png) 0 0 no-repeat; left: -40px; } .fBnrBox .bx-wrapper .bx-next { background: url(../images/top/bnr_next.png) 0 0 no-repeat; right: -40px; } /* バナー変則 */ .bnr_type02 { position: relative; } .bnr_type02 ul { position: absolute; bottom: 4%; left: 5%; width: 90%; } .bnr_type02 ul li { width: 50%; }