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




figure{
	position:relative;
}
	figure img.guardImg{
		position:absolute;
		width:100%;
		top:0px;
		left:0px;	
		border:none !important;
	}





/* PC
-----------------------------------------------------------------
----------------------------------------------------------------- */
@media screen and (min-width:641px) , print{
.footerLogoOfficial{display:none;}
#headerSp{display:none;}
br.sp{display:none;}
.linkSP{display:none !important;}


/* page-top
----------------------------------------------------------------- */
.snsSetFixed{
	width:41px;
	height:auto;
	display:block !important;
	position:fixed;
	z-index:999999999;
	bottom:50px;
	left:30px;
}
	
/* ticketBanner
----------------------------------------------------------------- */
.officialTicket{
	position:fixed;
	right:130px;
	bottom:30px;
	z-index:999999999;
}
	.officialTicket a{
		display:block;
		width:230px;
		height:auto;
	}
		.officialTicket a img{
			width:100%;
			height:auto;
		}



/* page-top
----------------------------------------------------------------- */
#page-top {
	position: fixed;
	bottom: 16px;
	right: 16px;
	font-size: 77%;
	z-index:99999;
}
#page-top a {
	width:107px;
	height:107px;
	display: block;
	background:url(../images/page_top.png) no-repeat !important;
}
#page-top a:hover {
	text-decoration: none;
}

/* header
----------------------------------------------------------------- */
header{
	width:100%;
	height:auto;
	padding:20px 0px;
	background:#251e85 url(../images/header_bg.png) right top no-repeat;
}
	header .headerBlock{
		width:1160px;
		height:auto;
		margin:0px auto;
		position:relative;
	}
		header .headerBlock .headerDate{
			position:absolute;
			right:-50px;
			top:-10px;	
		}
		header .headerBlock .logo{
			
		}
		header .headerBlock nav{
			width:100%;
			height:auto;	
			padding:20px 0px 0px 0px;
		}
			header .headerBlock nav ul{
				overflow:hidden;
			}
				header .headerBlock nav ul li{
					display:inline-block;
					float:left;
				}
					header .headerBlock nav ul li a{
						padding:12px 8px 12px 8px;
						color:#fff;
						font-weight:bold;
						font-size:93%;	
						border-left:1px solid #fff;
					}
						header .headerBlock nav ul li a:hover{
							text-decoration:none;
						}
						header .headerBlock nav ul li a img{
							margin-right:3px;
						}


/* Language
------------------------------------------------------------------ */
header .headerBlock .language{
	display:block;
	min-width:110px;
	position:absolute;
	top:0px;
	right:95px;
	z-index:99999999;
}
	.headerBlock .language dl{
		
	}
		.headerBlock .language dl dt{
			color:#fff;
			font-weight:bold;
			padding:0px 0px 6px 0px;
			font-size:93%;
			cursor:pointer;
		}
		.headerBlock .language dl dd{
			display:none;
		}
	.headerBlock .language dl dd ul{
		overflow:hidden;
	}
		.headerBlock .language dl dd ul li{
			display:block;
		}
			.headerBlock .language dl dd ul li a{
				display:block;
				background:#000;
				color:#fff;
				padding:3px 12px;
				border-bottom:#666 2px solid;
				font-size:87%;
			}


/* fixedHeader
----------------------------------------------------------------- */
#fixedHeader{
	width:100%;
	height:auto;
	padding:20px 0px;
	background:#251e85 url(../images/header_bg.png) right top no-repeat;
	position:fixed;
	z-index:9999999;
	display:none;
}
	.fixed{display:block !important;}
	
	#fixedHeader .headerBlock{
		width:1160px;
		height:auto;
		margin:0px auto;
		position:relative;
	}
		#fixedHeader .headerBlock .headerDate{
			position:absolute;
			right:-50px;
			top:-10px;	
		}
		#fixedHeader .headerBlock .logo{
			
		}
		#fixedHeader .headerBlock nav{
			width:100%;
			height:auto;	
			padding:20px 0px 0px 0px;
		}
			#fixedHeader .headerBlock nav ul{
				overflow:hidden;
			}
				#fixedHeader .headerBlock nav ul li{
					display:inline-block;
					float:left;
				}
					#fixedHeader .headerBlock nav ul li a{
						padding:12px 8px 12px 8px;
						color:#fff;
						font-weight:bold;
						font-size:93%;	
						border-left:1px solid #fff;
					}
						#fixedHeader .headerBlock nav ul li a:hover{
							text-decoration:none;
						}
						#fixedHeader .headerBlock nav ul li a img{
							margin-right:3px;
						}

		/* Language
		------------------------------------------------------------------ */
		#fixedHeader .headerBlock .language{
			display:block;
			min-width:110px;
			position:absolute;
			top:0px;
			right:95px;
			z-index:9999;	
		}
			
			

