html {margin:0; padding:0;}
body {
margin:0; padding:0;
background:#e9e9e9;
font-size:12px; line-height:160%; 
color:#888888;
font-family:verdana, 'trebuchet ms', sans-serif;
}

/*-------------------------
Link
-------------------------*/
a:link,
a:visited {color:#cc3333; text-decoration:underline;}
a:active,
a:hover {color:#cc3333; text-decoration:underline;}

ul.menu a:link,
ul.menu a:visited {
position:relative;
display:block; 
color:#333333; 
text-decoration:none;
left:-22px;
width:171px;
padding:9px 0 9px 22px;
}
ul.menu a:active,
ul.menu a:hover {
position:relative;
display:block; 
color:#cc3333; 
text-decoration:none;
left:-22px;
width:171px;
padding:9px 0 9px 22px;
}

ul.menu li.exhibition_on a:link,
ul.menu li.exhibition_on a:visited,
ul.menu li.gallery_on a:link,
ul.menu li.gallery_on a:visited,
ul.menu li.publication_on a:link,
ul.menu li.publication_on a:visited,
ul.menu li.lecture_on a:link,
ul.menu li.lecture_on a:visited,
ul.menu li.others_on a:link,
ul.menu li.others_on a:visited,
ul.menu li.staff_on a:link,
ul.menu li.staff_on a:visited {
color:#cc3333; 
}

ul.archive a:link,
ul.archive a:visited,
ul.recent a:link,
ul.recent a:visited,
ul.category a:link,
ul.category a:visited {color:#888888; text-decoration:none;}
ul.archive a:active,
ul.archive a:hover,
ul.recent a:active,
ul.recent a:hover,
ul.category a:active,
ul.category a:hover {color:#cc3333; text-decoration:underline;}

.pageup a:link,
.pageup a:visited {
display:block; 
background:#ffffff; 
text-decoration:none;
}
.pageup a:active,
.pageup a:hover {
display:block; 
background:#f0f0f0; 
text-decoration:none;
}

.information_box a.mail:link,
.information_box a.mail:visited {
color:#333333; text-decoration:none;
}
.information_box a.mail:active,
.information_box a.mail:hover {
color:#cc3333; text-decoration:none;
}

.calendar td a:link,
.calendar td a:visited {
color:#333333; text-decoration:underline;
}
.calendar td a:active,
.calendar td a:hover {
color:#cc3333; text-decoration:underline;
}

/*-------------------------
Main Layout
-------------------------*/
#container_bg {
margin-right:auto;
margin-left:auto;
width:808px;
background:url("../img/container_bg.gif") repeat-y;
}

#header {
margin-right:auto;
margin-left:auto;
width:800px;
}

#bottomspace {
clear:both;
height:60px;
}

#footer {
margin-right:auto;
margin-left:auto;
width:800px;
height:100px;
border-top:1px solid #999999;
background:#f1f1f1;
}
.lnk_home {
margin:20px;
}

#container {
margin-right:auto;
margin-left:auto;
width:760px;
background:#ffffff;
padding:20px 20px 0 20px;
}

#left_side {
float:left;
width:193px;
margin:0;
}

#right_side {
float:right;
width:535px;
}

.entry {
padding:0 12px 40px 0;
}
.entry_header {
margin:0 0 10px 0;
text-align:right;
}
.entry_body {
border-top:1px dotted #454040;
border-bottom:1px solid #cccccc;
padding:20px;
color:#888888;
}
.pageup {
margin:20px 12px 0 0;
text-align:right;
}
/*-------------------------
for Monthly Archive
-------------------------*/
.month_link {
float:left;
width:280px;
padding:0 0 0 10px;
}
.month_title {
float:right;
text-align:right;
width:200px;
font-size:16px; 
line-height:120%; 
font-weight:bold; 
color:#000000;
padding:0 14px 10px 0;
}

