@charset "EUC-JP";

/* 
=== JIKEI UNIVERSITY / Daisan  ======================

	トップページ
	 mainColumn 

====================================================== */
/*	Date : 2019.01	*/

@import url('https://fonts.googleapis.com/css?family=Quicksand:300');


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

	mainColumn 

 --------------------------------------------------- */
.top_mainColumn { 
	width: 950px;
	margin: 18px 0;
}

.top_mainColumn p {
}

.contbox_left { 
	width:700px;
	float: left;
    display:block;
	margin: 15px 0 10px;
	padding-right: 10px;
	line-height:160%;
}
h3.top_Ltit{ 
  color:#041861;
  font-weight:bold;
  margin-bottom:20px;
  letter-spacing:0.1em;
}

.contbox_right { 
	width:240px;
	float: right; 
	margin:18px 0 40px;
} 
.contbox_right p {
	margin-top:5px;
	text-align:center;
	line-height:150%;
}


/* MainMenu
 ------------------------------------ */
#main_menu {
	clear:both;
	width:950px;
	display:block;
	margin:0;
	position: relative;
} 
#main_menu ul{
	display:block;
	height:153px;
} 
#main_menu li{
	display:block;
	float:left;
	margin:0 19px 30px 0;
} 
#main_menu li:nth-child(3){
	display:block;
	float:left;
	margin:0 0 30px 0;
} 
#main_menu li:nth-child(6){
	display:block;
	float:left;
	margin:0 0 30px 0;
} 


.box-main-photo {
   position: relative;
   width: 297px;
   height: 153px;
   overflow: hidden;
}
.background-image01{
   position: absolute;
   width: 297px;
   height: 153px;
   background: url("../image/top_menu_btn01.jpg") #FFF no-repeat center center;
   background-size: cover;
   transition: all 0.5s ease-out;
   transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 1
    	);
    will-change: transform;
}
.background-image01:hover {
    transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 0.9
    	);
		opacity: 0.7;
}
.background-image02{
   position: absolute;
   width: 297px;
   height: 153px;
   background: url("../image/top_menu_btn02.jpg") #FFF no-repeat center center;
   background-size: cover;
   transition: all 0.5s ease-out;
   transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 1
    	);
    will-change: transform;
}
.background-image02:hover {
    transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 0.9
    	);
		opacity: 0.7;
}
.background-image03{
   position: absolute;
   width: 297px;
   height: 153px;
   background: url("../image/top_menu_btn03.jpg") #FFF no-repeat center center;
   background-size: cover;
   transition: all 0.5s ease-out;
   transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 1
    	);
    will-change: transform;
}
.background-image03:hover {
    transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 0.9
    	);
		opacity: 0.7;
}
.background-image04{
   position: absolute;
   width: 297px;
   height: 153px;
   background: url("../image/top_menu_btn04.jpg") #FFF no-repeat center center;
   background-size: cover;
   transition: all 0.5s ease-out;
   transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 1
    	);
    will-change: transform;
}
.background-image04:hover {
    transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 0.9
    	);
		opacity: 0.7;
}
.background-image05{
   position: absolute;
   width: 297px;
   height: 153px;
   background: url("../image/top_menu_btn05.jpg") #FFF no-repeat center center;
   background-size: cover;
   transition: all 0.5s ease-out;
   transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 1
    	);
    will-change: transform;
}
.background-image05:hover {
    transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 0.9
    	);
		opacity: 0.7;
}
.background-image06{
   position: absolute;
   width: 297px;
   height: 153px;
   background: url("../image/top_menu_btn06.jpg") #FFF no-repeat center center;
   background-size: cover;
   transition: all 0.5s ease-out;
   transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 1
    	);
    will-change: transform;
}
.background-image06:hover {
    transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 0.9
    	);
		opacity: 0.7;
}
.background-image07{
   position: absolute;
   width: 297px;
   height: 153px;
   background: url("../image/top_menu_btn07.jpg") #FFF no-repeat center center;
   background-size: cover;
   transition: all 0.5s ease-out;
   transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 1
    	);
    will-change: transform;
}
.background-image07:hover {
    transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 0.9
    	);
		opacity: 0.7;
}
.background-image08{
   position: absolute;
   width: 297px;
   height: 153px;
   background: url("../image/top_menu_btn08.jpg") #FFF no-repeat center center;
   background-size: cover;
   transition: all 0.5s ease-out;
   transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 1
    	);
    will-change: transform;
}
.background-image08:hover {
    transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 0.9
    	);
		opacity: 0.7;
}
.background-image09{
   position: absolute;
   width: 297px;
   height: 153px;
   background: url("../image/top_menu_btn09.jpg") #FFF no-repeat center center;
   background-size: cover;
   transition: all 0.5s ease-out;
   transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 1
    	);
    will-change: transform;
}
.background-image09:hover {
    transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 0.9
    	);
		opacity: 0.7;
}
.background-image10{
   position: absolute;
   width: 297px;
   height: 153px;
   background: url("../image/top_menu_btn10.jpg") #FFF no-repeat center center;
   background-size: cover;
   transition: all 0.5s ease-out;
   transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 1
    	);
    will-change: transform;
}
.background-image10:hover {
    transform: matrix3d(
    		1, 0, 0, 0,
    		0, 1, 0, 0,
    		0, 0, 1, 0,
    		0, 0, 0, 0.9
    	);
		opacity: 0.7;
}

.menu_tit {
    position: absolute;
    pointer-events: none;
    width: 297px;
    height: 153px;
     
    display: flex;
    justify-content: center;
    align-items: center;
	text-align:center;
    color: #fff;
    z-index:1;
	font-family: 'Oswald', sans-serif;
	letter-spacing:0.1em;
}



/* news
 ------------------------------------ */

h3.top_n{ 
  color:#041861; 
  margin:15px 0 25px;
  letter-spacing:0.1em;
  text-align:center;
  font-weight:normal;
  font-family: 'Quicksand', sans-serif;
}
 
#newsarea{ 
	width:950px;
	clear:both;
	padding-top:10px;
}
#news {
    clear:both;
    width:950px;height:300px;auto;
    overflow-y:scroll;
    padding:0px 0 0 0;
    margin:0 0 0 0;
    line-height:160%;
	letter-spacing:0.1em;
}
#news dl{ 
    margin:0px 10px;
	padding-top:25px;
	padding-bottom:25px;
	border-top:1px #bcbcbc solid;
}
#news dl:last-child { 
    margin:0px 10px;
	padding-top:25px;
	padding-bottom:25px;
	border-bottom:1px #bcbcbc solid;
}
#news dl dt{ 
    padding-left:10px;
	width:auto;
	float: left;
	color:#3b3b3b;
	font-weight:bold;
	word-break: break-all;
}
#news .day{
	color:#004ec4;
}
#news .label{
	margin:0 20px;
	padding:1px 0px;
	color:#041861;
	text-align:center;
	width:70px;
	display:inline-block;
	font-weight:bold;
	border:1px #041861 solid;
}
#news dl dd{
    display:black;
	margin-left:220px;
}
#news dl dd a{
    color:#242424;
	margin-left:0px;
	text-decoration: underline;
}
#news dl dd a:hover {
	color:#727272;
	text-decoration: none;
}