@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #000; /* ページの背景色 */
color: #444; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
}

p { 
font-size: 9px; 
line-height: 1.2em; 
} 

/*  例外的な文字サイズの指定用  */
#example1 { font-size: 265%; } 
#example2 { font-size: 10px; } 
#example3 { font-size: larger; } 
#example4 { font-size: x-small; } 
#example5 { font-size: x-small; text-align:right; } 

/*  例外的な文字位置の指定用  */
#example-a { text-align: left; }
#example-b { text-align: center; }
#example-c { text-align: right; } 

/*  画像と文字の位置関係指定用  */
#example01 { float: left; } 
#example02 { float: right; } 

#example03 { vertical-align: baseline; } 
#example04 { vertical-align: top; } 
#example05 { vertical-align: middle; } 
#example06 { vertical-align: bottom; } 
#example07 { vertical-align: text-top; } 
#example08 { vertical-align: text-bottom; } 
#example09 { vertical-align: -30px; } 
#example10 { vertical-align: 200%; } 

#example001 { width: 100%; } 
#example002 { 
float: left; 
margin: 30px 60px; 
}



/*  水平線 ---------------------------------------------------------------<hr class="example1">で指定-- */
hr.example1 { 
background-color: #dfe5ea; 
height: 4px; 
border: none
} 

/* --- 標準リンクテキスト --- */
a:link { color: #2b4ad4; }
a:visited { color: #3faad3; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

/* --- コンテナ ------------------------------------------------------------------------------------------------- */
#container {
width: 782px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background: url(../image/sidebar_200-1.gif) repeat-y  top right; /* サイドバーの背景画像 */
background-color: #fefdf0; /*  内容部分の背景色ここの色はコンテナ・カウンターの色と合わせる  */
border-left: 1px #fff solid; /* 左枠線 */
border-right: 1px #fff solid; /* 右枠線 */
}


/* --- Topヘッダ ------------------------------------------------------------------------------------------------- */
#top-header {
background-color: #fff; /* ヘッダの背景色 */
font-size: 50%; /*  文字サイズ  */
color: #40454e; /* 文字色 */
}

/* --- ヘッダ ----------------------------------------------------------------------------------------------------- */
#header {
background-color: #444; /* ヘッダの背景色 */
color: #fff; /* 文字色 */
margin: 0;
}

/*  --- 横並ナビゲーション --------------------------------------------------------------------------------------  */
.nav {
width: 100%; /* ナビゲーションの幅 */
background-color: #fff; /* ナビゲーションの背景色 */
border-top: 1px #cccccc solid; /* 上枠線 */
border-bottom: 1px #cccccc solid; /* 下枠線 */
font-size: 70%;
}

/* --- メニューエリア ------------------------------------------------------------------------------------------- */
.nav .nl {
width: 600px; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background-color: #ffffff; /* メニューの背景色 */
border-right: 0px #cccccc solid; /* メニューの右枠線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
.nav .nl li {
width: 20%; /* 項目の幅 */
float: left;
}

/* --- リンク --- */
.nav .nl li a {
display: block;
position: relative; /* IE6用 */
padding: 4px 2px; /* リンクエリアのパディング（上下、左右） */
border-left: 0px #cccccc solid; /* リンクエリアの左枠線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
background-color: #f0ffff; /* ポイント時の背景色 */
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/* --- 左縦メニュー --------------------------------------------------------------------------------------------- */
#menu {
float: right;
width: 200px; /* サイドバーの幅 */
background-color: #f5f5f5; /*背景色 */
padding: 0px 0px 0px;/*  内側の余白
border: 0px #fff solid; /* 枠線 */
font-size: 10px; 
font-family: 'ヒラギノ角ゴPro' 'arial; 
line-height: 2em; 
}
 /*  リスト--------------------------------------------------------------------------------------------  */
ul {list-style-type: disc; }

#nashi { list-style-type: none; } 
#shikaku { list-style-type: circle; } 
#zero { list-style-type: decimal-leading-zero; } 

/* --- メイン ------------------------------------------------------------------------------------------ */
	/*  ニュース部分については、news.cssを参照  */
#content {
float: left;
width: 530px; /* メインの幅 */
background-color: #fefdf0; /*  背景色ここの色はコンテナの色と合わせる  */
border: 1px #fff solid; /* 枠線 */
padding: 25px 25px 40px;/*  内側の余白　これと線幅を足した物を横幅の限界値から引いている  */
font-size: 12px; 
font-family: 'ヒラギノ角ゴPro'; /*  フォントの指定  */
line-height: 2em; 
color: #40454e;/*  文字色  */
}
/* --- メイン内-序文 ------------------------------------------------------------------------------------------ */
#preface {
width: 456px; /* 序文の幅 */
background-color: #fefdf0; /*  背景色ここの色はコンテナの色と合わせる  */
border: 0px #000 solid; /* 枠線 */
padding: 5px 40px 0px;/*  内側の余白　これと線幅を足した物を横幅の限界値から引いている  */
}
/* --- メイン内-新着情報 ---------------------------------------------------------------------------------------- */
#news{
}
/* --- カウンター ------------------------------------------------------------------------------------------------- */
#counter {
float: left;
width: 70px; /* カウンターの幅 */
position: absolute bottom 30px;/*  ボックスの位置  */
background-color: #fefdf0; 
border: 0px #000 solid; /* 枠線 */
padding: 0px 3px 5px 457px;/*  内側の余白　これと線幅を足した物を横幅の限界値から引いている  */
}
/* --- フッタ ------------------------------------------------------------------------------------------------- */
#footer {
clear: left; /* フロートのクリア */
margin: 0 auto; /* センタリング */
width: 782px; /* ページの幅 */
background-color: #afbbd4; /* フッタの背景色 */
padding: 0px 0px 15px;/*  フッタ内側上下の余白  */
text-align: center; /* フッタの文字位置 */
color: #40454e;/*  文字色  */
font-family: 'arial narrow';/*  フォントの指定  */
font-size: 65%; /*  文字サイズ  */
}