@charset "UTF-8";
/* CSS Document */
html,body {
	height: 100%;
	margin:0;
	padding:0;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:14px;
	color:#333;
}
img{
	padding:0;
	margin:0;
}
/*--------------------------------------------------------------------------------------*/
#wrap{
	width:100%;
	margin: 0 auto;
	min-height: 100%;
	_height: 100%;/* IE6用ハック */
	/*border: 10px solid black;*/
}
#headerdiv{
	background:#5d86ed;
	height:5px;
	width:100%;
}
#headerimg{
	background:url(images/hedimg.png) no-repeat;
	height:210px;
	width:1000px;
}
/*--------------------------------------------------------------------------------------*/
#content {
	width: 1000px;
	margin: 0 auto;
	/*border: 10px solid gray;*/
	padding-bottom: 120px;/* ウィンドウをリサイズされた時にfooterとcontent部分が重ならないようにするためにfooterの高さ分以上の領域を確保 */
}
/*--------------------------------------------------------------------------------------*/
#menudiv{
	width:230px;
	float:left;
}
#menudiv ul{
	margin:0;
	padding:0;
	list-style:none;
}
#menudiv li{
	height:58px;
	width:191px;
	text-indent:-9999px;
	overflow:hidden;
}
#menudiv li a{
	display:block;
	height:58px;
	width:191px;
}
#menudiv li#li01 a{background:url(images/menu.png) 0 0 no-repeat;}
#menudiv li#li02 a{background:url(images/menu.png) 0 -58px no-repeat;}
#menudiv li#li03 a{background:url(images/menu.png) 0 -116px no-repeat;}
#menudiv li#li04 a{background:url(images/menu.png) 0 -174px no-repeat;}
#menudiv li#li05 a{background:url(images/menu.png) 0 -232px no-repeat;}
#menudiv li#li06 a{background:url(images/menu.png) 0 -290px no-repeat;}
#menudiv li#li07 a{background:url(images/menu.png) 0 -348px no-repeat;}
#menudiv li#li08 a{background:url(images/menu.png) 0 -406px no-repeat;}
#menudiv li#li09 a{background:url(images/menu.png) 0 -464px no-repeat;}
#menudiv li#li10 a{background:url(images/menu.png) 0 -580px no-repeat;}
#menudiv li#li11 a{background:url(images/menu.png) 0 -638px no-repeat;}
#menudiv li#li12 a{background:url(images/menu.png) 0 -522px no-repeat;}

#menudiv li#li01 a:hover{background:url(images/menu.png) -191px 0 no-repeat;}
#menudiv li#li02 a:hover{background:url(images/menu.png) -191px -58px no-repeat;}
#menudiv li#li03 a:hover{background:url(images/menu.png) -191px -116px no-repeat;}
#menudiv li#li04 a:hover{background:url(images/menu.png) -191px -174px no-repeat;}
#menudiv li#li05 a:hover{background:url(images/menu.png) -191px -232px no-repeat;}
#menudiv li#li06 a:hover{background:url(images/menu.png) -191px -290px no-repeat;}
#menudiv li#li07 a:hover{background:url(images/menu.png) -191px -348px no-repeat;}
#menudiv li#li08 a:hover{background:url(images/menu.png) -191px -406px no-repeat;}
#menudiv li#li09 a:hover{background:url(images/menu.png) -191px -464px no-repeat;}
#menudiv li#li10 a:hover{background:url(images/menu.png) -191px -580px no-repeat;}
#menudiv li#li11 a:hover{background:url(images/menu.png) -191px -638px no-repeat;}
#menudiv li#li12 a:hover{background:url(images/menu.png) -191px -522px no-repeat;}

