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

#main_border {
	width:922px;
	border:1px solid #999999;
	padding:0px;
	background-color: #000000;
	height: 560px;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: 40px;
	margin-right: 40px;
	background-image: url(../images/top_2011.jpg);
	background-repeat: no-repeat;
}

#header{
	width:922px;
	height: 55px;
	position: relative;
	top: 23px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}

#headerBoxLeftBox{
	float: left;
	height: 55px;
	width: 255px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#TitleImage a {
	display:block;
	background-image: url(../images/top_back2.jpg);
	background-repeat: no-repeat;
	height: 55px;
	width: 255px;
}

#TitleImage a:hover {
	background-image: url(../images/top_back2.jpg);
	background-repeat: no-repeat;
}
	
#headerBoxRightBox{
	float: right;
	margin-top: 10px;
}

#headerBox{
	float: right;
	clear: both;
}

#headerBox ul {
	width: 599px;
	height:45px;
	float: right;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#headerBox li  {
	margin:0px;
	height: 45px;
	list-style-type:none;
	float: left;
}

#header li a {
	display: block;
	height: 45px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
	margin:0px;
}    

#header #actors a  {
	background-image: url(../images/menu_act_1.jpg);
	width:100px;
}

#header #news a {
	background-image: url(../images/menu_news_1.jpg);
	width:120px;
}

#header #shopping a {
	background-image: url(../images/menu_shop_1.jpg);
	width:120px;
}

#header #aboutus a {
	background-image: url(../images/menu_about_1.jpg);
	width:120px;
}

#header #contact a {
	background-image: url(../images/menu_cont_1.jpg);
	width:139px;
}



#header #actors a:hover {
	background-image: url(../images/menu_act_2.jpg);
	width:100px;
}

#header #news a:hover {
	background-image: url(../images/menu_news_2.jpg);
	width:120px;
}

#header #shopping a:hover {
	background-image: url(../images/menu_shop_2.jpg);
	width:120px;
}

#header #aboutus a:hover {
	background-image: url(../images/menu_about_2.jpg);
	width:120px;
}

#header #contact a:hover {
	background-image: url(../images/menu_cont_2.jpg);
	width:139px;
}

.kojobox {
	height: 30px;
	width: 897px;
	clear: both;
	float: left;
	text-align: left;
	padding-left: 25px;
}

.grandbox {
	height: 430px;
	width: 922px;
	clear: both;
	float: left;
}

.grandboxLeft {
	height: 430px;
	width: 702px;
	clear: both;
	float: left;
}

.grandboxLeftBox{
	clear: both;
	float: left;
	width: 680px;
	display: inline;
	margin-left: 20px;
}

.grandboxLeftBox li {
	width: 620px;
	list-style-position: outside;
	list-style-image: url(../images/arrow.jpg);
	font-size:12px;
	padding-left: 5px;
	float: left;
	clear: both;
	line-height: 12px;
	text-align: left;
}

.grandboxLeftBox li a {
	width: 620px;
}

.grandboxRight {
	height: 430px;
	width: 185px;
	float: right;
	padding-right: 35px;
}

.grandboxbanner {
	height: 60px;
	width: 170px;	
}

.grandboxRightBox{
	float: right;
	width: 170px;
	height: 70px;
	margin-top: 310px;
}

.grandboxRightBoxLeft{
	float: left;
	width: 80px;
	height: 40px;
	padding-top: 10px;
}

.grandboxRightBoxRight{
	float: right;
	width: 80px;
	height: 40px;
	padding-top: 10px;
}




/* one top 

#nextstage {
	float: left;
	margin-top: 176px;
	margin-left: 0px;
}

#nextstage a {
	display:block;
	height: 121px;
	width: 345px;
	background-image: url(../images/top_mata1.jpg);
	background-repeat: no-repeat;
}

#nextstage a:hover {
	background-image: url(../images/top_mata2.jpg);
	background-repeat: no-repeat;
}
*/

/* two top */

#nextstage {
	float: left;
	margin-top: 9px;/* collum one 176 */
	margin-left: 30px;
	clear: both;
	display: inline;
}

