@charset "utf-8";

/*bodyへの定義*/
body{
  background-image:url(../img/base/bg_body.gif);
  background-repeat:repeat-x;
  background-position:left top;
  background-attachment:scroll;
  padding:0px;
  margin:0px;
  text-align : center;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
/*ページ全体を囲む「div」用id*/
#base{
  background-color:#FFFFFF;
  text-align : center;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 0px;
  border-top:0px;
  border-right:1px #000000 solid;
  border-bottom:2px #003399 solid;
  border-left:1px #000000 solid;
  width:800px;
}

/*ヘッダー
====================================================================
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
====================================================================*/
/*ヘッダー全体を囲んでいる「div」用id*/
#header{
  font-size : 10px;
}
/*ヘッダー右上部（アクセス・リンク等）のメニューを囲んでいる「div」用id*/
#headmenu{
  padding-top : 3px;
  padding-left : 315px;
  padding-right : 0px;
  padding-bottom : 0px;
  height:30px;
}
/*英語用*/
#headmenue{
  padding-top : 3px;
  padding-left : 512px;
  padding-right : 0px;
  padding-bottom : 0px;
  height:30px;
}
/*ヘッダーロゴ全体を囲む「div」用id*/
#logo{
  clear:both;
  height:64px;
}
/*ヘッダー左上ロゴを囲む「div」用id*/
.logoe{
  float:left;
  width:290px;
  text-align:left;
}
/*ヘッダー右上ロゴを囲む「div」用id*/
.logoj{
  float:right;
  width:165px;
}
/*上部メニュー（資源回収のお願い、企業情報等）全体を囲む「div」用id*/
#menu{
  clear:both;
  background-color:#003399;
}
/*上部メニュー（資源回収のお願い、企業情報等）#menu内の「ul」*/
#menu ul{
  list-style-type:none;
  padding:0px;
  margin:0px;
}
/*上部メニュー（資源回収のお願い、企業情報等）#menu内の「ul」の中の「li」*/
#menu ul li{
  padding:0px;
  margin:0px;
  display:inline;
}
/*上部メニュー（資源回収のお願い、企業情報等）#menu内の「ul」内の「li」内の「img」*/
#menu ul li img{
vertical-align:bottom;
}


/*フッター
====================================================================
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
====================================================================*/
/*フッター全体を囲んでいる「div」用id*/
#footer{
clear:both;
padding:10px 15px 7px 220px;
text-align:left;
font-size : 12px;
line-height : 1.6em;
}
#footere{
clear:both;
padding:10px 15px 7px 0px;
text-align:left;
font-size : 12px;
line-height : 1.6em;
}
/*フッター内メニュー「div」用id*/
#footermenu{
color:#003399;
padding:5px 0px;
font-size:10px;
}
/*フッター内メニュ内リンク「a」タグ*/
#footermenu a{
text-decoration:none;
color:#000000;
}
/*フッター内メニュ内リンク「a」タグ　リンクにカーソルを当てた時*/
#footermenu a:hover{
background-color:#FFFF99;
}

/*共通タグ
====================================================================
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
====================================================================*/

/*aタグ
====================================================================*/
a img{
border:0;
}

/*ulタグ
====================================================================*/
ul,ol{
margin-top:8px;
}

