@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: 85%; } 部分が全体のフォントサイス（ベース）となります。
各要素はbody { font-size: 85%; } を基準とした場合のサイズです。
-----------------------------------------------------------------------*/

body { font-size: 85%; }

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

/* ロゴ */
.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: url(image/bg-body.jpg) repeat-x 0 0px; }

/*
[3-1] 各ブロック外側部分
----------------------------------------------------------------------*/
#wrapper { }

#column-one #container { }

#column-two-left #container { }

#column-two-right #container { }

#column-three #container { }

#header { background: url(image/1bg-header.jpg) no-repeat 100% 100%; }

#content { }

#sidebar { background: #eee; }

#right-sidebar { }

#undernavi { }

#footer { background: url(image/bg-footer.jpg) repeat-x 0 0; }

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

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

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

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

/* フッター中枠 */
.footer-inner { }

/*
=========================================================================
                                       ヘッダーブロック内の各要素指定 [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: #666;
	position: absolute;
	top: 70px;
	left: 220px;
	width: 112px;
	height: 13px;
}

/*
[4-2]ロゴ部分の指定
------------------------------------------------------------------------*/
.logo {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 2px;
	left: 740px;
	height: 28px;
}

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

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

/*
[4-5]概要部分の指定
------------------------------------------------------------------------*/
.description {
  margin: 0;
  padding: 0 220px 0 0;
  position: absolute;
  top: 198px;
  left: 190px;
  color: #fff;
  background-color: transparent;
}

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

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

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

/*
[G1]配置と背景
------------------------------------------------------------------------*/
#globalnavi {
  list-style-type: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 130px;
  right: 684px;
}

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

/*
[G3]背景とリンク色指定
------------------------------------------------------------------------*/
#globalnavi a {
  text-decoration: none;
  display: block;
  width: 175px;
  height: 40px;
  padding: 10px 5px 0 20px;
  overflow: hidden;
  background-image: url(image/bg-globalnavi.jpg);
  background-repeat: no-repeat;
  color: #000;
}

.menu01 a { background-position: 0 0; }

.menu02 a { background-position: 0 -50px; }

.menu03 a { background-position: 0 -100px; }

.menu04 a { background-position: 0 -150px; }

/*
[G4]マウスオーバー時の背景と文字色指定
------------------------------------------------------------------------*/
#globalnavi a:hover {
  text-decoration: none;
  background-image: url(image/bg-globalnavi.jpg);
  background-repeat: no-repeat;
  color: #f00;
}

.menu01 a:hover { background-position: -200px 0; }

.menu02 a:hover { background-position: -200px -50px; }

.menu03 a:hover { background-position: -200px -100px; }

.menu04 a:hover { background-position: -200px -150px; }

/*
[4-7]会社概要などのリンク部分の指定
-----------------------------------------------------------------------
[1]配置指定とフォントサイズ
[2]横並び指定
[3]リンク色と余白指定
[4]マウスオーバー時指定  */


/*
[1]配置指定
------------------------------------------------------------------------*/
.header-info {
	font-size: 90%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	right: 610px;
	width: 248px;
	height: 16px;
}

/*
[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.gif) no-repeat 0 0;
  color: #036;
}

h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  display: block;
  height: 28px;
  margin: 0;
  padding: 12px 0 0 25px;
  background: url(image/bg-h-span.gif) 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; }

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

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

.sidebar-inner .localnavi dl {
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
}

/* タイトル部分 */
.sidebar-inner .localnavi dt {
	font-weight: bold;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

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

/* 背景とリンク色 */
.sidebar-inner .localnavi a {
  text-decoration: none;
  display: block;
  overflow: hidden;
  width: 185px;
  height: 30px;
  padding: 10px 0 0 15px;
  background: url(image/bg-localnavi.gif) no-repeat 0 0;
  color: #000;
}

/* マウスオーバー時 */
.sidebar-inner .localnavi a:hover {
  text-decoration: none;
  background: url(image/bg-localnavi.gif) no-repeat -200px 0;
  color: #f00;
}

/*
お知らせ部分
----------------------------------------------------------------------*/
.sidebar-inner .dl-info {
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
}

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

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

/*
<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: #69c;
  color: #eee;
}

#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;
}

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

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

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

address span { display: block; }

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

/* クレジット部分の外枠 */
#webmagic {
  height: 15px;
  margin: 0 auto;
  padding: 15px 0 0;
  background: url(image/bg-webmagic.jpg) repeat-x 0 0;
}

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

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