@charset "euc-jp";

/*======================================

    area_search.cssは次のテンプレートに読み込まれています。
		
		エリア選択
		/usr/goonet/HTTP_PHP/template/search/area_search.html
				
=======================================*/




/* ------------------------------------------------------
base setting
------------------------------------------------------ */

html {
     overflow-y: scroll;
}

body {
	margin:0;
	border:0;
	padding:0;
	line-height:1.4;
	position:relative;
}
h1, h2, h3, h4, h5, h6,
p, ul, ol, li, dl, dt, dd, address,
div, form, input, table, caption, th, td, img {
	list-style-type:none;
	margin:0;
	border:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
}
img { border: none; }
iframe {
	border:medium none;
	margin:0;
	padding:0;
}

/* ------------------------------------------------------
font
------------------------------------------------------ */
strong { font-weight:normal;}

a:link {
	color:#004AB8;
	text-decoration:none;
}
a:hover {
	color:#ff0000;
	text-decoration:none;
}

/* ------------------------------------------------------
clearfix
------------------------------------------------------ */
/* for modern browser */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* for IE 5.5-7 */
.clearfix { zoom: 1; }


/* Layout Settings
-------------------------- */
div#wrap {
	width:960px;
	margin:0 auto;
	position: relative;
}

div#header{
	width:960px;
}

div#contents {
	width:960px;
	float:left;
	padding-bottom:15px;
}

div#main{
	width:960px;
	float:left;
}

div#footer{
	margin: 0px;
	padding: 0;
	clear: both;
}


/* Detail Settings
-------------------------- */

/* Header Definition */

div#header h1 {
	font-size: 100%;
	padding:4px 0 ;
	border-bottom: 1px solid #ccc;
	zoom:1;
}

div#header div#gNav {
	position: relative;
	margin:0 ;
}
div#header div#gNav ul {
	position: absolute;
	top:-21px;
	right:0;
}

div#header div#gNav ul li {
	display: inline;
	border-right: 1px solid #333;
	padding: 0 6px 0 3px;
}
div#header div#gNav ul li.bookmark a {
	background:#fff url(/common/img/icon_star.gif) no-repeat scroll left center;
	padding:0 0 0 16px;
}
div#header div#gNav ul li.english a {
	background:#fff url(/common/img/icon_world.gif) no-repeat scroll left center;
	padding:0 0 0 16px;
}
div#header div#gNav ul li.mypage a {
	background:#fff url(/common/img/icon_mypage.gif) no-repeat scroll left center;
	padding:0 0 0 16px;
}
div#header div#gNav ul li.sitemap a {
	background:#fff url(/common/img/icon_guide.gif) no-repeat scroll left center;
	padding:0 0 0 16px;
}
div#header div#gNav ul li.inquire a {
	background:#fff url(/common/img/icon_help.gif) no-repeat scroll left center;
	padding:0 0 0 16px;
}
div#header div#gNav ul li.goonet a {
	background:#fff url(/common/img/icon_goo.gif) no-repeat scroll left center;
	padding:0 0 0 16px;
}
div#header div#gNav ul li.inquire {
	border-right:none;
}
div#header div#gNav ul li.goonet {
	border-right:none;
	margin-left: 10px;
	padding: 0 0 0 3px;
}
div#header div#headerMv {
	width:960px;
	float:left;
}
div#header div#headerMv p.gooLogo,
div#header div#headerMv p.conLogo {
	float:left;
	margin:13px 0;
}
div#header div#headerMv p.hdBnr {
	float:right;
	width:468px;
	height:60px;
	margin:8px 0 ;
}
/* ナビゲーション (menu) */

div#menu {
	clear:both;
	height:32px;
}
div#menu ul {
	border:1px solid #ccc;
	border-bottom:3px solid #c80122;
	height:28px;
	background:url(/common/img/top_menu_bg.gif) 0 bottom no-repeat;
	}
div#menu ul li {
	display:inline;
	}
div#menu ul li a {
	display:block;
	float:left;
	padding:0px 10px;
	line-height:28px;
	border-right:1px solid #ccc;
	background:url(/common/img/top_menu_bg.gif) 0 bottom no-repeat;
	text-decoration:none;color:#333;
	font-size:13px;
	}
div#menu ul li a.on,
div#menu ul li a:hover {
	background:url(/common/img/top_menu_bg_on.gif) 0 bottom repeat-x;
	color:#fff;
	background-color:#C80122;
	}
