@charset "utf-8";

/* ------------------------ サイトの基本構造 ------------------------ */

html{height:100%;overflow-y:scroll;}
body{
	height:100%;
	font-size:85%;
	color:#444;
	margin:0;
	padding:0;
	font-family:"M PLUS Rounded 1c","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight:400;
	line-height:170%;
	background:url(../shared/bg_body.jpg) no-repeat 50% 0;
    animation:fadeIn 1s ease 0s 1 normal;
    -webkit-animation:fadeIn 1s ease 0s 1 normal;
	-webkit-text-size-adjust: 100%;
}

@media screen and (max-width:480px){
body{line-height:1.8em;}
}

@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}

@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}


#wrapper{
	width:980px;
	height:auto;
	min-height:100%;
	margin:0 auto;
	background:#fff;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}

	#header{
		background:url(../shared/img_menu-shadow.png) no-repeat 50% 0;
	}

	#footer{
		clear:both;
		background:url(../shared/img_footer.png) no-repeat 50% 0, url(../shared/img_footer-top.png) repeat-x 0 36px;
		padding-top:46px;
	}

	#globalfooter.active{
		width: 100%;
		position: fixed;
		bottom:0;
	}
	
	#footer{
		max-width: 980px;
		width:100%;
		margin:0 auto;
	}
	
	
@media print {
}

/* ------------------------ サイトの固有属性 ------------------------ */

h1,h2,h3,h4,h5{
	font-weight:normal;
	font-size:1em;
	margin:0;
	padding:0;
}

rt{font-size:1em;}

ul,ol,dl,li,dl,dt,dd{padding:0;margin:0;}

img,area,table{border:0;}

a{color:#444;}
a:hover{color:#fc0;}

sup{
  vertical-align: baseline;
  position: relative;
  top: -1ex;
}

a img:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}


	/* レスポンシブル対応のbr他 */

	.spbr,.sp2br,.sp3br,.tab1br,.tab2br{display:none;}
	.sp1 .spbr{display:inline;}
	.sp2 .sp2br{display:inline;}
	.sp3 .sp3br{display:inline;}
	.tab1 .tabbr{display:inline;}
	.tab2 .tab2br{display:inline;}
	
	.spnone,.sp2none{display:inline;}
	.sp1 .spnone{display:none;}
	.sp2 .sp2none{display:none;}
	.sp3 .sp3none{display:none;}
	
	.tabbr{display:none;}
	.tab1 .tabbr{display:inline;}
	
	.tabnone{display:inline;}
	.tab1 .tabnone{display:none;}
	
	.flexnone{display:inline;}
	.flexible .flexnone{display:none;}



/* ヘッダー ---------------------------------- */

	h1{
		float:left;
		width:230px;
		margin:19px 0 0 2%;
	}

@media screen and (max-width:980px){

	h1{
		margin:20px 0 0 2%;
	}

}

@media screen and (max-width:480px){

	h1{
		width:200px;
		margin:22px 0 0 2%;
	}

}


	h1 img{
		width:100%;
		height:auto;
	}

		h1 a:hover{
			filter: alpha(opacity=95);
			-moz-opacity:0.95;
			opacity:0.95;
		}

	#menulist{
		display:none;
	}

	#menu{
		float:right;
		width:600px;
		/*width:55%;*/
		height:65px;
	}

		#menu li{
			list-style:none;
			float:left;
			width:calc(86% / 6);
			margin:19px 2% 18px 0;
			padding-left:3px;
			height:28px;
			background:url(../shared/bg_menu.png) no-repeat 0 100%;
		}
		#menu li:nth-last-of-type(1){
			margin-right: 0;
		}
		
		.outline #menu li:nth-of-type(1){background:url(../shared/bg_menu_r.png) no-repeat 0 100%;}
		.rules #menu li:nth-of-type(2){background:url(../shared/bg_menu_r.png) no-repeat 0 100%;}
		.entry #menu li:nth-of-type(3){background:url(../shared/bg_menu_r.png) no-repeat 0 100%;}
		.result #menu li:nth-of-type(3){background:url(../shared/bg_menu_r.png) no-repeat 0 100%;}
		.faq #menu li:nth-of-type(4){background:url(../shared/bg_menu_r.png) no-repeat 0 100%;}
		.course #menu li:nth-of-type(5){background:url(../shared/bg_menu_r.png) no-repeat 0 100%;}
		.access #menu li:nth-of-type(6){background:url(../shared/bg_menu_r.png) no-repeat 0 100%;}

			#menu li a,
			#menu li span{
				font-family:"kozuka-gothic-pro","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "游ゴシック", "Yu Gothic", sans-serif;
				font-weight:700;
				text-decoration:none;
				color:#fff;
			}

			#menu li a:hover{
				color:#fc0;
			}

	#menu-fb{
		position:relative;
		z-index:30;
		float:right;
		margin:22px 20px 10px 0;
	}
	#menu-home{
		float:left;
		margin:17px 0 0 4%;
	}

		#menu-fb:hover,
		#menu-home:hover{
			filter: alpha(opacity=70);
			-moz-opacity:0.70;
			opacity:0.70;
		}

			#closemenu{
				width:89px;
				height:35px;
				position:relative;
				margin-top:-35px;
				top:5px;
				left:-5px;
