@charset "utf-8";

/*///////////////////////////////////////

 font-size

/////////////////////////////////////////

	10px = 77%		11px = 85%
	12px = 93%		13px = 100%
	14px = 108%		15px = 116%
	16px = 123.1%

////////////////////////////////////////*/

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/


	歴史
	

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

body#history{
	background-color:#eeeeee;
}

#main{
	width:770px;
	margin:0 auto;
}

#history #title{
	background:url(../../../img/history/title_history.png) no-repeat;
	width:770px;
	height:210px;
	position:relative;
	overflow:hidden;
	
}

#history #title h1{
	font-size:108%;
	color:#FFFFFF;
	width:690px;
	line-height:155%;
	bottom:17px;
	left:37px;
	position:absolute;
}

#history #contents{
	background:#FFFFFF url(../../../img/history/content_mid.png) repeat-y scroll 0 0;
	height:auto;
	margin:0 auto 15px;
	text-align:left;
	width:770px;
	padding-top:35px;
	position:relative;
}

#history #contents #prev {
	position:absolute;
	top:233px;
	left:35px;
	width:31px;
	height:31px;
	z-index:3;
}

#history #contents #prev #enable{
	background:url(../../../img/history/prev_e.png) no-repeat 0 0;
	overflow:hidden;
	width:31px;
	height:31px;
	text-indent:-9999px;
	display:block;
}

#history #contents #prev a{
	background:url(../../../img/history/prev.png) no-repeat 0 0;
	display:block;
	overflow:hidden;
	width:31px;
	height:31px;
	text-indent:-9999px;
}

#history #contents #prev a:hover{
	background:url(../../../img/history/prev.png) no-repeat 0 -31px;
}

#history #contents #next {
	position:absolute;
	top:233px;
	right:35px;
	width:31px;
	height:31px;
	z-index:2;
}

#history #contents #next #enable{
	background:url(../../../img/history/next_e.png) no-repeat 0 0;
	overflow:hidden;
	width:31px;
	height:31px;
	text-indent:-9999px;
	display:block;
}

#history #contents #next a{
	background:url(../../../img/history/next.png) no-repeat 0 0;
	display:block;
	overflow:hidden;
	width:31px;
	height:31px;
	text-indent:-9999px;
}

#history #contents #next a:hover{
	background:url(../../../img/history/next.png) no-repeat 0 -31px;
}

#history #contents #year_navi {
	margin:0 0 20px 117px;
}

#history #contents #year_navi li{
	width:62px;
	height: 43px;
	margin-right:17px;
	float:left;
}

#history #contents #year_navi li a{
	width:62px;
	height:43px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

#history #contents #year_navi .y_2002 a{
	background:url(../../../img/history/marker.png) no-repeat 0 0;
}

#history #contents #year_navi .y_2002 a:hover{
	background:url(../../../img/history/marker.png) no-repeat 0 -86px;
}

#history #contents #year_navi .y_2002 a.current,
#history #contents #year_navi .y_2002 a:hover.current{
	background:url(../../../img/history/marker.png) no-repeat 0 -43px;
}

#history #contents #year_navi .y_2005 a{
	background:url(../../../img/history/marker.png) no-repeat -62px 0;
}

#history #contents #year_navi .y_2005 a:hover{
	background:url(../../../img/history/marker.png) no-repeat -62px -86px;
}

#history #contents #year_navi .y_2005 a.current,
#history #contents #year_navi .y_2005 a:hover.current{
	background:url(../../../img/history/marker.png) no-repeat -62px -43px;
}

#history #contents #year_navi .y_2006 a{
	background:url(../../../img/history/marker.png) no-repeat -124px 0;
}

#history #contents #year_navi .y_2006 a:hover{
	background:url(../../../img/history/marker.png) no-repeat -124px -86px;
}

#history #contents #year_navi .y_2006 a.current,
#history #contents #year_navi .y_2006 a:hover.current{
	background:url(../../../img/history/marker.png) no-repeat -124px -43px;
}

#history #contents #year_navi .y_2007 a{
	background:url(../../../img/history/marker.png) no-repeat -186px 0;
}

#history #contents #year_navi .y_2007 a:hover{
	background:url(../../../img/history/marker.png) no-repeat -186px -86px;
}

#history #contents #year_navi .y_2007 a.current,
#history #contents #year_navi .y_2007 a:hover.current{
	background:url(../../../img/history/marker.png) no-repeat -186px -43px;
}

#history #contents #year_navi .y_2008 a{
	background:url(../../../img/history/marker.png) no-repeat -248px 0;
}

#history #contents #year_navi .y_2008 a:hover{
	background:url(../../../img/history/marker.png) no-repeat -248px -86px;
}

#history #contents #year_navi .y_2008 a.current,
#history #contents #year_navi .y_2008 a:hover.current{
	background:url(../../../img/history/marker.png) no-repeat -248px -43px;
}

