/*ページのレイアウト用*/


#wrapper {
width:100%;

}


body	{

	background-color:#F2F2F2;

	color:#000055;

	margin:-32px auto;

	padding:0px;

	width:100%;
	
}

.contents{	width:69%; 

		margin:auto;

		padding:0px;

		background-color: #FFFFFD;

		padding-bottom:0px;
	}





.contents	h2	{ 

			color:#000000;

			font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;

			font-size: 180%;

			margin:  0px;

			padding:10px;

			text-align: center;

			font-weight:bold;

			}



.contents	h3	{

			font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;

			font-size: 120%;

			font-weight:bold;

			text-align: center;

			width:98%;

			margin:20px 0px;

			position:relative;

			margin-top:50px;

			padding:10px;

			background:#88ccef;

			box-shadow:10px 0 0 0 #88ccef,-10px 0 0 0 #88ccef,0 3px 3px 0 rgba(0,0,0,0.1);
	}

	




.contents	h3:before{

			content:" ";
			position:absolute;

			top:100%;

			left:-10px;

			width:0;

			height:0;

			border-width:0 10px 10px 0;

			border-style:solid;

			border-color:transparent;

			border-right-color:#7bb8d8;

			}




.contents	h3:after{

			content:" ";

			position:absolute;

			top:100%;

			right:0;

			width:0;

			height:0;

			border-width:10px 10px 0 0;

			border-style:solid;

			border-color:transparent;

			border-top-color:#7bb8d8;

			}

.contents p{

	    font-size: 100%;

	    margin:10px;

	    padding:10px;

	    line-height:2;

	    }




.contents li{

	    font-size: 100%;

	    margin-left:10px;

	    padding:0px;

	    line-height:1.5;

	    }






address	{
	font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
		fontsize: 30%;

		fontstyle: normal;

		text-align: center;

		border-top: dashed 1px #663300;

		padding-top: 5px;

		margin-top: 15px;

		clear: both;

		}	



/*教室案内用*/

#img1	{

	text-align: center;

	}


#img2{text-align: center;}




table.type12 {
	border-collapse: separate;

	border-spacing: 3px;

	text-align: center;

	line-height: 1.5;

}

table.type12 th {

	width: 155px;

	padding: 10px;

	font-weight: bold;

	vertical-align: top;

	color: #fff;
	background: #666;
}

table.type12 td {

	width: 155px;

	padding: 30px 10px;

	vertical-align: top;

	background: #eee;

}
table.type12 th.col01 {background: #060;}

table.type12 td.col01 {background: #cfc;}

table.type12 th.col02 {background: #f60;}

table.type12 td.col02 {background: #fc9;}

table.type12 th.col03 {background: #036;}

table.type12 td.col03 {background: #e2eeff;}



/*課外活動用*/


#linker	
	{

		padding:0;

		position: relatiive;

		}
		


#linker	  li	{

		color: #2d8fdd;

 		 border-left: solid 6px #2d8fdd;

 		 background: #f1f8ff;

 		 margin-bottom: 3px;

		line-height: 1.5;

  		padding: 0.5em;
		
border-left: solid 6px #88ccef;

		position: relative;

		list-style-type: none;

		}

/* スマホ対応 */

img {
  width: 100%;
  height: auto;
}


@media screen and (max-width: 768px) {
  nav ul {
    display: block;
  }

  nav ul li {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
  }

  nav ul li a {
    display: block;
    padding: 12px;
  }
}

.photo-show {
  display: flex;
  flex-wrap: wrap;
}

.photo-show img {
  width: 50%;
  height: auto;
}