@charset "UTF-8";
/*****************************************************
index.css
Last Modified: 2010-02-08
******************************************************/
body#index #container {
	clear: both;
	width: 990px;
	margin: 0 auto;
	padding: 0;
	background: url(none);
	text-align: left;
}
body#index #header {
	width: 961px;
	height: 61px;
	margin: 0 0px 0 15px;
	padding: 0;
}

/*global-navi
=========================================*/
body#index #global-navi {
	clear: both;
	width: 961px;
	margin: 0px 14px 0px 15px;
	padding: 0;
}

/*contets
=========================================*/
body#index div#contents {
	clear: both;
	width: 960px;
	margin: 0;
	padding: 5px 15px 0;
	background: url(../../images/index_bg01.jpg) no-repeat left 0px;
}

body#index div#contents #contents-inner{
	clear: both;
	width: 960px;
	line-height: 1.4;
	margin: 0;
	padding: 0 0 24px;
	background: #1f262d url(../../images/index_bg04.gif) repeat-y right top;
	color: #CCCCCC;
}

div#contents #flash-area{
	clear: both;
	width: 960px;
	height: 446px;
	margin: 0px;
	padding: 0px;
}

/* Main */
body#index div#contents div#main {
	float: left;
	width: 743px;
	margin: 0;
	padding: 0px;
	background: #1f262d;
}

body#index div#contents div#main .main-inner{
	clear: both;
	width: 743px;
	margin: 0;
	padding: 0px;
	background: #1f262d;
}

/*car-lineup*/
body#index div#contents div#main #car-lineup{
	float: left;
	width: 530px;
	margin: 0;
	padding: 0px;
}

body#index div#contents div#main #car-lineup .btn-menu{
	clear: both;
	width: 530px;
	padding: 0px 0px 22px;
}

body#index div#contents div#main #car-lineup .btn-menu ul li{
	float: left;
	width: 170px;
	margin: 0;
	padding: 0px 10px 0px 0px;
}

body#index div#contents div#main #car-lineup .btn-menu ul li.end{
	float: left;
	width: 170px;
	margin: 0;
	padding: 0;
}

body#index div#contents div#main #car-lineup .heading-set{
	clear: both;
	width: 510px;
	margin: 5px 0px 0px 20px;
	padding: 0px 0px 5px;
	background: url(../../images/index_bg02.gif) no-repeat left bottom;
}

body#index div#contents div#main #car-lineup .heading-set h3{
	float: left;
	padding: 0px 0px 0px 10px;
}

body#index div#contents div#main #car-lineup .heading-set p{
	float: right;
	margin: 0px;
	padding: 1px 0px 0px;
}

body#index div#contents div#main #car-lineup dl.news-list{
	clear: both;
	width: 490px;
	margin: 15px 0px 0px 40px;
	padding: 0px;
}

body#index div#contents div#main #car-lineup dl.news-list dt{
	float: left;
	clear: both;
	width: 9em;
	color: #a6b0b8;
}

body#index div#contents div#main #car-lineup dl.news-list dd{
	margin: 0px 0px 0px 9em;
	padding: 0px 0px 10px;
}

* html body#index div#contents div#main #car-lineup dl.news-list dt{
	float: left;
	clear: both;
	width: 7.5em;
	color: #a6b0b8;
}

* html body#index div#contents div#main #car-lineup dl.news-list dd{
	margin: 0px 0px 0px 7.5em;
	padding: 0px 0px 10px;
}

*:first-child+html body#index div#contents div#main #car-lineup dl.news-list dt{
	float: left;
	clear: both;
	width: 7.5em;
	color: #a6b0b8;
}

*:first-child+html body#index div#contents div#main #car-lineup dl.news-list dd{
	margin: 0px 0px 0px 7.5em;
	padding: 0px 0px 10px;
}

body#index div#contents div#main #car-lineup dl.news-list dd .icon-new{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 60px;
	background: url(../../images/index_ic01.gif) no-repeat left top;
}

