/* resets */
html,body,a,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,button,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
margin:0;padding:0;border:0;outline:0;
font-size:100%;
border-collapse:collapse;
border-spacing:0;
list-style-type:none;
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
font-weight: normal;
text-decoration:none;
font-size:1.0em;
text-align: left;
line-height:1.5em;
}
p, li, dt, dd, th, td, pre {
	-ms-line-break: strict;
	line-break: strict;
	-ms-word-break: break-strict;
	word-break: break-strict
}
* {
	margin:0;
	padding:0;
	border:none;
}
img{
vertical-align:bottom;
}
img, object {
	max-width : 100%;
	height: auto;
}

.min a,.min div,.min span,.min object,.min iframe,.min h1,.min h2,.min h3,.min h4,.min h5,.min h6,.min p,.min dl,.min dt,.min dd,.min ol,.min ul,.min li{
font-family: "FOT-筑紫明朝 Pr6 M",TsukuMinPr6-M,serif;
}


h1,h2,h3,h4,h5,h6,p{
	background:url(../images/common/1px-transparent.png) ;
}

.font2 p, .font2 h3{
	color:#4670FF;
}

/* hack*/

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}
.fixed {
	position: fixed;
	top: 0px;
}
.clear {
	clear: both;
}


/* defalut */
body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#8DA7FF;
}
a{
outline: none;
color:#5072e9;
font-size:100%;
	text-decoration:underline;	
}
.plzNoCopying{
	position: absolute;
	top:0px;
	
}
.mb_40{
	margin-bottom: 40px;
	}
.mb_20{
	margin-bottom: 20px;
	}
.mb_10{
	margin-bottom: 10px;
	}
.pt_10{
	padding-top: 10px;
}
.pt_20{
	padding-top: 20px;
}
.pcimg{
	display: block;
}
.spimg{
	display: none;
}


.yellow,
.yellow a{
	color: #d8d850;
}

.yellow2,
.yellow2 a{
	color: #d0d056;
}

.white,
.white a{
	color: #fff;
}


#news a{
	color: #d8d850;
}




.small {
	font-size:10px;
	line-height:16px;
	color:#a0a0a0;
}
.regular {
	font-size:13px;
	line-height:22px;
}

.photodvd {
	font-size:11px;
	line-height:18px;
}

.wrapper{
	margin: 0 auto;
	width: 1000px;
}
.main_container{
	text-align: center;
}
.txtcenter{
	text-align: center;
}

#navi {
	width:330px;
	margin-left:100px;
	position:absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}	


#block_side {
	width:330px;
	margin:0px;
	position:absolute;
	left:0px;
	top:336px;
	z-index:3;
}

#block_main {
	width:660px;
	margin:0px;
	position:absolute;
	left:430px;
	top:0px;
	z-index:4;
}


#main {
	width:660px;
	margin:0px;
	position:absolute;
	left:453px;
	top:-0;
	z-index:2;
}
#main_cal {
	background-color: #fff;
	padding: 20px 0 50px 0;
}
#main_cal .main{
	width:800px;
	margin:0px auto;
	color:#333333;
}
#main_cal .main p{
	line-height: 1.8em;
}

.calendar{
	margin-left: 20px;
	padding: 20px;
	background-color: rgba(246,231,255,0.35);
	color:#efe7ff;
}
.calendar2{
	margin-left: 20px;
	padding: 20px;
	background-color: #fff;
	color:#000;
}

.cal_top{
	text-align: center;
	margin: 0 80px 20px 80px;
	float:left;
	width: 240px;
}
.cal_top img{
	border:solid 1px #2b2b4b;
}
.cal_tri li{
	width:226px;
	float: left;
	margin: 20px;
	text-align: center;
}
.cal_tri img{
	border:solid 1px #2b2b4b;
}

#main_cal dt{
	font-weight: bold;
	color: #03328c;
	width:100px;
	float: left;
	clear: left;
	padding:8px;
}
#main_cal dd{
	margin-left: 120px ;
	padding:8px;
}
#main_cal .info_ttl{
	margin-top: 10px;
	color:#d08456;
	font-weight: bold;
}
#main_cal .form_area {
    padding:20px;
    font-size: 15px;
}
.form_area input,
.form_area select,
.form_area textarea{
	border: solid 1px #ccc;
}
.form_area .form_ttl{
	font-weight: bold;
	color:#5072e9;
}
.subform{
	width: 100%;
}

.notice{
	font-size:13px;
}

.notice p{
	line-height:1.6em;
}
.cal_ehagaki{
	text-align: center;
}
.cal_ehagaki li{
	max-width: 500px;
	float: left;
	margin: 20px;
	text-align: center;
}
.letterSetCulum1{
width:660px;
padding-left:40px;
margin-top:5px;
}
.letterSetCulum2{
width:660px;
padding-left:40px;
margin-left:70px;
margin-top:5px;
}
.letterSetCulum2 p{
font-size:13px;
}

.letterSet{
font-size:13px;
float:left;
width:155px;
margin-top:1px;
margin-left:30px;
}
.letterSet img{
margin-top:4px;
}

.topnews{
margin-left:20px;
}
.news_middle{
font-size:15px;
padding-bottom:12px;

}

#navi img{
}

.footer{
	clear:both;
	text-align:right;
	margin-top:40px;
	margin-bottom:40px;
}


.footer p{
	text-align:right;
}

