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


#example{
	background-position:top center;
	background-repeat: no-repeat;

}


#headerimage{
	height:522px;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	background-color:#fff;
}


.headermain{
	width:960px;
	height:522px;
	margin-left:auto;
	margin-right:auto;
	position:relative;

}

.logo_side{
	padding-top:0px;

}

.logo_main{
	position: absolute;
	top: 90px;
	left: 218px;
}

.toptxt{
	display:block;
	background:#424242;
opacity:0.8;
filter: alpha(opacity=80);/*黒地の背景の調整はこの数値で調整*/
height:90px;
	width:820px;
		padding-top:20px;
	padding-left:70px;
	padding-right:70px;
			z-index:1;
			margin-left:auto;
			margin-right:auto;
				position:absolute;
bottom:0;
}
.toptxt h1{
color:#fff;
opacity:1;
z-index:2;
	font-size:95%;
	line-height:1.3em;
}

#hyouji{
	margin-left:auto;
	margin-right:auto;
	width:960px;
	position:absolute;
bottom:0;
	z-index:3;
	text-align:center;

	}


	#hyouji ul{
		margin:0 auto;
		text-align:center;
		font-size:0;
	}


	#hyouji ul li{
		display: inline-block;
		padding-right:20px;
		/zoom: 1;
	}

	#hyouji ul li a img{
		filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	}

	#hyouji img{
	cursor: pointer;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-5px;
	}

	#hyouji img:hover{
	position:relative;top:3px;}


#detail{
	width:100%;
	  display:none;
		background:#ffffe3;
	  background-image:url(../images/index/aisatu_back.png);
	  background-repeat:repeat-x;
	  background-position:bottom;
		height: auto;
	  margin:0px;
}

.aisatu{
	width:760px;
	margin-left:auto;
	margin-right:auto;
	padding-top:50px;
	color:#666666;
	font-size:120%;
	line-height:2em;
	position: relative;
	display: block;
	padding-bottom: 30px;
}



.aisatu p{
	font-weight:bold;
	text-align:right;
	margin-top:20px;
}

.aisatu_logobg{
	background-image:url(../images/index/aisatu_back_logo.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}




.contens_bg{
	background-color:#E9C000;
	margin:0px;
	width:100%;
}
.contens{width:960px;
margin-left:auto;
margin-right:auto;
}

.topixtitle{margin-top:40px;
}


.topixtitle_txt{
	color: #fff;
	width: auto;
	display:block;
	float:right;
	padding-top:20px;
}

.reporttitle{margin-top:20px;
}

.topixbox{
	background-color:#fff;
	border-bottom:solid  #343434 3px;
	margin-bottom:0px;
	padding:20px;
	margin-top:5px;
}



.topixbox dl {
	border-left: #E9C000 1px solid;
	padding-left:10px;
	display:block;
	margin-left:0px;
	padding-right:30px;
	width:275px;

}

.topixbox dt {
	color:#E9C000;
	font-size:90%;
	margin-bottom:5px;
		display:block;


}

.topixbox dd {
	color:#66666E;
	font-size:100%;
	display:block;
			width:205px;
			float:left;

}

.topi_foto{
	float:right;
	width:60px;
	display:block;

}


.contens ul{
	margin-top:40px;
	display:block;
	width:840px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:30px;
	margin-bottom:40px;
}
.contens li{
	float:left;
	margin-left:50px;
	}


.topixbox ul{
	margin:0px;
	padding:0px;
}

.topixbox  li{
	float:left;
	margin-left:20px;
}



.watcher_bg{
	height:100%;
	width:940px;
	padding:10px;
	margin-bottom:20px;
	margin-top:10px;
}

.watcher_bg .title{
	margin-top:5px;
	margin-left:8px;
	width:172px;
	float:left;
}

.watcher_bg .watcher_list{
	width:670px;
	float:left;
	border-left:3px solid #E9C000;
	z-index:5;
	margin-left:50px;
	padding-left:30px;
}

.watcher_list dl{
	margin-top:8px;
}
.watcher_list dt{
	color:#4d4d4d;
	font-size:120%;
	margin-bottom:5px;
	float:left;
	display:block;
	width:18%;
	height:15px;
}


.watcher_list dd{
	color:#fff;
	font-size:135%;
	margin-left:20px;
	font-weight:bold;
	line-height:1.2em;
	padding-bottom:5px;
	height:21px;
	width:100%;
	margin-bottom:5px;
	}

.watcher_list dd a{
	color:#4d4d4d;

}

hr{
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #fff;
	margin-top:10px;
	margin-bottom:10px;
}

.vol{
	color:#fff;
	font-size:50%;
	padding:8px;
	background-color:#4d4d4d;
	line-height:0.5em;
	display:block;
	margin-bottom:3px;
	width:4em;
	float:left;
	text-align:center;
	margin-right:10px;
}

#slider1{
	width:100%;
	margin:0px;
}

#slider2{
	width:100%;
	margin:0px;
}

.link{
	background-color:#fff;
	width:170px;
	padding:10px;
	position:fixed;
	right:10px;
	bottom:-1px;
	border:#E9C000  1px solid;
}
.link .text{
	font-size:80%;
	margin-bottom:5px;
	border-bottom: #E9C000 1px solid;
	text-align:center;
	}


	ul.mission-tabs li{
		margin-left: 0;
		margin-right: 10px;
	}

	#tab1.text,#tab2.text{
		padding-top:50px;
	}