html{
    height:100%;
    margin:0 0 0 0;
}
body{
	margin:0 0 0 0;
    height:100%;
	color:#FFFFFF;
    font-size:1.0em;
    background-color:#000033;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
* html div#container{
    height:100%;
}
div#container{
    width: 1000px;
    margin:0px auto;
    position:relative;
    min-height: 100%;
    background-color:#FFFFFF;
    color:black;
}

div.header{
	width:800px;
	background-image: url('./img/header.gif');
	height:200px;
}

#foot{
	clear:both;
	text-align:center;
    margin-top:40px;
    padding:1px;
	text-aling:center;
	font-size:9px;
	background-color:gray;
	border-top:2px solid black;
}

div#left{
	float:left;
	width:750px;
	margin-top:20px;
}

div#right{
	float:right;
	width:220px;
	margin-top:20px;
	margin-left:2px;
	margin-right:15px;

/*	color:white; */
}

div.right_tel{
	padding:2px;
	background-color:white;
	font-size:11px;
	color:brown;
	font-weight:bold;

}


h1{
	font-size:1.5em;
	margin:0px;
	margin-top:10px;
	margin-left:0.3em;
	padding-left:3px;
}	


h2{
	margin:0 0 0 0;
	margin-left:0.5em;
	font-size:24px;
	color:	#666666;
	border-bottom:solid 2px silver;
	padding-left:5px;

}
div.desc{
	padding:8px;
	line-height:1.9em;
	margin-bottom:10px;
	margin-left:0.3em;
}

h3{
	margin:0;
	padding:3px;
	font-size:0.9em;
	color:green;
	text-align:center;
}

h4{
	margin:0;
	padding:3px;
	font-size:0.8em;
	background-color:	#FFFFCC;
	text-align:center;
	border:solid 1px gray;
	border-bottom:solid 0px ;
}

div.right{
	margin:0px;
	padding:0px;
	padding-left:3px;
	padding-right:3px;
	line-height:1.5em;
	font-size:0.70em;
	border:solid 1px gray;
/*	background-color:#cc6633;*/
}

