@charset "utf-8";
/* CSS Document */

/*	デフォルトスタイル
-----------------------*/
body,p,h1,h2,h3,h4,h5,h6,span,small,strong,div,ul,li,figure,img,header,footer,nav,section{
    margin:0;
    padding:0;
	border:none;
	outline:none;
	font:14px "Meiryo UI";
	font-weight: normal;
	list-style:none;
	-webkit-text-size-adjust:none;

}

/*	全ページ共有ここから
----------------------------------------*/
body{
	background: url(images/000.jpg);	/*背景画像の読み込み*/
}

#container{
	color:#000000;
	max-width:800px;
	padding:0;
	margin:0 auto 0;
	background-color:#FFFFFF;
}

/* リンク色変更はここ */
a{
	color:#000000;
	text-decoration:none;
}


/*■■■■■■■■■■■■■■■■■■■*/
/* 共通ヘッダ部分 */
/*■■■■■■■■■■■■■■■■■■■*/
header{
    margin:0 Auto 0;
	max-width:800px;
	width:100%;
}

/*■■■■■■■■■■■■■■■■■■■*/
/* 画像 */
/*■■■■■■■■■■■■■■■■■■■*/
#Logo{
	text-align:left;
}
#Logo img{
	margin: 0.5em 0 0 0;
	width: 30%;
	height: auto;
}
#School_img{
    position:relative;
    width:100%;
}
#School_img h1{
    width:100%;
}
#School_img h2{
    position:absolute;
    bottom:0px;
    right:0px;
    width:55%;
}
#Logo03 img{
	margin: 0 auto 0;
	max-width: 700px;
	width: 100%;
	height: auto;
}
#School_img img{
    width:100%;
}
#button img{
	margin: 0 1em 0 2em;
    width:30%;
}
#car img{
  	margin: 0 1em 1em 1em;
	padding: 7px 10px;
 	max-width: 720px;
	height: auto;
}

/*■■■■■■■■■■■■■■■■■■■*/
/* ▼メニューバーの装飾 */
/*■■■■■■■■■■■■■■■■■■■*/
ul.ddmenu {
	width: 100%;
	margin: 0 auto 1em;
	padding: 0;
	display: flex;
}

/*■■■■■■■■■■■■■■■■■■■*/
/* ▼メインメニュー項目の装飾 */
/*■■■■■■■■■■■■■■■■■■■*/
ul.ddmenu li {
	width: 20%;					/* メニュー項目の横幅(125px) */
	display: inline-block;		/* 横並びに配置する */
	list-style-type: none;		/* リストの先頭記号を消す */
	position: relative;			/* サブメニュー表示の基準位置にする */
}
ul.ddmenu a {
	background-color: #FFFFF;	/* メニュー項目の背景色(濃い赤色) */
	color: black;				/* メニュー項目の文字色(白色) */
	line-height: 35px;			/* メニュー項目のリンクの高さ(40px) */
	text-align: center;			/* メインメニューの文字列の配置(中央寄せ) */
	text-decoration: none;		/* メニュー項目の装飾(下線を消す) */
	font-weight: bold;			/* 太字にする */
	display: block;				/* 項目内全域をリンク可能にする */
}
ul.ddmenu a:hover {
   background-color:#cce88c; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #000000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
   transition: all 0.8s;
}
/*■■■■■■■■■■■■■■■■■■■*/
/* ▼サブメニューの装飾 */
/*■■■■■■■■■■■■■■■■■■■*/
ul.ddmenu ul {
	display: none;				/* サブメニューを非表示にしておく */
	margin: 0px;				/* サブメニュー外側の余白(ゼロ) */
	padding: 0px;				/* サブメニュー内側の余白(ゼロ) */
	background-color: #FFFFF;	/* メニュー項目の背景色(濃い赤色) */
	text-align: center;
}
ul.ddmenu li:hover ul {
	  /* 閉じるアニメーション */
	transition: all 2.0s;
	display: block;				/* マウスポインタが載っている項目の内部にあるリストを表示する */
}

