@charset "utf-8";
/* CSS Document */
/*リセット */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,p,blockquote,th,td{
margin:0;padding:0;
}
table{
border-collapse:collapse;border-spacing:0; font-size:100%;
}
img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{
font-style:normal;font-weight:normal;
}
ul li,ol li { list-style:none; } 
h1,h2,h3,h4,h5,h6{
font-size:100%;font-weight:normal;
}
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
a img{border:none;}

/*レイアウト*/
body{
font-size: 80%;
line-height: 1.2;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
a{
text-decoration:none;
}
a:hover{
text-decoration: underline;
}
a:hover img {
opacity:0.8;
}
#wrap{
background: url(../images/wra_bg.gif) repeat-x top;
}
h1{
margin: 0 0 20px 0;
}
/*Gnav*/
#gnav{
position:relative;
border-top:#000 1px solid;
border-bottom:#000 1px solid;
overflow:hidden;
padding: 10px;
margin-bottom:30px;
}
#gnav ul{
position:relative;
margin: 0 auto 0 -1px;
left:50%;
}
#gnav ul li{
position:relative;
float:left;
border-left:#000 1px dotted;
left:-50%;
padding: 0 20px;
}
#gnav ul li:first-child{
border-left:none;
}

#grid-content ul{
	position: relative;
	
	width: 100%;
	margin: 100px auto 100px auto;
	text-align:center;
}

#grid-content ul{
	float:left;
}

#grid-content li{
	float:left;
background:#eee ;
width:180px;
height:330px;
padding:10px;
margin: 5px;
border: 1px solid #CCCCCC; 
border-radius: 0px 0px 20px 0px;        /* CSS3草案 */  
-webkit-border-radius: 0px 0px 20px 0px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 0px 0px 20px 0px;   /* Firefox用 */  
}

#grid-content li h2{
margin:0px auto 0px;
text-align: center;
}
#grid-content li .gakunen {
position:absolute;
font-weight:normal;
color:#15324D;
font-size: 15px;
top:10px;
left:10px;
text-align: center;
}

#grid-content li .number {
position:absolute;
font-weight:bolder;
color:#15324D;
font-size: 36px;
bottom:5px;
right:10px;
text-align: center;
text-shadow:
0 0 15px #D4F65F,
0 0 10px #D4F65F,
0 0 0.40px #D4F65F;
}

#grid-content li .text1 {
font-size: 9px;
}

#grid-content li .text2 {
font-size: 12px;
padding:5px;
line-height:15px
}

#grid-content li .text3 {
font-weight:bolder;
font-size: 15px;
line-height:15px
}

#grid-content li .text4 {
font-size: 9px;
padding:2px;
line-height:15px
}

#grid-content li p{
font-size:90%;
text-align: justify;
line-height:150%
margin-bottom:40px;
}


p#copy{
margin:20px 0 10px 20px;
}