@charset "UTF-8";

/* 	=================================================================
			トップページ用設定(/index.html)
 	=================================================================	*/


/* 		コンテンツエリア設定
--------------------------------------------------------------------
0. 共通
1. メインビジュアル
--------------------------------------------------------------------*/

/* 0. 共通
--------------------------------------------------------------------*/
#mainarea {
	position:relative;
}

/* 1. メインビジュアル
--------------------------------------------------------------------*/
#mainvisual {
	position:relative;
	height:361px;
	height:498px;
}

	#mainvisual #mainimg {
		position:absolute;
		top:0;
		left:-60px;
	}

	#mainvisual #maintopics {
		position:absolute;
		top:0px;
		right:20px;
		/*left:-60px;*/
		/*width:940px;*/
		width:245px;
		height:498px;
		z-index:1;
		zoom:1;
	}

	#mainvisual #maintopics li {
		padding-top:6px;
/*		margin-left:675px;	*/
		line-height:1;
		vertical-align:top;
	}

	#mainvisual #maintopics li.litop {
		padding-top:20px;
	}

/* 2. コンテンツメインエリア
--------------------------------------------------------------------*/
	#mainarea .frm {
		padding-left:15px;
	}

	#mainbox {
		position:relative;
		float:left;
		width:606px;
	}

		#mainbox #productsshowcase {
			position:absolute;
			top:-137px;
/*			background:url("/common/img/img_shadow.gif") no-repeat 0 0;*/
			padding-top:23px;
			z-index:200;
			font-size:80%;
		}
		
			/* 車両ラインナップ */
			#mainbox #productsshowcase .productsheadline {
				background:#FFFFFF;
			}
		
				#mainbox #productsshowcase .productsheadline li {
					float:left;
					width:121px;
					background:url("/common/img/bm_line.gif") repeat-y 100% 0;
					margin-right:7px 1px 0 0;
					zoom:1;
				}
		
				#mainbox #productsshowcase .productsheadline li .databoxbelow-top {
					margin-right:6px;
					padding:10px 5px 8px;
				}

				#mainbox #productsshowcase .productsheadline li.liend {
					background:none;
					width:109px;
					margin-right:0;
				}

				#mainbox #productsshowcase .productsheadline li.liend .databoxbelow-top {
					margin-right:0px;
					padding:10px 0px 8px 4px;
				}

				#mainbox #productsshowcase .productsheadline li p {
				}
		
				#mainbox #productsshowcase .productsheadline li a {
					display:block;
					background:url("/common/img/arrow_s_black.gif") no-repeat 0 50%;
					padding-top:2px;
					padding-left:14px;
					line-height:1.4;
					color:#444444;
				}
 
 				#mainbox #productsshowcase .productsheadline li p.visual {
					padding-bottom:2px;
				}
		
				#mainbox #productsshowcase .productsheadline li p.visual a {
					background:none;
					padding-left:0;
				}


		/* メインコンテンツ */
		#mainbox #maincontents {
			padding-top:66px;			/* block"productsshowcase"と重ならないように上パッディング設定 */
			padding-left:5px;			/* block"productsshowcase"と左頭を揃えるためパッディング設定 */
			padding-right:3px;			/* 幅揃え */
			background-color:#FFFFFF;
		}

			/* NEWS & INFORMATION */
			#mainbox #maincontents #newsarea {
				position:relative;
				float:left;
				width:280px;
				margin-top:10px;
			}

				#mainbox #maincontents #newsarea .title {
				}
	
				#mainbox #maincontents #newsarea .b-rss {
					position:absolute;
					top:0;
					right:0;
				}

				#mainbox #maincontents #newsarea #newslist {
					background:#FFFFFF;
				}

				#mainbox #maincontents #newsarea #newslist li {
					padding-top:8px;
					padding-bottom:6px;
					background:url("/common/img/dotline_w.gif") repeat-x 0 100%;
				}

					#mainbox #maincontents #newsarea #newslist li dl {
						margin: 0 0 0 2px;
					}

						#mainbox #maincontents #newsarea #newslist li dl dt {
							font-size:85%;
							line-height:1;
							color:#999999;
						}

						#mainbox #maincontents #newsarea #newslist li dl dt a {
							display:block;
						}

						#mainbox #maincontents #newsarea #newslist li dl dd {
							padding-bottom:2px;
							font-size:80%;
							line-height:1.3;
						}

						#mainbox #maincontents #newsarea #newslist li dl dd p {
							line-height:1.2;
						}

							#mainbox #maincontents #newsarea #newslist li dl dd .tit04 {
								font-size:125%;
							}

								#mainbox #maincontents #newsarea #newslist li dl dd p.tit04 a {
									color:#222222;
								}
		
								#mainbox #maincontents #newsarea #newslist li dl dd.summary {
									font-size:85%;
									line-height:1.3;
								}

			/* バナーエリア */
			#mainbox #maincontents #extbnrarea {
				float:right;
				width:290px;
			}

			#mainbox #maincontents #extbnrarea p.bnr-l {
				padding-top:10px;
				width:280px;
			}

			#mainbox #maincontents #extbnrarea p.bnr-s {
				float:left;
				width:135px;
				padding-top:10px;
				margin-right:10px;
			}

/* 3. コンテンツサブエリア
--------------------------------------------------------------------*/
	#subbox {
		position:relative;
		float:right;
		width:234px;
	}

		/* カタログ情報エリア */
		#subbox #catalogbnrarea {
			position:absolute;
			top:-137px;
/*			background:url("/common/img/img_shadow.gif") no-repeat 100% 0;*/
			padding-top:23px;
			z-index:200;
		}

			#subbox #catalogbnrarea p.p-catalog {
			}

			#subbox #catalogbnrarea p.b-catalog {
				padding-top:10px;
				padding-left:13px;
			}