@charset "utf-8";

body{
	margin:0;
	padding:0;
	text-align: center;
	line-height: 1.75;
	font-size: 14px;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color:#000;
	overflow-x:hidden;
}
a:link {color:#000; text-decoration:underline;}
a:visited {color:#000;text-decoration:none;}
a:hover {color:#666; text-decoration:underline;}
a:active {color:#000;text-decoration:none;}
.font16th2{color:#004097;}
.font16th{color:#e50012;}


/* header
--------------------------------------------------------------------------------------*/
#header{
	width: 100%;
	margin: 0;
	padding:10px 0;
	background-color: #004097;
	border-bottom: 4px solid #e50012;
}

#header #head h1 {
	width: 1000px;
	margin: 0 auto;
}


/* common
--------------------------------------------------------------------------------------*/
#sns{
	width: 100%;
	padding: 8px 0 5px 0;
	background: #e7f1ff;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 20px;
	line-height: 20px;
    margin: 0;
}
#sns ul{
	width: 1000px;
	margin: 0 auto !important;
	float:left;
	display:block !important;
	text-align:left;
}
#sns li{
	line-height:1 !important;
	display:inline-block;
	margin-right: 5px;
}
.fb-share-button,
.twitter-share-button{
display: inline-block;
height: 20px;
overflow: hidden;
}
.fb-share-button span {
vertical-align: top !important;
}


/* common
--------------------------------------------------------------------------------------*/
#wrapper{
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	
}


#wrapper #contents{
	width: 1000px;
	margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
	align-items: stretch;
	background: #004097 url("../img/common/wrapper.jpg") no-repeat center bottom;
	background-size: cover;
}


#wrapper #contents #rightslot {
	width: 700px;
	margin: 20px 30px;
	float: right;
}
#wrapper #contents #leftslot{
	width:200px;
	margin: 20px;
	float: left;
  flex-direction: column;
}

#menu, #menu ul {
	margin: 0;
	padding:0;
	list-style-type:none;
}
#menu {
	width:200px;
	margin: 0 0 30px 0;
	padding:0;
	position:relative;
	box-shadow:0 0 3px #254f73, 0 0 3px #254f73, 0 0 3px #254f73;
-webkit-box-shadow:0 0 3px #254f73, 0 0 3px #254f73, 0 0 3px #254f73;
-moz-box-shadow:0 0 3px #254f73, 0 0 3px #254f73, 0 0 3px #254f73;
}
#menu li {
	border-bottom: 2px solid #004097;
}
#menu li a {
	height: 35px;
  width: 92%;
	padding: 4% 4% 1% 4%;
  color: #004097;
  display: inline-block;
  margin: auto;
	font-size: 15px;
	background-color: #cfdeec;
	background-size: 18% auto;
	font-weight:700;
	text-align:center;
	text-decoration:none;
}

#menu li a:hover {color: #004097;text-decoration:none;}
#menu li a:active {color: #004097;}
#menu li.on, #menu li.on a{color:#e50012;}
#menu li.on a{color: #e50012;}
#poster{
	width:180px;
	margin: 0 10px 30px 10px
}
#poster li.poster{
	background-color: #fff;
	margin-bottom: 10px;
}
#poster li.qr{
	width: 30%;
	margin: 10px 40%;
	background-color: #fff;
}
#poster li img{
	width: 100%;
	height: auto;
}
.contentsBox{
	background-color: #fff;
	box-shadow:0 0 3px #254f73, 0 0 3px #254f73, 0 0 3px #254f73;
	-webkit-box-shadow:0 0 3px #254f73, 0 0 3px #254f73, 0 0 3px #254f73;
	-moz-box-shadow:0 0 3px #254f73, 0 0 3px #254f73, 0 0 3px #254f73;
	margin-bottom: 5%;
	padding-bottom: 5%;
	min-height: 700px;
}


/* footer
--------------------------------------------------------------------------------------*/

#footer {
	width: 100%;
	margin: 0;
	padding: 8px 0;
	text-align:center;
	clear:both;
	background:#004097;
	font-size:11px;
}

#footer p{
	text-align:center;
	font-size:11px;
	color: #fff;
	padding: 15px 0;
}
#footer p.atalacia{
	width: 1000px;
	margin: 0 auto;
	border-bottom: 1px solid #fff;
}
#footer p a{color: #fff;}
.box,
.box2nd,
.box3rd,
.box4th {
	clear:both;
}
.box{
	margin-left: 6%;
	margin-right: 6%;
}

ul.lists{
}

