a {color: #016c8f;}
a:hover {color: #f90;}

body#graph .container {
    margin: 20px 20px 10px 20px;
    width: 940px;
    text-align: left;
    }

div.searchBox {
    float: left;
    width: 280px;
    margin:0 0 0 20px;
    display:inline;
    }

div.resultBox {
    float: left;
    width: 660px;
    background: url(../images/marketforecastImg/v1_08.gif) 0 0 no-repeat;
    margin:0 20px 0 0;
    display:inline;
    }

.clear {
    clear: both;
    height: 1px;
    }

ul, ol, li {
    list-style-type: none;
    }


/*javascriptエラー*/

div#emg{height:50px; background-color:#f1ebcc; margin:0 0 -10px 0;}

div#emg dl{font-size:16px; font-weight:bold; color:#ff0000; padding:15px 0 0 0;}


/*
##################################################################
検索パネル
################################################################## */

div.searchBox h1 {
    width: 280px;
    height: 34px;
    text-indent: -9999px;
    font-size: 12px;
    background: url(../images/marketforecastImg/v1_01.gif) 0 0 no-repeat;
    }

div.searchBox div.frame1 {
    position: relative;
    width: 280px;
    height: 250px;
    background: url(../images/marketforecastImg/v1_02.gif) 0 0 no-repeat;
    }

/* RESET */
div.searchBox div.frame1 p.allClear {
    position: absolute;
    display: block;
    top: 0px;
    left: 207px;
    width: 44px;
    height: 20px;
    overflow: hidden;
    }

div.searchBox div.frame1 p.allClear a {
    display: block;
    width: 44px;
    height: 20px;
    text-indent: -9999px;
    text-decoration: none;
    outline: none;
    background: url(../images/marketforecastImg/v1_03.gif) 0 0 no-repeat;
    }

div.searchBox div.frame1 p.allClear a:hover {
    background-position: 0 -20px;
    }

/* 結果を表示する */
div.searchBox div.frame1 p.rsltBtn {
    position: absolute;
    display: block;
    top: 209px;
    left: 102px;
    width: 153px;
    height: 30px;
    overflow: hidden;
    }

div.searchBox div.frame1 p.rsltBtn a {
    display: block;
    width: 153px;
    height: 30px;
    text-indent: -9999px;
    text-decoration: none;
    outline: none;
    background: url(../images/marketforecastImg/v1_04.gif) 0 0 no-repeat;
    }

div.searchBox div.frame1 p.rsltBtn a:hover {
    background-position: 0 -30px;
    }

div.searchBox div.frame1 p.rsltBtn a img {
    border: 0px;
    width: 153px;
    height: 30px;
    }

/* リスト */
div.searchBox div.frame1 form dl.list1 {
    position: absolute;
    top: 11px;
    left: 0px;
    width: 280px;
    height: 200px;
    }

div.searchBox div.frame1 form dl.list1 dt, div.searchBox div.frame1 form dl.list1 dd {
    padding-left: 20px;
    width: 260px;
    }

div.searchBox div.frame1 form dl.list1 dt {
    height: 14px;
    font-size: 12px;
    line-height: 13px;
    font-weight: 700;
    color: #788d8b;
    }

div.searchBox div.frame1 form dl.list1 dd {
    height: 25px;
    }

div.searchBox div.frame1 form dl.list1 dd select {
    width: 229px;
    font-size: 12px;
    color: #444;
    }

div.searchBox div.frame1 form dl.list1 dd select option {
    margin-top: 2px;
    margin-bottom: 2px;
    }

div.searchBox div.frame1 form dl.list1 dd select.f1 {
    background-color: #eaeced;
    }

/* Loding Icon */
div.searchBox div.frame1 form span.dsps {
    position: absolute;
    display: block;
    top: 213px;
    left: 20px;
    width: 80px;
    font-size: 10px;
    color: #f00;
    }

/* ※( ) 内の台数は現在の物件数です。 */
div.searchBox div.comment {
    margin-top: -13px;
    width: 280px;
    height: 32px;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -1px;
    color: #8f9797;
    text-indent: 11px;
    }



/*
##################################################################
履歴パネル
################################################################## */

div.searchBox p.history {
    width: 280px;
    height: 35px;
    font-size: 12px;
    text-indent: -9999px;
    background: url(../images/marketforecastImg/v1_05.gif) 0 0 no-repeat;
    }

div.searchBox div.frame2 {
    padding-left: 5px;
    width: 275px;
    padding-bottom: 30px;
    background: url(../images/marketforecastImg/v1_20.gif) 0 0 no-repeat;
    }

/* リスト */
div.searchBox div.frame2 ul.list2 {
    width: 260px;
    }

div.searchBox div.frame2 ul.list2 li {
    border-bottom: 1px solid #dbdbdb;
    width: 260px;
    height: 21px;
    overflow: hidden;
    }

div.searchBox div.frame2 ul.list2 li a {
    display: block;
    padding-left: 10px;
    padding-right: 15px;
    width: 235px;
    height: 21px;
    font-size: 12px;
    line-height: 21px;
    background-repeat: no-repeat;
    background-position: 0 0;
    }

div.searchBox div.frame2 ul.list2 li a:hover {
    background-position: 0 -21px;
    }

div.searchBox div.frame2 ul.list2 li.l1 a, div.searchBox div.frame2 ul.list2 li.l3 a, div.searchBox div.frame2 ul.list2 li.l5 a, div.searchBox div.frame2 ul.list2 li.l7 a, div.searchBox div.frame2 ul.list2 li.l9 a, div.searchBox div.frame2 ul.list2 li.l11 a, div.searchBox div.frame2 ul.list2 li.l13 a, div.searchBox div.frame2 ul.list2 li.l15 a, div.searchBox div.frame2 ul.list2 li.l17 a, div.searchBox div.frame2 ul.list2 li.l19 a, div.searchBox div.frame2 ul.list2 li.l21 a, div.searchBox div.frame2 ul.list2 li.l23 a, div.searchBox div.frame2 ul.list2 li.l25 a, div.searchBox div.frame2 ul.list2 li.l27 a, div.searchBox div.frame2 ul.list2 li.l29 {
    background-image: url(../images/marketforecastImg/v1_06.gif);
    }

div.searchBox div.frame2 ul.list2 li.l2 a, div.searchBox div.frame2 ul.list2 li.l4 a, div.searchBox div.frame2 ul.list2 li.l6 a, div.searchBox div.frame2 ul.list2 li.l8 a, div.searchBox div.frame2 ul.list2 li.l10 a, div.searchBox div.frame2 ul.list2 li.l12 a, div.searchBox div.frame2 ul.list2 li.l14 a, div.searchBox div.frame2 ul.list2 li.l16 a, div.searchBox div.frame2 ul.list2 li.l18 a, div.searchBox div.frame2 ul.list2 li.l20 a, div.searchBox div.frame2 ul.list2 li.l22 a, div.searchBox div.frame2 ul.list2 li.l24 a, div.searchBox div.frame2 ul.list2 li.l26 a, div.searchBox div.frame2 ul.list2 li.l28 a, div.searchBox div.frame2 ul.list2 li.l30 {
    background-image: url(../images/marketforecastImg/v1_07.gif);
    }



/*
##################################################################
ブランド・車種・グレード
################################################################## */

div.resultBox div.nameBox {
    padding: 0 15px;
    width: 630px;
    height: 55px;
    /*background: url(../images/marketforecastImg/v1_09.gif) 0 0 no-repeat;*/
    }

/* ブランド・車種 */
div.resultBox div.nameBox h2 {
    width: 630px;
    height: 27px;
    font-size: 12px;
    letter-spacing: -1px;
    line-height: 27px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: url(../images/marketforecastImg/v1_09.gif) 0 0 repeat-x;
    }

div.resultBox div.nameBox h2 a{color:#fff; font-size:14px;}
div.resultBox div.nameBox h2 a:hover{color:#fc0;}

p#b_catalog{position:relative;width:630px; color:#fff; text-align:right;}
p#b_catalog span{position:absolute; top:-20px; right:0; font-size:10px;}
p#b_catalog span a{color:#fff;}
p#b_catalog span a:hover{color:#fc0;}

/* グレード */
div.resultBox div.nameBox div.nameGrade {
    width: 630px;
    height: 28px;
    font-size: 11px;
    line-height: 24px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }



/*
##################################################################
総合評価
################################################################## */

div.resultBox div.rcmdAll {
    position: relative;
    width: 660px;
    height: 32px;
    background: url(../images/marketforecastImg/v1_10.gif) 0 0 no-repeat;
    }

/* 評価の★ */
div.resultBox div.rcmdAll img {
    position: absolute;
    top: 3px;
    left: 114px;
    width: 88px;
    height: 16px;
    }

/* 総合評価コメント */
div.resultBox div.rcmdAll span {
    position: absolute;
    display: block;
    top: 4px;
    left: 216px;
    width: 437px;
    height: 16px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 16px;
    overflow: hidden;
    }



/*
##################################################################
項目別評価枠
################################################################## */

div.resultBox div.rcmdLeft, div.resultBox div.rcmdRight {
    float: left;
    height: 118px;
    margin-bottom: 24px;
    }

div.resultBox div.rcmdLeft {
    width: 447px;
    background: url(../images/marketforecastImg/v1_11.gif) 0 0 no-repeat;
    }

div.resultBox div.rcmdLeft div.picBox {
    float: left;
    position: relative;
    width: 112px;
    height: 118px;
    }

div.resultBox div.rcmdLeft div.estmBox {
    float: left;
    position: relative;
    width: 330px;
    height: 118px;
    }

div.resultBox div.rcmdRight {
    position: relative;
    width: 213px;
    background: url(../images/marketforecastImg/v1_12.gif) 0 0 no-repeat;
    }

div.resultBox div.rcmdLeft div.picBox div.picTitle, div.resultBox div.rcmdLeft div.estmBox div.estmTitle, div.resultBox div.rcmdRight div.devTitle {
    display: none;
    }

/* カタログ画像 */
div.resultBox div.rcmdLeft div.picBox div.carPic {
    position: absolute;
    top: 38px;
    left: 10px;
    width: 92px;
    height: 69px;
    }

div.resultBox div.rcmdLeft div.picBox div.carPic img {
    border: 0;
    width: 92px;
    height: 69px;
    }

/* 項目別評価 */
div.resultBox div.rcmdLeft div.estmBox ul.estmList {
    position: absolute;
    top: 35px;
    left: 66px;
    width: 264px;
    }

div.resultBox div.rcmdLeft div.estmBox ul.estmList li {
    width: 264px;
    height: 26px;
    font-size: 12px;
    line-height: 26px;
    color: #555;
    overflow: hidden;
    }



/*
##################################################################
EDGEな中古車を探してみよう
################################################################## */

div.resultBox div.rcmdRight ol.devList {
    position: absolute;
    top: 32px;
    left: 18px;
    width: 184px;
    }

div.resultBox div.rcmdRight ol.devList li {
    width: 184px;
    height: 21px;
    }

div.resultBox div.rcmdRight ol.devList li a {
    display: block;
    width: 184px;
    height: 21px;
    font-size: 11px;
    line-height: 21px;
    letter-spacing: -1px;
    text-indent: 10px;
    background: url(../images/marketforecastImg/v1_13.gif) 0 0 no-repeat;
    }

div.resultBox div.rcmdRight ol.devList li a:hover {
    background-position: 0 -21px;
    }

div.resultBox div.rcmdRight ol.devList li a span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0px;
    }



/*
##################################################################
グラフ
################################################################## */

/* 枠 */
.graphBox {
    width: 660px;
    background: url(../images/marketforecastImg/v1_14.gif) 0 0 repeat-y;
    }

/* 閉じ枠 */
.graphBot {
    width: 660px;
    height: 28px;
    background: url(../images/marketforecastImg/v1_15.gif) 0 0 no-repeat;
    font-size: 5px;
    }

/* 操作ボタン枠 */
.opeBox {
    position: relative;
    padding: 5px 20px;
    width: 620px;
    text-align: center;
    padding-top: 10px;
    height: 55px;
    background: url(../images/marketforecastImg/v1_16.gif) 0 0 no-repeat;
    }



/*
##################################################################
操作ボタン
################################################################## */

/* 新車価格帯 */
.priceRange {
    position: absolute;
    top: 30px;
    left: 20px;
    font-size: 11px;
    line-height: 13px;
    color: #666;
    text-decoration: underline;
    }

.priceRange span {
    font-size: 12px;
    font-weight: 700;
    color: #090;
    }

li.p, li.n, li.c {
    display: block;
    width: 76px;
    height: 28px;
    text-align: center;
    margin-right: 4px;
    font-size: 10px;
    line-height: 26px;
    }

/* 価格 */
li.p a {
    display: block;
    width: 76px;
    height: 28px;
    background-image: url(../images/marketforecastImg/btn_a.gif);
    background-repeat: no-repeat;
    color: #fff;
    }

li.p a:hover {
    display: block;
    width: 76px;
    height: 28px;
    background-image: url(../images/marketforecastImg/btn_a1.gif);
    background-repeat: no-repeat;
    color: #fff;
    }

/* 新車価格帯 */
li.n a {
    display: block;
    width: 76px;
    height: 28px;
    background-image: url(../images/marketforecastImg/btn_b.gif);
    background-repeat: no-repeat;
    color: #fff;
    }

li.n a:hover {
    display: block;
    width: 76px;
    height: 28px;
    background-image: url(../marketforecastImg/graph/btn_b1.gif);
    background-repeat: no-repeat;
    color: #fff;
    }

/* 台数 */
li.c a {
    display: block;
    width: 76px;
    height: 28px;
    background-image: url(../images/marketforecastImg/btn_c.gif);
    background-repeat: no-repeat;
    color: #333;
    }

li.c a:hover {
    display: block;
    width: 76px;
    height: 28px;
    background-image: url(../images/marketforecastImg/btn_c1.gif);
    background-repeat: no-repeat;
    color: #333;
    }

/* 期間 */
p.ope_x {
    display: none;
    }

ul.operate {
    position: absolute;
    top: 24px;
    left: 290px;
    }

ul.operate li {
    float: left;
    display: block;
    border: 1px solid #333;
    width: 70px;
    height: 19px;
    margin: 0px 3px;
    font-size: 11px;
    font-weight: 700;
    line-height: 19px;
    text-align: center;
    background-color: #d5e8f8;
    }

ul.operate li a {
    display: block;
    width: 70px;
    height: 19px;
    background-color: #fff;
    color: #aaa;
    }

ul.operate li a:hover {
    background-color: #ffebcd;
    color: #f90;
    }

/*

li.s a {
    display: block;
    width: 38px;
    height: 16px;
    color: #999;
    background-color: #f7f7f8;
    }

li.s a:hover {
    display: block;
    width: 38px;
    height: 16px;
    color: #000;
    background-color: #fc0;
    }*/


/* グラフ説明 */
.expBox {
    padding: 0px;
    width: 660px;
    }



/*
##################################################################
グラフ設定
################################################################## */

/* 枠 */
.graphMain {
    padding: 0px 30px;
    width: 600px;
    height: 500px; /* 仮囲い */
    text-align: center;
    background: url(../images/marketforecastImg/v1_19.gif) 0 0 no-repeat;
    }

/* 各グラフ枠 */
.chart {
    width: 600px;
    height: 240px;
    font: menu;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    background-color: #fff;
    color: #333;
    overflow: hidden;
    position: relative;
    }

/* #価格# */
#chart.chart {
    margin-bottom: 25px;
    }

.chart .legend {
    float: left;
    border: 10px solid #000;
    background-color: #fff;
    padding: 5px 10px 5px 10px;
    }

.chart .legend ul {
    margin: 0px;
    padding: 0px 0px 0px 20px;
    }

.chart .legend ul li {
    list-style: square;
    }

.chart .legend ul li span {
    color: #333;
    }



/*
#################################################################
グラフ-JSライブラリ影響下 
#################################################################*/

.mainbox {
    /*margin: 20px 0px 20px 20px;*/
    margin: 100px 0px 20px 20px;
}
.mainbox .left {
    float:left;
}
.mainbox .left .frm {
    padding: 8px 4px 8px 4px;
    border: 1px solid #aaa;
}
.mainbox .left .frm select {
    width:240px;
}

.mainbox .right {
    float:left;
    margin-left:10px;
}

.mainbox .gr {
    position:relative;
    border: 1px solid #aaa;
    padding: 4px 4px 4px 4px;
    width: 600px;
    height: 170px;
}

.mainbox .gr .p1 {
    position:absolute;
    top:0px;
}

.mainbox .gr .p2 {
    position:absolute;
    top:80px;
}

.mainbox .gr .p3 {
    position:absolute;
    top:160px;
}

.mainbox .list {
    margin-top:12px;
}

.mainbox .list .ch {
    background-color: #99f;
}
.mainbox .list .ch tr {
}
.mainbox .list .ch td {
    background-color: #eef;
    padding:0px 4px 0px 4px;
}