@charset "Shift_JIS";

/* --------------------------------------------------------------
　脳力開発セミナー
　最終更新日：2006.9.
　
　------------------------------
  1.基本レイアウト
　　body ------------ bodyタグ
    div#wrapper ----- 外枠
　　div#container --- 内枠
      div#header ---- ヘッダー（ロゴ及びナビ）
　　  div#contents -- コンテンツ（お知らせ、情報及び記事）
      div#sideber --- サイドバー（メニュー及びバナー）
	div#banner ------ バナー
　　div#footer ------ フッダー（グローバルナビ及びコピーライト）

  1-1.基本パーツ
    a --------------- 標準リンク
    p.clear --------- 段組解除
	p.back-top --------- ページトップへのリンク（段組解除）
	p.back-top a ------- ページトップへのリンク頭画像
    img ------------- 全画像のボーダー消去
    hr -------------- 区切り線
		
  2.div#header
    h1 -------------- サイトタイトル
    h2 -------------- メインイメージ、コピー

    #inq ------------ お問い合わせ枠
    #inq ul --------- お問い合わせリスト
    #inq li --------- お問い合わせリスト項目

    #navi ----------- パンくずナビ

　3.div#content
      → content.css
	  
　4.div#sideber
      → sideber.CSS

　5.div#footer
　　#footer ul ------ グローバルナビ
　　#footer li ------ グローバルナビの項目
    .copyright ------ コピーライト
-------------------------------------------------------------- */

/* --------------------
　　1.基本レイアウト
----------------------- */

body {
margin: 0;
padding: 0;
text-align: center;
background: url(../img/body-bg.gif) left top repeat-x #d9dbde;
font-size:85%;
font-family:sans-serif;
color: #555555;
}

/*　ヒル関連：ボディー　*/
body.hill { background: url(../img/hill/body-bg.gif) left top repeat-x #d9dbde;}

/*　マーフィー関連：ボディー　*/
body.murphy { background: url(../img/murphy/body-bg.gif) left top repeat-x #d9dbde;}

div#container {
margin: 0 auto;
padding: 0;
width: 760px;
background:#fff;
border-left: 1px solid #c6c6c6;
border-right: 1px solid #c6c6c6;
}

div#header {
margin:0;
padding: 0;
font-size: 75%;
}

div#contents {
float:right;
margin:0 0 20px;
padding:0;
width:578px;
}

div#sideber {
float:left;
margin:0;
padding:0;
width:180px;
text-align:right;
letter-spacing:-1px;
}

div#footer {
clear:both;
margin: 0 ;
padding:10px 0 0;
text-align:center;
font-size: 75%;
border-top: 1px solid #c6c6c6;
}

/* --------------------
　　1-1.基本パーツ
----------------------- */

/*　標準リンク　*/
a {
color: #0000ee;
text-decoration: underline
}


/*　段組解除　*/
p.clear {
clear:both;
margin: 0 20px;
}

/*　ページトップへのリンク（段組解除）　*/
div.back-top {
clear:both;
margin: 0 20px 10px;
padding:0;
font-size: 85%;
line-height: 1;
text-align:right;
}

div.back-top a {
margin: 0;
padding: 0px 20px;
background: url(../img/arow_top.gif) no-repeat left ; 
}

/*　全画像のボーダー消去　*/
img {border:0}

/* --------------------
　　2.div#header
----------------------- */

h1 {
margin:0;
padding:0;
border-top: 5px solid #000}

/*　ヒル関連：h1　*/
body.hill h1 {border-top: 5px solid #810131}

/*　マーフィー関連：h1　*/
body.murphy h1 {border-top: 5px solid #8268c3}

h2 {
margin:0;
padding:0;
height:149px;
background: url(../img/header2.jpg) no-repeat left bottom;
border-top: 1px solid #c6c6c6;
text-indent: -9999px;
}

/*　ヒル関連：h2　*/
body.hill h2 {background: url(../img/hill/header2.jpg) no-repeat left bottom;}

/*　マーフィー関連：h2　*/
body.murphy h2 {background: url(../img/murphy/header2.jpg) no-repeat left bottom;}

#inq {
margin:0;
padding:0;
background:url(../img/inq_bg.jpg) no-repeat left bottom;
height:28px;
text-align:right;
border-top: 1px solid #c6c6c6;
border-bottom: 1px solid #c6c6c6;
}

/*　ヒル関連：#inq　*/
body.hill #inq {background: url(../img/hill/inq_bg.jpg) no-repeat left bottom;}

/*　マーフィー関連：#inq　*/
body.murphy #inq {background: url(../img/murphy/inq_bg.jpg) no-repeat left bottom;}

#inq ul {
margin:0 10px;
padding:0;
}

#inq li {
display:inline;
margin:0 10px;
padding:0;
}

#navi {
margin:0;
padding-top: 10px;
padding-left: 200px;
background:url(../img/pankuzu_bg.jpg) left top no-repeat;
height: 21px;
text-align:left;
border-bottom: 1px solid #fff
}

/*　ヒル関連：#navi　*/
body.hill #navi{background: url(../img/hill/pankuzu_bg.jpg) left top no-repeat;}

/*　マーフィー関連：#navi　*/
body.murphy #navi {background: url(../img/murphy/pankuzu_bg.jpg) left top no-repeat;}

/* --------------------
　  3.div#content
      → content.css
----------------------- */

/* --------------------
　　4.div#sideber
      →sideber.CSS
----------------------- */

/* --------------------
    5.div#footer
----------------------- */

#footer ul{
margin: 0 0 5px;
padding:0;
}

#footer li{
display:inline;
list-style:none;
margin:0;
padding:0 5px;
border-right: 1px solid #555;
}

.copyright {
margin:10px 0 0;
padding:5px 0;
background: #000;
}