/* ----- CSS Document ----- */
/* ----- Last Updated : August 15, 2006 ----- */
*{	margin:0px;	padding:0px;	font:normal 100%/160% "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", Arial, "Trebuchet MS", Verdana, sans-serif;	color: #333300;	border: 0px;}
body{	font-size: small;	line-height: normal}
#header {	margin:10px auto 0px;	text-align:right;	width:804px;}
#top {	margin:0px auto;	text-align:center;	width:804px;	background: url(images/contents_bg.gif) repeat-y;}

a {	font-weight: normal;	color: #0099FF;	text-decoration: underline;}
a:hover {	font-weight: bold;	color: #0099FF;	text-decoration: underline;}

.space10 {	margin: 0px;	height: 10px;}
.space20 {	margin: 0px;	height: 20px;}
.spacem5 {	margin: 5px 0px 0px 0px;}
.spacem10 {	margin: 10px 0px 0px 0px;}
.spacem20 {	margin: 20px 0px 0px 0px;}

.menuleft {	background: url(images/imenu_left.gif) no-repeat;}
.menuright {	background: url(images/imenu_right.gif) no-repeat;}
.menuunder {	background: url(images/im_under_bk.gif) no-repeat;}

/* contents header */
#cheader {	margin:0px auto; padding:0px 22px 0px 22px;	width:760px;	background: url(images/contents_bg.gif) repeat-y;}
#cheader .home a { font-weight: normal;	color: #333333;	text-decoration: none;	padding: 0px 0px 5px 18px;	background: url(images/arrow.gif) no-repeat;	height:30px;}
#cheader .home a:hover { font-weight: normal; color: #666666;	text-decoration: none;	padding:0px 0px 5px 18px;	background: url(images/arrow.gif) no-repeat;	height:30px;}


#page {	margin:0px auto 0px;	padding:20px 22px 0px 22px;	width:760px;	background: url(images/contents_bg.gif) repeat-y;clear: both;}
.menu {	background: url(images/menu_bg.gif) no-repeat; text-align: center;}

/* footer */
.ptop a { font-weight: normal;	color: #333333;	text-decoration: none;	padding: 0px 0px 0px 18px;	background: url(images/arrow_pt.gif) no-repeat;	height:30px;}
.ptop a:hover { font-weight: normal; color: #666666;	text-decoration: none;	padding:0px 0px 0px 18px;	background: url(images/arrow_pt.gif) no-repeat;	height:30px;}
#footer {	margin:0px auto 0px; padding:5px 0px 0px 0px;	width:804px;	position: relative;	clear: both; background: url(images/contents_bg.gif) repeat-y;}
#footer .menufooter {	margin:5px 0px 0px 0px; padding:0px 0px 5px 0px; background: url(images/footer_bg.gif) no-repeat;	text-align: center;	font-size: small;	line-height: 20px;}
#footer a {	font-size: x-small;	font-weight: bold;	color: #333333;	text-decoration: none;}
#footer a:hover {	font-size: small;	color: #333333;	text-decoration: none;}
.fspace {	margin:0px auto 10px;}

.tableborder {	border: 1px solid #666600;}
.c1 {	background:#E0E0D1;	padding: 3px;	font-weight: bold;}
.c2 {	padding: 3px;}
.c3 {	padding: 3px; background:#f4f4ed;}
input {	border-top: 1px solid #999966;	border-right: 1px solid #e0e0d1;	border-bottom: 1px solid #e0e0d1;	border-left: 1px solid #999966;}
select {	border-top: 1px solid #999966;	border-right: 1px solid #e0e0d1;	border-bottom: 1px solid #e0e0d1;	border-left: 1px solid #999966;}
li {	list-style: decimal inside;}

div.fukidashi {	font-weight: normal;	font-size: small;	background-color: #E0E0E0;	border-top: 1px solid #F0F0F0;	border-left: 1px solid #F0F0F0;	border-right: 1px solid #A0A0A0;	border-bottom: 1px solid #A0A0A0;	padding: 10px;	width: 380px;	height: 20px;	text-align: center;	position: absolute;	left: -1000px;	top: -1000px;}

.data { padding:15px 0px 15px 0px;}
.knowledge { padding:15px; background-color:#ECECE3;}
ul#kmenu{ list-style:none; width:35px;}
ul#kmenu li{ list-style:none; float:left; width:35px;}
ul#kmenu a{ display:block; width:35px; height:35px; text-indent:-100px; overflow:hidden;}
a.aa{ background-image:url(data/images/k_a.gif);}
a:hover.aa{ background-image:url(data/images/k_a_over.gif);}
a.ka{ background-image:url(data/images/k_ka.gif);}
a:hover.ka{ background-image:url(data/images/k_ka_over.gif);}
a.sa{ background-image:url(data/images/k_sa.gif);}
a:hover.sa{ background-image:url(data/images/k_sa_over.gif);}
a.ta{ background-image:url(data/images/k_ta.gif);}
a:hover.ta{ background-image:url(data/images/k_ta_over.gif);}
a.na{ background-image:url(data/images/k_na.gif);}
a:hover.na{ background-image:url(data/images/k_na_over.gif);}
a.ha{ background-image:url(data/images/k_ha.gif);}
a:hover.ha{ background-image:url(data/images/k_ha_over.gif);}
a.ma{ background-image:url(data/images/k_ma.gif);}
a:hover.ma{ background-image:url(data/images/k_ma_over.gif);}
a.ya{ background-image:url(data/images/k_ya.gif);}
a:hover.ya{ background-image:url(data/images/k_ya_over.gif);}
a.ra{ background-image:url(data/images/k_ra.gif);}
a:hover.ra{ background-image:url(data/images/k_ra_over.gif);}
a.wa{ background-image:url(data/images/k_wa.gif);}
a:hover.wa{ background-image:url(data/images/k_wa_over.gif);}

.books {	margin:0px 5px 5px 0px; float:left; border:1px solid #666600;}
.tove {	margin:5px 0px 0px 5px; float:right; border:1px solid #666600;}
.chara1 {	background:url(data/images/chara_line1.gif) repeat-y;}
.chara_window {	margin:20px 20px 20px 20px;}
.chara2 { padding:5px; background-color:#ECECE3;}

/* text */
h1 {	font-size: medium;	font-weight: bold;	padding-top: 10px;	padding-bottom: 10px;}
h2 {	padding:0px 0px 0px 5px; font-size: small;	font-weight: bold;	border-left: 4px solid #666600;}
h3 {	font-size: small;	font-weight: bold;}
.t1 {	background: #E0E0D1;	padding: 5px;}
.t2 {	background: #E0E0D1;	padding: 5px; font-weight: bold;}
.line {	padding:3px 0px 3px 0px; border-top: 1px dotted #666600;	border-bottom: 1px dotted #666600; display:block;}
.line2 {	padding:3px 0px 3px 0px;	border-bottom: 1px dotted #666600;}
.strong {	padding:3px 0px 3px 0px; font-weight: bold;}
.err01 {	background: #CC0000;	padding: 3px;	color: #FFFFFF; font-weight: bold;}
.err02 {	color: #CC0000; font-weight: bold;}
.mpicture {	margin:10px 10px 0px 0px;}
.small {	font-size: x-small;}
.iconflower { background: url(images/icon_flower.gif) no-repeat; padding: 17px 0px 17px 35px; }
.iconflower2 { background: url(images/icon_flower2.gif) no-repeat; padding: 0px 0px 0px 28px; margin:0px;	height:35px;	line-height:35px;	display: block;}
.iconflower3 { background: url(images/icon_flower3.gif) no-repeat; padding: 0px 0px 0px 50px; margin:0px;	height:37px;	line-height:37px;	display: block;}
.iconflower4 { background: url(images/icon_flower4.gif) no-repeat; padding: 0px 0px 0px 30px; margin:0px;	height:26px;	line-height:26px;}
.iconpen { background: url(images/icon_pen.gif) no-repeat; padding: 0px 0px 0px 15px; margin:0px; line-height:29px;}
.line3 { background: url(data/images/chara_line3.gif) repeat-x; padding: 10px 0px 0px 0px; margin: 10px 0px 0px 0px;}
.iconmoomin {	background: url(images/icon_moomin.gif) no-repeat;	padding: 0px 0px 0px 40px;	margin:0px;	height:50px;	line-height:50px;	display: block;}
.iconmoomin a {	line-height:50px;}
.iconmi {	background: url(images/icon_mi.gif) no-repeat;	padding: 0px 0px 0px 35px;	margin:0px;	height:40px;	line-height:40px;	display: block;}
.iconmi a {	line-height:40px;}
.iconjam {	background: url(images/icon_jam.gif) no-repeat;	padding: 0px 0px 0px 27px;	margin:0px 0px 2px 0px;	height:27px;	line-height:27px;	display: block;}
.iconjam a {	line-height:27px;}
.iconbag {	background: url(images/icon_bag.gif) no-repeat;	padding: 0px 0px 0px 24px;	margin:0px;	height:30px;	line-height:30px;}
.iconbag a {	line-height:30px;}

.lblue { color:#20B7FF; }
.lpink { color:#F59BAA; }
.violet { color:#27286C; }
.red { color:#C6171E; }
.green { color:#00522F; }
.orange { color:#FD6601; }
.purple { color:#A656A7; }
.brown { color:#81511C; }
.lgreen { color:#669900; }
.magenta { color:#C70080; }
.pink { color:#E14F67; }
.blue { color:#598ABD; }
.yellow { color:#FF9900; }
.gray { color:#949494; }

#overDiv .table border {
	border: 5px solid #666600;
}