@import url("common.css");


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

	＠目次

	1.共通スタイル
	2.ヘッダー
	3.ナビゲーション
	4.公道を走るために
	5.フッター
	6.clearfix
	7.#procedure　共通設定
	8.#procedure　見出し設定
	9.#procedure　コンテンツ設定
--------------------------------------------------*/


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



h1 {
	text-indent: -9999px;
}


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

.container-ev-r55 {
	background-image: url(img/ev-r55_back.jpg);
	background-repeat: no-repeat;
}

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

.container-public {
	/*background-image: url(img/public_back.jpg);
	background-repeat: no-repeat;*/
}

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

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

#content {
	text-align: left;
	height: 750px;
	position: relative;
}


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



/*--------------------------------------------------
 ＠3 ナビゲーション
--------------------------------------------------*/

#navi {
	height: 60px;
	width: 610px;
	position: absolute;
	left: 360px;
	top: -14px;
}
#naviBtArea {
	height: 60px;
}
#naviBtArea ul {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#naviBtArea li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}
#naviBtArea a {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#naviBtAreaTop  a {
	background-image: url(img/navi_bt.jpg);
	height: 60px;
	width: 150px;
	background-repeat: no-repeat;
	background-position: 0px top;
}
#naviBtAreaEV-R55   a {
	background-image: url(img/navi_bt.jpg);
	height: 60px;
	width: 149px;
	background-repeat: no-repeat;
	background-position: -150px top;
}
#naviBtAreaEV-R552  a {
	background-image: url(img/navi_bt.jpg);
	height: 60px;
	width: 149px;
	background-repeat: no-repeat;
	background-position: -150px -60px;
}
#naviBtAreaSpec  a {
	background-image: url(img/navi_bt.jpg);
	height: 60px;
	width: 149px;
	background-repeat: no-repeat;
	background-position: -299px top;
}
#naviBtAreaSpec2   a {
	background-image: url(img/navi_bt.jpg);
	height: 60px;
	width: 149px;
	background-repeat: no-repeat;
	background-position: -299px -60px;
}
#naviBtAreaPublic  a {
	background-image: url(img/navi_bt.jpg);
	height: 60px;
	width: 162px;
	background-repeat: no-repeat;
	background-position: -448px top;
}
#naviBtAreaPublic2  a {
	background-image: url(img/navi_bt.jpg);
	height: 60px;
	width: 162px;
	background-repeat: no-repeat;
	background-position: -448px -60px;
}




/*--------------------------------------------------
 ＠4 公道を走るために
--------------------------------------------------*/

.publicExBx {
	margin-bottom: 60px;
	width: 772px;
	margin-top:50px;
}
.publicExBx p {
	margin-left: 20px;
}

#publicExTi-1 {
	background-image: url(img/public_t1.jpg);
	text-indent: -9999px;
	height: 30px;
	width: 772px;
	margin-bottom: 27px;
}
#publicExTi-2 {
	background-image: url(img/public_t2.jpg);
	text-indent: -9999px;
	height: 30px;
	width: 772px;
	margin-bottom: 27px;
}
#publicExManualBx-1 {
	background-image: url(img/public_b1.jpg);
	height: 280px;
	width: 755px;
	position: relative;
	margin-left: 11px;
}
#publicExManualBx-2 {
	background-image: url(img/public_b2.jpg);
	height: 290px;
	width: 755px;
	position: relative;
	margin-left: 11px;
}
#publicExManualBx-3 {
	background-image: url(img/public_b3.jpg);
	height: 268px;
	width: 755px;
	position: relative;
	margin-left: 11px;
}
.publicExManualBxTx {
	width: 634px;
	position: absolute;
	left: 83px;
	top: 54px;
}
#publicExManualTi-1 {
	text-indent: -9999px;
	height: 63px;
	width: 380px;
	background-image: url(img/public_t2-1.jpg);
}
#publicExManualTi-2 {
	text-indent: -9999px;
	height: 63px;
	width: 380px;
	background-image: url(img/public_t2-2.jpg);
}
#publicExManualTi-3 {
	text-indent: -9999px;
	height: 63px;
	width: 380px;
	background-image: url(img/public_t2-3.jpg);
}
#publicExManual {
	background-image: url(img/manual.jpg);
	text-indent: -9999px;
	height: 244px;
	width: 772px;
	margin-top: 10px;
}


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

#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;
	}
	
	
	
	
/*--------------------------------------------------
 ＠6 clearfix
--------------------------------------------------*/
.fix:after,
dl:after,
ul:after,
.cover:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.fix,
dl,
ul,
.cover{
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac\*/
*html .fix,
*html dl,
*html ul,
*html .cover{
	height: 1%;
}

.fix,
dl,
ul,
.cover{
	display: block;
}
/*End hide from IE-mac */
	
	
	
	
/*--------------------------------------------------
 ＠7#procedure　共通設定
--------------------------------------------------*/
#procedure .publicExBx {
	margin-bottom: 60px;
	width:auto;
	padding:65px 0 0;
}
	
