@charset "UTF-8";


/* clearfix */
.cf{
	zoom: 1;
}
.cf:before, .cf:after{
	content: "";
	display: table;
}
.cf:after{
	clear: both;
}



body{
	width:100%;
	margin:0 auto;
	padding:0;
	color:#666;
	background-color:#fff;
	line-height:1.5em;
	font-size:0.9em;
	letter-spacing:0.1em;
	font-family:"Hiragino Kaku Gothic Pro",Meiryo, Osaka,"MS PGothic", sans-serif;
}


a{
	color:#666;
	text-decoration:none;
}

a:hover{
	color:#093;
	text-decoration:none;
}

a.link_underline {
	text-decoration: underline;
}
a.link_underline:hover {
	text-decoration: none;
}
	
h1{
	font-size:100%;
	width:100%;
	color:#419c31;
	text-align:center;
	}

h2{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	line-height:3.0;
	text-align:center;
	font-size:100%;
		}


h3{
	border-bottom:1px solid #000;
	text-align:center;
	margin:30px 0;
	padding:0 0 5px 0;
	color:#000;
}

h4{
	margin:0 auto;
	padding:20px 0 0 20px;
}



#wrapper{
	margin:0 auto;
	
}

/*--index--*/

#s_navi{
	text-align: center;
	max-width:491px;
	margin:0 auto;
	font-size:85%;
	}

nav {
  margin: 0;
  background-color: #fff;
}
nav ul {
  margin: 0;
  padding: 0;
}
nav ul li {
  display: block;
  width: 100%;
  margin: 0 ;
  text-align: center;
  line-height: 3.0;
  color:#000;
  border-bottom: 1px dotted #000;
}

nav a{
	color:#666;
	text-decoration:none;
}

nav a:hover{
	color:#093;
	text-decoration:none;
}

article{
   width: 85%;
   margin:20px auto;

 }
 
section{
	width:292px;
	height:auto;
	margin:3em auto;
}

#category{
	width:100%;
	height:auto;
}


.school{
	color:#3978c1;
}

.library{
	color:#b67100;
}

.facility{
	color:#00307c;
}

.rslides {
  margin: 0 auto;
  list-style:none;
  }
  
/*--about--*/

#main{
	margin:0;
	padding:0;
}

#academy{
	color:#093;
	border-top:1px solid #093;
	border-bottom:1px solid #093;
}

#s_title{
	margin:50px 0 0 0;
	color:#3978c1;
	border-bottom:1px solid #3978c1;
}

#l_title{
	margin:50px 0 0 0;
	color:#b67100;
	border-bottom:1px solid #b67100;
}

#f_title{
	margin:50px 0 0 0;
	color:#00307c;
	border-bottom:1px solid #00307c;
}

.info{
	border:1px solid #b67100;
	width:80%;
	height: auto;
	margin:0 auto;
	font-size:80%;
}

#main img {
	margin:20px auto;
	max-width:100%;
	height:auto;
	border:1px solid #ccc;
	padding:3px;
}

  /*--president--*/
  
#p_title{
	margin:50px 0 0 0;
	color:#999;
	border-bottom:1px solid #999;
}

#p_img{
	float:left;
}


#signature{
	text-align:right;
	margin:0;
	padding:1.5em 0 0 0;
}

  /*--history--*/
  
.h_title{
	margin:50px 0 0 0;
	color:#999;
	border-bottom:1px solid #999;
}

#h_img{
	float:left;
}


#h_signature{
	text-align:right;
	margin:0;
	padding:1.5em 0 0 0;
}
  
  /*--footer--*/

#footer{
	background-color: #f0f0f0;
	border:1px solid #cccccc;
	width: auto;
	height:auto;
	min-height:78px;
	padding:10px;
}

#f_menu ul{ 
		margin:10px 0; 
		padding :0; 
		list-style: none;
		width: auto;
		height:auto;
}

#f_menu li{ 
		padding: 0 0 0 5px; 
		margin: 0; 
		float: left;
		border-left:1px dotted #999999;
		display:inline;	
}

#f_menu li a{
		background: url(../img/link_off.png) no-repeat left center;
		padding:0px 10px 0px 15px;
		color: #555;
		margin: 1px 2px;
		text-decoration: none;
		font-size:80%;
		display:block;
		}

#f_menu li a:hover{
		background: url(../img/link_on.png) no-repeat left center;
		color:#393;
}

#f_logo{
		margin:20px 0 0 0;
		font-size:65%;
	}
	


/* for tablet：481px ～ 768px */
@media only screen and (min-width: 481px) {

body{
	width:100%;
	min-width:481px;
}

 nav {
   margin: 0;
   padding: 0;
 }
 nav ul {
   padding: 0;
 }
 nav ul li {
  width: auto;
  margin: 0;
  text-align: center;
  line-height: 3.0em;
  border-bottom:1px dotted #999;
  display:block;
  font-size:120%;
 }
 
a:hover{
  color: #093;
 }
 
.right_line{
	border-right:1px dotted #000;
}

#p_img{
	float:left;
	padding:0 20px 5px 0;
}
}

/*  for PC：769px～960px */
@media only screen and (min-width: 769px) {

body{
	width:100%;
	min-width:960px;
}

#wrapper{
	margin:0 auto;
}

h1{
	font-size:100%;
	width:100%;
	margin:30px 0 0 20px;
	padding: 0;
	color:#419c31;
	text-align:left;
	
}

#s_navi{
	text-align:right;
	min-width:960px;
	margin:0 auto;
	font-size:85%;
	}

 nav {
   margin:10px auto;
   padding: 0;
   border-top:3px double #000;
   border-bottom:3px double #000;
   width:100%;
   height:3.5em;
 }
 
 nav ul {
	margin:0 auto;
	padding: 0 0 0 27px;
	width:960px;
   	min-width:960px;
	text-align:center;
	}
 
 nav li {
  float:left;
  width: auto;
  height:3.0em;
  margin:0;
  padding:0 30px;
  text-align: center;
  display:block;
  font-size:120%;
  line-height:2.5;
  border-right: 1px dotted #000;
  color:#333;
 }
 

 nav li a{
  display:block;
  color:#666;
  text-decoration:none;
  }
 
  nav li a:hover{
  display:block;
  color: #093;
 }
 
 article{
   width:960px;
   min-width:960px;
   max-width:960px;
   margin:20px auto;

 }
 
 section{
	width:292px;
	height:auto;
	margin:0 0 0 20px;
	float:left;
	display:block;
}

#category{
	margin:0 auto;
	padding:0;
	width:960px;
	min-width:960px;
	height:auto;
}

#main{
	width:960px;
   min-width:960px;
   margin:20px auto;
}

.left_line{
	border-left:1px dotted #000;
}

.right_line{
	border-right:1px dotted #000;
}

#p_img{
	float:left;
	padding:0 20px 5px 0;
}

#footer{
	background-color: #f0f0f0;
	border:1px solid #cccccc;
	width:100%;
	margin:50px 0 0 0;
	padding:10px;
}

#f_logo{
		margin:20px 0 0 0;
		font-size:85%;
		min-width:600px;
}
}