@charset "UTF-8";



/* 		共通フレーム設定
--------------------------------------------------------------------
0. 共通
1. レイアウト
2. ヘッダー
3. コンテンツ
4. 車両ラインナップ（ページ下）
5. フッター
6. その他設定
--------------------------------------------------------------------*/

/* 0. 共通
--------------------------------------------------------------------*/

/* reset browser settings
------------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	width:100%;
	font-family:"ＭＳ Ｐゴシック",Verdana,"ヒラギノ角ゴ Pro W3",Arial,Helvetica,sans-serif;
	color:#444444;
	font-weight:normal;
	letter-spacing:0;
	font-size:100%;
	line-height:1.5;
	background:#252525 url("/common/img/bg_pattern.jpg") repeat 50% 0%;
	}

p,h1,
h2,h3,h4,h5,h6,
tr,th,td,dl,dt,dd {
	margin: 0;
	padding: 0;
	font-weight:normal;
	letter-spacing:0;
	font-size:100%;
	}

a {
	margin: 0;
	padding: 0;
	font-size:100%;
	}

ul,ol,li {
	list-style-type:none;
	margin: 0;
	padding: 0;
	}

table {
	border-collapse:collapse;
	margin:0;
	padding:0;
	font-size:100%;
	}

img {
	border: 0;
	margin:0;
	padding:0;
	}

input {
	padding:1px 3px;
	font-size:100%;
	}

strong {
	font-weight:bold;
	}


/* テキストリンク ----------------------------	*/
a {
	color:#06c;
}

a:link,
a:active,
a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


	/* メインリンク */
	a.link-m {
		background:url("/common/img/arrow_black.gif") no-repeat 0 0;
		padding-left:16px;
		color:#222222;
	}

	a.link-m2 {		/* リンクテキストが半角英数字の場合（アイコン位置調整） */
		background:url("/common/img/arrow_black.gif") no-repeat 0 2px;
		padding-left:16px;
		color:#222222;
	}
	
	/* サブリンク */
	a.link-s {
		background:url("/common/img/arrow_s_black.gif") no-repeat 0 0;
		padding-left:14px;
		color:#666666;
	}
	
	a.link-s2 {		/* リンクテキストが半角英数字の場合（アイコン位置調整） */
		background:url("/common/img/arrow_s_black.gif") no-repeat 0 2px;
		padding-left:14px;
		color:#666666;
	}

	/* ページ内リンク */
	a.link-d {
		background:url("/common/img/arrow_black_down.gif") no-repeat 0 0;
		padding-left:16px;
		color:#222222;
	}

	/* PDFリンク */
	a.link-pdf {
		background:url("/common/img/icon_pdf.gif") no-repeat 0 0;
		padding-left:16px;
		color:#222222;
	}

	a.link-pdf2 {		/* リンクテキストが半角英数字の場合（アイコン位置調整） */
		background:url("/common/img/icon_pdf.gif") no-repeat 0 2px;
		padding-left:16px;
		color:#222222;
	}

	a.link-n {
		color:#06C;
	}

/* 1. レイアウト
--------------------------------------------------------------------*/
/* 背景1 */
#base {
	width:100%;
	background:url("/common/img/background.jpg") no-repeat 50% 0%;
}

/* 背景2 */
#frm0 {
	width:100%;
}

/* 大枠フレーム */
#wrapper {
	position:relative;
	margin:0 auto;
	width:880px;
	background:#FFFFFF;
	text-align:left;
	font-size:80%;
}

