@charset "utf-8";


/* --------------------------------------------------
	GENERAL
-------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	/*background-color: transparent;*/
	color: #333333;
}

html {
	overflow-y: scroll;
}

body {
	background-color: #FFFFFF;
	background-image: url(../common/bg_body.gif);
	background-position: 0px 0px;
	background-repeat: repeat;
	text-align: center;
	font-family: /*"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",*/"メイリオ",Meiryo,Verdana,Helvetica,Arial,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 14px;
	line-height: 1.6;
	/*position: relative;*/
}

img {
	border: none;
	vertical-align: top;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-position: outside;
}

fieldset {
	border: none;
}

table {
	border: none;
	border-collapse: collapse;
	empty-cells: show;
}

th, td, form {
	margin: 0;
	padding: 0;
	color: #333333;
}

th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0;
	font-size : 100% ;
	font-weight : normal ;
	font-style : normal ;
}

hr {
	color: #000;
	border-top: 1px solid #CCC;
}

dl dt {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

dl dd {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}




/* //// DECORATION //// */


.unit00 {
	margin: 0 0 10px;
}

.unit01 {
	margin: 0 0 15px;
}

.unit02 {
	margin: 0 0 20px;
}

.unit03 {
	margin: 0 0 25px;
}

.unit04 {
	margin: 0 0 30px;
}

.unit05 {
	margin: 0 0 35px;
}

.unit06 {
	margin: 0 0 40px;
}

.unit07 {
	margin: 0 0 70px;
}

.indent00 {
	margin-left: 10px;
}

.indent01 {
	margin-left: 15px;
}

.indent02 {
	margin-left: 20px;
}

.indent03 {
	margin-left: 25px;
}

.indent04 {
	margin-left: 30px;
}

.indent05 {
	margin-left: 35px;
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1;
}

span.alt {
	display: none;
}




/* //// LINK //// */

a:link {
	color: #0066FF;
	text-decoration: none;
}
a:visited {
	color: #0066FF;
	text-decoration: none;
}
a:hover {
	color: #98CA2C;
	text-decoration: none;
}




/* //// footer-LINK //// */

#footer-navi a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footer-navi a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footer-navi a:hover {
	color: #FFCC33;
	text-decoration: underline;
}




/* //// TEXT //// */

.bgIcon01 {
	background:url(../common/icon03.gif) no-repeat left top;
	padding-left: 1.4em;
	}

.bgIcon02 {
	background:url(../common/icon04.gif) no-repeat left top;
	padding-left: 1.4em;
	}

.bgIcon03 {
	background:url(../common/icon05.gif) no-repeat left top;
	padding-left: 1.4em;
	}

.bgIcon04 {
	background:url(../common/icon06.gif) no-repeat left top;
	padding-left: 1.4em;
	}

.bgIcon05 {
	background:url(../common/icon07.gif) no-repeat left top;
	padding-left: 1.4em;
	}

.bgIcon06 {
	background:url(../common/icon08.gif) no-repeat left center;
	padding-left: 1.4em;
	}

.bgIcon07 {
	background:url(../common/icon09.gif) no-repeat left top;
	padding-left: 1.4em;
	}

.bgIcon08 {
	background:url(../common/icon10.gif) no-repeat left top;
	padding-left: 1.4em;
	}

.bgIcon09 {
	background:url(../common/icon11.gif) no-repeat left center;
	padding-left: 1.4em;
	}

.bgIcon10 {
	background:url(../common/icon12.gif) no-repeat left center;
	padding-left: 1.4em;
	}

.bgIcon11 {
	background:url(../common/icon13.gif) no-repeat left center;
	padding-left: 1.4em;
	}

.bgIcon12 {
	background:url(../common/icon14.gif) no-repeat  left center;
	padding-left: 1.4em;
	}
	
.bgIcon13 {
	background:url(../common/point01.gif) no-repeat left top;
	padding-left: 1.7em;
	}

.bgIcon14 {
	background:url(../common/point02.gif) no-repeat left top;
	padding-left: 1.7em;
	}

.bgIcon15 {
	background:url(../common/point03.gif) no-repeat left top;
	padding-left: 1.7em;
	}

.bgIcon16 {
	background:url(../common/point04.gif) no-repeat left top;
	padding-left: 1.7em;
	}

.bgIcon17 {
	background:url(../common/point05.gif) no-repeat left top;
	padding-left: 1.7em;
	}

