/*　栃木県幼児教育センター　コンテンツページのスタイルシート　*/

/*　全体　*/

body {
	font-size: 90%;
	line-height: 1.5em;
	width: 760px;
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.content {
	width: 730px;
	text-align: left;
	background-color: #ffffff;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.content2 {
	width: 760px;
	text-align: left;
	background-color: #ffffff;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.content_left {
	width: 500px;
	float: left;
}

.content_right {
	width: 200px;
	float: right;
}

/*　フォントサイズ　*/
.xxs {
	font-size: 60%;
}

/*　太字　*/
.bold {
	font-weight: bold;
}

/*　フォントカラー　*/
.fc-g {
	color: #666666;
}
.fc-w {
	color: #ffffff;
}

/*　背景色　*/
.bg-y {
	background-color: #ffffbf;
	padding: 5px;
}
.bg-p {
	background-color: #ffe8ee;
	padding: 5px;
}
.bg-b {
	background-color: #cde6ff;
	padding: 5px;
}
.bg-o {
	background-color: #ffddbb;
	padding: 5px;
}
.bg-neko {
	background-image: url(img_kihon/neko.gif);
	background-repeat: no-repeat;
}

.bg-center_dayori {
	background-image: url(img_kihon/center_dayori.gif);
	background-repeat: no-repeat;
}

.bg-copyright {
	background-image: url(img_kihon/foot.jpg);
	background-repeat: no-repeat;
}

.bg-pankuzu {
	background-image: url(img_kihon/pankuzu.jpg);
	background-repeat: no-repeat;
}

/*　強調　*/
.em {
	font-weight: bold;
	color: #CC3333;
}

/*　見出し　*/
h2 {
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	text-align: left;
	font-size: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #666666;
}

h2.youho {
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	text-align: left;
	font-size: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 3px double #FFAD5B;
	color: #666666;
}

h2.kensyu {
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	text-align: left;
	font-size: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 3px double #FFFF42;
	color: #666666;
}

h2.cyosa {
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	text-align: left;
	font-size: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 3px double #80BFFF;
	color: #666666;
}

h2.katei {
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	text-align: left;
	font-size: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 3px double #FFBFFF;
	color: #666666;
}

/*　インデント　*/
.indent1{
	text-align: left;
	padding-right: 2em;
	padding-left: 2em;
}
.indent2{
	text-align: left;
	padding-right: 3em;
	padding-left: 3em;
	line-height: 1.5em;

}

/*　インデント　*/
.margin1ems{
	margin-left: 1em;
}

.margin2ems{
	margin-left: 2em;
}

.margin3ems{
	margin-left: 3em;
}

.margin4ems{
	margin-left: 4em;
}

/*　水平線カラー　*/
.hr-g {
	color: #719428;
}

/*　段落　*/
p {
	font-size: 90%;
}

/*　表　*/
table {
	border-collapse: collapse;
}

td {
	line-height: 150%;
	padding: 3px;
	font-size: 80%;
}

/*　セルの色　*/
.td-g1 {
	BACKGROUND-COLOR: #eeeeee
}

.td-g2 {
	BACKGROUND-COLOR: #e7e7e7
}

.td-gr1 {
	BACKGROUND-COLOR: #669900
}

.td-gr2 {
	BACKGROUND-COLOR: #C7F2A4
}

.td-or1 {
	BACKGROUND-COLOR: #FFAD5B
}

.td-or2 {
	BACKGROUND-COLOR: #FFDDBB
}

.td-bu1 {
	BACKGROUND-COLOR: #80BFFF
}

.td-bu2 {
	BACKGROUND-COLOR: #CDE6FF
}

.td-ye1 {
	BACKGROUND-COLOR: #FFFF42
}

.td-ye2 {
	BACKGROUND-COLOR: #FFFFBF
}

.td-pi1 {
	BACKGROUND-COLOR: #FFBFFF
}

.td-pi2 {
	BACKGROUND-COLOR: #FFE8FF
}

/*　リンクカラーの設定　*/
a:link {
	color: #333333;
	text-decoration: underline; 
}
a:visited {
	color: #666666;
	text-decoration: underline; 
}
a:hover {
	color: #cc3333;
}
a:active {
	color: #333333;
	text-decoration: none; 
}

/*　更新履歴　リンクカラーの設定　*/
.new a:link {
	color: #336600;
	text-decoration: underline; 
}
.new a:visited {
	color: #669900;
	text-decoration: underline; 
}
.new a:hover {
	color: #cc3333;
}
.new a:active {
	color: #336600;
	text-decoration: none; 
}

/*　リスト　*/
ul {
	PADDING: 0em 0em 0em 1em;
	MARGIN: 0em;
	TEXT-ALIGN: left;
	font-size: 90%;
	line-height: 2em;
}

li.sub {
	list-style-image: url(img_kihon/li-gr02.gif);
	text-indent: 1.5em;
}

li.maru {
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 2em;
	list-style-image: url(img_kihon/li-white.gif);
}

li.outside {
	list-style-position: outside;
}

li.sub-2 {
	list-style-image: url(img_kihon/li-white.gif);
	list-style-type: square;
	text-indent: 2.5em;
}

ul.youho {
	PADDING: 0em 0em 0em 1em;
	MARGIN: 0em;
	TEXT-ALIGN: left;
	list-style-type: none;
	list-style-image: url(img_kihon/li-org01.gif);
	font-size: 90%;
	line-height: 2em;
}
li.sub-youho {
	list-style-image: url(img_kihon/li-org02.gif);
	text-indent: 1.5em;
}

ul.kensyu {
	PADDING: 0em 0em 0em 1em;
	MARGIN: 0em;
	TEXT-ALIGN: left;
	list-style-type: square;
	list-style-image: url(img_kihon/li-yrw01.gif); 
	font-size: 90%;
	line-height: 2em;
}
li.sub-kensyu {
	list-style-image: url(img_kihon/li-yrw02.gif);
	text-indent: 1.5em;
}

ul.cyosa {
	PADDING: 0em 0em 0em 1em;
	MARGIN: 0em;
	TEXT-ALIGN: left;
	list-style-type: square;
	list-style-image: url(img_kihon/li-bl01.gif); 
	font-size: 90%;
	line-height: 2em;
}
li.sub-cyosa {
	list-style-image: url(img_kihon/li-bl02.gif);
	text-indent: 1.5em;
}

ul.katei {
	PADDING: 0em 0em 0em 1em;
	MARGIN: 0em;
	TEXT-ALIGN: left;
	list-style-type: square;
	list-style-image: url(img_kihon/li-pink01.gif); 
	font-size: 90%;
	line-height: 2em;
}
li.sub-katei {
	list-style-image: url(img_kihon/li-pink02.gif);
	text-indent: 1.5em;
}
/*　部分段落　*/
.sect600 {
	margin-right: 1em;
	margin-left: 1em;
	width: 600px;
	text-align: left;
}

.clear {
	clear: both;
}

/*フッターpage-top*/

#page-top {
    position: fixed;
    bottom: 20px;
    right: 0px;
    font-size: 77%;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	background-color: #090;
}
#page-top a:hover {
	text-decoration: none;
	background-color: #95EB8D;
}