#procedure #mainSp {
	padding:0 127px 0 127px;
}

#procedure .red{
	color:#FF0000;
}

#procedure .t-center{
	text-align:center;
}

#procedure .p50{
	padding:0 0 0 50px;
}

#procedure #main {
	width:auto;
	background-image: url(img/long_back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top:-64px;
}

#procedure .m16{
	margin:0 0 16px;
}
	
#procedure .m35{
	margin:0 0 35px;
}

#procedure .arrow{
	padding:5px 0;
	text-align:center;
}
	
#procedure .none{
	display:none;
}	

/*--------------------------------------------------
 ＠8#procedure見出し設定
--------------------------------------------------*/
#procedure .dot{
	background:url(img/procedure-dot.gif) repeat-x left bottom;
	padding:0 0 10px;
	margin:0 0 20px;
}

#procedure h2{
	text-indent:-9999px;
	height:42px;
}

#procedure h3{
	text-indent:-9999px;
	height:24px;
}

	
#procedure #title01{
	background:url(img/procedure-title01.jpg) no-repeat top center;
	height:43px;
}	
	
#procedure #title02{
	background:url(img/procedure-title02.jpg) no-repeat top center;
	height:80px;
}	

#procedure #title03{
	background:url(img/procedure-title03.jpg) no-repeat;
	height:88px;
}	

#procedure #title04{
	background:url(img/procedure-title04.jpg) no-repeat;
	height:88px;
}	

#procedure #title05{
	background:url(img/procedure-title05.jpg) no-repeat;
	height:88px;
}

#procedure #title06{
	background:url(img/procedure-title06.gif) no-repeat;
}

#procedure #title07{
	background:url(img/procedure-title07.gif) no-repeat;
	height:55px;
	margin:0 0 10px;
}

#procedure #title08{
	background:url(img/procedure-title08.gif) no-repeat;
	margin:0 0 10px;
}

#procedure #title09{
	background:url(img/procedure-title09.gif) no-repeat;
	margin:0 0 10px;
}




/*--------------------------------------------------
 ＠9#procedureコンテンツ設定
--------------------------------------------------*/
#content2 {
	text-align: left;
	/*height: 80px;*/
	position: relative;
	/*padding-bottom: 320px;*/
}

#procedure .s-menu{
	padding:0 0 0 220px;
}

#procedure .s-menu li{
	margin:0 0 7px;
}

#procedure .top{
	background:url(img/procedure-top-bg.gif) no-repeat left top;
	padding:17px 0 0;
}	
	
#procedure .bottom{
	background:url(img/procedure-bottom-bg.gif) no-repeat left bottom;
	padding:0 0 17px;
	width:715px;
}	
	
#procedure .middle{
	background:#B3B3B3;
	padding:0 17px;
	width:681px;
}	
	
#procedure .box .bottom{
	background:url(img/procedure-box-bottom.gif) no-repeat left bottom;
	padding:0 0 21px;
	width:auto;
}	
	
#procedure .box .middle{
	background:url(img/procedure-box-middle.gif) repeat-y;
	padding:15px 20px 0 20px;
	width:auto;
}	
	
#procedure .middle .cover{
	padding:15px;
	background:#FFFFFF;
}

#procedure .middle .warp{
	padding:15px;
	background:#FFFFFF;
	margin:0 0 20px;
}	

#procedure .middle .warp2{
	padding:15px;
	background:#FFFFFF;
	margin:0;
}

#procedure .middle .txt02{
	padding:5px 0;
	background:#0D3896;
	margin:0 0 20px;
	color:#FFFFFF;
	text-align:center;
}	

#procedure .middle .txt03{
	padding:5px 0;
	background:#FF0000;
	margin:0 0 20px;
	color:#FFFFFF;
	text-align:center;
}	

/*---------※コンテンツ設定----------*/
	
#procedure dl.kome{
	padding:0 10px;
	margin:10px 0 0;
}
	
#procedure dl.kome dt{
	float:left;
	width:16px;	
}

#procedure dl.kome dd{
	float:left;
	width:680px;	
}	

#procedure dl.kome2{
	margin:10px 0 16px;
}
	
#procedure dl.kome2 dt{
	float:left;
	width:16px;	
}

#procedure dl.kome2 dd{
	float:left;
	width:220px;	
}	


/*---------2カラムコンテンツ設定----------*/
#procedure .left-box{
	float:left;
	width:322px;
	margin:0;
	text-align:center;
}	
	
#procedure .right-box{
	float:right;
	width:300px;
}	
	
#procedure .left-box p{
	margin:0;
	text-align:center;
}


#procedure .left-box2 p{
	margin:0;
	text-align:center;
}

#procedure .left-box2{
	float:left;
	width:394px;
	margin:0;
	text-align:center;
}	
	
#procedure .right-box2{
	float:right;
	width:240px;
}

#procedure #s-left{
	float:left;
	width:20px;
}	

#procedure #s-right{
	float:left;
	width:215px;
}