@charset "UTF-8"; /* @override http://www.luckybell.co.jp/wp-content/themes/luckybell/style.css */ /* Theme Name: luckybell_custom_theme Theme URI: http://www.studiobrain.net/ Description: Studio-BRAIN が作成したCMS用テーマ。 Version: 1.0 Author: Go Imai Author URI: http://www.studiobrain.net/ */ /*Reset*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} /*共通のタグ CommonTag*/ body{font: 14px/2 "Hiragino Kaku Gothic Pro", "MS PGothic", "Lucida Grande", Lucida, Verdana, sans-serif;background-image: url(img/bg.gif);} h1,h2,h3,h4,h5,h6,p{padding: 0px 0 15px;} ul,ol{padding: 0px 0 15px 30px;margin: 0;} h1{font-size: 20px;line-height: 22px;} h2{font-size: 18px;line-height: 20px;} h3{font-size: 16px;line-height: 18px;} h4{font-size: 14px;line-height: 16px;} h5{font-size: 12px;line-height: 14px;} h6{font-size: 11px;line-height: 13px;} img{border: none;} a{color: #666;text-decoration: none;} a:hover{color: #999;text-decoration: underline;} /*スペース領域 AreaSpace*/ #container{width: 850px;background-color: #fff;margin: 0 auto;padding: 0 20px 20px;} #header{overflow: hidden;background: #fff url(img/header_bg.gif) no-repeat left top;height: 70px;} #right{float: right;width: 250px;} #rap{text-align:left;clear:both;background: #FFF url(img/rap_bg.gif) repeat-y center top;float: left;width: 850px;padding: 10px 0 0;} #main{float: left;text-align:left;overflow: hidden;padding: 0;width: 600px;} .inbox {clear: both;padding: 10px;} #sidebar{width: 250px;overflow: hidden;padding: 0;margin: 0px;float: left;} #footer{clear:both;background: url(img/footer_bg.gif) no-repeat left top;float: left;padding: 10px 0 0;text-align: center;width: 850px;} /*ヘッダー Header*/ #header_left {float: left;} #header_right {float: right;color: #fff;font-size: 12px;line-height: 17px;background: #fff url(img/header_incart.gif) no-repeat left top;padding-top: 39px;} .header_ttl a{height: 40px;display:block;background: url(img/luckybell-logo.gif) no-repeat;text-indent: -9999px;width: 580px;} .header_ttl{margin:0;padding: 0;font-weight: normal;font-style: normal;} .header_ttl a:hover{color: #f0882b} .header_description{font-size: 12px;color: #666;font-weight: normal;font-style: normal;line-height: 14px;margin: 0;padding: 10px 0 0;} #header_right a {color: #fff;text-decoration: underline;} #header #searchform {float: right;margin: 0;padding: 0;} #header #searchform input{vertical-align: middle;height:20px;} #header #searchform #s{vertical-align:middle;border: 1px solid #777;padding:1px;margin:0px;height:16px;background-color: #fff;width: 213px;} #header #searchform #searchsubmit{border-width: 0;vertical-align: middle;margin: 0px;padding: 0px;height: 20px;} /*ヘッダーナビ*/ #header_navi{padding: 0;width: 100%;float: left;clear: both;background: url(img/head-navi.gif) no-repeat;} #page_navi{white-space: nowrap;width: 850px;float: left;padding: 0;margin: 0;background: url(img/head-navi-bg.gif) no-repeat;} #page_navi li{padding: 0;margin: 0;float: left;} #page_navi li a{padding: 0;float: left;height: 30px;text-indent: -9999px;font-size: 1px;line-height: 1px;} .page-item-23 a {width: 102px;background: url(img/head-navi-top.gif) no-repeat 0 0;} .page-item-18 a {width: 80px;background: url(img/head-navi-products.gif) no-repeat 0 0;} .page-item-8 a {width: 74px;background: url(img/head-navi-company.gif) no-repeat 0 0;} .page-item-7 a {width: 115px;background: url(img/head-navi-bellmark.gif) no-repeat 0 0;} .page-item-13 a {width: 64px;background: url(img/head-navi-links.gif) no-repeat 0 0;} .page-item-541 a {width: 115px;background: url(img/head-navi-faq.gif) no-repeat 0 0;} .page-item-12 a {width: 76px;background: url(img/head-navi-contact.gif) no-repeat 0 0;} .page-item-23 a:hover {background: url(img/head-navi-top.gif) no-repeat 0 -60px;} .page-item-18 a:hover {background: url(img/head-navi-products.gif) no-repeat 0 -60px;} .page-item-8 a:hover {background: url(img/head-navi-company.gif) no-repeat 0 -60px;} .page-item-7 a:hover {background: url(img/head-navi-bellmark.gif) no-repeat 0 -60px;} .page-item-13 a:hover {background: url(img/head-navi-links.gif) no-repeat 0 -60px;} .page-item-541 a:hover {background: url(img/head-navi-faq.gif) no-repeat 0 -60px;} .page-item-12 a:hover {background: url(img/head-navi-contact.gif) no-repeat 0 -60px;} .current_page_item a,.current_page_item a:hover {background-position: 0 -30px;} /*トップ画像 Topimage*/ #topimage a{height: 280px;clear: both;background: url(img/main_img.jpg) no-repeat left top;float: left;width: 600px;text-indent: -9999px;} /*トピックス*/ #topics {padding: 0 0 10px;float: left;width: 660px;} #topics li {clear: both;padding: 0 0 0 20px;background: url(img/news-arrow.gif) no-repeat 8px 8px;} #topics li .date {color: #951021;font-size: 12px;line-height: 14px;padding: 0 4px 0 0;} .topics_ttl a{padding: 0 0 7px;background: url(img/news-head.gif) no-repeat left top;height: 23px;text-indent: -9999px;float: left;width: 100%;} /* トップページ右広告スペース */ #pr_space {float: right;width: 180px;background: url(img/right-bg.gif) repeat-x 0 0;padding: 10px 0 0;height: 150px;} #pr_space a.laporter {display: block;width: 162px;background: url(img/lb-lap-banner.gif) no-repeat;height: 66px;text-indent: -9999px;margin: 0 auto;} /*ぱんくず*/ .breadcrumb {padding: 8px 0 7px 10px;font-size: 13px;line-height: 15px;color: #333;border-bottom: 1px solid #333;margin: 0 15px 10px 0;} .breadcrumb a{color: #333;} .breadcrumb a:hover{color: #666;} /*コンテンツ Content*/ .content h3 {border-bottom: 1px solid #666;border-left: 3px solid #666;padding: 0 0 2px 8px;margin-bottom: 15px;font-size: 16px;line-height: 18px;color: #333;} .content {clear: both;font-size: 14px;line-height: 20px;display: block;overflow: hidden;} .content .pagename{font-weight: bold;margin: 0;padding: 0;clear: both;color: #005376;font-size: 16px;line-height: 18px;height: 34px;} .content .title{margin: 0;padding: 0 0 10px;} .content .title a{text-decoration:none;display: block;} .content .title a:hover{color:#E6332D;} .content a{color: #226db9;} .content a:hover{color: #2783de;} .content a.more-link {} .content ul{list-style-position: outside;margin: 0;padding: 0 0 15px 20px;line-height: 19px;font-size: 14px;list-style-type: none;} .content ul li{border-left: 3px solid #ccc;padding: 0 0 0 8px;} .content blockquote {margin:0 0 15px;padding: 10px 20px;background-color: #e1f5f9;clear: both;} .content blockquote p{padding: 0px;margin: 0} .content blockquote ol,.content blockquote ul{padding: 0px;margin: 0px 0px 0px 20px} .content .postmetadata {font-size: 12px;line-height: 16px;margin: 0;color: #555;clear: both;border-top: 1px solid #999;padding: 0;} .content pre {background-color: #eee;padding: 5px 15px;margin: 0 0 15px;} .content em {font-weight: normal;font-style: normal;color: #f04e19;} #pagerap {width: 600px;} .content ol {list-style-position: outside;list-style-type: decimal;} .content img {padding: 4px;border: 1px solid #aaa;background-color: #eee;} .postmetadata div.cate_box {padding: 6px 0 0;text-align: center;border-top: 1px solid #1569a5;margin: 0 15px 0 0;clear: both;} .content .tablestyle {margin: 0 0 20px;} .content .tablestyle th {text-align: left;white-space: nowrap;padding: 3px 10px;background-color: #eee;} .content .tablestyle td {padding: 3px 3px 3px 10px;border-bottom: 1px dotted #ccc;} h3.title span.date {font-size: 12px;font-weight: normal;font-style: normal;line-height: 14px;} /* 商品リスト */ #pagerap div.inbox ul.itemlist {width: 600px;display: block;padding: 0;margin: 0;} #pagerap div.inbox ul.itemlist li.item {width: 170px;height: 170px;display: inline;float: left;padding-right: 26px;font-size: 14px;line-height: 14px;} #pagerap div.inbox ul.itemlist li.item a {width: 170px;height: 130px;float: left;border: 1px solid #999;text-indent: -9999px;background: url(img/nophoto.gif) no-repeat center center;margin: 0 0 5px;} /*page*/ .content.page {padding: 10px;clear: both;display: block;width: 565px;} .pagename-18 {background: url(img/items-head.gif) no-repeat;height: 70px;padding: 0;margin: 0;text-indent: -9999px;} .pagename-8 {background: url(img/company-head.gif) no-repeat;height: 70px;padding: 0;margin: 0;text-indent: -9999px;} .pagename-7 {background: url(img/bellmark-head.gif) no-repeat;height: 70px;padding: 0;margin: 0;text-indent: -9999px;} .pagename-links {background: url(img/links-head.gif) no-repeat;height: 70px;padding: 0;margin: 0;text-indent: -9999px;} .pagename-12 {background: url(img/contact-head.gif) no-repeat;height: 70px;padding: 0;margin: 0;text-indent: -9999px;} .pagename-541 {background: url(img/faq-head.gif) no-repeat;height: 70px;padding: 0;margin: 0;text-indent: -9999px;} .pagename-40 {display: none;} /* 製品情報 */ #post-18 ul {margin: 0 -20px 0 0;padding: 0;list-style-type: none;width: 580px;} #post-18 ul li{float: left;padding: 0;width: 290px;height: 100px;border-style: none;} #post-18 ul li a {float: left;width: 270px;height: 80px;text-indent: -9999px;} #post-18 ul li a.indoor_btn {background: #eee url(img/indoor_btn.jpg) no-repeat left top;} #post-18 ul li a.gymnasium_btn {background: #eee url(img/gymnasium_btn.jpg) no-repeat left top;} #post-18 ul li a.outdoor_btn {background: #eee url(img/outdoor_btn.jpg) no-repeat left top;} #post-18 ul li a.others_btn {background: #eee url(img/others_btn.jpg) no-repeat left top;} #post-8 img.size-full.wp-image-420 {border-style: none;} #post-8 #attachment_420 {float: left;padding: 0 22px 0 0;} #post-8 p.wp-caption-text {text-align: center;font-size: 12px;} .wp-caption.alignleft {float: left;padding-right: 15px;padding-bottom: 10px;} .wp-caption.alignnone {padding-bottom: 10px;} .wp-caption-text {font-size: 12px;line-height: 14px;padding: 1px;text-align: center;background-color: #aaa;border: 1px solid #aaa;border-top-style: none;color: #fff;} /* リンク */ #post-13 ul {margin: 0;padding: 0;list-style-type: none;} #post-13 ul li{border-style: none;} #post-13 ul h2 {font-size: 16px;line-height: 18px;margin: 0 0 10px;padding: 0 0 5px;border-bottom: 1px solid #666;color: #333;} #post-13 ul .linkcat ul {padding: 0 0 20px 15px;} #post-13 ul .linkcat li {padding: 3px 0 3px 14px;border-left: 3px solid #999;} /*検索結果*/ #pagerap div.content.search {padding: 7px 0 0 20px;} /*tag & category*/ .pagename {color: #fff;padding: 8px 0 7px 10px;font-size: 18px;line-height: 20px;margin: 10px 15px 10px 0;background: #1569a5 url(img/titlebar_bg.gif) repeat-x left top;} #category_description p{color: #666;padding: 0 0 7px;} /*wp-pagenavi*/ .wp-pagenavi{text-align: center;clear: both;margin-right: 15px;height: 30px;} .wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px;margin: 2px;text-decoration: none;border: 1px solid #165188;color: #165188;background-color: #fff;} .wp-pagenavi a:visited {padding: 2px 4px 2px 4px;margin: 2px;text-decoration: none;border: 1px solid #165188;color: #165188;background-color: #fff;} .wp-pagenavi a:hover {border: 1px solid #165188;color: #000;background-color: #fff;} .wp-pagenavi a:active {padding: 2px 4px 2px 4px;margin: 2px;text-decoration: none;border: 1px solid #165188;color: #165188;background-color: #fff;} .wp-pagenavi span.pages {padding: 2px 4px 2px 4px;margin: 2px;color: #000;border: 1px solid #165188;background-color: #fff;} .wp-pagenavi span.current {padding: 2px 4px 2px 4px;margin: 2px;font-weight: bold;color: #fff;background-color: #165188;border: 1px solid #165188;} .wp-pagenavi span.extend {padding: 2px 4px 2px 4px;margin: 2px;border: 1px solid #165188;color: #000;background-color: #fff;} /*ナビゲーション Navi*/ .navigation{clear: both;padding: 20px 15px 20px 0;font-size: 12px;line-height: 14px;} .navigation a{text-decoration: underline;} .navigation a:hover{text-decoration: none;} .navigation div.alignleft {text-align: left;} .navigation div.alignright {text-align: right;} /*サイドカテゴリーボタン Category*/ #category {padding-bottom: 10px;} #category ul{padding: 0px;} .sidebar li.cat-item{padding: 0;background-image: none;} #category ul li.cat-item.cat-item-3 a{background: url(img/category-btn.gif) no-repeat 0 0;} #category ul li.cat-item.cat-item-4 a{background: url(img/category-btn.gif) no-repeat 0 -70px;} #category ul li.cat-item.cat-item-5 a{background: url(img/category-btn.gif) no-repeat 0 -140px;} #category ul li.cat-item.cat-item-6 a{background: url(img/category-btn.gif) no-repeat 0 -210px;} #category ul li.cat-item.cat-item-3 a:hover{background: url(img/category-btn.gif) no-repeat -250px 0;} #category ul li.cat-item.cat-item-4 a:hover{background: url(img/category-btn.gif) no-repeat -250px -70px;} #category ul li.cat-item.cat-item-5 a:hover{background: url(img/category-btn.gif) no-repeat -250px -140px;} #category ul li.cat-item.cat-item-6 a:hover{background: url(img/category-btn.gif) no-repeat -250px -210px;} .sidebar li.cat-item a{width: 250px;display: block;text-align: left;height: 70px;text-indent: -9999px;} .sidebar li.cat-item.current-cat a {background-color: #f04e19;} /*search*/ #search.widget {background-image: none;} #searchform{text-align: right;} #searchform input#s {width: 205px;padding: 3px;border: 1px solid #999;margin-bottom: 3px;} #searchsubmit {} /*フッター Footer*/ .copyright {background: url(img/footer.gif) no-repeat;font-size: 1px;line-height: 1px;text-indent: -9999px;float: left;width: 850px;height: 23px;margin: 0;padding: 0 0 8px;clear: both;} .control a {background: url(img/control-admin.gif) no-repeat;text-indent: -9999px;float: right;width: 65px;height: 16px;font-size: 1px;line-height: 1px;padding: 0;margin: -16px 0 0;} /*コンタクトフォーム ContactForm*/ #contactform {font-size: 12px;line-height: 14px;width: 555px;background-color: #eee;padding: 10px;} #contactform th {font-weight: normal;font-style: normal;width: 100px;padding: 3px;text-align: right;vertical-align: middle;} #contactform td {font-weight: normal;font-style: normal;padding: 2px;text-align: left;} #contactform input {border: 1px solid #999;padding: 3px;font-size: 12px;width: 220px;} #contactform textarea {width: 420px;height: 120px;border: 1px solid #999;padding: 3px;font-size: 12px;line-height: 18px;} #contactform .wpcf7-not-valid-tip-no-ajax {font-size: 11px;float: left;padding: 1px 1px 1px 5px;} #contactform .submit input{border-style: none;height: 30px;width: 220px;color: #697600;font-size: 14px;background: url(img/submit.gif) no-repeat;margin: 9px 0 0 169px;} #contactform .wpcf7-radio input {width: 12px;border-style: none;} #contactform div.submit img.ajax-loader {vertical-align: middle;} /*WP2.5ビジュアルエディタ*/ .content img.aligncenter {display: block;margin: 0 auto;} .content img.alignleft {float: left;margin: 0 15px 15px 0;} .content img.alignright {float: right;margin: 0 0 15px 15px;} /*その他 Others*/ .code{font-style: italic;color: #f60;border: 1px solid #b3b3b3;padding: 10px;font-size: 9px;margin: 10px 0;} #main .edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;margin: 0 15px 0 0;} #main .edit a{width: 49px;height: 15px;float: right;text-indent: -9999px;background: url(img/edit.gif) left top;font-size: 1px;line-height: 1px;} #main .edit a:hover{background-position: left bottom;}