@charset "utf-8";

/* ------------------------------------------- CSS Information
 File Name:      contents.css
 Author:         IIYAMA
 Style Info:     各コンテンツ要素内の設定
----------------------------------------------------------- */

/* --------------------------------- Contents Area Style --*/



/*キャンペーンページ メリットデメリット要素
-------------------------*/

.merit {
	width:535px;
	margin:15px 60px 20px 60px;
	padding:5px;
	background-color:#cfF;
	border:#cFF 5px solid;
}

.merit td {
	vertical-align:top;
	line-height:200%;
	padding:2px;
	text-align:left;
}

.merit td.mttl {
	background-color:#09F;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}

.demerit {
	width:535px;
	margin:15px 60px 20px 60px;
	padding:5px;
	background-color:#fd9;
	border:#fd9 5px solid;
}

.demerit td {
	vertical-align:top;
	line-height:200%;
	padding:2px;
	text-align:left;
}

.demerit td.dmttl {
	background-color:#f60;
	color:#fff;
	font-weight:bold;
	text-align:center;
}

/*お支払方法ページ要素
-------------------------*/
.paym {
	width:657px;
	border-collapse:separate;
	border-spacing:10px;
	background-color:#f5f5f5;
}

.paym td {
	text-align:center;
	padding:8px 8px;
	background-color:#fff;
	border:solid #ccc 1px;
}


/*セール＆キャンペーン テーブル 要素
-------------------------*/
.sale-cnp {
	margin-left:auto;
	margin-right:auto;
}

.sale-cnp td {
	text-align:left;
	vertical-align:top;
	line-height:140%;
	padding:3px 0;
}

.sale-cnp td.ten-zero {
	padding:0 0 10px 0;
}

.sale-cnp td.ten-two {
	padding:0 0 10px 2em;
}

.sale-cnp td.ichi {
	text-align:justify;
	vertical-align:top;
	line-height:160%;
	padding:3px 0;
}


/*画像＆テキスト テーブル 要素
-------------------------*/
.imgtxt {
	width:100%;
	margin:15px 0;
}

.imgtxt td {
	text-align:center;
	font-size:13px;
	color:#fff;
	line-height:130%;
	vertical-align:top;
	padding-bottom:5px;
	background:url(../images/contents/bg_red.gif) repeat-y;
}

.imgtxt td.pplus {
	padding-right:15px;
}

.imgtxt td.nonwht {
	background:url(../images/contents/bg_wht.gif) repeat-y;
}

p.bkmod {
	font-family: 'BebasNeue';
	font-weight: nomal;
	font-size:20px;
	color:#ff0;
	padding-top:2px;
}

p.bkmod2 {
	font-family: 'BebasNeue';
	font-weight: nomal;
	font-size:20px;
	color:#ff0;
	padding:2px 0 5px;
}

/*レースカレンダー テーブル 要素
-------------------------*/
.race_cal {
	width:100%;
	margin:10px 0 30px 0;}

.race_cal tr.dgr {
	background-color:#777;}

.race_cal tr.lgr {
	background-color:#e5e5e5;}

.race_cal td {
	padding:5px 0 5px 6px;}

.race_cal td.rdate {
	color:#fff;
	width:95px;}

.race_cal td.compe {
	color:#fff;
	width:355px;}

.race_cal td.ucicat {
	color:#fff;
	width:102px:}

.race_cal td.kuni {
	color:#fff;
	width:105px;}

.team-name {
	width:auto;
	margin:5px 0 10px 0}

.team-name td {
	color:#666;
	vertical-align:bottom;}

.team-name td.teamlogo {
	width:260px;}

.team-name td.bebas-team {
	font-family: 'BebasNeue';
	font-size:28px;
	color:#333;
	padding-right:10px;
	padding-bottom:5px;}

.team-name td.name-team {
	color:#666;
	text-align:right;}


/*在庫・入荷予定表 要素
-------------------------*/
.zaiko-nyuka {
	width:100%;
	margin:10px 0 30px 0;}

.zaiko-nyuka tr.dgr {
	background-color:#aaa;}

.zaiko-nyuka tr.lgr {
	background-color:#e5e5e5;}

.zaiko-nyuka td {
	padding:5px 0 5px 6px;}

.zaiko-nyuka td.shiyo {
	color:#fff;
	width:200px;}

.zaiko-nyuka td.iro {
	color:#fff;
	width:175px;}

.zaiko-nyuka td.saizu {
	color:#fff;
	width:80px:}

.zaiko-nyuka td.zaiko {
	color:#fff;
	width:202px;}


/*バイク画像・仕様表
-------------------------*/
.tbl_bike-spec {
	width:657px;
	margin:0 0 20px;}

.tbl_bike-spec tr.lgry {
	background-color:#eee;}

.tbl_bike-spec td {
	text-align:left;
	padding-bottom:0;}
	
.tbl_bike-spec td.bebasname {
	width:330px;
	font-family: 'BebasNeue';
	font-weight: bold;
	color:#666;
	font-size:36px;
	padding-bottom:5px;
	padding-top:5px;}

.tbl_bike-spec td.bikeparts {
	color:#3CF;
	padding:0 5px}

.tbl_bike-spec td.bikegazo {
	width:330px;
	padding-right:15px;}

.tbl_bike-spec a:hover img {
opacity:0.7;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #000;
}


/*付属ホイール別価格表
-------------------------*/
.tbl_whl-pr {
	width:100%;
	margin:5px 0 10px 0;
	background-color:#f7f5f5;}

.tbl_whl-pr td {
	padding:3px 0;
	border-bottom:1px solid #FFF;}

.tbl_whl-pr tr.koumoku {
    background-color:#aaa;
	text-align:center;
	color:#FFF;
	font-weight:bold;}

.tbl_whl-pr tr.odd {
    background: #edebeb;}

.tbl_whl-pr td.w300 {
	font-family: 'BebasNeue';
	font-size:24px;
	width:300px;
	font-weight:bold;
	padding-left:10px;}

.tbl_whl-pr td.w227r {
	padding:10px 0;
	width:227px;
	font-size:20px;
	color:#F00;
	font-weight:bold;
	text-align:right;
	padding-right:10px;}

.tbl_whl-pr td.w130 {
	width:130px;
	text-align:center;
	padding-right:10px;}


/*商品別割引表
-------------------------*/
.tbl_item-dc{
  width:100%;
  margin:10px 0;
  border-collapse: collapse;
  border-spacing: 0;
}

.tbl_item-dc td{
  padding: 5px 10px;
  text-align: left;
}

.tbl_item-dc td.w140{
	width:140px;
  padding: 5px 0 5px 10px;
  text-align: left;
}

.tbl_item-dc tr:nth-child(odd){
  background-color: #eee;
}

/*ニュース表
-------------------------*/
.tbl-waku {
	width:637;
	margin:10px;
	padding:15px;
	border:solid #c9c9c9 1px;
}

.tbl637 {
	width:100%;}

.tbl637 th{
	background-color:#dcdcdc;
	padding:3px 0;
	text-align:center;
	color:#535353;
}

.tbl637 td {
	padding: 5px 7px;
	background:url(../images/common/dotline.gif) bottom repeat-x;
}

.tbl637 td.kkku{
  text-align: right;
}

.tbl637 td.naka{
  text-align: center;
}

.tbl637 td.tokka{
	text-align: right;
	font-weight: bold;
	color: #FF0000;
}

.tbl-sen {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
}
.tbl-sen th {
 padding: 10px;
	text-align: center;
 border-bottom: solid 4px #778ca3;
 color: #778ca3
}
.tbl-sen td {
 padding: 10px;
 border-bottom: solid 1px #778ca3;
}

.tab-pdd15 {
	border-collapse: collapse; /* セルの境界線を結合 */
	width: 100%;
}

.tab-pdd15 td {
        padding: 5px 15px; /* ここでセル内の余白（パディング）を設定 */
        text-align: left; /* テキストを左揃え（任意） */
    }