@charset "utf-8";

/*------------- General layout -------------*/
body {
	background: url(../images/bg.gif) repeat-x;
	background-color: #E7E6DF;
	text-align: center;
	font-family:  'Osaka','ＭＳ Ｐゴシック','Lucida Grande','Hiragino Kaku Gothic Pro', sans-serif;
	color: #333333;
	margin: 0;
	padding:0;
	}

a:link {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:none}
a:hover {text-decoration:underline}

form {
	margin:0;
	padding:0;
	}

img {
	border: 0;
	}

h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}

p {
	margin:0;
	padding:0;
	}



/*------------- Float 解除 -------------*/
.clearfix:after{
	content:" "; 
	display:block; 
	height:0; 
	visibility:hidden; 
	clear:both; 
}
* html.clearfix{
	/*\*/height:1%;/* for WinIE*/ 
	display:inline-table;/* for MacIE*/
}



/*------------- Header layout -------------*/
#header {
	background-image: url(../images/bg_header.jpg);
	background-repeat:no-repeat;
	width: 790px;
	height: 150px;
	font-size: 12px;
	color: #333333;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 0 0 0;
	}

#header h1 {
	height: 120px;
	text-align: left;
	font-weight: bold;
	margin: 0 0 0 20px;
	padding: 0;
	}

#header div#header-info {
	background: url(../images/bg_hinfo.gif) center left no-repeat;
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	color: #333333;
	text-align: left;
	margin: 0 0 0 20px;
	padding: 0 0 0 18px;
	}



/*------------- Menu layout -------------*/
#menu {
	background-image: url(../images/bg_menu.gif);
	background-repeat:no-repeat;
	width: 790px;
	height: 45px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	}

#menu div#menu-l {
	width: 765px;
	margin: 0;;
	padding: 0 0 0 5px;
	}

#menu div#menu-l ul, #menu div#menu-l li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#menu div#menu-l li {
	float: left;
	background: url(../images/bg_menul.gif) center right no-repeat;
	font-size: 13px;
	line-height: 40px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding: 0 18px 0 18px;
	}

#menu div#menu-l li a:link {color: #FFFFFF;text-decoration:none}
#menu div#menu-l li a:visited {color: #FFFFFF;text-decoration:none}
#menu div#menu-l li a:active {color: #FFFFFF;text-decoration:none}
#menu div#menu-l li a:hover {color: #FFFFFF;text-decoration:underline}



/*------------- Column layout -------------*/
#content {
	background: url(../images/bg_content.gif) repeat-y;
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	padding: 15px 0 0 0;
	}

#content div#sidebar {
	float: right;
	width: 200px;
	text-align: left;
	margin: 0;
	padding: 0 10px 0 0;
	}

#content div#main {
	float: left;
	text-align: left;
	font-size: 80%;
	width: 550px;
	margin: 0;
	padding: 0 0 0 20px;
	}



/*------------- Main content layout -------------*/
#content div#main h1 {
	background-image: url(../images/bg_h1.gif);
	background-repeat:no-repeat;
	height: 35px;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0;
	padding: 0 0 0 10px;
	}

#content div#main h2 {
	background-image: url(../images/bg_h2.gif);
	background-repeat:no-repeat;
	height: 35px;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	color: #006600;
	margin: 0 0 5px 0;
	padding: 0 0 0 35px;
	}

#content div#main h3 {
	background-image: url(../images/bg_h3.gif);
	background-repeat:no-repeat;
	height: 30px;
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
	color: #333333;
	margin: 0;
	padding: 0 0 0 18px;
	}

#content div#main div#flash {
	margin:0 0 15px 0;
	}

#content div#main div#promise {
	background-color:#FFFFC2;
	padding:0;
	margin:0 0 15px 0;
	}

#content div#main div#listMenu {
	font-size:12px;
	text-align:center;
	margin:20px 0 10px 0;
	}

#content div#main div#listMenu a{
	color:#3EA203;
	font-weight:bold;
	}

#content div#main div.go-top {
	clear: both;
	background:url(../images/bg_gotop.gif) center right no-repeat;
	font-size:12px;
	line-height:15px;
	text-align:right;
	margin:20px 0 10px 0;
	padding:0 15px;
	}

#content div#main div.go-top a{
	color:#3EA203;
	}

