@charset "UTF-8";
#mainCampus h2.siteTtl01 {
	position: relative;
	color: #fff;
	background: #83C9F1;
	font-size: 1.143em;
	font-weight: bold;
	padding: 0.8em;
	box-sizing: border-box;
	z-index: -10;
}
#mainCampus h2.siteTtl01:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	height: 0;
	width: 0;
	border-top: 10px solid #51A2D1;
	border-right: 0px solid #51A2D1;
	border-bottom: 21px solid;
	border-left: 21px solid;
}

#mainCampus .mainBox {
	border-top: none;
	border-right: 1px solid #44babc;
	border-bottom: 1px solid #44babc;
	border-left: 1px solid #44babc;
}
#mainCampus .mainBox h4 {
	border-bottom: 2px solid #51A2D1;
	font-size: 170%;
	margin-bottom: 2%;
	color: #51A2D1;
	font-weight: normal;
}
#mainCampus .mainBox h5 {
	font-size: 140%;
	margin-bottom: 1%;
	color: #51A2D1;
	font-weight: normal;
}
#mainCampus .mainBox .icon01 {
	background: url(../img/pages/campus/icon_campus01.png) no-repeat left 0.2em;
	padding-left: 20px;
}
#mainCampus h6.ttl {
	font-size: 140%;
	background: #258D3A;
	text-align: center;
	width: 666px;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #fff;
	margin-bottom: 2%;
	margin-right: auto;
	margin-left: auto;
}
#mainCampus .flotBox02In h6 {
	font-size: 120%;
	background: #51A2D1;
	color: #fff;
	text-align: center;
	padding: 5px 5px 3px;
	margin-bottom: 5px;
}


/* カテゴリTOP
----------------------------------------------------*/

#mainCampus .mainBox02 {
	margin-bottom: 10%;
	overflow: hidden;
}
#mainCampus .mainBox02 .box2cal {
	width: 365px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#mainCampus .mainBox02 .box2cal:nth-child(even) {
	margin-right:0px;
}
#mainCampus .mainBox02 .box2cal .box2calTxt {
	width: 355px;
	padding: 20px 30px;
	box-sizing: border-box;
	background: #F6FAFD;
	border-right: 1px solid #44babc;
	border-bottom: 1px solid #44babc;
	border-left: 1px solid #44babc;
	margin-left: 10px;
	line-height: 1.9;
	letter-spacing: 1px;
	letter-spacing: 0.1em;
}

#mainCampus h3.siteTtl03 {
	position: relative;
	color: #fff;
	background: #83C9F1;
	font-weight: bold;
	padding: 0.8em;
	box-sizing: border-box;
	/*z-index: -10;*/
}
#mainCampus h3.siteTtl03 img {
	margin-left: 10px;
}
#mainCampus h3.siteTtl03:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	height: 0;
	width: 0;
	border-top: 10px solid #51A2D1;
	border-right: 0px solid #51A2D1;
	border-bottom: 10px solid;
	border-left: 10px solid;
}
#mainCampus h3.siteTtl03 a {
	background: #fff url(../img/pages/campus/icon_campus02.png) no-repeat 6px center;
	display: inline-block;
	color: #51A2D1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 90%;
	padding: 3px 6px 3px 19px;
	margin-bottom: 3px;
	text-decoration: none;
}

#mainCampus h3.siteTtl03 a:hover {
}
#mainCampus .siteTtl04 {
	color: #fff;
	background: #63C4DD;
	position: relative;
	padding: 8px 0px 8px 15px;
	margin-right: 2%;
	margin-left: 2%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 140%;
	font-weight: normal;
}
#mainCampus .siteTtl04 span {
	text-align: right;
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 11px 15px 8px 0px;
	font-size: 80%;
}





#mainCampus .anchorList01 {
	list-style-type: none;
}
#mainCampus .anchorList01 li a {
	color: #fff;
	text-decoration: none;
	background: #51A2D1 url(../img/pages/campus/icon_campus03.gif) no-repeat 15px 0.5em;
	padding-left: 30px;
	display: block;
	padding-top: 2px;
	padding-bottom: 1px;
	margin-bottom: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#mainCampus .anchorList02 {
	overflow: hidden;
}

#mainCampus .anchorList02 li {
	float: left;
	width: 340px;
	margin-right: 10px;
}

#mainCampus .anchorList02 li:nth-child(even) {
	margin-right: 0px;
}

#mainCampus .anchorList03 {
	overflow: hidden;
}

#mainCampus .anchorList03 li {
	float: left;
	width: 224px;
	margin-right: 9px;
}