div#menu ul li a.on {
	font-weight:bold;
	}

div#menu p.mitsubishi_obi {
	background:url(/common/img/mitsubishi_bar.gif) no-repeat scroll 0 0;
	color:#ffffff;
	padding:7px 0 5px 15px;
	font-size:1.2em;
	font-weight:bold;
	height:32px;
}




/* パンくず
-----------------*/

div.topicpath {
	clear:both;
	padding:5px 0 ;
}
div.topicpath ul li {
	display: inline;
	line-height: 1.4;
}
div.topicpath ul li a {
	background: url(/used/common/img/topicpath.gif) right 0 no-repeat ;
	padding-right: 13px;
	margin-right:5px;
}
div.topicpath ul li a.nogt {
	background: none ;s
	padding-right: 0;
	margin-right:0;
}

/* Main Definition */

div#main h2 {
    background-color: #F2F2F2;
    border: 1px solid #999999;
    font-size: 117%;
    line-height: 28px;
    overflow: hidden !important;
    padding: 0 8px;
    zoom: 1;
}

div#main h2 b{
	float: left;
}

div#main h2 div{
	float: left;
	font-weight: bold;
	margin-left: 20px;
	font-size: 85%;
	line-height: 1.2;
}

div#main h2 div span{
	color: #ff0000;
	font-size: 145%;
	line-height: 1.4;
}

p#ad_bnr {
/*	font-size:80%;*/
	text-align: left;
	padding-bottom: 5px;
}
p#ad_bnr span {
	color:#ff0000;
}


/* エリア選択
-----------------*/

div#areaBox {
	width:960px;
	float:left;
	line-height:1.4;
	position:relative;
}

div#areaBox {

}

div#areaBox p.sbmtBtn {
	clear: both;
	width:960px;
	margin:0;
	text-align: center;
	padding:5px 0 0;
}

div#areaBox p.compareBtn {
	position:relative;
	text-align:right;

}
div#areaBox p.compareBtn a {
	position:absolute;
	top:-23px;
	right:52px;
}

div#areaBox p.compareBtn img {
	position:absolute;
	top:-20px;
	right:8px;
}


/* エリアマップ
---------------------------------*/

div#areamap div#resulttext{
	position: absolute;
	z-index: 2;
	font-size: 87%;
	left: -19px;
	top: 9px;
	padding:8px 10px 6px 7px;
	border: 1px solid #eeeeee;
	width: 282px;
	margin:5px 0 0;	
}

div#areamap div#resulttext img{
	float: left;
	margin-right: 5px;
	border:1px solid #eeeeee;	
}

div#areamap div#resulttext h2{
	background: none;
	line-height: 1.2;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 3px solid #ff0000;
	padding: 0 0 0 3px;
	font-weight: bold;
	font-size: 98%;
}

div#areamap div#resulttext p{
	line-height: 1.2;
	margin: 4px 0;
}

div#areamap div#resulttext a{
	width: 165px;
	float: right;
	font-size: 103%;	
}

table.areaupper{
	border-collapse: collapse;
	border: none;
}

table.areaupper td.bar{
	width: 1%;
	background: #fff url(../img/used_back_au1.gif) repeat-x;
}

table.areaupper td.adjust{
	width: 48%;
	background: #fff url(../img/used_back_au2.gif) repeat-x;
	font-size: 1px;
}

table.areaupper td.main{
	width: 900px;
	background: #fff url(../img/used_back_au2.gif) repeat-x;
}

table.areaselect{
	border-collapse: collapse;
	border: none;
}

table.areaselect td{
}


table.areaselect td.bar{
	width: 1%;
	background: #f3f3f3;
}

table.areaselect td.adjust{
	width: 48%;
	background: #fff;
	font-size: 1px;
}


table.areaselect td.main{
	width: 920px;
}

div#areamap{
        position: relative;
        margin: 15px auto 0;
        padding: 0;
        width: 920px;
        height:520px;
        font-size: 12px;
        font-family: 'ＭＳ Ｐゴシック' ,sans-serif;
        line-height: 1.0;

}

div#areamap div.image{
        position: absolute;
        margin: 0;
        padding: 0;
        z-index: 1;

}

div#areamap div p{
  margin: 2px;
  padding: 0;
  line-height: 6px;
}

