@charset "utf-8";



#page-title h2{
	font-size:28px;
	padding-left:60px;
	background:url(../images/icon_tit.gif) no-repeat 0 0px;
	margin-bottom:0;
}

#page-title h2 span{
	font-size:22px;
	font-weight:normal;
}


#wrap{
	padding:0 0 90px;
}

/*-----------------------------------------
	メイン
-------------------------------------------*/

#now-date{
	font-size:22px;
	color:#003F97;
}

#roll table{
	box-sizing:border-box;
}

#result-num{
	font-size:16px;
	color:#003F97;
}

#view-box{
	font-size:20px;
	margin-bottom:10px;
	background:url(../images/view_icon.jpg) no-repeat 30px 34px;
}


#view-box .inner{
	position:relative;
	height:90px;
}

#select{
	position:relative;
	width:550px;
	float:left;
	margin: 28px 0 0 70px;
}

#select input{
	text-align:center;
	width:120px;
	font-size:20px;
}

#btn-view{
	cursor:pointer;
	position:relative;
	width:190px;
	float:right;
	margin:23px 20px 0 0;
}

#t-icon{
	height:30px;
	position:relative;
	text-align:right;
}

#f-icon{
	height:30px;
	position:relative;
	text-align:right;
	margin-top:15px;
}

#view-box{
	border-bottom:3px solid #E7E7E7;
}

#view-box .inner{
	border:3px solid #5CBFCE;
}

#view-box select{
	
	
}

#txt1{
	position:absolute;
	top:27px;
	left:70px;
}

#month{
	position:absolute;
	top:33px;
	left:180px;
}

#txt2{
	position:absolute;
	top:27px;
	left:235px;
}

#day{
	position:absolute;
	top:33px;
	left:282px;
}


#txt3{
	position:absolute;
	top:27px;
	left:335px;
}


/**/


#util-btn{
	position:relative;
	height:60px;
	margin-bottom:45px;
}

#util-btn ul{
	float:right;
}

#util-btn li{
	float:left;
}


#btn-ui{
	position:relative;
	height:28px;
}

#prev{
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
}

#next{
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}

/*--------------*/

#calender-main{
	
}


#calender-main #school-box{
	width:387px;
	float:left;
	overflow:hidden;
}

#calender-main #date-box{
	float:right;
	width:611px;
	overflow:hidden;
}

/*----------------------------------------
　▼UI
------------------------------------------*/
#c-search-box{
	height:210px;
	margin-bottom:10px;
	border:4px solid #C2CBD4;
}

/*--- 注目の学校追加 変更前--
#c-search-box .left-box{
	width:260px;
	height:150px;
	float:left;
	background:#E2EDFC;
	position:relative;
	margin:20px 20px 0 20px;
}
*/

#c-search-box .left-box .tit{
	position: absolute;
	bottom: 105px;
	left: 39px;
}

#c-search-box .left-box input{
	position: absolute;
	width:170px;
	top: 52px;
	left: 40px;
	background: #FEFF73;
	border: 1px solid #ccc;
	text-align: center;
	padding: 5px 0;
	line-height: 1;
	font-size:20px;
}


#c-search-box .left-box .lead{
	position: absolute;
	bottom: 14px;
	line-height: 1.2;
	left: 47px;
}

/*--- 注目の学校追加 変更前--
#c-search-box .right-box{
	width:620px;
	height:150px;
	float:left;
	position:relative;
	margin:20px 50px 0 0;
	padding-left:20px;
	border-left:1px solid #C2CBD4;
}

#c-search-box .right-box .img{
	position: absolute;
	bottom: -20px;
	right: -25px;
	
}
*/

#c-search-box #btn-list {
	margin-bottom:20px;	
}

#c-search-box #btn-list div{
	background:#fff;
	float:left;
}

/*--- 注目の学校追加 変更前--

#c-search-box #btn-list #s1{
	padding-right:20px;
	border-right:1px solid #A8B5C2
}

#c-search-box #btn-list #s2{
	padding:0 20px;
	border-right:1px solid #A8B5C2
}

#c-search-box #btn-list #s3{
	padding-left:20px;
}

*/

