/*___________________________RESET___________________________*/

* {margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6,strong {
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
ul, ol {
	list-style:none;
}
img, table {border:none;}
table { border-collapse: collapse; border-spacing: 0; }



/*___________________________COMMON___________________________*/

body {
	color: #333333;
	font: 87.5% "メイリオ", "ヒラギノ角ゴ Pro W3",  "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	background: #FFFFFF;
}
p {
	line-height:1.8;
}
img {
	vertical-align: bottom;
}
a {
	color: #3300CC;
}
a:hover {
	text-decoration: underline;
	color: #999999;
}
a img {
	border: 1px solid #CCCCCC;
}
a:hover img {
	border: 1px solid #0000CC;
}
em {
	color: #006699;
	font-style: normal;
}
.note {
	color: #CC0066;
}
noscript {
	font-size: 112.5%;
	color: #FF0000;
}
.tl {
	text-align: left;
}
.tc {
	text-align: center;
}
.clear { clear: both;
}
.link_external {
	background: url(../images/link_external.png) no-repeat right center;
	padding-right: 12px;
	margin-right: 3px;
}

.size80 {
	font-size: 80%;
}
.size90 {
	font-size: 90%;
}
.bold {
	font-weight: bold;
}
.indent1 { padding-left:1em; text-indent: -1em}
.indent2 { padding-left:2em; text-indent: -2em}
.indent3 { padding-left:3em; text-indent: -3em}
.indent4 { padding-left:4em; text-indent: -4em}
.indent5 { padding-left:5em; text-indent: -5em}
.indent6 { padding-left:6em; text-indent: -6em}
.indent7 { padding-left:7em; text-indent: -7em}



/*___________________________LAYOUT___________________________*/

#wrapper {
	width: 850px;
	background: url(../images/shadow.gif) repeat-y;
	margin: 10px auto 20px;
	padding-right: 10px;
	padding-left: 10px;
}


/*___________________________HEADER___________________________*/

#header {
	border-top: 1px solid #999999;
	height: 80px;
	border-bottom: 1px solid #999999;
	position: relative;
}
#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 80px;
	width: 229px;
	overflow: hidden;
}
#logo a {
	display: block;
	width: 100%;
	height: 0px !important;
	height/**/:80px;
	padding-top: 80px;
	background: url(../images/logo.gif);
}
#helpnav {
	font-size: 80%;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}
#helpnav li {
	display: inline;
	margin-right: 10px;
}
#helpnav li a {
	background: url(../images/list_pink.gif) no-repeat left center;
	padding-left: 11px;
	text-decoration: none;
	color: #333333;
}
#helpnav li a:hover {
	text-decoration: underline;
	color: #C0C0C0;
}


/*___________________________NAVIGATION___________________________*/

#globalnav {
	width:640px;
	height: 30px;
	position: absolute;
	top: 50px;
	right: 0px;	
}
#globalnav li {
	float: left;
	width: 80px;
	height:30px;
	overflow:hidden;
}
#globalnav li a {
	display: block;
	width: 80px;
	height: 0px !important;
	height/**/:30px;
	padding-top: 30px;
	background: url(../images/nav_global.gif);
}
#worknav, #schoolnav, #educationnav, #howtonav {
	border-top : 1px solid #999999;
	border-bottom : 1px solid #999999;
	border-left : 1px solid #999999;
	position: absolute;
	top: 30px;
	right: 0px;
	margin-right: 0px;
}

#worknav {width: 560px;}
#schoolnav {width: 400px;}
#educationnav {width: 240px;}
#howtonav {width: 560px;}

#worknav li, #schoolnav li, #educationnav li, #howtonav li {
    float: left;
	width: 80px;
	height:25px;
	overflow:hidden;}

#worknav li a, #schoolnav li a, #educationnav li a, #howtonav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0px !important;
	height/**/:25px;
	padding-top: 25px;
}
#worknav li a {background: url(../images/nav_work.gif);}	
#schoolnav li a {background: url(../images/nav_school.gif);}
#educationnav li a {background: url(../images/nav_education.gif);}
#howtonav li a {background: url(../images/nav_howto.gif);}