/*hタグ
====================================================================*/
/*エコネコル　左上ロゴ部分*/
h1{
margin:0;
padding:0;
}
/*各メニュー　タイトル大*/
h2{
margin:0;
padding:0;
border-bottom:5px #003399 solid;
}
/*メイン（右側部分）メニュー内タイトル「h3」背景青*/
h3.blue{
background-image:url(../img/title/h3_blue.jpg);
color:#FFFFFF;
background-repeat:no-repeat;
background-position:left top;
margin:25px 0px 10px 0;
padding:3px 0px 5px 13px;
font-size:15px;
}
/*メイン（右側部分）メニュー内タイトル「h3」背景白*/
h3.white{
background-image:url(../img/title/h3_white.jpg);
color:#000000;
background-repeat:no-repeat;
background-position:left top;
margin:10px 0px;
padding:3px 0px 5px 13px;
font-size:15px;
}
/*メイン（右側部分）メニュー内タイトル「h3」英語（背景白）*/
h3.foreign{
background-image:url(../img/foreign/h3_foreign.jpg);
color:#000000;
background-repeat:no-repeat;
background-position:left top;
margin:10px 0px;
padding:3px 0px 5px 13px;
font-size:15px;
}
/*メイン（右側部分）メニュー内タイトル「h3」タイ語（背景白）*/
h3.foreignt{
background-image:url(../img/foreign/h3_foreign.jpg);
color:#000000;
background-repeat:no-repeat;
background-position:left top;
margin:10px 0px;
padding:4px 0px 4px 13px;
font-size:18px;
}
/*メイン（右側部分）メニュー内タイトル「h3」背景緑*/
h3.green{
background-image:url(../img/title/h3_green.jpg);
color:#FFFFFF;
background-repeat:no-repeat;
background-position:left top;
margin:10px 0px;
padding:3px 0px 5px 13px;
font-size:15px;
}
h3.side{
background-image:url(../img/title/h3_side.gif);
background-repeat:no-repeat;
background-position:left top;
border-bottom:1px #ffffff solid;
font-size:13px;
text-align:left;
margin:30px 15px 10px 15px;
padding:0 5px 5px 10px;
}
/*メイン（右側部分）メニュー内サブタイトル共通定義*/
h4{
background-repeat:no-repeat;
background-position:left top;
font-size:14px;
}
/*メイン（右側部分）メニュー内サブタイトルa*/
h4.a{
background-image:url(../img/title/h4.gif);
margin:25px 15px 10px 12px;
padding:1px 0px 5px 15px;
border-bottom:1px #999999 dashed;
}
/*メイン（右側部分）メニュー内サブタイトルの中の見出し定義*/
h5.a{
background-image:url(../img/title/h5.gif);
background-repeat:no-repeat;
background-position:left top;
font-size:14px;
color:#333333;
padding:0px 0px 0px 15px;
margin-bottom:5px;
}

/*文字色・文字サイズなど定義class
====================================================================*/
.fontred{
color:#FF0000;
}
.fontredn{
color:#FF0000;
font-weight:normal;
font-size:12px;
}
.font14px{
font-size:14px;
}
.font17px{
font-size:17px;
}
.fontnavy{
color:#003399;
}
.fontgray{
color:#666666;
}
.fontlightgreen{
color:#00CC00;
}
.fontorange{
color:#ff6600;
}
.font10px{
font-size:10px;
}
/*メイン部分
====================================================================
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
====================================================================*/

/*メイン全体を囲む「div」用id*/
#main{
background-image:url(../img/base/bg_side.gif);
background-position:left;
background-repeat:repeat-y;
}
/*外国語*/
#maine{
padding:5px 20px 0 20px;
text-align:left;
font-size : 12px;
line-height : 1.6em;
}

/*サイドメニュー
===================================================================================*/
/*サイドメニュー全体を囲む「div」用id*/
#side{
background-image:url(../img/base/bg_side.gif);
background-repeat:repeat;
width:200px;
float:left;
}
/*サイドメニュー「ul」用id*/
#sidemenu{
list-style-type:none;
padding:0px;
margin:0px;
}
/*サイドメニュー「ul」の中の「li」*/
#sidemenu li{
padding:0px;
margin:0px;
}
/*サイドメニュー「ul」の中の「li」の中の「img」*/
#sidemenu li img{
vertical-align:bottom;
}

