@charset "UTF-8";

/* top page
 --------------------------------- */

div#content {
 position: relative;
 height: 700px;
/* height: 560px;
*/}

div.top-menu {
}

div.top-menu h3 {
}

div.top-menu h3 a {
}

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

div.top-menu h3 a {
 width: 100%;
 margin: 0;
 padding: 26px 0 13px 64px;
 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 {
 position: absolute;
 width: 291px;
 min-height: 97px;
 background: url(/tpl-images/toppage/cat-short.jpg) no-repeat top left;
}

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

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

div.timely {
}

div.timely dl {
 padding: 20px 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;
 border-bottom: solid 1px #CCC;
 font-size: small;
 text-align: right;
}

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

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

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

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

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

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

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

div#library {
 top: 272px;
 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;
}