/* directoryLink
----------------------------------------------------------------- */
nav#directoryLink{
	width:100%;
	height:auto;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	background:#ededed;
	z-index:999999;
}
	nav#directoryLink .directoryNav{
		width:1160px;
		margin:0px auto;
		position:relative;	
	}
		.directoryNav .activeIcon{
			position:absolute;
			top:-15px;
			left:226px;
		}
	nav#directoryLink ul{
		width:1160px;
		margin:0px auto;
		display:block;
		padding:10px 0px 10px 0px;
		overflow:hidden;
	}
		nav#directoryLink ul li{
			display:block;
			float:left;	
			margin-right:60px;
		}
			nav#directoryLink ul li a{
				font-weight:bold;	
			}
				nav#directoryLink ul li a img{
					height:0.5em;
					width:auto;
					vertical-align:center;
					margin-right:4px;
				}

/* pageAnchor
----------------------------------------------------------------- */
section.pageAnchor{
	width:1000px;
	height:auto;
	margin:0px auto;
	padding:30px 0px 0px 0px;
}
	section.pageAnchor ul{
		overflow:hidden;
	}
		section.pageAnchor ul li{
			display:inline-block;
			float:left;
		}
			section.pageAnchor ul li a{
				display:block;
				/*width:15em;*/
				padding:5px 15px;
				text-align:center;
				border:1px solid #14259B;
				color:#14259B;
				margin-right:10px;
			}
				section.pageAnchor ul li a img{
					height:0.5em;
					width:auto;
					margin:0px 5px 0px 0px;
				}
			

/* pageContents
----------------------------------------------------------------- */
#pageContents{
	padding:50px 0px 50px 0px;	
	overflow:hidden;
}

	#pageContents #pageLeft{
		width:264px;
		height:auto;
		float:left;
	}
	#pageContents #pageRight{
		width:870px;
		height:auto;
		float:right;	
	}


/* footer Navi Global
----------------------------------------------------------------- */

nav#global{
	width:100%;
	height:auto;
	background:#000;	
}
	nav#global ul{
		display:block;
		width:1160px;
		height:auto;
		margin:0px auto;
		padding:0px 0px 0px 0px;
		overflow:hidden;
		text-align:center;
	}
		nav#global ul li{
			display:inline-block;
			/*width:10%;*/
			float:left;	
		}
			nav#global ul li a{
				display:inline-block;
				padding:23px 15px;
				text-align:center;
				color:#fff;
				font-weight:bold;
				font-size:100%;	
			}
				nav#global ul li a:hover{
					text-decoration:none;
				}


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

footer{
	padding:60px 0px 0px 0px;
	background:#fff;
}
	footer .footerBlock{
		width:1070px;
		height:auto;
		margin:0px auto;
		padding:0px 0px 0px 0px;
		overflow:hidden;
	}
		.footerBlock .footerLogo{
			width:430px;
			height:auto;
			float:left;	
		}
		.footerBlock .overview{
			width:600px;
			/*height:243px;*/
			height:310px;
			position:relative;
			float:right;
			padding:0px 20px 0px 20px;	
			border-left:2px solid #000;
			border-right:2px solid #000;
			
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		}
			.footerBlock .overview .snsBox{
				position:absolute;
				right:0px;
				bottom:0px;	
			}
				.footerBlock .overview .snsBox ul{
					overflow:hidden;
					padding-right:20px;
				}
					.footerBlock .overview .snsBox ul li{
						float:right;
						margin:0px 0px 0px 5px;
					}
						.footerBlock .overview .snsBox ul li img{
							margin-top:2px;
						}
					#facebookbt{
						width:110px !important;
						overflow:hidden;
					}
					
					
			.overview .tableBox{
				background:url(../images/footer_table_line.jpg) 16.5% top repeat-y;	
			}
				.overview .tableBox td{
					font-size:93%;
					color:#0A1C4D;
					font-weight:bold;
					border-top:none;
				}
		.footerBlock .footerLink{
			clear:both;
			padding:58px 0px 48px 0px;
		}
			.footerLink ul{
				display:block;
				text-align:center;
			}
				.footerLink ul li{
					display:inline-block;
					padding:0px 10px 0px 10px;
					border-right:1px solid #ededed;
				}
					.footerLink ul li a{
						color:#000;
						font-size:93%;
					}
		.footerBlock .copyright{
			text-align:center;
			font-size:81%;
			padding:0px 0px 25px 0px;
		}

.footerLogo figure{
	height:243px;
	overflow:hidden;	
}


}

