/***********************************************/
/*sidemenu*/
/***********************************************/

/*botton menu*/

/*normal menu*/
div#sidemenu dl dd.m_01_01 a{background:url(../../img/m_01_01.gif) no-repeat 0px 0px;}
div#sidemenu dl dd.m_01_02 a{background:url(../../img/m_01_02.gif) no-repeat 0px 0px;}
div#sidemenu dl dd.m_01_03 a{background:url(../../img/m_01_03.gif) no-repeat 0px 0px;}
div#sidemenu dl dd.m_01_04 a{background:url(../../img/m_01_04.gif) no-repeat 0px 0px;}
div#sidemenu dl dd.m_01_05 a{background:url(../../img/m_01_05.gif) no-repeat 0px 0px;}
div#sidemenu dl dd.m_01_06 a{background:url(../../img/m_01_06.gif) no-repeat 0px 0px; height:44px;}
div#sidemenu dl dd.m_01_07 a{background:url(../../img/m_01_07.gif) no-repeat 0px 0px; height:44px;}
div#sidemenu dl dd.m_01_08 a{background:url(../../img/m_01_08.gif) no-repeat 0px 0px; height:44px;}

/*static menu*/
div#sidemenu dl dt.m_01_ttl_02{background:url(../../img/m_01_ttl_02.gif) no-repeat 0px 0px;}

div#sidemenu dl dt.staticmenu{
	margin:0;
	padding:0px;
	display:block;
	width:198px;
	height:30px;
	text-indent:-5555px;
	overflow:hidden;
	list-style:none;
}

div#sidemenu dl dt.m_01_ttl_01,{
	margin:0;
	padding:0;
	height:30px;
}

div#sidemenu dl dt.m_01_ttl_01 a{
	background:url(../../img/m_01_ttl_01.gif) no-repeat 0px 0px;
	margin:0;
	padding:0;
	height:30px;
}

div#sidemenu dl dt.m_01_ttl_01 a:hover,div#sidemenu dl dt.m_01_ttl_01 a.on{
	background:url(../../img/m_01_ttl_01.gif) no-repeat -198px 0px !important;
	margin:0;
	padding:0;
	height:30px;
}



/***********************************************/
/*contents*/
/***********************************************/

div#main ul#pagemenu li{
	display:		inline;
}

/*index*/

div.index h2{
	margin:			0px 0px 20px 0px;
}

div.index h3{
	margin:			0px 0px 10px 20px;
}

div.index p{
	margin:			0px 0px 20px 20px;
}

div.index ul{
	margin:			0px 0px 0px 20px;
}

div.index ul li{
	margin:			0px 0px 10px 0px;
}



/*chronology*/

div.chronology div#chronology{
	margin:			30px 0px 0px 0px;
	padding:		10px 0px 10px 0px;
	width:			650px;
	background:		url(../img/history_bg.gif) repeat left top;
}

div.chronology div#chronology h3{
	padding:		15px 0px 10px 50px;
}

div.chronology div#chronology table{
	margin:			15px 0px 20px 50px;
}

div.chronology div#chronology table tr th.left p{
	padding:		5px 0px 5px 0px;
	width:			150px;
	background-color:	#999966;
	text-align:		center;
	color:			#ffffff;
}

div.chronology div#chronology table tr th.right p{
	padding:		5px 0px 5px 0px;
	width:			400px;
	background-color:	#476A25;
	text-align:		center;
	color:			#ffffff;
}

div.chronology div#chronology table tr td{
	padding:		5px;
	vertical-align:		top;
	background-color:	#ffffff;
	color:			#333333;
	line-height:		150%;
}

div.chronology div#chronology table tr td ul li{
	padding:		0px 0px 0px 12px;
	line-height:		140%;
	background:		url(../img/chronology_list_ico.gif) no-repeat left top;
}




/*prologue*/

div.prologue div.block_01{
	margin:			1px 0px 0px 0px;
	padding:		0px 0px 30px 0px;
	width:			650px;
	background:		url(../img/history_bg.gif) repeat left top;
}

div.prologue div.block_01 h3{
	padding:		30px 22px 20px 22px;
}

div.prologue div.block_01 p{
	padding:		0px 81px 20px 81px;
	text-indent:		1em;
}

div.prologue div.block_01 p.mainphoto{
	padding:		0px 22px 20px 22px;
	text-indent:		0;
}

div.prologue div.block_01 p.mainphoto span{
	margin:			3px 0px 0px 0px;
	width:			606px;
	display:		block;
	font-size:		90%;
}

div.prologue div.block_01 div.photo{
	padding:		30px 81px 0px 81px;
	float:			left;
}

div.prologue div.block_01 div.photo p{
	padding:		0px;
	float:			left;
	text-indent:		0;
}

div.prologue div.block_01 div.photo p.left span{
	margin:			3px 0px 0px 0px;
	width:			344px;
	display:		block;
	font-size:		90%;
}

div.prologue div.block_01 div.photo p.right span{
	margin:			3px 0px 0px 0px;
	width:			144px;
	display:		block;
	font-size:		90%;
}



/*story01*/

div.story01 p span{
	font-size:		90%;
}

