@charset "UTF-8";
/* CSS Document */



html {overflow-y: scroll;background:url(../img/html_bg.png) no-repeat center top ; }

* {margin: 0;padding: 0;}


h1, h2, h3,h4,h5,h6,dt{font-size: 1.6em;font-weight: bold;}

p,table,dd {font-size: 1.4em;line-break: normal;line-height:1.6em;}

li { font-size: 1.4em;}

img { border-style: none;}

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

a {	color:#214277;;overflow: hidden;}

a:hover { text-decoration:none;color: #00a0bf;}

/*テキスト*/
.red{ color:#C00}
.blue{ color:#07334f}
.bold{ font-weight:bold;}
.big { font-size:200%; font-weight:bold; line-height:200%}
.small{ font-size: 80%;}
.txt_Blue { color:#113b6b;}

.font_L{
	font-size:120%;
}

.txtCenter{text-align:center;}

/*背景*/
.gray_bg{ background:#f0f7f8;}


/*ボックス指定*/

.alpha_innner{margin:20px 0;}
.blue_inner{
	border:1px solid #336699;
	padding:10px;
	background:#f2f9fb;
	clear:both;
	margin:20px 0;
}

.blue_inner p{margin-bottom:10px;}

.gray_inner{border:1px solid #336699; padding:10px; background:#f0f7f8; clear:both; margin:20px 0; }

/*2分割ボックス*/
.inner_left	{ float:left;width:440px;padding:0 20px;}
.inner_right{ float:right;width:440px;padding:0 20px;}

/* 点線 */
.dottedline {
	border-bottom: #cccccc 1px dashed;
}

/*フロート*/
.left{ float:left}
.right{ float:right;}


/*リスト*/
.list_style_1 li{
	padding:0 0 0 20px;
	margin:8px 0;
	font-size:1.1em;
	background: url(../img/li_bg_1.png) no-repeat  3px;
	}


body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	font-size:62.5%;
	
}

/*骨組み*/

#container {
	width:960px;
	margin:0 auto;
	text-align:left;
}
	
/*  ヘッダー設定
--------------------------------------------- */
#headerArea {
	width: 960px;
	height: 110px;
	position:relative;
	background:url(../img/header_bg.png) no-repeat;
	
	

}

/* ロゴ */
#logo {
	position:absolute;
	top:50px;
	left:0;
}

/* ヘッダーテキスト */
#headerTxt {
	position: absolute;
	left: 0px;
	top: 30px;
}

#headerTxt h1 {
	font-size:1.2em;
	color:#666;
	font-weight:normal;
}

#headerTxt a {
	color: #666;
	text-decoration: none;
	color:#666;
}


/*ブックマーク*/
#bookmark {
	position: absolute;
	left: 250px;
	top: 60px;
}

#bookmark li{ margin-right:10px; float:left; font-size:1.1em;}

#bookmark a { text-decoration:underline;}


/* ヘッダーナビゲーション */
#headerNavi {
	position: absolute;
	left: 240px;
	top: 85px;
}

#headerNavi li {
	float:left;
	margin-right:4px;
}

/* 文字サイズ */

#size_navi{
	position:absolute;
	left:470px;
	top:15px;
}

#size_navi li{
	float:left;
	margin-left:4px;

}

/* 電話 */
#headerTel {
	position: absolute;
	top: 20px;
	right:0;
}




/* [01]グローバルナビゲーション
--------------------------------------------- */
#grovalNavi {
	width: 960px;
	margin-bottom:10px;


}

#grovalNavi dl {
	float: left;
}

#grovalNavi dt  {
	width:240px;
}

#grovalNavi dd {
	overflow: hidden;
	display: none;
	background:#f6fafb;
	border:1px solid #beebf6;
	position:absolute;
	
	}

#grovalNavi dd li {
	width:215px;
	margin:4px 0 0 4px;;
	padding:10px 5px 10px 14px;
	font-size:0.9em;
	background: url(../img/li_bg2.gif) no-repeat 5px 18px ;
	font-weight:bold;
}

#grovalNavi dd li a:hover {
	background:#98e6f7;
	color:#FFF;
	padding:10px;
}


/*☆☆☆☆☆☆☆☆コンテンツ*/

#contents{
	
	}
	
#contents p{
	margin-bottom:10px;
	}


/*☆☆☆☆☆☆☆☆メインエリア*/	

#mainArea{
	width:700px;
	float:left;
	padding-right:20px;
	
	}	
	

/*メインイメージ部分*/
#mainImage	{ 
	height: 300px;
	margin-bottom:50px;

}
	
/*買う、売るナビ*/	
#sale_buy_navi{
	margin-top:;
	padding-left:80px;
	height:auto;
	
}

#sale_buy_navi li{
	float:left;
	margin-right:20px;
	
}	
	