/*メイン右側　コンテンツ（内容）部分
===================================================================================*/
#contents{
width:558px;
font-size : 12px;
line-height : 1.6em;
padding:5px 0px;
margin:0px 0px 0px 25px;
float:left;
text-align:left;
}
/*メイン右側上部　パンくず「div」用class*/
.pankuzu{
padding:10px 0px;
line-height : 1em;
}
/*テキストなど内容が入る「div」用class*/
.freearea{
padding:0px 15px 5px 27px;
}
/*テキストなど内容が入る「div」タイ語用class*/
.freeareat{
padding:0px 15px 5px 27px;
font-size:15px;
}
.freeareat table{
font-size:14px;
}
/*「.freearea」内で余白調節「h5」の下に内容がある時等「div」用class*/
.freeareain{
padding:5px 15px;
}
/*「.freearea」内のボタン*/
ul.freebutton{
list-style-type:none;
padding:0;
margin:20px 0px 15px 0px;
}
ul.freebutton li{
display:inline;
margin:0;
padding:0;
}
/*リストのポイントが画像*/
ul.sannkaku{
list-style-type:none;
padding:0;
margin:0;
}
ul.sannkaku li{
background-image:url(../img/icon/icon_kochira.gif);
background-position:left 3px;
background-repeat:no-repeat;
padding:3px 0 5px 17px;
margin:0;
}
/*右寄せ『→○○はこちら』等のテキスト「div」用class*/
.kochira{
text-align:right;
padding-bottom:20px;
}
/*ページの先頭へ戻るアイコン「div」用class*/
.pagetop{
clear:both;
text-align:right;
margin:5px 0px 20px 0px;
}

/*「table」テーブル
---------------------------------------------------------------------*/
/*項目の背景がグレイのテーブル*/
table{
font-size:12px;
line-height:1.6em;
}
/*テーブル内見出し*/
.tabmidashi{
background-repeat:no-repeat;
background-position:left 7px;
font-size:14px;
font-weight:bold;
background-image:url(../img/title/h4.gif);
margin:0px;
padding:3px 0px 4px 20px;
}
.graytab{
border-collapse:collapse;
border:0px;
margin:15px 0px 15px 13px;
color:#333333;
}
.graytab th{
border-top:0px;
border-right:1px #999999 dashed;
border-bottom:1px #999999 dashed;
border-left:0px;
background-color:#EEEEEE;
padding:8px 15px;
text-align:left;
}
.graytab td{
border-top:0px;
border-right:0px;
border-bottom:1px #999999 dashed;
border-left:0px;
padding:8px 15px;
}
.graytab td.access{
border-top:0px;
border-right:0px;
border-bottom:1px #999999 dashed;
border-left:0px;
padding:15px 6px;
}
/*通報フォーム*/
.graytab th.thgreen,td.thgreen{
background-color:#E9F2C1;
}
/*テーブル 上下点線枠有り　お問い合わせ*/
.coltab{
border-collapse:collapse;
border:0px;
margin:15px 0px 15px 13px;
color:#333333;
}
.coltab th{
border-top:1px #999999 dashed;
border-right:1px #999999 dashed;
border-bottom:1px #999999 dashed;
border-left:0px;
padding:8px 15px;
text-align:left;
}
.coltab td{
border-top:1px #999999 dashed;
border-right:0px;
border-bottom:1px #999999 dashed;
border-left:0px;
padding:8px 15px;
}
.coltab th.thblue,td.thblue{
background-color:#ECF1FF;
}
.coltab th.thgreen,td.thgreen{
background-color:#E9F2C1;
}
/*テーブル 上下点線枠有り　お問い合わせ外国語*/
.coltabe{
border-collapse:collapse;
border:0px;
margin:15px 0px 15px 13px;
color:#333333;
font-size:14px;
}
.coltabe th{
border-top:1px #999999 dashed;
border-right:1px #999999 dashed;
border-bottom:1px #999999 dashed;
border-left:0px;
padding:8px 15px;
text-align:left;
}
.coltabe td{
border-top:1px #999999 dashed;
border-right:0px;
border-bottom:1px #999999 dashed;
border-left:0px;
padding:8px 15px;
}
.coltabe th.thblue,td.thblue{
background-color:#ECF1FF;
}
.coltabe th.thgreen,td.thgreen{
background-color:#E9F2C1;
}
/*ホーム
---------------------------------------------------------------------*/
/*サイドメニュー*/
ul.sidefreearea{
list-style-type:none;
margin:0;
padding:0;
}
.sidefreearea li{
margin:0;
padding:0 0 6px 0;
}
/*フラッシュ部分*/
#flash{
background-color:#ffffff;
padding:1px 0;
}
/*ゲットフラッシュプレイヤー*/
.getfla{
width:162px;
border:1px #cccccc solid;
background-color:#EEEEEE;
font-size:10px;
color:#666666;
margin:20px auto;;
padding:1px 0 0 0;
}
.getflatxt{
background-image:url(../img/icon/icon_graysq.gif);
background-repeat:no-repeat;
background-position:8px 3px;
margin:0;
padding:0px 5px 5px 15px;
text-align:left;
line-height:1.4em;
font-size:10px;
}
/*新着情報*/
ul.news{
list-style-type:none;
margin:15px 5px 10px 10px;
padding:0;
}
.news li{
background-image:url(../img/icon/icon_kochira.gif);
background-repeat:no-repeat;
background-position:4px 8px;
border-bottom:1px #999999 dashed;
padding:7px 0 7px 20px;
margin:0;
}