body#index div#contents div#main #car-lineup dl.news-list dd .icon-used{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 60px;
	background: url(../../images/index_ic02.gif) no-repeat left top;
}


body#index div#contents div#main #car-lineup dl.news-list dd .icon-service{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 60px;
	background: url(../../images/index_ic03.gif) no-repeat left top;
}


body#index div#contents div#main #car-lineup dl.news-list dd .icon-info{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 60px;
	background: url(../../images/index_ic04.gif) no-repeat left top;
}


body#index div#contents div#main #car-lineup dl.news-list dd a{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background: url(../images/com_ic01.gif) no-repeat left 0.4em;
}


body#index div#contents div#main #car-lineup .index-btn{
	clear: both;
	margin: 20px 0px 0px 31px;
	padding: 9px;
	background: #44586d;
}

body#index div#contents div#main #car-lineup .index-btn ul li.catalog{
	float: left;
	width: 240px;
}

body#index div#contents div#main #car-lineup .index-btn ul li.online{
	float: right;
	width: 240px;
}

body#index div#contents div#main .index-banner{
	clear: both;
	width: 708px;
	margin: 20px 0px 0px 31px;
	padding: 0px;
}

body#index div#contents div#main .index-banner ul li{
	float: left;
	width: 176px;
	padding: 0px 0px 0px 1px;
}


/*service-menu*/
body#index div#contents div#main #service-menu{
	float: right;
	width: 189px;
	margin: 0px;
	padding: 0px 3px 11px 4px;
	background: url(../../images/index_bg03.gif) no-repeat left bottom;
}

body#index div#contents div#main #service-menu ul.service-menu-btn {
	margin: 1px 0px 0px 14px;
	padding: 0px;
}

body#index div#contents div#main #service-menu ul.service-menu-btn li{
	margin: 0px;
	padding: 7px 0px 13px;
	background: url(../../images/index_hr01.gif) no-repeat left bottom;
}

body#index div#contents div#main #service-menu ul.service-menu-list{
	width: 160px;
	margin: 0px 15px 0px 14px;
	padding: 0px;
}


body#index div#contents div#main #service-menu ul.service-menu-list li{
	margin: 0px;
	padding: 8px 0px;
	background: url(../../images/index_hr02.gif) no-repeat left bottom;
}

body#index div#contents div#main #service-menu ul.service-menu-list li.end{
	margin: 0px;
	padding: 5px 0px 6px;
	background: url(none);
}

body#index div#contents div#main #service-menu ul.service-menu-list li a{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background: url(../images/com_ic01.gif) no-repeat left 0.5em;
}

body#index div#contents div#main a:link {
	color: #cccccc;
	text-decoration: none;
}


body#index div#contents div#main a:visited {
	color: #cccccc;
	text-decoration: none;
}


body#index div#contents div#main a:active {
	color: #cccccc;
	text-decoration: underline;
}


body#index div#contents div#main a:hover {
	color: #cccccc;
	text-decoration: underline;
}


/* aside */
body#index div#contents div#aside {
	float: right;
	width: 190px;
	margin: 0;
	padding: 0;
}


div#contents div#aside .side-navi{
	width: 190px;
	background: #3f5164;
}

div#contents div#aside .side-navi ul{
	width: 170px;
	margin: 0px 10px;
	background: #3f5164;
}

div#contents div#aside .side-navi ul li{
	margin: 0px;
	padding: 5px 5px 6px;
	background: url(../images/com_hr01.gif) repeat-x left bottom;
	font-weight: bold;
}


div#contents div#aside .side-navi ul li a{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background: url(../images/com_ic01.gif) no-repeat left 0.5em;
}

div#contents div#aside .side-navi ul li.end{
	margin: 0px;
	padding: 5px 5px 6px;
	background: url(none);
	font-weight: bold;
}


div#contents #calendar-area{
	clear: both;
	width: 170px;
	margin: 19px 0px 0px;
	padding: 10px;
	border-top: 1px solid #151a1f;
}

