@charset "shift_jis";

/*                                                                   目次
=========================================================================
グローバルナビゲーション サイドバー などがないテンプレートについては
該当箇所の指定はしてありません。
-------------------------------------------------------------------------  
[1] リンクの指定
-------------------------------------------------------------------------
[2] 各ブロック毎のフォントサイズ指定とp要素
-------------------------------------------------------------------------
[3] レイアウト指定

[3-1] 全体の横幅 及び 基本的な段組みを指定
[3-2] 余白等の指定
[3-3] 各ブロックの背景等を指定（外枠部分）
[3-4] 各ブロックの背景等を指定（内枠部分）
-------------------------------------------------------------------------   
[4] ヘッダーブロック内の各要素指定

[4-1]トップレベルキーワードの指定
[4-2]ロゴ部分のフォントサイズと配置
[4-3]ロゴ部分のリンク色
[4-4]ロゴ部分のロールオーバー時指定
[4-5]概要部分の指定
----------------------------------
[4-6]グローバルナビゲーションの指定
-------------------------------------------------------------------------   
[5] コンテンツブロック内の各要素指定
-------------------------------------------------------------------------
[6] サイドバーブロック内の各要素指定
-------------------------------------------------------------------------
[7] フッターブロック内の各要素指定
-------------------------------------------------------------------------
[8] テンプレンジャー ウェブマジッククレジット部分の指定

=========================================================================
           http://template.hp-webmagic.com/ http://www.hp-webmagic.com */

/*-----------------------------------------------------------------------
★↓追記・背景色 */
body {background-color: #000} 


/*-----------------------------------------------------------------------
すべての div要素 のみ余白をゼロに指定しています。 */

div {
  margin: 0;
  padding: 0;
}

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

a:link {
  color: #ff5480;
  text-decoration: none;
}

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

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

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

/*
=========================================================================
                              各ブロック毎のフォントサイズ指定とp要素 [2]
=========================================================================
各ブロックで個別に指定可能です。px や em 等でも可*/

#header { font-size: 85%; }

#globalnavi { font-size: 90%; }

#content { font-size: 85%; }

#sidebar { font-size: 85%; }

#footer { font-size: 85%; }

/* -- すべての要素内の文字 -- */
p {
  line-height: 1.8em;
  margin: 0 0 0.5em;
  padding: 0;
}

/*
=========================================================================
                                                       レイアウト指定 [3]
=========================================================================
[3-1] 全体の横幅 及び 基本的な段組みを指定
[3-2] 余白等の指定
[3-3] 各ブロックの背景等を指定（外枠部分）
[3-4] 各ブロックの背景等を指定（内枠部分）*/

body {
  text-align: center;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0;
  padding: 0;
}

#wrapper {
  text-align: left;
  margin: 0 auto;
  border: 1px solid #444;
}

/* 
[3-1] 全体の横幅 及び 基本的な段組みを指定
-----------------------------------------------------------------------
#wrapper { width: 90%; }部分が全体の幅となります。
-----------------------------------------------------------------------*/

/* 全体の幅 */
#wrapper { width: 90%; }

/* ヘッダーの高さ */
#header {
  width: 100%;
  height: 215px;
}

#globalnavi { width: 100%; }

#content { width: 100%; }

#footer { width: 100%; }

/*
[3-2] 余白等の指定
-----------------------------------------------------------------------
余白の指定は中枠の要素へ指定します*/

/* ヘッダー中枠 */
.header-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

/* コンテンツ中枠 */
.content-inner { margin: 20px 30px; }

/* フッター中枠 */
.footer-inner { padding: 10px 20px 5px; }

/*
[3-3] 各ブロックの背景等を指定（外枠部分）
-----------------------------------------------------------------------
自由に指定して下さい */

/* 全体を囲む枠 */
#wrapper {background-color: #000;  }

/* ヘッダー部分背景指定など */
#header { background-color: #3d1163; }

/* コンテンツ部分背景指定など */
#content {background-color: #fff; }

/* フッター部分背景指定など */
#footer {}

/*
[3-4] 各ブロックの背景等を指定（内枠部分）
-----------------------------------------------------------------------
自由に指定して下さい */

/* ヘッダー部分背景指定 */
.header-inner { }

/* コンテンツ部分背景指定 */
.content-inner { }

/* フッター部分背景指定 */
.footer-inner { background-color: #3d1163; }

/*
=========================================================================
                                       ヘッダーブロック内の各要素指定 [4]
=========================================================================
[4-1]トップレベルキーワードの指定
[4-2]ロゴ部分のフォントサイズと配置
[4-3]ロゴ部分のリンク色
[4-4]ロゴ部分のロールオーバー時指定
[4-5]概要部分の指定
----------------------------------
[4-6]グローバルナビゲーションの指定
------------------------------------------------------------------------*/

/*
[4-1]トップレベルキーワードの指定
------------------------------------------------------------------------*/
h1 {
  font-size: 100%;
  font-weight: normal;
  position: absolute;
  top: 5px;
  right: 20px;
}

/*
[4-2]ロゴ部分のフォントサイズと配置
------------------------------------------------------------------------*/
.logo {
  font-size: 160%;
  position: absolute;
  top: 10px;
  left: 10px;
}

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

}

/*
[4-4]ロゴ部分のロールオーバー時指定
------------------------------------------------------------------------*/
.logo a:hover {
  text-decoration: none;
  color: #ff0033;
  background-color: transparent;

}

/*
[4-5]概要部分の指定
------------------------------------------------------------------------*/
.description {
  position: absolute;
  top: 70px;
  left: 20px;
}

/*
[4-6]グローバルナビゲーションの指定
-----------------------------------------------------------------------
DL時の指定は各リスト幅は120pxです。
-----------------------------------------------------------------------
[G1]グローバルナビゲーションの配置と背景
[G2]各リストの幅指定
[G3]リスト部分の背景とリンク色指定
[G4]リスト部分のロールオーバー時  */

/*
[G1]グローバルナビゲーションの配置と背景
------------------------------------------------------------------------*/
#globalnavi {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #000;
  background-image:url(img/tabbg.jpg);
}


/*★イラストリンクリスト*/
#globalnavi2 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  bottom: 0;
  left: 0;
}

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

  border-right: 1px solid #444;
}

/*
[G3]リスト部分の背景とリンク色指定.★下から二番目がタブ部分の背景色
------------------------------------------------------------------------*/
#globalnavi a {
  text-decoration: none;
  width: 100%;
  height: 33px;
  display: block;
  padding: 10px 0 0;
  overflow: hidden;
/* background-color: #000;*/
  color: #ff5480;
}

/*
[G4]リスト部分のロールオーバー時
------------------------------------------------------------------------*/
#globalnavi a:hover {
  text-decoration: none;
  background-color: #a51137;
  color: #000;
}

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


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

/* このテンプレートでは必要ありません */

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

/* コピーライト */
.copyright {
  text-align: center;
  margin: 0;
}

/*
=========================================================================
                                         TEMPOCKクレジット部分の指定 [8]
=========================================================================
*/

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

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