/* SP
-----------------------------------------------------------------
----------------------------------------------------------------- */
@media screen and (max-width:640px) {
#global{display:none;}
#header{display:none;}
#fixedHeader{display:none;}
#pageLeft{display:none;}
nav#directoryLink{display:none;}
.snsSetFixed{display:none;}
.linkPC{display:none !important;}
.officialTicket{display:none;}

/* page-top
----------------------------------------------------------------- */
#page-top {
	position: fixed;
	bottom:9px;
	right:9px;
	font-size: 77%;
	z-index:9999;
}
#page-top a {
	width:50px;
	height:50px;
	display: block;
	background:url(../images/page_top.png) no-repeat !important;
	background-size:100% auto !important;
}
#page-top a:hover {
	text-decoration: none;
}


/* header
-------------------------------------------------------- */
header{
	
}
	header #headerSp{
		width:100%;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#251e85;
	}
		.headerSpTop{
			background:url(../images/sp_header_top_bg.png) center top no-repeat;
			background-size:100% auto;
		}
			.headerSpTopBlock{
				width:92.35%;
				height:auto;
				margin:0px auto;
				padding:20px 0px;
				overflow:hidden;
			}
				.headerSpTopBlock .headerSpTopLeft{
					width:74.87%;
					height:auto;
					float:left;
				}
					.headerSpTopLeft .logo img{
						width:100%;
						height:auto;
					}
				.headerSpTopBlock .headerSpTopRight{
					width:10%;
					height:auto;
					float:right;	
				}
					.headerSpTopRight .menu{
						
					}
						.headerSpTopRight .menu img{
							width:100%;
							height:auto;	
						}
	
	
		.headerSp{
			
		}
			.headerSpBlock{
				width:92.35%;
				height:auto;
				margin:0px auto;
				padding:12px 0px 0px 0px;
				overflow:hidden;
			}
				.headerSpBlock .headerSpLeft{
					width:60%;
					height:auto;
					padding:4px 0px 0px 0px;
					float:left;
				}
					.headerSpLeft .logo img{
						width:100%;
						height:auto;
					}
				.headerSpBlock .headerSpRight{
					width:22%;
					height:auto;
					float:right;	
				}
					.headerSpRight .menu{
						width:47.5%;
						height:auto;
						float:right;
						margin-left:5%
					}
						.headerSpRight .menu img{
							width:100%;
							height:auto;	
						}
					.headerSpRight .home{
						width:47.5%;
						height:auto;
						float:right;
					}
						.headerSpRight .home img{
							width:100%;
							height:auto;	
						}		
	

/* nav
----------------------------------------------------------------- */
.acdNav{
	display:block;
	width:100%;
	height:auto;
	/*overflow:scroll;	*/
}
	.acdNav nav#sp{
		width:100%;
		height:auto;
		padding:0px 0px 0px 0px;
		background:#fff;
		
	}
		.acdNav nav#sp ul.nav{
			display:block;
			width:100%;
			height:auto;
			margin:0px auto;
			overflow:hidden;	
			padding:4px 0px 0px 0px;
		}
			.acdNav nav#sp ul.nav li{
				display:block;
				width:50%;
				height:auto;
				float:left;
				margin:0px 0px 0px 0px;
				
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
			}
				.acdNav nav#sp ul.nav li.acd a{
					background:#fff url(../images/icon_tirangle_blue_btm.png)96% center no-repeat;
					background-size:10px auto;
					border-bottom:2px solid #000;
				}
				.acdNav nav#sp ul.nav li.link a{
					background:#fff url(../images/icon_tirangle_blue.png) 96% center no-repeat;
					background-size:8px auto;
					border-bottom:2px solid #000;
				}
				.acdNav nav#sp ul.nav li a{
					display:block;
					width:100%;
					height:auto;
					margin:0px auto;
					padding:8px 10px;
					background:#fff;
					font-weight:bold;
					font-size:93%;
					
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-o-box-sizing: border-box;
					-ms-box-sizing: border-box;	
				}
					.acdNav nav#sp ul.nav li a:hover{
						text-decoration:none;
					}
				
				/* in Navi */
				.acdNav nav#sp ul.nav li ul{
					width:100%;
					display:none;
					background:#fff;
					padding:0px 0px 0px 0px;	
					margin:0px 0px 0px 0px;
					overflow:hidden;
					
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-o-box-sizing: border-box;
					-ms-box-sizing: border-box;	
				}
					.acdNav nav#sp ul.nav li ul li{
						clear:both;
						display:block;
						width:76%;
						height:auto;
						padding:0px 0px 0px 0px;
						margin:0px 0px 0px 0px !important;
						
						float:right;
						
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-o-box-sizing: border-box;
						-ms-box-sizing: border-box;	
					}
						.acdNav nav#sp ul.nav li ul li a{
							display:block;
							width:100%;
							height:auto;
							margin:0px auto;
							padding:8px 8px;
							font-weight:bold;
							font-size:93%;
							color:#fff;
							border-bottom:2px solid #fff !important;
							
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							-o-box-sizing: border-box;
							-ms-box-sizing: border-box;	
							
							background:#ea85b3 url(../images/icon_tirangle_white.png) 96% center no-repeat !important;
							background-size:8px auto !important;
						}
							.acdNav nav#sp ul.nav li ul li a img{
								width:0.75em;
								height:auto;
								margin-right:4px;	
							}
							.acdNav nav#sp ul.nav li ul li a:hover{
								text-decoration:none;
							}
							
