/* トップページのCSS */

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

/* ------骨組みの設定:ここから------ */

/* 大枠の設定 */
div#wrapper {width: 840px; /* 横幅 */
          position: absolute; /* wrapperの位置 */
          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#header3 {color: #ffffff; /* フォントの色 */
          background-image: url(background/5.bmp); /* 背景の色 */
          margin-left: 20px;
          margin-right: 20px;
          padding-top: 2px;
          padding-bottom: 3px;
          padding-left: 10px;}

/* Flash使用のヘッダー部分の設定 */
div#header4 {height: 270px; /* ヘッダーの高さ */
          background-color: #ffffff; /* 背景の色 */
          margin-left: 20px;
          margin-right: 20px;
          margin-top: 0px;
          margin-bottom: 0px;
          padding-top: 0px;
          padding-bottom: 0px;
          padding-left: 0px;
          padding-right: 0px;}

/* メインメニュー部分(理事長校長から始まる箇所)の設定 */
div#navi {height: 40px; /* メニューの高さ */
         background-color:#ffffff; /* 背景の色 */
         padding-top: 3px;
         padding-left: 7px;
         padding-right: 7px;
         padding-bottom: 3px;
         margin-left: 20px;
         margin-right: 20px;}

/* ------トップページにのみ適用箇所:ここまで------ */

/* コンテンツ部分の設定 */
div#contents {background-color:#ffffff; /* 背景の色づけ */
          padding-top: 0px;
          padding-left: 5px;
          padding-right: 5px;
          padding-bottom: 5px;
          margin-left: 20px;
          margin-right: 20px;}

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

/* ------骨組みの設定:ここまで------ */

/* お知らせ&更新情報の部分の設定 */
h1 {background-image: url(menu/h1_1.png); /* 背景の画像 */
    background-repeat:no-repeat; /* 背景画像の繰り返し */
    border: 0px #6e6e6e solid; /* 枠線の太さ */
    width: 510px; /* 横幅 */
    height: 30px; /* 高さ */
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 3px;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;}

/* ｢関西大学・・・について｣の箇所の設定 */
h2 {color: #708090; /* フォントの色 */
    background-image: url(img/bar_04.gif); /* 背景の画像 */
    font-family: Arial,'ＭＳ Ｐゴシック',sans-serif; /* フォントの書体 */
    font-size: 15px; /* フォントのサイズ */
    margin: 0 0 0 0px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 4px;}

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

/* 影付き画像(校長日記、部活動、我等浪速、ふく丸など)の設定 */
.photo {background: url('img/shadow.gif') no-repeat right bottom;
      width: auto;
      top: 6px;
      left:6px;
      margin: 0 6px 6px 0;
      float: right;}
.photo img {position: relative;
      left: -6px;
      top: -6px;}

/* フレーム(お知らせ&更新情報の部分)の設定 */
iframe {width: 510px;
       height: 400px;}
iframe.example1 {margin-left: 3px;
       padding-bottom: 10px;}

/* リンクの設定 */
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;} /* リンクの設定 */

/* フォント装飾 */
strong.white {color: #ffffff;} /* 白 */
strong.blue2 {color: #88bdfd;} /* 青に近い色 */
strong.pink  {color: #dfaef4;} /* ピンク */
strong.aka   {color: #ff0000;} /* 赤 */
strong.glay  {color: #6e6e6e;} /* 灰色 */

/* リストマーク */
#s1 ul {list-style-type: none; /* 箇条書きのマークの有無 */
	margin: 5;
	padding: 0;}
#s1 li {background-image: url(menu/list1.png); /* 箇条書きのマークの画像 */
	background-repeat: no-repeat; /* 画像の繰り返し */
	background-position: 0px 3px;
	padding-left: 25px;
	font-size: 15px;
	line-height: 20px;}
#s2 ul {list-style-type: none; /* 箇条書きのマークの有無 */
	margin: 5;
	padding: 0;}
#s2 li {background-image: url(menu/list2.png); /* 箇条書きのマークの画像 */
	background-repeat: no-repeat; /* 画像の繰り返し */
	background-position: 0px 3px;
	padding-left: 25px;
	font-size: 15px;
	line-height: 20px;}