/* -----ページ全体----- */

body{
	background-color: #dfffef;
}
img{
	border: 0px;
}
div#container{
	margin:0 auto;
	width:85%;
}	

/* -----リンク----- */
a:link{
	color :blue;
}
a:visited{
	color: purple;
}
a:hover{
	background-color :#cccccc;
}
a:active{
	color: red;
}

/* -----見出し----- */

h1{
	border-bottom: 1px solid black;
	clear:left;
	font-size:3em;
	margin:1.5em;
	text-align: center;
}
h2{
	background-color: #bbffcc;
	border-left: 4px solid #77dd99;
	border-bottom: 2px solid #22bb44;
	color: black;
	font-size:2em;
	margin-top: 0px;
	padding: .2em  .3em;
}
h2#headline{
	background-color: #bbffcc;
	border:1px;
	font-size:2em;
	margin-top: 0px;
	padding: .2em .3em;
}
h3{
	border-bottom: 2px dashed black;
	margin-left: 20px;
	padding: .2em .3em;
	width: 50%;
}

/* -----文章----- */
p{
	line-height: 1.5em;
}
em{
	color: #cc0000;
	font-style: normal;
}
blockquote{
	background-color: #eeeeee;
	border: 1px outset gray;
	font-style: normal;
	padding: 0.5em;
	padding-left: 1em;
	width: 75%;
}
.back{
	padding-bottom:10px;
	text-align: right;
}
.name{	/* 入会案内（nyukai.html）の部内アンケート */
	color: #cc0000;
	text-align: right;
}

/* -----リスト----- */
ol{
	background-color: white;
	border: 1px solid black;
	width: 35%;
}
ul{
	padding-left: 5%;
}

dl{
	padding: 0.5em;
}
dt{
	font-weight: bold;
	margin:0.5em;
	padding: 0.25em 0;

}
.program1{	/* 上線のない枠線 */
	border-bottom: 4px double #77dd99;
	border-left: 4px double #77dd99;
	border-right: 4px double #77dd99;
	margin-left:14px;
	width: 50%;
}

.program2{	/* 上線のある枠線 */
	margin-left:14px;
	border: 4px double #77dd99;
}
.program2 dt{
	display: list-item;
	list-style-type: decimal;
	margin-left: 1.5em;
	text-decoration:underline;
}




/* -----ヘッダ----- */
#header{
	width:100%;
	padding-bottom: 10px;
}
#logo{
	margin-left: 64px;
}
#menu{
	background-color:#ccffee;
	width:100%;
}

/* ナビゲーションバー */

ul#menubar{
	list-style-type:none;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-left:0;
	text-align:center;
}
ul#menubar li{
	float:left;
	width:160px;
}

#menubar a{
	background-color:#bbffdd;
	border: 1px solid green;
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:none;
	width:159px;
}

#menubar a:hover{
	background-color:#cccccc;
}

ul#menubar li ul{	/* 下層メニューを不可視にする */
        display: none;
	list-style-type:none;
}

ul#menubar li:hover ul {	/* マウスオーバーしたとき下層メニューを可視にする */
        display: block;
	padding:0;
        position: absolute;
        z-index: 100;
}

ul#menubar li ul li{
        float: none;
        margin: 0;
        font-weight: normal;
}

ul#menubar {	/* IE6 対策 */
        behavior: url("csshover3.html");
}

.column{
	background-color: white;
	border: 1px solid black;
	margin: 10px;
}

/* -----フッタ----- */

#footer{
	clear: left;
	width: 100%;
}
address{
	border-top: 3px solid black;
	font-style: normal;
	padding:1em;
}