/*　栃木県総合教育センター　トップページのスタイルシート　*/

/*　全体　*/
body {
	font-size: 90%;
	line-height: 150%;
	margin: 2px auto;
	text-align: left;
}
.head {
	border-collapse: collapse;
	width: 850px;
	background-color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;

}
h3.menu {
	border-collapse: collapse;
	padding: 0.2em;
	margin-right: 1em;
	margin-left: 1em;
	color: #FFFFFF;
	list-style-type: none;
	font-size: 0.9em;
	margin-top: 10pt;
	margin-bottom: 3pt;
	background-color: #339900;
	border: 2px solid #006600;
	letter-spacing: 0.5em;
	font-family: "ＭＳ Ｐゴシック", Osaka;
}

/*　h3の設定　*/
h3.menu a:link {
	color: #FFFFCC;
	padding: 2px;
	text-decoration: underline; 
}
h3.menu a:visited {
	color: #FFFFFF;
	padding: 2px;
	text-decoration: underline; 
}
h3.menu a:hover {
	color: #FFFF66;
	padding: 2px;
}
h3.menu a:active {
	color: #FFFFCC;
	padding: 2px;
	text-decoration: none; 
}

h3.sidemenu {
	border-collapse: collapse;
	padding: 0.2em;
	margin-right: 0em;
	margin-left: 0em;
	color: #FFFFFF;
	list-style-type: none;
	font-size: 0.85em;
	margin-top: 10pt;
	margin-bottom: 3pt;
	background-color: #339933;
	border: 2px solid #006600;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	letter-spacing: 0.1em;
}

/*　h3.sidemenuの設定　*/
h3.sidemenu a:link {
	color: #FFFFCC;
	padding: 2px;
	text-decoration: underline; 
}
h3.sidemenu a:visited {
	color: #FFFFFF;
	padding: 2px;
	text-decoration: underline; 
}
h3.sidemenu a:hover {
	color: #FFFF66;
	padding: 2px;
}
h3.sidemenu a:active {
	color: #FFFFCC;
	padding: 2px;
	text-decoration: none; 
}

h4.menu {
	border-collapse: collapse;
	padding: 0.1em 0em;
	margin-right: 1.5em;
	margin-left: 1.5em;
	color: #006600;
	list-style-image: url(img-top/li-06.gif);
	list-style-type: disc;
	font-size: 0.9em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	border-top: 2px solid #006600;
	border-right: none;
	border-bottom: 2px solid #006600;
	border-left: none;
	letter-spacing: 0.1em;
}
.foot {
	border-collapse: collapse;
	width: 850px;
	background-color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.content {
	width: 850px;
	text-align: left;
	background-color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.rireki_content {
	width: 360px;
	text-align: left;
	background-color: #ffffff;
	margin-right: auto;
	margin-left: auto;

}

.copyright{
	text-align: right;
}
iframe {
	border-top: 0px solid #979797;
	border-right: 1px solid #979797;
	border-bottom: 1px solid #979797;
	border-left: 1px solid #979797;
}


/*　表　*/
table {
	border-collapse: collapse;
}
th#fontsize {
	font-size: 80%;
}
.th-wide {
	letter-spacing: 0.5em;
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "HG創英角ﾎﾟｯﾌﾟ体";
	color: #003300;


}
.th-menu {
	background-color: #eeeeee;
	background-image: url(img-top/bg-1.gif);
	background-repeat: repeat-y;
	background-position: left;
	text-align: left;
	text-indent: 2em;
	vertical-align: middle;
	height: 24px;
	font-family: "HG創英角ﾎﾟｯﾌﾟ体";
	font-size: 80%;
	font-weight: lighter;
}
td#font80 {
	font-size: 80%;
	line-height: 150%;
}

td#height150 {
	line-height: 150%;
}

.font12px {
	font-size: 12px;
	line-height: 20px;
}

td.space {
	padding: 3px;

}
td.space05em {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-right: 0.2em;
	padding-left: 0.2em;

}
td.iframe-space {
	margin: 1px;

}

td.banner_text {
	padding: 0.5em;
	font-size: 0.7em;
	color: #333333;

}

.tdborder {
	border-top: 1px ridge #ecf6d8;
	border-right: 1px ridge #93c278;
	border-bottom: 1px ridge #93c278;
	border-left: 1px ridge #ecf6d8;

}