.fixed{
	/*
	position: fixed;
	left: 0;
	top:-1px;
	z-index:99999;
	*/
}

/* Language
------------------------------------------------------------------ */
.language{
	display:block !important;
	width:92%;
	height:auto;
	margin:0px auto;
}
	.language dl{
		padding:0px 0px 0px 0px;
	}
		.language dl dt{
			color:#fff;
			font-weight:bold;
			padding:0px 0px 6px 0px;
			font-size:93%;
			text-align:left;
			cursor:pointer;
		}
		.language dl dd{
			display:none;
			padding:0px 0px 25px 0px;
		}
	.language dl dd ul{
		overflow:hidden;
	}
		.language dl dd ul li{
			display:block;
		}
			.language dl dd ul li a{
				display:block;
				background:#000;
				color:#fff;
				padding:6px 12px;
				border-bottom:#666 2px solid;
				font-size:87%;
			}



/* pageAnchor
----------------------------------------------------------------- */
section.pageAnchor{
	width:94%;
	height:auto;
	margin:0px auto;
	padding:12px 0px 0px 0px;
}
	section.pageAnchor ul{
		overflow:hidden;
	}
		section.pageAnchor ul li{
			display:inline-block;
			width:49%;
			margin:0px 2% 10px 0px;
			float:left;
		}
			section.pageAnchor ul li a{
				display:block;
				width:15em;
				padding:5px 0px;
				text-align:center;
				border:1px solid #14259B;
				color:#14259B;
				margin-right:10px;
			}
				section.pageAnchor ul li a img{
					height:0.5em;
					width:auto;
					margin:0px 5px 0px 0px;
				}
				
				
								

/* pageContents
----------------------------------------------------------------- */
#pageContents{
	padding:10px 0px 0px 0px;	
}
	#pageContents #pageRight{
		width:100%;
		height:auto;
		float:none;
	}


/* footer
----------------------------------------------------------------- */
footer{
	padding:20px 0px 0px 0px;
}
	footer .footerBlock{
		width:100%;
		height:auto;
		margin:0px auto;
		padding:0px 0px 0px 0px;
		overflow:hidden;
	}
		.footerBlock .footerLogo{
			width:50%;
			height:auto;
			margin:0px auto;
			padding:0px 0px 20px 0px;
		}
			.footerLogo img{
				width:100%;
				height:auto;
			}
		.footerBlock .overview{
			width:94%;
			height:auto;
			margin:0px auto 30px auto;
			padding:0px 20px 0px 20px;	
			border-left:2px solid #000;
			border-right:2px solid #000;
			
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		}
			.overview .tableBox{
				background:url(../images/footer_table_line.jpg) 18% top repeat-y;	
			}
				.overview .tableBox td{
					font-size:93%;
					color:#0A1C4D;
					font-weight:bold;
					border-top:none;
				}
			
			.footerBlock .overview .snsBox{
				clear:both;
				padding:16px 0px 0px 0px;
			}
				.footerBlock .overview .snsBox ul{
					overflow:hidden;
					padding-right:0px;
					text-align:center;
				}
					.footerBlock .overview .snsBox ul li{
						float:right;
						margin:0px 0px 0px 5px;
					}
						.footerBlock .overview .snsBox ul li img{
							margin-top:2px;
						}
					#facebookbt{
						width:110px !important;
						overflow:hidden;
					}
				
				
		.footerBlock .footerLink{
			width:100%;
			height:auto;
			background:#251e85;
			padding:10px 0px 10px 0px;
		}
			.footerLink ul{
				display:block;
				text-align:center;
				padding:0px 10px;
				overflow:hidden;
			}
				.footerLink ul li{
					display:inline-block;
					padding:0px;
					
					float:left;
				}
				.footerLink ul li.spBoth{
					clear:both;
				}
					.footerLink ul li a{
						color:#fff;
						font-size:87%;
						padding:0px 8px;
						border-right:1px solid #ededed;
					}
					
					
		.footerBlock .footerLogoOfficial{
			width:100%;
			height:auto;	
			padding:0px 0px 2px 0px;
			background:#251e85;
		}
			.footerLogoOfficial img{
				width:68%;
				height:auto;
				padding:0px 0px 0px 4%;
			}
		.footerBlock .copyright{
			font-size:81%;
			color:#fff;
			background:#251e85;
			padding:0px 0px 12px 4%;
		}
















		

}