@charset "utf-8";

/*css reset*/
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend/*, 
table, caption, tbody, tfoot, thead, tr, th, td*/{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
body{
	/* [disabled]line-height:1; */
	font-family:Arial,Helvetica,sans-serif;
	font-size:100%;
	color:#666
}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{
	/* [disabled]border-collapse:collapse; */
	/* [disabled]border-spacing:0; */
}
a {
	color: #00F;
	text-decoration: none;
}
a:hover {
	color: #C00;
	text-decoration: none;
}


#wrapper{
	width:760px;
	margin-right:auto;
	margin-left:auto;
	font-size:0.75em;
	background-image:url(images/layout/wrapper_bg.jpg);
	background-repeat:no-repeat;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-left-color: #666;
}
#header{width:760px; margin-right:auto; margin-left:auto; height:100px}
#logo{float:left; height:100px; width:220px; margin-bottom:90px}
#logo h1{text-indent:-9999px}
#logo h1 a{display:block; height:100px; width:220px}
#nav{float:right; width:540px; height:53px; padding-top:17px}
#nav ul li{float:left}
#nav ul .btn1{margin-left:10px}
#nav ul .btn2{margin-left:13px}
#nav ul .btn3{margin-left:0px}
#nav ul .btn4{margin-left:5px}
#nav ul .btn5{margin-left:14px}
#nav ul .btn6{margin-left:10px}
#nav .btn{background-image:url(images/layout/btn.png); background-repeat:no-repeat; background-position:0px 0px; height:30px; width:80px; display:block; text-indent:-9999px}
#nav .b1{background-position:0px 0px}
#nav .b2{background-position:0px -30px}
#nav .b3{background-position:0px -60px}
#nav .b4{background-position:0px -90px}
#nav .b5{background-position:0px -120px}
#nav .b6{background-position:0px -150px}
#nav .b1:hover{background-position:-80px 0px}
#nav .b2:hover{background-position:-80px -30px}
#nav .b3:hover{background-position:-80px -60px}
#nav .b4:hover{background-position:-80px -90px}
#nav .b5:hover{background-position:-80px -120px}
#nav .b6:hover{background-position:-80px -150px}
#title{height:120px; width:540px; float:right}
#title h1{background-image:url(images/layout/title.png); background-repeat:no-repeat; background-position:0px 0px; height:120px; width:540px; text-indent:-9999px}
#title h1.exhibition {background-position:0px -360px;}


#sub{float:left; width:205px; padding-left:15px}
#sub h2{background-image:url(images/layout/sub_btn.png); background-repeat:no-repeat; background-position:0px 0px; height:20px; width:173px; text-indent:-9999px}
#sub ul li{margin:5px 0px}
#sub .btn{background-image:url(images/layout/sub_btn.png); background-repeat:no-repeat; background-position:0px 0px; height:21px; width:173px; display:block; text-indent:-9999px}
#sub .b1{background-position:-1px -30px}
#sub .b2{background-position:-1px -60px}
#sub .b3{background-position:-1px -90px}
#sub .b4{background-position:-1px -120px}
#sub .b5{background-position:-1px -150px}
#sub .b6{background-position:-1px -180px}
#sub .b7{background-position:-1px -210px}
#sub .b8{background-position:-1px -240px}
#sub .b9{background-position:-1px -270px}
#sub .b10{background-position:-1px -300px}
#sub .b11{background-position:-1px -330px}
#sub .b12{background-position:-1px -360px}
#sub .b13{background-position:-1px -390px}
#sub .b14{background-position:-1px -420px}
#sub .b15{background-position:-1px -450px}
#sub .b16{background-position:-1px -480px}
#sub .b17{background-position:-1px -510px}

#sub .b1:hover{background-position:-178px -30px}
#sub .b2:hover{background-position:-178px -60px}
#sub .b3:hover{background-position:-178px -90px}
#sub .b4:hover{background-position:-178px -120px}
#sub .b5:hover{background-position:-178px -150px}
#sub .b6:hover{background-position:-178px -180px}
#sub .b7:hover{background-position:-178px -210px}
#sub .b8:hover{background-position:-178px -240px}
#sub .b9:hover{background-position:-178px -270px}
#sub .b10:hover{background-position:-178px -300px}
#sub .b11:hover{background-position:-178px -330px}
#sub .b12:hover{background-position:-178px -360px}
#sub .b13:hover{background-position:-178px -390px}
#sub .b14:hover{background-position:-178px -420px}
#sub .b15:hover{background-position:-178px -450px}
#sub .b16:hover{background-position:-178px -480px}
#sub .b17:hover{background-position:-178px -510px}

#content{
	float:right;
	width:540px;
	padding-bottom: 100px;
}
#content ul {
	padding-left: 40px;
	list-style-type: disc;
	padding-top: 10px;
}
#content h1 {
	font-size: 1.4em;
}
#content h2 {
	font-size: 1.2em;
	font-weight: bold;
}


#footer{
	clear:both;
	width:760px;
	margin-right:auto;
	margin-left:auto;
	background-color:#999;
	height:18px;
	color:#FFF;
	text-align:center;
	padding-top:2px;
}