/*GLOVALNAV*/

/*BUTTON*/
#globalnav .item1 a {background-position:    0px 0px;}
#globalnav .item2 a {background-position:  -80px 0px;}
#globalnav .item3 a {background-position: -160px 0px;}
#globalnav .item4 a {background-position: -240px 0px;}
#globalnav .item5 a {background-position: -320px 0px;}
#globalnav .item6 a {background-position: -400px 0px;}
#globalnav .item7 a {background-position: -480px 0px;}
#globalnav .item8 a {background-position: -560px 0px;}

/*OVER STATES*/
#globalnav .item1 a:hover {background-position:    0px -30px;}
#globalnav .item2 a:hover {background-position:  -80px -30px;}
#globalnav .item3 a:hover {background-position: -160px -30px;}
#globalnav .item4 a:hover {background-position: -240px -30px;}
#globalnav .item5 a:hover {background-position: -320px -30px;}
#globalnav .item6 a:hover {background-position: -400px -30px;}
#globalnav .item7 a:hover {background-position: -480px -30px;}
#globalnav .item8 a:hover {background-position: -560px -30px;}

/*ON STATES*/
#globalnav .item1 a.on {background-position:    0px -60px;}
#globalnav .item2 a.on {background-position:  -80px -60px;}
#globalnav .item3 a.on {background-position: -160px -60px;}
#globalnav .item4 a.on {background-position: -240px -60px;}
#globalnav .item5 a.on {background-position: -320px -60px;}
#globalnav .item6 a.on {background-position: -400px -60px;}
#globalnav .item7 a.on {background-position: -480px -60px;}
#globalnav .item8 a.on {background-position: -560px -60px;}


/*WORKNAV*/
	/*BUTTON*/
	#worknav .item1 a {background-position:    0px 0px;}
	#worknav .item2 a {background-position:  -80px 0px;}
	#worknav .item3 a {background-position: -160px 0px;}
	#worknav .item4 a {background-position: -240px 0px;}
	#worknav .item5 a {background-position: -320px 0px;}
	#worknav .item6 a {background-position: -400px 0px;}
	#worknav .item7 a {background-position: -480px 0px;}
	
	/*OVER STATES*/
	#worknav .item1 a:hover {background-position:    0px -25px;}
	#worknav .item2 a:hover {background-position:  -80px -25px;}
	#worknav .item3 a:hover {background-position: -160px -25px;}
	#worknav .item4 a:hover {background-position: -240px -25px;}
	#worknav .item5 a:hover {background-position: -320px -25px;}
	#worknav .item6 a:hover {background-position: -400px -25px;}
	#worknav .item7 a:hover {background-position: -480px -25px;}
	
	/*ON STATES*/
	#worknav .item1 a.on {background-position:    0px -50px;}
	#worknav .item2 a.on {background-position:  -80px -50px;}
	#worknav .item3 a.on {background-position: -160px -50px;}
	#worknav .item4 a.on {background-position: -240px -50px;}
	#worknav .item5 a.on {background-position: -320px -50px;}
	#worknav .item6 a.on {background-position: -400px -50px;}
	#worknav .item7 a.on {background-position: -480px -50px;}


/*SCHOOLNAV*/
	/*BUTTON*/
	#schoolnav .item1 a {background-position:    0px 0px;}
	#schoolnav .item2 a {background-position:  -80px 0px;}
	#schoolnav .item3 a {background-position: -160px 0px;}
	#schoolnav .item4 a {background-position: -240px 0px;}
	#schoolnav .item5 a {background-position: -320px 0px;}
	
	/*OVER STATES*/
	#schoolnav .item1 a:hover {background-position:    0px -25px;}
	#schoolnav .item2 a:hover {background-position:  -80px -25px;}
	#schoolnav .item3 a:hover {background-position: -160px -25px;}
	#schoolnav .item4 a:hover {background-position: -240px -25px;}
	#schoolnav .item5 a:hover {background-position: -320px -25px;}
	/*ON STATES*/
	#schoolnav .item1 a.on {background-position:    0px -50px;}
	#schoolnav .item2 a.on {background-position:  -80px -50px;}
	#schoolnav .item3 a.on {background-position: -160px -50px;}
	#schoolnav .item4 a.on {background-position: -240px -50px;}
	#schoolnav .item5 a.on {background-position: -320px -50px;}


