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

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

body{line-height:0;line-height:1.5;font-size:14px;background:#e9f6fe url(../img/bg.gif);color:#333;
}
body,td,th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a{color:#6cc;text-decoration:none;}
a:hover{color:#6cc;text-decoration:underline;}
#wrapper{width:100%;height:100%;}
#container{width:100%;max-width:2048px;margin:0 auto;padding:0 0 20px 0;background:#e9f6fe;}
#header{width:97%;margin:0 auto;}
#header h1{width:32%;margin:0 auto;float:left;}
#header h1 img{width:100%;	max-width:668px;height:auto;margin: 0;}

ul#tab{width:62%;margin: 8% 0 0 0;zoom:1;padding:0;float:right;}
ul#tab:after{content:""; display:block; clear:both; height:0;}

#tab li {
  float: left;
  padding:0;
  list-style: none;
  cursor: pointer;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 85%, rgba(221,221,221,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(85%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 85%,rgba(221,221,221,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 85%,rgba(221,221,221,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 85%,rgba(221,221,221,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 85%,rgba(221,221,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );

}
/*#tab li span{display:none;}*/
#tab li img{width:100%;}
#tab li#n1{width:33%; margin: 0 0.5% 0 0;}
#tab li#n2{width:33%; margin: 0 0.5% 0 0;}
#tab li#n3{width:33%; margin: 0;}

#tab li.select{background:#fff;}
#tab li.onmause{background:#fff;}

.disnon {
  display: none;
}

#contents{width:97%;max-width:1988px;margin:0 auto;padding:0;background: url(../img/tab_right.gif)repeat-y top right #fff;height:78%;max-height:1200px;clear:both;border-bottom:1px solid #ccc;}


#content_wrap{width:100%;max-width:1988px;margin:0 auto;padding: 0;background:#fff;/*min-height:1536px;*/}

/*1年*/
ul#index_1n{
	width:100%;
	max-width:1918px;
	margin: 1% auto 0 auto;
}
ul#index_1n li{
	width:32%;
	max-width:617px;
	float:left;
	margin:0 0 0.5% 1%;
}
ul#index_1n li.btnR{
	margin:0 1% 0.5% 1%;
}
ul#index_1n li img{width:100%;height:auto;opacity:0.5;}
ul#index_1n li a img{opacity:1;}

/*2年*/
ul#index_2n{
	width:100%;
	max-width:1918px;
	margin: 1% auto 0 auto;
}
ul#index_2n li{
	width:32%;
	max-width:617px;
	float:left;
	margin:0 0 1% 1%;
}
ul#index_2n li.btnR{
	margin:0 1% 1% 1%;
}
ul#index_2n li img{width:100%;height:auto;opacity:0.5;}
ul#index_2n li a img{opacity:1;}

/*3年*/
ul#index_3n{
	width:100%;
	max-width:1918px;
	margin: 1% auto 0 auto;
}
ul#index_3n li{
	width:32%;
	max-width:617px;
	float:left;
	margin:0 0 1% 1%;
}
ul#index_3n li.btnR{
	margin:0 1% 1% 1%;
}
ul#index_3n li img{width:100%;height:auto;opacity:0.5;}
ul#index_3n li a img{opacity:1;}



@mediascreen and (min-width:2048px){
	#wrapper{background: url(../img/stage_bg.png) top center repeat-y;}
}


/* スマホ対応ここから */
/* ==================================================== */
/*					スマートフォン対応						*/
/* ==================================================== */
@media (max-width: 768px){
	/*1年*/
	ul#index_1n{
		width:100%;
		max-width:1918px;
		margin: 1% auto 0 auto;
	}
	ul#index_1n li{
		width:48.5%;
		max-width:617px;
		float:left;
		margin:0 0 0.5% 1%;
	}
	ul#index_1n li.btnR{
		margin:0 1% 0.5% 1%;
	}
	ul#index_1n li img{width:100%;height:auto;opacity:0.5;}
	ul#index_1n li a img{opacity:1;}

	/*2年*/
	ul#index_2n{
		width:100%;
		max-width:1918px;
		margin: 1% auto 0 auto;
	}
	ul#index_2n li{
		width:48.5%;
		max-width:617px;
		float:left;
		margin:0 0 1% 1%;
	}
	ul#index_2n li.btnR{
		margin:0 1% 1% 1%;
	}
	ul#index_2n li img{width:100%;height:auto;opacity:0.5;}
	ul#index_2n li a img{opacity:1;}

	/*3年*/
	ul#index_3n{
		width:100%;
		max-width:1918px;
		margin: 1% auto 0 auto;
	}
	ul#index_3n li{
		width:48.5%;
		max-width:617px;
		float:left;
		margin:0 0 1% 1%;
	}
	ul#index_3n li.btnR{
		margin:0 1% 1% 1%;
	}
	ul#index_3n li img{width:100%;height:auto;opacity:0.5;}
	ul#index_3n li a img{opacity:1;}
}