@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);
@import url(generatormade.css);
/* CSS Document */

body {
  /* --- 基本的な前景色（文字色）を設定してください --- */
  color: #333333;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #e8e8e8;
}

#shadow {
width:790px;
height:100%;
padding:0 5px;
background:url(../img/shadow.png) repeat-y center top;
margin:0 auto;
}

#container {
  /* --- 内容部分の背景を設定してください --- */
  /* --- ドキュメント本体の幅を設定してください --- */
  /* Note：百分率指定も可能です */
  width: 780px;

  /* --- ドキュメント本体の位置を設定してください --- */
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  margin: 0 auto;
  background:#F3EEB6 url(../img/bg_container.gif) repeat-x left top;
}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */

#header {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: transparent;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin: 0;

  /* --- パディングを設定してください --- */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

#header span {font-size:95%; position:absolute; top:15px; right:15px; color:#333333; font-weight:normal;}

/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定です
 * ---------------------------------------------------------------- */

#navi {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: #708CC8 url(../img/bgnavi.png) repeat-x;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 0;
  /* --- パディングを設定してください --- */
  /* Note：ナビゲーション部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  /* --- 必要に応じて、ボックスの下線を設定してください（短縮プロパティでの設定です） --- */
  border-bottom: 1px solid #464646;
}

#navi ul {
  /* --- マージンを設定してください --- */
  margin: 0;
  /* --- パディングを設定してください --- */
  padding: 0;
  /* --- 高さを設定してください --- */
  height: 2.5em;
}

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

#navi ul li a {
  margin: 0;
  width:124px;
  padding: 10px 0px 4px 0px;
  color:#fff;
  text-align:center;
  /* --- ナビゲーション１項目あたりのクリッカブル領域をテキスト部分だけでなくボックス単位とするためには display: block;と指定してください --- */
  display: block;
  /* --- ナビゲーション１項目あたりの右側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  border-right: 1px solid #CCCCCC;
  /* --- ナビゲーション１項目あたりの下側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  border-bottom: 2px solid #3EBAEE;
  /* --- ナビゲーション１項目あたりの背景画像とリピート方向を指定してください（短縮プロパティでの設定です） --- */
  background: url(../img/bgnavi.png) repeat-x;
  /* --- ナビゲーション１項目あたりのフォントの太さを指定してください --- */
  font-weight: bold;
}

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


/* ---------------------------------------------------------------- *
	ニュース部分の設定です
 * ---------------------------------------------------------------- */
 
#newsbox {clear:both; margin:0px 5px; margin-bottom:20px;}


/* ---------------------------------------------------------------- *
	トップ用アイコンメニューコンテナの設定です
 * ---------------------------------------------------------------- */

#main-top {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background:#fff;
  /* --- マージンを設定してください --- */
  /* Note：この要素のマージン・パディングは，その有無と値によって
           複雑な折りたたみを生じます。複雑なカスタマイズをしない
           限り，以下を「すべて 0」にしておくことをおすすめします。 */
  margin: 15px 30px;

  /* --- パディングを設定してください --- */
  padding:15px; 
  /* --- ボーダー（枠線）を設定してください --- */
  border-top:#979797 1px solid;
  border-bottom:#979797 1px solid;
  border-left:#979797 1px solid;
  border-right:#979797 1px solid;
}

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

#main {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background:#fff;

  /* --- マージンを設定してください --- */
  /* Note：この要素のマージン・パディングは，その有無と値によって
           複雑な折りたたみを生じます。複雑なカスタマイズをしない
           限り，以下を「すべて 0」にしておくことをおすすめします。 */
  margin: 15px 30px;
  /* --- パディングを設定してください --- */
  padding:15px; 
  /* --- ボーダー（枠線）を設定してください --- */
  border-top:#979797 1px solid;
  border-bottom:#979797 1px solid;
  border-left:#979797 1px solid;
  border-right:#979797 1px solid;
  top:-120px; left:0;
}

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

.contents {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 20px;
  margin-bottom: 20px;
  padding:0 5px;
}

/* ---------------------------------------------------------------- *
	コンテンツページのサブナビゲーションの設定です
 * ---------------------------------------------------------------- */

#categoryhead {}

#categoryhead h2 {margin-left:55px; margin-top:-55px;}
#categoryhead h2 a,
#categoryhead h2 a:link {color: #F06F6F; text-decoration: none;}
#categoryhead h2 a:hover {color: #91B43C; text-decoration: none;}

#categoryhead ul {margin:0; padding:0; margin-left:55px; list-style-type:none;}
#categoryhead ul li {margin:0 1em 0 5px; padding:0; float:left;}
#categoryhead ul li a {padding-left:15px; background:url(../img/mark_pagenavi-link-off.png) 0 40% no-repeat;}
#categoryhead ul li a:hover {background:url(../img/mark_pagenavi-link.png) 0 40% no-repeat;}

.contents h3 {padding-top:3px; padding-left:24px; margin-bottom:0.5em;}
.contents h3.cat01 {background:url(../img/h3icon-cat01.png) left center no-repeat;}
.contents h3.cat02 {background:url(../img/h3icon-cat02.png) left center no-repeat;}
.contents h3.cat03 {background:url(../img/h3icon-cat03.png) left center no-repeat;}
.contents h3.cat04 {background:url(../img/h3icon-cat04.png) left center no-repeat;}
.contents h3.cat05 {background:url(../img/h3icon-cat05.png) left center no-repeat;}
.contents h3.cat06 {background:url(../img/h3icon-cat06.png) left center no-repeat;}
.contents h3.cat07 {background:url(../img/h3icon-cat07.png) left center no-repeat;}



/* ---------------------------------------------------------------- *
	コンテンツ画像の設定です
 * ---------------------------------------------------------------- */

.contents img.fig {

}

/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定です
 * ---------------------------------------------------------------- */

.imgbox {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.imgbox300 {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
  padding:5px;
  border:#979797 1px solid;
}


/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */
.contents-footer {position:relative; top:-80px;}
#footer {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */

  /* --- マージンを設定してください --- */
  /* Note：上マージンは段組コンテナの下マージンとの折りたたみが
           生じます */
  margin-top: 0;
  margin-bottom: 0;
  /* --- パディングを設定してください --- */
  /* Note：上下マージンを持つものが含まれる場合，上下パディングには
           正の値を指定してください */
  padding-top: 0.6em;
  padding-right: 0;
  padding-bottom:1em;
  padding-left: 1em;
  /* --- フッタ上の罫線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  border-top: 1px dashed #979797;
  text-align:center;
}

#footer ul {
    margin-bottom: 4px;
    padding: 0;
  /* --- フッタメニュー左端の罫線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
    border-left: 1px solid #CCCCCC;
}

#footer ul li {
  margin: 0;
  padding: 0 8px;
  /* --- フッタメニュー右側の区切り線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  border-right: 1px solid #CCCCCC;
  /* --- 横並びリストのリストマーカ画像を設定してください --- */
  /* Note：16×16 ピクセル以下のものを使用してください */
  background-image: none;
}

#footer ul li a, #footer ul li a:link {color:#E2662F;}

#footerend_top {height:24px; width:790px; background:url(../img/shadow_footend.png) 50% 50% no-repeat; margin:0 auto;}
#footerend {height:24px; width:790px; background:url(../img/shadow_footend.png) 50% 50% no-repeat; margin:0 auto; position:relative; top:-24px;}