@import "font.css";

/* ↓基本↓ ***********************************************************************/
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;
}

body{
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}

/* paddingの指定は上 右 下 左 */


/* ↑基本↑ ***********************************************************************/



/* ↓デザイン部分↓ *********************************************************************/

/* テーブルリスト */
TABLE.border1 td,TABLE.border1 th,TABLE.border1{
	border:1px solid #666666;
	border-collapse:collapse;
	padding: 5;
	background-color:#ffffff;
}

TABLE.border1 th{
	background-color:#E6E6E6;
}

TABLE.border1nobg td,TABLE.border1nobg th,TABLE.border1nobg{
	border:1px solid #4682b4;
	border-collapse:collapse;
	padding: 5;
}

TABLE.border1nobg th{
	background-color:#d2dff9;
}

.search{
	float: right;
	text-align: left;
	width: 320px;
	margin-bottom: 10px;
	padding: 5px;
	line-height:120%;
	background-color: #E6E6E6;/*DEE7FF FFFFD5 E6E6E6*/
}

.search2{
	float: left;
	text-align: left;
	width: 410px;
	margin-top: 5px;
	padding: 5px;
/*	border-top: #FF9F0F solid 1px;
	border-bottom: #FF9F0F solid 1px;
	border-left: #FF9F0F solid 1px;
	border-right: #FF9F0F solid 1px; */
	line-height:120%;
	background-color: #DEE7FF;/*FFFFD5 DEE7FF*/
}

.searchItem{
	text-align: left;
	padding: 3px;
	font-size:96%;							/* 文字サイズ：標準 */
	color:#FFFFFF;							/* 文字色：白 */
	line-height:120%;						/* 行間：120% */
	font-weight:bold;						/* スタイル：太字 */
	background-color: #073c78;				/*C0C0C0 073c78 FF5900 */
}

TABLE.waku{
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
}

.headerwaku{
	width:800px;
	height:80px;
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}


/* ↑デザイン部分↑ *********************************************************************/



/*========================================================================*/
/*第２階層以降CSS*/
/*========================================================================*/

TABLE.footer{
	background-Color:#D8D2D2;
	border-left:solid 1px #888888;
	border-right:solid 1px #888888;
	border-bottom:solid 1px #888888;
	padding:1px;
}



/*行事カレンダーで使用（スクールネット）*/
TABLE.gyouji td,TABLE.gyouji th,TABLE.gyouji{
	border:1px solid #666666;
	border-collapse:collapse;
}
TABLE.gyouji th{
	background-color:#E6E6E6;
}
td.gyouji1{
	background-color:#E6E6E6;
}
td.gyouji2{
	background-color:#FFFFFF;
}

td.gyouji3{
	background-color:#999999;
}

DIV.indent_gyouji{
	height:10px;
}

/*** スマホ用 start **********/
@media screen and (max-width: 767px) {
	table{
		width:100% !important;
		table-layout:fixed;
	}
	.headerwaku{
		width:100%;
		height:auto;
		border:none;
	}
	.headerwaku img{
		width:100%;
	}
	table.headBtn td{
		display:block;
	}
	#cont_body,#cont_body div{
		width:auto !important;
		word-break:break-all;
	}
	#cont_body .responsiveTable td{
		display:block;
	}
	#cont_body img{
		max-width:100%;
		height:auto !important;
	}
	#cont_body .bunrui,
	#cont_body .listbunrui{
		width:95% !important;
	}
	iframe{
		width:100% !important;
	}
	h2.title td{
		display:block;
	}
	table.dataCnt td{
		display:block;
		text-align:left;
	}
	#main{
		margin-left:auto !important;
	}
	/* 一覧用（テーブル） */
	.border1{
		border:none !important;
		background:none !important;
	}
	.border1 th{
		display:none;
	}
	.border1 td{
		border:none !important;
		background:none !important;
		width:auto;
	}
	.border1 td.linkttl{
		display:block;
		padding-bottom:0px;
	}
	.border1 td.linkttl a{
		font-weight:bold;
		white-space:normal;
	}
	.border1 td.linkttl span{
		display:inline-block;
		white-space:nowrap;
	}
	.border1 td.schoolName,
	.border1 td.updDate{
		display:inline-block;
		font-size:0.8em;
		padding-top:0px;
		color:#666666;
		white-space:nowrap;
		vertical-align:top;
	}
	.border1 td.schoolName span,
	.border1 td.updDate span{
		color:#666666 !important;
	}
	
	/* フッター */
	table#adobeInfo td{
		display:block;
	}
	
	/* 行事カレンダー用 */
	table.gyouji tr{
		padding: 0px !important;
		margin: 0px !important;
		border:0px !important;
	}
	table.gyouji th{
		padding: 0px !important;
		border:0px !important;
	    width:100% !important;
	    display:none;
	}
	table.gyouji td{
		padding: 0px !important;
		border:1px solid #CCCCCC !important;
	    width:100% !important;
	    height:100% !important;
	    display:none;
	    float:left;
	}
	table.gyouji td.gyouji1,
	table.gyouji td.gyouji2{
		display:block;
	}
	
	/* アルバム、施設紹介形式用 */
	td.bar{
		width:95% !important;
		display:block;
		margin-bottom:10px;
	}
	td.albumList{
		display:block !important;
		width:50% !important;
		float:left;
	}
	td.albumList table{
		background-position:center 0px !important;
	}
	td.shosaiImg,td.shosaiNaiyo{
		display:block;
		width:100% !important;
	}
	td.noborder{
		border:none !important;
	}
}
/*** スマホ用 end ************/