/*タイトル部分*/
.ttl{
	clear: both;
	width:953px;
	height:40px;
	margin: 20px 0;
	padding: 0 0 0 7px;
	background: url(../img/ttl_bg.gif) no-repeat;
	border-right: #ccc 1px solid;
	border-left: #ccc 1px solid;
	color: #07334f;
	line-height: 40px;
}


.ttl_blue {
	background:#0b5283;
	padding:8px;
	color:#FFF;
	margin: 20px 0;
	}
	
/* =============== 新着トラック =============== */
	
#saleTruck {
	width: 700px;
	margin-bottom:20px;
	margin-top:10px;
}

.saleTruckList {
	background: url(../img/trucklist_border.gif) repeat-x left bottom;
	margin-bottom:10px;
	padding-bottom:10px;
}

.saleTruckList h3 {
	
}



.saleTruckList img.carImage {
	float: left;
	border:1px solid #ccc;
	padding:1px;
}

.saleTruck {
	float: left;
	width: 346px;
	padding-right:4px;
	
}

.saleTruckR {
	float: right;
	width: 346px;
	padding-right:4px;
}

.saleTruckComment {
	margin: 0 4px 0 120px;
}



/* =============== 都道府県リスト =============== */


#provArea {
	float: left;
	width: 700px;
	margin: 20px 0;
}

#prov {
	float: left;
	width: 100%;
}

#prov li {
	clear:both;
	padding: 5px 3px;
	height:30px;
}

#prov li h5 {
	padding: 0 0 0 10px;
	font-size:1.2em;
	color: #003366;
	line-height: 1.5em;
	font-weight:normal;
}


#prov li ul {
	float:right;
	margin-top: -1.5em;
	
}

#prov li li {
	display:inline;
	font-size:0.9em;
	
	
}

#prov li li a {
	color: #666;
	text-decoration: underline;
}
#prov li li a:hover {
	color: #7ab315;
	text-decoration: underline;
}


/* ////////////////////////////////////////////サイド
--------------------------------------------- */
#sideArea{
	width:240px;
	float:right;
	}
	
#side_satei{
	width:240px;
	height:200px;
	padding:100px 0 0 0 ;
	background:url(../img/side_satei.png);
	text-align:center;
	}
	
#side_satei h2{
	display:none;
	}	
	
#side_satei p{
	display:none;
	
	}	
	
.side_inner {
	margin-bottom:40px;
	}	
	
.side_inner li{
	margin-bottom:10px;
	}
	
/* //////////////////////////////////////////フッターエリア
--------------------------------------------- */

#footBnr {
	margin:20px 0;
	}

/* ページトップ */
.pagetop {
	margin:0 0 0 760px;
}

/*Footer*/
#footer{
	clear: both;
	background: #113b6b;
	color: #FFF;

	}

#footer a{
	color: #FFF;
	}
	

/* フッターナビゲーション */
#footerNavi {
	width:960px;
	margin:0 auto;
}

.footBox {
	width:240px;
	margin-right:0;
	border-left: #003366 0px solid;
	padding:20px 0 10px 0px;
}


.footBox p {
	font-size:1.4em;
	margin-bottom:10px;
	padding-left:14px;
	font-weight:bold;
	border-left:4px solid #FFF;
}

	
#footerNavi li {
	padding:0 0 0 20px;
	margin-bottom:10px;
	font-size:1.1em;
	background: url(../img/li_bg_1.png) no-repeat  3px;
}

#footerNavi li a {text-decoration:underline;}

#footerNavi li a:hover {text-decoration:none;}


#footer_bottom{
	clear: both;
	text-align:right;
	border-top:#003366 2px solid;
	padding:20px;
	font-weight:bold;
	background:url(../img/footer_bottom_bg.gif) repeat-x bottom;
	
}


/* コピーライト */
#copyright {
	font-size:1.4em;
	
}

/*  テーブル基本設定 スタイル1 */

.table_1 table{
	width:960px;
	margin:20px 0;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
}

.table_1 th {
	padding: 10px;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	font-weight: bold;
	background: #f0f7f8;
	text-align:left;
}

.table_1 td {
	padding: 10px;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	text-align:left;
}

.table_1 .photo_th_td{
	text-align:center;
	}


/*☆☆☆☆☆☆☆☆☆☆clearfix☆☆☆☆☆☆☆☆☆☆*/

/*IE7・IE6・Mac版IE5には、after擬似要素が未対応*/
.clearfix {
	min-height: 1%;
	display: inline-table;
}
/*IE7とMac版IE5*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*Dreamweaverプレビュー用*/
.clearfix {
	overflow: hidden;
}

/*☆☆☆☆☆☆☆☆☆☆clearfix☆☆☆☆☆☆☆☆☆☆*/


/*☆☆☆☆☆☆☆☆☆☆
各ブラウザ透明度設定
filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	
x☆☆☆☆☆☆☆☆☆☆*/