div#contents #calendar-area h3{
	margin: 0px;
	padding: 0px 0px 10px;
}


body#index div#contents div#aside a:link {
	color: #FFFFFF;
	text-decoration: none;
}


body#index div#contents div#aside a:visited {
	color: #FFFFFF;
	text-decoration: none;
}


body#index div#contents div#aside a:active {
	color: #FFFFFF;
	text-decoration: underline;
}


body#index div#contents div#aside a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.link-pdf { /* 右付き */
 padding: 0 12px 0 0;
 background: url(../images/pdf_ic001.gif) no-repeat 5px 1px;
 zoom:1;
}

.blank-pdf { /* 右付き */
 padding: 0 16px 0 0;
 background: url(../images/blank_ic001.gif) no-repeat 5px 1px;
 zoom:1;
}

.ended-event { /* 右付き */
 padding: 0 61px 0 0;
 background: url(../images/ended_ic001.gif) no-repeat 5px 1px;
 zoom:1;
}


/*99: clearfix
=========================================*/
body#index div#contents #contents-inner:after,
body#index div#contents div#main .main-inner:after,
body#index div#contents div#main #car-lineup .btn-menu:after,
body#index div#contents div#main #car-lineup .heading-set:after,
body#index div#contents div#main #car-lineup .index-btn:after,
body#index div#contents div#main #service-menu ul.service-menu-list li a:after,
body#index div#contents div#main #service-menu ul.service-menu-btn li:after,
body#index div#contents div#main #service-menu ul.service-menu-list li:after,
div#contents div#aside .side-navi ul li:after,
div#contents div#aside .side-navi ul li a:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: " ";
	font-size: 0;
}






* html body#index div#contents #contents-inner,
* html body#index div#contents div#main .main-inner,
* html body#index div#contents div#main #car-lineup .btn-menu,
* html body#index div#contents div#main #car-lineup .heading-set,
* html body#index div#contents div#main #car-lineup .index-btn,
* html body#index div#contents div#main #service-menu ul.service-menu-list li a,
* html body#index div#contents div#main #service-menu ul.service-menu-btn li,
* html body#index div#contents div#main #service-menu ul.service-menu-list li,
* html div#contents div#aside .side-navi ul li,
* html div#contents div#aside .side-navi ul li a,
* html body#index div#contents div#main #car-lineup dl.news-list dd a,
* html body#index div#contents div#main #car-lineup dl.news-list dd .icon-new,
* html body#index div#contents div#main #car-lineup dl.news-list dd .icon-used,
* html body#index div#contents div#main #car-lineup dl.news-list dd .icon-service,
* html body#index div#contents div#main #car-lineup dl.news-list dd .icon-info{ /* IE6 hack */
 zoom: 1; 
}






*:first-child+html body#index div#contents #contents-inner,
*:first-child+html body#index div#contents div#main .main-inner,
*:first-child+html body#index div#contents div#main #car-lineup .btn-menu,
*:first-child+html body#index div#contents div#main #car-lineup .heading-set,
*:first-child+html body#index div#contents div#main #car-lineup .index-btn,
*:first-child+html body#index div#contents div#main #service-menu ul.service-menu-list li a,
*:first-child+html body#index div#contents div#main #service-menu ul.service-menu-btn li,
*:first-child+html body#index div#contents div#main #service-menu ul.service-menu-list li,
*:first-child+html div#contents div#aside .side-navi ul li,
*:first-child+html div#contents div#aside .side-navi ul li a,
* html body#index div#contents div#main #car-lineup dl.news-list dd a,
* html body#index div#contents div#main #car-lineup dl.news-list dd .icon-new,
* html body#index div#contents div#main #car-lineup dl.news-list dd .icon-used,
* html body#index div#contents div#main #car-lineup dl.news-list dd .icon-service,
* html body#index div#contents div#main #car-lineup dl.news-list dd .icon-info{ /* IE7 hack */  
 zoom: 1; 
}