#mainCampus .anchorList03 li:nth-child(3),
#mainCampus .anchorList03 li:nth-child(6) {
	margin-right: 0px;
}

/*----フロートボックス2カラム
------310-360--------------*/
#mainSchoolguide .flotBox02 {
	padding-bottom: 25px;
}


#mainSchoolguide .flotBox02In h6 {
	font-size: 120%;
	background: #44BABC;
	color: #fff;
	text-align: center;
	padding: 5px 5px 3px;
	margin-bottom: 5px;
}
#mainSchoolguide .mainBox .flotBox06In {
	position: relative;
}

/*----フロートボックス3カラム
------220------------------*/

#mainSchoolguide .flotBox06In h6 {
	background: #44BABC;
	color: #fff;
	padding: 5px 5px 3px;
	text-align: center;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#mainSchoolguide .flotBox06In h6.ttl {
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	margin-bottom: 5px;
}
#mainSchoolguide .flotBox06In .icon01 {
	background: url(../img/pages/schoolguide/icon_schoolguide04.gif) no-repeat left center;
	padding-left: 15px;
	text-align: right;
	font-size: 90%;
	display: inline-block;
	float: right;
}



#mainSchoolguide .flotBox06In .programList {
	border: 1px solid #44babc;
	box-sizing:border-box;
	padding:10px 3px 10px 5px;
}
#mainSchoolguide .flotBox06In .programListKome {
	font-size: 80%;
	margin: 0px 0px 0px -20px;
	padding: 25px 0px 0px;
	list-style-type: none;
}

#mainSchoolguide .flotBox06In ul {
	padding-left: 20px;
	list-style-type: disc;
}

#mainSchoolguide .flotBox06In ul li {
}


/* 学生サポート
----------------------*/

.studentList {
	margin-bottom: 6%;
}

.studentList li {
	display: inline-block;
	padding-left: 20px;
	background: url(../img/pages/campus/bg-dot.gif) no-repeat left 1px;
	padding-left: 14px;
	margin-right: 20px;
	margin-bottom: 5px;
}
.studentBox {
	margin-bottom: 20px;
	overflow: hidden;
	background: #83C9F1;
	padding: 10px;
	box-sizing:border-box;
}
.studentBox p:first-child {
	float: left;
	width: 200px;
}

.studentBox p:last-child {
	width: 470px;
	color: #fff;
	padding: 0px 0px 0px 10px;
	background: #83C9F1;
	float: right;
	box-sizing:border-box;
	line-height: 2em;
}

/* 年間スケジュール
----------------------*/

