/* 学校トップ
-------------------------------------*/
#schoolMain .schoolIndexBox {
	margin-top: 20px;
}

#schoolMain .schoolIndexBox h3 {
	font-size: 16px;
	font-weight: bold;
	background-color: #0198e7;
	color: #fff;
	padding: 10px 20px 10px 20px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.schoolIndexBox .indexMessage {
	padding: 15px;
}

.schoolIndexBox .indexMessage img {
	float: right;
	padding-left: 10px;
	margin-bottom: 10px;
	/*width:160px;
	height:120px;*/
}

.schoolIndexBox .indexMessage p.update {
 text-align: right;
}

.schoolIndexBox .indexAccess  dl{
	width:680px;
	overflow:hidden; /*floatしたので高さ確保*/
	background:#ececec;
	display: table-cell;
	font-size: 12px;
	color:#484848;
}

.schoolIndexBox .indexAccess dl dt{
	width: 90px;
	float: left;
	/*padding: 10px;*/
	padding: 10px 10px 0 10px;
	font-weight: bold;
	text-align: center;
	line-height: 1.8em;
	border-top:2px solid #fff;
}

.schoolIndexBox .indexAccess dl dd{
	margin-left: 110px;
	padding: 10px;
	background: #fff;
	line-height: 1.8em;
	border-top:2px solid #fff;
}

.schoolIndexBox .indexAccess dl dd:after {
 content : '';
 display : block;
 clear : both;
}

.schoolIndexBox .indexAccess dl dd:after{
	clear:both; /*1段ずつfloat解除する設定(いらない？)*/
}

.schoolIndexBox .indexAccess {
	width: 680px;
	padding: 15px 15px 0 15px;
}

.schoolIndexBox .indexAccess .btn {
	width: 680px;
	text-align: center;
	margin-top: 20px;
}

.schoolIndexBox .indexAccess .btn:after {
	clear:both;
}

.schoolIndexBox .indexAccess .btn li {
	display: inline;
}

.schoolIndexBox .indexAccess .btn li img {
	margin-right: 10px;
	margin-left: 10px;
}

.schoolIndexBox .indexSubject {
 padding: 15px 15px 0 15px;
}

.schoolIndexBox .indexSubject h4 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
	background-image: url(/school/images_ver2/circle.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left 2px;
	line-height: 1.5em;
}

.schoolIndexBox .indexSubject p {
	margin-bottom: 10px;
}

/* 学校トップメインイメージ
-------------------------------------*/
#schoolHomeContentsPhoto{
	width: 585px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}

#indexPhoto,
#indexPhotoNsc{
	text-align: center;
	width: 583px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	height: 430px;
	display: block;
}
#indexPhoto img,
#indexPhotoNsc img{
  text-align:center;
  /*min-width:300px;*/
  max-width:583px;
}

#indexPhoto{
  display:none;
}

#thumBox{
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 583px;
}
#thumBox li img{
 height:81px;
 max-width:108px;
}
*:first-child+html #thumBox li img{
 height:81px;
 width:108px;
}
* html #thumBox li img{
 height:81px;
 width:108px;
}
#thumBox li{
 margin-right: 10px;
 display: inline;
}
#thumBox .naviend {
 margin-right: 0px;
}
#mainBox img,.indexImg,#schoolHomeContentsPhotoNsc img{
	text-align: center;
	max-width: 583px;
	clear: both;
	vertical-align: middle;
}
#schoolHomeContentsPhotoNsc{
	text-align: center;
	padding-bottom: 15px;
	width: 583px;
	margin-right: auto;
	margin-left: auto;
}

#schoolHomeContentsPhotoNsc p,#mainBox p{
  text-align:center;
  color:#999;
  margin-top:3px;
  line-height:1.5em;
		width: 583px;
	margin-right: auto;
	margin-left: auto;
}

#indexMainBox #mainBox{
	display: none;
}

#indexMainBox{
	text-align: center;
	height: 430px;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	/*background-color: #F96;*/
	display: table-cell;
	vertical-align: middle;
}

#box1,#box2,#box3,#box4,#box5{
	/*display:none;*/
}
*html #mainBox img ,
*html #schoolHomeContentsPhotoNsc img{
  /*width:expression(document.body.clientWidth < 200? "200px" : document.body.clientWidth > 560? "560px" : "auto");*/
  /*width:400px;*/
}
#mainBox img{
  -webkit-animation-name: 'fadein';
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;

  -moz-animation-name: 'fadein';
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: 1;

  animation-name: 'fadein';
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: 1;

  -o-animation-name: 'fadein';
  -o-animation-duration: 1s;
  -o-animation-timing-function: linear;
  -o-animation-iteration-count: 1;

  -ms-animation-name: 'fadein';
  -ms-animation-duration: 1s;
  -ms-animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
}

@-webkit-keyframes 'fadein' {
  0%{opacity: 0;background-color: white;}
  100%{ opacity: 1;background-color: white;}
}

@keyframes 'fadein'{
  0%{opacity: 0;background-color: white;}
  100%{ opacity: 1;background-color: white;}
}

@-moz-keyframes 'fadein'{
  0%{opacity: 0;background-color: white;}
  100%{ opacity: 1;background-color: white;}
}
@-o-keyframes 'fadein' {
  0%{opacity: 0;background-color: white;}
  100%{ opacity: 1;background-color: white;}
}
@-ms-keyframes 'fadein' {
  0%{opacity: 0;background-color: white;}
  100%{ opacity: 1;background-color: white;}
}










/* トップイメージナビ
-------------------------------------
#schoolTopImg {
 margin-bottom: 15px;

}

#schoolTopImg #mainImg{
 margin-bottom: 10px;
 text-align: center;
}

#schoolTopImg #mainImg li {
 text-align: left;
}

#schoolTopImg #mainImg span {
 color: #999999;
}


#schoolTopImg #naviImg{

}

#schoolTopImg #naviImg li{
 margin-right: 10px;
 float: left;
}

#schoolTopImg #naviImg li.end  {
 margin-right: 0px;
}

a.pamphImg,
a.pamphImg img{
}

.selectPamphHeadSection{
  position:absolute;
  top:0;
  right:0;
}
.selectPamphHeadSection img{
  position:relative;
} 
.selectPamphHead{
  color:#fff;
  margin-top:4px;
  background-color:#FD8334;
  border-right:#f17e0a 1px solid;
  border-left:#f17e0a 1px solid;
  width:193px;
  padding-top:5px;
  padding-left:5px;
  font-size:10px;
  
}
p.selectPamphHead,.selectPamphHead input{
  line-height:1.5em
}
.selectPamphHead input,.schoolPamphBox input[type=checkbox]{
  margin-right: 2px;
  vertical-align: middle;
}
.selectPamphHead label,.schoolPamphBox label{
  vertical-align: middle;
}

* html .selectPamphHead input,* html .schoolPamphBox input[type=checkbox]{
  vertical-align: baseline;
}

* html .selectPamphHead label,* html .schoolPamphBox label{
  vertical-align: baseline;
}
*/