@import url("./css/default.css");


/*----------------------------------------------------
Link Color
TOP下部
DWB Histry TOP AREA
BODY
Header
Gnavi
TOP Member's CAR
MemberCarLIST
MemberCar
footer
HISTORY Page
Event Page
お知らせページ
リンクページ
汎用
CLEAR FIX
----------------------------------------------------*/



/*-----------------------------------------------------------
 Link Color
----------------------------------------------------------- */

a{
	color:#060B5F;
	text-decoration:none;
}

a:hover{
	color:#8F002E;
	text-decoration:underline;
}





/*----------------------------------------------------
TOP下部
----------------------------------------------------*/
#primary{
width:940px;
background:url(../img/common/bg_primary.jpg);
}

#centerArea{
width:320px;
float:left;
}



#rightArea{
text-align:center;
float:right;
width:226px;
min-height:300px;
height: auto
height: 300px;
}

#rightAreaInner{
width:226px;
}


#historyIMG a{
display:block;
width:226px;
height:194px;
text-indent:-9999px;
background:url(img/index/bg_topHistory.jpg) center top no-repeat;
overflow:hidden;
}


#historyIMG a:hover{
background:url(img/index/bg_topHistory_on.jpg) center top no-repeat;
}


#indexRSS a{
background:url(img/index/bg_topRss.jpg) center top no-repeat;
display:block;
width:226px;
height:106px;
text-indent:-9999px;
overflow:hidden;
}

#indexRSS a:hover{
background:url(img/index/bg_topRss_on.jpg) center top no-repeat;
}


#rightAreaBottom{
background:url(img/index/bg_topHistory_footer.jpg) center top no-repeat;
height:95px;
}






#newsListArea{
width:600px;
float:left;
padding:0 20px;
}

#newsListArea img{
float:left;
display:block;
margin-top:10px;
}

#newsListArea dt {
	margin-bottom: 0px;
	padding-top: 5px;
	padding-left: 55px;
	font-weight: bold;
	border-top: 1px dotted #ACACAC;
}

#newsListArea dd {
	margin-bottom: 10px;
	padding-left: 55px;
text-align:left;
}

#newsListArea h3{
font-size:1.2em;
margin:10px 0;
font-family:  Verdana,"Lucida Grande", sans-serif; 
}


#MainTitleArea{
background:#14304F;
padding:10px;
margin:10px 0 0;
color:#eee;
font-size:1.2em;
font-weight:bold;
}

.aboutExp{
font-size:0.8em;
padding:0 0 0 20px;
}


/*----------------------------------------------------
DWB Histry TOP AREA
----------------------------------------------------*/
#histryListArea img{
float:left;
display:block;
margin-top:5px;
}

#histryListArea dt {
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 55px;
	font-weight: bold;
	xxxborder-top: 1px dotted #ACACAC;
}

#histryListArea dd {
	xxxmargin-bottom:10px;
	padding-left: 55px;
}

/*--仮-----------------------------------------------------------------------------*/







/*----------------------------------------------------
BODY
----------------------------------------------------*/
body{
line-height:1.8em;
color:#666;
font-size:0.9em;
}

body.topbody{
text-align:center;
background:url(img/topimg.jpg) center top no-repeat;
}

body.subbody{
text-align:center;
background:url(img/bg_body_01.gif) center top repeat-x #E8E5C0;
}


/*----------------------------------------------------

----------------------------------------------------*/
#container{
text-align:left;
width:960px;
margin:0 auto;
}
#subcontainer{
text-align:left;
margin:0 auto;
}

#mainArea{
background:#eee;
}


#contents_Area{
width:920px;
background:#fff;
margin:-180px auto 0;
padding:20px;
text-align:left;
}


/*----------------------------------------------------
Header
----------------------------------------------------*/
.topbody #header{
width:960px;
height:400px;
margin:0 auto;
}