.scheduleTxt {
	width: 100%;
	box-sizing:border-box;
	overflow: hidden;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.scheduleTxt dt {
	padding: 8px 10px 5px;
	float: left;
	width: 20%;
	box-sizing:border-box;
	background: #83C9F1;
	position: relative;
	/*line-height: 1em;*/
	text-align: center;
	font-size: 160%;
	color: #fff;
	min-height:50px;
}

.scheduleTxt dd {
	padding: 8px 10px 5px;
	float: right;
	width: 80%;
	box-sizing:border-box;
	border: 1px solid #83C9F1;
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}
.scheduleTxt dt p {
	position: absolute;
	top: 55%;
	left: 35%;
	margin-top: -1em;
}

.scheduleList li {
	display: inline-block;
	padding-left: 20px;
	background: url(../img/pages/campus/bg-dot.gif) no-repeat left 1px;
	padding-left: 14px;
	margin-right: 20px;
	margin-bottom: 5px;
}
.schedulePhotoList {
	list-style-type: none;
	margin-bottom: 5%;
	overflow: hidden;
	padding-left: 10px;
}
.schedulePhotoList li {
	margin-left: 30px;
	float: left;
	width: 320px;
	text-align: center;
	font-size: 120%;
	color: #51a2d1;
	margin-bottom: 15px;
}

.schedulePhotoList li:nth-child(odd) {
	margin-left: 0px;
}
.schedulePhotoList li img {
	background: #fff;
	padding: 5px;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;
	margin-bottom: 8px;
}



/* インタビュー
----------------------*/

.studentVoiceTtlLeft,
.studentVoiceTtlRight {
	margin-bottom: 10px;
}

.studentVoiceTtlLeft h4,
.studentVoiceTtlRight h4 {
	color: #fff !important;
	text-align: center;
	padding: 5px 10px;
	margin: 0px !important;
	border-style: none !important;
}

.studentVoiceTtlLeft h4 {
	background: #FF913A;
}
.studentVoiceTtlRight h4 {
	background: #5065BC;
}
.studentVoice.boxLeft,
.studentVoice.boxRight {
	width: 340px;
}
.studentVoice.boxLeft {
	float: left;
}
.studentVoice.boxRight {
	float: right;
}



.studentVoice {
	margin-bottom: 10px;
	overflow: hidden;
}
.studentVoice .left,
.studentVoice .right,
.studentVoice .box03 {
	width: 340px;
	box-sizing:border-box;
	padding: 19px 0px 19px 19px;
	overflow: hidden;
	margin-bottom: 20px;
}
.studentVoice .left {border: 1px solid #FF913A;}
.studentVoice .right {border: 1px solid #5065BC;}
.studentVoice .box03 {border: 1px solid #51A2D1;}

.studentVoice .left2 {
	float: left;
	width: 130px;
}
.studentVoice .right2 {
	float: right;
	width: 179px;
}

.studentVoice .right2 dl {
	margin-bottom: 20px;
	overflow: hidden;
}
.studentVoice .right2 dt {
	float: left;
	box-sizing:border-box;
	text-align: center;
	color: #fff;
}
.studentVoice .left .right2 dt {background: #FF913A;}
.studentVoice .right .right2 dt {background: #5065BC;}
.studentVoice .right2 dd {
	padding: 8px 5px 5px;
	float: right;
	box-sizing:border-box;
	color: #fff;
	width: 127px;
	font-weight: bold;
}
.studentVoice .left .right2 dd {background: #FF913A;}
.studentVoice .right .right2 dd {background: #5065BC;}
.studentVoice .btn {text-align: right;}
.studentVoice .txtBox {
	clear: both;
	font-weight: bold;
	margin-bottom: 10px;
	font-size:110%;
	padding-right: 19px;
}
.studentVoice .left .txtBox {color: #FF913A;}
.studentVoice .right .txtBox {color: #5065BC;}
.studentVoice .box03 .txtBox {color: #51A2D1;}
.studentVoice .left .txtBox2,
.studentVoice .right .txtBox3,
.studentVoice .box03 .txtBox4 {padding-right: 19px;}




.studentVoice .right2 .graduateTtl,
.studentVoice .right2 .graduateTtl02,
.studentVoice .right2 .graduateTtl03 {
	padding: 8px 5px 5px;
	float: right;
	box-sizing:border-box;
	color: #fff;
	width: 180px;
	font-weight: bold;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: center;
}
.studentVoice .right2 .graduateTtl {background: #FF913A;}
.studentVoice .right2 .graduateTtl02 {background: #5065BC;}
.studentVoice .right2 .graduateTtl03 {background: #51A2D1;}

.studentVoice .txtBox2 .ttl01,
.studentVoice .txtBox3 .ttl02,
.studentVoice .txtBox2 .ttl03,
.studentVoice .txtBox2 .ttl04,
.studentVoice .txtBox4 .ttl03 {
	text-align: center;
	padding: 3px 10px;
	margin-bottom: 8px;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
}
.studentVoice .txtBox2 .ttl01 {background: #FF913A;}
.studentVoice .txtBox3 .ttl02 {background: #5065BC;}
.studentVoice .txtBox4 .ttl03 {background: #51A2D1;}



#mainCampus hr.sen {
	height: 1px;
	background-color: #44BABC;
	border: none;
	color: #51A2D1;
	margin-bottom: 20px;
}



.color01{color:#FF913A;}
.color02{color:#5065BC;}
.color03{color:#51A2D1;}
.clubTtl {
	font-size: 140%;
	font-weight: bold;
	color: #fff;
	background: #83C9F1;
	padding: 10px;
	letter-spacing: 0.2em;
	margin-bottom: 30px;
}
.clubBox {
	margin-bottom: 40px;
	overflow: hidden;
}
.clubBox .left {
	float: left;
	width: 340px;
}
.clubBox .right {
	float: right;
	width: 340px;
	min-height:230px;
	position: relative;
	line-height: 1.4em;
}

.clubTable {
	border-collapse: separate;
	border-spacing: 2px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.clubTable tr th {
	background: #83C9F1;
	letter-spacing: 0.5em;
	padding: 3px 5px 2px;
	color: #fff;
	width:40px;
	vertical-align: middle;
	text-align: center;
}

.clubTable tr td {
	padding: 3px 5px 2px;
}




/* 図書館検索
----------------------*/
.libraryTable {
  border-collapse: separate;
	border-spacing: 3px;
}

.libraryTable tr th {
	background: #83C9F1;
	letter-spacing: 0.5em;
	padding: 3px 10px 2px;
	color: #fff;
	font-size: 110%;
}

.libraryTable tr td {
	padding: 3px 10px 2px;
}

.libraryTable2 {
	border-collapse: separate;
	border-spacing: 5px;
	margin-bottom: 6%;
}

.libraryTable2 tr th {
	background: #83C9F1;
	padding: 5px 15px 4px;
	color: #fff;
	width: 30%;
	text-align: center;
	vertical-align: middle;
	font-size: 110%;
}

.libraryTable2 tr td {
	padding: 3px 10px 2px;
}

/* -----------------------------------------------------------------
 検索フォーム
------------------------------------------------------------------ */

#LibrarySearch {
	/*height:112px;*/
	background:#ECEDE8 url(../images/library/search/bg-search.gif) no-repeat left top;
	margin-bottom:35px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	padding: 20px 20px 15px;
}

#LibrarySearch dl {
	padding:0px 0px;
}

#LibrarySearch dl dt,
 #LibrarySearch dl dd {
	/*height:40px;*/
}

#LibrarySearch dl dt {
	width:195px;
	float:left;
	clear:both;
	margin-bottom:5px;
}

#LibrarySearch dl dd {
	width:68%;
	float:right;
	margin-bottom:5px;
}

#LibrarySearch dl dd input {
	width:100%;
	border:1px solid #ccc;
	margin:2px 0px 0px;
	padding:0px;
	height:25px;
	line-height:25px;
	font-size:12px;
	text-indent:5px;
	background:#FFF url(none);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#LibrarySearch dl dd input.blur {
	color:#969696;
}


#LibrarySearch dl dd select {
	margin-top:6px;
}

#LibrarySearchBtn {
	text-align:center;
	margin-bottom:60px;
}

/* -----------------------------------------------------------------
 検索結果
------------------------------------------------------------------ */
#Content p.goToSearch {
	float:left;
	height:19px;
	width:112px;
	display: inline;
	margin-right:10px;
}

#Content div.paging p.goToSearch a {
	display:block;
	height:19px;
	width:112px;
	background:url(../images/common/btn/btn-gotosearch.gif) no-repeat left top;
}

#Content div.paging p.goToSearch a:hover,
#Content div.paging p.goToSearch a:focus {
	background:url(../images/common/btn/btn-gotosearch.gif) no-repeat 0px -19px;
}

.nextPrev10 {
	clear:both;
}
.nextPrev10 .next10 {
	float:right;
}

.nextPrev10 .prev10 {
	float:left;
}

.nextPrev10:after {
  content: "";
  clear: both;
  display: block;
}
/*--------------- テーブル ---------------*/
table tr.even th,
table tr.even td,
table th.even,
table td.even {
	background-color:#e3f5f5;
}


/* .sidebar
----------------------------------------------------*/

.sideCampus {
	border: 2px solid #83c9f1;
}
.sideCampus h3 {
	border-bottom: 2px dotted #83c9f1;
	margin-bottom: 14px;
	margin-right: 1px;
	margin-left: 1px;
}
.sideCampus ul {
	margin-bottom: 10px;
}
.sideCampus ul li a {
	color: #3e3a39;
	text-decoration: none;
	background: url(../img/pages/campus/icon_campus.gif) no-repeat 10px 0.7em;
	margin-left: 8px;
	padding: 8px 5px 8px 28px;
	display: block;
	margin-right: 8px;
}
.sideCampus ul li a:hover,
.sideCampus ul li a.active {
	background: #eef6fa url(../img/pages/campus/icon_campus.gif) no-repeat 10px 0.7em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}




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

	.sideCampus h3 img {
		max-width: 100%;
		height: auto;
		width /***/:auto;　
	}

	#mainCampus .mainBox02 {
		width: 96%;
		margin-left: 2%;
	}	
	
	#mainCampus h3.siteTtl03 a {
		float: right;
		margin-top: 0.7%;
	}
	#mainCampus .anchorList02 li {width: 49%;}
	
	#mainCampus .mainBox02 .box2cal {
		width: 100%;
	}
	#mainCampus .mainBox02 .box2cal .box2calTxt {
		width: auto;
	}

	.flotBox06In .nameImg {
		float: left;
		width: 48%;
	}
	.flotBox06In .nameBox {
		float: right;
		width: 49%;
	}
	.flotBox06In .nameBox .name {
		font-size: 140%;
		margin-bottom: 5px;
		padding-bottom: 3px;
		border-bottom: 1px solid #44BABC;
	}

	#mainCampus .mainBox02 {
		margin-bottom: 5%;
	}
	
	.studentBox p:first-child {
		width: 25%;
	}
	
	.studentBox p:last-child {
		width: 74%;
	}
	
	
	/* インタビュー
	----------------------*/
	.studentVoice.boxLeft,
	.studentVoice.boxRight {
		width: 49%;
	}
	
	.studentVoice .left,
	.studentVoice .right,
	.studentVoice .box03 {
			width: 100%;
	}	
		
	.studentVoice .left2 {
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}	
		
	.studentVoice .right2 {
		float: none;
		width: 179px;
	}	


.clubBox .left {
	float: none;
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
}

.clubBox .right {
	float: none;
	width: 100%;
	position: static;
}

.clubTable {
	position: static;
}



	

	/* 図書館検索
	----------------------*/
	
	#LibrarySearch dl dt {
		width:35%;
		float:left;
		clear:both;
	}
	
	#LibrarySearch dl dd {
		width:63%;
		float:right;
	}
	
	
}


@media only screen and (max-width: 960px) {
	.sideCampus ul li a {
		margin-left: 3px;
		padding: 8px 5px 8px 22px;
		margin-right: 3px;
		background: url(../img/pages/schoolguide/icon_schoolguide.gif) no-repeat 4px 0.7em;
		font-size:90%;
	}
	.sideCampus ul li a:hover,
	.sideCampus ul li a.active {
		background: #eef6fa url(../img/pages/schoolguide/icon_schoolguide.gif) no-repeat 4px 0.7em;
	}
}


@media only screen and (max-width: 768px) {
	#mainCampus h2.siteTtl01 {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}	
	#mainCampus .anchorList01 li a {
		background: #51A2D1 url(../img/pages/campus/icon_campus03.gif) no-repeat 15px 1.1em;
		margin-bottom: 3px;
		padding: 10px 10px 10px 30px;
	}
	#mainCampus .anchorList02 li {
		width: 100%;
	}

	#mainCampus .flotBox06In .icon01 {
	float: none;
	margin-bottom: -20px;
	}
 	

	
	
}

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

