@charset "UTF-8";

/* ################################################################################ */
/*                                                                                  */
/* 表題: トップページ用CSS                                                          */
/* 作成日: 2009-8-18                                                                */
/* 最終更新日: 2009-8-18        　                                                  */
/* 作成者: 佐藤拓也         　                                                      */
/* 最終更新者: 佐藤拓也                                                             */
/*                                                                                  */
/* ################################################################################ */

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



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

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


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

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

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

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

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

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

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

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

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

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


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

div.container div.mainArea div.newsSection ul.articleList li.banner {
	padding: 5px 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: 590px;
}

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;
	border: solid 1px #A0A0A0;
	width: 78px;
	float: left;
	text-align: center;
}

div.container div.mainArea div.newsSection ul.articleList li dl dd {
	float: left;
	width: 498px;
	line-height: 1.5;
}

div.container div.mainArea div.newsSection ul.articleList li dl dd span.date {
	padding-left: 5px;
	border-left: solid 2px #184481;
	color: #0E234E;
	background-color: inherit;
	font-weight: bold;
}

div.container div.mainArea div.newsSection ul.articleList li dl dd span.date img {
	vertical-align: text-bottom;
}

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

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


/* 車両情報 */
div.container div.mainArea div.usedBikeSection ul.articleList,
div.container div.mainArea div.clothingSection ul.articleList {
	padding-top: 10px;
	padding-left: 10px;
	width: 610px;
}

div.container div.mainArea div.usedBikeSection ul.articleList:after,
div.container div.mainArea div.clothingSection ul.articleList: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,
div.container div.mainArea div.clothingSection ul.articleList li {
	margin-left: 15px;
	padding-bottom: 20px;
	display: inline;
	float: left;
	width: 132px;
	height: auto !important;
	height: 170px;
	min-height: 170px;
}

div.container div.mainArea div.usedBikeSection ul.articleList li dl dt.thumb,
div.container div.mainArea div.clothingSection ul.articleList li dl dt.thumb {
	padding: 1px;
	border: solid 1px #999999;
	color: #333333;
	background-color: #FFFFFF;
	width: 128px;
	height: 96px;
	text-align: center;
	overflow: hidden;
}

div.container div.mainArea div.usedBikeSection ul.articleList li dl dt.thumb {
	margin-bottom: 2px;
}



div.container div.mainArea div.usedBikeSection ul.articleList li dl dd,
div.container div.mainArea div.clothingSection ul.articleList li dl dd {
	text-align: center;
}

div.container div.mainArea div.usedBikeSection ul.articleList li dl dd a,
div.container div.mainArea div.clothingSection ul.articleList li dl dd a {
	color: #194887;
	background-color: inherit;
	line-height: 1.3;
}