/* コンテンツページ用 CSS Document */
body
{
	margin:0px;
	padding:0px;
	background-color:#eeeeee; /* ページ全体の背景色（16進数で指定） */
	color:#666666;
	font-szie:86%;
}

p {font-size:86%;line-height:1.5;margin-top:-10px;}

img
{
	border:0px; /* 画像ファイルの枠線を消去 */
}

.main
{
	width:800px; /* ページ全体の幅（単位 ： pixel で指定） */
	margin:0 auto 0 auto;
	background-color:#FFFFFF;
}

.header
{
	width:800px;
	height:180px;
	background:url(../images/header.jpg) repeat-x; /* ページヘッダーの背景画像） */
}

h1 { /* TOPページヘッダー内のコメント */
	font-size:75%;
	font-weight:normal;
	color:#333333;
	float:left;
	padding-left:12px;
}


h2 {  /* 「おすすめ車両」 タイトル*/
	font-size:100%;
	color:#5b7faf;
	padding:6px 5px 2px 8px;
	border-color:#cc0000;
	border-width:0 0 0 4px;
	border-style:solid;
	background:#f9f9f9;
 	}

h4 { padding:4px 1px;border-color:#cc0000;border-width:0 0 1px 0;border-style:solid;}

.content
{
	width:800px;
}


/* TOPページ「おすすめ車両」テーブル */
table#table_top {
    width: 564px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:86%;
}

table#table_top th {
    padding: 4px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

table#table_top td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

table.table_top {
    width: 162px;
    background: #ffffff;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:86%;
    margin-left:2px;
}

table.table_top th {
    padding: 0;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #ffffff;
    font-weight: normal;
    line-height: 1.35;
    text-align: center;
}

table.table_top td {
    padding: 0;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    font-weight: normal;
    line-height: 1.35;
    text-align: left;
}


/* 「車両詳細」テーブル */
table.table_pup {
	margin-top:24px;
    width: 776px;
    background: #fff;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:75%;
    line-height:1.5;
}

table.table_pup th {
    padding: 6px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #ffffff;
    font-weight: normal;
    line-height: 1.35;
    text-align: center;
}

table.table_pup td {
	width:129px;
    padding: 6px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    font-weight: normal;
    line-height:1.5;
    text-align: left;
}

table.table_pup td.contact {
    font-size:120%; color:#333;
    line-height:1.75;
}



table.table_pup td.td_a {
	width:129px;
    padding: 6px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    font-weight: normal;
    line-height: 1.35;
    text-align: left;
    background:#f5f5f5;
}

	/* 会社概要 table */

dl.co_table {
margin: 10px;
font-size:86%;
line-height:150%;
background:#eeeeee;
}

dl.co_table dt {
margin: 0;
padding: 8px 0;
width: 130px;
float: left;
clear: both;
text-indent: 10px;
}

dl.co_table dd {
margin: 0 0 0 130px;
padding: 8px 10px;
background:#ffffff;
}

/* 「車両詳細」キャプション付き画像を横に並べて配置 */
		div.imagebox {
		   border: 1px dotted #f5f5f5; /* 枠線 */
		   background-color: #f5f5f5;  /* 背景色 */
		   width: 386px;               /* 横幅 */
		   float: left;                /* 左に配置 */
		   margin: 0;                /* 周囲の余白 */
		}
		p.image, p.caption {
		   text-align: center; /* 中央寄せ */
		   margin: 4px 0;        /* 余白・間隔 */
		}
		p.caption {
		   font-size: 80%;     /* 文字サイズ */
		   color: #666;    /* 文字色 */
		}

		p.exp {
			clear: left;       /* 回り込みを解除 */
		}


/* 「在庫一覧」テーブル */
table#table_stock,table#table_stock_b,table#table_stock_c {
    width: 776px;
    border: 1px #999999 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:76%;
}

table#table_stock th,table#table_stock_b th,table#table_stock_c th {
    padding: 4px;
    border: 1px #999999 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
}

