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

#pagetitle_day {
	background:url(../images/day_title.jpg) no-repeat; 
	width:880px;
	margin:0 auto;
	margin-left:5px;
	height:59px; 
	font-size:32px; 
	font-weight:bold; 
	text-align:left; 
	padding:20px 0 15px 15px;
	color:#FFFFFF;
	}

#day h2,h3 {
	font-size:18px;
	color:#0063A9;
	line-height:24px;
	text-align:left;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
	}
#day h4 {
	font-size:14px;
	color:#0063A9;
	line-height:20px;
	text-align:left;
	font-weight:bold;
	margin:10px 0 10px 0;
	padding:0;
	}

.waku {
	border:#CCCCCC 1px solid; 
	padding:10px; 
	background-color:#DEEDFC; 
	margin:10px 0;
	overflow:hidden;
	clear:both;
	}
.waku_bottom50 {
	border:#CCCCCC 1px solid; 
	padding:10px; 
	background-color:#DEEDFC; 
	margin:10px 0 30px 0;
	}	
.waku_bottom50 p{
	margin:10px 0;
}
.waku p{
	margin:10px 0;
}
#day div.eachTable{
	margin-bottom:20px;
}
#day div.eachTable.blue{
	background:none;
}
#day h5{
	font-size:12px;
	text-align:right;
	margin-top:10px;
	margin-bottom:0;
	padding:0;
}
#day div.picRight{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
#day div.picRight img,
#day div.picCenter img{
	border:1px solid #CCC;
	vertical-align:bottom;
}

#day div.picRight02{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

#day div.picCenter{
	margin-left:10px;
	margin-bottom:10px;
	text-align: center;
}
/*youtube*/
#day div.youtubeCenter{
	margin: 0 auto;
    width: 400px;
    padding-bottom: 30px;
}

.youtube_box {
    position: relative;
    padding-top: 56.25%;
    text-align: center;
    margin: 0 auto;
}

iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #CCC;
    vertical-align: bottom;
}

#day div.picRight02 img{
	border:1px solid #CCC;
	vertical-align:bottom;
}

#day div.ancherLink{
	background-color:#F2F2F2;
	padding:10px;
	margin-bottom:10px;
}

#day div.ancherLink dl{
	margin:0;
}
#day div.ancherLink dt{
	clear:both;
	width:55%;
	float:left;
	margin:0 0 5px 0;
}
#day div.ancherLink dd{
	width:43%;
	float:right;
	margin:0 0 5px 0;
	position:relative;
}


.linkInfo{
	position:absolute;
	right:80px;
	top:0px;
}
.linkGakubu{
	position:absolute;
	right:0px;
	top:0px;
	height:19px;
}
a.linkInfo {
    background: transparent url('../../imagesearch/images/bg_button_a.gif') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    height: 19px;
    margin-right: 6px;
    padding-right: 12px;
    text-decoration: none;
	font-size:11px;
}