.subbody #header_wrap{
width:100%;
height:350px;
background:url("img/header_wrap.jpg") no-repeat center;
}

.subbody #header{
width:960px;
height:160px;
margin:0 auto;
text-align:left;
}


#header{
width:960px;
height:200px;
margin:0 auto;
}


/*----------------------------------------------------
Gnavi
----------------------------------------------------*/
#Gnavi{
margin:0 auto;
float:right;
}


#Gnavi li{
float:left;
background:#eee;
filter: Alpha(opacity=70);
opacity:0.7;
border:3px solid #fff;
font-weight:bold;
margin:0 0 0 3px;
}

#Gnavi li a{
padding:10px 30px;
display:block;
}

/*----------------------------------------------------
TOP Member's CAR
----------------------------------------------------*/
#top_member_car{
width:940px;
height:150px;
margin:0 10px;
padding:60px 0 0 0;
background:url(img/bg_top_memberPhoto.png) no-repeat ;
}

* html #top_member_car{
width:940px;
height:190px;
margin:0 10px;
padding:50px 0 0 0;
background:url(img/bg_top_memberPhoto.png) no-repeat;
}

.jCarouselLite{
margin:0 30px;
}
* html .jCarouselLite{
width:760px;
margin:-80px 40px 0;
}
.jCarouselLite li{
padding:5px 10px;
height:95px;
}


.carousel a.prev{
display:block;
width:30px;
float:left;
text-indent:-9999px;
background:url(img/imageNavLeft.gif) no-repeat center right;
height:100px;
z-index: 2;
}

.carousel a.next{
display:block;
width:30px;
float:right;
text-indent:-9999px;
background:url(img/imageNavRight.gif) no-repeat center left;
height:100px;
z-index: 2;
}


.more a{
position:absolute;
width:50px;
margin:-50px 0 0 170px;
text-indent:-9999px;
display:block;
overflow:hidden;
background:url(img/dummy.gif);
}

* html .more a{
position:absolute;
width:50px;
margin:-30px 0 0 170px;
text-indent:-9999px;
display:block;
overflow:hidden;
background:url(img/dummy.gif);
}



/*----------------------------------------------------
MemberCarLIST
----------------------------------------------------*/


div.listItemBox{
	border: 1px solid #999;
	width: 150px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
padding:10px 5px;
vertical-align:top;
margin:10px 9px;
}

div.listItemBox> div{
	width:150px;
	display:block;
}

.listItemBox a{
text-decoration:none;
}

.ItemPhoto{
text-align:center;
}

.ItemTxtTitle{
position: relative; 
margin:0 0 0 5px; 
line-height:1.3em;
font-weight:bold;
}

.ItemTxtMore{
position: absolute; 
margin-top:-20px;margin-left:110px;
}


.car_img_main{margin:0px 0 20px 0;}




/*----------------------------------------------------
MemberCar
----------------------------------------------------*/

#PhotoListArea{
	list-style: none;
	width: 480px;   /* ※ */
	/*width: 580px;    ※ */
		float: left;
}
	#PhotoListArea li {
		background: #FFFBEF;   /* ※ */
		float: left;
		text-align: center;
		XXXwidth: 150px;   /* ※ */
margin:5px;
	}
		#PhotoListArea li a {
			border: solid 1px #666;   /* ※ */
			color: white;   /* ※ */
			display: block;
			XXXline-height: 35px;   /* ※ */
			text-decoration: none;
			XXXheight: 35px;   /* ※ */
padding:5px;

		}


#CarSpecArea{
float:right;
width:430px
}

.CarSpecItem{
xwidth:14em;
xdisplay:inline-block;
font-weight:bold;
}


#specialModifications li{
margin-left:20px;
}



/*----------------------------------------------------
footer
----------------------------------------------------*/

#footer{
width:100%;
background:#252525;
text-align:center;
background:url(img/common/FooterUp.jpg) repeat-x top #252525;
padding-top:20px;
}