table#table_stock td,table#table_stock_b td,table#table_stock_c td {
    padding: 5px;
    border: 1px #999999 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

table#table_stock td.center,table#table_stock_b td.center,table#table_stock_c td.center {
    text-align: center;
}

table#table_stock td.right,table#table_stock_b td.right,table#table_stock_c td.right {
    text-align: right;
}



/* フッター要素 */

.footer
{
	width:800px;
	margin-top:24px;
	height:72px;
	background-color:#dedede;
	padding:12px 0 12px 0;
	text-align:center;
}


#footer_navi {
	margin: 10px 0;
	padding: 0;
	font-size: 86%;
}

#footer_navi li {
	display: inline;
	margin: 0;
	padding: 0 10px;
	list-style: none;
	border-right: 1px solid #000000;
}

#footer_navi li.bdno {
	border-right: none;
}

#footer_navi_b {
 	margin: 0 0 10px 0;
	padding: 0;
	font-size: 86%;
}

#footer_navi_b li {
	display: inline;
	margin: 0;
	padding: 0 10px;
	list-style: none;
	border-right: 1px solid #000000;
}

#footer_navi_b li.bdno {
	border-right: none;
}

p.right {
	margin:10px 5px -12px 0;
	text-align:right;
	}

.copy
{
	width:800px;
	height:36px;
	background-color:#eeeeee;
	font-size:64%;
	text-align:center;
	padding-top:12px;
}

.text
{
	width:800px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.8;
	color:#3f3f3f;
	float:left;
	padding-top:12px;
	padding:10px
}



/*Newstyles*/
.innercontent
{
	width:778px;
	margin:0 auto 0 auto;
	overflow:hidden
}

/* 左カラムレイアウト */
.leftpannel
{
	width:190px;
	float:left;
	margin-bottom:24px;
}

/* 右カラムレイアウト */
.rightpannel
{	
	width:565px;
	float:right;
	margin:16px 0;
}

.rightpannel p { font-size:86%;line-height:1.5;margin:0;	}
.rightpannel div#form_m{ margin:0;font-size:86%; }
.contentpannel div#form_m{ margin:0;font-size:86%; }
.rightpannel h2.cts {
	margin:12px 2px 16px 0;
	padding:4px 8px;
	border-color:#999999;
	border-width:1px 1px 1px 7px;
	border-style:solid;
	font-size:120%;
	color:#333333;
}


iframe.f01 {
	margin-left:-7px;
	width: 562px;
	height: 420px;
}

/* 買取 table */

.rightpannel dl.table_list2 {
margin: 16px 12px 0 0 ;
}

.rightpannel dl.table_list2 dt {
margin: 0;
padding: 5px 0;
width: 140px;
float: left;
clear: both;
text-indent: 10px;
}

.rightpannel dl.table_list2 dd {
margin: 0 0 0 140px;
padding: 5px 10px;
}


/* contact table */

.contentpannel dl.table_list2 {
margin: 16px 12px 0 0 ;
}

.contentpannel dl.table_list2 dt {
margin: 0;
padding: 5px 0;
width: 140px;
float: left;
clear: both;
text-indent: 10px;
}
.contentpannel dl.table_list2 dd {
margin: 0 0 0 140px;
padding: 5px 10px;
}


/* コンテンツページレイアウト */
.contentpannel
{	
	margin-top:-12px;
	width:100%;
	padding:0 16px 16px 2px;
}

.contentpannel h2 {
	margin-right:2px;
	padding:4px 8px;
	border-color:#3c9ed7;
	border-width:1px 1px 1px 7px;
	border-style:solid;
	font-size:120%;
	color:#333333;
}

.contentpannel h3 {
	padding:1px 0 0 5px;
	border-color:#cc0000;
	border-width:0 0 0 5px;
	border-style:solid;
	font-size:100%;
	margin:24px 0 5px 0;
	}

.contentpannel h5 {
	font-size:100%;
	margin:24px 0 5px 0;
	}

