@charset "UTF-8";

/* top page
 --------------------------------- */
html {
background: #802A00;
}
 
body {
background: url(/tpl-images/common/header-bg.jpg) #FFF repeat-x;
}

div#content {
 position: relative;
 height: 480px;
}

div.top-menu {
margin: 20px 5px 0 0;
padding: 10px 0 0 0;
width: 420px;
height: 80px;
background: url(/en/tpl-images/toppage/e_top_menu.jpg) no-repeat top left;
float: left;
}

div.right {
float: right;
}

div.top-menu h3 {
}

div.top-menu h3 a {
}



div#development h3 a {
background: url(/tpl-images/common/ico-outline.png) no-repeat -5px 15px;
}
* html div#development h3 a {
background: url(/tpl-images/common/ico-outline.gif) no-repeat -5px 15px;
}

div#member h3 a {
background: url(/tpl-images/common/ico-step.png) no-repeat -5px 15px;
}
* html div#member h3 a {
background: url(/tpl-images/common/ico-step.gif) no-repeat -5px 15px;
}

div#activities h3 a {
background: url(/tpl-images/common/ico-journal.png) no-repeat -5px 15px;
}
* html div#activities h3 a {
background: url(/tpl-images/common/ico-journal.gif) no-repeat -5px 15px;
}

div#board h3 a {
background: url(/tpl-images/common/ico-news.png) no-repeat left 15px;
}
* html div#board h3 a {
background: url(/tpl-images/common/ico-news.gif) no-repeat left 15px;
}

div#meetings h3 a {
background: url(/tpl-images/common/ico-event.png) no-repeat -5px 15px;
}
* html div#meetings h3 a {
background: url(/tpl-images/common/ico-event.gif) no-repeat -5px 15px;
}

div#published h3 a {
background: url(/tpl-images/common/ico-library.png) no-repeat -5px 15px;
}
* html div#published h3 a {
background: url(/tpl-images/common/ico-library.gif) no-repeat -5px 15px;
}


div.top-menu h3 {
 padding: 22px 0 10px 5px;
}

div.top-menu h3 a {
 width: 100%;
 margin: 0; 
 padding: 30px 0 20px 50px;
 font-size: 18px;
 font-weight: bold;
 color: #333;
}

div.top-menu h4 {
 margin: 15px 0 0 5px;
 color: #FFF;
}


div.top-menu ul {
 margin: 11px 0 0 0;
 padding: 0;
}

div.top-menu ul li {
  display: inline;
}

div.top-menu ul li a {
 margin: 0 0 0 5px;
 padding: 0 0 0 15px;
 font-size: 14px;
 font-weight: normal;
 background: url(/tpl-images/common/link-spots.gif) no-repeat left 45%;
}

div.cat-inner {
  margin:0 ;
  padding: 0 10px 10px;
}


div.cat-short {
/* width: 291px;
 min-height: 97px;
 background: url(/tpl-images/toppage/cat-short.jpg) no-repeat top left;*/
}


div.cat-middle {
 width: 291px;
 min-height: 289px;
 position: absolute;
 background: url(/tpl-images/toppage/cat-middle.jpg) no-repeat top left;
}


div.cat-regular {
 width: 291px;
 height: 402px;
 overflow: hidden;
 position: absolute;
 background: url(/tpl-images/toppage/cat-regular.jpg) no-repeat top left;
}


div.timely {
}

div.timely dl {
 padding: 5px 0 0 0;
}

div.timely dl dt {
 margin: 8px 0 0 0;
 padding: 0 2px;
 color: #7F2A00;
}

div.timely dl dd {
 margin: 4px 0 0 0;
 padding: 5px 2px;
 text-align: right;
 border-bottom: solid 1px #CCC;
 font-size: small;
}

* html div.timely dl dd {
 font-size: medium;
}

/* category custom
 --------------------------------- */

div#outline {
  top: 20px;
  left: 0px;
  z-index: 50;
}

div#journal {
  top: 20px;
  left: 306px;
  z-index: 50;
}


div#step {
  top: 20px;
  right: 0px;
  z-index: 51;
}


div#news {
  top: 132px;
  left: 0px;
  z-index: 52;
 }


div#event {
  top: 132px;
  right: 306px;
  z-index: 53;
 }

div#library {
  top: 132px;
  right: 0px;
  z-index: 54;
 }


/*
div#library {
  top: 245px;
  right: 0px;
  z-index: 54;
 }



div#step {
  top: 20px;
  right: 0px;
  z-index: 55;
 }

*/




div#outline h3 a {
 background: url(/tpl-images/common/ico-outline.png) no-repeat left 5px;
}

* html div#outline h3 a {
 background: url(/tpl-images/common/ico-outline.gif) no-repeat left 5px;
}


div#journal h3 a {
 background: url(/tpl-images/common/ico-journal.png) no-repeat left 5px;
}

* html div#journal h3 a {
 background: url(/tpl-images/common/ico-journal.gif) no-repeat left 5px;
}

div#news h3 a {
 background: url(/tpl-images/common/ico-news.png) no-repeat left 5px;
}

* html div#news h3 a {
 background: url(/tpl-images/common/ico-news.gif) no-repeat left 5px;
}


div#event h3 a {
 background: url(/tpl-images/common/ico-event.png) no-repeat left 5px;
}

* html div#event h3 a {
 background: url(/tpl-images/common/ico-event.gif) no-repeat left 5px;
}


div#library h3 a {
 background: url(/tpl-images/common/ico-library.png) no-repeat left 5px;
}

* html div#library h3 a {
 background: url(/tpl-images/common/ico-library.gif) no-repeat left 5px;
}



div#step h3 a {
 background: url(/tpl-images/common/ico-step.png) no-repeat left 5px;
}

* html div#step h3 a {
 background: url(/tpl-images/common/ico-step.gif) no-repeat left 5px;
}