@charset "UTF-8";

/*--------------------------------------------*/
body {
	font-family: "ヒラギノ明朝 Pro","HiraMinPro","ＭＳ 明朝","ＭＳ Ｐ明朝","HG明朝E","MS PMincho",serif;
	/*
	font-family:  "メイリオ", meiryo, Osaka, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", sans-serif;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	*/
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:100%;
	line-height:1em;
	color:#333;
	min-width: 960px;
	background:url(../img/bg.png);
}
header a, footer a{ color:#333; text-decoration:none; display:inline-block; }
a:hover, a:hover{ text-decoration:none; }
body div, header, footer, section { margin:0 auto; text-align:left; }

h1 {font-size:175%;}
h2 {font-size:175%;}
h3 {font-size:125%;}
h4 {font-size:100%;}
h5 {font-size:100%;}
h6 {font-size:100%;}
i  {font-size:80%; font-style:normal; color:#999;}
h1,h2,h3,h4,h5,h6,div,ul,li,dl,dt,dd,p,a,table,tr,td,address,img{
	margin:0px;
	padding:0px;
	border-width:0px;
	line-height:1.5em;
	text-align:left;
	font-style:normal;
}
ul{list-style:none outside;}
input,textarea {font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; color:#555555;}
em {font-style:normal;}
/*************/
#clear, .clear {clear:both;}
.c {margin-left:auto; margin-right:auto;}
.l {float:left;}
.r {float:right;}
#main .t_c {text-align:center;}
/*img.l { margin:0 10px 10px 0; }
img.r { margin:0 0 10px 10px; }*/

/* table */
table { border-collapse:collapse; border-spacing:0; }

/*
#main td span { }

#main td span:nth-of-type(4){ font-weight: bold; }

/*
.ph img,
img.ph {
	border:3px solid #FFF; 
	box-shadow:2px 2px 3px 2px #CCCCCC;
	-moz-box-shadow:2px 2px 3px 2px #CCCCCC;
	-webkit-box-shadow:2px 2px 3px 2px #CCCCCC;
}

/* -------------------------------------------- */
#contents a:hover img,
.btn a:hover img,
a.btn:hover img,
.pagetop a:hover,
#main .classroom ul li a:hover,
#main .link_bnr li:hover
{
	opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .50; /* Safari 1.x */
	-moz-opacity: .50; /* FF lt 1.5, Netscape */
}

#main .classroom ul li a:hover img
{
	opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1; /* Safari 1.x */
	-moz-opacity: 1; /* FF lt 1.5, Netscape */
}
/* --------------------------------------------*/

/* wrapper */
header, footer { width:100%; min-width:960px; margin:0 auto; }

/* inner */

.inner {display:block; clear:both; margin:0 auto; width:960px; position:relative; }

/* header ********** */
header .mv{
	background: url(../img/mv.jpg) no-repeat center;
	background-size: cover;
	height: 220px;
	width: 100%;
	position: relative;
 }
header .inner h1{
	width: 455px;
	float: left;
	line-height: 1;
}

header .inner h1 a{ display: block; height: 220px; }
header p{
	width: 269px;
	float: right;
	text-align: right;
}
/* logo*/


/* navMain */
#navMain  {
	background: url(../img/nav_bg.png) no-repeat;
	background-size: cover;
	width: 100%;
	height: 80px;
}
#navMain ul{
	height: 80px;
	display: table;
	background:url(../img/nav_line.png) no-repeat right center;
}

#navMain li{ 
	display: table-cell;
	width: 192px;
	height: 80px;
	line-height: 80px;
	background:url(../img/nav_line.png) no-repeat left center;
}

#navMain li a{
	text-align: center;
	color: #FFF;
	width:100%;
	height: 80px;
	line-height: 80px;
	font-size:105%;}
	
#navMain li a:hover{
	text-decoration: none;
	background:url(../img/cover02.png);
}

#navMain li.act a{ color: #bfa200; }



/* contents ********** */
#main { margin-bottom: 100px; position: relative; }
#main h2{
	font-weight: normal;
	color: #bfa200;
	text-align: center;
	padding: 40px 0;
	font-size: 210%;
	background:#FFF;
	box-shadow: 0px 0px 3px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px 5px rgba(0,0,0,0.3);
	margin-bottom: 40px;
}

#main h3{
	font-weight: normal;
	text-align: center;
	font-size: 210%;
	margin-bottom: 20px;
	margin-top: 30px;
}

#main h4{
	font-weight: normal;
	text-align: center;
	font-size: 150%;
	border-bottom: 1px solid #666;
	margin-bottom: 20px;
	padding-bottom: 20px;
	margin-top: 30px;
}

/* footer ********** */
footer {
	padding: 30px 0 0;
	background:#000;
	color: #FFF;
}

footer h2{ text-align: center; }

/* pagetop */
footer .pagetop{
	position: absolute;
	top: -60px;
	text-align: right;
}
footer .pagetop a{
	display: inline-block;
	background:#000;
	padding: 10px 20px;
	color: #FFF;
	line-height: 1;
}


/* nav */
footer nav{ margin-bottom: 20px; clear: both;}
footer nav ul{padding-top: 10px; text-align: center;}

footer nav ul li { display: inline-block; padding-left: 15px; }
footer nav ul li:first-child { padding-left:0; }

footer nav ul li a{	color: #FFF; font-size:100%;}
footer nav ul li a:hover{ text-decoration: underline; }

footer nav ul:nth-child(2) li a{ font-size: 90%; }

footer nav:nth-of-type(2){ margin-bottom:0;}

/* copyright */
footer .copy_area{
	color: #666;
	padding: 20px 0;
	text-align: center;}

/* --------------------------------------------*/
sup { font-size:60%; }

/* clearfix */
nav:after,
section:after,
article:after,
div:after,
.clearfix:after
{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
nav,
section,
article,
div,
.clearfix
{ display:inline-block;}
/* ¥*/
* html nav,
* html section,
* html article,
* html div,
* html .clearfix
{ height:1%; }
nav,
section,
article,
div,
.clearfix
{ display:block; }
/* */

/* --------------------------------------------*/

/* info-not 工事中 */
.info-not {
	padding:200px 15px;
	border:1px solid #CCC; border-radius:15px;
	background:#EEE;
}
#contents p.info-not { text-align:center; letter-spacing:.2em; }