#history #contents #year_navi .y_2009 a{
	background:url(../../../img/history/marker.png) no-repeat -310px 0;
}

#history #contents #year_navi .y_2009 a:hover{
	background:url(../../../img/history/marker.png) no-repeat -310px -86px;
}

#history #contents #year_navi .y_2009 a.current,
#history #contents #year_navi .y_2009 a:hover.current{
	background:url(../../../img/history/marker.png) no-repeat -310px -43px;
}

#history #contents #year_navi .y_2010 a{
	background:url(../../../img/history/marker.png) no-repeat -372px 0;
}

#history #contents #year_navi .y_2010 a:hover{
	background:url(../../../img/history/marker.png) no-repeat -372px -86px;
}

#history #contents #year_navi .y_2010 a.current,
#history #contents #year_navi .y_2010 a:hover.current{
	background:url(../../../img/history/marker.png) no-repeat -372px -43px;
}

#history #contents #year_navi li.mr0{
	margin-right:0px;
}

#history #contents img.history_image{
	float:left;
}

#history #contents .area{
	margin-left:65px;
	width:640px;
	position:relative;
	overflow:hidden;
}

#history #contents p{
	color:#1F1F1F;
	font-size:108%;
	line-height:140%;
	margin:0 0 22px;
}

#history #contents div.section{
	min-height:425px;
	_height:auto !important;
	_height:425px;
	overflow:hidden;
	z-index:1;
	width:640px;
}

#history #contents div.section02{
	margin-bottom:50px;
	padding:0 25px 0 0px;
}

#history #contents div.left{
	float:left;
	width:279px;
	padding-left:5px;
}

#history #contents div.left p{
	margin-bottom:15px;
}

#history #contents h2{
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	width:62px;
	height:20px;
}

#history #contents .left h3{
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:20px;
	position:relative;
	top:10px;
}

#history #contents #y_2002 h2{
	background:url(../../../img/history/2002_h2.png) no-repeat;
}

#history #contents #y_2002 h3{
	background:url(../../../img/history/2002_h3.png) no-repeat;
	width:47px;
	height:17px;
}

#history #contents #y_2005 h2{
	background:url(../../../img/history/2005_h2.png) no-repeat;
}

#history #contents #y_2005 h3{
	background:url(../../../img/history/2005_h3.png) no-repeat;
	width:73px;
	height:17px;
}

#history #contents #y_2006 h2{
	background:url(../../../img/history/2006_h2.png) no-repeat;
}

#history #contents #y_2006 h3{
	background:url(../../../img/history/2006_h3.png) no-repeat;
	width:76px;
	height:17px;
}

#history #contents #y_2007 h2{
	background:url(../../../img/history/2007_h2.png) no-repeat;
}

#history #contents #y_2007 h3{
	background:url(../../../img/history/2007_h3.png) no-repeat;
	width:53px;
	height:22px;
}

#history #contents #y_2008 h2{
	background:url(../../../img/history/2008_h2.png) no-repeat;
}

#history #contents #y_2008 h3{
	background:url(../../../img/history/2008_h3.png) no-repeat;
	width:66px;
	height:17px;
}

#history #contents #y_2009 h2{
	background:url(../../../img/history/2009_h2.png) no-repeat;
}

#history #contents #y_2009 h3{
	background:url(../../../img/history/2009_h3.png) no-repeat;
	width:98px;
	height:17px;
}

#history #contents #y_2010 h2{
	background:url(../../../img/history/2010_h2.png) no-repeat;
}

#history #contents #y_2010 h3{
	background:url(../../../img/history/2010_h3.png) no-repeat;
	width:54px;
	height:17px;
}


#history #contents div.information_mid{
	background:transparent url(../../../img/history/1116_mid.png) repeat-y 0 0;
	overflow:hidden;
	width:770px;
}

#history #contents div.information_btm {
	background:transparent url(../../../img/history/1116_btm.png) no-repeat 0 bottom;
	padding:0 0 25px 40px;
	width:730px;
}

#history #contents div.information_mid h3{
	background:transparent url(../../../img/history/info_title.png) no-repeat;
	height:25px;
	margin-bottom:20px;
	overflow:hidden;
	text-indent:-10000px;
	width:auto;
	margin:15px 0 10px 0;
}

#history #contents div.information_mid p{
	color:#CCCCCC;
	margin:0px 0 10px 0;
	padding-right:40px;
}

#history #contents div.information_mid .box{
	width:690px;
	margin-bottom:15px;
}

#history #contents div.information_mid div.date{
	width:333px;
	float:left;
	border-left:2px solid #FFFFFF;
	padding-left:10px;
}

#history #contents div.information_mid div.mb0{
	margin-bottom:0px;
}

#history #contents div.information_mid div.date h4{
	color:#FFFFFF;
	font-size:120%;
}

#history #contents div.information_mid div.date a{
	color:#CCCCCC;
	text-decoration:underline;
}

#history #contents div.information_mid div.date a:hover{
	text-decoration:none;
}