div.story01 div.block_01{
	margin:			1px 0px 0px 0px;
	width:			650px;
	background:		url(../img/history_bg.gif) repeat left top;
}

div.story01 div.block_01 h3{
	padding:		30px 78px 20px 78px;
}

div.story01 div.block_01 p{
	padding:		0px 78px 20px 78px;
	text-indent:		1em;
}

div.story01 div.block_01 p.mainphoto{
	padding:		0px 78px 30px 78px;
	text-indent:		0;
}

div.story01 div.block_01 p.mainphoto span{
	margin:			3px 0px 0px 0px;
	width:			494px;
	display:		block;
	font-size:		90%;
}

div.story01 div.block_01 p.right_photo{
	padding:		3px 78px 20px 20px;
	float:			right;
	text-indent:		0;
}

div.story01 div.block_01 p.right_photo span{
	margin:			3px 0px 0px 0px;
	width:			241px;
	display:		block;
	font-size:		90%;
}



/*story02*/

div.story02 div.block_01{
	margin:			1px 0px 0px 0px;
	padding:		0px 0px 30px 0px;
	width:			650px;
	background:		url(../img/history_bg.gif) repeat left top;
}

div.story02 div.block_01 h3{
	padding:		30px 22px 20px 22px;
}

div.story02 div.block_01 p{
	padding:		0px 78px 20px 78px;
	text-indent:		1em;
}

div.story02 div.block_01 p.mainphoto{
	padding:		0px 78px 30px 78px;
	text-indent:		0;
}

div.story02 div.block_01 p.mainphoto span{
	margin:			3px 0px 0px 0px;
	width:			494px;
	display:		block;
	font-size:		90%;
}

div.story02 div.block_01 div.photo{
	padding:		10px 78px 20px 78px;
	float:			left;
}

div.story02 div.block_01 div.photo p{
	padding:		0px;
	float:			left;
	text-indent:		0;
}

div.story02 div.block_01 div.photo p span{
	margin:			3px 0px 0px 0px;
	width:			246px;
	display:		block;
	font-size:		90%;
}

div.story02 div.block_01 p.right_photo{
	padding:		3px 78px 20px 20px;
	float:			right;
	text-indent:		0;
}

div.story02 div.block_01 p.right_photo span{
	margin:			3px 0px 0px 0px;
	width:			246px;
	display:		block;
	font-size:		90%;
}



/*story03*/

div.story03 div.block_01{
	margin:			1px 0px 0px 0px;
	padding:		0px 0px 30px 0px;
	width:			650px;
	background:		url(../img/history_bg.gif) repeat left top;
}

div.story03 div.block_01 h3{
	padding:		30px 78px 20px 78px;
}

div.story03 div.block_01 p{
	padding:		0px 78px 20px 78px;
	text-indent:		1em;
}

div.story03 div.block_01 p.mainphoto{
	padding:		0px 78px 30px 78px;
	text-indent:		0;
}

div.story03 div.block_01 p.mainphoto span{
	margin:			3px 0px 0px 0px;
	width:			494px;
	display:		block;
	font-size:		90%;
}

div.story03 div.block_01 div.photo{
	padding:		10px 78px 20px 78px;
	float:			left;
}

div.story03 div.block_01 div.photo p{
	padding:		0px;
	float:			left;
	text-indent:		0;
}

div.story03 div.block_01 div.photo p span{
	margin:			3px 0px 0px 0px;
	width:			246px;
	display:		block;
	font-size:		90%;
}

div.story03 div.block_01 p.right_photo{
	padding:		3px 78px 20px 20px;
	float:			right;
	text-indent:		0;
}

div.story03 div.block_01 p.right_photo span{
	margin:			3px 0px 0px 0px;
	width:			246px;
	display:		block;
	font-size:		90%;
}




/*story04*/

div.story04 div.block_01{
	margin:			1px 0px 0px 0px;
	padding:		0px 0px 30px 0px;
	width:			650px;
	background:		url(../img/history_bg.gif) repeat left top;
}

div.story04 div.block_01 h3{
	padding:		30px 47px 20px 48px;
}

div.story04 div.block_01 p{
	padding:		0px 78px 20px 78px;
	text-indent:		1em;
}

div.story04 div.block_01 p.mainphoto{
	padding:		0px 78px 30px 78px;
	text-indent:		0;
}

div.story04 div.block_01 p.mainphoto span{
	margin:			3px 0px 0px 0px;
	width:			494px;
	display:		block;
	font-size:		90%;
}

div.story04 div.block_01 div.photo{
	padding:		10px 78px 20px 78px;
	float:			left;
}

div.story04 div.block_01 div.photo p{
	padding:		0px;
	float:			left;
	text-indent:		0;
}

div.story04 div.block_01 div.photo p span{
	margin:			3px 0px 0px 0px;
	width:			246px;
	display:		block;
	font-size:		90%;
}

div.story04 div.block_01 p.photo{
	text-indent:		0;
}

div.story04 div.block_01 p.photo span{
	margin:			3px 0px 0px 0px;
	width:			494px;
	display:		block;
	font-size:		90%;
}

div.infotxt p{
	margin:0;
}











