@charset "utf-8";

/*---------commom-------------*/

textarea,select,input,td,body {
	font-family: "Osaka","ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック","sans-serif";
	}

html,body,div,ul,
ol,li,dl,dt,dd,h1,
h2,h3,h4,h5,h6,pre,
form,p,blockquote,
fieldset,input { 
	margin:0;
	padding:0;
	}
	
html,body { 
	height:100%;
	}

.mainbody {
	color:#333;
	background:#fff;
	font-size:15px;
	text-align:justify;
	text-justify:distribute;
	}

a {
	text-decoration:none;
	outline:0px;
	}

a:link {
	color:#09F;
	}

a:visited {
	color:#09F;
	}

a:hover {
	text-decoration:underline;
	color:#f60;
	}

a:active {
	color:#f60;
	}



.bodystyle {
	background-color: #FFF;
	height:100%;
	margin: 0px;
	}

.center_block {
	text-align: center;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	}

img {
	border:0px;
	}


/* ---menu --- */

ul {
	padding: 0px;
	margin: 0px;
	}

li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}

.right_body {
	position:relative;
	width:220px;
	height:100%;
	text-align:left;
	padding:0 0 50px 0;
	float:right;
	}

.right_body li {
	list-style-type: none;
	}
	
	
.right_menu {
	position:relative;
	margin:0 0 20px 0;
	}

.right_menu a img {
	vertical-align:bottom;
	}
	
.right_menu a {
	outline:0px;
	}

	
	
/* ---footer --- */

.footer_block {
	font-size:10px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	border-top:1px solid #09e;
	clear:both;
	padding: 0 0 30px 0;
	}
	
	
/* ---Text --- */

.txt_m {
	font-size: 12px;
	line-height:18px;
	color:#410;
	}
	
.txt_s {
	font-size: 10px;
	line-height:15px;
	color:#410;
	}
	
	
.txt_mobile {
	font-size: 10px;
	line-height:15px;
	color:#333;
	}
	

.ttl_contents {
	font-size:12px;
	line-height:18px;
	color:#410;
	}	
	
.ttl_sub {
	font-size:14px;
	line-height:20px;
	color:#410;
	}	
	
.txt_indent {
	margin-left: 15px;
	}


.txt_bl {
	font-size:14px;
	line-height:20px;
	color:#489FE8;
	}	


/* ---images --- */

.img_right {
	float: right;
	margin-left: 15px;
	}

	
/* ---top --- */

table.top_menu {
	width:800px;
	margin:15px 0 25px 0;
	}

table.top_menu a {
	display:block;
	background-repeat:no-repeat;
	width:392px;
	height:90px;
	overflow:hidden;
	text-align:left;
	color:#333;
	}
	
table.top_menu a:link {
	color:#666;
	}

table.top_menu a:visited {
	color:#666;
	}
	
table.top_menu a:hover {
	background-position:-392px 0 ;
	color:#666;
	}
	
table.top_menu a:active {
	color:#666;
	}
		
table.top_menu td.left a {
	float:left;
	}
				
table.top_menu td.right a {
	float:right;
	}

table.top_menu a span {
	display:block;
	margin:60px 0 0 17px;
	font-size:12px;
	}



/* ---left contents --- */
	
.left_body {
	position:relative;
	width:550px;
	height:100%;
	float:left;
	text-align:left;
	padding:0 0 50px 0;
	}

.con_ttl_box {
	width: 540px;
	color:#410;
	border-top:1px dotted #09e;
	border-bottom:1px dotted #09e;
	padding:5px
	}

	
.con_body_box {
	width: 530px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	font-size: 12px;
	line-height:18px;
	color:#410;
	font-family:"Osaka","ＭＳ Ｐゴシック";
	}

.con_shop_box {
	width: 520px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	border: 7px solid #E8F6FD;
	}

.con_shop_box2 {
	width: 280px;
	margin: 10px;
	}

	.school_menubox {
		width: 530px;
		margin-right: auto;
		margin-left: auto;
	}

.school_box {
	width: 490px;
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #009FE8;
	padding: 17px;
	}


.info_box {
	width: 470px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	background-color: #DBF0FB;
	text-align: center;
	}
	
.info_box2 {
	width: 510px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	background-color: #DBF0FB;
	text-align: center;
	}
	
	
.school_list li {
	float:left;
	width: 150px;
	}

.schoolflow_box {
	width: 468px;
	margin-right: auto;
	margin-left: auto;
	border-right: 1px solid #09e;
	border-left: 1px solid #09e;
	padding:5px 10px 5px 10px
	}
	
table.surf {
	width: 515px;
	border:1px solid #630;
    border-collapse:collapse;
    border-spacing:0;
	}

.surf td{
	border-right:1px solid #630;
	border-bottom:1px solid #630;
	padding: 5px 10px 5px 10px;
	}

table.table1 {
	width: 300px;
	border:1px solid #630;
	border-collapse:collapse;
	border-spacing:0;
	}

.table1 td {
	border-right: 1px solid #630;
	border-bottom: 1px solid #630;
	padding: 5px 10px 5px 10px;
	}

/* ---form --- */


table.form {
  width: 530px;
  border-spacing: 1px;
	}

table.form td {
  padding: 5px 10px 5px 10px;
	}

table.form col.form1 {
  background: #b9e5f9;
  width:150px;
	}

table.form col.form2 {
  background:#d9f1fc;
	}

.inputbox {
	width: 510px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	background-color: #7FCFF3;
	text-align: center;
	}