/*
##################################################################
opinion_v1.css　ユーザーの声がっちゃんこ＠2008/03/11
################################################################## */

div#opinionBox {
    display: inline;
    }
div#opnL, div#opnR {
    float: left;
    margin-top: 30px;
    overflow: hidden;
    }
div#opnL {
    display: block;
    padding: 8px 8px 0px 8px;
    width: 674px;
    background: url(/common/images/opinion/v1_bg01.gif) 0 0 no-repeat;
    }
div#opnR {
    border-left: 1px solid #cfcdb9;
    border-right: 1px solid #cfcdb9;
    border-bottom: 1px solid #cfcdb9;
    }
div.opnTitle {
    width: 674px;
    height: 24px;
    text-indent: 8px;
    font-size: 12px;
    font-weight: 700;
    color: #333;
    line-height: 20px;
    background: url(/common/images/opinion/v1_bg02.gif) 0 0 no-repeat;
    }


/*
##################################################################
各画面の設定
################################################################## */

/* 新車検索TOP */
body#newcar div#opinionBox {
    width: 970px;
    display: block !important;
    }
body#newcar div#opnL {
    margin-left: 5px;
    }
body#newcar div#opnR {
    margin-left: 5px;
    width: 260px;
    }

/* 物件一覧ＤＸ */
body#ucar2 div#opinionBox {
    width: 970px;
    }
body#ucar2 div#opnL {
    margin-left: 5px;
    }
body#ucar2 div#opnR {
    margin-left: 5px;
    width: 260px;
    }

/* 物件一覧ＢＥＴＡ */
body#ucarBETA1 div#opinionBox, body#ucarBETA2 div#opinionBox, body#ucarGAZO div#opinionBox {
    width: 965px;
    }
body#ucarBETA1 div#opnL, body#ucarBETA2 div#opnL, body#ucarGAZO div#opnL {
    margin-left: 0px;
    }
body#ucarBETA1 div#opnR, body#ucarBETA2 div#opnR, body#ucarGAZO div#opnR {
    margin-left: 5px;
    width: 260px;
    }

/* 物件一覧カスタム */
body#ucarCUSTOM div#opinionBox {
    width: 970px;
    display: block;
    }
body#ucarCUSTOM div#opnL {
    margin-left: 5px;
    }
body#ucarCUSTOM div#opnR {
    margin-left: 5px;
    width: 260px;
    }

/* 物件一覧(詳細) */
body#spal div#opinionBox {
    width: 970px;
    }
body#spal div#opnL {
    margin-left: 10px;
    }
body#spal div#opnR {
    margin-left: 5px;
    width: 270px;
    }

/* 見積リスト */
body#hikaku div#opinionBox {
    width: 965px;
    }
body#hikaku div#opnL {
    margin-left: 5px;
    margin-bottom: 15px;
    }
body#hikaku div#opnR {
    margin-left: 5px;
    margin-bottom: 15px;
    width: 263px;
    }

/* カタログ */
body#grd-search-all div#opinionBox {
    width: 970px;
    }
body#grd-search-all div#opnR {
    margin-left: 5px;
    width: 262px;
    }

/* カタログ:車種モデル検索のみ */
body#grd-search-all div.opnFrame {
    margin-left: 10px;
    }

/* グレード比較 */
body#catalog-grhikaku div#opinionBox {
    display: block;
    width: 971px;
    }
body#catalog-grhikaku div#opinionBox div#opnL {
    margin-left: 10px;
    _margin-left: 5px;
    margin-right: 10px;
    }
body#catalog-grhikaku div#opinionBox div#opnR {
    width: 259px;
    }
body#catalog-list div#opinionBox div#opnR {
	margin-left: 9px;
	width: 265px;
	}


/*
##################################################################
評価欄
################################################################## */

.opnCnts {
    position: relative;
    width: 674px;
    height: 166px;
    background: url(/common/images/opinion/v1_bg03.png) 0 0 no-repeat;
    }

/* 見積リストとグレード比較 */
#hikaku .opnCnts, #catalog-grhikaku .opnCnts, #catalog-sshikaku .opnCnts {
    background: url(/common/images/opinion/v1_bg03h.gif) 0 0 no-repeat;
    }

