﻿@charset 'utf-8';

/* ----- HTML再定義 ------------------------------------ */
/* マージン上右下左・上下+左右・上+左右+下 */

* {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	line-height : 1.4em;
	font-style: normal;
	color: #333333;
	list-style: none;
}

body {
	background-color: #FFFFCC;
	background-image: url("./img/back.gif");
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
}
ul li { list-style-type:none;}
em {font-weight: bold;}
hr { width:500px; border: 1px #A9CF6F dashed; margin:10px;}
a:link, a:visited 	{ color: #004488; text-decoration: none;}
a:active, a:hover 	{ color: #ffffff; text-decoration: underline; background-color:#0044ff;}

/* ----- 基本構造 -------------------------------------- */
/* 全体 */
div#container { width:840px; margin:0px auto; background-color: #ffffff;}
/* 上部 */
div#header { float:none; clear:both;}
/* 中部・メニュー（1はindex用の横メニュー、2はそれ以外に使う縦メニュー） */
div#menu1 { height:40px; background-color:#A9CF6F;}
div#menu2 { width:120px; float:left; margin:0px 10px 0px 0px; background-color:#A9CF6F;}
/* 中部・内容（1はindex、2はそれ以外、3は活動報告） */
div#stage1 { float:none; clear:both; margin:30px 15px}
div#stage2 { width:700px; float:right; margin:10px 0px; text-align:left;}
div#stage3 { width:700px; margin:10px auto; text-align:left;}
/* 下部 */
div#footer { float:none; clear:both; height:20px; width:840px; margin:0px auto; background-image:url("./img/foot.gif");}


/* ----- ブロック個別設定 ------------------------------ */
/* マージン上右下左・上下+左右・上+左右+下 */
/* レイアウト用クラス */
.zero { border: 0px; border-spacing: 0px; margin: 10px; padding: 0px;}/* index */
.texz { margin: 5px 10px 10px 20px;}/* index */

.tit { margin: 5px 0px 10px;}/* タイトル画像 */
.c {text-align: center;}/* テキストのセンタリング */
.ran {padding: 2px 5px;white-space: nowrap;}/* リストタイプの行間設定 */
.tex { width: 550px; margin: 0px 30px 20px 30px;}/* 文章用枠組み（報告以外） */
.new {color: #990000;}

/* ----- 行頭をそろえる ------------------------------ */
.col-1 {
    display: inline-block;
    width: 115px;
    /* border: solid 1px; */
}
.col-2 {
    display: inline-block;
    width: 300px;
    /* border: solid 1px; */
}

/* スケジュールテーブル枠組み */
table#table-01 {border: 1px #996633 solid;border-collapse: collapse;border-spacing: 0;}
table#table-01 th {padding: 3px;border: #996633 solid;border-width: 0 0 1px 1px;background: #FF9933;font-weight: bold;line-height: 120%;text-align: center;white-space: nowrap;}
table#table-01 td {padding: 3px;font-size: 90%;border: 1px #996633 solid;border-width: 0 0 1px 1px;}

/* その他テーブル枠組み */
table#table-02 {border: 1px #999999 solid;border-collapse: collapse;border-spacing: 0;}
table#table-02 th {padding: 3px;border: #999999 solid;border-width: 0 0 1px 1px;background: #dddddd;font-weight: bold;line-height: 120%;text-align: center;white-space: nowrap;}
table#table-02 td {padding: 3px;border: 1px #999999 solid;border-width: 0 0 1px 1px;}

/* ----- プルダウンメニュTOP ------------------------------ */
/* IE6 対策 */
ul#pulldown-menu { behavior:url("img/csshover3.htc");}
/*メニュー外観 */
ul#pulldown-menu li { float:left; position:relative; width:120px;}
ul#pulldown-menu li a { display: block; width:120px; margin:0px;}
/* 下層のメニューを不可視に */
ul#pulldown-menu li ul { display: none;}
/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li:hover ul { display:block; position:absolute; left:0px;}
ul#pulldown-menu li ul li { float:none; margin:0px; display:inline;}