/*事業内容　自動車リサイクル
---------------------------------------------------------------------*/
/*アクロバットリーダーDL*/
.reader{
border:1px #CCCCCC solid;
padding:8px 4px 10px 9px;
margin:0px 6px 50px 0px;
font-size:10px;
color:#333333;
line-height:1.4em;
}

/*リクルート情報　トップ
---------------------------------------------------------------------*/
/*先輩社員一覧 左側*/
dl.senpail{
width:245px;
border-right:2px #CCCCCC solid;
border-bottom:2px #CCCCCC solid;
margin:10px 20px 10px 0px;
padding:0px 0px 9px 1px;
color:#333333;
float:left;
}
.senpail dt{
background-image:url(../img/title/dt_a.gif);
background-repeat:no-repeat;
background-position:left center;
padding:3px 0px 6px 12px;
font-weight:bold;
}
.senpail dd{
padding:6px 9px 0px 0px;
margin:0;
}
/*先輩社員一覧 右側*/
dl.senpair{
width:245px;
border-right:2px #CCCCCC solid;
border-bottom:2px #CCCCCC solid;
margin:10px 0px;
padding:0px 0px 9px 1px;
color:#333333;
float:left;
}
.senpair dt{
background-image:url(../img/title/dt_a.gif);
background-repeat:no-repeat;
background-position:left center;
padding:3px 0px 6px 12px;
font-weight:bold;
}
.senpair dd{
padding:6px 9px 0px 0px;
margin:0;
}
/*先輩社員サムネイル「img」用class*/
.senpaiimg{
margin-right:10px;
float:left;
}
/*先輩社員click「div」用class*/
.click{
padding-top:13px;
text-align:right;
}

/*リクルート情報　先輩社員
---------------------------------------------------------------------*/
dl.senpaitxt{
border-right:2px #CCCCCC solid;
border-bottom:2px #CCCCCC solid;
margin:25px 8px 0px 15px;
padding:0px 0px 9px 2px;
color:#333333;
}
.senpaitxt dt{
background-image:url(../img/title/dt_b.gif);
background-repeat:no-repeat;
background-position:left top;
margin:5px 10px 5px 0px;
padding:0px 0px 8px 15px;
border-bottom:1px #999999 dashed;
font-size:14px;
font-weight:bold;
}
.senpaitxt dd{
padding:8px 15px 8px 1px;
margin:0;
}

/*会社概要　役員一覧の部分
---------------------------------------------------------------------*/
.yakuinn td{
border:0;
padding:0px 10px 0px 0px;
color:#333333;
}