#footerInner{
width:940px;
margin:0 auto;
padding:20px 10px;
background:#252525;
text-align:left;
}

#footerBottom{
background:url(img/common/FooterBottom.jpg) repeat-x top #fff;
padding:20px;
}

#PRArea{
background:#ECE9D8;
text-align:right;
font-size:0.7em;
}

#PRArea a{
color:#666;
}

#amazon{
width:570px;
float:left;
}

#amazon li{
vertical-align:top;
padding-bottom:10px;
	width: 90px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

#amazon li p{
width:80px;line-height:1.2em;}

#amazon li p a{
width:78px;
color:#666;
font-size:0.9em;
text-decoration:none;
}


#amazon h3{
padding:5px 10px;
margin-bottom:10px;
color:#fff;
font-family:Arial,Helvetica,sans-serif;
letter-spacing:-1px;
font-size:1.3em;
background:url(../img/share/amzn.gif) no-repeat bottom right #000;
}


#FooterMenuArea{
float:right;
width:360px;

}

#FooterMenuArea a{
color:#fff;
}

#FooterMenuArea h3{
padding:5px 10px;
margin-bottom:10px;
color:#fff;
font-family:Arial,Helvetica,sans-serif;
letter-spacing:-1px;
font-size:1.3em;
background:#000;

}

/*----------------------------------------------------
HISTORY Page
----------------------------------------------------*/

#PhotoListAreaHistory{
	list-style: none;
	width: 700px;
	float: left;
}
#PhotoListAreaHistory li {
display: inline-block;
/display: inline;
/zoom: 1;
margin:5px;
}

#PhotoListAreaHistory img{
background-color:#CCCCCC;
border:1px solid #EEEFE5;
display:block;
margin-bottom:3px;
padding:5px;
}


#historyBodyArea{
text-align:center;
padding:20px;
}


/*----------------------------------------------------
Event Page
----------------------------------------------------*/
#EventSideArea{
width:200px;
float:right;
padding:10px;
}

#EventSideArea img{
float:left;
display:block;
margin-top:10px;
}

#EventSideArea dt {
	margin-bottom: 5px;
	padding-top: 5px;
	padding-left: 50px;
	font-weight: bold;
	border-top: 1px dotted #ACACAC;
}

#EventSideArea dd {
	margin-bottom: 10px;
	padding-left: 50px;
text-align:left;
}


p.EventEntryBodyArea{
margin:20px 0;
}

/*----------------------------------------------------
お知らせページ
----------------------------------------------------*/
.newsBodyArea{
padding:20px;
}

.newsBodyArea dt {
 float:left;
 width:100px;
 padding:5px 0 5px 10px;
 clear:both;
 XXXfont-weight:bold;
}

.newsBodyArea dd {
 margin-left:100px;
 padding:5px 5px 5px 10px;
}


.newslistIchiran{
margin-top:-33px;
text-align:right;
}

*html .newslistIchiran{
text-align:right;
}


/*----------------------------------------------------
リンクページ
----------------------------------------------------*/
#linkArea{
margin:30px 20px;
}

#linkArea h2{
margin-top:5px 10px;
background:#BCD4DF;
color:#14304F;
padding:5px 10px;
margin-top:10px;
}

#linkArea h3{
margin:0 0 0 1em;
}
#linkArea p{
margin:0 0 0 2em;
}



/*----------------------------------------------------
汎用
----------------------------------------------------*/

.txtR{
text-align:right;
}

.txtL{
text-align:left;
}

.PageUp{
clear:both;
text-align:right;
}

/*----------------------------------------------------
CLEAR FIX
----------------------------------------------------*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*?*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/*-----------------------------------------------------------
IEPNGFIX
-----------------------------------------------------------*/
* html #logoArea #logo a img,* html #logoArea h1 a img,* html #top_member_car{
behavior: expression(IEPNGFIX.fix(this));

}





/*----------------------------------------------------

----------------------------------------------------*/