body {
	/*background-color:#cdcdff;*/ /*背景色*/
	background:url(../img/s142.jpg);
	overflow-y:scroll;
}

/*メインフォーム*/
.main{
	width: 1000px; /*表示フィールドの幅*/
	margin: 0 auto;
	text-align: left;
	background-color:#fff; /*背景色*/
	background:url(../img/w6b.gif);
	box-shadow:5px 5px 3px #000; /*影*/
}  

/*見出しのスタイル*/
.main h4{
	width:20%; /*幅*/
	height: 25px;
	margin-left:80%;
	color: #fff; /*フォントカラー*/
	padding: 5px 0px 5px 0px;
	border-radius:10px; /*角丸の程度*/
	background-color:#555; /*背景色*/
	text-align: center;
}
.main h4 a:link{
	color:#fff;
}
.main h4 a:visited{
	color:#0ff;
}

/*メニューバー*/
.dropmenu{
  list-style-type: none;
  width: 1000px; /*幅．表示フィールドの幅と同じにする*/
  margin: 0 0 0 0;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 125px; /*メニュー1つ分の幅*/
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #555; /*メイン項目の背景色*/
  color: #fff; /*フォントカラー*/
  font-size: 16px; /*フォントサイズ*/
  line-height: 1;
  text-decoration: none;
	border:solid 1px #fff;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #aaa; /*ドロップダウンした時の横線の色*/
  background: #38f; /*サブ項目の背景色*/
  text-align: left;
}

/*孫*/
.dropmenu li ul li ul{
  list-style: none;
  position: absolute;
  top: 0%;
  left: 100%;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li ul li{
  width: 100%;
}
.dropmenu li ul li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #0ff; /*ドロップダウンした時の横線の色*/
  background: #6bf; /*孫項目の背景色*/
  text-align: left;
  width:160px; /*孫の幅*/
}
/*ここまで*/

.dropmenu li:hover > a{
  background: #0cc; /*サブ項目にマウスオーバーしている時のメイン項目の背景色*/
}
.dropmenu li a:hover{
  background: #aaa; /*メイン項目にマウスオーバーしている時のメイン項目の背景色*/
}

#flip2{
	position: relative;
	z-index: 1000; /*レイヤ*/
}
#flip2 li ul {
  visibility: hidden;
  perspective: 400px;
}
#flip2 li:hover ul{
  visibility: visible;
}
#flip2 ul li{
  transform: rotateY(90deg);
  transform-origin: 50% 0;
  transition: .12s; /*次のサブ項目が出てくるときの間隔*/
}
#flip2 li:hover li{
  transform: rotateY(0);
}
#flip2 ul li:nth-child(2) {
  transition-delay: .05s;
}
#flip2 ul li:nth-child(3) {
  transition-delay: .1s;
}
#flip2 ul li:nth-child(4) {
  transition-delay: .15s;
}
#flip2 ul li:nth-child(5) {
  transition-delay: .2s;
}
#flip2 ul li:nth-child(6) {
  transition-delay: .25s;
}
#flip2 ul li:nth-child(7) {
  transition-delay: .3s;
}

/*孫*/
#flip2 li ul li ul{
  visibility: hidden;
  perspective: 400px;
}
#flip2 li:hover ul li ul{
  visibility: hidden;
}
#flip2 li ul li:hover ul{
  visibility: visible;
}
#flip2 ul li ul li{
  transform: rotateY(90deg);
  transform-origin: 50% 0;
  transition: .12s; /*次のサブ項目が出てくるときの間隔*/
}
#flip2 li ul li:hover li{
  transform: rotateY(0);
}
#flip2 ul li ul li:nth-child(2) {
  transition-delay: .05s;
}
#flip2 ul li ul li:nth-child(3) {
  transition-delay: .1s;
}
#flip2 ul li ul li:nth-child(4) {
  transition-delay: .15s;
}
#flip2 ul li ul li:nth-child(5) {
  transition-delay: .2s;
}
#flip2 ul li ul li:nth-child(6) {
  transition-delay: .25s;
}
#flip2 ul li ul li:nth-child(7) {
  transition-delay: .3s;
}
/*ここまで*/

/*受験生の皆さんへフォーム*/
.main .student{
	width:80%;
	margin-left:10%;
}
.main .student h1{
	margin-top: 50px;
	margin-bottom: 0;
	color: #fff; /*見出しのフォントカラー*/
	padding: 10px 0px 10px 10px;
	background-color:#555; /*見出しの背景色*/
	border-radius:10px; /*角丸の程度*/
}
.main .student .link{
	width:100%;
	margin-right: 0;
	background-color:#cdcdff; /*背景色*/
	padding: 20px 0 20px 0;
	border-radius:10px; /*角丸の程度*/
}
.main .student .link .image{
	width:70%;
	margin-left:0%;
	border-radius:10px; /*角丸の程度*/
	box-shadow:5px 5px 3px #555; /*影*/
}

/*ニュースフォーム*/
.main .newsform{
	width:35%; /*幅*/
	height:150px; /*高さ*/
	background-color: #cdcdff; /*背景色*/
	margin-left:10%; /*左とのマージン*/
	overflow-x:auto;
	overflow-y:auto;
	text-align:left;
	border-radius:10px; /*角丸の程度*/
	padding: 15px 0 0 15px;
}

/*更新情報フォーム*/
.updateform{
	width:35%; /*幅*/
	height:150px; /*高さ*/
	background-color: #ddd; /*背景色*/
	margin-left:53.5%; /*右とのマージン*/
	overflow-x:auto;
	overflow-y:auto;
	text-align:left;
	border-radius:5px; /*角丸の程度*/
	padding: 15px 0 0 15px;
	margin-bottom:50px; 
}

/*見出しのスタイル*/
.main h2{
	width:20%; /*幅*/
	height: 30px;
	margin-bottom: 0;
	color: #fff; /*フォントカラー*/
	padding: 10px 0px 10px 0px;
	border-radius:5px; /*角丸の程度*/
	background-color:#555; /*背景色*/
	text-align: center;
}

/*トップへ戻るボタン*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}