﻿@charset "utf-8";
body {text-align:center; background-image:url('gazo/back.gif'); color:white;}
#wrap {width:800px; text-align:left;margin: 0 auto;}
#inner {margin-top:3px; height:auto;}
#mainWrap {width:545px; float:right; height:670px;}
#sideWrap {width:250px; float:left; height:670px;}
#header {height:80px; bgcolor="#f0fff0"; margin-top:3px; margin-bottom:3px;}
#footer {height:30px; bgcolor="#f0fff0"; margin-top:3px; margin-bottom:3px; text-align:right;}
.clear { clear:both; }
.clear hr { display:none; }
#headl{float:left;}
#headr{float:right; text-align:right;}

.banner01 {border:0px; margin-top:1px;}

#linkwaku02 {margin-bottom:2px; height:30px; width:250px; background-color:white; background-image:url('gazo/banner14off.gif');text-align:center;}
#linkwaku02:hover {margin-bottom:2px; height:30px; width:250px; background-color:white; background-image:url('gazo/banner14.gif');text-align:center;}
.banner02 {font-size:22px;color:#f066a0;}
.banner02:hover{font-size:22px; color:red;}

#linkwaku03 {margin-bottom:2px; height:30px; width:250px; background-color:white; background-image:url('gazo/banner17off.gif');text-align:center;}
#linkwaku03:hover {margin-bottom:2px; height:30px; width:250px; background-color:white; background-image:url('gazo/banner17.gif');text-align:center;}
.banner03 {font-size:22px;color:#9999ff;}
.banner03:hover{font-size:22px; color:blue;}

#linkwaku04 {margin-bottom:2px; height:30px; width:250px; background-color:white; background-image:url('gazo/banner12off.gif');text-align:center;}
#linkwaku04:hover {margin-bottom:2px; height:30px; width:250px; background-color:white; background-image:url('gazo/banner12.gif');text-align:center;}
.banner04 {font-size:22px;color:#99cc99;}
.banner04:hover{font-size:22px; color:green;}

.bright {color:#ffffff;}
.dark {color:#999999;}
.dark2 {color:#aaaaee;}

#subtitle{height:28px; width:500px; background-color:white; background-image:url('gazo/banner02.gif');}
font.st{ color:#66aa99; font-size:24px; margin-left:15px;}

#subtitle2{height:22px; width:480px; background-color:white; background-image:url('gazo/banner01.gif');}
font.st2{ color:#f09900; font-size:20px; margin-left:15px;}

#subtitle3{height:22px; width:480px; background-color:#F08080;}
font.st3{ color:#FFE4E1; font-size:20px; margin-left:15px;}

#new{height:60px; overflow:auto;}

table{border-collapse: collapse; margin-left:20px;margin-top:8px;}
table th{text-align:center; border: 1px solid #b9b9b9;width:60px; background-color:#ccf0cc;color:#333333;}
table td{text-align:center; border: 1px solid #b9b9b9; background-color:#fafafa;color:#333333;}
.th01{width:30px;}
.naiyou{width:250px;}
.nakami{text-align:left;}

#sub{margin-left:20px;margin-top:5px;height:600px;overflow:auto;}

.jikan{padding:3px; background-color:#ffefd5; color:#8b4513;}
.kadai{border:2px dotted; border-color:#ee82ee;padding:3px;margin:5px;}
.button {
	padding:3px;
	border: 1px solid #15aeec;
	background-color: #49c0f0;
	background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
	background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
	border-radius: 25px;
	color: #fff;
	line-height: 50px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.button:hover {
	border:1px solid #1090c3;
	background-color: #1ab0ec;
	background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
}
.button:active {
	background: #1a92c2;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #1679a1;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}

.haba01{width:350px;text-align:left;}
.haba02{width:120px;}
.haba03{width:480px;}

.syosai{background-color:#d2e0f7;}

a{color:#e0e0ff;}