a.linkInfo span {
    background: transparent url('../../imagesearch/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 19px;
    padding:  0 0 0 22px;
    color: #FFF;
	text-decoration:none
}
a.linkInfo:hover{
    color: #FFF;
	text-decoration:none
}




a.linkGakubu {
    background: transparent url('../../imagesearch/images/bg_button3_a.gif') no-repeat scroll top right;
    display: block;
    float: right;
    height: 19px;
    margin-right: 6px;
    padding-right: 12px;
    text-decoration: none;
	font-size:12px;
    color: #FFF;
}

a.linkGakubu span {
    background: transparent url('../../imagesearch/images/bg_button3_span.gif') no-repeat;
    display: block;
    line-height: 19px;
    padding:  0 0 0 22px;
    color: #FFF;
	text-decoration:none
}

a.linkGakubu:hover{
    color: #FFF;
	text-decoration:none
}

.lead001{
	 margin:0 20px 5px 20px;
	 padding:0;
}

.lead002{
	 margin:0 20px 5px 20px;
	 padding:0 0 10px 0;
}

.box_chiba_a{
	width:440px;
	float:left;
}

.box_chiba_b{
	width:440px;
	float:right;
}

#day h4.title_asan{
	width:100%;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/chiba_a_b/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

#day h4.title_bsan{
	width:100%;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/chiba_a_b/01.gif) no-repeat -440px 0;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title100125{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/100125/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title100212{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/100212/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title001{
	width:880px;
	height:60px;
	margin:0;
	padding:0;
	background:url(../images/timetable_100531_01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}
h4.title002{
	width:880px;
	height:60px;
	margin:0;
	padding:0;
	background:url(../thumb/100602_01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}
h4.title003{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../images/timetable_100729_01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}
h4.title004{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/100819/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title005{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/101213/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title006{
	width:880px;
	height:69px;
	margin:0;
	padding:0;
	background:url(../thumb/110509/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title007{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/121018/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title008{
	width:880px;
	height:60px;
	margin:0;
	padding:0;
	background:url(../thumb/121207/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

#day h5.honbun{
	clear:both;
	color:#0063A9;
	font-size:13px;
	text-align:left;
	margin:7px 0;
	display:block;
	width:100%;
}

h4.title009{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/130109/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title010{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/130729/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title011{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/130814/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}
h4.title012{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/130814_02/03.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title013{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/130827/03.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title014{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/130830/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title015{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/130906/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title016{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/131101/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title017{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/131112/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title018{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/140825/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title019{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/140828/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title020{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/140903/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title021{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/140918/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

h4.title022{
	width:880px;
	height:40px;
	margin:0;
	padding:0;
	background:url(../thumb/141106/01.gif) no-repeat;
	text-indent:-66666px;
	overflow:hidden;
}

p.mar0_0_30_0{
	margin:0 0 30px 0;
}

.kamoku_table{
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	margin-bottom:10px;
}

.kamoku_table th,
.kamoku_table td{
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:2px 5px;
}

.lead_txt{
	padding:0 20px 20px;
}

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

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

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

#day .picRight_reponsive01{
	float:right;
	margin:0 0 10px 20px;
}

#day h4.renew{
	font-size:16px;
	color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:5px 10px;
	margin-bottom:20px;
}

#day .green h4.renew{background:#16A566;}
#day .blue h4.renew{background:#16A5D9;}
#day .orange h4.renew{background:#FFA100;}
#day .pink h4.renew{background:#E576D0;}
#day .brawn h4.renew{background:#A3998C;}
#day .black h4.renew{background:#666666;}

#day .box_time_table:after{
	content:"";
	height:1px;
	display:block;
	clear:both;
	margin-bottom:20px;
}

#day .time_table_pc{
	float:left;
}

#day .time_table_sp{
	display:none;
}

#day .time_table_photo{
	width:206px;
	float:right;
}

#day .time_table_photo .box_img{
	margin-bottom:10px;
}

#day .time_table_photo img{
	width:200px;
	height:auto;
	border-width:3px;
	border-style:double;
	display:block;
}

#day .green .time_table_photo img{border-color:#16A566;}
#day .blue .time_table_photo img{border-color:#16A5D9;}
#day .orange .time_table_photo img{border-color:#FFA100;}
#day .pink .time_table_photo img{border-color:#E576D0;}
#day .brawn .time_table_photo img{	border-color:#A3998C;}
#day .black .time_table_photo img{border-color:#666666;}

#day .time_table_photo span{
	display:block;
}

#day div.picRight02 p{
	margin: 0;
}

/*---2マイ写真------------------------------------------*/
#day .boxImg2{
	clear:both;
	padding-top:20px;
	overflow:hidden;
	border-top:2px solid #ddd;
	margin-top:20px;
}

#day .boxImg2 .box{
	width:50%;
	float:left;
	text-align:center;
}

#day .boxImg2 .box img{
	max-width:280px;
	margin: 0;
	/*padding: 3px;
	background: #fdfdfd;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
	border: 1px solid #CCC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

#day .boxImg2 .box .cap{
	display:block;
	color:#888;
	width:80%;
	margin:0 auto;
	padding-top:5px;
}
#day .boxImg2 p.cap{
	clear:both;
	padding:5px 5%;
}
/*---2マイ写真------------------------------------------*/

.voverlay img:hover{
	opacity:0.8;	/*Firefox, Opera, Chrome, Safari*/
	filter: alpha(opacity=80); /* IE lt 8 */
}

/*---学校ページリンク------------------------------------------*/
#link {
    background: #F58216;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}
#link td {
    vertical-align: middle;
    color: #fff;
    padding: 5px 10px;
}
#link .link_left {
    background: #FFF096;
    color: #F58216;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    width: 4em;
    line-height: 1.5;
    font-size: 12px;
}
#link .link_center {
    text-align: left;
	font-size: 14px;
}
#link .link_right {
    text-align: right;
}
#link .link_right a {
    color: #fff;
	font-size: 14px;
}

/**
 * タブレット端末用
**/

@media only screen and (min-width: 651px) and (max-width: 960px) {

}


/**
 * スマートフォン端末用
**/

@media only screen and (max-width: 650px) {

#pagetitle_day {
	clear:both;
	background: url(../images/day_title.jpg) no-repeat;
	width:auto;
	margin:0 0 10px 0;
	height:auto; 
	font-size:22px; 
	font-weight:normal; 
	text-align:left; 
	padding:20px 10px;
	color:#FFFFFF;
	background-size:auto 100%;
	background-position:-3px 0;
}



h2 #pagetitle_image {
}
	
#day div.ancherLink dt {
	width: auto; 
	float: none; 
}

#day div.ancherLink dd {
	width: auto; 
	float: none; 
	margin: 0 0 10px 0;
	position: static; 
	padding: 0 0 10px 0;
	clear: both;
	border-bottom: 1px dashed #888;
}	

a.linkInfo {
	background: #0077C8;
	display: block; 
	float: none; 
	height: auto; 
	margin: 0 0 5px;
	padding: 5px 10px;
	font-size: 13px;
	position: static; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

a.linkGakubu {
	background: #FF901B;
	display: block; 
	float: none; 
	height: auto; 
	margin: 0;
	padding: 5px 10px;
	font-size: 13px;
	position: static; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


a.linkInfo span,
a.linkGakubu span{
	background: none;
	display:inline;
	line-height: 1.6;
	padding: 0 0 0 0;
}


#day h4 {
	width: auto;
	height: auto;
	font-size: 18px;
	color: #fff;
	line-height: 1.6;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 10px;
	text-indent: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#day h4.blue {
	background: #16A5D9;
}

#day h4.orange {
	background: #FFA100;
}

#day h4.pink {
	background: #E576D0;
}

#day h4.brawn {
	background: #A3998C;
}

