@charset "utf-8";
/* CSS Document */

div.flash {
	background-color: #ffffff;
	float: left;
	width: 596px;
	height: 200px;
	margin: 40px 0 0 10px;
}

div.ad	{
	background-color: #eeffff;
	float: left;
	width: 138px;
	height: 195px;
	margin: 40px 10px 0 10px;
	padding: 3px;
	border: solid #000000 1px;
	font-size: 75%;
}

div.tate_menu {
	float: left;
	margin: 5px 0 5px 10px;
	padding: 0;
	}
div.tate_menu a	{
	text-decoration: none;
	}
.menu_text{
	margin: 0;
	padding: 5px;
	font-family:"ＭＳ Ｐ明朝";
	color: #000044;
	font-size: 105%;
	font-weight: bold;
	}
.menu_coment{
	font-size: 80%;
	color: #0099ff;
	margin: 0 0 0 20px;
	padding: 0;
	}
.menu_coment2{
	font-size: 80%;
	color: #ff0000;
	margin: 0 0 0 20px;
	padding: 0;
	}
div.tugaku{
	width: 240px;
	height: 40px;
	margin: 5px 0 0 0;
	padding: 0;
	cursor: pointer;
	border: solid #000000 1px;
	background: url(../image/001.jpg) right no-repeat;
	}
div.hogosya{
	width: 240px;
	height: 40px;
	margin: 5px 0 0 0;
	padding: 0;
	cursor: pointer;
	border: solid #000000 1px;
	background: url(../image/002.jpg) right no-repeat;
	}
div.non-gra{
	width: 238px;
	height: 40px;
	margin: 5px 0 0 0;
	padding: 0;
	cursor: pointer;
	border: solid #000000 2px;
        border-color: #ff00ff;
	}
div.graduation{
	width: 240px;
	height: 40px;
	margin: 5px 0 0 0;
	padding: 0;
	cursor: pointer;
	border: solid #000000 1px;
	background: url(../image/003.jpg) right no-repeat;
	}
div.school{
	width: 240px;
	height: 40px;
	margin: 5px 0 0 0;
	padding: 0;
	cursor: pointer;
	border: solid #000000 1px;
	background: url(../image/004.jpg) right no-repeat;
	}
div.info{
	width: 240px;
	height: 40px;
	margin: 5px 0 5px 0;
	padding: 0;
	cursor: pointer;
	border: solid #000000 1px;
	}
div.tate_menu a{
	color: #000000;
	}
div.mobile{
	width: 240px;
	height: 90px;
	margin: 5px 0 5px 0;
	padding: 0;
	cursor: pointer;
	border: solid #000000 1px;
	background: url(../image/QR_Code.jpg) right no-repeat;
        }
div.keikaku{
	width: 240px;
	height: 15px;
	margin: 5px 0 0 0;
	padding: 5px 0 5px 0;
	cursor: pointer;
	border: solid #000000 1px;
        }
div.prncpl_blog{
	width: 238px;
	height: 40px;
	margin: 5px 0 0 0;
	padding: 0;
	cursor: pointer;
	border: solid #000000 2px;
        border-color: #0000ff;
	font-size: 100%;
	background: url(../image/s-principal.jpg) right no-repeat;
        }
div.banner{
	width: 240px;
	height: 60px;
	margin: 5px 0 0 0;
	padding: 1px;
	cursor: pointer;
        }
div.banner a:hover{
	padding:5px;
}


div.yumekikin{
	width: 240px;
	height: 60px;
	margin: 5px 0 5px 0;
	padding: 0;
	cursor: pointer;
	border: solid #000000 1px;
	background: url(../image/yumekikin.jpg) right no-repeat;
        }

div.course{
	width: 238px;
	height: 80px;
	margin: 5px 0 0 0;
	padding: 0;
	cursor: pointer;
	border: solid #000000 2px;
        border-color: #ff0000;
	background: #ffff66 url(../image/course.jpg) right no-repeat;
        
        }

div.know{
	float: left;
	margin: 10px 0 10px 20px;
	padding: 3px 10px;	
	}
div.news{
	border: 3px double #9370db;
	background-color: #ffffff;
	overflow: auto;
	scrollbar-base-color: #9370db;
	scrollbar-face-color: #ffffff;
	scrollbar-arrow-color: #9370db;
	scrollbar-track-color: #B592fd;
	width: 470px;
	height: 390px;
	padding: 5px;
	margin: 0;
	}


div.know h4	{
	margin: 0;
	padding: 2px 0 0 45px;
	color: #ffffff;
	background: url(../image/header.gif)  no-repeat;
	}
h5	{
	font-size: 80%;
	border-left: solid #9370db 5px;
	border-bottom: solid #9370db 1px;
	margin:3px;
	padding: 0 0 0 5px;
	}
h5 a	{
	text-decoration: none;
	}
#know_text{
	font-size: 80%;
	padding: 0 0 0 5em;
	}

div.iframeWrapper {
    position: relative;
    width: 100%;
    padding-top: 75%;
    }
 
div.iframeWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }