/* トップページ以外(中学校・高等学校・多聞)の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;}

/* ------style03のみの設定:ここから------ */

/* サブナビのフォント */
h2 {color: #00356a; /* フォントの色 */
    background-color: #bfdfff; /* 背景の色 */
    font-size: 16px; /* フォントのサイズ */
    margin: 0px 0px;
    padding: 0px 8px;
    border-left: 3px #00356a solid;
    border-right: 3px #00356a solid;}

/* サイドバー:メニュー@のフォント */
h3 {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;}

/* ------style03のみの設定:ここまで------ */

/* サイドバー:メニューAのフォント */
h4 {color: #95004a; /* フォントの色 */
    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;}

/*フォント装飾*/
strong.aka   {color: #ff0000;}
strong.blue  {color: #0000ff;}
strong.blue2 {color: #88bdfd;}
strong.glay  {color: #6e6e6e;}
strong.pink  {color: #dfaef4;}
strong.white {color: #ffffff;}
strong.firebrick {color: #b22222;}

/* リンクの設定 */
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;}/* リンクの設定 */

/* 罫線 */
HR      {color: #00356a; /* 線の色(IE用) */
  background-color: #00356a; /* 線の色(NN用) */
  height: 4px; /* 線の太さ */
  border: 4px; /* 枠の太さ */
  border-style: dotted; /* 枠の種類 */
  margin: 0 10px;}

/* フォントの網掛 */
.font1 {background-color: #4169e1;}
.font2 {background-color: #9acd32;}
.font3 {background-color: #2e8b57;}
.font4 {background-color: #800080;}
.font5 {background-color: #ff00ff;}
.font6 {background-color: #ff8c00;}
.font7 {background-color: #b22222;}
.font8 {background-color: #006400;}

/* 画像への回り込み */
img.photo {float: right;}

/* リストマーク */
#s3 ul {list-style-type: none;
	margin: 5;
	padding: 0;}

#s3 li {background-image: url(img/club_list.bmp);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 25px;
	font-size: 14px;
	line-height: 20px;}
 