/*EDUCATIONNAV*/
	/*BUTTON*/
	#educationnav .item1 a {background-position:    0px 0px;}
	#educationnav .item2 a {background-position:  -80px 0px;}
	#educationnav .item3 a {background-position: -160px 0px;}
	
	/*OVER STATES*/
	#educationnav .item1 a:hover {background-position:    0px -25px;}
	#educationnav .item2 a:hover {background-position:  -80px -25px;}
	#educationnav .item3 a:hover {background-position: -160px -25px;}
	
	/*ON STATES*/
	#educationnav .item1 a.on {background-position:    0px -50px;}
	#educationnav .item2 a.on {background-position:  -80px -50px;}
	#educationnav .item3 a.on {background-position: -160px -50px;}


/*HOWTONAV*/
	/*BUTTON*/
	#howtonav .item1 a {background-position:    0px 0px;}
	#howtonav .item2 a {background-position:  -80px 0px;}
	#howtonav .item3 a {background-position: -160px 0px;}
	#howtonav .item4 a {background-position: -240px 0px;}
	#howtonav .item5 a {background-position: -320px 0px;}
	#howtonav .item6 a {background-position: -400px 0px;}
	#howtonav .item7 a {background-position: -480px 0px;}
	
	/*OVER STATES*/
	#howtonav .item1 a:hover {background-position:    0px -25px;}
	#howtonav .item2 a:hover {background-position:  -80px -25px;}
	#howtonav .item3 a:hover {background-position: -160px -25px;}
	#howtonav .item4 a:hover {background-position: -240px -25px;}
	#howtonav .item5 a:hover {background-position: -320px -25px;}
	#howtonav .item6 a:hover {background-position: -400px -25px;}
	#howtonav .item7 a:hover {background-position: -480px -25px;}
	
	/*ON STATES*/
	#howtonav .item1 a.on {background-position:    0px -50px;}
	#howtonav .item2 a.on {background-position:  -80px -50px;}
	#howtonav .item3 a.on {background-position: -160px -50px;}
	#howtonav .item4 a.on {background-position: -240px -50px;}
	#howtonav .item5 a.on {background-position: -320px -50px;}
	#howtonav .item6 a.on {background-position: -400px -50px;}
	#howtonav .item7 a.on {background-position: -480px -50px;}


/*___________________________TopicPath___________________________*/

#TopicPath {
	font-size: 80%;
	margin-top: 15px;
	margin-bottom: 20px;
	margin-left: 30px;
}
#TopicPath dt {
	text-indent: -9999px;
	height: 0px;
}
#TopicPath li {
	display: inline;
	background: url(../images/arrow_right.gif) no-repeat left center;
	margin-left: 5px;
	padding-left: 10px;
}
#TopicPath li.first {
	background: none;
	margin-left: 0px;
	padding-left: 0px;
}


/*___________________________MAIN___________________________*/