#day h4.green {
	background: #16A566;
}

#day h4.black {
	background: #666666
}

.box_chiba_a,
.box_chiba_b{
	width:auto;
	float:none;
}

.box_chiba_a img,
.box_chiba_b img{
	width:100%;
	height:auto;
	display:block;
	max-width:440px;
}

.box_chiba_a{
	margin-bottom:20px;
}

#day h4.title_asan{
	width:auto;
	height:auto;
	margin: 0 0 10px 0;
	padding: 10px;
	background: #16A5D9;
	text-indent:0;
	box-sizing:border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}

#day h4.title_bsan{
	width:auto;
	height:auto;
	margin: 0 0 10px 0;
	padding: 10px;
	background: #16A566;
	text-indent:0;
	box-sizing:border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}

.lead_txt {
	padding: 0 0 20px;
}

.time_table{
	display:block;
	width:100%;
	height:auto;
}

#day div.picRight {
	float: none;
	margin-left: 0;
	margin-bottom: 10px;
	line-height: 0;
	text-align: center;
}

#day div.picRight img {
	border: 1px solid #CCC;
	width: 40%;
	height: auto;
	margin-bottom: 5px;
}

#day div.picRight02,
#day div.picCenter,
#day div.youtubeCenter{
	float: none;
	margin-left: 0;
	margin-bottom: 10px;
	line-height: 0;
	text-align: center;
}

#day div.picRight02 img {
	border: 1px solid #CCC;
	width: 80%;
	height: auto;
	margin:0 auto 5px;
	max-width:300px;
	display:block;
}

#day div.picCenter img{
	border: 1px solid #CCC;
	width: 100%;
	height: auto;
	margin:0 auto 5px;
	display:block;
}

#day div.youtubeCenter{
	width: 100%;
	height: auto;
	margin:0 auto 5px;
	display:block;
    padding-bottom: 10px;
}

#day div.picRight02 p{
	padding-bottom: 10px;
}
	
#day h5{
	text-align:left;
	font-size:15px;
	font-weight:normal;
	margin-bottom:30px;
}

#day h5 a {
	display: inline-block;
	padding:5px 10px ;
	background: #0063A9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	margin: 0 auto;
}

#day .waku h4 {
	color: #0063A9;
	padding: 0;
	border-bottom: 1px solid #0063A9;
	border-radius: 0;
}

.yamanashi02_picright{
	width:40%;
}

.yamanashi02_picright img{
	display:block;
	width:100%;
	height:auto;
}

.kamoku_table {
	width: 100%;
	box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}

.kamoku_table th, .kamoku_table td {
	width: 20%;
	box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}

.yamanashi02_jikanwari img{
	display:block;
	width:100%;
	height:auto;
	max-width:410px;
	margin:0 auto 10px !important;
}

.kyushu01_pic_right{
	float:none;
	margin:0 0 20px 0;
}

.kyushu01_pic_left{
	float:none;
	margin:0 0 20px 0;
}


.kyushu01_pic_left img,
.kyushu01_pic_right img{
	display:block;
	width:100%;
	max-width:200px;
	height:auto;
	margin:0 auto;
}

#day .picRight_reponsive01{
	width:40%;
}

#day .picRight_reponsive01 img{
	display:block;
	width:100%;
	height:auto;
}

#day h4.renew{
	font-size: 18px;
	padding: 10px;
}

#day .time_table_pc{
	display:none;
}

#day .time_table_sp{
	display:block;
}

#day .time_table_sp img{
	width:100%;
	height:auto;
	max-width:400px;
	display:block;
	margin:0 auto 20px;
}

#day .time_table_photo{
	width:80%;
	float:none;
	max-width:400px;
	margin:0 auto;
}

#day .time_table_photo img{
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

/*---2マイ写真------------------------------------------*/
#day .boxImg2{
	padding-top:0;
}

#day .boxImg2 .box{
	width:80%;
	float:none;
	margin:20px auto 0;
}

#day .boxImg2 .box img{
	max-width:100%;
}

#day .boxImg2 .box .cap{
	width:100%;
}
/*---2マイ写真------------------------------------------*/
}