@charset "shift_jis";

/*                                                                   目次
=========================================================================
このスタイルシートファイルでは見た目のデザインを制御しています。全体的な
レイアウト(段組み)と余白指定に関しては base-layout.css で指定します。
-------------------------------------------------------------------------
グローバルナビゲーションがないテンプレートについては 4-9グローバルナビゲ
ーションの指定はありません。
-------------------------------------------------------------------------  
[1] リンクの指定

[2] 各要素のフォントサイズ指定

[3] 各ブロック毎の画像指定
      3-1 外側のブロック
      3-2 内側のブロック

[4] ヘッダーブロック内の各要素指定
      4-1 トップレベルキーワードの文字色及びフォントサイズ
      4-2 ロゴ部分のフォントサイズ
      4-3 ロゴ部分の文字色
      4-4 ロゴ部分のロールオーバー
      4-5 概要部分の指定
      4-6 グローバルナビゲーションの指定
      4-7 会社概要などのリンク部分の指定
   
[5] コンテンツブロック内の各要素指定

[6] サイドバーブロック内の各要素指定

[7] アンダーナビブロック内の各要素指定

[8] フッターブロック内の各要素指定

[9] テンプレンジャー ウェブマジッククレジット部分の指定

=========================================================================
           http://template.hp-webmagic.com/ http://www.hp-webmagic.com */
/*
=========================================================================
                                                         リンクの指定 [1]
=========================================================================
下線を取りたい場合は text-decoration: none; と書き換えて下さい。*/

a:link {
  color: #0000ff;
  text-decoration: underline;
}

a:visited {
  color: #990099;
  text-decoration: underline;
}

a:hover {
  color: #ff0000;
  text-decoration: underline;
}

a:active {
  color: #ff0000;
  text-decoration: underline;
}

/*
=========================================================================
                                           各要素のフォントサイズ指定 [2]
=========================================================================
body { font-size: 90%; } 部分が全体のフォントサイス（ベース）となります。
各要素はbody { font-size: 90%; } を基準とした場合のサイズです。
-----------------------------------------------------------------------*/

body { font-size: 90%; }

/*--------------------------------
 ヘッダー部分
----------------------------------*/

/* ロゴ */
.logo { font-size: 160%; }

/* トップレベルキーワード */
h1 { font-size: 100%; }




/* 概要部分 */
.description { font-size: 100%; }

/* 会社概要などのリンク */
.header-info { font-size: 100%; }

/*--------------------------------
 グローバルナビゲーション部分
----------------------------------*/
#globalnavi { font-size: 100%; }

/*--------------------------------
 コンテンツ部分
----------------------------------*/

/* 見出し */
h2,h3,h4,h5,h6 { font-size: 120%; }

/* 文字 */
p {
  line-height: 1.8em;
  margin: 0 0 0.5em;
  padding: 0;
}

/* パン屑リスト */
.topic-path { font-size: 100%; }

/*--------------------------------
 サイドバー部分
----------------------------------*/

/* ローカルナビ */
.localnavi { font-size: 85%; }

/* お知らせ部分と UL OL */
.dl-info { font-size: 85%; }

/*--------------------------------
 フッター部分
----------------------------------*/

/* コピーライト */
.copyright { font-size: 100%; }

/* 会社住所 */
address { font-size: 95%; }

/* 会社名 */
address span.name { font-size: 140%; }

/*
=========================================================================
                                               各ブロック毎の画像指定 [3]
=========================================================================
[3-1] 各ブロック外側部分
[3-2] 各ブロック内側部分  必要ない部分は空白で*/

body { background-color: #eee; }

/*
[3-1] 各ブロック外側部分
----------------------------------------------------------------------*/
#header { background: url(image/bg-header.jpg) repeat-x 0 100%; }

#wrapper { background-color: #fff; }

#column-one #container { }

#column-two-left #container { }

#column-two-right #container { }

#column-three #container { }

#content { }

#sidebar { }

#right-sidebar { }

#undernavi { }

#footer { background-color: #fff; }

/*
[3-2] 各ブロック内側部分
----------------------------------------------------------------------*/

/* ヘッダー中枠 */
.header-inner { background: url(image/bg-header-inner.jpg) no-repeat 100% 100%; }

/* コンテンツ中枠 */
.content-inner { }

/* サイドバー中枠 */
.sidebar-inner { }

/* フッター中枠 */
.footer-inner { background: url(image/bg-header.jpg) repeat-x 0 0; }

/*
=========================================================================
                                       ヘッダーブロック内の各要素指定 [4]
=========================================================================
[4-1]トップレベルキーワードの指定
[4-2]ロゴ部分の指定
[4-3]ロゴ部分のリンク色指定
[4-4]ロゴ部分のマウスオーバー時の指定
[4-5]概要部分の指定
[4-6]グローバルナビゲーションの指定
[4-7]会社概要などのリンク部分の指定
------------------------------------------------------------------------*/

/*
[4-1]トップレベルキーワードの指定
------------------------------------------------------------------------*/
h1 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #000;
  position: absolute;
  top: 65px;
  left: 10px;
}