/*■■■■■■■■■■■■■■■■■■■*/
/* サブメニュー項目の装飾 */
/*■■■■■■■■■■■■■■■■■■■*/
ul.ddmenu ul li {
	width: 95%;						/* サブメニュー1項目の横幅 */
	border-top: 1px solid black;	/* 項目上側の枠線(1pxの実線) */
}
ul.ddmenu ul li a {
	line-height: 35px;   /* サブメニュー1項目の高さ(35px) */
	text-align: center;    /* 文字列の配置(左寄せ) */
	padding-left: 5px;   /* 文字列前方の余白(5px) */
	font-weight: normal; /* 太字にはしない */
}
ul.ddmenu ul li a:hover {   /* ※C */
   background-color: #cce88c; /* サブメニュー項目にマウスが載ったときの背景色 */
   color: #000000;            /* サブメニュー項目にマウスが載ったときの文字色 */
}





/*■■■■■■■■■■■■■■■■■■■*/
/* メイン部分 */
/*■■■■■■■■■■■■■■■■■■■*/
#main {
	padding-top: 0px;
	padding-bottom: 0px;
	/*background-color:white;*/
}
#main h1 {	/*mainコンテンツのh１タグの設定*/
  	margin: 0 auto 1em;
	padding: 7px 10px;
 	max-width: 720px;
 	color: #555;
	font-size: 16px;
	background: #FFF;
 	border: solid 2px #555;
 	box-sizing: border-box;
	border-radius: 15px;
}
#main h2 {	/*mainコンテンツのh2タグの設定*/
	font-size: 1.2em;
	margin:0.5em 1em 0.5em;
	position: relative;
	padding: 0em 0em;
}
#main h2:after {
	content: "";
	display: block;
	height: 10px;
	background: -moz-linear-gradient(to right, rgb(230, 90, 90), transparent);
	background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
	background: linear-gradient(to right, #52b435, transparent);
}


#main p {	/*mainコンテンツの段落タグ設定*/
	padding: 1em 2em 1em;	/*左から、上、左右、下への余白*/
}

/* tableの共通設定
----------------------------------------------------------- */
table	{
	border-collapse: collapse;	border-spacing: 0;
	width: 90%;
	margin: 1em 1em;
}
th, td	{
	padding: 5px 5px;
	color: #000;
}


/* テーブル1
----------------------------------------------------------- */
.t1 th	{
	background: #FFF;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.t1 td	{
	background: #FFF;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
    border-right: 1px solid #000;
	text-align:center;
}




/*--------------------
	共通フッター部分
--------------------*/
footer{
	padding-top:10px;
	border-top:solid 1px #FFF;
}

footer a{
	text-decoration:underline;
}

/*--------------------
	共通フッター部分
--------------------*/
iframe{
	margin: 0 auto 0;
}


/*	インデックス・戻る
--------------------*/
.jump{
	overflow:hidden;}

.goindex,
.back{
	background: #9dd15d;
	color:#000;
	position:relative;
	float:right;
}
.goindex{
	padding:.65em 1.5em;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
}
.back{
	margin:3px 1px 0 0;
	padding:.525em 1.5em .5em 1em;
	float:right;
	-moz-border-radius:5px 0px 5px 0px;
	-webkit-border-radius:5px 0px 5px 0px;
	border-radius:5px 0px 5px 0px;
}

/*	フッタメニュー
--------------------*/
.foot_nav{
	background: #9dd15d;
	padding:.8em .5em .5em;
	overflow:hidden;
	clear:both;
}

.foot_nav ul{
	width:33%;
	color:#FFF;
	float:left;
	position:relative;
}

.foot_nav ul li{
	margin:auto;
	margin-bottom:2px;
}

.foot_nav ul li a{
	width:98%;
	padding:.75em 0;
	font-size:16px;
	display:block;
	color:#000;
	border-style:solid;
	border-color:#B0B0B0 #7D7D7D #7D7D7D #B0B0B0;
	border-width:2px;
	text-align:center;
}
#address{
	padding:1em;
    bottom:0px;
    right:0px;
}
#address p{
	font-size:11px;
}

@media(max-width:500px){

ul.ddmenu a {
	font:11px "Meiryo UI";
}
ul.ddmenu ul li {
	font:10px "Meiryo UI";
}
ul.ddmenu ul li a {
	line-height: 20px;
}

}