div#areamap div p input {
  height: 15px;
  width: 15px;
  margin: 0 2px 0 0;
  vertical-align: middle;
}

div#areamap div p.sub1{
        margin: 2px;
        padding: 0 0 0 10px;
        font-size: 11px;
        line-height: 6px;
        
}
div#areamap div#zenkoku0{
        position: absolute;
        margin: 58px 0 0 302px;
        font-size: 14px;
        z-index: 2;
}

div#areamap div#hokkaido0{
        position: absolute;
        margin: 17px 0 0 667px;
        z-index: 2;
}

div#areamap div#hokkaido1{
        position: absolute;
        margin: 36px 0 0 679px;
        z-index: 2;
}

div#areamap div#hokkaido2{
        position: absolute;
        margin: 36px 0 0 792px;
        z-index: 2;
}

div#areamap div#tohoku0{
        position: absolute;
        margin: 117px 0 0 667px;
        z-index: 2;
}

div#areamap div#tohoku1{
        position: absolute;
        margin: 136px 0 0 679px;
        z-index: 2;
}

div#areamap div#tohoku2{
        position: absolute;
        margin: 136px 0 0 812px;
        z-index: 2;
}

div#areamap div#hokuriku0{
        position: absolute;
        margin: 110px 0 0 302px;
        z-index: 2;
}

div#areamap div#hokuriku1{
        position: absolute;
        margin: 128px 0 0 311px;
        z-index: 2;
}

div#areamap div#hokuriku2{
        position: absolute;
        margin: 128px 0 0 409px;
        z-index: 2;
}

div#areamap div#kanto0{
        position: absolute;
        margin: 235px 0 0 667px;
        z-index: 2;
}

div#areamap div#kanto1{
        position: absolute;
        margin: 253px 0 0 679px;
        z-index: 2;
}

div#areamap div#kanto2{
        position: absolute;
        margin: 253px 0 0 792px;
        z-index: 2;
}

div#areamap div#tokai0{
        position: absolute;
        margin: 384px 0 0 667px;
        z-index: 2;
}

div#areamap div#tokai1{
        position: absolute;
        margin: 402px 0 0 679px;
        z-index: 2;
}

div#areamap div#tokai2{
        position: absolute;
        margin: 402px 0 0 792px;
        z-index: 2;
}

div#areamap div#kansai0{
        position: absolute;
        margin: 381px 0 0 404px;
        z-index: 2;
}

div#areamap div#kansai1{
        position: absolute;
        margin: 400px 0 0 414px;
        z-index: 2;
}

div#areamap div#kansai2{
        position: absolute;
        margin: 400px 0 0 505px;
        z-index: 2;
}

div#areamap div#chugoku0{
        position: absolute;
        margin: 156px 0 0 12px;
        z-index: 2;
}

div#areamap div#chugoku1{
        position: absolute;
        margin: 175px 0 0 24px;
        z-index: 2;
}
div#areamap div#chugoku2{
        position: absolute;
        margin: 175px 0 0 124px;
        z-index: 2;
}

div#areamap div#shikoku0{
        position: absolute;
        margin: 417px 0 0 258px;
        z-index: 2;
}

div#areamap div#shikoku1{
        position: absolute;
        margin: 435px 0 0 269px;
        z-index: 2;
}

div#areamap div#kyusyu0{
        position: absolute;
        margin: 247px 0 0 12px;
        z-index: 2;
}

div#areamap div#kyusyu1{
        position: absolute;
        margin: 267px 0 0 23px;
        z-index: 2;
}

div#areamap div#kyusyu2{
        position: absolute;
        margin: 267px 0 0 139px;
        z-index: 2;
}

div#areamap div#okinawa2{
        position: absolute;
        margin: 392px 0 0 115px;
        z-index: 2;
}

div#areamap div#zenkoku0 a,
div#areamap div#hokkaido0 a,
div#areamap div#tohoku0 a,
div#areamap div#hokuriku0 a,
div#areamap div#kanto0 a,
div#areamap div#tokai0 a,
div#areamap div#kansai0 a,
div#areamap div#chugoku0 a,
div#areamap div#shikoku0 a,
div#areamap div#kyusyu0 a,
div#areamap div#okinawa2 a
{
        font-weight: bold;
        padding: 0 1px 0 0;
}
/* エリア情報
---------------------------------*/