h2 {
	font-size: 117%;
	padding-left: 23px;
	color: #666666;
	border-bottom: 1px dotted #FF3399;
	background: url(../images/square_c.gif) no-repeat left center;
	margin: 10px 27px;
}
h2 span {
	font-size: 80%;
	margin-left: 1em;
}
h3 {
	margin-bottom: 5px;
}
h3 span {
	font-weight: bold;
	font-size: 95%;
	padding-left: 17px;
	background: url(../images/square_c2.gif) no-repeat left center;
	color: #000000;
}
.column,
.index,
.thumbnail_list {
	width: 700px;
	margin: 25px auto;
}
.column,
.thumbnail_list {
	overflow: hidden;
	clear: both;
}
.column p {
	margin-bottom: 1em;
}
.float_left {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.float_right {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}
.index {
	position: relative;
	min-height:107px;
	height: auto !important;
	height: 107px;
}
.index dt,
.index .text {
	margin-left: 162px;
}
.index dt {
	font-weight: bold;
	margin-left: 162px;
}
.index dt a {
	background: url(../images/Arrow_right_blue.gif) no-repeat left center;
}
.index dt a,
.index .text {
	padding-left: 10px;
}
.index dt a:hover {
	background-image: url(../images/Arrow_right_grey.gif) ;
}
.index .text {
	font-size: 97%;
	margin-top: 5px;
	line-height: 1.7;
}
.index dd.image {
	position: absolute;
	left: 0px;
	top: 0px;
}
.thumbnail_list dl {
	width: 152px;
	margin-bottom: 20px;
	margin-left: 20px;
	text-align: center;
	float: left;
	display: inline; /* for IE6*/
}
.thumbnail_list dl dd {
	font-size: 90%;
	margin-top: 5px;
}
.thumbnail_list dl dd a {
	background: url(../images/Arrow_right_blue.gif) no-repeat left center;
	padding-left: 10px;
	text-decoration: none;
}
.thumbnail_list dl dd a:hover {
	background-image: url(../images/Arrow_right_grey.gif);
}
.profile dt {
	padding-left: 10px;
}
.profile ul {
	list-style: disc outside;
	margin-left: 20px;
}
.table {
	font-size: 90%;
	margin: 1px;
}
.table th,
.table td {
	font-weight: normal;
	padding: 8px;
	border: 1px solid #999999;
	vertical-align: top;
	text-align: left;
}
.table th {
	background-color: #F3F3F3;
	width: 5em;
	text-align: center;
}
#schedule {
	clear: left;
	margin-left: 30px;
	margin-bottom: 15px;
}
#schedule th {
	width: 30px;
}
#schedule td {
	width: 270px;
}
#school_list {
	margin-right: auto;
	margin-left: auto;
	width: 730px;
}
#school_list th {
	width: 180px;
}
.PageTop {
	text-align: right;
	margin-top: 30px;
	clear: both;
	font-size: 80%;
	margin-right: 30px;
}
.PageTop a {
	background: url(../images/arrow_top_blue.gif) no-repeat left center;
	padding-left: 15px;
}
.PageTop a:hover {
	background-image: url(../images/arrow_top_grey.gif);
}
.naranet {
	margin-top: 20px;
	text-align: center;
	font-size: 80%;
}

/*___________________________FOOTER___________________________*/

#footer {
	text-align: center;
	border-bottom: 1px solid #999999;
	padding-bottom: 20px;
	clear: both;
	font-size: 80%;
	padding-top: 20px;
}
#footer .footnav {
	color: #000000;
	margin-top: 15px;
	margin-bottom: 10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer .footnav li {
	display: inline;
	padding-right: 10px;
	border-right: 1px solid #CCCCCC;
	padding-left: 9px;
}
#footer .footnav li.last {
	border-right-style: none;
}
#footer .footnav a {
	text-decoration: none;
	color: #666666;
}
#footer .footnav a:hover {
	color: #FF3399;
}
#footer img {
	margin-bottom: 10px;
}

/*___________________________SHOW___________________________*/

.display1,
.display2 {
	clear: both;
	margin: 30px auto 50px;
	position: relative;
	width: 790px;
}
#imageBox,
#mapBox {
	background: no-repeat center center;
}
#theme {
	font-size: 117%;
}
#number {
	font-size: 90%;
}
#next {
	position: absolute;
	right: 10px;
	top: -45px;
	font-size: 80%;
	width: 10em;
	text-align: right;
}
#position {
	position: absolute;
	display: block;
}
.display1 {
	text-align: center;
}
.display1 #imageBox {
	height: 340px;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.display1 #theme {
	margin-bottom: 10px;
}
.display1 #number {
	margin-bottom: 5px;
}
.display2 #imageBox {
	height: 283px;
	width: 400px;
}
.display2 #mapBox {
	position: absolute;
	height: 283px;
	width: 380px;
	top: 0px;
	right: 0px;
}
.display2 #number {
	width: 400px;
	text-align: right;
}
.display2 #theme,
.display2 #note {
	width: 380px;
	border-bottom: 1px solid #999999;
	padding-left: 10px;
	padding-right: 10px;
}
.display2 #note {
	margin-top: 15px;
	min-height:80px;
	height: auto !important;
	height: 80px;
	line-height: 1.7;
}
.display2 #controller {
	position: absolute;
	top: 350px;
	right: 40px;
}
#top #top-image {
	height: 310px;
	margin-bottom: 20px;
}

