@charset "Shift_JIS";
body {
        padding: 0px;
	margin: 0px;
	font-size: 14px;
	line-height:1.5;
	color:#663300;
	overflow-x:hidden;
	background-color: #F1E2BB;
}

td {
	font-size: 12px;
	line-height:1.3;
	overflow-x:hidden;
}

ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-right: 20px;
}

li {
	margin:5px;
}
 /*リンクした時の色。下の注釈を追加し、color:を３つ変更後a:activeは新規追加*/
 /*クリック中のリンクの色（ここから）*/
a:link {
	color: black;
	text-decoration: underlineｂ;
}
a:visited {
	color: green;
	text-decoration: underline;
}
a:hover {
	color: maroon;
	text-decoration: underline;
}

a:active {
        color:red;
}
 /*クリック中のリンクの色（ここまで）*/

/* ベースページスタイル */
#base {
	padding: 0px;
	margin: 0px auto 0px auto;
	width: 760px;
}

#contents {
	padding: 10px;
	margin: 10px auto 0px auto;
	width: 740px;
}

#footer {
	padding: 0px 10px 10px 10px;
	margin: 0px auto 0px auto;
	text-align: center;
}

/* ページ */
.box_touki1 {
	margin: 0px 10px 10px 0px;
	padding: 10px;
	border: #663300 1px solid;
	width: 200px;
c
	float: left;
	background-color:#F5ECD1;
}

.box_touki1 img {
	margin: 5px 0px;
}

.box_school1 {
	margin: 0px 10px 10px 0px;
	padding: 10px;
	border: #FFFFFF 1px solid;
	width: 200px;
	float: left;
	text-align:center;
}
.box_school111 {
	margin: 0px 10px 10px 0px;
	padding: 10px;
	border: #FFFFFF 1px solid;
	width: 300px;
	float: left;
	text-align:center;
}
 /*　========================================================= */
 /*　◆◆写真横３枚並び（下に中央揃えで文字入れ）◆◆*/

.box_school230 {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: #FFFFFF 1px solid;
	width: 230px;
	float: left;
	text-align:center;
}
 /*　◆◆ＥＮＤ◆◆*/
 /*　========================================================= */
 /*　◆◆写真横３枚並び（下に左揃えで文字入れ）width.heightは枠の幅と高さ◆◆*/
.box_school231 {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: #FFFFFF 1px solid;
	width: 230px;
        height: 210px;
	float: left;
	text-align:left;
}
 /*　◆◆ＥＮＤ◆◆*/
 /*　========================================================= */
 /*　◆◆◆◆◆◆◆◆　　写真ボックス（横並び写真）　　◆◆◆◆◆◆◆◆*/
 /*　◆◆text-align:leftは左揃えの文字、width.heightは枠の幅と高さ◆◆*/
 /*　◆◆.box_y33は写真の向き（y...横t...縦）、写真枚数、写真下文章の行数を表す◆◆*/
 /*　◆◆.box_y33は写真の向き...横、写真３枚、写真下の文章３行を表す◆◆*/
.box_y33 {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: #FFFFFF 1px solid;
	width: 230px;
        height: 210px;
	float: left;
	text-align:left;
}
 /*　◆◆.box_y32は写真の向き...横、写真３枚、写真下の文章２行を表す◆◆*/
.box_y32 {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: #FFFFFF 1px solid;
	width: 230px;
        height: 180px;
	float: left;
	text-align:left;
}
 /*　◆◆.box_y30は写真の向き...横、写真３枚、写真下の文章の行数指定無し（１行の時はこれを使う）◆◆*/
 /*　◆◆height:、を指定しないと高さは自動調整◆◆*/
.box_y30 {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: #FFFFFF 1px solid;
	width: 230px;
  
	float: left;
	text-align:left;
}
 /*　◆◆ＥＮＤ◆◆*/
 /*　========================================================= */


.box_school1 img {
	margin: 5px 0px;
}

.title_school {
	font-weight:bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

/* テキストスタイル */

.white {color: #FFFFFF}

.small {font-size: 10px}

.small_gray {
	color: #999999;
	font-size: 10px;
}

.michaku {color: #FF0000}

.mi_red {
	color: #CC0000;
	font-weight: bold;
}
.crumbs{
	margin:-5px 0 5px 0;	
	text-align:right;
}

/* この文（crumbs1）を追加 ...crumbsで文字を左寄せにした*/
.crumbs1{
	margin:-5px 0 5px 0;	
	text-align:left;
}
/* ここまで追加分*/

.crumbs a{
	color:#663300;
	text-decoration: none;
}
.crumbs h2{
	font-size:12px;
	font-weight:normal;	
}
h1{
	display: inline;
	position: relative;
	top: 0px;
	left: 5px;
	font-size: 20px;
	color: red;
	font-weight: normal;
}
/* ここから追加分 */
/* 追加１ */
figure.gazo-box {
float: left;
 }
/* 追加２ */
div.gazo-box {
float: left;
padding-right: 20px;
 }


/* ◆◆追加３ （https://tabletag.net/ja/内でtableを自動作成したものについていたcss*/
table , td, th {
	border: 3px solid silver;
	border-collapse: collapse;
/* ◆◆css文法がhtml文法より優先する（htmlではbackground:を"gainsboro"にしているが下のようにcss指示のgreenが表示される）今はbackground:green;を無視している◆◆*/
        font-size: 16px;
      /* background:green;*/
}


 /* ◆◆下の　}　を取ると表の列幅を指定しても無視されるので仕方なしに記述*/
}
　　　　　　　　　/* 　　　　　　　終わり◆◆*/



td, th {
	padding: 0px;
	width: 30px;
	height: 25px;
}


th {
	background: #f0e6cc;
}
.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}
/* 追加３ 終了◆◆*/
/* ◆◆追加４ （h2の背景に色を付ける）/*----/*のように変更したら×なんで？*/

/*h2:first-child {background-color:#00ccff;width: 350px;}*/

h2:first-child {background-color:#00ccff;width: 350px;}

/* 追加４ 終了◆◆*/


/*◆◆ 追加５　文字に枠を付ける　その１*/
.mojiwaku {
           font-size: 20px;width: 150px;height: 25px;margin:0px; padding:5px; border:3px solid silver;
           background-color:tan;text-align:center;color:green;
 }
/* 文字に枠を付ける　その２（word-spacing: 100px;は文字間隔）*/
.mojiwaku1 {
            font-size: 20px; padding:5px; border:3px solid silver;
            background-color:tan;text-align:center;color:green;word-spacing: 100px;
 }
.mojiwaku2 {
            font-size: 20px;width: 400px;margin:10px 0px 10px;
            background-color:tan;text-align:center;color:green;
 }
/* 追加５ 終了◆◆*/
 }