@charset "utf-8";

body {
  text-align: center;
  background: #656868 url('images/bg.jpg') center 18px no-repeat fixed;
  margin-top: 48px;
  margin-bottom:30px;
  color:#333333;
  font-size: 90%;
  font-family: 
      'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',
      'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  line-height: 1.4;
}

a:link,
a:visited,
a:active { color: #000000; text-decoration: underline; }
a:hover  { color: #000000; text-decoration: none; }

#page_wrapper {
  background: #F3E7A9 url('images/page_bg.jpg') top left;
  margin-left: auto; 
  margin-right: auto;
  width: 640px;
  text-align: left;
  border: 4px solid #F4F4EE;
}

#page_header {
  height: 140px;
  background: #515230 url('images/header.jpg') top left no-repeat;
}  

#page_header h1 {
  padding-top:30px;
  padding-left: 20px;
  font-family: verdana, helvetica, sans-serif;
  font-size:26px;
  font-weight:bold;  
  color: #FCF8E3;
  letter-spacing: -1px;
  margin:0px;
}
#page_header h1 a { color: #FCF8E3; text-decoration: none; }
#page_header h1 a:hover { color: #f3c867; }

#page_header p {
  padding-top:0px;
  padding-left: 20px;
  font-family: verdana, helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;  
  color: #E2D179;
  margin:0px;  
}

#menu_bar {
  height:30px;
  background: #A5A162 url('images/menu_bg.jpg') top left no-repeat;
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
margin-top:5px;
background-color: transparent;
color: #F3E7A9;
float: left;
width: 100%;
font-family: verdana, helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: transparent;
color: #F3E7A9;
text-decoration: none;
float: left;
border-right: 1px solid #BBB774;
}

#navcontainer ul li a:hover
{
background-color: transparent;
color: #fff;
}

#content_wrapper {
  background: transparent url('images/content_bg.jpg') top left no-repeat;
}

/*-------------------------------------------------*/
#left_side {
  margin: 0 auto;
  width:600px;
}
  
#left_side h2,
#left_side h3 {
  margin:10px;
  font-size:14px;
  font-family: verdana;
  font-weight: bold;
  line-height:18px;
  color: #A0410D;
}
#left_side h2 {
  margin-bottom: 30px;
  font-size: 110%;
}
#left_side h2 a {
  color: #A0410D;
}
  
#left_side dl,
#left_side p {
  margin:10px;
/*  margin-right:15px;
  font-size:12px;
  line-height:18px;*/
  font-family: verdana;
  color: #333333;
}
#left_side p {  }
/*-------------------------------------------------*/

#page_footer {
  height: 70px;
  background: #515230 url('images/footer.jpg') top left no-repeat;
}  

#page_footer a:link,
#page_footer a:visited,
#page_footer a:active { color: #f2c968; text-decoration: underline; }
#page_footer a:hover  { color: #f2c968; text-decoration: none; }

#page_footer p {
/*  text-align:center;*/
  padding-top:20px;
  font-family: verdana;
  font-size:11px;
  line-height:16px;
  color: #FCF8E3;
}
#page_footer #license-logo, #page_footer #ilcaa-logo { border-width:0; margin: 20px; }
#page_footer #license-logo { float: left; }
#page_footer #ilcaa-logo   { float: right; }

#credit { margin: 5px 0; font-size: 80%; color: #333; }
#credit a { color: #333; text-decoration: none; }

.spacer {
  margin:0px;padding:0px;height:10px;clear:both;
}



/* top page
-------------------------------------------------*/
.top_page {
/* background: transparent url('images/aa.png') center center no-repeat;*/
}

#aacore-sites { padding: 15px 10px; }
#laboratories { float: left; margin-top: 40px; }
#projects { float: right; }
#aacore { float: left; margin: 20px 0 0 30px; }
#laboratories, #projects, #aacore {
	width: 40%;
	background-color: #f3c867;
	padding: 0;
}
#projects { width: 50%; }
.top_page h3 {
	background-color: #595A38;
	padding: 2px 5px;
	border:1px solid #3A3B22;
 }
.top_page h3 a { color: #FCF8E3 !important; }

.top_page .lab {}
.top_page .pj { text-align: right; }
.top_page ul { padding: 0 20px; }
.top_page li { list-style-type: none; font-size: 12px; margin-bottom: 3px; }

#headline  {
	border: 1px solid #ccc;
	margin: 30px 10px 10px;
	padding: 5px 10px;
	font-size: 80%;
}

/* Laboratories, Projects
-------------------------------------------------*/
.site-link { padding: 3px 10px; border: 1px solid #dacd96; }
.site-link+.site-link { margin-top: 15px; }
.site-link h3 { margin: 6px 10px 0; font-size: 100%; font-weight: normal; }
.site-link h3 a { color: #A0410D; }
.site-link img {  }
.site-link:hover a { text-decoration: none; }
.site-link:hover {
	cursor: pointer;
	background-color: #f4e49d;
	border: 1px solid #9c985d;
}

.lab-link { float: left; width: 45%; margin-right: 8px; }
.lab-link+.lab-link { margin-top: 0; }


/* Leftbox and Rightbox toolbar buttons
-------------------------------------------------*/
.leftbox  { float: left;  margin: 3px 10px; }
.rightbox { float: right; margin: 3px 10px; }

/* misc
-------------------------------------------------*/
li#active a { color: #fc0 !important; }

.posted { text-align: right; margin: 10px; font-size: 11px; }
.posted .edit { font-family: monospace; }

.back_link,
.archive
 { text-align: center; margin: 20px 0; font-size: 11px; }

hr.devider { display: none; }
hr { border: none; border-bottom: 1px solid #ccc; width: 90%; margin: 20px auto; }
.idx_div { border-bottom: 1px solid #ccc; width: 90%; margin: 20px auto; }

/* clearfix
-------------------------------------------------*/
#aacore-navi:after,
#aacore-sites:after,
.site-link:after,
.article:after,
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.float-clear { clear: both; }


/* common-header 
-------------------------------------------------*/
#aacore-navi {
    position: absolute; top: 0; left: 0; width: 100%; padding: 0;
    border-bottom: 1px solid #525232; background-color: #5a5a3a;
    font-family: "Century Gothic", Arial, sans-serif; color: #eee;
    font-size: 13px; line-height: 1.4;
}
#aacore-navi h2 { display: none; }
#aacore-navi #an-tpath { float: left; padding-left: .5em }
#aacore-navi #an-ilcaa { float: right; padding-right: .5em }
#aacore-navi a,
#aacore-navi a:hover
    { text-decoration: none; border: none; color: #ccc; }
#aacore-navi a:hover { color: #000; }

@media print {
  #aacore-navi { display: none; }
}