/*display:none;*/
			}

	#submenu{
		float:right;
		width:auto;
		margin:12px 15px 0 0;
	}

		#submenu li{
			list-style:url(../shared/dot_square-red.gif);
			margin-left:40px;
			float:left;
			width:auto;
		}
		

			#submenu li a{text-decoration:none;}
			#submenu li.thispage a{color:#c30;}



/* メイン ---------------------------------- */

			h2{
				margin:0 4% 0 0;
				float:left;
			}

			#content,
			.content{
				float:left;
				margin:10px 0 20px;
				width:78%;
			}



/* フッター ---------------------------------- */

	#footer-inner{
		background:#f180bf;
		padding:3px 0 15px 3%;
		color:#fff;
		font-size:90%;
	}

		#footer-inner ul{
			width:auto;
			float:left;
			list-style:none;
			margin:15px 0 10px;
		}

			#footer-inner li{
				float:left;
			}

			#footer-inner li a{
				color:#fff;
				text-decoration:none;
			}
			#footer-inner li a:hover{color:#c30;}

			#footer-inner p{
				margin:15px 3% 0 0;
				float:right;
				width:auto;
			}

		#footer address{
			clear:both;
			display:block;
			font-style:normal;
			line-height:170%;
			position:relative;
			z-index:20;
		}
		
		#footer address a{color:#ffc;}
		#footer address a:hover{color:#c30;}

			.addressnote{
				width:auto;
				float:left;
				margin-right:20px;
			}

	#link-to-header{
		margin:30px auto 0;
		z-index:1;
		position:fixed;
		bottom:25px;
		width:920px;
	}

		#link-to-header img{
			float:right;
			/*display:none;*/
		}
	
		#link-to-header a:hover{
			filter: alpha(opacity=60);
			-moz-opacity:0.60;
			opacity:0.60;
		}
			


/* スマホ対応 */

	.smpstyle #menulist{
		display:inline;
		float:right;
		margin:22px 8% 58px 0;
		position:relative;
		z-index:15;
	}

	/*.smpstyle #menu,
	.smpstyle #submenu{display:none;}*/

	#wrapper.smpstyle{
		width:100%;
		border:none;
	}
		
	.smpstyle #lbl-bosyu{
		width:100px;}

	.smptitle #note-main{
		margin:0 0 0 4%;
	}

			.smpstyle #content,
			.smpstyle .content{
				margin:10px 0 20px;
				width:96%;
				/*font-size:90%;*/
			}
			
			.smpstyle #access-map{
				float:none;
				margin:10px auto 0;
			}

			.smpstyle #gmap{
				float:none;
				/*width:96%;*/
				margin:10px auto 0;
			}
			
			#footer-inner p#copyright.smpcopy{
				float:left;
				margin-top:0;
			}

		
			/*.smpstyle #content li p{
				font-size:90%;
			}*/

			.smpstyle #menu{
				position:relative;
			}

				.smpstyle #menu li{
					font-size:90%;
					width:14%;
					margin:19px 2% 18px 0;
					padding-left:0;
				}
	
				.smpstyle #menu-fb{
					margin:22px 15px 10px 0;
				}
	
				.smpstyle #menu-home{
					margin:17px 0 0 2%;
				}

	
			.smpstyle #closecover{
				position:relative;
				width:70%;
				height:195px;
				margin-top:-195px;
				top:0;
				left:15px;
			}
			.smpstyle #closecover img{
				width:100%;
			}

		

