@charset "Shift_JIS";

/* ************************************** _

タイトル：local_index.css

概要：トップページのCSSファイル

制作日：2007.10.05
変更日：2007.10.11
変更日：2011.03.15

_ ************************************** */


/* 共通項目
---------------------------------------------------------------------------- */

body#index{
	background: #EFEDED url(../images/bg_body.gif) repeat-x top left;
}

/* primaryContent　メインコンテンツ
---------------------------------------------------------------------------- */

/*新車・中古車・展示、試乗車へのリンク*/
#index ul.assistnav{
	margin: 0 0 20px 0;
	overflow: auto;
}

#index ul.assistnav li{
	width: 274px;/*width: 179px;*//*3列の時*/
	height: 89px;
	margin: 0 0px 5px 0;
	list-style: none;
	float: left;
}

/*ニュース・トピックス*/
#index .newsFrame{
	margin: 0 0 30px 0;
	overflow: hidden;
	height: 230px;
}


/*おすすめ中古車　ピックアップ*/
#content #primaryContent .contentsWrapper{
	position: relative;
	float: left;
}

#content #primaryContent .headerBtn{
	width: 172px;
	height: 20px;
	position: absolute;
	top: 5px;
	right: 5px;
}
		
/*フレームラッパー　外枠*/
#content #primaryContent .frameWrapper{
	width: 550px;
	border-top: none;
	margin: 0 0 30px 0;
}


/*新着情報*/
* html body dl.newsList dd div{
   display:inline-block;
}

dl.newsList {
	width: 530px;
	height: 240px;
   margin: 0 0 20px 0;
}

	dl.newsList dt {
	   float:left;
	   /*width:10em;*/
	   width: 100px;
	   padding: 10px 0 0 10px;
	}
	
	dl.newsList dd {
	   width: 400px;
	   float:left;
	   margin: 0 0 0 0;
	   padding: 10px 0 10px 0;
	   border-bottom:1px dotted #999;
	}

/*feedburner **********************************************/
/*

feedburnerから出力されているHTMLソース

   <div class="feedburnerFeedBlock" id="myfeeduri1234">
     <p class="feedTitle">Feed Title Goes Here</p>

     <ul>
       <li><span class="headline"><a href="#">First item headline
       here</a></span>
       <p class="date">Jan 22, 2005</p>
       <div>Aliquam delenit enim nostrud autem velit eum aliquip 
       lobortis consectetuer eum volutpat vero autem et. Tincidunt consequat 
       illum quis suscipit dolor nonummy in dolore.</div>
       <p class="enclosure"><a href="#">Download podcast</a></p></li>
            .
            .
            .
     </ul>

     <div id="creditfooter"><a href="http://www.feedburner.com" target="_blank">
     <img src="http://www.feedburner.com/fb/images/buzzboost-pwrd.gif" 
alt="Headlines by FeedBurner" /></a>
   </div>

</div>


*/


#index .recomendNews .feedburnerFeedBlock{
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
}

#index .recomendNews .feedburnerFeedBlock ul li{
	width: 550px;
	list-style: none;
	float: left;
}

/*タイトル*/
#index .recomendNews .feedburnerFeedBlock .headline{
	font-size: 1.2em;
	clear: both;
	padding: 0 0 5px 60px;
	background: url(../images/icon_check.gif) no-repeat top left;
}

/*日付け*/
#index .recomendNews .feedburnerFeedBlock .date{
	font-size: 0.8em;
	margin: 0 0 5px 0;
	padding: 0 0 0 60px;
	clear: both;
}

#index .recomendNews .feedburnerFeedBlock ul div{
	width: 550px;
	margin: 0 0 10px 0;
	padding: 0 0 40px 0;
	/*border-bottom: 1px dotted #CCCCCC;*/
	background: url(../images/bg_crossLine.gif) no-repeat bottom left;
	float: left;
}

/*画像*/
#index .recomendNews .feedburnerFeedBlock div img{
	width: 160px;
	height: 120px;
	margin: 0 10px 10px 0;
	float: left;
}

/*feedbarnnerリンク*/
#index #creditfooter{
	display: none;
}



/* secondaryContent　セカンダリコンテンツ
---------------------------------------------------------------------------- */

/*カレンダー*/
#index #secondaryContent h4.calendar{
	margin: 10px 0 0 0;
}

#index #secondaryContent .calendarWrapper{
	margin: 0 0 20px 0;
	background: url(../images/calendar_bottom.gif) no-repeat bottom left;
}

#index #secondaryContent .calendarWrapper .calendarWrapper-inner{
	padding: 10px 10px 10px 15px;
	background: url(../images/calendar_top.gif) no-repeat top left;
}


/* ホンダドリームバナー
---------------------------------------------------------------------------- */

#index .banner_dream{
	background: url(../images/bg_dream.jpg) top left no-repeat;
	width: 550px;
	height: 230px;
	position: relative;
}
	#index .banner_dream ul.button{
		position: absolute;
		left: 10px;
		bottom: 10px;
	}
			#index .banner_dream ul.button li{
				list-style: none;
				float: left;
				margin: 0 10px 0 0;
			}
			#index .banner_dream ul.button li a:hover img{
				display: block;
				-moz-opacity:0.75;
				opacity:0.75;
				filter: alpha(opacity=75);
			}


/* リンクバナー
---------------------------------------------------------------------------- */
/*
#index ul.linkBunner li{
    list-style:none;
	float:left;
	margin-bottom:10px;
}
		
		#index ul.linkBunner li.link{
		    margin-right:32px;
		}

*/

#index ul.linkBunner{
	width: 480px;/*バナーサイズ合計(150px*3)+マージン(30px)=480px*/
	margin: 0 auto;/*この要素をセンター揃えにする*/
	overflow: hidden;/*フロートを解除*/
}
#index ul.linkBunner li{
	list-style: none;/*リストスタイルを消す*/
	margin: 0 10px 10px 0;/*マージン:上　右　下　左*/
	float: left;/*この要素を左詰めで横並びにする*/
}