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

@media print {
body {
zoom: 65%;
}
}



#container a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}



a.pdfLink{
	display:block;
	background:url(../../common/images/icon_pdf.jpg) left 4px no-repeat;
	padding:0px 0px 0px 14px;
	margin:5px 0px;
}


/* Wraper
----------------------------------------------- */
#wrapper{
	width:100%;
	background:#003087 url(../images/bg_page.jpg) repeat-x fixed;
}


/* Header
----------------------------------------------- */
header{
	width:980px;
	height:auto;
	margin:0px auto;
	padding:16px 0px 14px 0px;
	background:url(../images/header_bg.png) center -16px no-repeat;
}
	header h1{
		display:block;
		float:left;
	}
		header h1 a{
			display:block;
			width:216px;
			height:39px;
			text-indent:-9999px;
			background:url(../images/logo.png) no-repeat;
		}
	header #headerLungage{
		width:60%;
		float:right;
	}
	header ul#headerLink{
		/*
		display:block;
		width:50%;
		float:right;
		*/
	}
		ul#headerLink li{
			display:block;
			margin-left:20px;
			float:right;
		}
		ul#headerLungage{
			display:block;
			padding:0px 0px 0px 0px;
		}
			ul#headerLungage li{
				display:block;
				width:65px;
				padding:0px;
				float:right;
				margin:0px 0px 0px 10px;
				background:#fff;
				text-align:center;
				font-weight:bold;
				font-size:11px;
				border:1px solid #2996CD;
				opacity: 0.9;
			}
				ul#headerLungage li a{
					color:#2996CD;
					text-decoration:none;
				}
				ul#headerLungage li a:hover{
					text-decoration:none;
					
				}
				ul#headerLungage li:hover{
					opacity:1;
				}
		ul#headerLungage li#google_search_list {
			display: inline;
			width: 250px;
			height: 24px;
			background: none;
			font-weight: normal;
			font-size: 9px;
			border: none;
			margin: 0;
			opacity: 1;
		}
		
		#google_search td {
			padding: 0;
		}
		
		.cse .gsc-control-cse, .gsc-control-cse {
			background: none !important;
			border: none !important;
			padding: 0 !important;
		}
		
		table.gsc-search-box td {
			vertical-align: top !important;
		}
		
		.gsc-input-box {
			border-radius: 3px !important;
			-moz-border-radius: 3px !important;
			-webkit-border-radius: 3px !important;
		}
		
		.gsib_a {
			padding: 0 0 0 4px !important;
		}
		
		td.gsc-input {
			padding: 0 4px 0 0 !important;
		}
		
		input.gsc-input {
			font-size: 10px !important;
		}
		
		input.gsc-search-button-v2 {
			padding: 4px 12px 5px 12px !important;
			margin: 0 !important;
		}
		
		.gsc-input-box {
			border: 1px solid #3079ED !important;
			height: auto !important;
			width: 200px !important;
		}
		
		.gs-title {
			text-align: left !important;
		}
		
		a.gsst_a {
			height: 15px !important;
		}
		
		.gsst_b {
			height: 22px !important;
		}
		
		.cse .gsc-search-button-v2, .gsc-search-button-v2 {
			padding: 6px 14px !important;
		}


/* 中ページメイン画像
-------------------------------------------------- */
#mainCover{
	width:100%;
	height:auto;
	background:url(../images/bg_main_inn.png) no-repeat center top;
}
	#mainCover #main{
		width:980px;
		height:auto;
		margin:0px auto;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		#main p.pan{
			display:block;
			position:absolute;
			top:250px;
			left:0px;
			color:#fff;
		}
			#main p.pan a{
				color:#fff;
			}


