@charset "utf-8";
/* CSS Document */

/* 基本設定 */

html { 
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); 

}

body {
	font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:90%;
	line-height:160%;
	color:#666;
	margin:0px;
	padding:0px;
}

h1 , h2 , h3 , h4 , h5 , p , ul , dl, dt , dd {
	margin:0px;
	padding:0px;	
	font-size:100%;
	font-weight:normal;
}

address { font-style:normal; }

ul { list-style:none; }

img { border:none; }

a:hover { text-decoration:none; }

div#wrapper {
	width:870px;
	margin:10px auto;
}

/* hrハック */
.clear { clear:both; }

.clear hr { display:none; }

/***** 全ページ共通 *****/
/* ページトップへ */
div#main p.totop {
	clear:both;
	float:right;
	background:url(img/icon_05.gif) no-repeat center left;
	margin:8px auto 15px auto;
	padding:0 15px;
}

/* テキストリンク */
div#header ul li a , div#footer ul li a , div#main .link a , div#main p.totop a {
	color:#666;
	text-decoration:none;
}

div#main .link02 a {
	text-decoration:none;
}


div#main .link03 a {
	color:#666;
	text-decoration:none;
}

div#header ul li a:hover , div#footer ul li a:hover , div#main .link a:hover , div#main p.totop a:hover , div#main .link02 a:hover {
	text-decoration:underline;
}

/* dd・tr背景色 */
div#main .bg-color {
	background-color:#FDF7E4;
}

/***** テンプレート・トップページ *****/
/* ヘッダー */
div#header {
	font-size:14px;
	width:860px;
}

div#header h1 { float:left; }

div#header p { float:left; }

div#header ul {
	text-align:right;
	padding-top:21px;
}

div#header ul li { 
	display:inline;
	background:url(img/icon_01.gif) no-repeat center left;
	padding:1px 0 0 18px;
}

div#header ul img {
	padding:0 5px 0 3px;
}

/* ナビ */
ul.navi {
	clear:left;
	padding-top:8px;
}

ul.navi li {
	float:left;
	margin-right:5px;	
}

ul.navi li.home { width:130px; }
ul.navi li.about { width:170px; }
ul.navi li.club { width:159px; }
ul.navi li.procedure { width:170px; }
ul.navi li.factory { width:170px; }
ul.navi li.office { width:200px; }

ul.navi li a {
	display:block;
	height:56px;
	text-indent:-9999px;
	overflow:hidden;
}

ul.navi li.home a { background:url(img/navi_01.gif) no-repeat left top; }
ul.navi li.about a { background:url(img/navi_02.gif) no-repeat left top; }
ul.navi li.club a { background:url(img/navi_03.gif) no-repeat left top; }
ul.navi li.procedure a { background:url(img/navi_04.gif) no-repeat left top; }
ul.navi li.factory a { background:url(img/navi_05.gif) no-repeat left top; }
ul.navi li.office a { background:url(img/navi_06.gif) no-repeat left top; }

ul.navi li a:hover {
	background-position:bottom;
}

/* 中身 */
div#main {
	float:left;
	width:640px;
	padding-top:15px;
}

/*** サイドメニュー ***/
/* ひと・いえ・くるま */
div#side {
	float:right;
	width:200px;
	padding:15px 10px 10px 0;
}

div#side p img {
	padding-bottom:17px;
}

div#side ul.side-menu01 li a {
	display:block;
	width:200px;
	height:92px;;
	text-indent:-9999px;
	overflow:hidden;
}

div#side li.human , div#side li.house { margin-bottom:9px }

div#side li.car { margin-bottom:16px }
	
div#side li.human a {
	background:url(img/menu_01.gif) no-repeat left top;	
}

div#side li.house a { 
	background:url(img/menu_02.gif) no-repeat left top;
}
div#side li.car a {
	background:url(img/menu_03.gif) no-repeat left top;
}

div#side ul.side-menu01 li a:hover {
	background-position:bottom;
}

/* キャンペーンバナー */
div#side p.bana img {
	padding-bottom:16px;
}

/* メニュー-下側 */
div.side-menu02 img{
	padding-bottom:10px;
}


/* メニュー-お問い合わせ */
div.side-menu03 {
	width:200px;
	background:url(img/menu_07_bg.gif) no-repeat left bottom;
}

div.side-menu03 p {
	font-size:14px;
	line-height:140%;
	width:170px;
	margin:0 auto;
	padding-bottom:8px;
}

div.side-menu03 p.reference {
	width:188px;
	padding-bottom:8px;
}

div.side-menu03 p.reference a {
	display:block;
	background:url(img/menu_07_button.gif) no-repeat center top;
	height:56px;
	width:188px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
}

div.side-menu03 p.reference a:hover { background-position:bottom; }

/* フッター */
div#footer {
	clear:both;
	font-size:14px;
	line-height:140%;
	width:860px;
	border-top:1px solid #B1B1B1;
	margin:0 auto 10px auto;
}

div#footer p.foot , div#footer address {
	float:left;
	padding:5px 15px 0 0;
}

div#footer li {
	float:right;
	background:url(img/icon_01.gif) no-repeat center left;
	padding:4px 10px 3px 18px;
}

div#footer p.copyright {
	clear:both;
}
	
/***** トップページコンテンツ *****/
div.top-main {
	width:630px;
	line-height:170%;
	margin:15px auto 0 auto;
}

div.top-main h2 {
	padding:0 0 3px 5px;
}

div.top-main p {
	float:right;
	background:url(img/icon_02.gif) no-repeat center left;
	padding:3px 10px 3px 18px;
}

/* 日付なし */
div.top-main ul {
	line-height:100%;
	border-top:1px solid #C5C5C5;
	padding:5px 0 0 25px;
}
div.top-main ul li {
	line-height:1.4;
	padding:5px 0 5px 1em;
	text-indent:-1em;
	
}
div.top-main ul li a {
	background:url(img/icon_09.gif) no-repeat center left;
	padding-left:12px;
}
div.top-main ul li img {
	padding-left:3px;
	vertical-align:middle;
}

/* 日付あり */
div.top-main dl {
	clear:right;
	line-height:100%;
	border-top:1px solid #C5C5C5;
	padding:5px 0 0 25px;
}

div.top-main dt {
	float:left;
	clear:left;
	padding:5px 0;
}

div.top-main dd {
	padding:5px 0 5px 7em;
}

div.top-main dd img {
	padding-left:3px;
	vertical-align:middle;
}

div.hints {
	clear:both;
	font-size:80%;
	line-height:160%;
	border:1px solid #B1B1B1;
	width:600px;
	margin:15px auto 10px auto;
	padding:6px 15px;
}

div.hints li {
	list-style:disc;
	list-style-position:inside;
	margin-left:1em;
	padding-left:1em;
	text-indent:-1em;
}