@charset "UTF-8";

/*　すべてのwebページに適用される　*/
html {
	font-family: sans-serif;
}
html * {
	box-sizing: border-box;
}
body {

	background-color: #ffffff;
	margin:  ;  
}
.wrapper {
	margin: 0 auto ;  
	max-width: 960px;
	
}
 .logo   {
	color: #3f5170;
	font-size: 30px;
	text-align: center; 

	/*margin: 3px 0 0 0;*/
}
	
	h2   {
	color: #3f5170;
	font-size: 22px;
	border-bottom: 3px dotted #3f5170;

	margin-top: 20px;
	margin-right: 0px
	margin-bottom: 20px;
	margin-left: 0px;
	}

	p {
	line-hight: 1.6;
	}
	a:link {
	color: #d25833;
	}
	a:visited {
	color: #d25833;
	}
	a:hover {
	color: #e3937a;
	}
	a:active {
	color: #ff6a3b;
	}

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

/*すべてのページに適用　－ヘッダー―*/
	
	.nav li {
	display: inline;
	list-style-type: none;
	padding-right: 30px;
	}

	.nav ul {
	margin: 0 0 0 0;
	padding: 20px 10px 15px 20px;
	
	background-image: url(../images/menu-bg.png);
	background-repeat: repeat-x;
	}

	.nav a:link {
	color: #3c454d;
	text-decoration: none;
	}
	.nav a:visited {
	color: #3c454d;
	text-decoration: none;
	}
	.nav a:hover {
	color: #7b8dac;
	text-decoration: none;
	}
	,nav a:active {
	color: #5a9bc0;
	text-decoration: none;
	}

/*すべてのページに適用*/
	 .footer {
	/*
	background-image: url(../images/footer_1_1.jpg);
	background-repeat: repeat-x;
*/
	
	width: 960px;
    	height: 200px;

	margin-top: 30px;
	padding: 15px 15px 20px 15px; 
	font-size: 12px;
	color: #3f5170;
}

/* 個別のスタイル */
/* index.html*/

.board2 {
	
	line-height: 0;
	margin:0 auto;
	text-align: center;
	max-width: 100%;
	height: auto;
	width: 590px;
    	height: 288px; 
}

.board {
	line-height: 0;
	margin:0 auto;
	text-align: center;
	width: 200px;
    	height: 100px;
}

.bannar {
	line-height: 0;
	margin:0 auto;
	text-align: center;
	width: 200px;
    	height: 100px;
}
.board img {
     /*拡大するのにかかる時間*/ 
    transition:all 0.3s;
}
 
.board img:hover {
    /* ホバーしたら 4倍サイズに拡大 */
    transform: scale(4.0);
}

.math {
	line-height: 0;
	margin:0 auto;
	text-align: center;
}

.news-item {
	margin: 0;
}
/* about.html */

.clear {
	clear: both;
}


/*　テーブル　*/
.info {
	border-collapse: collapse;
}
.info th, .info td {
	padding: 8px;
	border: 1px solid #bec2c7;
	text-align: left;
}
.info th {
	background-color: #dde2ea;
	width: 90px;
	color: #3f5170;
	vertical-align: top;
}

/* course.html */

.course-pic {
	float: left;
	padding : 0 1em 1em 0;
}

/* schedule.html */
.schedule {
	text-align: center;
/* contact.html */

/*
form div { 
	padding: 12px;
	border-bottom: 1px dashed #bec2c7;
}
select {
	width: 30em;
}
input[name="subject"] {
	width: 30em;
}
textarea {
	width: 30em;
	height: 6em;
}
input[type="submit"] {
	margin: 20px 0;
	width: 30em;
}*/

/*　スマートフォン向けCSS　*/
	@media (max-width: 600px) {	
	/*　全体　－　ナビゲーション　*/

	.wrapper {
		margin: 0 16px;
	}
	.logo {
		margin: 30px 0;
	}

	body {
	margin: 0 0 0 0;
	}

	.nav {
	background-color: #dfddda;
	}

	.nav li {
	display: block;
	}
	
	/* list-style-type: none; */

	/* index.html - h1タグサイズ変更*/
	
	h1{	
	color: #3f5170;
	text-align: center; 
	}

	.board {
	line-height: 0;
	margin:0 auto;
	text-align: center;
	width: 200px;
    	height: 100px;
	}

	.board img {
    			 /*拡大するのにかかる時間*/ 
   	 transition:all 0.3s;
	}
 
	.board img:hover {
    			/* ホバーしたら 4倍サイズに拡大 */
    	transform: scale(4.0);
	max-width: 100%;
	}
	/* course.html - 横並び解除*/
	.course-item {
		display: block;
		text-align: center; 
	}
	.course-photo {
		 margin-right: 0;
		width: 100%;
	} 

	.course-text {
		width: 100%;
	}

	/* about.html - 画像のパディングを調整　*/
	
	
	/* contact.html - フォーム　*/
	/* select {
		width: 100%;
	}
	/*input[name="subject"] {
		width: 100%;
	}/*
	/* textarea {
		width: 100%;
	}
	input[type="submit"] {
		margin: 20px 0;
		width: 100%;
	}*/
}