/* CSS Document */


@import "main.css";

*{
	margin:0;
	padding:0;
	}
	
body{
	width:800px;
	border:0;
	margin-left:auto;
 	margin-right:auto;
}


#top {
	margin:auto;
	width:800px;
	height:130px;
	margin-top:0;
	padding:0;
	border:0;
}	


#side{
float:left;
width:210px;
border:0;
margin:0;
padding:0;
}


#side ul{
	height:555px;
	width:159px;
	padding:0;
	background:url("img/side_menu_1.gif") 0px 75px no-repeat;
	position:relative;
	margin-left:50px;
	border:0;
	}
	


#side li{
	position: absolute;
	display:block;
	height:60px;
	width:159px;
	text-indent:-5000px;
	margin:0;
	padding:0;
	}
	
#side a{

	display:block;
	height:60px;

	}
	
	
	
#side a:hover{background:url("img/side_menu_1.gif")no-repeat;}
#side .menu1{top:75px;}
#side .menu2{top:135px;}
#side .menu3{top:195px;}
#side .menu4{top:255px;}
#side .menu5{top:315px;}
#side .menu6{top:375px;}
#side .menu7{top:435px;}
#side .menu8{top:495px;}

#side .menu1 a,
#side .menu2 a,
#side .menu3 a,
#side .menu4 a,
#side .menu5 a,
#side .menu6 a,
#side .menu7 a,
#side .menu8 a,
{height:60px;}


#menu1 a:hover,
#menu1 a:active,
#menu1 .menu1{background:url(img/side_menu_1.gif) no-repeat -159px 0px;}

#menu2 a:hover,
#menu2 a:active,
#menu2 .menu2{background: transparent url(img/side_menu_1.gif) no-repeat -159px -60px;}

#menu3 a:hover,
#menu3 a:active,
#menu3 .menu3{background: transparent url(img/side_menu_1.gif) no-repeat -159px -120px;}

#menu4 a:hover,
#menu4 a:active,
#menu4 .menu4{background: transparent url(img/side_menu_1.gif) no-repeat -159px -180px;}

#menu5 a:hover,
#menu5 a:active,
#menu5 .menu5{background: transparent url(img/side_menu_1.gif) no-repeat -159px -240px;}

#menu6 a:hover,
#menu6 a:active,
#menu6 .menu6{background: transparent url(img/side_menu_1.gif) no-repeat -159px -300px;}

#menu7 a:hover,
#menu7 a:active,
#menu7 .menu7{background: transparent url(img/side_menu_1.gif) no-repeat -159px -360px;}

#menu8 a:hover,
#menu8 a:active,
#menu8 .menu8{background: transparent url(img/side_menu_1.gif) no-repeat -159px -420px;}


#side .menu1 a:hover,#side .menu1 a:active{background-position: -159px 0px;}
#side .menu2 a:hover,#side .menu2 a:active{background-position: -159px -60px;}
#side .menu3 a:hover,#side .menu3 a:active{background-position: -159px -120px;}
#side .menu4 a:hover,#side .menu4 a:active{background-position: -159px -180px;}
#side .menu5 a:hover,#side .menu5 a:active{background-position: -159px -240px;}
#side .menu6 a:hover,#side .menu6 a:active{background-position: -159px -300px;}
#side .menu7 a:hover,#side .menu7 a:active{background-position: -159px -360px;}
#side .menu8 a:hover,#side .menu8 a:active{background-position: -159px -420px;}

#main {
	width:480px;
	margin-left:300px;
	}


#footer {
margin-top:20px;
padding-top:0px;
text-align:center;
}	
	
/*news�y�[�W*/

#content {
	margin:20px 0 0 0;
	font-size:0.9em;
	width:400px;
	line-height:1.5em;
}

#exhibition {
	margin:0;
	width:400px;
}

#ex_title{
font-size:18px;
font-weight:bold;
margin-top:20px;
}


#ex_subtitle{
font-size:14px;
margin-top:10px;
line-height:1.5em;
}


.title {
font-size:14px;
color:#FF6600;
margin-top:40px;
}




/*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;
}

p.image, p.caption {
   text-align: center;
 margin: 5px;
}

p.caption {
   font-size: 80%;
}

div.imagebox {
   width: 200px;
   float: left;
}