/*--- 注目の学校追加 20221109 --*/

#c-search-box .left-box {
    width: 242px;
    height: 150px;
    float: left;
    background:#E2EDFC;
    position: relative;
    margin: 20px 17px 0 13px;
}

#c-search-box .right-box {
    width: 690px;
    height: 150px;
    float: left;
    position: relative;
    margin: 20px 0px 0 0;
    padding-left: 20px;
    border-left: 1px solid #C2CBD4;
}

#c-search-box .right-box .img {
    position: absolute;
    bottom: -6px;
    right: 19px;
}


#btn-list #s1 {
    padding: 7px 15px 4px 0px;
    border-right: 1px solid #A8B5C2;
}

#c-search-box #btn-list #s2,
#c-search-box #btn-list #s3 {
    padding: 7px 15px 4px 10px;
    border-right: 1px solid #A8B5C2;
}

#c-search-box #btn-list #s4 {
	padding: 7px 12px 4px 4px;
    background: #febf034a;
    margin-left: 5px;
    margin-top: 0px;
    border-radius: 4px;
}

/*--- //注目の学校追加 20221109 --*/

#c-search-box #btn-list .btn{
	cursor:pointer;
}


#c-search-box #btn-list p{
	float:left;	
	margin-right:20px;
}

#c-search-box table{
	margin-top:15px;
}

#c-search-box table div{
	float:left;
	width:100px;	
}

#c-search-box table .w{
	float:left;
	width:130px;
}

#c-search-box table th{
	line-height: 1;
	width: 80px;
	padding: 5px 0px;
	text-align: right;
	vertical-align: top;
	color: #00264C;
	font-weight: normal;
}

#c-search-box #check-list{
	
}

.disclaimer_info{
   margin: 0 0 10px 0;
}

/*----------------------------------------
　▼テーブル
------------------------------------------*/
#school-list {
	overflow:hidden;	
}

#school-list table{
	width:100%;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;	
}

#t-header table th.w{
	width:61px;
	padding:8px 0 8px;
	font-size:12px;
	text-align:center;
	background:#F8F8F8 url(../images/border_left.png) repeat-y 0 0;

}

#icon-info{
	position:absolute;
	top:11px;
	left:25px;
	
}

#school-list table th{
	background:#F8F8F8 url(../images/border_left.png) repeat-y 0 0;
	border-bottom:1px solid #ccc;	
}

#school-list table td{
	background:url(../images/border_left.png) repeat-y 0 0;
	border-bottom:1px solid #ccc;	
}

th .m{
	font-size:14px;
	padding-left:10px;
	text-align:left;
	display:block;
	line-height:1.1;
	font-family: 'Anton', sans-serif;
	font-weight:400;
}

#date-roll th{
	padding:5px 0;	
}

#school-list th .d{
	display:block;
	line-height:1;
	font-size:24px;
	font-family: 'Anton', sans-serif;
	font-weight:400;
	
}

#school-list table th.st{
	font-size:12px;
	font-weight:normal;
	padding:5px 0 4px;
	color:#00264C;
	background:#EEF6F9 url(../images/border_left.png) repeat-y 0 0;;
	border-bottom:1px solid #cbcbcb;
	text-align:center;
}

#t-header{
	position:relative;
	background:#fff;
	padding-top:11px;
}

#t-header th.name{
	
}

#t-header th.area{
	width:120px;
}

#t-header th.type{
	width:58px;
}




/*-- *************** --*/
#t-body td{
	vertical-align:middle;
	text-align:center;
	padding:8px 0 8px;
}

#t-body td.day,
#t-body td.now,
#t-body td.sat,
#t-body td.sun{
	width:61px;
}


#t-body td{
	vertical-align:middle;
	line-height:1.4;
}

#t-body td.a{
	text-align:left;	
	width:120px;
	padding:0 10px;
	box-sizing:border-box;
}

#t-body td.t{
	width:58px;
	text-align:center;	
	
}