/*　セルの色　*/
.td1 {
	BACKGROUND-COLOR: #eeeeee
}
.td2 {
	BACKGROUND-COLOR: #ecf6d8
}
.td3 {
	BACKGROUND-COLOR: #cbe4a0
}
.td4 {
	BACKGROUND-COLOR: #93C278
}
.td5 {
	BACKGROUND-COLOR: #c9d9cb
}
.td6 {
	BACKGROUND-COLOR: #c8c8c8
}
.td7 {
	BACKGROUND-COLOR: #979797
}
.td8 {
	BACKGROUND-COLOR: #FFCC66
}
.td9 {
	BACKGROUND-COLOR: #FFF2D2
}
.td_toppage {
	BACKGROUND-COLOR: #ecf6d8;
	margin: 0px;
	padding: 0px;

}
.td-white {
	BACKGROUND-COLOR: #FFFFFF
}

/*　キャプション　*/
.cap-s {
	font-size: 80%;
	line-height: 2em;
}

/*　リスト　*/
ul {
	PADDING: 0.3em 0em 0em 1.5em;
	MARGIN: 0em;
	TEXT-ALIGN: left;
	type: square;
	list-style-type: square;
}

.li-top {
	COLOR: #444444;
	padding: 0px;
	list-style-image: url(img-top/li-07.gif);
	margin-left: 1em;
	list-style-type: square;


}
.li-menu {
	COLOR: #444444;
	padding: 0px;
	list-style-image: url(img-top/li-00.gif);
	list-style-type: square;
	margin: 0.2em 0.2em 0.2em 1em;


}
.li-menu2 {
	COLOR: #444444;
	padding: 0px;
	list-style-image: url(img-top/li-03.gif);
	list-style-type: square;
	font-size: 0.9em;
	margin: 0.2em 0.2em 0.2em 1.5em;


}
.li-menu3 {
	COLOR: #444444;
	padding: 0px;
	list-style-type: circle;
	font-size: 0.9em;
	margin: 0.2em 0.2em 0.2em 2em;


}

.li-sidemenu {
	COLOR: #444444;
	padding: 0px;
	list-style-type: square;
	font-size: 0.85em;
	margin: 0em;
	list-style-image: url(img-top/li-00.gif);


}
.li-rireki {
	COLOR: #444444;
	padding: 0px;
	list-style-image: url(img-top/li-07.gif);
	list-style-type: circle;
	margin: 0em;
	list-style-position: outside;
	font-size: 0.9em;


}

ul.150 {

	PADDING: 0em 0em 0em 1.5em;
	MARGIN: 0em;
	TEXT-ALIGN: left;
	list-style-type: square;
}
ul.50 {

	PADDING: 0em 0em 0em 0.5em;
	MARGIN: 0em;
	TEXT-ALIGN: left;
	list-style-type: square;
}

/*　文字色　*/
.white {
	color: #FFFFFF;
}

/*　バナー　*/
img.banner{
	margin: 1px;

}
img.link {
	margin: 1px;
}

/*　ヘッダ　リンクカラーの設定　*/
.head a:link {
	color: #333333;
	padding: 2px;
	text-decoration: none; 
}
.head a:visited {
	color: #666666;
	padding: 2px;
	text-decoration: none; 
}
.head a:hover {
	color: #cc3333;
	padding: 2px;
	text-decoration: underline; 
}

/*　リンクカラーの設定　*/
a:link {
	color: #333333;
	padding: 2px;
	text-decoration: underline; 
}
a:visited {
	color: #666666;
	padding: 2px;
	text-decoration: underline; 
}
a:hover {
	color: #cc3333;
	padding: 2px;
}
a:active {
	color: #333333;
	padding: 2px;
	text-decoration: none; 
}

/*　画像　リンク透明度の設定　2011,2,17追加　*/

.link a:hover img{
    filter:alpha(opacity=50);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=50)"; /* IE8用 */
    opacity: 0.5 ; /* Opera, Safari用 */
    -khtml-opacity: 0.5 ;  /* Safari , 他ブラウザ用  */
    -moz-opacity: 0.5 ; /* Firefox , Netscape用 */
}

/*　メニュー　リンクカラーの設定　*/
.th-menu a:link {
	color: #333333;
	padding: 2px;
	text-decoration: none; 
}
.th-menu a:visited {
	color: #666666;
	padding: 2px;
	text-decoration: none; 
}
.th-menu a:hover {
	color: #cc3333;
	padding: 2px;
	text-decoration: underline; 
}

/*　フォントサイズ　*/
.xxs {
	font-size: 60%;
}
.fontsize-10p {
	font-size: 10px;
}

/*　レイアウト　*/
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.no-display {
	display: none;
}

/*　強調　*/
.em {
	font-weight: bold;
	color: #CC3333;
}
em {
	font-weight: bold;
	color: #CC3333;
}