@charset "UTF-8";



/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */

#main h1 {
  margin-bottom:0;
  padding-bottom:0;
}

.gaiyo {
  background:url(img/sub_company_bg.jpg) no-repeat bottom right;
}

/* ---------------------------------------------------------------- *
	各コンテンツの設定です
 * ---------------------------------------------------------------- */
 
.contents {
  padding-left: 70px;
  padding-right:20px;
  padding-bottom:20px;
  padding-top:15px;
}

.aisatsu {
  text-align:right;
}

h2 {
  font-weight:bold;
  margin-left:30px;
  font-size:100%;
  line-height:1.7;
  margin-bottom: 0.5em;
} 


table {
  margin-top:2em;
  line-height:2em;
  margin-left:10px;
  line-height:1.5em;
}

td {
  padding-bottom:10px;
}

.oversea {
  background:url(img/oversea_bg.jpg) no-repeat 0px 0px;
  padding-left: 0;
  padding-right:0;
  padding-bottom:20px;
  padding-top:5px;
}

.eco {
  background:url(img/eco_bg.jpg) no-repeat top left;
  padding-left: 0;
  padding-right:0;
  padding-bottom:250px;
  padding-top:5px;
}

.eco h2 {
  margin-top:20px;
}

.eco p {
  margin-top:20px;
  margin-left:30px;
}

.contents .fig {
  /* --- 画像をどちらに回り込ませるか設定してください --- */
  /* Note：left（左）または right（右）を指定します；この指定によって
           以降のマージンの指定方法が異なります */
  float: right;
  /* --- 画像のマージンを設定してください --- */
  /* Note：前記の回り込みについて「left」のとき→左マージン 0，
           「right」のとき→右マージン 0 としてください */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1em;
  margin-left: 1em;
  padding-right:20px;
}

.map {
  padding-left: 15px;
  padding-top:15px;
  padding-right:0;
}

#g_map {
  width:610px;
  height:370px;
}

.privacy {
  padding-left:120px;
  padding-right:120px;
}

.privacy h2 {
  padding-left:0;
  margin-left:0;
  font-size:110%;
  color:#1353a3;
}

.privacy p {
  padding-left:0;
  margin-left:20px;
  margin-bottom:30px;
}

.privacy p strong {
  color:#1353a3;
}


.sitemap {
  padding-left:70px;
  padding-right:70px;
}

.sitemap ul {
  /* --- マージンを設定してください --- */
  margin: 0;
  margin-bottom:20px;
  /* --- パディングを設定してください --- */
  padding: 0;
  padding-bottom:20px;
  /* --- 高さを設定してください --- */
  height: 2.5em;
  border-bottom:#999999 dotted 1px;
  list-style:none;
}

.sitemap ul li {
  /* --- マージンを設定してください --- */
  margin: 0;
  margin-bottom:10px;
  /* --- パディングを設定してください --- */
  padding: 0;
  /* --- 横並びにさせるためにフロートを指定してください --- */
  float: left;
}

.sitemap ul li a {
  margin: 0;
  height:26px;
  width:323px;
  padding-right:15px;
  padding-top:5px;
  text-align:left;
  text-indent:30px;
  /* --- ナビゲーション１項目あたりのクリッカブル領域をテキスト部分だけでなくボックス単位とするためには display: block;と指定してください --- */
  display: block;
  /* --- ナビゲーション１項目あたりの背景画像とリピート方向を指定してください（短縮プロパティでの設定です） --- */
  background:url(img/sitemap_btn.jpg) no-repeat 1px 1px;
  /* --- ナビゲーション１項目あたりのフォントの太さを指定してください --- */
  font-weight: bold;
  color:#FFFFFF;
}

.sitemap ul li a.hh {
  background:url(img/sitemap_btn_h.jpg) no-repeat 1px 1px;
  width:310px;
  height:40px;
  padding-left:25px;
  padding-right:0px;
  text-indent:0px;
}

.sitemap a:hover {
  /* --- マウスオーバーしたときの背景色と、横並びリストのリストマーカ画像を設定してください（短縮プロパティでの設定です） --- */
  /* Note：16×16 ピクセル以下のものを使用してください。背景色をあわせて指定している場合は、透過処理されている画像である必要があります */
  background:url(img/sitemap_btn_f2.jpg) no-repeat 1px 1px;
  /* 通常のリンクテキストでテキストに下線がついてしまう設定になっているので、ナビゲーションのテキスト下線は不要なためここで指定して上書きしてください */
  text-decoration: none;
  color:#1353a3;
}

.sitemap a:hover.hh {
  background:url(img/sitemap_btn_h_f2.jpg) no-repeat 1px 1px;
}