@charset "utf-8";

/* ----

for joc site english menu
written by joc website team
2009.4.16 

-------*/

#abj {
	margin:10px 0 0 0;
	padding:0;
	float:left;
	width:230px;
	height:159px;
	background:url('/english/image/mo/aboutjoc.jpg');
	}

#abjlink a {display:block;background: url(/english/image/mo/dun.gif) 10px 10px ;width:413px;height:37px;padding:0;float:left;cursor:pointer;}
#abjlink2 a {display:block;background: url(/english/image/mo/dun.gif) 38px 10px ;width:175px;height:121px;padding:0;float:left;cursor:pointer;}


#abjmenu {
	width:188px;
	margin:2px 0 0 5px;
	padding:0;
	background: #fff;
	float:left;
	border-bottom:0;}

*html #abjmenu {width:220px;float:left;margin:2px 0 0 4px;}

#abjmenu ul {margin:0;padding: 0;list-style: none;}
#abjmenu a span {display:none;}
#abjmenu li {float: left;list-style: none;margin-top:2px;}

#abt a {display: block;background: url(/english/image/mo/aboutjoc_txt.gif) 3px -9px ;background-repeat:none;width:141px;height:14px;padding: 0;}
#abt a:hover{display: block;background: #fff url(/english/image/mo/aboutjoc_txt.gif) 3px 129px;background-repeat:none;}

#mis a {display: block;background: url(/english/image/mo/aboutjoc_txt.gif) 3px -24px ;background-repeat:none;width:55px;height:14px;padding: 0;}
#mis a:hover{display: block;background: #fff url(/english/image/mo/aboutjoc_txt.gif) 3px 114px;background-repeat:none;}

#org a {display: block;background: url(/english/image/mo/aboutjoc_txt.gif) 150px -24px ;background-repeat:none;width:125px;height:14px;padding: 0;}
#org a:hover{display: block;background: #fff url(/english/image/mo/aboutjoc_txt.gif) 150px 114px;background-repeat:none;}

#exe a {display: block;background: url(/english/image/mo/aboutjoc_txt.gif) 3px -41px ;background-repeat:none;width:161px;height:14px;padding: 0;}
#exe a:hover{display: block;background: #fff url(/english/image/mo/aboutjoc_txt.gif) 3px 97px;background-repeat:none;}

#par a {display: block;background: url(/english/image/mo/aboutjoc_txt.gif) 3px -57px ;background-repeat:none;width:210px;height:14px;padding: 0;}
#par a:hover{display: block;background: #fff url(/english/image/mo/aboutjoc_txt.gif) 3px 81px;background-repeat:none;}

#his a {display: block;background: url(/english/image/mo/aboutjoc_txt.gif) 3px -73px ;background-repeat:none;width:144px;height:14px;padding: 0;}
#his a:hover{display: block;background: #fff url(/english/image/mo/aboutjoc_txt.gif) 3px 65px;background-repeat:none;}

#ant a {display: block;background: url(/english/image/mo/aboutjoc_txt.gif) 3px -88px ;background-repeat:none;width:80px;height:14px;padding: 0; margin-right: 10px;}
#ant a:hover{display: block;background: #fff url(/english/image/mo/aboutjoc_txt.gif) 3px 50px;background-repeat:none;}

#mar a {display: block;background: url(/english/image/mo/aboutjoc_txt.gif) 150px -88px ;background-repeat:none;width:98px;height:14px;padding: 0;}
#mar a:hover{display: block;background: #fff url(/english/image/mo/aboutjoc_txt.gif) 150px 50px;background-repeat:none;}

#spo a {display: block;background: url(/english/image/mo/aboutjoc_txt.gif) 3px -102px ;background-repeat:none;width:92px;height:14px;padding: 0;}
#spo a:hover{display: block;background: #fff url(/english/image/mo/aboutjoc_txt.gif) 3px 36px;background-repeat:none;}

#nat a {display: block;background: url(/english/image/mo/aboutjoc_txt.gif) 3px -117px ;background-repeat:none;width:162px;height:14px;padding: 0;}
#nat a:hover{display: block;background: #fff url(/english/image/mo/aboutjoc_txt.gif) 3px 21px;background-repeat:none;}
/* ----

-------*/






#hisjapan {
	margin:10px 179px 0 0;
	padding:0;
	float:left;
	width:420px;
	height:159px;
	background:url('/english/image/mo/historyinjapan.jpg');
	}

#hsjlink a {display:block;background: url(/english/image/mo/dun.gif) 10px 10px ;width:413px;height:37px;padding:0;float:left;cursor:pointer;}
#hsjlink2 a {display:block;background: url(/english/image/mo/dun.gif) 38px 10px ;width:175px;height:121px;padding:0;float:left;cursor:pointer;}


#hsjmenu {
	width:220px;
	margin:8px 0 0 10px;
	padding:0;
	background: #fff;
	float:left;
	border-bottom:0;}

*html #hsjmenu {width:220px;float:left;margin:8px 0 0 9px;}


