/* CSS Document */


@import "main.css";

*{
	margin:0;
	padding:0;
	}
	
body{
	width:800px;
	border:0;
	margin:auto;
	padding-top:20px;
}

p{font-size:10px;
}


p_en{font-size:12px;
}


#g_menu{
	height:29px;
	width:800px;
	background:url(img/menu3.gif) top left no-repeat;
	position:relative;
	text-indent:-5000px;
	border-bottom:solid 1px #CCCCCC;
	}

.title {
	margin-top:20px;
	padding:15px;
}
	
#g_menu li{
	list-style: none; 
	position: absolute; 
	top: 0;	
	
}

#g_menu li, #g_menu a {
	display:block;
	height:29px;
	}

#menu1 {left: 0px; width: 33px;}
#menu2 {left: 33px; width: 49px;}
#menu3 {left: 82px; width: 105px;}
#menu4 {left: 187px; width: 50px;}
#menu5 {left: 237px; width: 49px;}
#menu6 {left: 286px; width: 38px;}
#menu7 {left: 325px; width: 44px;}
	
#menu1 a:hover {background: url(img/menu3.gif) 0px 0px no-repeat;}
#menu2 a:hover {background: url(img/menu3.gif) -33px -32px no-repeat;}
#menu3 a:hover {background: url(img/menu3.gif) -82px -32px no-repeat;}
#menu4 a:hover {background: url(img/menu3.gif) -187px -32px no-repeat;}
#menu5 a:hover {background: url(img/menu3.gif) -237px -32px no-repeat;}
#menu6 a:hover {background: url(img/menu3.gif) -286px -32px no-repeat;}
#menu7 a:hover {background: url(img/menu3.gif) -325px -32px no-repeat;}

#g_menu li a{
	display:block;
}


#top_menu{
	height:30px;
	width:221px;
	background:url(img/top_menu.gif) top left no-repeat;
	position:relative;
	text-indent:-5000px;
	}


#top_menu li{
	list-style: none; 
	position: absolute; 
}

#top_menu li, #top_menu a {
	display:block;
	height:30px;
	}

#menu_t1 {left: 0px; width: 110px;}
#menu_t2 {left: 110px; width:110px;}

	
#menu_t1 a:hover {background: url(img/top_menu.gif) 0px -30px no-repeat;}
#menu_t2 a:hover {background: url(img/top_menu.gif) -110px -30px no-repeat;}


#top_menu li a{
	display:block;
}



	
#side_menu{
	width:150px;
	float:left;
	padding-top:280px;
}	

#main {
	width:600px;
	margin-left:150px;
	font-size:10px;
	}


#main_en {
	width:600px;
	margin-left:150px;
	font-size:12px;
	}


#footer {
font-size:9px;
height:25px;
padding-top:10px;
clear:both;
text-align:center;
color:#777777;

}	
	
/*topページ*/
#top {
	margin:auto;
	width:220px;
}	

#news {
	margin:20px 0 0 0;
}
	
/* what is ongoing*/

.what {
	background:url(img/arrow_what.gif) no-repeat;
	background-position:0px 180px;
}

.what_en {
	background:url(img/arrow_what_en.gif) no-repeat;
	background-position:0px 250px;
}

	
.what_up{
	line-height:15px;
	width:350px;
	padding:20px;
}	

.what_up_en{
	line-height:15px;
	width:350px;
	padding:20px;
}	


.what_down{
	line-height:15px;
	width:330px;
	margin-top:0px;
	padding:60px 20px 20px 60px;
	
}	

.what_down_en{
	line-height:15px;
	width:330px;
	margin-top:50px;
	padding:60px 20px 20px 60px;
	
}	


/*garelly*/

#gallery {
height:550px;
background:url(img/gallery_bg.gif) left top no-repeat;	

}

#gallery_main {
line-height:20px;
width:580px;
}

.gallery {
	width:350px;
	margin-top:50px;
	padding-bottom:15px;
	}
	
.gallery img{
	float:right;
	padding:0px 0 0 25px;
	
	}

#gallery_coment{
padding:5px;
line-height:20px;
}


/*topics*/

#topics {
margin:20px 0 0 100px;
background: url(img/topic_back.gif) no-repeat;
background-position:0px 0px;
width:300px;
height:300px;
line-height:12px;
}

/*link*/


.list{
font-size:12px;
font-weight:bold;
margin:40px 0 10px 15px;
}

.artist{
font-size:10px;
font-style:normal;
line-height:25px;
margin:0 0 0 30px;
}