.lists li{
	width: auto;
	text-align: left;
	display: block;
}
.lists li.arrow{background: url(../img/common/arrow.png) 0px 8px no-repeat;background-size: 9px 8px; padding-left: 16px;}
.lists li.kome{background: url(../img/common/kome.png) 0 6px no-repeat;background-size: 12px 12px; padding-left: 16px;}
.lists li.dot{background: url(../img/common/circle.png) 6px 10px no-repeat;background-size: 3px 3px; padding-left: 16px;}
/*
.lists li.circle{background-image: url(../img/common/circle.png);background-size: 12px 12px; background-position: 0 6px; padding-left: 15px;}
*/

table.zero{
width:100%;
font-size:100%;
text-align:left;
}

.zero th{
width:1%;
padding-right:3px;
text-align:left;
font-weight:400;
vertical-align:top;
white-space:nowrap;
}
.zero td{
width:auto;
text-align:left;
vertical-align:top;
}


table.one{
width:100%;
text-align:left;
border-collapse:collapse;
	font-size: 0.98em;
}
.one th{
width:8%;
padding: 15px 20px;
border-right:	1px dotted #1d2a75;
color: #1d2a75;
text-align:right;
font-weight:700;
vertical-align:top;
white-space:nowrap;
background: #f7f7f7;
}
.one td{
width:auto;
padding: 15px 20px;
text-align:left;
vertical-align:top;
background: #f7f7f7;
}
.one tr:nth-child(odd) th,
.one tr:nth-child(odd) td{
background: #fff;
}
.one.ver2 th{width:3%;padding: 8px 20px 8px 0;text-align:left;}
.one.ver2 td{width:auto;padding: 8px 0 8px 20px;text-align:left;}
.one.ver3 th{width:3%;padding: 8px 20px 8px 0;text-align:left;border-right:none;background: #fff;}
.one.ver3 td{width:auto;padding: 8px 0;text-align:left;background: #fff;}

table.two{
	text-align:left;
	border-collapse:collapse;
	font-size:100%;
	border: 1px solid #666;
}
.two th{
width:8%;
padding: 15px 20px;
border-right:	1px solid #666;
border-bottom: 1px solid #666;
color: #1d2a75;
text-align:right;
font-weight:700;
vertical-align:top;
white-space:nowrap;
background: #f7f7f7;
}
.two td{
width:auto;
padding: 15px 20px;
text-align:left;
vertical-align:top;
border-bottom: 1px solid #666;
}

table.three{
	text-align:left;
	border-collapse:collapse;
	font-size:100%;
	border: 1px solid #666;
}
.program table.three,
.registration table.three{
	width: 100%;
}
.three th{
padding: 15px 20px;
border-right:	1px solid #666;
border-bottom: 1px solid #666;
color: #1d2a75;
text-align:center;
font-weight:700;
vertical-align:top;
white-space:nowrap;
background: #f7f7f7;
}
.three td.th{background: #fcfcfc;}
.registration .three th{ background-color: #b8d5f1;color:#004097;}
.three td{
width:auto;
padding: 15px 20px;
text-align:left;
vertical-align:top;
border-right:	1px solid #666;
border-bottom: 1px solid #666;
}
.three td.alignR{text-align:right;}
.program table.three td{vertical-align:middle;padding: 8px 15px;}
/*
.bgColor{
	border:1px solid #b60226;
	background-color:#fff2f5;
	padding:2% 5%;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.bgColor h3{
	border-color: #fff;
}

.box.border,
.box2nd.border{
padding:8px 12px;
text-align: left;
background-color:#f8f6c5;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 1px solid #b60226;
}
*/

/* switchHat
--------------------------------------------------------------------------------------*/

.switchHat {
	width: 16%;
	margin:1% 0;
	text-align: center;
	padding: 1% 3% 1% 5%;
	background:#225ba6 url("../img/common/arrowDown.png") no-repeat 8px 14px;
	background-size: 12px 9px;
	color: #fff;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
	font-weight: 700;
}
.nowOpen {
	background: #fbe14c url("../img/common/arrowUp2.png") no-repeat 8px 14px;
	background-size: 12px 9px;
	color: #171c61;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	font-weight: 700;
}
.closeBtnHat{display:none;}
.switchDetail {
}
.switchDetail p{
	padding: 3% 4%;
	text-align: left;
	color: #111;
	background-color: #f1f1f1;
}/*
dl.faq{
	width: auto;
	margin: 0;
	padding: 0;
	text-align: left;
	clear:both;
}

.faq dt{
	background: url(../img/common/fq_Q.png) no-repeat 0px 2px;
	background-size:20px 20px;
	padding:0 0 0 27px;
	color:#0b244d;
	margin-bottom:10px;
	font-size: 1.1em;
	font-weight:700;
}

.faq dd{
	background: url(../img/common/fq_A.png) no-repeat 0px 3px;
	background-size:20px 20px;
	padding:0 0 25px 27px;
}
*/