.bgIcon18 {
	background:url(../common/point06.gif) no-repeat  left top;
	padding-left: 1.7em;
	}
	


.bold	{
	font-weight: bold;
	}

.eco	{
	color: #4DB03C;
	}
	
.big01	{
	font-size: 1.1em;
	}

.big02	{
	font-size: 1.2em;
	}

.big03	{
	font-size: 1.3em;
	}

.big04	{
	font-size: 1.4em;
	}

.big05	{
	font-size: 1.5em;
	line-height: 1.3;
	}

.big06	{
	font-size: 1.6em;
	}

.big07	{
	font-size: 1.7em;
	}

.big08	{
	font-size: 1.8em;
	}

.big09	{
	font-size: 1.9em;
	}

.big10	{
	font-size: 2em;
	}

.big11	{
	font-size: 2.5em;
	}

.attention {
	color: #C40000;
	font-weight: bold;
	}

.danger {
	color: #C40000;
	}

.caution {
	color: #808000;
	}

.warning {
	color: #808000;
	font-weight: bold;
	}

.notice {
	color: #FF0000;
	font-weight: bold;
	}

.cool {
	color:#FF6633;
	}

.sea {
	color:#0066CC;
	}

.right  {
	float:right;

	}

.left  {
	float:left;

	}

.bull	{
	text-align: center;
	}




/* --------------------------------------------------
	preloaded
-------------------------------------------------- */

#preloadedImages {
	width: 0px;
	height: 0px;
	display: inline;
	background-image: url(../common/btn_navi_01_on.gif);
	background-image: url(../common/btn_navi_02_on.gif);
	background-image: url(../common/btn_navi_03_on.gif);
	background-image: url(../common/btn_navi_04_on.gif);
	background-image: url(../common/btn_navi_05_on.gif);
	background-image: url(../common/btn_navi_06_on.gif);
	background-image: url(../common/btn_head_01_on.gif);
	background-image: url(../common/btn_head_02_on.gif);
	background-image: url(../common/btn_head_03_on.gif);
	background-image: url(../common/btn_search_01_on.gif);
	background-image: url(../common/side_banner_01_on.gif);
	background-image: url(../common/side_banner_02_on.gif);
	background-image: url(../common/btn_foot_navi_01_on.gif);    
	background-image: url(../common/btn_foot_navi_02_on.gif);    
	background-image: url(../common/btn_foot_navi_03_on.gif);    
	background-image: url(../common/btn_foot_navi_04_on.gif);    
	background-image: url(../top/media/btn_truck_001_on.gif);
	background-image: url(../top/media/btn_truck_002_on.gif);
	background-image: url(../top/media/btn_truck_003_on.gif);
	background-image: url(../top/media/btn_truck_004_on.gif);
	background-image: url(../top/media/btn_truck_005_on.gif);
	background-image: url(../top/media/btn_truck_006_on.gif);
	background-image: url(../top/media/btn_truck_007_on.gif);
	background-image: url(../top/media/btn_truck_008_on.gif);
	background-image: url(../top/media/btn_truck_009_on.gif);
	background-image: url(../top/media/btn_truck_010_on.gif);
	background-image: url(../top/media/btn_truck_011_on.gif);
	background-image: url(../top/media/btn_truck_012_on.gif);
	background-image: url(../top/media/btn_truck_013_on.gif);
	background-image: url(../top/media/btn_truck_014_on.gif);
	background-image: url(../top/media/btn_truck_015_on.gif);
	background-image: url(../top/media/btn_truck_016_on.gif);
	background-image: url(../top/media/btn_truck_017_on.gif);
	background-image: url(../top/media/btn_serch_01_on.gif);
	background-image: url(../common/btn_side_navi_01_on.gif);
	background-image: url(../common/btn_side_navi_02_on.gif);
	background-image: url(../common/btn_side_navi_03_on.gif);
	background-image: url(../common/btn_side_navi_04_on.gif);
	background-image: url(../common/btn_pagetop_on.gif);
	background-image: url(../carsearch/media/btn_list_on.gif);
	background-image: url(../carsearch/media/btn_mail_on.gif);
	}




/* --------------------------------------------------
	LAYOUT
-------------------------------------------------- */


#header {
	background: url(../common/bg_head_sky.gif) repeat-x 0px 0px;
	}
	