/* リンク表示(全ページ) リンクの順が違うと反応しない */
a:link{		text-decoration:underline;color:brown;}
a:active{	text-decoration:underline;	color:#ffa000;}
a:visited{	text-decoration:underline;	color: brown; }
a:hover{	color:#330000;}

a.navi{display: block; width: 100%;}
a.navi:link{	text-decoration:none;	color:black; font-weight:bold}
a.navi:active{	text-decoration:none;	color:black; font-weight:bold}
a.navi:visited{	text-decoration:none;	color: black; font-weight:bold }
a.navi:hover{	color:#9999CC; position:relative;background-color:yellow;}

a.toi:link{		text-decoration:underline;	color:brown; font-weight:bold; background-color:white; padding:3px;}
a.toi:active{	text-decoration:underline;	color:brown; font-weight:bold; background-color:white; padding:3px;}
a.toi:visited{	text-decoration:underline;	color: brown; font-weight:bold; background-color:white; padding:3px; }
a.toi:hover{	text-decoration:underline;	color: brown; font-weight:bold; background-color:white; padding:3px;}

/* リスト(ノーマル)　*/
ul.normal{
	padding:0;
	margin:0 0 0 2.5em;
}



/* ---------------------------------- */
/* menu								*/
/* ---------------------------------- */

#ul_menu{
	width:1000px;
	display:inline;	
	list-style:none;
	margin:0px;
	padding:0px;
	margin-bottom:0px;
	font-size:1.2em;
}

/* 左と中、右側で2個 */
/* 選択メニューをアクティブにする */
li.li_menu_item{
	float:left;
	width:199px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	text-align:center;
	vertical-align: middle;
	background-color:#FFFFCC;
	border-top:solid 1px white;
	border-left:solid 1px #CCCCCC;
	border-bottom:solid 1px white;
}

/* アクティブ */
li.li_menu_item_active{
	float:left;
	width:199px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	text-align:center;
	vertical-align: middle;
	background-color:#FFCCCC;
	border-top:solid 1px white;
	border-left:solid 1px #CCCCCC;
	border-bottom:solid 1px white;
}

li.li_menu_item_r{
	float:left;
	width:198px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;	
	text-align:center;
	vertical-align: middle;
	background-color:#FFFFCC;
	border-top:solid 1px white;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px white;
}


img.link_top{
	border:0px;
}

/* ---------------------------------- */
/* 実績								*/
/* ---------------------------------- */
table.exp{
	border-collapse: collapse;
	border:1px solid black;
	width:95%;
	font-size:90%;
}

td.exp_item{
	padding:3px;
	background-color:gray;
	color:white;
	border:1px solid black;
	text-align:center;
}

td.exp_data{
	padding:3px;
	border:1px solid black;
}

/* ---------------------------------- */
/* 会社								*/
/* ---------------------------------- */
table.kaisha{
	border-collapse: collapse;
	width:90%;
	margin-top:10px;
	margin-left:5px;
}

/* ---------------------------------- */
/* 問い合わせ     					*/
/* ---------------------------------- */
input.type250,textarea.t_area250{
	border:1px solid gray;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#ffffff;
}

input.type250{
	width:95%;
	height:95%;
	font-size:150%;
}

textarea.t_area250{
	width:95%;
	height:200px;
	font-size:120%;
}

table.toiawase{
	/* border-collapse: collapse; */
}
td.toi_item{
	border:1px solid gray;
	padding:3px;
	width:180px;
	background-color:#ffffcc;
}

td.toi_data{
	padding:3px;
	border:1px solid gray;
	width:350px;
	height:30px;
	text-align:center;
	background-color:#ffffcc;
}


/* ---------------------------------- */
/* パン屑             					*/
/* ---------------------------------- */
div.pankuzu{
	padding:3px;
	padding-left:5px;
	font-size:90%;
	background-color:pink;
}

/* ---------------------------------- */
/* 勉強             					*/
/* ---------------------------------- */
h3.study{
	margin:0;
	padding:3px;
	font-size:18px;
	color:#666666;
	text-align:left;
	border:solid 1px gray;
	border-bottom:solid 2px black;
	border-right:solid 2px black;
}

img.study{
	border:1px solid gray;
	padding:3px;
}

/* ---------------------------------- */
/* レッスン         				  */
/* ---------------------------------- */
table.time{
		border-collapse: collapse;
		border:2px solid gray;
		width:100%;
		text-align:center;
}
td.time{border:1px solid gray;}


table.lesson{
		border-collapse: collapse;
		border:2px solid gray;
		width:100%;
		font-size:90%;
}

td.lesson_item{
	padding:3px;
	background-color:#ccff66;
	border:1px solid gray;
	font-weight:bold;
	text-align:center;
}

td.lesson_data{
	background-color:#ffffff;
	padding:3px;
	border:1px solid gray;
}

td.shift_j,td.shift_n,td.shift_c{
	background-color:#ffffff;
	padding:3px;
	border:1px solid gray;
}

td.shift_j{background-color:#ffccff;}
td.shift_n{background-color:#ffff99;}
td.shift_c{background-color:yellow;}


/* --------------------------------------------- */
@media screen and (max-width: 900px) {

	div#header, div#foot_list, img.header_press, img.header_toi{
		display:none;
	}

	div#container{
		width:95%;
		margin:0 0 0 0;
		margin-left : auto ; margin-right : auto ;
		border-style:none;
	}
	div#bar_top{
		width:100%;
		padding:0 0 0 0;
	}
	
	div#header{
		height:0px;
		background-image:none;
	}
	

	li.li_menu_item_active, li.li_menu_item, li.li_menu_item_r{
		width:20%;
		border-style:none;
		font-size:80%;
		background-image:none;
	}
	
	li.li_menu_sub{
		font-size:70%;
	}
	
	div#left{
		float:clear;
		width:98%;
	}

	div#right{
		float:clear;
		width:98%;
	}
	div.right{
		font-size:1em;
	}
	
	div#container_inside{
		width:100%;
		margin:0;
		margin-left : auto ; margin-right : auto ;
	}
	
	div#pankuzu{
		font-size:105%;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}

	td.inside_box_excel, td.inside_box_excel_r {
		width:50%;
		background-image:none;
	}
	

	.youtube-height {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px;
	    height: 100%;
	    overflow: hidden;
    }

	.youtube-height iframe {
	    max-width: 100%;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    position: absolute;
	}
} /* ---- end ---- */

/* --------------------------------------------- */
@media screen and (max-width: 760px) {
  /* floatを解除し1Columnレイアウトにします。*/
body{
	background: white;
	color:yellow;
}

} /* ---- end ---- */

/* --------------------------------------------- */
@media screen and (max-width: 568px) {
  /* フォントを%で指定し、可変にします。*/


} /* ---- end ---- */