@charset "utf-8";
/* CSS Document */
body{background:#fff url(../image/share/bg.gif) center repeat-y;color:#565656;}
#container{width:770px;margin:0 auto;text-align:left;}

#pagetoptext{font-size:65%;text-align:center;padding:10px 0 5px;}
#header{background:url(../image/share/header.gif) no-repeat top;height:86px;}
#sitelogo{padding-top:76px;width:400px;float:left;}
#headermail{float:right;width:300px;padding-top:40px;}

div.menu{width:200px;float:left;padding:10px 0;}
div.menu h2 img{margin:5px 0;}
#footer{clear:both;text-align:center;padding:10px 0;border-top:1px solid #c5c5c5;
	margin:10px 0;font-size:75%;}
	
.topicpath{clear:both;padding:0 5px 15px;font-size:80%;}
	
ul#menumain {background:url(../image/share/menu.gif) no-repeat 0 0;
	height:285px;margin-top:-10px;}
ul#menumain li{width:197px;}
ul#menumain li ul li{padding:2px 0 0;}
ul#menumain li a:hover{background:url(../image/share/menu.gif) no-repeat 0 0;}

ul#menumain li#menumain-about{padding:15px 0 0;}
ul#menumain li#menumain-about a{padding-top:48px;width:197px;}
ul#menumain li#menumain-about a:hover{background-position:-200px -15px;}

ul#menumain li#menumain-material{padding:33px 0 0;}
ul#menumain li#menumain-material a{padding-top:33px;width:197px;}
ul#menumain li#menumain-material a:hover{background-position:-200px -96px;}

ul#menumain li#menumain-haken a{padding-top:33px;width:197px;}
ul#menumain li#menumain-haken a:hover{background-position:-200px -131px;}

ul#menumain li#menumain-curriculum a{padding-top:33px;width:197px;}
ul#menumain li#menumain-curriculum a:hover{background-position:-200px -166px;}

ul#menumain li#menumain-workshop a{padding-top:33px;width:197px;}
ul#menumain li#menumain-workshop a:hover{background-position:-200px -201px;}

ul#menumain li#menumain-totalplan{padding:7px 0 0;}
ul#menumain li#menumain-totalplan a{padding-top:33px;width:197px;}
ul#menumain li#menumain-totalplan a:hover{background-position:-200px -241px;}

#contents{
	background:url(../image/share/contents_header.gif) no-repeat top left;
	border:1px solid #ececec;float:right;text-align:left;padding:0px 10px 10px;float:right;
	margin-top:14px;color:#1b55b9;width:530px;}
.categoryname{margin:0 0 0 10px;padding-bottom:10px;width:550px;}

#contents p.default{padding:10px 10px 5px;font-size:95%;line-height:1.4;}
#contents p.default strong{font-size:105%;}

h3.default{border-bottom:1px solid #1b55b9;padding:15px 8px 4px;clear:both;}
h4.default{padding:10px 8px 5px;clear:both;font-weight:bold;}
h5.default{clear:both;font-weight:bold;}
.sample{background-color:#eef6ff;color:#1b55b9;padding:5px 10px;margin:10px;font-size:90%;}
.gotop{text-align:right;}

#toiawase{text-align:center;margin:0;padding:30px 0 0;clear:both;}
#toiawase p{}