@import url("common.css");


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

	＠目次

	1.共通スタイル
	2.ヘッダー
	3.ナビゲーション
	4.トップページ
	5.コンテンツ
	6.EV-R55の特徴
	7.カラー＆スペック
	8.公道を走るために
	9.フッター

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


/*--------------------------------------------------
 ＠1 共通スタイル
--------------------------------------------------*/



h1 {
	background-image: url(img/read01.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 440px;
	position: absolute;
	left: 473px;
	top: 34px;
	text-indent: -9999px;
}

h2 {
	background-image: url(img/read02.jpg);
	background-repeat: no-repeat;
	height: 56px;
	width: 530px;
	position: absolute;
	left: 430px;
	top: 73px;
	text-indent: -9999px;
}


#textcomment{
	}

p.text01{
	background-image: url(img/text01.jpg);
	background-repeat: no-repeat;
	height: 45px;
	width: 280px;
	position: absolute;
	left: 448px;
	top: 156px;
	text-indent: -9999px;
	}

p.text02{
	background-image: url(img/text02.jpg);
	background-repeat: no-repeat;
	height: 45px;
	width: 280px;
	position: absolute;
	left: 448px;
	top: 222px;
	text-indent: -9999px;
	}

p.text03{
	background-image: url(img/text03.jpg);
	background-repeat: no-repeat;
	height: 45px;
	width: 305px;
	position: absolute;
	left: 440px;
	top: 288px;
	text-indent: -9999px;
	}
	
#moviearea{
	display: inline;
	float: right;
	height: 180px;
	width: 205px;
	margin-top: 150px;
	margin-right: 15px;
	background-image: url(img/movie.jpg);
	}

#imageMovieBt-1 {
	background-image: url(img/movie.jpg);
	height: 180px;
	width: 205px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#imageMovieBt-1 a {
	text-indent: -9999px;
	display: block;
	height: 180px;
	width: 205px;
	overflow: hidden;
}

#markarea{
	background-image: url(img/mark.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 446px;
	position: absolute;
	left: 440px;
	top: 345px;
	text-indent: -9999px;
	}



#delstar {
	background-image: url(img/delstar_back.jpg);
	background-repeat: no-repeat;
	text-align: left;
	height: 790px;
	position: relative;
	top:129px;
}


h3 {
	background-image: url(img/subtitle.jpg);
	background-repeat: no-repeat;
	height:28px;
	width:329px;
	position: absolute;
	left: 525px;
	top: 63px;
	text-indent: -9999px;
}

#co20Tx {
	width: 400px;
	height:200px;
	position: absolute;
	left: 530px;
	top: 110px;
}

h4{
	background-image: url(img/delstard.jpg);
	background-repeat: no-repeat;
	height: 380px;
	width: 320px;
	position: absolute;
	left: 580px;
	top: 315px;
	text-indent: -9999px;
	}




.container-top {
	background-image: url(img/top_back.jpg);
	background-repeat: no-repeat;
}


/*--------------------------------------------------
 ＠2 ヘッダー
--------------------------------------------------*/

#content {
	text-align: left;
	height: 2400px;
	position: relative;
}
#content2 {
	text-align: left;
	height: 100px;
	position: relative;
	padding-bottom: 320px;
}


#contactBt {
	display: inline;
	float: right;
	height: 20px;
	width: 100px;
	margin-top: 25px;
	margin-right: 15px;
	background-image: url(img/contact.jpg);
}


/*--------------------------------------------------
 ＠5 コンテンツ
--------------------------------------------------*/

#main {
	width: 970px;
	background-image: url(img/long_back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top:-70px;
}
#mainSp {
	padding-left: 100px;
	padding-right: 100px;
	margin-top:500px;
}

/*--------------------------------------------------
 ＠7 カラー＆スペック
--------------------------------------------------*/

.specExBx {
	margin-bottom: 60px;
	width: 772px;
	margin-top:80px;
}


#specExTi-1 {
	background-image: url(img/spec_ti-1.jpg);
	text-indent: -9999px;
	height: 30px;
	width: 390px;
}
#specExTi-2 {
	background-image: url(img/spec_ti-2.jpg);
	text-indent: -9999px;
	height: 30px;
	width: 390px;
}
.specTb1 {
	margin-bottom: 30px;
}
.specTb2 {
	margin-bottom: 30px;
}


.specTb1 td    {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #000000;
}
.specTb2 td    {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #000000;
	padding-right: 10px;
	text-align: center;
}





/*--------------------------------------------------
 ＠9 フッター
--------------------------------------------------*/

#footer {
	height: 170px;
	text-align: center;
	display: block;

}
#denki-norimono {
	padding-left: 45px;
	padding-right: 30px;
}
#denki-norimonoSp {
	height: 40px;
	width: 521px;
	float: left;
	margin-top: 11px;
	background-image: url(img/denki_norimono.jpg);
	text-indent: -9999px;
}
#electronic_vehicle {
	background-image: url(img/electronic_vehicle.png);
	text-indent: -9999px;
	float: right;
	height: 68px;
	width: 314px;
}
#proStaff {
	padding-top: 15px;
	padding-right: 57px;
	padding-left: 56px;
}
#proStaffSp {
	background-color: #D6D6D6;
	height: 67px;
	width: 869px;
	background-repeat: no-repeat;
	position: relative;
}
#proStaffLogo {
	height: 47px;
	width: 162px;
	position: absolute;
	left: 14px;
	top: 10px;
}

#proStaffTx {
	width: 225px;
	position: absolute;
	left: 182px;
	top: 15px;
	height: 59px;
	text-align: right;
}
#proStaffTx2 {
	width: 440px;
	height: 59px;
	position: absolute;
	right: 4px;
	top: 4px;
	background-color: #FFFFFF;
	text-align: left;
}
#proStaffTx2Sp {
	padding-top: 11px;
	padding-left: 12px;
}
#team-6 {
	height: 40px;
	width: 177px;
	position: absolute;
	right: 15px;
	top: 15px;
}
#footerNavi {
	text-align: left;
	font-size:10px;
	padding: 5px 0 0 50px;
}
#footerNavi2 {
	text-align: center;
	font-size:10px;
	padding: 5px 0 0 0;
}
#footerNaviSp {

}



#copyright {
	background-image: url(img/copyright_back.jpg);
	height: 40px;
	background-repeat: repeat-x;
}
#copyrightSp {
	text-align: center;
	padding-top: 10px;
}

.container-contact td{
	padding:10px;
	font-size:12px;
	border:1px #CCCCCC solid;
}

.contactp{
	font-size:14px;
	font-weight:bold;
	}

.thank{
	margin:15px 0;
	font-size:14px;
	dont-weight:bold;
	}
	
	
	
	
#ex-area{
	margin:0;
	padding:0;
	width:970px;
	height:30px;
	}
	
.ex-title{
	float:left;
	margin:0;
	padding:0;
	}

.ex-b{
	float:right;
	margin:0;
	padding:0;
	}

#ex{
	margin:0;
	padding:0;
	width:970px;
	height:355px;
	background-image: url(img/ex-01.jpg);
	position: absolute;
	}
	
#ex h2{
	margin:0;
	padding:0;
	top:40px;
	left:380px;
	position: relative;
	background-image: url(img/ex-01-title.gif);
	}
	
#ex p{
	margin:10px 0 0 0;
	padding:0;
	left:380px;
	position: relative;
	width:500px;
	}


.box3{
	padding:18px 0 18px 180px;
	background:#E7E7E7;
	text-align:center;
	height:75px;
}

.box3 p{
	float:left;
	margin:0 26px 0 0;

}