/* --- 背景色 --- */
.body {background-color : #e6e6fa;} 

/* --- リンク --- */
A:VISITED { color : #333399; }
A:LINK{ color : #6666cc }
A:HOVER{ color : salmon;text-decoration ; }
A{ text-decoration : none; }

/* --- 文字の設定 --- */
.moji8{font-size : 8pt;line-height : 100%;}
.moji9{font-size : 9pt;line-height : 140%;}
.moji10{font-size : 10pt;line-height : 140%;}
.moji11{font-size : 11pt;line-height : 140%;}
.moji12{font-size : 12pt;line-height : 140%;}
.moji13{font-size : 13pt;line-height : 140%;}
.moji14{font-size : 14pt;line-height : 140%;}
.moji15{font-size : 15pt;line-height : 140%;}
.moji16{font-size : 16pt;line-height : 140%;}
.moji18{font-size : 18pt;line-height : 140%;}

/* --- シビル看板下のリンク部分 --- */
td.8pt-moji {
font-size : 8pt;
line-height : 25px;
color: #ffffff;
background-color : #ccccff;
}

/* --- シビル看板下ポイント時 --- */
td.8pt-moji a:hover {
width:100%;
height:100%;
background-color : #e0e0e0;
text-decoration : none;
}

/* --- 水平線（HR）の設定 --- */
hr.kazari {
border: 2px #e0e0e0 solid;
width: 98%;
margin: 0;
text-align: left;
}

/* --- 囲みケイ（top右） --- */
.kakomi1{
border: 1px #666699 dotted;
padding:10px 12px 10px 12px;
background-color: #ffffcc;
color:#666699;
font-size : 10pt;line-height : 130%;
}

/* --- 右下ボックス（濃色・内側）の設定 --- */
div.waku{
	width: 90%;
	background-color : #ffffcc;
	border: #996633 2px dotted;
	padding: 9px;
	font-size: 10pt;
	line-height : 130%;
	color: #990033;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/* --- メニューバー --- */
div.nav {
width: 179px; /* メニューの幅 */
font-size: 10pt;
}

/* --- メニューエリア --- */
div.nav ul.nl {
margin: 0;
padding: 0;
border-top: 1px #666699 dotted; /* 最上部の境界線 */
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
padding: 8px 5px; /* 項目のパディング（上下、左右） */
background-color: #ffffff; /* 項目の背景色 */
border-bottom: 1px #666699 dotted; /* 項目の下境界線 */
}

/* --- メニュー・リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 2px 10px; /* リンクエリアのパディング（上下、左右） */
border-left: 4px #ccccff solid; /* リンクエリアの左境界線 */
text-decoration: none; /* テキストの下線（なし） */
}

/* --- メニュー・ポイント時の設定 --- */
div.nav ul.nl li a:hover {
border-left-color: #e0e0e0; /* ポイント時の左境界線色 */
}

/* --- リストの左マージン --- */
dl.1ji dd {
margin-left: 1em;
}

/* ---インデントをマイナス1文字分(Chromeでは反映されず) --- */  
P.1ji {   
padding-left:1em;   
text-indent:-1em;
margin:0.5em 0px;   
}   

/* --- フット部分帯の設定 --- */
.foot {
font-size : 10pt;
line-height : 120%;
color:#ffffff;
background-color : #778899;
padding-top:6;
padding-bottom:6;
}

/* --- 看板写真配置 --- */
image.mawari1 {
border:1px #33cc99 solid;
margin:0px 5px;
}

image.mawari2 {
border:1px #ffcc99 solid;
margin:0px 5px;
}

/* --- 各ページタイトル線 --- */
div.kasen {
font-size: 11pt;
border-top:6px #e0e0e0 solid;
border-bottom:6px #e0e0e0 solid;
padding:2px;
margin-bottom:6px;
}


/* --- 講座今までエリア --- */
div.koza {
font-size: 10pt;
}

/* --- 講座今までリスト --- */
div.koza dl {
width: 98%; /* 講座表リストの幅 */
margin: 0;
border-top: 1px #c0c0c0 dotted; /* 講座表リストの上境界線 */
}

/* --- 講座今まで日付エリア --- */
div.koza dt {
width: 10em; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 10px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

/* --- 講座今まで本文エリア --- */
div.koza dd {
margin: 0;
padding: 7px 3px 6px 10em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 120%;
}

/* --- 講座今までclearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/* --- 第○回市民講座の枠と本文 --- */
div.dai-what {
border:2px darkseagreen solid; /* 枠罫線 */
font-size: 10pt;
line-height: 140%;
padding:20px;
}

/* --- 第○回市民講座のみだし --- */
P.dai-mi {
font-size:19pt;
color:#008040;
margin:5px 0px 15px 0px;
}

/* --- 第○回市民講座の囲みケイ --- */
P.dai-kakomi {
margin:20px 10px;
padding:15px;
background-color : #ffffcc;
border:1px darkseagreen solid;
}