/*-------------------------
Decoration
-------------------------*/
h1, h2, h3, h4 {
font-size:12px; line-height:160%; 
font-weight:normal; color:#000000;
margin:0; padding:0;
}
h1 {
margin:53px 0 50px 0;
}
h2 {
padding:15px 0 15px 20px;
border-top:1px solid #454040;
border-bottom:1px solid #ffffff;
background:#f1f1f1;
font-size:14px; line-height:22px; 
font-weight:bold;
color:#333333;
}
strong {font-weight:bold;}
.category {
font-size:10px; line-height:120%; color:#333333;
}
.who {
font-size:10px; line-height:120%; color:#a56bc6;
}
.date {
font-size:10px; line-height:120%; color:#a56bc6;
}
.more {
font-size:10px; line-height:120%;
}
.caption {
margin:10px 0;
font-size:10px; line-height:140%; color:#888888;
}
.information_box {
background:#f1f1f1;
border:1px solid #999999;
padding:15px;
font-size:10px; line-height:180%; color:#333333;
}
.information_box .date{
text-align:right;
color:#cc3333; 
font-weight:bold;
}

/*-------------------------
Staff BLOG
-------------------------*/
.staff_title {
font-size:18px; 
line-height:120%;
color:#999999;
padding:0 0 40px 0;
}

/*-------------------------
Menu
-------------------------*/
ul.menu {
width:193px;
list-style-type:none;
margin:0 0 40px 0;
padding:0;
overflow:hidden;
}
ul.menu li {
font-size:12px;
line-height:100%;
border-top:1px solid #999999;
padding:0 0 0 22px;
background:url("../img/icn_arw01.gif") left no-repeat;
font-weight:bold;
}
ul.menu li.top {
border-top:7px solid #000000;
}
ul.menu li.top_on {
border-top:7px solid #000000;
color:#cc3333;
padding:9px 0 9px 22px;
}
ul.menu li.exhibition_on,
ul.menu li.gallery_on,
ul.menu li.publication_on,
ul.menu li.lecture_on,
ul.menu li.others_on,
ul.menu li.staff_on {
color:#cc3333;
padding:0 0 0 22px;
}
ul.menu li.home {
border-top:5px solid #000000;
border-bottom:1px solid #999999;
}
/*-------------------------
Archive
-------------------------*/
ul.archive {
list-style-type:none;
margin:0 0 40px 0;
padding:0 0 18px 0;
border-bottom:1px solid #999999;
}
ul.archive li {
font-size:10px;
line-height:140%;
color:#888888;
background:url("../img/icn_arw02.gif") top left no-repeat;
padding:2px 0 2px 12px;
margin:0 0 5px 0;
}
/*-------------------------
Recent
-------------------------*/
ul.recent {
list-style-type:none;
margin:0 0 20px 0;
padding:0 0 18px 0;
border-bottom:1px solid #999999;
}
ul.recent li {
font-size:10px;
line-height:140%;
color:#888888;
background:url("../img/icn_arw02.gif") top left no-repeat;
padding:2px 0 2px 12px;
margin:0 0 5px 0;
}
/*-------------------------
Category
-------------------------*/
ul.category {
list-style-type:none;
margin:2px 0 20px 0;
padding:0 0 18px 0;
border-bottom:1px solid #999999;
}
ul.category li {
font-size:10px;
line-height:140%;
color:#888888;
background:url("../img/icn_arw02.gif") top left no-repeat;
padding:2px 0 2px 12px;
margin:0 0 5px 0;
}
/*-------------------------
Calendar
-------------------------*/
.calendar {
border:1px solid #999999;
margin:0 0 30px 0;
}
.calendar caption {
font-size:10px;
line-height:180%; 
font-weight:bold; 
color:#ffffff;
background:#666666;
}
.calendar th,
.calendar td {
width:184px;
font-size:10px; 
line-height:140%; 
text-align:center;
color:#333333;
font-weight:normal;
}