#container{
	width:100%;
	height:auto;
	margin:0px auto;
	padding:0px 0px 0px 0px;
}
	#container #contents{
		width:980px;
		margin:-20px auto 0px auto;
		position:relative;
		z-index:10;
	}


		/* Left
		-------------------------------------------------- */
		#contents #contentsLeft{
			width:730px;
			height:auto;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			float:left;
		}
		
		
		/* Right
		-------------------------------------------------- */
		#contents #contentsRight{
			width:230px;
			height:auto;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			float:right;
		}
			
			/* sideYoutube
			-------------------------------------------------- */
			#contentsRight #sideYoutube{
				width:230px;
				height:auto;
				margin:0px 0px 20px 0px;
				padding:0px 0px 0px 0px;
			}
				#sideYoutube h2{
					display:block;
					height:47px;
				}
				#sideYoutubeArea{
					width:230px;
					height:auto;
					margin:0px 0px 0px 0px;
					padding:10px 0px 0px 0px;
					background:#fff;
					border-bottom-left-radius:4px;
					-webkit-border-bottom-left-radius:4px;/* Safari,Google Chrome用 */
					-moz-border-bottom-left-radius:4px;/* Firefox用 */
					border-bottom-right-radius:4px;
					-webkit-border-bottom-right-radius:4px;/* Safari,Google Chrome用 */
					-moz-border-bottom-right-radius:4px;/* Firefox用 */
				}
					#sideYoutubeArea .youtubeSet{
						width:211px;
						height:auto;
						margin:0px auto 0px auto;
						padding:10px 0px 10px 0px;
					}
						.youtubeSet img{
							margin:0px 0px 5px 0px;
						}
						.youtubeSet h3 a{
							color:#3993c0;
							font-size:12px;
							font-weight:bold;
							line-height:1.4em;
						}
						.youtubeSet p{
							padding:5px 0px 0px 0px;
							font-size:11px;
							line-height:1.2em;
						}
			
			
			/* PageNav
			-------------------------------------------------- */
			#contentsRight #pageNav{
				width:230px;
				height:auto;
				margin:0px 0px 20px;
				padding:0px 0px 0px 0px;
			}
				#pageNav h2{
					display:block;
					height:51px;
				}
				
				#pageNav #navArea{
					width:230px;
					height:auto;
					margin:0px;
					padding:0px 0px 0px 0px;
					background:#fff;
					border-bottom-left-radius:4px;
					-webkit-border-bottom-left-radius:4px;/* Safari,Google Chrome用 */
					-moz-border-bottom-left-radius:4px;/* Firefox用 */
					border-bottom-right-radius:4px;
					-webkit-border-bottom-right-radius:4px;/* Safari,Google Chrome用 */
					-moz-border-bottom-right-radius:4px;/* Firefox用 */
				}
					
					#navArea ul{
						padding:15px;
					}
						#navArea ul li{
							background:url(../images/icon_link_inn.png) left top no-repeat;
							padding:0px 0px 20px 26px;
							margin:0px 0px 0px 0px;
						}
							#navArea ul li a{
								color:#3993c0;
								font-size:15px;
								font-weight:bold;
							}
							#navArea ul li ul{
								padding:10px 0px 0px 0px;
							}
								#navArea ul li ul li{
									background:url(../images/icon_page_nav_sub.png) left 5px no-repeat;
									padding:0px 0px 5px 15px;
									margin:0px 0px 10px 0px;
									border-bottom:1px dotted #666;
								}
									#navArea ul li ul li a{
										font-size:100%;
										font-weight:normal;
										color:#333;
									}
		
			/* Calendar
			-------------------------------------------------- */
			#calendarSlide{
				position:relative;
			}
			#contentsRight #calendar{
				width:230px;
				height:auto;
				margin:0 0 20px;
				padding:0px 0px 0px 0px;
			}
				#calendar h2{
					display:block;
					width:230px;
					height:80px;
					text-indent:-9999px;
					background:url(../images/title_calendar.png) left top no-repeat;
				}
				#calendar #calendarBody{
					padding:0px 10px 10px 10px;
					background:#fff;
					border-bottom-left-radius:4px;
					-webkit-border-bottom-left-radius:4px;/* Safari,Google Chrome用 */
					-moz-border-bottom-left-radius:4px;/* Firefox用 */
					border-bottom-right-radius:4px;
					-webkit-border-bottom-right-radius:4px;/* Safari,Google Chrome用 */
					-moz-border-bottom-right-radius:4px;/* Firefox用 */
				}
					#calendarBody #calendarChange{
						clear:both;
						padding:6px 0px 0px 0px;
						overflow:hidden;
					}
						#calendarChange #calPrev{
							width:20%;
							float:left;
						}
						#calendarChange #calNext{
							width:20%;
							float:right;
							text-align:right;
						}
					#calendarBody #month{
						width:50px;
						height:40px;
						background:url(../images/calender_month_bg.jpg) center center no-repeat;
						float:left;
						color:#ffff00;
						font-size:20px;
						font-weight:bold;
						text-align:center;
						padding:15px 0px 0px 0px;
					}
						#month span{
							font-size:12px;
						}
					#calendarBody h3{
						display:block;
						width:160px;
						height:auto;
						float:left;
						color:#008cba;
						font-weight:bold;
						font-size:13px;
						padding-top:6px;
					}
						#calendarBody h3 a{
							color:#008cba;
						}
					
					#calendarBody .minCMonthArea {
						margin: 0 0 5px;
					}
						#calendarBody .prevLi {
							float: left;
							width: 14px;
						}
							#calendarBody .prevLi a {
								display: block;
								width: 14px;
								height: 14px;
								text-indent:-9999px;
								background:url(../images/btn_calendar_slide_left.jpg) left center no-repeat;
							}
						#calendarBody .nextLi {
							float: right;
							width: 14px;
						}
							#calendarBody .nextLi a {
								display: block;
								width: 14px;
								height: 14px;
								text-indent:-9999px;
								background:url(../images/btn_calendar_slide_right.jpg) left center no-repeat;
							}
					
					#calendarSlide{
						clear:both;
					}
					#calendarBody .calendarBox{
						clear:both;
						padding:30px 0px 0px 0px;
						table-layout: fixed;
						width: 100%;
					}
						.calendarBox th{
							border-bottom:1px dotted #2995cc;
							border-top:1px solid #2996cd;
						}
						.calendarBox td, .calendarBox th{
							text-align:center;
							vertical-align:middle;
							border-bottm:1px solid #e4f2f8;
							padding:5px 0px;
							color: #666;
							font-weight: bold;
						}
						.calendarBox a{
							text-decoration: underline;
						}
						/* calendar bg icon
						------------------------------ */
						.tdSat,
						.tdSat a {
							color:#0082A3 !important;
						}
						.tdSun,
						.tdSun a {
							color:#db4000 !important;
						}
						.onEvent {
							background:url(../images/icon_cal_sp.jpg) center center no-repeat;
							-moz-background-size:70% auto;
							background-size:70% auto
						}
							.onEvent.tdSat{
								background:url(../images/icon_cal_sat.jpg) center center no-repeat;
							}
							.onEvent.tdSun{
								background:url(../images/icon_cal_sun.jpg) center center no-repeat;
							}
							
			/* Banner Side
			--------------------------------------------- */
			#contentsRight #bannerSide{
				width:210px;
				height:auto;
				margin:0px 0px 20px 0px;
				padding:10px;
				background:#fff;
				border-radius:4px;
				-webkit-border-radius:4px;/* Safari,Google Chrome用 */
				-moz-border-radius:4px;/* Firefox用 */
			}
				#bannerSide .bannerBox{
					width:210px;
					height:auto;
					padding:10px 0px;
					background:url(../images/bg_side_banner_area.jpg);
				}
					.bannerBox p.photo{
						text-align:center;
					}
					.bannerBox p.copy{
						padding: 0px 10px;
						color:#185ea1;
						font-weight:bold;
					}
					.bannerBox p a{
						color:#185ea1;
					}
				#bannerSide ul{
					padding:15px 0px;
				}
					#bannerSide ul li{
						text-align:center;
						margin:0px 0px 12px 0px;
					}
					