div#areaInfo {
	padding: 5px 10px;
	margin-top:15px;
	background-color:#f3f3f3;
}

div#areaInfo ul {
	padding-left:0.5em;
}

div#areaInfo ul li {
	margin-left:-0.5em;
	display:inline;
}

div#areaInfo ul li img {
	vertical-align:middle;
}






/* Footer Definition */
div.footer_proto{
	margin-top:10px;
	padding:5px;
	font-size: 75%;
}
div.footer_proto img{
	float:left;
}
div.footer_proto p{
	margin-left:90px;
}

/* FOOTER AREA */
#flist {
	width: 750px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#flist li {
	float: left;
	white-space: nowrap;
}
#flist h2 {
	margin: 0;
	padding: 0;
	font-weight: 100;
	float: left;
}
.footrim {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
table.f_brand_link {
	width: 100%;
	background-color: #eeeeee;
	margin-top: 5px;
}
table.f_brand_link ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
table.f_brand_link li {
	float: left;
	border-right: 1px #ccc solid;
	border-left: 1px #fff solid;
	white-space: nowrap;
	font-size:1em;
}
table.f_brand_link li a {
	display: block;
	position: relative; /* Hack for IE */
	padding: 3px 8px;
}
table.f_brand_link li#l_none {
	padding: 3px 0;
	border-left: none;
}
table.f_brand_link li#r_none {
	padding: 3px 0;
	border-right: none;
}
table#flist_wrapper {
	width: 100%;
	margin-top: 5px;
	vertical-align: top;
	border-top: solid 1px #cccccc;
}
table#flist_wrapper td {
	padding: 5px;
	font-size: 11px; /* FontSize */
	line-height: 1.3;
}



p.pageTop {
	width:960px;
	clear:both;
	text-align: right;
}
p.pageTop a {
	background: url(/used/common/img/ic_top.gif) 0 3px no-repeat;
	padding-left: 15px;
	font-size: 12px;
}




.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* for IE 5.5-7 */
.clearfix { zoom: 1; }
.marginTop10px { margin-top: 10px; }



/* 中古車検索：エリア選択ページ全国部分 */
div#areamap div#zenkoku0 p { line-height:1; }
div#areamap div#zenkoku0 p font { line-height:1; }

/* フッターリンクデザイン修正 2009.10.29 */
div#footer { margin-top:10px; border-top:#CCCCCC 1px solid;}
div#footer a { color:#666666; text-decoration:none;}
div#footer a:hover { color:#20394C; text-decoration:underline;}
div#footer ul#flist { clear:both; zoom:1;}
div#footer ul#flist:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}
div#footer ul#flist li.flist-title { margin-right:10px; font-weight:bold; color:#20394C !important;}
div.footer-inner { clear:both; padding:5px; font-size:11px; border-bottom:#CCCCCC 1px dotted;}
table#flist_wrapper { clear:both; border-bottom:#CCCCCC 1px dotted;}



/* ↓20100208追加↓
----------------------------------------------------------------- */


/* clearfix
----------------------------------------------------------------- */
#contents div#history ul:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
    font-size: 0;
}

#contents div#history ul{/*for IE7*/
  min-height: 1px;
}

* html #contents div#history ul{/*for IE6 below, MacIE5*/
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* div#history
----------------------------------------------------------------- */
#contents div#history{}

#contents div#history ul{
	position: absolute;
	left: 630px;
	top: 137px;
}

#contents div#history ul li#btn1,
#contents div#history ul li#btn2,
#contents div#history ul li#btn3{
	float: left;
	width: 110px;
	height: 25px;
}

#contents div#history ul li#btn1{background: url(https://img.goo-net.com/goo/usedcar/history.jpg) no-repeat;}
#contents div#history ul li#btn2{background: url(https://img.goo-net.com/goo/usedcar/examination.jpg) no-repeat;}
#contents div#history ul li#btn3{background: url(https://img.goo-net.com/goo/usedcar/look_cart.png) no-repeat;}

div#history ul li#btn1 span,
div#history ul li#btn2 span{
	display: block;
	padding-top: 5px;
	color: #FF0000;
	font-weight: bold;
}

div#history ul li#btn1 span{padding-left: 67px;}
div#history ul li#btn2 span{padding-left: 75px;}

#contents div#history ul li span a{
	text-decoration: none;
}