@charset "utf-8";

/* *****************************************
/*+  common  +******************************
/***************************************** */

div#wrap {
	font-size: .83em;
	}
div#wrap a {
	color: #666;
	}



/* *****************************************
/*+  layout  +******************************
/***************************************** */

div#header {
	height: 100px;
	}
div#wrap {
	padding-top: 30px;
	}
div#contents {
	margin-left: 0;
	width: 560px;
	float: left;
	}
div#campaign,
#hakkoServiceContents {
	margin-left: 580px;
	width: 250px;
	background: #B5B9AE;
	}
/*+  float-3pxWinIE6  +------------------- */
* html div#wrap {
	/*\*/
	height: 1%;
	/* */
	}
* html div#contents {
	margin-right: -560px;
	}



/* *****************************************
/*+  logo  +********************************
/***************************************** */

h1 {
	text-indent: 0;
	}



/* *****************************************
/*+  mainImage  +***************************
/***************************************** */

#mainImage,
#flashContents {
	height: 400px;
	}
#mainImage {
	text-align: center;
	background: url("../img_fla/pic1.jpg") no-repeat center top;
	}
#flashContents {
	margin: 0 auto;
	width: 840px;
	text-align: left;
	position: relative;
	}
#flashContents h2 {
	padding: 6px;
	color: #FFF;
	font-size: 1em;
	background: #000;
	position: absolute;
	right: 0;
	top: 20px;
	}
#flashContents p.notes {
	padding: 6px;
	color: #FFF;
	background: #E42E2E;
	position: absolute;
	right: 0;
	bottom: 10px;
	}

/* globalNavigation */
#globalNavigation li a {
	height: 66px;
	background: url("../img/ind_global_navigation.jpg") no-repeat;
	}
#globalNavigation li.top a {
	height: 68px;
	top: 0;
	}
#globalNavigation li.lineUp a {
	background-position: 0 -68px;
	top: 68px;
	}
#globalNavigation li.approvedCars a {
	background-position: 0 -134px;
	top: 134px;
	}
#globalNavigation li.showroom a {
	background-position: 0 -200px;
	top: 200px;
	}
#globalNavigation li.service a {
	background-position: 0 -266px;
	top: 266px;
	}
#globalNavigation li.about a {
	height: 68px;
	background-position: 0 -332px;
	top: 332px;
	}

/* ROsetting */
#globalNavigation li.lineUp a:hover {
	background-position: -160px -68px;
	}
#globalNavigation li.approvedCars a:hover {
	background-position: -160px -134px;
	}
#globalNavigation li.showroom a:hover {
	background-position: -160px -200px;
	}
#globalNavigation li.service a:hover {
	background-position: -160px -266px;
	}
#globalNavigation li.about a:hover {
	background-position: -160px -332px;
	}



/* *****************************************
/*+  topicsAndBlog  +***********************
/***************************************** */

div#topics,
div#blog {
	}
div#topics .title,
div#blog .title {
	width: 150px;
	text-align: right;
	float: left;
	}
div#topics .title h2,
div#blog .title h2,
div#topics dl,
div#blog dl {
	padding-top: 12px;
	background: url("../common/img/dotline_gray.gif") repeat-x left top;
	}
div#topics .title h2,
div#blog .title h2 {
	margin: 0 0 2px 10px;
	font-size: 1;
	line-height: 1;
	}
div#topics p,
div#blog p {
	text-align: right;
	}
div#topics p a,
div#blog p a {
	padding-left: 10px;
	background: url("../common/img/lcn_ico_arrow_gray.gif") no-repeat 0 .4em;
	}
div#blog p a {
	background: url("../common/img/ico_blank_s_gray.gif") no-repeat 0 .2em;
	}
div#topics dl,
div#blog dl {
	margin-bottom: 30px;
	width: 390px;
	float: right;
	}
div#topics dt,
div#blog dt {
	margin-bottom: 0;
	font-style: italic;
	}
div#topics dt img,
div#blog dt img {
	margin-left: 6px;
	}
div#topics dd,
div#blog dd {
	margin-bottom: 1em;
	}



/* *****************************************
/*+  campaign,  +***************************
/*+  hakkoServiceContents,  +***************
/***************************************** */

div#campaign {
	padding-bottom: 10px;
	}
div#campaign h2 img,
div#campaign ul li,
#hakkoServiceContents li {
	font-size: 0;
	line-height: 0;
	}
div#campaign h2 img,
div#campaign ul li {
	margin: 10px 0 0 10px;
	}
#hakkoServiceContents li {
	margin-bottom: 0;
	}