@charset "utf-8";
/*-------------------------------------------------
GLOBAL PAGE LAYOUT ELEMENTS
-------------------------------------------------*/
body	{
	margin: 0px; padding: 0px; text-align: center; background: url(../images/bg.png) top repeat-x #e7e7e7;
	font-size: 12px; line-height: 20px; color: #222222; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",  "Lucida Sans Unicode", Arial, Verdana, sans-serif; }

#wrapper 	{ margin: 0px auto; padding: 16px; width: 960px; text-align:left; background: #FFFFFF;}

a:link					{ color: #004473; text-decoration: none; }
a:visited				{ color: #189efc; text-decoration: none; }
a:hover, a:visited:hover{ color: #004473; text-decoration: underline; }

img		{ border: none; }


/*-------------------------------------------------
Header
-------------------------------------------------*/
#Header				{ margin: 0px; padding: 0px; width: 960px; text-align: right;}
#Header ul			{ margin: 0px; padding: 0px; list-style: none; }
#Header li			{ display: inline; padding: 0px 0px 0px 16px; font-size: 12px; line-height: 16px;}
#Header_Logo-Copy	{ margin: 0px 0px 0px 0px; padding: 0px;}
#Header_Logo		{ float: left;}
#Header_Copy		{ float: right;}

/*-------------------------------------------------
MainNavi
-------------------------------------------------*/
#MainNavi_Zone					{ clear: both; margin: 0px; padding: 0px; width: 960px; height: 55px; }
#MainNavi						{ margin: 0px; padding: 0px; width: 960px; height: 55px; position: absolute;}
#MainNavi li					{ margin: 0px; padding: 0px; list-style: none; float:  left; }
#MainNavi li, #MainNavi a		{ height: 55px; overflow: hidden; }
#MainNavi a						{ background-image: url(../images/navi.png); display: block; text-indent: -5000px; text-decoration: none; }

#MainNavi_Home			a			{ width: 120px; background-position:0 0;}
#MainNavi_Home			a:hover		{ background-position: 0 -55px;}
#MainNavi_Home			a.selected	{ background-position: 0 -110px;}

#MainNavi_News			a			{ width: 120px; background-position: -120px 0;}
#MainNavi_News			a:hover 	{ background-position: -120px -55px ;}
#MainNavi_News			a.selected	{ background-position: -120px -110px ;}

#MainNavi_Message		a			{ width: 120px; background-position: -240px 0;}
#MainNavi_Message		a:hover		{ background-position: -240px -55px;}
#MainNavi_Message		a.selected	{ background-position: -240px -110px;}

#MainNavi_Vision		a			{ width: 120px; background-position: -360px 0;}
#MainNavi_Vision		a:hover		{ background-position: -360px -55px;}
#MainNavi_Vision		a.selected	{ background-position: -360px -110px;}

#MainNavi_Business		a			{ width: 120px; background-position: -480px 0;}
#MainNavi_Business		a:hover		{ background-position: -480px -55px;}
#MainNavi_Business		a.selected	{ background-position: -480px -110px;}

#MainNavi_Technology	a			{ width: 120px; background-position: -600px 0;}
#MainNavi_Technology	a:hover		{ background-position: -600px -55px;}
#MainNavi_Technology	a.selected	{ background-position: -600px -110px;}

#MainNavi_Links			a			{ width: 120px; background-position: -720px 0;}
#MainNavi_Links			a:hover		{ background-position: -720px -55px;}
#MainNavi_Links			a.selected	{ background-position: -720px -110px;}

#MainNavi_Company		a			{ width: 120px; background-position: -840px 0;}
#MainNavi_Company		a:hover		{ background-position: -840px -55px;}
#MainNavi_Company		a.selected	{ background-position: -840px -110px;}


#SubNavi_Zone		{ clear: both; margin: 6px 0px; padding: 0px; }
#SubNavi_Zone ul	{ margin: 0px; padding: 0px;}
#SubNavi_Zone li	{ display: inline; padding: 0px 1.5em 0px 0px; font-size: 12px; font-weight: bold; color: #777777;}


/*-------------------------------------------------
Home_Contents
-------------------------------------------------*/

.Home_Contents						{ clear: both; width: 960px; margin: 16px 0px; padding: 0px; }
.Home_Contents h2					{ padding: 0px; margin: 0px;}
.Home_Contents .Banner_Box			{ padding: 0px; text-align: center;}
.Home_Contents .Banner_Box ul		{ padding: 0px; margin: 0px; list-style: none; }
.Home_Contents .Banner_Box ul.Bto	{ padding: 0px; margin: 4px 0px 0px 0px; list-style: none; }
.Home_Contents .Banner_Box li		{ padding: 0px; margin: 0px 0px 1px 0px;}

.Home_Left_Box	{ float: left; width: 704px; margin: 0px 0px; padding: 0px;}
.Home_Right_Box	{ float: right; width: 240px; margin: 0px 0px; padding: 0px;}

#Home_Topics	{ background: url(../images/home_topics_bg.png) top no-repeat; height: 336px; }
#Home_News		{ background: url(../images/home_news_bg.png) top no-repeat; height: 216px; }
#Home_Bto		{ background: url(../images/home_bto_bg.png) top no-repeat; height: 216px; }

#Home_News_Box			{ width: 616px; margin: 0px 16px 0px 72px; padding: 0px;}
#Home_News_Box table	{ width: 616px; margin: 0px; }
#Home_News_Box th		{ padding:4px 0px 0px 0px; border-bottom:1px dotted #b3cce5; font-size: 12px; width:15%; text-align: left; vertical-align: top;}
#Home_News_Box td		{ padding:4px 0px 0px 12px; border-bottom:1px dotted #b3cce5; font-size: 12px; width:85%; text-align: left; vertical-align: top;}
#Home_News_Box .RSS_Btn{ text-align: right; font-weight: bold; padding: 0px;}


/*-------------------------------------------------
コンテンツ：共通
-------------------------------------------------*/

#Contents		{ width: 960px; margin: 0px; padding: 0px;}

#Pankuzu		{ clear: both; margin: 16px 0px; padding: 0px; text-align: left;}
#Pankuzu ul		{ margin: 0px; padding: 0px;}
#Pankuzu li		{ display: inline; padding: 0px 3em 0px 0px; font-size: 12px; color: #777;}

#Contents h1	{ margin: 0px 0px 16px 0px;  }
#Contents h2	{ margin: 0px; padding: 16px 0px 0px 12px; height: 48px; font-size: 18px; line-height: 32px; font-weight: normal; color: #333;
				background: url(../images/title_h2_bg.png) top no-repeat;}
#Contents h2 .Technology_Title	{ font-weight: bold; color: #003399;}
#Contents h3	{ margin: 0px 0px 8px 0px; font-size: 14px; line-height: 24px; font-weight: normal; color: #555; }
#Contents h4	{ margin: 0px 0px 4px 0px; font-size: 12px; line-height: 24px; font-weight: normal; color: #555; }
#Contents p		{ margin: 0px 0px 32px 0px; padding: 0px; }

#Contents ol	{ padding: 0px; margin: 4px 0px 8px 48px; list-style:decimal outside;} 
#Contents ul	{ padding: 0px; margin: 4px 0px 8px 48px; list-style-image:url(../images/listmark.gif); outside:}
#Contents li	{ padding: 6px 0px 0px 0px; margin: 0px; font-size: 12px; line-height: 20px; color:#222; border: none; }

#Contents .Image_Right		{ float:right; margin: 4px 0px 4px 10px;}
#Contents .Image_Left		{ float:left; margin: 4px 10px 4px 0px;}
#Contents .Image_Right_Box	{ float:right; margin: 0px 0px 2px 10px; padding: 0px; font-size: 12px; line-height:12px; color: #333;}
#Contents .Image_Left_Box	{ float:left; margin: 0px 10px 2px 0px; padding: 0px; font-size: 12px; line-height:18px; color: #333;}

#Contents .Btn_Right	{ margin: 2px 0px; padding: 0px; text-align: right;}

#Contents_Main				{ float: left; width: 720px; margin: 0px; padding: 0px;}

#Contents_Sub				{ float: right; width: 240px; margin: 0px; padding: 0px;}
#Contents_Sub .Banner		{ padding: 0px; text-align: right;}
#Contents_Sub .Banner ul	{ padding: 0px; margin: 0px; list-style: none; }
#Contents_Sub .Banner li	{ padding: 0px; margin: 0px 0px 4px 0px;}

/*-------------------------------------------------
コンテンツ：各タイトル+BG
-------------------------------------------------*/
#News				{ /*background: url(../images/bg_news.png) top no-repeat;*/  }
#News_Box			{ width: 672px; margin: 0px 16px 0px 32px; padding: 0px;}
#News_Box table		{ width: 672px; margin: 0px; }
#News_Box th		{ padding:4px 0px 0px 0px; border-bottom:1px dotted #b3cce5; font-size: 12px; width:15%; vertical-align: top;}
#News_Box td		{ padding:4px 0px 0px 12px; border-bottom:1px dotted #b3cce5; font-size: 12px; width:85%; vertical-align: top;}

#News_Box_Contents			{ width: 704px; margin: 0px 16px 0px 0px; padding: 0px;}
#News_Box_Contents h3		{ margin: 0px 0px 8px 16px; padding: 0px;}
#News_Box_Contents h4		{ margin: 0px 0px 4px 16px; padding: 0px;}
#News_Box_Contents p		{ margin: 0px 0px 0px 16px; padding: 0px;}
#News_Box_Contents .Youtube	{ text-align: center; margin: 16px 0px; padding: 0px;}



/*-------------------------------------------------
コンテンツ：Vision
-------------------------------------------------*/
#Vision		{ width: 720px; margin: 16px 0px; padding: 0px;}	

#Vision ul	{ margin: 16px 0px 24px 32px; padding: 0px;  list-style-image:url(../images/listmark_plug2.gif); inside: }
#Vision li	{ padding: 12px 0px 0px 0px; margin: 2px 0px; font-size: 14px; line-height: 18px; color:#003399; }

/*-------------------------------------------------
コンテンツ：メッセージ
-------------------------------------------------*/
#Message		{ width: 720px; margin: 16px 0px; padding: 0px;}	

#Message_Text	{
	float: right;
	width: 458px;
	margin: 0px;
	padding: 0px;
}
#Message_Text p	{ font-size: 14px; line-height: 28px; color: #222;}
#Message_Profile{ float: left; width: 240px; margin: 8px 0px; padding: 0px;}

/*-------------------------------------------------
コンテンツ：技術・開発
-------------------------------------------------*/
.Technology_Box			{ clear: both; width: 720px; margin: 16px 0px; padding: 0px;}	
.Technology_Box_Image	{ float: left; width: 360px; margin: 0px; padding: 0px;}
.Technology_Box_Text	{ float: right; width: 344px; margin: 0px; padding: 0px;}
.Technology_Box_Text p	{ font-size: 12px; line-height: 24px; color: #222;}

/*-------------------------------------------------
コンテンツ：リンク
-------------------------------------------------*/
#Links		{ widht: 600px; margin: 0px; padding: 0px 120px;}	
#Links ul	{ margin: 8px 0px 16px 0px; padding: 0px;  list-style-image:url(../images/listmark.gif); outside: }
#Links li	{ padding: 12px 0px 0px 0px; margin: 2px 0px; font-size: 12px; line-height: 18px; color:#555; border-bottom:1px dotted #e5e5e5;}

/*-------------------------------------------------
コンテンツ：会社概要
-------------------------------------------------*/
#Company_Profile_Logo		{ clear: both; width: 960px; margin: 0px; padding: 0px;}

#Company_Profile			{ float: left; width:568px; margin: 0px; padding: 0px;}
#Company_Profile table		{ table-layout: fixed; width: 568px; margin: 0px; padding: 0px; font-size: 12px; line-height: 18px;}
#Company_Profile th			{ padding:8px 0px 2px 12px; vertical-align:top; text-align: left; border-top:1px solid #e7e7e7; width:25%; background: #F1F1F1;}
#Company_Profile td			{ padding:8px 0px 2px 6px; vertical-align:top; text-align: left; border-top:1px solid #e7e7e7; width:75%;}
#Company_Profile .Bottom_Line	{ border-bottom:1px solid #e7e7e7;}

#Company_Profile ul			{ margin: 0px; padding: 0px;  list-style:none; }
#Company_Profile ol			{ margin: 0px 0px 0px 24px; padding: 0px;  list-style:decimal; }
#Company_Profile li			{ margin: 0px 0px 8px 0px; padding: 0px; font-size: 12px; line-height: 18px; color:#222; border:none;}

#Company_Logo					{ float: right; width:360px;}

#Company_AccessMap_Contact	{ clear: both; width: 960px; margin: 0px; padding: 32px 0px 0px 0px;}		
#Company_AccessMap			{ float: left; width: 568px; height: 480px;}

#Company_Contact				{
	float: left;
	width:568px;
}
#Company_Contact table		{ table-layout: fixed; width: 568px; margin: 0p; padding: 0px; font-size: 12px; line-height: 18px;}
#Company_Contact th			{ padding:8px 0px 2px 6px; vertical-align:top; text-align: left; border-top:1px solid #e7e7e7; width:25%; background: #F1F1F1;}
#Company_Contact td			{ padding:8px 0px 2px 6px; vertical-align:top; text-align: left; border-top:1px solid #e7e7e7; width:75%;}
#Company_Contact .Bottom_Line	{ border-bottom:1px solid #e7e7e7;}

/*-------------------------------------------------
コンテンツ：電気自動車とは+会社に関するご質問
-------------------------------------------------*/
#Bto			{ clear: both; width: 960px; margin: 0px; padding: 0px;}

#Bto_SideList	{ float: left; width: 328px; margin: 0px; padding: 14px 0px;}
#Bto_SideList h2{ margin: 0px; padding: 0px; height: 18px; font-size: 16px; font-weight: normal; color: #555; background: none;}
#Bto_SideList ul{ margin: 12px 0px 24px 0px; padding: 0px; list-style: none; }
#Bto_SideList li{ margin: 0px; padding: 8px 0px 0px 0px; font-size: 12px; line-height: 18px; border-bottom:1px dotted #e5e5e5;}

#Bto_Main		{ float: right; width: 600px; margin: 0px; padding: 0px;}
#Bto_Main h2	{ margin: 0px; font-size: 16px; line-height: 24px; font-weight: normal; color: #0075bf; }
#Bto_Main p		{ margin: 0px; padding: 8px 0px; font-size: 12px; line-height: 22px; font-weight: normal; color: #333; }


/*-------------------------------------------------
コンテンツ：サブコンテンツ（サイトマップ、プライバシーポリシー、お問い合わせ）
-------------------------------------------------*/
#Sub_Contents		{ width: 584px; margin: 0px 0px 0px 120px; padding: 0px;}
#Sub_Contents h2	{ margin: 24px 0px 12px 0px; padding: 2px 0px; height: 24px; font-size: 16px; line-height: 24px; font-weight: normal; color: #555; border-bottom:1px dotted #ccc; background: none;}
#Sub_Contents p		{ margin: 4px 0px 12px 0px; padding: 0px; line-height: 18px;}
#Sub_Contents ul	{ margin: 4px 0px 8px 16px; padding: 0px; list-style-image:url(../images/listmark.gif); outside: }
#Sub_Contents ol	{ margin: 4px 0px 8px 32px; padding: 0px; list-style-type: decimal;}
#Sub_Contents li	{ margin: 0px 0px 4px 0px; font-size: 12px; line-height: 18px; color:#555; }


/*-------------------------------------------------
Footer
-------------------------------------------------*/

#Footer				{ clear: both; width: 960px; margin: 16px 0px 0px 0px; padding: 8px 0px; }

#Footer_MainNavi ul		{ margin: 6px 0px; padding: 4px 0px 0px 0px; list-style: none;  border-top: 2px solid #e7e7e7;}
#Footer_MainNavi li		{ display: inline; padding: 0px 1.25em 0px 0px; font-size: 12px; font-weight: bold;}

#Footer_SubNavi ul		{ margin: 6px 0px; padding: 4px 0px 0px 0px; list-style: none; }
#Footer_SubNavi li		{ display: inline; padding: 0px 1.25em 0px 0px; font-size: 12px; }

#Footer_DirectNavi ul	{ margin: 6px 0px; padding: 4px 0px 0px 0px; list-style: none; }
#Footer_DirectNavi li	{ display: inline; padding: 0px 1.25em 0px 0px; font-size: 12px; font-weight: bold;}

#Footer_CompanyNavi		{ margin: 16px 0px; padding: 4px 0px 0px 0px; text-align: right;}
#Footer_CompanyNavi ul	{ margin: 6px 0px; padding: 4px 0px 0px 0px; list-style: none; }
#Footer_CompanyNavi li	{ display: inline; padding: 0px 0px 0px 16px; font-size: 10px; }

#Footer_Address			{ margin: 16px 0px 0px 0px; padding: 0px; color: #777;}


/* バナー
---------------------------------------------------- */
img.banner	{margin: 0 24px 20px 0; text-align: right;}

/* リスト
--------------------------------------------------
ul	{ padding: 8px 0px 8px 32px; list-style-image: url(../images/listmark.gif); outside}
ol	{ padding: 8px 0px 8px 32px; list-style-type: decimal; }
li	{ margin: 0px 0px 12px 0px; font-size: 12px; line-height: 18px; color:#333333; }

-- */
/* 右ボタン
---------------------------------------------------- */
.btn-r	{ font-size:10px; text-align: right;}