#hsjmenu ul {margin:0;padding: 0;list-style: none;}
#hsjmenu a span {display:none;}
#hsjmenu li {float: left;list-style: none;}

#bid a {display: block;background: url(/english/image/mo/historyjapan_txt.gif) 3px -3px ;background-repeat:none;width:220px;height:17px;padding: 0;float:left;}
#bid a:hover{display: block;background: #fff url(/english/image/mo/historyjapan_txt.gif) 3px 85px;background-repeat:none;}

#kan a {display: block;background: url(/english/image/mo/historyjapan_txt.gif) 3px -20px ;background-repeat:none;width:220px;height:17px;padding: 0;float:left;}
#kan a:hover{display: block;background: #fff url(/english/image/mo/historyjapan_txt.gif) 3px 68px;background-repeat:none;}

#tok a {display: block;background: url(/english/image/mo/historyjapan_txt.gif) 3px -37px ;background-repeat:none;width:220px;height:17px;padding: 0;float:left;}
#tok a:hover{display: block;background: #fff url(/english/image/mo/historyjapan_txt.gif) 3px 51px;background-repeat:none;}

#sap a {display: block;background: url(/english/image/mo/historyjapan_txt.gif) 3px -54px ;background-repeat:none;width:220px;height:17px;padding: 0;float:left;}
#sap a:hover{display: block;background: #fff url(/english/image/mo/historyjapan_txt.gif) 3px 34px;background-repeat:none;}

#nag a {display: block;background: url(/english/image/mo/historyjapan_txt.gif) 3px -71px ;background-repeat:none;width:220px;height:17px;padding: 0;float:left;}
#nag a:hover{display: block;background: #fff url(/english/image/mo/historyjapan_txt.gif) 3px 17px;background-repeat:none;}





#movj {
	margin:10px 0 0 0;
	padding:0;
	float:left;
	width:230px;
	height:159px;
	background:url('/english/image/mo/movment.jpg');
	}

#movlink a {display:block;background: url(/english/image/mo/dun.gif) 10px 10px ;width:413px;height:37px;padding:0;float:left;cursor:pointer;}
#movlink2 a {display:block;background: url(/english/image/mo/dun.gif) 38px 10px ;width:175px;height:121px;padding:0;float:left;cursor:pointer;}


#movmenu {
	width:220px;
	margin:3px 0 0 10px;
	padding:0;
	background: #fff;
	float:left;
	border-bottom:0;}

*html #movmenu {width:220px;float:left;margin:3px 0 0 9px;}


#movmenu ul {margin:0;padding: 0;list-style: none;}
#movmenu a span {display:none;}
#movmenu li {float: left;list-style: none;}

#evn a {display: block;background: url(/english/image/mo/mov_txt.gif) 3px 3px ;background-repeat:none;width:217px;height:14px;padding: 0;float:left;}
#evn a:hover{display: block;background: #fff url(/english/image/mo/mov_txt.gif) 3px 114px;background-repeat:none;}

#run a {display: block;background: url(/english/image/mo/mov_txt.gif) 3px -11px ;background-repeat:none;width:103px;height:14px;padding: 0;float:left;}
#run a:hover{display: block;background: #fff url(/english/image/mo/mov_txt.gif) 3px 100px;background-repeat:none;}

#con a {display: block;background: url(/english/image/mo/mov_txt.gif) 3px -25px ;background-repeat:none;width:117px;height:14px;padding: 0;float:left;}
#con a:hover{display: block;background: #fff url(/english/image/mo/mov_txt.gif) 3px 86px;background-repeat:none;}

#for a {display: block;background: url(/english/image/mo/mov_txt.gif) 3px -39px ;background-repeat:none;width:103px;height:14px;padding: 0;float:left;}
#for a:hover{display: block;background: #fff url(/english/image/mo/mov_txt.gif) 3px 72px;background-repeat:none;}

#env a {display: block;background: url(/english/image/mo/mov_txt.gif) 3px -53px ;background-repeat:none;width:172px;height:14px;padding: 0;float:left;}
#env a:hover{display: block;background: #fff url(/english/image/mo/mov_txt.gif) 3px 58px;background-repeat:none;}

#ita a {display: block;background: url(/english/image/mo/mov_txt.gif) 3px -67px ;background-repeat:none;width:217px;height:14px;padding: 0;float:left;}
#ita a:hover{display: block;background: #fff url(/english/image/mo/mov_txt.gif) 3px 44px;background-repeat:none;}

#amb a {display: block;background: url(/english/image/mo/mov_txt.gif) 3px -81px ;background-repeat:none;width:217px;height:14px;padding: 0;float:left;}
#amb a:hover{display: block;background: #fff url(/english/image/mo/mov_txt.gif) 3px 30px;background-repeat:none;}

#pol a {display: block;background: url(/english/image/mo/mov_txt.gif) 3px -95px ;background-repeat:none;width:143px;height:14px;padding: 0;float:left;}
#pol a:hover{display: block;background: #fff url(/english/image/mo/mov_txt.gif) 3px 16px;background-repeat:none;}