/* Footer
----------------------------------------------- */
#pan{
	width:980px;
	height:auto;
	margin:0px auto;
	padding:5px 0px 20px;
	text-align:right;
}
#footerCover{
	width:100%;
	height:auto;
	background:url(../images/footer_bg.png) repeat-x;
}
	#footerCover footer{
		width:980px;
		height:auto;
		margin:0px auto;
		padding:30px 0px 25px 0px;
		overflow:hidden;
	}
		footer p#footerLink{
			line-height:2em;
			padding:0px 0px 15px 0px;
			color:#fff;
		}
			p#footerLink a{
				color:#fff;
			}
		footer address{
			color:#fff;
			display:block;
			width:55%;
			float:left;
		}
			address h5{
				font-size:120%;
				padding:0px 0px 5px;
			}
			
			address p {
				font-size: 85%;
			}
			
		footer p#copyright{
			display:block;
			width:44%;
			float:right;
			text-align:right;
			padding:50px 0px 0px 0px;
			color:#fff;
			font-size:80%;
		}




/* bxSlider Custom CSS
------------------------------------------------------------ */
/** RESET AND LAYOUT

/* custom
-------------------- */
#mainSlide .bx-prev { 
	position:absolute;
	top:140px;
	left:-50px;
	width: 40px;
	height: 60px;
	text-indent:-9999px;
	background:url(../../top/images/btn_slide_allow_lft.png) left center no-repeat;
}
#mainSlide .bx-next {
	position:absolute;
	top:140px;
	left:990px;
	width: 40px;
	height: 60px;
	text-indent:-9999px;
	background:url(../../top/images/btn_slide_allow_right.png) left center no-repeat;
}
.bx-start { display:none;}
.bx-stop { display:none;}

.bx-pager bx-default-pager{
	display:none;
}
.bx-pager-item{
	display:none;
}


#bannerSlide .bx-prev{
	width:31px;
	height:32px;
	position:absolute;
	top:53px;
	left:-10px;
	text-indent:-9999px;
	background:url(../../top/images/btn_banner_slide_left.png) left center no-repeat;
}
#bannerSlide .bx-next{
	width:31px;
	height:32px;
	position:absolute;
	top:53px;
	left:710px;
	text-indent:-9999px;
	background:url(../../top/images/btn_banner_slide_right.png) left center no-repeat;
}



#calendarSlide .bx-prev{
	width:31px;
	height:32px;
	position:absolute;
	top:0px;
	left:0;
	text-indent:-9999px;
	background:url(../images/btn_calendar_slide_left.jpg) left center no-repeat;
}
#calendarSlide .bx-next{
	width:31px;
	height:32px;
	position:absolute;
	top:0px;
	right:0;
	text-indent:-9999px;
	background:url(../images/btn_calendar_slide_right.jpg) right center no-repeat;
}
.bx-start { display:none;}
.bx-stop { display:none;}

.bx-pager bx-default-pager{
	display:none;
}
.bx-pager-item{
	display:none;
}