#menudiv li#li01{background:url(images/menu.png) -191px 0 no-repeat;}
#menudiv li#li02{background:url(images/menu.png) -191px -58px no-repeat;}
#menudiv li#li03{background:url(images/menu.png) -191px -116px no-repeat;}
#menudiv li#li04{background:url(images/menu.png) -191px -174px no-repeat;}
#menudiv li#li05{background:url(images/menu.png) -191px -232px no-repeat;}
#menudiv li#li06{background:url(images/menu.png) -191px -290px no-repeat;}
#menudiv li#li07{background:url(images/menu.png) -191px -348px no-repeat;}
#menudiv li#li08{background:url(images/menu.png) -191px -406px no-repeat;}
#menudiv li#li09{background:url(images/menu.png) -191px -464px no-repeat;}
#menudiv li#li10{background:url(images/menu.png) -191px -580px no-repeat;}
#menudiv li#li11{background:url(images/menu.png) -191px -638px no-repeat;}
#menudiv li#li12{background:url(images/menu.png) -191px -522px no-repeat;}
/*--------------------------------------------------------------------------------------*/
#main{
	width:770px;
	float:left;
}
#main .contdivs{
	width:380px;
	float:left;
}
.contdivs div.conttitles{
	width:350px;
	height:30px;
	background:url(images/titles.png);
	position:relative;
}
.conttitles p.titles{
	position:absolute;
	bottom:3px;
	left:23px;
	padding:0;
	margin:0;
}
.contdivs div.contcontents{
	width:310px;
	padding:5px 20px;
	/*background:#CF0;*/
}
#main .contdiv{
	width:726px;
}
.contdiv div.conttitle{
	width:726px;
	height:30px;
	background:url(images/titler.png);
	position:relative;
}
.conttitle p.title{
	position:absolute;
	bottom:3px;
	left:23px;
	padding:0;
	margin:0;
}
.contdiv div.contcontent{
	width:701px;
	padding:5px 20px;
}
/*--------------------------------------------------------------------------------------*/
/* ファイルダウンロード用のCSS  */
/* 作成日：2017/9/5　更新日: */
/*--------------------------------------------------------------------------------------*/
.dwondiv{
	background:url(images/downlordbg.png) no-repeat;
	width:175px; height:78px;
	margin:0 auto;
	padding-top:40px; padding-left:40px;
}
/*--------------------------------------------------------------------------------------*/
/* フォーム用のCSS  */
/* 作成日：2017/9/5　更新日: */
/*--------------------------------------------------------------------------------------*/
.underfont{text-decoration:underline;}
.requiredfont{color:#FF0033; font-size:12pt;}
.valigntop td{vertical-align:top;text-align:left;}

.progtable td{padding:4px;border:#666666 solid 1px; vertical-align:top;}
.titlebg{background:#66CCCC; color:#FFFFFF;}

.errmess{color:#FF3300;}
.formtable td{ vertical-align:top;}

.sfont{font-size:9pt;}
.errtr{ color:#FF3300;}
.nomaltr{color:#333333;}
#regfee td{ padding:4px;border:#666666 solid 1px; vertical-align:top; font-size:10pt;}
/*--------------------------------------------------------------------------------------*/
/* 06program.html用のCSS  */
/* 作成日：2017/10/4　更新日: */
/*--------------------------------------------------------------------------------------*/
#regfee1 td{
	padding:4px;border:#666666 solid 1px; vertical-align:top; font-size:9pt;
}
.dayTitle{
	background-color:#0070bf;
	color:#FFF;
	font-weight:bold;
	text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
               0px -5px 16px rgba(255,255,255,0.3);
}
.timetd{
	width:120px;
}
.conttdFcolor{
	background-color:#fff3cc;
}
.conttdPink{
	background-color:#F9F;
}
.conttdOrange{
	background-color:#f4b183;
}
.conttdGray{
	background-color:#BFBFBF;
}
.conttdYellow{
	background-color:#feff00;
}
.conttdGreen{
	background-color:#c6dfb6;
}
.conttdCGreen{
	background-color:#91d04f;
}
.conttdBlack{
	background-color:#000;
	color:#FFF;
}
.conttdBlue{
	background-color:#bdd6ee;
}
.conttdLightblue{
	background-color:#D6E6F4;
}
/*--------------------------------------------------------------------------------------*/
footer {
	height: 100px;
	background:#5d86ed;
	margin-top: -100px;/* footerの高さ分のネガティブマージン */
}
#footerdiv{
	width:1000px;
	margin:0 auto;
	text-align:left;
}
#footerimg{
	background:url(images/rogo.png);
	height:81px;
	width:142px;
	float:left;
	margin-top:10px;
}
#copyrightdiv{
	height:81px;
	width:858px;
	float:left;
	margin-top:10px;
	color:#ffffff;
	text-align:right;
	position:relative;
}
#copyright{
	position:absolute;
	bottom:0;
	width:100%;
	padding:0;
	margin:0;
	font-size:10px;
}
/*--------------------------------------------------------------------------------------*/
.cleardiv{
	clear:both;
}