@charset "UTF-8";

/* ################################################################################ */
/*                                                                                  */
/* 表題: トップページ用CSS                                                          */
/* 作成日: 2009-8-10                                                                */
/* 最終更新日: 2011-1-28        　                                                  */
/*                                                                                  */
/* ################################################################################ */

/* ================================================================================ */
/*                                                                                  */
/* ■目次                                                                           */
/*   1. キービジュアル                                                              */
/*   2. メインエリア                       　                                       */
/*                                                                                  */
/* ================================================================================ */



/* -------------------------------------------------------------------------------- */
/*      1. キービジュアル                                                           */
/* -------------------------------------------------------------------------------- */

div.container p.keyVisual {
	margin-bottom: 14px;
}


/* -------------------------------------------------------------------------------- */
/*      2. メインエリア                                                             */
/* -------------------------------------------------------------------------------- */

div.container div.mainArea div {
	position: relative;
	width: 606px;
}

div.container div.mainArea div h2 {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* ニュース */
div.container div.mainArea div.newsSection {
	margin-bottom: 30px;
	padding-bottom: 5px;
	background-image: url(../images/top/main-bg-bottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
}

div.container div.mainArea div ul.indexLink {
	position: absolute;
	top: 10px;
	left: 500px;
}

div.container div.mainArea div ul.indexLink li {
	padding-top: 1px;
	padding-left: 15px;
	background-image: url(../images/top/main-heading-news-marker.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	font-size: 13px;
}

div.container div.mainArea div ul.indexLink li a {
	color: #095A99;
	background-color: inherit;
}

div.container div.mainArea div.newsSection h3 {
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-image: url(../images/top/main-bg.png);
	background-repeat: repeat-y;
}

div.container div.mainArea div.newsSection p {
	padding-bottom: 10px;
	padding-left: 15px;
	background-image: url(../images/top/main-bg.png);
	background-repeat: repeat-y;
	font-size: 80%;
}

div.container div.mainArea div.newsSection ul.articleList {
	background-image: url(../images/top/main-bg.png);
	background-repeat: repeat-y;
	font-size: 80%;
}

div.container div.mainArea div.newsSection ul.articleList li {
	padding-top: 8px;
}

div.container div.mainArea div.newsSection ul.articleList li.banner {
	padding: 12px 0 3px;
	text-align: center;
}

div.container div.mainArea div.newsSection ul.articleList li dl {
	margin: 0 auto;
	padding-bottom: 10px;
	border-bottom: dashed 1px #666666;
	width: 567px;
}

div.container div.mainArea div.newsSection ul.articleList li dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div.container div.mainArea div.newsSection ul.articleList li dl dt.thumb {
	margin-right: 12px;
	padding: 2px 2px 8px;
	border: solid 1px #CCCCCC;
	width: 43px;
	height: 43px;
	color: inherit;
	background-color: #FFFFFF;
	float: left;
	text-align: center;
	overflow: hidden;
}

div.container div.mainArea div.newsSection ul.articleList li dl dd {
	float: left;
	width: 500px;
}

div.container div.mainArea div.newsSection ul.articleList li dl dd h4 {
	margin-bottom: 7px;
	padding-left: 15px;
	background-image: url(../images/top/main-news-marker.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
}

div.container div.mainArea div.newsSection ul.articleList li dl dd h4 span.date {
	color: #990000;
	background-color: inherit;
	font-weight: bold;
}

div.container div.mainArea div.newsSection ul.articleList li dl dd h4 a {
	color: #000000;
	background-color: inherit;
}

div.container div.mainArea div.newsSection ul.articleList li dl dd p {
	line-height: 1.3;
	font-size: 10px;
	background-image: none;
}


/* 車両情報 */
div.container div.mainArea div.usedBikeSection {
	margin-bottom: 30px;
}

div.container div.mainArea div.usedBikeSection h2 {
	margin-bottom: 20px;
}

div.container div.mainArea div.usedBikeSection ul.indexLink {
	position: absolute;
	top: 15px;
	left: 500px;
}

div.container div.mainArea div.usedBikeSection ul.indexLink li {
	background-image: url(../images/top/main-heading-used-maker.png);
}

div.container div.mainArea div.usedBikeSection ul.articleList {
	margin-left: 7px;
	width: 606px;
}

div.container div.mainArea div.usedBikeSection ul.articleList li {
	margin: 0 7px 20px 0;
	display: inline-block;
	*display: inline;
	width: 188px;
	*zoom: 1;
	vertical-align: top;
}

div.container div.mainArea div.usedBikeSection ul.articleList li dl {
	width: 188px;
}


div.container div.mainArea div.usedBikeSection ul.articleList:after,
div.container div.mainArea div.usedBikeSection ul.articleList li dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
div.container div.mainArea div.usedBikeSection ul.articleList li dl dt {
	margin-bottom: 7px;
	padding: 5px 0 5px 18px;
	color: inherit;
	background-color: #EFEFEF;
	background-image: url(../images/top/main-used-marker.png);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	font-size: 11px;
}

div.container div.mainArea div.usedBikeSection ul.articleList li dl dt a {
	color: #095A99;
	background-color: inherit;
}

div.container div.mainArea div.usedBikeSection ul.articleList li dd.thumb {
	margin-right: 10px;
	margin-left: 3px;
	display: inline;
	float: left;
	width: 72px;
	height: 54px;
	text-align: center;
	overflow: hidden;
}

div.container div.mainArea div.usedBikeSection ul.articleList li dd.data {
	float: left;
	width: 100px;
}

div.container div.mainArea div.usedBikeSection ul.articleList li dd.data li.year,
div.container div.mainArea div.usedBikeSection ul.articleList li dd.data li.mileage {
	font-size: 11px;
}

div.container div.mainArea div.usedBikeSection ul.articleList li dd.data li {
	margin: 0 0 3px 0px;
	display: list-item;
	width: 100px;
}

div.container div.mainArea div.usedBikeSection ul.articleList li dd.data li.price {
	padding-top: 1px;
	font-size: 12px;
}

div.container div.mainArea div.usedBikeSection ul.articleList li dd.data li.cat {
	height: 11px;
	line-height: 11px;
}


/* アクセサリ */
div.container div.mainArea div.accessarySection h2 {
	margin-bottom: 20px;
}

div.container div.mainArea div.accessarySection p {
	font-size: 80%;
}

div.container div.mainArea div.accessarySection ul.indexLink {
	position: absolute;
	top: 23px;
	left: 500px;
}

div.container div.mainArea div.accessarySection ul.indexLink li {
	background-image: url(../images/top/main-heading-used-maker.png);
}

div.container div.mainArea div.accessarySection ul.articleList {
	margin-left: 7px;
	width: 606px;
}

div.container div.mainArea div.accessarySection ul.articleList li {
	margin: 0 7px 20px 0;
	display: inline-block;
	*display: inline;
	width: 188px;
	*zoom: 1;
	vertical-align: top;
}

div.container div.mainArea div.accessarySection ul.articleList li dl {
	width: 188px;
}


div.container div.mainArea div.accessarySection ul.articleList:after,
div.container div.mainArea div.accessarySection ul.articleList li dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
div.container div.mainArea div.accessarySection ul.articleList li dl dt {
	margin-bottom: 7px;
	padding: 5px 0 5px 18px;
	color: inherit;
	background-color: #EFEFEF;
	background-image: url(../images/top/main-used-marker.png);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	font-size: 11px;
}

div.container div.mainArea div.accessarySection ul.articleList li dl dt a {
	color: #095A99;
	background-color: inherit;
}

div.container div.mainArea div.accessarySection ul.articleList li dd.thumb {
	margin-right: 10px;
	margin-left: 3px;
	display: inline;
	float: left;
	width: 72px;
	height: 54px;
	text-align: center;
	overflow: hidden;
}

div.container div.mainArea div.accessarySection ul.articleList li dd.data {
	float: left;
	width: 100px;
}

div.container div.mainArea div.accessarySection ul.articleList li dd.data li {
	margin: 0 0 3px 0px;
	display: list-item;
	width: 100px;
}

div.container div.mainArea div.accessarySection ul.articleList li dd.data li.price {
	padding-top: 1px;
	font-size: 12px;
}