#mainCampus .siteTtl04 span {
	text-align: left;
	display: block;
	position: static;
	top: 0px;
	right: 0px;
	padding: 11px 15px 8px 0px;
	font-size: 80%;
}



}
@media only screen and (max-width: 400px) {
.studentBox p:first-child {
	float: none;
		width: 100%;
		text-align:center;
	}

.studentBox p:last-child {
	float: none;
		width: 100%;
		padding: 0px 0px 0px 0px;
	}
	
	
	/* 年間スケジュール
	----------------------*/

	.scheduleTxt dt p {
		left: 18%;
	}
	
	/* インタビュー
	----------------------*/
	.studentVoice.boxLeft,
	.studentVoice.boxRight {
			width: 100%;
	}
	
	.studentVoice .left,
	.studentVoice .right {
			width: 100%;
	}	
		
	.studentVoice .left2 {
		float: left;
		text-align: center;
		margin-bottom: 10px;
	}	
		
	.studentVoice .right2 {
		float: right;
		width: 179px;
	}	
	
	
	
	
	
	/* 図書館検索
	----------------------*/
	
	#LibrarySearch dl dt {
		width: 100%;
	float:none;
	clear:both;
	}
	
	#LibrarySearch dl dd {
		width: 100%;
	float:none;
	clear:both;
	}
	
	

}

.schoolBox2Cal {
	margin-left: 30px;
}
.schoolBox2Cal li {
	float: left;
	width: 300px;
	margin-right: 30px;
	margin-bottom: 20px;
}

iframe.fullwidth{
	width:500px;
	height:300px;
	max-width: 100%;
	margin:20px auto 30px;
	display: block;
}
.halfwidthwrapper{
	text-align: center;
}
.halfwidthwrapper div{
	width:300px;
	max-width: 100%;
	margin:20px 10px 30px;
	display: inline-block;
	color:#51A2D1;
	font-size: 16px;
	line-height: 25px;
	text-align: left;
}
.halfwidthwrapper iframe{
	width:100%;
	height:200px;
}

@media screen and (max-width: 1000px) {
	.schoolBox2Cal {
		margin-left: 4%;
	}
	.schoolBox2Cal li {
		float: left;
		width: 46%;
		margin-right: 4%;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 930px) {
.halfwidthwrapper div{
	width:500px;
	margin:20px auto 30px;
	display: block;
}
.halfwidthwrapper iframe{
	height:300px;
}
}