/* 2. ヘッダー
--------------------------------------------------------------------*/
#header {
/*	height:115px;*/
}

	/* ヘッダー（上層） */
	#header .upperlayer {
		position:relative;
		background:#252525 url("/common/img/header_bg.gif") no-repeat 50% 0%;
	}
	
		#header .upperlayer #logo {
			position:absolute;
			top:20px;
			left:20px;
		}
		
		/* ユーティリティリンク */
		#header .upperlayer .utilitylink {
			padding:29px 0 17px 557px;
		}

			#header .upperlayer .utilitylink li {
				float:left;
				background:url("/common/img/hlink_dotline.gif") no-repeat 0 0;
				line-height:1;
			}

			#header .upperlayer .utilitylink li a {
				display:block;
				padding-left:3px;
			}

			/* スタッフブログ */
			#header .upperlayer .utilitylink li.b-blog a {
				padding-right:2px;
			}

			/* カタログ発送 */
			#header .upperlayer .utilitylink li.b-catalog a {
				padding-left:8px;
			}

			/* 正規販売店 */
			#header .upperlayer .utilitylink li.b-dealer {
				background:none;
			}


	/* ヘッダー（中層） */
	#header .middlelayer {
		background:url("/common/img/blink_bg.gif") no-repeat 50% 0%;
		height:26px;
	}

		#header .middlelayer p#tit {
			padding:7px 0 5px 20px;
		}

		/* 車両一覧リンク */
		#header .middlelayer .productsheadline {
			margin-top:-19px;
			padding:0px 0 0px 255px;
		}
		
			#header .middlelayer .productsheadline li {
				float:left;
				margin-right:25px;
				line-height:1;
			}

			#header .middlelayer .productsheadline li.liend {
				margin-right:0;
			}

		#header .middlelayer .productsheadline li div {
		}

		#header .middlelayer .productsheadline li div p.phl-img {
			position:absolute;
			z-index:10;
			padding:0;
			display:none;
		}

	/* ヘッダー（下層） */
	#header .lawerlayer {
		position:relative;
		background:url("/common/img/blink_bg.gif") no-repeat 50% 0%;
	}

		/* グローバルナビゲーション */
		#header .lawerlayer #globalnavigation {
			}

			#header .lawerlayer #globalnavigation li {
				float:left;
				line-height:1;
			}

			#header .lawerlayer #globalnavigation li a {
				display:block;
			}


/* 3. コンテンツ
--------------------------------------------------------------------*/
/* 大枠フレーム */
#contentsfrm {
	position:relative;
}

.sidebg {
	background:url("/common/img/subm_bg.gif") repeat-y 100% 0;
}

/* メインエリア	-------------*/
#mainarea {
	background:#FFFFFF;
}

.withside {		/* subareaアリ（float設定） */
	float:left;
	width:680px;
	background:#FFFFFF;
	zoom:1;
}

	/* メインエリアブロック内の設定はcontents.cssへ記述 */

/* サブエリア	-------------*/
#subarea {
	float:right;
	width:200px;
	padding-bottom:35px;
}

	/* サブエリアブロック内の設定はcontents.cssへ記述 */

/* 4. コンテンツ下エリア
--------------------------------------------------------------------*/

#contentsbelow {
	position:relative;
	font-size:80%;
}

	/* 車両ラインナップ(below01.html) */
	#contentsbelow .productsheadline {
		background:#C3C3C3 url("/common/img/bm_bg.gif") no-repeat 0 0;
		padding:0 15px;
		height:203px;
	}

		#contentsbelow .productsheadline li {
			float:left;
			width:121px;
			background:url("/common/img/bm_line.gif") repeat-y 100% 0;
			margin:7px 1px 7px 0;
			zoom:1;
		}

		#contentsbelow .productsheadline li .databoxbelow {
			margin-right:6px;
			padding:15px 5px 12px;
		}

		#contentsbelow .productsheadline li .lineup-on,
		#contentsbelow .productsheadline li .act {
			background:url("/common/img/bm_base_current.gif") no-repeat 0 0;
		}

		#contentsbelow .productsheadline li p {
		}

		#contentsbelow .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;
		}

		#contentsbelow .productsheadline li .lineup-on p,
		#contentsbelow .productsheadline li .act p {
			background-color:#FFFFFF;
		}

		#contentsbelow .productsheadline li p.visual {
			padding-bottom:2px;
		}

		#contentsbelow .productsheadline li p.visual a {
			background:none;
			padding-left:0;
		}

	#contentsbelow p.extralink {
		position:absolute;
		top:24px;
		right:29px;
	}

	/* 車両ラインナップ(below02.html～below06.html) */
	#contentsbelow .bnrlist {
		background:#C3C3C3 url("/common/img/bm_bg.gif") no-repeat 0 0;
		padding:0 20px;
		height:203px;
	}

		#contentsbelow .bnrlist li {
			float:left;
			width:288px;
			background:url("/common/img/bm_line.gif") repeat-y 100% 0;
			margin:7px 15px 7px 0;
			zoom:1;
		}

			#contentsbelow .bnrlist li .databoxbelow0 {
				padding:15px 0 28px;
			}

				#contentsbelow .bnrlist li p.visual {
				}
		
				#contentsbelow .bnrlist li p.visual a {
				}

		#contentsbelow .bnrlist li.liend {
			width:234px;
			background:none;
			margin:7px 0 0;
		}

			#contentsbelow .bnrlist li.liend .databoxbelow0 {
				padding:15px 0 3px 12px;
			}




