@charset "UTF-8";
/*===================================
 index.css
===================================*/

.index #hWrapper{
	height:120px;
	}

.headerMenu{
	width:960px;
	margin:0 auto;
	position:relative;
	height:0px;
	}
	
.headerMenu ul{
	width:190px;
	padding:5px;
	box-sizing:border-box;
	background-color:#f7931e;
	position:absolute;
	/*top:-120px;*/
  right:0;
  top: -105px;
	}

.headerMenu ul li {
	text-align:center;
}		

.headerInbox02{
	height:699px;
	background:url(../../images/index/bg_header_img.gif) repeat-x;
	}
	
.headerInbox02 .mainImage{
	background:url(../../images/index/mainImage.png) no-repeat top center;
	}

.headerInbox{
	height:699px;
	background:url(../../images/index/bg_header_img.gif) repeat-x;
	}
	
.headerInbox .mainImage{
	background:url(../../images/index/mainImage.png) no-repeat top center;
	}	

.headerInbox ul.courseMenu{
	display:block;
	width:1205px;
	margin: 390px auto 0 auto;
	}
	
.headerInbox ul.courseMenu li{
	float:left;
	margin:0 14px 10px 0;
	background-color:#FFF;
	border-radius:8px;
	box-shadow:rgba(204, 204, 204, 0.65) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(204, 204, 204, 0.65) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(204, 204, 204, 0.65) 0px 0px 6px 3px;
	}
	
.headerInbox ul.courseMenu li:last-child{
	margin-right:0px;
	}
	
.headerInbox .wschool{
	position:relative;
	height:0;
	width:1205px;
	margin:0 auto;
	}
	
.headerInbox .wschool img{
	position: absolute;
	top:-600px;
	right:-200px;
	}	
	
#mainMenu{
	border-top: 1px dotted #00913a;
	border-bottom: 1px dotted #00913a;
	}
	
/* news & topics */	
	
.newsBox h2{
	display:block;
	height:68px;
	margin-bottom:22px;
	background-color:#FFF;
	font-size:14px;
	line-height:68px;
	overflow:hidden;
	}	
	
.newsBox h2 img{
	float:left;
	margin-right:20px;
	}
	
.newsBox ul{
	width:710px;
	}	
	
.newsBox ul li{
	width:216px;
	height:225px;
	float:left;
	margin-right:30px
	}	

.newsBox ul li:nth-child(3n) {
    margin-right: 0px;
}

.newsBox ul li p{
	margin-top:5px;
	}
	
.newsBox ul li a{
	color:#000;
	}	

.newsBox ul li .date{
	display:block;
	width:115px;
	font-size:11px;
	color:#000;
	float:left;
	}

.newsBox ul li .icon{
    display: block;
    font-size: 11px;
	font-weight:bold;
    line-height: 20px;
    text-align: center;
	color:#FFF;
	float:right;
}

.newsBox ul li .cat01{
	width:76px;
    background-color: #009ee5; /*お知らせ*/
}
.newsBox ul li .cat02{
	width:92px;
    background-color: #ffef00;/*キャンペーン*/
	
	color:#000;
	font-weight:normal;
}
.newsBox ul li .cat03{
	width:9em;
    background-color: #dc950f;  /*在校生の皆様へ*/
}
.newsBox ul li .cat04{
	width:76px;
    background-color: #c1007b; /*採用情報*/
}

.newsBox ul li .txt{
	line-height:16px;
	}

.newsBox .btn01 a{
	display:block;
	width:230px;
	height:60px;
	margin:0 auto;
	background-color:#FFF;
	font-size:16px;
	text-align:center;
	line-height:60px;
	text-decoration:none;
	color:#999999;
	}
	
	.newsBox .btn01 a:hover{
		filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
		}
	
/*.newsBox .btn01 a:hover{
	background-color:rgba(140, 198, 63, 0.7);
	color:#FFF;
	 transition: all 0.3s ease 0s;
	}*/	
	
.newsBox .btn01 a:before{
	content:url(../../images/index/arrow01.png);
	}