/* グラフ */
.opnGrp {
    position: absolute;
    top: 45px;
    width: 10px;
    height: 82px;
    font-size: 0px;
    }
.opnGrp span {
    display: block;
    width: 10px;
    padding-bottom: 3px;
    text-indent: -9999px;
    background-color: #fff;
    background-position: left bottom;
    background-repeat: no-repeat;
    }

/* 平均値 */
.aveBlue, .aveYellow, .aveRed {
    position: absolute;
    top: 27px;
    width: 110px;
    height: 13px;
    text-align: center;
    line-height: 13px;
    font-size: 12px;
    color: #5c5400;
    }
.aveBlue { left: 0px;}
.aveYellow { left: 110px;}
.aveRed { left: 220px;}
.aveBlue span, .aveYellow span, .aveRed span {
    display: none;
    }
    
/* 青 */
.blue1 span, .blue2 span, .blue3 span, .blue4 span, .blue5 span {
    background-image: url(/common/images/opinion/v1_bg04.gif);
    }
.blue1 { left: 15px;}
.blue2 { left: 33px;}
.blue3 { left: 51px;}
.blue4 { left: 69px;}
.blue5 { left: 87px;}

/* 黄 */
.yellow1 span, .yellow2 span, .yellow3 span, .yellow4 span, .yellow5 span {
    background-image: url(/common/images/opinion/v1_bg05.gif);
    }
.yellow1 { left: 125px;}
.yellow2 { left: 143px;}
.yellow3 { left: 161px;}
.yellow4 { left: 179px;}
.yellow5 { left: 197px;}

/* 赤 */
.red1 span, .red2 span, .red3 span, .red4 span, .red5 span {
    background-image: url(/common/images/opinion/v1_bg06.gif);
    }
.red1 { left: 235px;}
.red2 { left: 253px;}
.red3 { left: 271px;}
.red4 { left: 289px;}
.red5 { left: 307px;}

/* ラジオボタン */
table.opnTbl {
    margin-top: 2px;
    _margin-top: 0px;
    position: absolute;
    top: 18px;
    left: 442px;
    width: 197px;
    }
.opnTbl th {
    width: 12px;
    text-indent: -9999px;
    }
.opnTbl td {
    width: 37px;
    height: 22px;
    text-align: center;
    }

/* フリーワード */
.opnFree {
    position: absolute;
    top: 90px;
    left: 445px;
    width: 200px;
    height: 35px;
    font-size: 12px;
    color: #666;
    }

/* ボタン */
.opnBTN {
    position: absolute;
    top: 135px;
    left: 442px;
    width: 138px;
    height: 33px;
    }
input.btnGray {
    cursor: default !important;
    }

/* その他アンカー */
.opnEtc {
    margin-top: 8px;
    height: 20px;
    line-height: 20px;
    text-align: right;
    }
.opnEtc a {
    margin-left: 15px;
    padding-left: 6px;
    font-size: 10px;
    background: url(/common/images/opinion/v1_bg09.gif) 0 2px no-repeat;
    }


/*
##################################################################
ユーザーの声
################################################################## */

/* タイトル */
div#opnR p.opnRttl {
    display: block;
    height: 22px;
    text-indent: -9999px;
    background: url(/common/images/opinion/v2_02.gif) right top no-repeat;
    }
div#opnR p.opnRttl span {
    display: block;
    width: 140px;
    height: 22px;
    background: url(/common/images/opinion/v2_01.gif) 0 0 no-repeat;
    }
div#opnR ul {
    margin: 10px 5px 8px 5px;
    }
div#opnR li {
    font-size: 11px;
    font-weight: 700;
    line-height: 13px;
    letter-spacing: -1px;
    padding-left: 7px;
    background: url(/common/images/opinion/v2_03.gif) 0 0 no-repeat;
    padding-bottom: 5px;
    
    }

/* ラボへ意見を投稿する */
a.d_labiken {
    display: block;
    padding: 0px 5px 4px 12px;
    text-align: right;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: -1px;
    }