/*___________________________TOP___________________________*/

#top #date {
	text-align: right;
	color: #666666;
	font-size: 80%;
	margin-top: -320px;
	margin-right: 10px;
}
#top #news {
	overflow: auto;
	height: 150px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	font-size: 90%;
	padding: 10px;
	border: 1px solid #999999;
	width: 700px;
}
#top #news dl {
	overflow: hidden;
	margin-bottom: 10px;
}
#top #news dl dt,
#top #news dl dd {
	line-height: 1.8;
}
#top #news dl dt {
	float: left;
	width: 10em;
}
#top #news dl dd {
	margin-left: 10em;
}
#top #links {
	font-size: 80%;
	text-align: center;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 30px;
}
#top #links dt, #links dd {
	display: inline;
	margin-right: 3px;
}

#top .home .text {
	margin-top: 0px;
	margin-bottom: 20px;
}



/*___________________________MAIL & MAILSEND___________________________*/

#mail form {
	width: 600px;
	margin: 20px auto 30px;
}
#mail table {
	font-size: 90%;
	margin: 20px auto 20px;
}
#mail th, #mail td {
	font-weight: normal;
	padding: 8px;
}
#mail th {
	background-color: #F3F3F3;
	width: 150px;
}
#mail table, #mail th, #mail td {
	border: 1px solid #999999;
}
#mail i {
	font-size: 87.5%;
	color: #FF6699;
	margin-left: 10px;
}
#mail .area {
	border: 1px solid #CCCCCC;
	padding: 2px;
	width:400px;
}
#mail p img {
	vertical-align: bottom;
}
#mail #category1 {
	margin-right: 5px;
}
#mail #category2, #mail #category3, #mail #category4{
	margin-right: 5px;
	margin-left: 15px;
}

#mail .button {
	margin-right: 20px;
	margin-left: 20px;
}
#mailsend #main {
	padding-bottom: 20px;
}

/*___________________________SITEMAP___________________________*/

#sitemap .fragment {
	float: left;
	width: 49%;
}
#sitemap .fragment li {
	padding-top: 5px;
	padding-bottom: 5px;
}
#sitemap .fragment a {
	background: url(../images/Arrow_right_black.gif) no-repeat left center;
	padding-left: 8px;
}
#sitemap .fragment ul {
	margin-left: 30px;
	font-size: 90%;
}

/*___________________________LINK___________________________*/

#link .column h3 {
	font-weight: bold;
	color: #666666;
}
#link table {
	margin-bottom: 15px;
	margin-left: auto;
	width: 740px;
	margin-right: auto;
	font-size: 95%;
}
#link th,
#link td {
	padding: 4px;
	line-height: 1.7;
}
#link th {
	background: url(../images/Arrow_right_black.gif) no-repeat left center;
	padding-left: 8px;
	text-align: left;
	width: 250px;
}

/*___________________________CHECK___________________________*/

#check .column ul {
	margin-bottom: 30px;
	margin-left: 30px;
	margin-top: 10px;
}
#check .column ul li {
	margin-bottom: 5px;
	line-height: 1.7;
}


/*___________________________HOWTO___________________________*/


#howto #main .column img {
	margin-bottom: 1em;
	border: 1px solid #666666;
}
#check #main .pagenav {
	text-align: center;
}
#seito #main {
	padding-bottom: 100px;
}