BODY{
	margin:0px;
	background-Color:#F2F2F2;
	text-align:center;
	font-family:'平成角ゴシック',Osaka,sans-serif;
	Color:#444444;
	font-size:85%;
	letter-spacing:0.5pt;
}

a{
	word-break:break-all;
}

a:link{
	color:#377EB8;
}
a:visited{
	color: #666699;
}
a:hover{
	color: #FFFFFF;
	background:#0066CC;
	text-decoration:none;
}
a:active{
	color: #0066CC;
}

SPAN.dt{
	letter-spacing:0px;
	font-size:90%;
}

/*========================================================================*/
/*配置関連CSS*/
/*========================================================================*/
DIV#main{
	width:802px;
	position:relative;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-Color:#ffffff;
	font-size:95%;
	border-left:solid 1px #666666;
	border-right:solid 1px #666666;
}

DIV.leftarea{
	width:520px;
	margin-left:22px;
	position:relative;
	text-align:left;
}

DIV.mainPic{
	width:520px;
	height:200px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

DIV.rightarea{
	width:236px;
	position:absolute;
	top:80px;
	left:564px;
	text-align:left;
	padding-right:22px;
}

DIV.menu_box{
	width:100%;
	position:relative;
	text-align:left;
	margin-top:16px;
}

DIV.toiawase{
	width:800px;
	border-top: dashed 1px #cccccc;
	padding-left:22px;
	padding-right:22px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
	background-Color:#ffffff;
	font-size:0.8em;
}

DIV.footer{
	width:800px;
	text-align:left;
	background-Color:#CCCCCC;
	padding:2px;
	padding-left:5px;
	font-size:85%;
	letter-spacing:0px;
}


/*========================================================================*/
/*タイトルCSS*/
/*========================================================================*/
h1.title{
	width:800px;
	height:80px;
	position:relative;
	text-align:left;
	margin-bottom:0px;
}

DIV.koushin_box2{
	border-bottom:solid 1px #D2E0EE;
	width: 100%;
	padding-top:3px;
	padding-bottom:10px;
	position:relative;
}

DIV.koushin_title{
	padding-left:10px;
	font-weight:700;
	position:absolute;
	padding-top:3px;
	padding-bottom:5px;
}

DIV.koushin_list{
	padding-right:10px;
	position:relative;
	text-align:right;
	padding-bottom:5px;
}

DIV.sc_title{
	width: 100%;
	line-height:150%;
	font-weight:700;
	background-Color:#F2EDDE;
	vertical-align:middle;
}

/*========================================================================*/
/*インデント クラス名:indent_縦幅_横幅 */
/*========================================================================*/
DIV.indent_16_800{
	width:800px;
	background-Color:#ffffff;
	height:16px;
}

DIV.indent_13_520{
	width:520px;
	background-Color:#ffffff;
	height:13px;
}

DIV.indent_16_520{
	width:520px;
	background-Color:#ffffff;
	height:16px;
}

DIV.indent_20_520{
	width:520px;
	background-Color:#ffffff;
	height:20px;
}

DIV.indent_22_520{
	width:520px;
	background-Color:#ffffff;
	height:22px;
}


/*========================================================================*/
/*一覧関連CSS*/
/*========================================================================*/
DIV.koushin_box {
	width:520px;
	background-color:#F2F7FB;
	padding:2px;
	padding-bottom:10px;
}

DIV.news{
	width:100%;
	position:relative;
	font-size:80%;
}

DIV.news_box{
	position:absolute;
	right:35px;
	top:2px;
}

DIV.r_box {
	width:520px;
	background-color:#EBEBEB;
	text-align:center;
}

DIV.box1 {
	background-color:#EBEBEB;
	text-align:center;
	width:520px;
	border-left:solid 1px #B2B2B2;
	border-right:solid 1px #B2B2B2;
	border-bottom:dashed 1px #B2B2B2;
}

DIV.box2 {
	background-color:#FFFFFF;
	text-align:left;
	width:100%;
	border-left:solid 1px #B2B2B2;
	border-right:solid 1px #B2B2B2;
	padding-bottom:10px;
}

DIV.rtop, .rbottom{
	background:#FFFFFF;
}

DIV.rtop span{
	display:block;
	height:1px;
	overflow:hidden;
	background-color:#EBEBEB;
}

DIV.rbottom span{
	display:block;
	height:1px;
	overflow:hidden;
	background-color:#FFFFFF;
}

SPAN.r1_top{
	margin: 0px 3px;
	height: 1px;
	border-right:solid 1px #B2B2B2;
	border-left:solid 1px #B2B2B2;
	border-top:solid 1px #B2B2B2;
}

SPAN.r1_bottom{
	height: 1px;
	margin: 0px 3px;
	border-right:solid 1px #B2B2B2;
	border-left:solid 1px #B2B2B2;
	border-bottom:solid 1px #B2B2B2;
}

SPAN.r2{
	margin: 0px 2px;
	height: 1px;
	border-right:solid 1px #B2B2B2;
	border-left:solid 1px #B2B2B2;
}

SPAN.r3{
	margin: 0px 1px;
	height: 1px;
	border-right:solid 1px #B2B2B2;
	border-left:solid 1px #B2B2B2;
}

SPAN.r4{
	margin: 0px 1px;
	height: 1px;
	border-right:solid 1px #B2B2B2;
	border-left:solid 1px #B2B2B2;
}


SPAN.greenS{
	width:4px;
	background-Color:#CA827E;
	margin-right:3px;
}

SPAN.nolist{
	height:50px;
	line-height:150%;
	padding-left:50px;
	padding-top:5%;
}

SPAN.new{
	width:23px;
}

SPAN.koushin{
	width:23px;
}

SPAN.viewer1{
	vertical-align:middle;
	padding-left:10px;
}

SPAN.viewer2{
	vertical-align:middle;
	padding-left:10px;
}

SPAN.viewer3{
	vertical-align:middle;
	padding-left:10px;
}

UL.news{
	margin-top:5px;
	margin-left:15px;
	margin-bottom:0px;
}

LI.news{
	padding-top:5px;
	line-height:150%;
	list-style:none;
}

UL.sc{
	margin-top:5px;
	margin-left:10px;
	margin-bottom:5px;
}

LI.sc1{
	padding-top:5px;
	width:125px;
	line-height:150%;
	float:left;
	list-style:none;
}

LI.sc2{
	padding-top:5px;
	width:125px;
	line-height:150%;
	list-style:none;
}

/*========================================================================*/
/*メニュー関連CSS*/
/*========================================================================*/

DIV.menu_title{
	margin-left:10px;
	padding-left:5%;
	border-bottom:solid 1px #819CC9;
	line-height:150%;
	font-size:115%;
	font-weight:700;
}

UL.menu{
	margin-top:5px;
	margin-left:5%;
	margin-bottom:30px;
}

LI.menu{
	border-bottom:dotted 1px #819CC9;
	line-height:150%;
	list-style:none;
	padding-left:5%;
	padding-top:1px;
	padding-bottom:2px;
}

/*** スマホ用 start **********/
@media screen and (max-width: 767px) {
	DIV#main{
		position:inherit;
		width:100%;
	}
	DIV.mainPic{
		width:auto;
		height:auto;
	}
	DIV.indent_16_520,DIV.indent_16_800,DIV.footer,
	DIV.leftarea div,DIV.rightarea div{
		width:auto;
	}
	DIV.leftarea,DIV.rightarea{
		width:auto;
		position:inherit;
		top:0px;
		left:0px;
		margin:0px 10px;
		padding:0px;
	}
	
	/* ヘッダー */
	h1.title{
		width:auto;
		height:auto;
	}
	h1.title img{
		width:100%;
		height:auto;
	}
	
	div.news{
		background:#EBEBEB;
		padding:5px 0px;
	}
	div.news img{
		width:100%;
		height:auto;
	}
	SPAN.nolist{
		padding-left:10px;
	}
	
	/* 学校一覧 */
	UL.sc{
		padding-left:0px;
		margin-bottom:15px;
		letter-spacing:-10px;
	}
	UL.sc li{
		width:50%;
		display:inline-block;
		padding:5px 0px;
		float:none;
		letter-spacing: normal;
	}
	
	/* メニュー一覧 */
	DIV.menu_title{
		margin-left:0px;
		padding-left:0px;
	}
	UL.menu{
		padding-left:0px;
		margin-left:0px;
	}
	LI.menu{
		width:95%;
		margin:0px auto;
		padding-left:0px;
	}
	
	/* 各学校からのお知らせ */
	UL.news{
		margin-top:0px;
		padding-left:0px;
		marginleft:0px;
	}
	
	/* お問い合わせ */
	DIV.toiawase{
		width:auto;
		margin-top:0px !important;
	}
}