/*よくあるご質問
---------------------------------------------------------------------*/
/*質問一覧のリスト*/
#faqlist{
list-style-type:none;
margin:20px 12px 45px 12px;
padding:0;
}
#faqlist li{
background-image:url(../img/title/dt_b.gif);
background-repeat:no-repeat;
background-position:3px 8px;
border-bottom:1px #999999 dashed;
padding:8px 19px;
margin:0;
}
/*回答*/
.answer{
margin:0;
padding:6px 1px 6px 3px;
border-bottom:1px #999999 dashed;
}
.answer dt{
margin:0;
padding:8px 0 8px 37px;
background-image:url(../img/in/faq_q.gif);
background-position:left 8px;
background-repeat:no-repeat;
font-size:15px;
font-weight:bold;
}
.answer dd{
margin:0;
padding:8px 0 8px 50px;
background-image:url(../img/in/faq_a.gif);
background-position:left 11px;
background-repeat:no-repeat;
color:#333333;
}
/*回答の中の◆がつく項目*/
ul.squre{
list-style-type:none;
margin:0;
padding:0;
}
ul.squre li{
background-image:url(../img/icon/icon_squre.gif);
background-repeat:no-repeat;
background-position:left 11px;
padding:8px 10px 0 15px;
}

/*環境・社会貢献活動　社会貢献活動
---------------------------------------------------------------------*/
dl.activity{
border:1px #999999 dashed;
margin:25px 8px 0px 15px;
padding:15px 12px 11px 15px;
color:#333333;
/*回り込み*/
display:inline-table;
height:1%;
display:block;
}
dl.activity:after {content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.activity dt{
background-image:url(../img/title/dt_b.gif);
background-repeat:no-repeat;
background-position:left top;
margin:0;
padding:0px 0px 8px 15px;
font-size:14px;
font-weight:bold;
border-bottom:1px #CCCCCC dotted;
}
.activity dd{
padding:0px;
margin:12px 0 0 0;
}
/*社会貢献活動「img」（写真部分）用class*/
.activityimg{
width:250px;
float:left;
}
.activityimg img{
margin:3px 4px 4px 0
}
/*社会貢献活動　文章部分用class*/
.activitytxt{
margin-left:250px;
}

/*環境・社会貢献活動　コンプライアンス
---------------------------------------------------------------------*/
.houshinn{
border:1px #999999 solid;
padding:20px 10px;
margin:15px 0 30px 0;
font-size:17px;
font-weight:bold;
text-align:center;
line-height:1.8em;
}
.sign{
text-align:right;
font-size:13px;
font-weight:normal;
padding:20px 10px 0 0;
line-height:1.4em;
}
/*資源回収のお願い　トップ
---------------------------------------------------------------------*/
/*ボタン*/
ul.resoursetop{
list-style-type:none;
margin:0;
padding:30px 0px 40px 0px;
}
ul.resoursetop li{
display:inline;
margin:0;
padding:0 0 0 25px;
}
/*フォーム
---------------------------------------------------------------------*/
form{
margin:0;
padding:0;
}
/*外国語トップ
---------------------------------------------------------------------*/
.foreigntopl{
width:477px;
float:left;
}
.foreigntopr{
margin-left:450px
}
/*ブログ
---------------------------------------------------------------------*/
.blogside{
text-align:left;
font-size:12px;
line-height:1.6em;
padding:0px 0px 20px 20px;
}
.blogfeed{
text-align:right;
font-size:10px;
padding-right:20px;
}
dl.blog{
border:1px #999999 dashed;
margin:25px 8px 0px 15px;
padding:10px 12px 5px 15px;
color:#333333;
/*回り込み*/
display:inline-table;
height:1%;
display:block;
}
dl.blog:after {content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
dl.blog dt{
background-image:url(../img/title/dt_b.gif);
background-repeat:no-repeat;
background-position:left top;
margin:0;
padding:0px 0px 5px 15px;
font-size:13px;
font-weight:bold;
border-bottom:1px #CCCCCC dotted;
}
dl.blog dd{
padding:0 0 1px 15px;
margin:0;
}
/*サイトシール
---------------------------------------------------------------------*/
#seal{
float:right;
padding-top:2px;
}