#t-body th.n{
	background-color:#fff;
	text-align:left;
	line-height:1.4;
	padding:0 10px;
	box-sizing:border-box;
}

#t-header th{
	background:#F8F8F8 url(../images/border_left.png) repeat-y 0 0;
}

#t-header table th.sat,
#t-body td.sat{
	color:#3D2FCF;
	background:#ECF6F7 url(../images/border_left.png) repeat-y 0 0;;
}

#t-header table th.sun,
#t-body td.sun{
	color:#F02567;
	background:#FDF2F2 url(../images/border_left.png) repeat-y 0 0;;
}

#t-body table td.now,
#t-header table th.now{
	background:#FFFF73 url(../images/border_left.png) repeat-y 0 0;;
}

#t-body td.now{
	background:#FFFFBF url(../images/border_left.png) repeat-y 0 0;;
}

#t-body th.n a{
	font-weight:normal;
	color:#377FE5;
}

#t-body th.n a:hover{
	
}
/*----------------------------------------
　▼ボタン
------------------------------------------*/
#ctr{
	padding:5px 0 5px 390px;
	background:#fff;
}

#left{
	float:left;
}

#left p{
	float:left;
}

#ctr a:link{
	color:#111;
	text-decoration:none;	
}

#ctr a:visited{
	color:#111;
	text-decoration:none;	
}

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

#ctr a:active{
	color:#111;
	text-decoration:none;	
}

#prev_arrow2{
	padding:5px 20px;
	background:url(../images/prev_arrow2.png) no-repeat left center;
}

#prev_arrow{
	padding:5px 20px;
	background:url(../images/prev_arrow.png) no-repeat left  center;
}

#next_arrow2{
	padding:5px 20px;
	background:url(../images/next_arrow2.png) no-repeat right center;
}

#next_arrow{
	padding:5px 20px;
	background:url(../images/next_arrow.png) no-repeat right center;
}

#right{
	float:right;
}

#right p{
	float:right;
}

#right .ten{
	float:right;
	margin-left:20px;
}

/*----------------------------------------
　▼カレンダー
------------------------------------------*/

.ui-widget-content {
	border: 1px solid #bbb;
	background: #fff;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0;
}

/*ヘッダ*/
.ui-widget-header{
	background:none;
	border:none;
	color:#00264C;
}

.ui-datepicker th {
    padding: 0.3em 0.3em;
    text-align: center;
    font-weight: bold;
	background:#F8F8F8;
    border: 1px solid #ccc;
}

ui-state-default,
.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background:#fff;
}

.ui-widget-content .date-holiday .ui-state-default {
	background-image:none;
	background-color:#FDF2F2;
}
.ui-widget-content .date-saturday .ui-state-default {
	background-image:none;
	background-color:#ECF6F7;
}

.ui-widget-content .date-exist .ui-state-default {
	background-image:none;
		border: 1px solid #00A3B5;
	background:#5CBFCE;
	color:#fff;
}


.ui-widget-content .date-now .ui-state-default {
	background-image:none;
	border: 1px solid #D5BF00;
	background:#FFFF53;
}





/*----------------------------------------
　▼ページャー
------------------------------------------*/
#pager{
	margin:30px 0 40px;
	position:relative;
}

#pager ul{
	position:relative;
	float:left;
	left:50%;
	list-style: none outside none;
	 margin: 0 0 0 0;
    padding: 0;
}

#pager li{
	width:30px;
	height:30px;
	text-align:center;
	border:1px solid #ccc;
	font-size:16px;
	float:left;
	line-height:1.8;
	margin:0 5px 5px 0;
	text-decoration:none;
	cursor:pointer;
	position:relative;
	top:0;
	left:-50%;
	box-sizing:border-box;
}

#pager li.current{
	color:#003F97;
	border:2px solid #5FC2D1;
}




/*----------------------------------
	ポップアップウィンドウ
------------------------------------*/
#inline_content{
	width:640px;
	height:400px;
	background:#fff;	
}

#inline_content .in{
	padding:10px;
}