.contentpannel h5 span {
	font-size:100%;
	margin:24px 0 5px 18px;
	font-weight:normal;
	}


.osusume /* 「おすすめ車両」 レイアウト*/
{
	width:565px;
	height:100%;
	margin-top:-12px;
}


.find
{
	width:190px;
	height:113px;
	background-color:#5d5d5d;
	margin-top:16px;
	margin-bottom:-5px;
}

.leftpan1
{
	width:190px;
	height:16px;
	background:url(../images/find.gif) repeat-x;
}

.leftpan2
{
	width:190px;
	height:180px;
}
.search
{
	width:190px;
	height:160px;
	margin-top:6px;
}
.search1
{
	width:190px;
	height:31px;
	background-image:url(../images/find.gif);
}

.go /* 左カラム「住所」レイアウト*/
{
	width:168px;
	height:109px;
	border:1px solid #e4e4e4;
	margin-top:5px;
	font-size:86%;
	line-height:1.5;
	padding:10px;
}

/* （ヘッダー）メインメニュー設定  */
#navigation {
		width: 800px;
		margin-top:-1px;
}

#navigation ul {
		margin: 0;
		padding: 0;
}

#navigation li{
	list-style-type: none;
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
}

#navigation li a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 46px;
	padding-top: 46px;
	background-image: url(../images/main_mn.gif);
}

/*   オフマウス  */
#nav01 a{ background-position: 0 0;}
#nav02 a{ background-position: -160px 0;}
#nav03 a{ background-position: -320px 0;}
#nav04 a{ background-position: -480px 0;}
#nav05 a{ background-position: -640px 0;}

/*   オンマウス  */
#nav01 a:hover{ background-position: 0 -46px;}
#nav02 a:hover{ background-position: -160px -46px;}
#nav03 a:hover{ background-position: -320px -46px;}
#nav04 a:hover{ background-position: -480px -46px;}
#nav05 a:hover{ background-position: -640px -46px;}

/*   アクティブ  */
#nav01 a.active{ background-position: 0 -46px;}
#nav02 a.active{ background-position: -160px -46px;}
#nav03 a.active{ background-position: -320px -46px;}
#nav04 a.active{ background-position: -480px -46px;}
#nav05 a.active{ background-position: -640px -46px;}


#a-cn_top {position:relative;float:right;margin:5px 0 -16px 0;; }
#a-cn {position:relative;float:right;margin-top:-27px; }

/*（左カラム）メニューレイアウト */

.a {
color:#FFFFFF;
font-size:86%;
font-weight:bold;
text-decoration:none;
}

.a:hover {
color:#808080;
text-decoration:underline;
}

.leftm li
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.leftm li a
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.leftmenu 
{
	margin:0px;
	padding:0px;
}
.leftmenu ul
{
	margin:0px;
	padding:0px;
}

.leftmenu ul li
{
	width:180px;
	height:25px;
	float:left;
	list-style-type:none;
	margin-top:5px
}

.leftmenu ul li a
{	font-size:86%;
	color:#FFF;
	text-decoration:none;
	vertical-align:top;
	width:190px;
	line-height:25px;
	padding-left:15px;
	float:left;
	display:block;
	
}
.leftmenu ul li a:hover
{
	background-color:#d6dbed;
	width:175px;
	color:#000000
}

.leftmenu ul li a.active
{
	background-color:#d6dbed;
	width:175px;
	color:#000000
}


#gr {width:565px;padding:8px;margin:-28px 0 0 0;}

.roundedcornr_box {
   background: #ffecd2;
   font-size:86%;
   color:#333333;
   line-height:2;
}
.roundedcornr_top div {
   background: url(../images/tl.png) no-repeat top left;
}
.roundedcornr_top {
   background: url(../images/tr.png) no-repeat top right;
}
.roundedcornr_bottom div {
   background: url(../images/bl.png) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: url(../images/br.png) no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 557px;
   height: 12px;
   font-size: 1px;
}
.roundedcornr_content { margin: 0 12px; }