@charset "UTF-8" ; /* メインビジュアル ------------------------------------------*/ #kv{ width: 856px; height: 410px!important; margin: 0 0 15px 5px; } .jquery-slider { overflow: hidden; position: relative; } .jquery-slider-element { overflow: hidden; display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .jquery-slider-control { overflow: hidden; position: absolute; text-align: center; width: 62px; height: 62px; padding: 0; margin: 0; cursor: pointer; text-indent: -9999px; background: url(../img/top/bg_slider-control.png) no-repeat; } .jquery-slider-control-prev { left: 22px; top: 174px; background-position: left top; } .jquery-slider-control-prev:hover{ background-position: left bottom; } .jquery-slider-control-next { right: 22px; top: 174px; background-position: right top; } .jquery-slider-control-next:hover{ background-position: right bottom; } .jquery-slider-pages { width: 186px; height: 25px; overflow: visible; position: absolute; left: 340px; bottom: 10px; } .jquery-slider-page { width: 25px; height: 25px; display: block; float: right; overflow: hidden; position: relative; padding: 0; margin: 0 3px; background: url(../img/top/bg_slider-pages.png) no-repeat 0 0; cursor: pointer; } .jquery-slider-page:hover{ background: url(../img/top/bg_slider-pages.png) no-repeat -25px 0; } .jquery-slider-page-current{ background: url(../img/top/bg_slider-pages.png) no-repeat -50px 0; } /* トップページ ------------------------------------------*/ .top_box{ margin: 0 0 37px 0; } .top_box dt{ height: 26px; position:relative; padding-bottom: 10px; border-bottom: 1px solid #909090; } .top_box dt span{ display: none; } .top_box .news dt{ background: url(../img/top/bg_title_news.png) no-repeat 0 0;} .top_box .blog dt{ background: url(../img/top/bg_title_blog.png) no-repeat 0 0;} .top_box dt a{ display: block; width: 71px; height: 24px; background: url(../img/top/bg_more.png) no-repeat center center; position: absolute; bottom: 9px; right: 0; } .top_box .news dt a{ background-color: #a1c938;} .top_box .blog dt a{ background-color: #f75d19;} .top_box .news{ width: 390px; float: left; } .top_box .blog{ width: 386px; float: right; } .top_box dd{ background: url(../img/bg_line.png) repeat-x left bottom; } .top_box dd a{ padding: 5px 10px; display: block; text-decoration: none; } .top_box dd a span{ padding-left: 10px; background: url(../img/icon_arrow.gif) no-repeat left 50%; text-decoration: underline; } .top_box dd a:hover{ color: #000; background: url(../img/bg_trans_b.png) repeat left top; } /*BLAND LIST*/ .bland_bnr{ padding: 25px 0 15px 0; } .top3{ padding: 0 0 10px 0; background: url(../img/bg_line2.gif) repeat-x left bottom; } body#top .boxgrid{ width: 262px; height: 86px; margin: 0 4px 15px 4px; _margin: 0 3px 15px 3px; float:left; color: #888686; overflow: hidden; position: relative; background: #fff; border: 1px solid #fff; box-shadow: 0 0 3px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.8); -o-box-shadow: 0 0 3px rgba(0,0,0,0.8); -ms-box-shadow: 0 0 3px rgba(0,0,0,0.8); behavior: url(js/PIE.htc); } body#top .boxgrid img{ position: absolute; top: 0; left: 0; } .boxcaption{ width: 100%; height: 86px; line-height: 150%; float: left; position: absolute; opacity: 0.8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .boxcaption p{ margin: 0 10px; } .caption .boxcaption { top: 67px; left: 0; }