/* スライドメニュー */

	#sidr-right{
		border-top:1px solid #666;
	}

		#sidr-right li{
			list-style:url(../shared/dot_box-red.gif);
			border-bottom:1px solid #666;
		}

			#sidr-right li a,
			#sidr-right li span{
				display:block;
				padding:10px;
				width:140px;
				color:#ccc;
				text-decoration:none;
			}



	.blocksp{display:none;}
	.blocksp0{display:none;}
	.blocksp0-5{display:none;}
	.blocksp1{display:none;}
	.blocksp1-5{display:none;}
	.blocksp2{display:none;}
	.blocksp2-5{display:none;}
	.blocksp3{display:none;}
	
	.inlinesp{display:none;}
	.inlinesp0{display:none;}
	.inlinesp0A{display:none;}
	.inlinesp0-5{display:none;}
	.inlinesp1{display:none;}
	.inlinesp1-5{display:none;}
	.inlinesp2{display:none;}
	.inlinesp2-5{display:none;}
	.inlinesp3{display:none;}
	
	.noblsp{display:block;}
	.noblsp0{display:block;}
	.noblsp0-5{display:block;}
	.noblsp1{display:block;}
	.noblsp1-5{display:block;}
	.noblsp2{display:block;}
	.noblsp2-5{display:block;}
	.noblsp3{display:block;}
	
	.noilsp{display:inline;}
	.noilsp0{display:inline;}
	.noilsp0-5{display:inline;}
	.noilsp1{display:inline;}
	.noilsp1-5{display:inline;}
	.noilsp2{display:inline;}
	.noilsp2-5{display:inline;}
	.noilsp3{display:inline;}

	@media screen and (max-width:1200px){
		.blocksp{display:block;}
		.inlinesp{display:inline;}
		.noblsp{display:none;}
		.noilsp{display:none;}
	}

	@media screen and (max-width:1000px){
		.blocksp0{display:block;}
		.inlinesp0{display:inline;}
		.inlinesp0A{display:inline;}
		.noblsp0{display:none;}
		.noilsp0{display:none;}
	}

	@media screen and (max-width:840px){
		.blocksp0-5{display:block;}
		.inlinesp0-5{display:inline;}
		.noblsp0-5{display:none;}
		.noilsp0-5{display:none;}
	}

	@media screen and (max-width:770px){
		.blocksp1{display:block;}
		.inlinesp1{display:inline;}
		.noblsp1{display:none;}
		.noilsp1{display:none;}
	}

	@media screen and (max-width:640px){
		.blocksp1-5{display:block;}
		.inlinesp1-5{display:inline;}
		.noblsp1-5{display:none;}
		.noilsp1-5{display:none;}
	}


	@media screen and (max-width:480px){
		.blocksp2{display:block;}
		.inlinesp2{display:inline;}
		.noblsp2{display:none;}
		.noilsp2{display:none;}
	}

	@media screen and (max-width:400px){
		.blocksp2-5{display:block;}
		.inlinesp2-5{display:inline;}
		.noblsp2-5{display:none;}
		.noilsp2-5{display:none;}
	}

	@media screen and (max-width:370px){
		.blocksp3{display:block;}
		.inlinesp3{display:inline;}
		.noblsp3{display:none;}
		.noilsp3{display:none;}
	}