/* 5. フッター
--------------------------------------------------------------------*/
#footer {
}

	/* フッター（上層） */
	#footer .upperlayer {
		position:relative;
		background:#EEEEEE url("/common/img/fm_bg.gif") no-repeat 0 0;
		font-size:80%;
	}
	
		/* サイトリンク */
		#footer .upperlayer .sitelinklist {
			padding:24px 20px;
		}
		
		#footer .upperlayer .sitelinklist li.listbox {
			float:left;
			line-height:1;
		}


		#footer .upperlayer .sitelinklist li.w01 {
			width:80px;
			margin-right:60px;
		}

		#footer .upperlayer .sitelinklist li.w02 {
			width:135px;
			margin-right:30px;
		}

		#footer .upperlayer .sitelinklist li.w03 {
			width:165px;
			margin-right:30px;
		}

		#footer .upperlayer .sitelinklist li.w04 {
			width:165px;
			margin-right:30px;
		}

		#footer .upperlayer .sitelinklist li.w05 {
			width:130px;
		}

			/* サイトリンク（カテゴリートップ） */	
			#footer .upperlayer .sitelinklist p.l-categorytop a {
				background:url("/common/img/arrow_black.gif") no-repeat 0 50%;
				padding:2px 0 3px 16px;
				font-weight:bold;
				color:#222222;
			}

			/* パッディング設定 */
			#footer .upperlayer .sitelinklist p.padb10 {
				padding-bottom:40px;
			}
			/* パッディング設定 news*/
			#footer .upperlayer .sitelinklist p.padb11 {
				padding-bottom:0px;
				line-height:1.5;
				text-indent: -1.3em;
     margin-left: 1.4em;
			}
			/* サイトリンク（カテゴリーページ） */
			#footer .upperlayer .sitelinklist .categorylist {
				padding:3px 0 16px 0;
			}
			
			#footer .upperlayer .sitelinklist .categorylist li {
				padding:3px 0px 1px;
				line-height:1;
				zoom:1;
			}

			#footer .upperlayer .sitelinklist .categorylist 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:#666666;
			}

	/* フッター（下層） */
	#footer .lawerlayer {
		position:relative;
		padding-bottom:20px;
		border-top:1px solid #666666;
		background:#000000;
		color:#666666;
		font-size:80%;
	}

		/* ユーティリティリンク */
		#footer .lawerlayer .utilitylink {
			padding:15px 20px 5px;
		}

			#footer .lawerlayer .utilitylink li {
				float:left;
				margin-right:8px;
				line-height:1;
			}

			#footer .lawerlayer .utilitylink li a {
				display:block;
				padding-right:8px;
				padding-bottom:2px;
				border-right:1px solid #666666;
				line-height:1.2;
				color:#666666;
			}

			#footer .lawerlayer .utilitylink li.liend a {
				border-right:0;
			}

		/* copyright */
		#footer .lawerlayer #copyright {
			padding:0px 20px;
		}

		/* フッターcaption */
		#footer .lawerlayer .caption {
			padding:3px 20px;
		}

		/* フッターHDJロゴ */
		#footer .lawerlayer p#logo-hdj {
			position:absolute;
			top:15px;
			right:103px;
		}

		/* フッターBuellロゴ */
		#footer .lawerlayer p#logo-buellcom {
			position:absolute;
			top:15px;
			right:20px;
		}



/* 6. その他設定
--------------------------------------------------------------------*/
.cfx:after
	{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
	}

.cfx
	{
	display: inline-table;
	min-height: 1%;
	}

/* for macIE \*/
* html .cfx
	{
	height: 1%;
	}

.cfx
	{
	display: block;
	}
/* end of for macIE */



.clr
	{
	clear:both;
	}