.footer a{
	display:block;
	text-align:right;
	margin-top:10px;
	color:#999;
	font-size:10px;
	text-decoration:none;
}
.copy{
	font-size:0.7em;
	color:#333;
	text-align: right;
}

.naviPic{
	position:relative;
	text-align:right;
	margin-right:18px;
}

.description{
	font-size:12px;
	line-height:1.7em;
	margin-left:35px;
	margin-bottom:40px;

}

.col{
	width:660px;
	overflow:hidden;
	margin-bottom:20px;

}


div.colLeft,
div.colLeft p {
  width: 190px;
  height: 190px;
}

div.colLeft {
  float: left;
  margin-left:35px;
  border: 1px solid #283a7b;/*5072e9*/
  
}

div.colLeft p {
  display: table-cell; /* p要素でテーブルの構造を表現 */
  vertical-align: middle; /* 画像を垂直に */
  text-align: center; /* 画像を中央に */
  line-height: 0; /* ボックス内でのp要素の余分な下スペースを消去 */
}

div.colLeft p img {
  max-width: 150px;
  max-height: 150px;
}

/* IE6 */
div.colLeft p span {
  _zoom: 1; /* hasLayoutをtrueに設定 */
  _line-height: 100px; /* span要素の行を画像の最大の高さと同じ値に設定 */
  _margin-top: -1px; /* 微調整 */
}

div.colLeft p img {
  _vertical-align: middle; /* 画像を垂直に */
}

/* IE7 */
*:first-child+html div.colLeft p span {
  zoom: 1; /* hasLayoutをtrueに設定 */
  line-height: 100px; /* span要素の行を画像の最大の高さと同じ値に設定 */
  margin-top: -1px; /* 微調整 */
}

*:first-child+html div.colLeft p img {
  vertical-align: middle; /* 画像を垂直に */
}


.colRight{
	width:415px;
	float:right;
	
}
.f12{
	font-size:11.5px;
	line-height:1.7em;
}

.linkBtn{
	text-align:center;
	margin-bottom:210px;
}

.linkBtn a{
	text-align:center;
	line-height:2em;
	text-decoration:none;
}

.infoTable{
	margin-left:40px;
	width:620px;
}
.infoTable tr{
	border-bottom:1px solid #283a7b;/*2f4d81*/
}

.infoTable tr td{
	padding-bottom:4px;
	padding-top:4px;
}
.infoTable tr td p{
	font-size:12px;
}
.infoItem td p{
	padding-top:30px;
}
.infoTitleTop{
	margin-left:40px;
	margin-top:20px;
	font-size:15px;
	margin-bottom:10px;
}
.infoTitle{
	margin-top:25px;
	margin-left:40px;
	font-size:15px;
	margin-bottom:10px;
}

.infoTitlemT50{
	margin-top:50px;
	margin-left:40px;
	font-size:15px;
	margin-bottom:10px;
}

.introduction{
	font-size:20px;
	margin-left:40px;
	line-height:2em;
	letter-spacing:0.09em;
}
.autor{
	font-size:25px;
}
.date{
font-size:13px;
}

.printTable{
width:367px;
}
.printTable tr{
	border-bottom:1px solid #283a7b;
}

.printTable tr td{
	padding-bottom:4px;
	padding-top:4px;
}
.printTable tr td p{
	font-size:12px;
}


.col2{
	width:630px;
	overflow:hidden;
	margin-left:40px;
}

.col2Left{
	width:377px; float:left;
}
.col2Right{
	width:253px;
 float:right;
 }
 
 .pSmall{

font-size:11px; }

.mL40{
	margin-left:40px;
}
.mL3Imp{
	margin-left:3px !important;
}
.mT100{
	margin-top:100px;
}
.mT80{
	margin-top:80px;
}
.mT60{
	margin-top:60px;
}
.mT25{
	margin-top:25px;
}
.mT10{
	margin-top:10px;
}
.titleImage{
	margin-left:40px;
	margin-top:38px;
	margin-bottom:37px;
}
.f15{
	font-size:15px;
}
.mailform tr td p{
	margin-bottom:7px;
}
.submintBtn{
	text-align:center;
	width:100%;
	padding:5px;
	border:1px solid #283a7b;
	background:none;
	color:#5072e9;
	
}
.submintBtn:hover{
	background:#283a7b;
	color:#fff;
}

.hrBlue{
	border-bottom:1px solid #283a7b;
	margin-top:25px;
	margin-left:40px;}
.kanji{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.notice_right{
	float: right;
	padding: 0 10px;
}
.notice_right p{
	font-size: 0.8em;
}



@media screen and (max-width:800px){
  /*画面幅が781px以上の時*/
#main_cal .main {
	width:90%;
	margin:0px auto;
}
/*.cal_top{
	text-align: left;
	margin: 10px auto;
	float:none;
	width: 300px;
}*/
.cal_top,
.cal_tri li{
	width:42%;
	margin: 10px 4%;
	text-align: left;
	min-height: 810px;
}
#main_cal dt{
	width:100%;
	float: none;
	padding: 0 5px;
}
#main_cal dd{
	margin-left: 0px ;
	padding: 0 5px;
	margin-bottom:10px;
}
.subform{
	padding: 20px 0;
	background-color: #001c58;
}

	
.spimg{
	display: block;
}
.pcimg{
	display: none;
}
.txtcenter{
	text-align: left;
}
}
@media screen and (max-width:561px){
.cal_top,
.cal_tri li{
	min-height: 420px;
}

}