/*
[4-2]ロゴ部分の指定
------------------------------------------------------------------------*/
.logo {
  height: 50px;
  margin: 0;
  padding: 10px 0 0;
  background: url(image/bg-logo.gif) no-repeat 0 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/*
[4-3]ロゴ部分のリンク色指定
------------------------------------------------------------------------*/
#header .logo a {
  text-decoration: none;
  color: #060;
  background-color: transparent;
}

/*
[4-4]ロゴ部分のマウスオーバー時の指定
------------------------------------------------------------------------*/
#header .logo a:hover {
  text-decoration: none;
  color: #090;
  background-color: transparent;
}

dt.iro{
	color:black
}/*
[4-5]概要部分の指定
------------------------------------------------------------------------*/
.description {
  padding-right: 20px;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 55px;
  left: 20px;
}

/*
[4-6]グローバルナビゲーションの指定
-----------------------------------------------------------------------
リストの増減可能です

デフォルトでは各リスト幅は143pxです。
リスト右側に線を設けていますので[2px] 実際の幅は141pxとなります。
カスタマイズの際はこの点に注意！
-----------------------------------------------------------------------

[G1]配置と背景
[G2]各リストの幅指定
[G3]背景とリンク色指定
[G4]マウスオーバー時の背景と文字色指定  */

/*
[G1]配置と背景
------------------------------------------------------------------------*/
#globalnavi {
  list-style-type: none;
  height: 40px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 10px;
}

/*
[G2]各リストの幅指定 カスタマイズ時はここを変更
------------------------------------------------------------------------*/
#globalnavi li {
  float: left;
  width: 93px;
  line-height: 1;
  margin: 0;
  padding: 0;
}

/*
[G3]背景とリンク色指定
------------------------------------------------------------------------*/
#globalnavi a {
  text-decoration: none;
  text-align: center;
  display: block;
  width: 94px;
  height: 25px;
  padding: 13px 0 0;
  overflow: hidden;
  background-color: #333;
  color: #eee;
  border: 1px outset #333;
}
}*
[G4]マウスオーバー時の背景と文字色指定

------------------------------------------------------------------------*/
#globalnavi a:hover {
  text-decoration: none;
  background-color: #6c3;
  color: #fff;
  border: 1px outset #333;
}
.gt-list li {
    list-style: none;
}
/*
[4-7]会社概要などのリンク部分の指定
-----------------------------------------------------------------------
[1]配置指定とフォントサイズ
[2]横並び指定
[3]リンク色と余白指定
[4]マウスオーバー時指定  */


/*
[1]配置指定
------------------------------------------------------------------------*/
.header-info {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 40px;
  right: 0;
}

/*
[2]文字間の余白指定
------------------------------------------------------------------------*/
.header-info li {
  display: inline;
  margin: 0;
  padding: 0;
}

/*
[3]リンク色と余白指定
------------------------------------------------------------------------*/
#header .header-info a {
  text-decoration: none;
  padding: 0 0 0 5px;
}

/*
[4]マウスオーバー時指定
------------------------------------------------------------------------*/
#header .header-info a:hover { text-decoration: underline; }

/*
=========================================================================
                                     コンテンツブロック内の各要素指定 [5]
=========================================================================
*/

/* -- 見出し -- */
h2,h3,h4,h5,h6 {
  font-weight: normal;
  line-height: 1;
  margin: 0 0 20px;
  padding: 0;
  background: url(image/bg-h.jpg) no-repeat 0 0;
  color: #003300;
}

h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  display: block;
  height: 28px;
  margin: 0;
  padding: 12px 0 0 20px;
  background: url(image/bg-h-span.jpg) no-repeat 100% 0;
}

h3,h4,h5,h6 { margin-top: 40px; }

/* パン屑リスト */
.topic-path {
  line-height: normal;
  height: 30px;
  margin: 0;
}

/* リスト関係 */
#content ul,
#content ol {
  margin-top: 1em;
  margin-bottom: 1em;
}

#content li { margin: 0 0 0.5em; }

