/* CSS Document */

/* 商品詳細ページ使用 */


/* 基本形
=================================================== */

/* 全体 */
body      {background:#FFFFFF; margin:0; text-align:center; color:#000000; }
body,tr,th,td {font-size:11px; line-height:1.5; }

/* リンク */
a         { text-decoration:none; color:#000000; }
a:visited { text-decoration:none; color:#999999; }
a:hover   { text-decoration:underline ; color:#F5B757; }


/* 見出し */
h1 {font-size:21px; }
h2 {font-size:19px; }
h3 {font-size:17px; }
h4 {font-size:15px; }
h5 {font-size:13px; }
h6 {font-size:11px; }
h1,h2,h3,h4,h5,h6 {margin:2px 0px; font-weight:normal; }

.point {font-weight:bold; color:#CC0000; }


/* 段落 */
p {margin:0px; }
p.indent1 {margin-left:1em; text-indent:-1em;} /* ぶら下げ1文字 */
p.indent2 {margin-left:2em; text-indent:-2em;} /* ぶら下げ2文字 */

p.big {font-size:120%; } /* 文字を大きく */
p.big2 {font-size:135%; } /* 文字をさらに大きく */
p.small {font-size:80%; } /* 文字を小さく */


/* リスト */
ul {margin:0; padding:0px; }
li {margin:0px 0px 0px 20px; padding:0px; list-style:disc; }

ul.big li {font-size:120%; } /* 文字を大きく */
ul.big2 {font-size:135%; } /* 文字をさらに大きく */
ul.small li {font-size:80%; } /* 文字を小さく */

/* リストマーク色付け */
li.mark_bk {list-style:url(../img/list_bk.gif); } /* 黒 */
li.mark_rd {list-style:url(../img/list_rd.gif); } /* 赤 */
li.mark_bl {list-style:url(../img/list_bl.gif); } /* 青 */
li.mark_mr {list-style:url(../img/list_mr.gif); } /* 茶 */
li.mark_aq {list-style:url(../img/list_aq.gif); } /* 水色 */
li.mark_pk {list-style:url(../img/list_pk.gif); } /* ピンク */
li.mark_ye {list-style:url(../img/list_ye.gif); } /* きいろ */
li.mark_gr {list-style:url(../img/list_gr.gif); } /* 緑 */
li.mark_pp {list-style:url(../img/list_pp.gif); } /* 紫 */
li.mark_gy {list-style:url(../img/list_gy.gif); } /* 灰色 */
li.mark_wh {list-style:url(../img/list_wh.gif); } /* 白 */


/* 定義 */
dl {margin:0px; padding:0px; }
dt {margin:2px 0px; padding:0px; font-weight:normal; font-size:13px; }
dd {margin:2px; padding:0px;}

dl.big dd {font-size:120%; } /* 文字を大きく */
dl.big2 {font-size:135%; } /* 文字をさらに大きく */
dl.small dd {font-size:80%; } /* 文字を小さく */

/* 画像 */
img {border:none;} /* 画像枠線なし */

/* 改行 */
br {letter-spacing:normal; }

/* テーブル */
th {font-style:normal; font-weight:normal; color:#FFFFFF; } /* TH */

th.big, td.big {font-size:120%; } /* 大きく */
th.big2, td.big2 {font-size:135%; } /* 文字をさらに大きく */
th.small, td.small {font-size:80%; } /* 小さく */


/* 罫線 */
hr {height:1px; border-style:dotted; border-width:1 0 0 0; border-color:#000000; }


/* ID
=================================================== */

/* メインボックス */
#mainbox {width:650px; margin:20px auto; padding-bottom:10px; text-align:left; color:#000000; }
*html #mainbox {width:650px; } /* IE6用CSハック */

/* ポップアップ用画面に使用 */
#mainboxs {width:550px; margin:20px auto; padding-bottom:10px; text-align:left; color:#000000; }
*html #mainboxs {width:550px; } /* IE6用CSハック */


/* 車種・型式 */
#car {background:#333; padding:3px 5px; margin:15px 0px 0px 0px; line-height:1.25;
 font-family:Verdana,Arial,sans-serif;font-size:13px; font-weight:bold; color:#FFFFFF; }

/* 詳細部分 */
#subbox {  border:1px solid #333;padding:10px 10px 15px 10px; text-align:left; margin-bottom:10px;}
* html #subbox {width:100%; } /* IE6用 CSSハック */

/* コードNo.＆価格 */
#price {font-size:13px; font-weight:bold; line-height:20px; text-align:right; vertical-align:top; }
#price .yen {font-size:19px; line-height:21px; }
#price .category {background:#333333; color:#FFFFFF; text-align:center; padding:0px; margin-bottom:2px; }


/* 商品ラインアップ用 */
.products {border-left:5px solid #CC0000; padding-left:5px; font-family:Verdana,Arial,"ＭＳ Ｐゴシック", Osaka; font-weight:bold; color:#FF9900; font-size:13px; }


/* コメント */
#comment {border:3px solid #FF0000; padding:8px; }
.comment {border:3px solid #FF0000; padding:8px; }



/* フォント設定　色のみ */
.c_aq {color:#1486DE; } /* 水色 */
.c_bk {color:#000000; } /* 黒 */
.c_bl {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_vi {color:#993399; } /*赤紫*/
.c_wh {color:#FFFFFF; } /* 白 */
.c_yw {color:#FFFF00; } /* 黄 */

/* フォント・太く */
.bolder {font-weight:bold; }
.small {font-size:80%; } /* 小さく */


/* 背景色つけ */
.bg_bk {background:#000000; color:#FFFFFF; padding:1px 5px 2px 5px; margin-bottom:4px; } /* 黒色 */
.bg_gy3 {background:#333333; color:#FFFFFF; padding:1px 5px 2px 5px; margin-bottom:4px; } /* 濃い灰色 */
.bg_gy6 {background:#666666; color:#FFFFFF; padding:1px 5px 2px 5px; margin-bottom:4px; } /* 灰色 */
.bg_gyc {background:#CCCCCC; padding:1px 5px 2px 5px; margin-bottom:4px; } /* 薄い灰色 */


/* 画像にリンク（マウスオーバーで枠線色かえ） */
.imglink3 a img {border:1px solid #999999;} /* 灰色枠 */
.imglink3 a:visited img {border:1px solid #999999; }
.imglink3 a:hover img {border:1px solid #FFAE00; }



/* データベース領域 */
div.db { text-align:left; overflow:auto;}
* html div.db {width:100%;} /* IE6用 CSSハック */

