@charset "Shift_JIS";

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

  1-1.基本パーツ
        a -------------- 標準リンク
	p.clear ------- 段組解除（ページトップへのリンク）
	img ----------- 全画像のボーダー消去
        hr ------------- 区切り線

  ------------------------------
  2.div#header内詳細
    #header img ---- SSIロゴ画像
    #header ul ----- ヘッダー部のナビゲーション
    #header li ----- ヘッダー部のナビゲーション
  
  ------------------------------
  3.div#sitetitel内詳細
    h1 ------------- サイトタイトル（月替わり画像の代替透明.gif）	
  
  ------------------------------
  4.div#contents内詳細
     index.html→ index.css
     その他アーカイブ → content.css 

    div#contents p
	
  ------------------------------
  5.div#sideber内詳細
    → sideber.css
	
  ------------------------------
　6.div#banner内詳細
    #banner img ----- バナーのマージン設定
    #banner ul ------ バナー用リスト外枠
	#banner li ------ バナー用リスト
	
  ------------------------------
　7.div#footer内詳細
    #footer a -------- フッターのリンク
    #footer u -------- フッターナビ外枠
    #footer li ------- フッターナビリスト
    #footer p -------- コピーライト用のpタグ
    
-------------------------------------------------------------- */

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

body {
margin: 0;
padding: 0;
text-align: center;
background-color: #eaeaea;
font-size:90%;
font-family:sans-serif;
color:#444444;
}

div#wrapper {
margin: 0 auto;
padding: 0;
width: 770px;
text-align:left;
background: url(../img/contents-bg.gif);
}

div#container {
margin: 0 20px;
padding: 0;
width: 730px;
text-align:justify;
}

div#header {
margin:0;
padding:0 0 5px 0;
width:730px;
font-size: 75%;
border-bottom: 1px solid #CCCCCC;
}

div#monthly-header {
margin:10px 0;
padding:0;
width:730px;
height: 80px;
background:url(../img/header.jpg);
}

div#contents {
float:right;
margin:0;
padding:0;
font-size: 95%;
width:500px;
}

div#sideber {
float:left;
margin:0;
padding:0;
width:220px;
}

div#banner {
clear:both;
margin: 0 auto;
padding:10px;
text-align:center;
color: #FFFFFF;
background: url(../img/banner-bg.gif) left bottom;
}

div#footer {
clear:both;
margin: 0 auto;
padding: 2px 10px 5px 10px;
text-align:center;
font-size: 75%;
color: #FFFFFF;
background: url(../img/footer-bg.gif) left bottom;
}

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

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

/*　段組解除（ページトップへのリンク）　*/
p.clear {
clear:both;
margin: 0 20px;
padding: 0 0 10px 0;
text-align:right;
}

p.clear a {
margin: 0;
padding: 0 0 0 15px;
background: url(../img/maru_top_orange.gif) no-repeat left ; 
}

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

/*　区切り線　*/
hr {
clear:both;
margin: 20px 10px;
padding:0;
}

/*　更新日時　*/
.day-date {
margin:  0 10px 10px;
padding: 2px 5px;
font-size:90%;
letter-spacing: 1px;
text-align:right;
border-top: 1px dotted #ff9933;
border-left: 5px solid #ff9933;
}

/* --------------------
　　2.div#header内詳細
----------------------- */

div#header img { text-align:left; margin:5px;}

div#header ul {
text-align:right;
margin: -20px 0 5px 0;
padding: 0;
}

div#header li {
display:inline;
list-style:none;
margin:  0;
padding: 0 5px;
line-height:1;
border-right: 1px solid #666666;
}

/* --------------------
　　3.div#sitetitel内詳細
----------------------- */

h1 {
margin: 0;
padding: 0;
}

/* --------------------
　　4.div#contents内詳細
        index.html→ index.css
	その他アーカイブ → content.css 
----------------------- */

div#contents p  {
margin:  10px;
padding: 0;
line-height: 1.5;
}

/* --------------------
　　5.div#sideber内詳細
    → sideber.css
----------------------- */

/* --------------------
　　6.div#banner内詳細
----------------------- */

#banner img {margin: 0 5px;}

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

#banner li {
display:inline;
list-style:none;
margin: 0 ;
padding: 0;
}

/* --------------------
　　7.div#footer内詳細
----------------------- */

#footer a {color:#ffffff}

#footer ul {
margin: 0 10px;
padding: 0;
line-height: 1.5;
}

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

#footer p {
margin:5px 0 0 0;
padding: 5px 0 0 0;
border-top: 1px solid #ffffff;}