/* 学校案内、受験生諸君のcss */

/* bodyの設定 */
body {background-color: #d9d9d9; /* 背景の色 */
      font-size: 13px; /* フォントのサイズ */
      color: #4a4a4a; /* フォントの色 */
      line-height: 20px; /* 行間 */
      font-family: Arial,'ＭＳ Ｐゴシック',sans-serif;} /* フォントの書体 */ 

/* 大枠の設定 */
div#wrapper {width: 840px; /* 横幅 */
          position: absolute;
          top: 0%;
          left: 50%;
          overflow: hidden;
          margin: 0 0 0 -420px;
          background-image: url(background/bg_wra04.jpg); /* 背景の画像 */
          background-repeat: repeat-y;} /* 背景画像の繰り返し */

/* 最上段ヘッダー部分の設定 */
div#header1 {height: 80px; /* ヘッダーの高さ */
          background-color: #ffffff; /* 背景の色 */
          margin-left: 20px;
          margin-right: 20px;
          padding-top: 10px;
          padding-left: 5px;}

/* 2段目ヘッダー部分(採用情報などのリンク箇所)の設定 */
div#header2 {height: 20px; /* ヘッダーの高さ */
          background-color: #ffffff; /* 背景の色 */
          text-align: right; /* テキストの横位置 */
          margin-left: 20px;
          margin-right: 20px;
          padding-right: 10px;}

/* メインメニュー�@部分(理事長校長、学校案内など)の設定 */
div#navi {height: 54px; /* メニューの高さ */
         background-image: url(img/header3_01.jpg); /* 背景の画像 */
         background-repeat: no-repeat; /* 画像の繰り返し */
         padding-left: 7px;
         padding-right: 7px;
         margin-left: 20px;
         margin-right: 20px;}

/* メインメニュー�A部分の設定 */
div#navi2 {height: 54px; /* メニューの高さ */
          padding-left: 7px;
          padding-right: 7px;
          margin-left: 20px;
          margin-right: 20px;}

/* 3段目ヘッダー部分(学院神社が背景となる箇所)の設定 */
div#header3 {height: 100px; /* ヘッダーの高さ */
          background-image: url(img/header3_02.jpg); /* 背景の画像 */
          background-repeat: no-repeat; /* 画像の繰り返し */
          margin-top: 0px;
          margin-left: 20px;
          margin-right: 20px;
          padding: 20 0 0 0px;}

/* 4段目ヘッダー部分(階層構造の部分)の設定 */
div#header4 {height: 25px; /* ヘッダーの高さ */
          background-color: #ffffff; /* 背景の色 */
          text-align: right; /* テキストの横位置 */
          margin-top: 0px;
          margin-left: 20px;
          margin-right: 20px;
          padding-left: 5px;
          padding-right: 7px;}

/* サイドバーとコンテンツのグループ化 */
div#main {width: 800px; /* 横幅 */
         background-color: #ffffff; /*背景の色づけ*/
         margin-left: 20px;
         margin-right: 20px;
         padding: 0px;}  

/* サイドバー(サイドメニュー)の設定 */
div#sidebar {width: 130px; /* 横幅 */
          float: left; /* サイドバーの位置 */
          background-color: #ffffff; /*背景の色づけ*/
          margin: 0px;
          padding-top: 0px;}

/* コンテンツの設定 */
div#contents {width: 655px; /*横幅*/
          float: right; /* コンテンツの位置 */
          background-color: #ffffff; /*背景の色づけ*/
          margin: 0px;
          padding-top: 0px;
          padding-bottom: 35px;}

/* フッター(コピーライト)部分の設定 */
div#footer {width: 670px; /* 横幅 */
          background-color: #ffffff; /* 背景の色づけ */
          float: right; /* コンテンツの位置 */
          text-align: right; /* テキストの横位置 */
          padding-top: 20px;
          padding-right: 5px;
          margin-bottom: 0px;}

/* コンテンツ：大項目(濃グレー文字、下線は浪速カラーのグラデーション) */
h1 {color: #4a4a4a; /* フォントの色 */
    height: 30px; /* 行の高さ */
    background-color: #ffffff; /* 背景色 */
    border-bottom: 0px #95004a solid; /* 下線の設定 */
    border-left: 0px #95004a solid; /* 左線の設定 */
    font-size: 20px; /* フォントのサイズ */
    background-image: url(img/bar_04.bmp); /* 背景の画像 */
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;}

/* ------style04のみの設定:ここから------ */

/* サイドバー:メニュー�@のフォント */
h2 {color: #ffffff; /* フォントの色 */
    height: 26px; /* 行の高さ */
    font-size: 18px; /* フォントのサイズ */
    background-image: url(img/bar_02.gif); /* 背景の画像 */
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 5px;
    padding: 4 0 4 10px;}

/*学院神社黒字の太フォント*/
h3 {color: #000000; /* フォントの色 */
    font-size: 17px; /* フォントのサイズ */
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0px 0px;}

/* ------style04のみの設定:ここまで------ */

/* サイドバー:メニュー�Aのフォント */
h4 {color: #FFCCCC; /* フォントの色 */
    font-size: 14px; /* フォントのサイズ */
    background-color: #ffffff; /* 背景の色 */

    margin: 0 10px;
    padding: 4px 5px;
    border-left: solid 1px #6e6e6e;
    border-bottom: solid 1px #6e6e6e;}

/* 進路実績 */
h5 {color: #000000; /* フォントの色 */
    font-size: 17px; /* フォントのサイズ */
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0px 0px;}

/* 基本フォントの設定 */
p {font-size: 14px; /* フォントのサイズ */
  color: #4a4a4a; /* フォントの色 */
  font-family: Arial,'ＭＳ Ｐゴシック',sans-serif; /* フォントの書体 */
  line-height: 20px; /* 行間 */
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 20px;
  margin-right: 10px;}

/*フレーム設定*/
div#frame    {border:solid 1px #6e6e6e;
             padding-top: 10px;
             padding-bottom: 10px;
             padding-left: 10px;
             padding-right: 10px;
             margin-top: 0px;
             margin-bottom: 10px;
             margin-left: 0px;
             margin-right: 0px;
             width: 680px;
             height: 220px;
             background-color: #efefef;
             border-top: none;
             border-right: none;
             overflow:scroll;}

/*フォント装飾*/
strong.aka   {color: #ff0000;}
strong.blue  {color: #0000ff;}
strong.blue2 {color: #88bdfd;}
strong.glay  {color: #6e6e6e;}

/*枠の設定*/
.waku1 {width:310px;
  border: 1px;
  padding-left: 0px;
  padding-top: 13px;
  padding-right: 13px;
  padding-bottom: 0px;
  margin:15px 15px;
  border-style:dashed;
  border-color: #000000;
  background-color: #ffeaea}

/* リンクの設定 */
a:link {color: #4a4a4a;
       text-decoration: none;}/* 未訪問リンク */
a:visited {color: #4a4a4a;
          text-decoration: none;}/* 訪問済リンク */
a:hover {color: #990066;
        text-decoration: underline;}/* オンマウス */
a:active {color: #000000;
         text-decoration: none;}/* リンクの設定 */

/* 画像への回り込み */
img.photo {float: right;}


/* フォントの網掛 */
.font {
background-color: #0080ff;}