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

@media screen and (min-width:960px) {
/*pc用のcssを記述*/






}


@media only screen and (min-width:427px) and (max-width:960px) {
/*tablet用のcssを記述*/
img {max-width:100%; width /***/:auto; /*IE8用ハック*/
	height:auto;} /*画像サイズが横幅に合わせて可変します*/
#outline th,#program th{text-align: center;
	width:30%;
	table-layout: fixed;}	
	footer {max-width:100%; width /***/:auto; /*IE8用ハック*/
}


}
 
@media screen and (max-width:426px) {
/*スマホ用のcssを記述*/
img {max-width:100%; width /***/:auto; /*IE8用ハック*/
	height:auto;} /*画像サイズが横幅に合わせて可変します*/

	.attention{font-size:100% !important;}

	h2{font-size:100%;}	
	
	
}
	


/* 全ページ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td,img,hr{
 margin:0;
 padding:0;}

body {
	font:14px Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color:#333333;
	line-height:140%;
	background-color:#E3FCFF;
}
	#container{max-width:940px;
	margin: 0px auto;
	background-color:#FFFFFF;
	}
section{padding:5px;}

h2{display:block;
margin:10px 0px 10px 5px;
text-indent:-1em;}

h3{display:block;
margin:10px 0px}

.attention{
	font-size:140%;
	width:70%;
line-height:150%;
font-weight:bold;
color:#000066;
margin:30px auto;
text-align: center;
display: block;
	padding:10px;
	border:1px solid #FF0000;
}

.attention p{margin-bottom:10px;}
.attention span{text-decoration:underline; }

.attention3
{text-align: center;
	font-size:150%;
font-weight:bold;
margin:20px auto;}

.agree{width:70%;
margin:10px auto;}


.agree ul{padding-left:20px;font-size:110%;
margin:15px;}
.agree li{line-height:180%;}
li span{font-weight:bold; text-decoration:underline;font-size:110%;background-color: #FBFF87;}




.reg_btn{width:80%;
	font-size:20px;
	text-decoration: none !important;
	text-align:center;
	font-weight: bold;
  background-color: #0059B2;
	color:#FFFFFF;
margin:20px auto;
padding:30px;
	box-sizing: border-box;
	overflow: hidden;
}

.reg_btn:hover {
  opacity: 0.8;
}


footer {max-width:100%; width /***/:auto; /*IE8用ハック*/
padding:10px;
line-height:150%;
color:#333333;
background-color: #F3E7DF;
box-sizing: border-box;
overflow: hidden;
}	
footer div{margin:20px auto;
width:70%;}
footer p{font-weight:bold;
font-size:120%;
text-indent: -1em;
padding-bottom:6px;}
.copy{text-align:center;}

a:link{
color:#0059B2;
}
a:visited{
color:#666666;}
a:hover{
color:#6EA5C7;}
a:active{
color:#6EA5C7;}