@charset "euc-jp";

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

    grade_search.cssは次のテンプレートに読み込まれています。
		
		グレード選択
		/templates/search/grade_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:#0000FF;
	text-decoration:underline;
}
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.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;
}


/* Main Definition */

div#main h2{
	border:1px solid #999;
	line-height: 28px;
	padding:0 8px;
	background-color:#f2f2f2;
	font-size:117%;
}

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


/* グレード一覧
-----------------*/

div#gradeBox {
	width:960px;
	float:left;
	line-height:1.4;
	padding-bottom:20px;
}

div#gradeBox p {
	margin:10px;
}
div#gradeBox ul {

}
div#gradeBox ul li {
	width:225px;
	padding:0px 8px 0px 3px;
	float:left;
	height:2.8em;
}
div#gradeBox ul li input {
	float:left;
	margin-right:5px;
}
div#gradeBox p.sbmtBtn {
	clear: both;
	width:960px;
	margin:0;
	text-align: center;
	padding:15px 0 0;
}

/* 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; }



/* フッターリンクデザイン修正 2009.11.04 */
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 { width:auto; 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;}


/* ↓20100201追加↓
----------------------------------------------------------------- */


/* 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: 740px;
	top: 137px;
	
}

#contents div#history ul li#btn1,
#contents div#history ul li#btn2{
	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;}

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;
}