#headArea {
	width: 996px;
	height: 210px;
	text-align: left;
	margin: 0px auto;
	background: url(../common/bg_header.gif) no-repeat center top;
	position: relative;
	}

#contents {
	width: 862px;
	text-align: left;
	margin: 0 auto;
	background-image: url(../common/bg_wrapper.png);
	_background-image: url(../common/bg_wrapper.gif);
	background-repeat: repeat-y;
	background-position: center;
	padding: 10px 67px 20px;
	}

#footer {
	width: 996px;
	height: 119px;
	text-align: left;
	margin: 0 auto;
	background: url(../common/bg_footer.png);
	_background-image: url(../common/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	clear: both;
	}



/* //// head //// */

#logo {
	position: absolute;
	top: 21px;
	left: 73px;
	}

.phonNum {
	position: absolute;
	top: 8px;
	right: 60px;
	}

.headSearch {
	width: 900px;
	position: absolute;
	top: 148px;
	left: 68px;
	}


/* //// mainNavi //// */

#mainNavi ul {
	list-style: none;
	}

#mainNavi li {
	float: left;
	padding-right: 1px;
	}

#mainNavi {
	width: 896px;
	position: absolute;
	top: 98px;
	left: 50px;
	}


/* //// headNavi //// */

#headNavi ul {
	list-style: none;
	}

#headNavi li {
	float: left;
	padding-right: 15px;
	}

#headNavi {
	width: 386px;
	position: absolute;
	top: 75px;
	right: 38px;
	}


/* //// headSearch //// */

.headSearch select {
	font-size: 18px;
	font-weight: bold;
	}

.headSearchAll {
	background: url(../common/icon01.gif) no-repeat right;
	float: left;
	padding-right: 35px;
	margin-right: 13px;
	margin-top: 5px;
	}


.btnHeadSearch {
	position: absolute;
	right: 74px;
	top: 148px;
	}


/* //// contents //// */

#mainArea {
	float: left;
	width: 640px;
	}

.contentsBox {
	border-right: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 30px;
	}

.contentsBox2 {
	border-right: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
	padding-top: 10px;
	padding-bottom: 2px;
	margin-bottom: 30px;
	}

/* //// pageTop //// */

.pageTop {
	width: 640px;
	padding-top: 15px;
	text-align: right;
	height: 50px;
	border-top: 1px solid #E4E4E4;
}

#faq .pageTop , #toSell .pageTop , #toBuy .pageTop , #carInfo .pageTop , #mytop .pageTop  , #carSearch .pageTop, #dataDetail .pageTop , #alermDetail .pageTop , #myList .pageTop , #about .pageTop {
	width: 862px;
	padding-top: 15px;
	text-align: right;
	height: 50px;
	border-top: 1px solid #E4E4E4;
}

.capright {
	width: 640px;
	text-align: right;
	font-size: 10px;

}


/* //// sideArea //// */

#sideArea {
	float: right;
	width: 200px;
	}

.sideBox {
	padding: 1px;
	width: 196px;
	margin-bottom: 15px;
	border: 1px solid #C9CACA;
	}

.sideTruckNum dd {
	font-size: 1.8em;
	font-weight: bold;
	color: #C40000;
	}

.push {
	font-size: 1.4em;
	color: #C40000;
	}

.sideNote p {
	line-height: 1.5em;
	font-size: 0.85em;
	}

.sidePoint dt {
	font-size: 1.2em;
	font-weight: bold;
	color: #FF6200;
	line-height: 1.2em;
	}
	
.sidePoint {
	width: 176px;
	padding: 12px 10px;
	}
	
.sidePoint dl {
	margin-bottom: 8px;
	}
	
.sidePoint dd {
	font-size: 0.85em;
	line-height: 1.3em;
	margin-left: 2.2em;
	}

/* //// sideNavi //// */

.sideNavi {
	background: url(../common/bg_side_navi.gif) no-repeat;
	height: 282px;
	width: 200px;
	margin-bottom: 15px;
	padding-top: 6px;
	}

.sideNavi ul {
	list-style: none;
	}
	
.sideNavi li {
	width: 196px;
	height: 45px;
	margin-bottom: 1px;
	margin-left: 1px;
	}


/* //// footNavi //// */

#footer ul {
	list-style: none;
	position: absolute;
	top: 20px;
	right: 55px;
	}

#footer li {	
	float: left;
	padding-right: 15px;
	}

.copyright {
	top: 63px;
	position: absolute;
	left: 380px;
	}