@charset "UTF-8";
/* CSS Document */

/* 商品詳細ページ使用 */



/* 基本形
=================================================== */

/* 全体 */
body {background:#FFF; margin:0px; padding:0px; text-align:center; color:#000; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif !important; font-size:92%; line-height:180%; }


/* リンク */
a {text-decoration:none; color:#000; }
a:visited {text-decoration:none; color:#999; }
a:hover {text-decoration:underline; color:#F5B757; }

a.product_link_btm, a.product_link_btm:hover,
a.carlist_link_btm, a.carlist_link_btm:hover,
a.product_link_btm_en, a.product_link_btm_en:hover,
a.carlist_link_btm_en, a.carlist_link_btm_en:hover{
    width: 90px;
    height: 20px;
		margin: 0 5px;
    float: left;
    text-indent: -9999px;
}
a.product_link_btm{
    background:url(product_btm.gif) no-repeat scroll left top;
}
a.product_link_btm:hover{
    background:url(product_btm_on.gif) no-repeat scroll left top;
}
a.product_link_btm_en{
    background:url(product_btm_en.gif) no-repeat scroll left top;
}
a.product_link_btm_en:hover{
    background:url(product_btm_on_en.gif) no-repeat scroll left top;
}
a.carlist_link_btm{
    background:url(carlist_btm.gif) no-repeat scroll left top;
}
a.carlist_link_btm:hover{
    background:url(carlist_btm_on.gif) no-repeat scroll left top;
}
a.carlist_link_btm_en{
    background:url(carlist_btm_en.gif) no-repeat scroll left top;
}
a.carlist_link_btm_en:hover{
    background:url(carlist_btm_on_en.gif) no-repeat scroll left top;
}

/* 見出し */
h1 {font-size:175%; }
h2 {font-size:160%; }
h3 {font-size:140%; }
h4 {font-size:125%; }
h5 {font-size:115%; }
h6 {font-size:105%; }
h1,h2,h3,h4,h5,h6 {margin:2px 0px; font-weight:bold; }

.point {font-weight:bold; color:#FF0000; }


/* 段落 */
p {margin:5px 0 8px 0; }
p.indent1 {margin-left:1em; text-indent:-1em;} /* ぶら下げ1文字 */
p.indent2 {margin-left:2em; text-indent:-2em;} /* ぶら下げ2文字 */
p.indent3 {margin-left:3em; text-indent:-3em;} /* ぶら下げ3文字 */

p.big {font-size:112%; } /* 文字を大きく */
p.big2 {font-size:125%; } /* 文字をさらに大きく */
p.small {font-size:88%; } /* 文字を小さく */


/* リスト */
ul {margin:0; padding:0px; }
li {margin:5px 0px 8px 20px; padding:0px; /*list-style:disc;*/ }

ul.big li {font-size:90%; } /* 文字を大きく */
ul.big2 {font-size:112%; } /* 文字をさらに大きく */
ul.small li {font-size:88%; } /* 文字を小さく */

/* リストマーク色付け */
li.mark_bk {list-style:url(./img_list/list_bk.gif); } /* 黒 */
li.mark_rd {list-style:url(./img_list/list_rd.gif); } /* 赤 */
li.mark_bl {list-style:url(./img_list/list_bl.gif); } /* 青 */
li.mark_mr {list-style:url(./img_list/list_mr.gif); } /* 茶 */
li.mark_aq {list-style:url(./img_list/list_aq.gif); } /* 水色 */
li.mark_pk {list-style:url(./img_list/list_pk.gif); } /* ピンク */
li.mark_ye {list-style:url(./img_list/list_ye.gif); } /* きいろ */
li.mark_gr {list-style:url(./img_list/list_gr.gif); } /* 緑 */
li.mark_pp {list-style:url(./img_list/list_pp.gif); } /* 紫 */
li.mark_gy {list-style:url(./img_list/list_gy.gif); } /* 灰色 */
li.mark_wh {list-style:url(./img_list/list_wh.gif); } /* 白 */

li li {list-style:circle; margin:0 0 0 20px; }


/* 定義 */
dl {margin:0px; padding:0px; }
dt {margin:2px 0px; padding:0px; font-weight:normal; font-size:110%; }
dd {margin:2px; padding:0px;}

dl.big dd {font-size:112%; } /* 文字を大きく */
dl.big2 {font-size:120%; } /* 文字をさらに大きく */
dl.small dd {font-size:88%; } /* 文字を小さく */

/* 画像 */
img {border:none;} /* 画像枠線なし */

/* 改行 */
br {letter-spacing:normal; }

/* テーブル */
th {font-style:normal; font-weight:normal; color:#FFF; text-align:center; } /* TH */

th.big, td.big {font-size:112%; } /* 大きく */
th.big2, td.big2 {font-size:120%; } /* 文字をさらに大きく */
th.small, td.small {font-size:88%; } /* 小さく */

/* 罫線 */
hr {height:1px; border-style:dotted; border-width:1px 0px 0px 0px; border-color:#000; }
hr.clear02 {clear: both; border: 0px #FFF solid;}

/* ID
=================================================== */

/* メインボックス */
#out {width:960px; margin:20px auto; padding-bottom:10px; text-align:left; color:#000;  }
* html #out {width:960px; } /* IE6用CSハック */


/* 車種・型式 */
#car {background:#333; padding:5px 8px; margin:15px 0px 0px 0px; line-height:125%; font-weight:bold; color:#FFF; }


/* 詳細部分 */
#mainbox {border:1px solid #333; text-align:left; margin:0 0 10px 0; padding:30px 30px; }


/* メインボックスの中に使用 */
#contents {width:880px; margin:auto; padding:40px 0; text-align:left; }



/* コードNo.＆価格 */
#price {font-size:15px; font-weight:bold; line-height:20px; text-align:right; vertical-align:top; white-space: nowrap;}
#price .yen {font-size:22px; line-height:21px; }
#price .category {background:#333; color:#FFF; text-align:center; padding:0px; margin-bottom:2px; }


/* 商品ラインアップ用 */
.products {width: 360px; border-left:8px solid #CC0000; background:#000; padding-left:6px; font-weight:bold; color:#FF9900; }


/* コメント */
.comment {border:2px solid #FF0000; padding:8px; }
.comment2 {background: #EEEEEE; padding:10px; }



/* 背景色つけ */
.bg_bk {background:#999; color:#FFF; padding:2px 5px 2px 5px; margin:0 0 10px 0; font-weight:normal; } /* 黒色 */
.bg_gy3 {background:#333; color:#FFF; padding:2px 5px 2px 5px; margin:0 0 10px 0; font-weight:normal; } /* 濃い灰色 */
.bg_gy6 {background:#666; color:#FFF; padding:2px 5px 2px 5px; margin:0 0 10px 0; font-weight:normal; } /* 灰色 */
.bg_gyc {background:#CCC; padding:2px 5px 2px 5px; margin-bottom:10px; font-weight:normal; } /* 薄い灰色 */
.bg_blue {background:#e0efff; padding: 5px; margin: 10px 0; font-weight: normal; }/* 薄い青色 */
.bg_orange {background:#FFE9CD; padding: 5px; margin: 10px 0; font-weight: normal; }/* 薄いオレンジ */



/* データベース領域 */
div.db { text-align:left; overflow:auto;}
* html div.db {width:100%;} /* IE6用 CSSハック */


/* テーブル罫線いろいろ ////////////////////////////////// */

/* 表（ヘッダー：文字白） */
.list {border-style:solid; border-color:#666; border-width:1px 1px 0 0; font-size:85%; margin-bottom:10px; }
.list th, .list td {border-style:solid; border-color:#666; border-width:0 0 1px 1px; line-height:150%; }
.list th {background:#333; color:#FFF; }


/* 表（その他の表に使用（センタリング）） */
.list2 {border-style:solid; border-color:#666; border-width:1px 1px 0 0; font-size:90%; }
.list2 tr {text-align:center; }
.list2 th, .list2 td {border-style:solid; border-color:#666; border-width:0 0 1px 1px; line-height:20px; }
.list2 th {color:#000; }

/* 表（その他の表に使用（センタリング・文字小さい）） */
.list2s {border-style:solid; border-color:#666; border-width:1px 1px 0 0; font-size:86%; }
.list2s tr {text-align:center; }
.list2s th, .list2s td {border-style:solid; border-color:#666; border-width:0 0 1px 1px; line-height:18px; }
.list2s td .c_wh {color:#FFF; } /* 文字色白 */
.list2s th {color:#000; }


/* 表（その他の表に使用（右寄せ）） */
.list3 {border-style:solid; border-color:#666; border-width:1px 1px 0 0; font-size:90%; }
.list3 th, .list3 td {border-style:solid; border-color:#666; border-width:0 0 1px 1px; line-height:20px; }
.list3 td .c_wh {color:#FFF; } /* 文字色白 */
.list3 th {color:#000; }

/* 表（その他の表に使用（右寄せ・文字小さい）） */
.list3s {border-style:solid; border-color:#666; border-width:1px 1px 0 0; font-size:86%; }
.list3s th,.list3s td  {border-style:solid; border-color:#666; border-width:0 0 1px 1px; line-height:18px; }
.list3s td .c_wh {color:#FFF; } /* 文字色白 */
.list3s th {color:#000; }


/* 表（横線のみ表示） */
.list4 {border-style:solid; border-color:#999; border-width:1px 0 0 0; }
.list4 td {border-bottom:1px solid #999; }


/* インテーク・ブローオフ音の表 */
.list_i {border-top:1px solid #666; border-left:1px solid #666; margin-bottom:10px; }
.list_i tr {text-align:center; font-size:88%; }
.list_i th {border-right:1px solid #666; border-bottom:1px solid #666; color:#000; }
.list_i td {border-right:1px solid #666; border-bottom:1px solid #666; }
.list_i_check {background:#AEF8FF;}



/* 子要素削除 */
.listno td {border:none; }
/* メーカー */
.maker {background:#000; text-align:left; color:#FFF; }

/* 回り込み：右 */
.floratright {float:right; margin:0 0 20px 20px; }

/* 回り込み：左 */
.floartleft {float:left; margin:0 20px 20px 0; }

/* float解除 */
.clear {clear:both; }

/* インテークの比較表（背景：水色・太字） */
.intake {background:#99FFFF; font-weight:bold; }

/* 枠線 */
.border {border:1px solid #666; padding:4px; margin:5px 0; }
.border_c {border:1px solid #666; padding:4px; margin:5px 0; text-align:center; }


/* フォント設定　色のみ */
.c_aq {color:#1486DE; } /* 水色 */
.c_bk {color:#000000; } /* 黒 */
.c_bl {color:#003399; } /* 青 */
.c_blue {color:#003399; } /* 青 */
.c_gd {color:#D9B359; } /* 金 */
.c_gr {color:#009900; } /* 緑 */
.c_gy {color:#999999; } /* 灰色 */
.c_mr {color:#990000; } /* 赤茶色(マロン) */
.c_or {color:#FF9900; } /* オレンジ */
.c_pk {color:#FF0099; } /* ピンク */
.c_pl {color:#5361BD; } /* 青紫 */
.c_rd {color:#CC0000; } /* 赤 */
.c_red {color:#CC0000; } /* 赤 */
.c_vi {color:#993399; } /*赤紫*/
.c_wh {color:#FFFFFF; } /* 白 */
.c_yw {color:#FFFF00; } /* 黄 */

/* フォント加工 */
.bolder {font-weight:bold; } /* 太く */
.normal {font-weight:normal; } /* 細く */
.small {font-size:88%; } /* 小さく */
.smalln {font-size:88%; font-weight:normal; } /* 小さく・細く */
.big {font-size:125%; } /* 文字を大きく */
.big2 {font-size:150%; } /* 文字をさらに大きく */


/* Flash Editorに使用 */
.phese {border:3px solid #39C; font-weight:bold; }
.sc_data {border:3px solid #F96; font-weight:bold; }

/* CLUTCTHに使用 */
.clucth h5 img {float:left; margin-right:10px; }
.clucth p {clear:both; margin:10px 0; }

/* TURBOに使用 */
.pointwaku {border:3px solid #00A0E9; padding:5px; margin-top:20px; }


/* No. */
.number {background-color:#CC0000; border-radius: 5px; padding: 1px 8px; line-height: 1.0; font-size: 110%; font-weight: bold; color: #FFFFFF; margin:5px 10px 5px 0; }