ul.ddmenu ul {
   display: none;       /* ★1:標準では非表示にする */
   margin: 0px;         /* ★2:サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★3:サブメニュー内側の余白(ゼロ) */
   position: absolute;  /* ★4:絶対配置にする */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul {
   display: block;      /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
}

/*
=========================================================================
                                     サイドバーブロック内の各要素指定 [6]
=======================================================================*/

/*
ローカルナビゲーション
----------------------------------------------------------------------*/

.sidebar-inner .localnavi {
  background: url(image/bg-sidemenu.jpg) repeat-y 0 0;
  width: 80%;
  margin: 0 0 20px;
  padding: 0 0 5px;
}

/* タイトル部分 */
.sidebar-inner .localnavi dt {
  line-height: 1;
  font-weight: bold;
  margin: 0 0 0.5em;
  padding: 5px 0 5px 10px;
  background-color: #6c3;
  color: #030;
}

.sidebar-inner .localnavi dd {
  line-height: 1;
  display: inline;
  margin: 0;
  padding: 0;
}

/* 背景とリンク色 */
.sidebar-inner .localnavi a {
  text-decoration: none;
  display: block;
  width: 190px;
  padding: 10px 5px 10px 15px;
  border-bottom: 1px solid #eee;
  background: url(image/bg-localnavi.jpg) no-repeat 0 50%;
}

/* マウスオーバー時 */
.sidebar-inner .localnavi a:hover {
  text-decoration: none;
  border-bottom: 1px solid #eee;
  background: url(image/bg-localnavi.jpg) no-repeat -210px 50%;
}

/*
お知らせ部分
----------------------------------------------------------------------*/
.sidebar-inner .dl-info {
  width: 100%;
  margin: 0 0 20px;
  padding: 0 0 5px;
  background: url(image/bg-sidemenu.jpg) repeat-y 0 0;
}

.sidebar-inner .dl-info dt {
  line-height: 1;
  font-weight: bold;
  margin: 0 0 0.5em;
  padding: 5px 0 5px 10px;
  background-color: #6c3;
  color: #030;
}

.sidebar-inner .dl-info dd {
  margin: 0;
  padding: 0 10px;
}
ul
/*
<dl class="dl-info"> の中の <p>
----------------------------------------------------------------------*/
.sidebar-inner .dl-info p {
  line-height: 1.5em;
  margin: 0 0 0.5em;
  padding: 0;
}

/*
<dl class="dl-info"> の中の <ul> リスト
----------------------------------------------------------------------*/
.sidebar-inner .dl-info ul {
  margin: 0 0 0 10px;
  padding: 0;
}

/*
<dl class="dl-info"> の中の <ol> リスト
----------------------------------------------------------------------*/
.sidebar-inner .dl-info ol {
  margin: 0 0 0 20px;
  padding: 0;
}

/*
サイドバー内のリスト等(ノーマル)
----------------------------------------------------------------------*/
.sidebar-inner ul {
  margin: 0 10px 20px 20px;
  padding: 0;
}

.sidebar-inner ol {
  margin: 0 10px 20px 30px;
  padding: 0;
}

.sidebar-inner li {
  line-height: 1.5em;
  margin: 0 0 5px;
  padding: 0;
}

/*
右サイドバーの場合
----------------------------------------------------------------------*/

/*
お知らせ部分
----------------------------------------------------------------------*/
#right-sidebar .dl-info dt {
  background-color: #6c3;
  color: #fff;
}

#right-sidebar .dl-info dd {
  margin: 0;
  padding: 0 10px 0 0;
}

/*
サイドバー内のリスト等(ノーマル)
----------------------------------------------------------------------*/
#right-sidebar ul {
  margin: 0 0 20px 20px;
  padding: 0;
}

#right-sidebar ol {
  margin: 0 0 20px 30px;
  padding: 0;
}

/*
=========================================================================
                                   アンダーナビブロック内の各要素指定 [7]
=========================================================================
*/

/* 特に変更の必要なし */
#undernavi p {
  text-align: right;
  line-height: 1;
  height: 30px;
  margin: 0;
  padding: 0 20px 0 0;
}

#column-two-right #undernavi p { padding: 0 240px 0 0; }

#undernavi img,
#undernavi img a,
#undernavi img a:hover {
  text-decoration: none;
  border: 0;
}
p.infobox2 {
   height: 25em;     /* 高さを制限(※) */
   overflow: scroll;  /* スクロールバーを表示(※) */
   border: red 1px dashed;    /* 枠線を追加 */
   background-color: #fff0f0; /* 背景色を追加 */
   
}
p.infobox3 {
   height: 10em;     /* 高さを制限(※) */
   overflow: scroll;  /* スクロールバーを表示(※) */
   border: red 1px dashed;    /* 枠線を追加 */
   
}

div.new{
   height: 9em;     /* 高さを制限(※) */
   overflow: scroll;  /* スクロールバーを表示(※) */
   border: red 1px dashed;    /* 枠線を追加 */
   background-color: #fff0f0; /* 背景色を追加 */
   /*
=========================================================================
                                       フッターブロック内の各要素指定 [8]
=========================================================================
*/

/* コピーライト（御社の著作権表記部分です） */
.copyright {
  text-align: center;
  line-height: 1;
  margin: 0 0 2em;
}

/* 会社住所 */
address {
  text-align: right;
  font-style: normal;
  line-height: 1.5;
  padding-right: 10px;
}

address span { display: block; }

/*
=========================================================================
                  テンプレンジャー ウェブマジッククレジット部分の指定 [9]
=========================================================================
変更可能なのは フォントサイズ 色 配置 です*/

/* クレジット部分の外枠 */
#webmagic {
  margin: 0 auto;
  padding: 5px 0
}

/* クレジット部分の配置とフォントサイズ */
#webmagic p {
  text-align: right;
  font-size: 90%;
  line-height: 1;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  margin: 0;
  padding-right: 10px;
}

/* クレジット部分のリンク指定 */
#webmagic,
#webmagic a,
#webmagic a:hover {
  text-decoration: none;
  color: #666;
  background-color: transparent;
}
3c { 
  width:50% 
  }