﻿@charset "UTF-8";

/* @override http://www.studiobrain.net/wordpress2/wp-content/themes/wsc2.0/style.css*/

/*  
Theme Name: WSC Project
Theme URI: http://www.studiobrain.net/wordpress2/
Description: This theme is <a href="http://www.studiobrain.net/wordpress2/">WSC Project</a>.
Version: 2.0.2
Author: Studio-Brain
Author URI: http://www.studiobrain.net/
*/


/*共通のタグ CommonTag*/
body{background-color:#fff;margin:0px;padding:20px 0px 0px 0px;font: small/140% "Lucida Grande", Lucida, Verdana, sans-serif;}
form{margin:0px;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0px 0px 2px;clear: both;}
p{margin: 0;padding: 0px 0px 5px;}
ul,ol{padding: 0px 0px 5px 30px;margin: 0;}
h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 11px;}
img{border: none;}
a{color: #666;text-decoration: none; outline:none;}
a:hover{color: #999;text-decoration: underline;}


/*スペース領域 AreaSpace*/
#beta,.post blockquote{background-color:#F4F7F8;}
#footer{border-top:1px solid #333;}
#rap{width:800px;margin-right:auto;margin-left:auto;}
#header{height:88px;overflow: hidden;background: white url(img/header.gif) no-repeat;}
#header{border-bottom:2px solid #fff;}
#content{text-align:left;clear:both;background-color: #FFF;}
#alpha{text-align:left;float:left;width:554px;overflow: hidden;padding: 20px 0 20px 20px;}
#beta{float:right;width: 178px;overflow: hidden;padding: 15px 15px 0px;margin: 0px;}
#gamma{text-align: left;width: 760px;padding: 20px 0 20px 20px;}
#footer{clear:both;height:52px;background: white url(img/footer.gif) no-repeat;}


/*ヘッダー Header*/
.header_ttl a{font-size: 12px;height: 67px;width:225px;display:block;color:#fff;padding: 25px 0 0 20px;}
.header_ttl{margin:0;float:left;padding: 0;font-weight: normal;font-style: normal;}
.header_ttl a:hover{color:#fff}
#header_navi{padding: 0 10px 0 0;list-style-type:none;margin: 57px 0 0;text-align: right;width: 490px;float: right;}
#header_navi li{float: none;font-size: 12px;line-height: 30px;display: inline;}
#header_navi li a{height:20px;color: #fff;padding: 2px 0 0 13px;background: url(img/arrow.png) no-repeat 0 center;}



/*パンくずリスト BreadCrumb*/
.kuzu{border-bottom:2px solid #333;}
.kuzu{background-color:#eee;}
.kuzu{text-align:left;padding: 5px 20px;}


/*トップ画像 Topimage*/
#topimage{height:168px;border-bottom:1px solid #333;background: #fff url(img/topimage.gif) no-repeat;}
.header_description{text-indent: -9999px;}


/*記事 Post*/
.post .storytitle a{color: #0000FF;font-size:20px;text-decoration:none;}
.post .storytitle a:hover{color:#E6332D;} 
.post .storytitle .edit a {font-size: 12px;font-style: italic;color: green;} 
.post  a.more-link {color:#0000FF;} 
.post  a{color: #0000FF;} 
.post  a:hover{color: #E6332D;}
.post {clear: both;}
.post ul{margin-left: 20px;padding-left: 0px;}
.post ol{margin-left: 25px;padding-left: 0px;}
.post .storytitle{background: url(img/title_header.gif) no-repeat left bottom;font-weight: bold;margin: 0 0 15px;padding: 0 0 10px;clear: both;}
.post .storytitle .date {font-size:11px;font-style:italic;font-weight:normal;}
.post .storycontent{background:url(img/entry_footer.gif) no-repeat right bottom;margin-bottom: 20px;padding-bottom:20px;width: 100%;}
.post .storycontent .ddsg-wrapper a{color: #666;}
.post blockquote {margin: 0px 0px 15px 0px;padding: 10px 20px 10px 20px;}
.post blockquote p{padding: 0px;margin: 0px 0px 0px 0px}
.post blockquote ol,.post blockquote ul{padding: 0px;margin: 0px 0px 0px 20px}
.post .storycontent .tags {text-align: right;font-size: 11px;padding: 1px;clear: both;}
#comments,#respond {clear: both;font-size: 14px;color: #666;font-style: italic;}
.nocomments{display: none;}


/*トピックス表示 Topics*/
#backentry {clear: both;margin: 0;padding: 9px 10px 8px;list-style-type: none;border: 1px solid #e3e3e3;background: #f4f7f8 url(img/topics.gif) no-repeat right top;}
#backentry a{color: #0000FF;font-size: 11px;line-height: 14px;}
#backentry a:hover{color: #ee000b;text-decoration: underline;}
#backentry li {border-bottom: 1px solid #ddd;margin-bottom: 4px;padding-bottom: 1px;}
#backentry li span.date {color: #fff;font-size: smaller;background-color: #aaa;padding: 2px 4px;margin-right: 4px;}


/*ナビゲーション Navi*/
.navigation{clear: both;height: 30px;text-align: center;}
.navigation a{color: white;padding: 2px 10px;background-color: #999;border: 2px solid #ccc;font-size: 11px;}
.alignleft{display: inline;margin: 5px;}
.alignright{display: inline;margin: 5px;}


/*サイドバー共通 Sidebar*/
#beta ul{margin-left:0px;padding: 0;list-style-type: none;font-size: 11px;}
#beta div.widget {padding-bottom: 10px;font-size: 11px;}
#beta .module_title {font-size: 14px;padding: 0px;border-bottom: 1px solid #999;margin: 0px 0px 10px 0px;color: #666;}


/*メニューボタン Menu*/
#beta  li.cat-item,
#beta  li.page_item,
#beta ul.menu.side li{height: 32px;}
#beta li.cat-item a,
a.navt_clink{width: 178px;display: block;background: url(img/menu_btn.gif) no-repeat center top;height: 20px;text-align: center;font-size: 12px;line-height: 14px;color: #4083af;margin: 0;padding: 8px 0 0;}
#beta li.cat-item a:hover,
a:hover.navt_clink{background-position: center bottom;text-decoration: none;color: #4083af;}

#beta li.page_item a,
a.navt_clink{width: 178px;display: block;background: url(img/menu_btn.gif) no-repeat center top;height: 20px;text-align: center;font-size: 12px;line-height: 14px;color: #4083af;margin: 0;padding: 8px 0 0;}
#beta li.page_item a:hover,
a:hover.navt_clink{background-position: center bottom;text-decoration: none;color: #4083af;}


/*google-ajax-search*/
#google-ajax-search{font-size: 11px;line-height: 15px;}
input.gsc-input {font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;padding: 3px 0;margin-right: 3px;}
#google-ajax-search .module_title {display: none;}
.gs-relativePublishedDate {font-size: 11px;}
.gs-visibleUrl {font-size: 10px;overflow: hidden;}
.gs-snippet {width: 175px;}
.gsc-search-box .gsc-search-box {width: 180px;}
.gsc-control form.gsc-search-box {width: 195px;}
.gsc-resultsRoot-webSearch {width: 180px;overflow: hidden;}
.gsc-resultsRoot-siteSearch {width: 180px;overflow: hidden;}
.gsc-clear-button {display: none;}


/*タグクラウド Tags*/
.tags {line-height: 200%;}
#tag_cloud {margin-bottom: 15px;text-align: center;}
#tag_cloud a {}


/*カレンダー Calendar*/
#wp-calendar {width: 100%;font-size: 11px;color: #666;margin-top: 5px;}
#calendar p.module_title {display: none;}
#wp-calendar caption {color: #333;}
#wp-calendar th{background-color: #ddd;text-align: center;padding: 0;font-weight: normal;font-style: normal;}
#wp-calendar td{text-align: center;background-color: #eee;padding: 0;}
#wp-calendar td a {color: #c00;font-weight: normal;font-style: normal;}
#wp-calendar td.pad {background-color: transparent;}




/*フッター Footer*/
#footer .copyright {color: #fff;}
.produced{color:#dcdcdc;font-size: 9px;}
#footer .copyright {font-family: Arial, Helvetica, sans-serif;font-weight: normal;margin-top: 5px;margin-left: 17px;}
.produced{text-align:right;margin-top:5px;}


/*コメント Comment*/
#commentform #comment{width: 550px;border: 1px solid #666;}
#author,
#email,
#url {border: 1px solid #666;width: 320px;}
#commentform p {padding: 0 0 5px;}


/*コンタクトフォーム ContactForm*/
#contactform {border: 1px solid #ccc;padding: 10px;width: 100%;background-color: #f4f7f8;}
#contactform th {font-weight: normal;font-style: normal;width: 70px;}
#contactform td {}
#contactform textarea {width: 450px;height: 120px;border: 1px solid #ccc;}
#contactform tbody tr td span input.wpcf7-validates-as-required {}
#contactform tbody tr td span input.wpcf7-validates-as-email.wpcf7-validates-as-required {}
#contactform tbody tr td span input {width: 250px;border: 1px solid #ccc;}


/*その他 Others*/
.code{font-style: italic;color: #f60;border: 1px solid #b3b3b3;padding: 10px;font-size: 9px;margin: 10px 0;}
.download{margin: 0;padding: 10px;list-style-type: none;text-align: center;width: 500px;background-color: #fff7e9;border: 1px solid #f5aa6a;border-bottom-width: 3px;}
#alpha p.edit {text-align: center;font-style: italic;}
#alpha p.edit a{color: green;}


/*tel_mail logo*/
#tel_mail{padding: 2px 10px;height:55px;padding: 10px;background:  url(img/tel_mail2.gif) no-repeat;}


/* テーブル（shop） */
.TableAttr {margin: 5px 0;border: 1px #2b2b2b solid;border-collapse: collapse;}
.CaptSel {background-color: #d3e9fa;text-align: center;}
.TableAttr th {border: 1px #2b2b2b solid;padding: 3px 10px 3px 10px;background-color: #f0f0ff;text-align: left;vertical-align: top;}
.TableAttr th span {font-weight: normal;}
.TableAttr td {border: 1px #2b2b2b solid;padding: 3px 10px 3px 10px;}

/* テーブル（店長おすすめ） */
.TableT {margin: auto;width:60%}
.TableT th {padding: 3px 10px 3px 10px;text-align: center;}
.TableT td {padding: 3px 10px 3px 10px;text-align: center;}


/*top img*/
.top_img{padding: 8px 40px;}

/*tenntyou*/
#tenntyou{margin: 0px 0px 0px 0px;height:125px;background:  url(img/tenntyou.gif) no-repeat;}

/*side-addsense*/
#add{margin: 0px 0px 0px 0px;}

/* テーブル中のリンク（在庫状況） */
//a.white:link{ color:#FFFFFF;text-decoration:underline }
//a.white:visited{ color:#FFFFFF;text-decoration:underline }
//a.white:hover  { color:#FF0000;text-decoration:underline }
//a.white:active { color:#FF0000;text-decoration:underline }

a:link.white{ color:#FFFFFF;text-decoration:underline }
a:visited.white{ color:#FFFFFF;text-decoration:underline }
a:hover.white  { color:#FF0000;text-decoration:underline }
a:active.white { color:#FF0000;text-decoration:underline }

/* 詳細を見るボタン（在庫状況） */
#Buttons{
 position: relative;
 width: 100%;
}

#Buttons span{
 margin: 5px;
 width: 130px; /*ボタンの横サイズをピクセル数で*/
 float: right; /*右に表示*/
}

#Buttons span a{
 display: block;
 width: 100%;
 height: 25px;　/*ボタンの縦サイズをピクセル数で*/
 text-indent: -9999px;
 background-repeat: no-repeat;
 overflow: hidden ;
}

#Buttons span a:hover{
 background-repeat: no-repeat;
}

#Buttons span a:active{
 background-repeat: no-repeat;
}

#btnlink a,btnlink a:hover,btnlink a:active{ background-image: url(http://bikerscore.com/wp-content/themes/wsc2.0.2/img/zaiko_btn.gif);}/*ボタンの画像urlを指定してください*/
#btnlink a{   background-position: 0 0; }
#btnlink a:hover{ background-position: 0 -26px; }/*ボタンの縦サイズで変更してください*/
#btnlink a:active{ background-position: 0 -26px; }/*ボタンの縦サイズで変更してください*/

/* 排気量カテゴリーボタン（在庫状況） */

//#Buttons2{
// position: relative;
// width: 100%;
//}

//#Buttons2 span{
// margin: 0px;
// margin-bottom:-12px;
// width: 138px; /*ボタンの横サイズをピクセル数で*/
// float: left; /*左に表示*/
//}
//
//#Buttons2 span a{
// display: block;
// width: 100%;
// height: 25px;　/*ボタンの縦サイズをピクセル数で*/
// text-indent: -9999px;
// background-repeat: no-repeat;
// overflow: hidden ;
//}

//#Buttons2 span a:hover{
// background-repeat: no-repeat;
//}

//#Buttons2 span a:active{
// background-repeat: no-repeat;
//}

//#btnlink a,btnlink a:hover,btnlink a:active{ background-image: url(http://bikerscore.com/wp-content/themes/wsc2.0.2/img/bt_haiki_000.png);}/*ボタンの画像urlを指定してください*/
//#btnlink a{   background-position: 0 0; }
//#btnlink a:hover{ background-position: 0 -26px; }/*ボタンの縦サイズで変更してください*/
//#btnlink a:active{ background-position: 0 -26px; }/*ボタンの縦サイズで変更してください*/

/* 在庫状況の画像（在庫状況） */
#Pictures{
 position: relative;
 width: 100%;
}

#Pictures span{
// float: right; /*左に表示*/
 float: left;
}

/* top在庫状況画像 */
a.zaiko1 {
display:block;
width:110px;
height:35px;
text-indent:-9999px;
background-image: url("img/0-125cc.gif"); 
background-position:top;
}
a.zaiko1:hover {
background-image: url("img/0-125cc.gif");
background-position:bottom;
}

a.zaiko2 {
display:block;
width:110px;
height:35px;
text-indent:-9999px;
background-image: url("img/126-250cc.gif"); 
background-position:top;
}
a.zaiko2:hover {
background-image: url("img/126-250cc.gif");
background-position:bottom;
}

a.zaiko3 {
display:block;
width:110px;
height:35px;
text-indent:-9999px;
background-image: url("img/251-400cc.gif"); 
background-position:top;
}
a.zaiko3:hover {
background-image: url("img/251-400cc.gif");
background-position:bottom;
}

a.zaiko4 {
display:block;
width:110px;
height:35px;
text-indent:-9999px;
background-image: url("img/400cc_over.gif"); 
background-position:top;
}
a.zaiko4:hover {
background-image: url("img/400cc_over.gif");
background-position:bottom;
}

//img.attachment-thumbnail { vertical-align: top; }