#content div#navi {
	background-image: url(../images/bg_navi.gif);
	background-repeat:no-repeat;
	height: 25px;
	font-size: 11px;
	line-height: 26px;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	}



/*------------- Sidebar menu layout -------------*/
#content div#sidebar h3 {
	font-size: 12px;
	font-weight: bold;
	color: #006600;
	text-align:center;
	margin: 0 0 5px 0;
	}

#content div#sidebar div.forminfo {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 10px 0;
	padding: 5px 20px 0 20px;
	}

#content div#sidebar div.forminfo img {
	float: left;
	margin: 0;
	padding: 0 14px 0 0;
	}

#content div#sidebar dl {
	margin: 0 0 10px 0;
	padding: 0;
	}

#content div#sidebar dt {
	background: url(../images/bg_dt.gif) center left no-repeat;
	font-weight: bold;
	color: #006600;
	font-size: 12px;
	line-height: 22px;
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	}

#content div#sidebar dt a:link {color: #006600;text-decoration:none}
#content div#sidebar dt a:visited {color: #006600;text-decoration:none}
#content div#sidebar dt a:active {color: #006600;text-decoration:none}
#content div#sidebar dt a:hover {color: #006600;text-decoration:underline}

#content div#sidebar dd {	
	background: url(images/bg_dd.gif) center left no-repeat;
	font-weight: bold;
	color: #006600;
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 0 25px;
	padding: 0 0 0 15px;
	}

#content div#sidebar dd a:link {color: #7A9E59;text-decoration:none}
#content div#sidebar dd a:visited {color: #7A9E59;text-decoration:none}
#content div#sidebar dd a:active {color: #7A9E59;text-decoration:none}
#content div#sidebar dd a:hover {color: #7A9E59;text-decoration:underline}

#content div#sidebar div.area {
	background: url(../images/bg_area.gif) center left no-repeat;
	font-size: 11px;
	line-height: 20px;
	color: #E6FDCF;
	text-align: left;
	margin: 0;
	padding: 0 0 0 17px;
	}

#content div#sidebar ul {
	margin: 0;
	padding: 0;
	}

#content div#sidebar li {
	list-style-type: none;
	background: url(../images/bg_school.gif) center left no-repeat;
	font-size: 11px;
	line-height: 23px;
	text-align: left;
	margin: 0;
	padding: 0 0 0 22px;
	}

#content div#sidebar li a:link {color: #666666;text-decoration:none}
#content div#sidebar li a:visited {color: #666666;text-decoration:none}
#content div#sidebar li a:active {color: #666666;text-decoration:none}
#content div#sidebar li a:hover {color: #999999;text-decoration:underline}

#content div#sidebar div.line {
	background: url(../images/bg_line.gif) repeat-x;
	font-size: 1px;
	line-height: 2px;
	margin: 0 10px;
	padding: 10px 0 5px 0;
	}

img.banner{
	margin:0 0 15px 0;
	}



/*------------- Footer layout -------------*/
#footer {
	background: url(../images/bg_footer.gif) repeat-y;
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	}

#footer div#border {
	background-color: #73CE18;
	width: 770px;
	height: 5px;
	font-size: 1px;
	margin: 0 10px;
	padding: 0;
	}

#footer div#menu-f {
	background-image: url(../images/bg_fmenu.gif);
	background-repeat:no-repeat;
	width: 560px;
	height: 25px;
	font-size: 12px;
	line-height: 25px;
	margin: 0 10px 15px 10px;
	padding: 0 210px 0 0;
	}

#footer div#footer-info {
	background: url(../images/bg_finfo.gif) ;
	width: 770px;
	margin: 0 10px;
	padding: 0;
	}

#footer div#need {
	width: 750px;
	text-align: left;
	margin: 0 10px;
	padding: 5px 0;
	}

#footer div#need a {
	background: url(../images/bg_need.gif) center left no-repeat;
	font-size: 12px;
	margin: 0 20px 0 0;
	padding: 0 0 0 15px;
	}

#footer div#need a:link {color: #666666;text-decoration:none}
#footer div#need a:visited {color: #666666;text-decoration:none}
#footer div#need a:active {color: #666666;text-decoration:none}
#footer div#need a:hover {color: #999999;text-decoration:underline}

#footer div#copyright {
	font-size: 12px;
	color: #666666;
	margin:0;
	padding: 15px 0;
	}