#nextstage a {
	display:block;
	height: 121px;
	width: 313px;
	background-image: url(../images/dilemma_o1.jpg);
	background-repeat: no-repeat;
}

#nextstage a:hover {
	background-image: url(../images/dilemma_o2.jpg);
	background-repeat: no-repeat;
}

#nextstage2 {
	float: left;
	margin-top: 104px;
	margin-left: 0px;
	clear: both;
}

#nextstage2 a {
	display:block;
	height: 60px;
	width: 345px;
	background-image: url(../images/hisai.gif);
	background-repeat: no-repeat;
}

#nextstage2 a:hover {
	background-image: url(../images/hisai.gif);
	background-repeat: no-repeat;
}

/* two top */


#newsTitle {
	background-image: url(../images/news_title2.jpg);
	background-repeat: no-repeat;
	float: left;
	margin-top: 18px;
	margin-left: 0px;
	height: 20px;
	width: 106px;
	clear: both;
}

.BigBox1{
	clear: both;
	float: left;
	width: 860px;
	margin-left: 30px;
	display: inline;	
}

.BigBox1LeftBox{
	clear: both;
	float: left;
	width: 680px;
}

.BigBox1RightBox{
	float: right;
	width: 170px;
	height: 80px;
}



.BigBox{
	clear: both;
	float: left;
	width: 860px;
	margin-left: 30px;
	display: inline;	
}

.BigBoxLeftBox{
	clear: both;
	float: left;
	width: 680px;
}

.BigBoxLeftBox li {
	width: 620px;
	list-style-position: outside;
	list-style-image: url(../images/arrow.jpg);
	font-size:12px;
	padding-left: 5px;
	float: left;
	clear: both;
	line-height: 12px;
	text-align: left;
}

.BigBoxLeftBox li a {
	width: 620px;
}


.BigBoxRightBox{
	float: right;
	width: 170px;
	height: 80px;
}

.BigBoxRightBoxLeft{
	float: left;
	width: 80px;
	height: 40px;
	padding-top: 20px;
}

.BigBoxRightBoxRight{
	float: right;
	width: 80px;
	height: 40px;
	padding-top: 20px;
}



#footer_frame {
	width:922px;
	padding:0px;
	background-color: #000000;
	height: 250px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	margin-right: 40px;
	clear: both;
	float: left;
}

#footer{
	width:922px;
	height: 45px;
	position: relative;
	clear: both;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#footerBox{
	float: right;
	clear: both;
}

#footerBox ul {
	width: 682px;
	height:45px;
	float: right;
	clear: both;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#footerBox li  {
	margin:0px;
	height: 45px;
	list-style-type:none;
	float: left;
}

#footer li a {
	display: block;
	height: 45px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
	margin:0px;
}    

#footer #sup a  {
	background-image: url(../images/nabi_sup_1.jpg);
	width:153px;
}

#footer #copy a {
	background-image: url(../images/nabi_copy_1.jpg);
	width:153px;
}

#footer #arc a {
	background-image: url(../images/nabi_arc_1.jpg);
	width:153px;
}

#footer #priv a {
	background-image: url(../images/nabi_pri_1.jpg);
	width:153px;
}

#footer #link a {
	background-image: url(../images/nabi_link_1.jpg);
	width:70px;
}



#footer #sup a:hover {
	background-image: url(../images/nabi_sup_2.jpg);
	width:153px;
}

#footer #copy a:hover {
	background-image: url(../images/nabi_copy_2.jpg);
	width:153px;
}

#footer #arc a:hover {
	background-image: url(../images/nabi_arc_2.jpg);
	width:153px;
}

#footer #priv a:hover {
	background-image: url(../images/nabi_pri_2.jpg);
	width:153px;
}

#footer #link a:hover {
	background-image: url(../images/nabi_link_2.jpg);
	width:70px;
}


#copyright {
	background-image: url(../images/copyright.jpg);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	margin-top: 30px;
	height: 14px;
	width: 256px;
}



/*clearfix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display:block;
}

/*clearfix end */