/*
 *  Theme Name: DDBJ
 */



/* DDBJ スタッフの論文・講演発表 */
#tabmenu_staff{
    	padding:0px;
    	margin:2em 0;
    	color:#333;
    	font-size: 11px;
    	width:100%;
    	position:relative;
	}
#tabmenu_staff div#tab{
    	top:0px;
    	left:0px;
	background: #eee;
	border-bottom: solid 3px #d0d0d0;
	}
#tabmenu_staff div#tab a{
    	float: left;
    	height: 40px;
    	line-height: 40px;
    	text-align: center;
    	width: 60px;
    	display: block;
    	text-decoration:none;
    	color:#333;
    	background:#eee;
	}
#tabmenu_staff div#tab a.active{
	float: left;
    	height: 40px;
    	line-height: 40px;
    	text-align: center;
    	width: 60px;
    	display: block;
    	text-decoration:none;
    	color:#333;
    	background:#d0d0d0;
	font-weight: bold;
	font-size: 110%;
	}
#tabmenu_staff div#tab a:hover{
    	height: 37px;
	border-top: solid 3px #fab700;
	}

ul.old_archive li {
    margin-bottom: 1em;
    }

div#documents  dl dd { margin-left: 0em;}
div#documents h3 {margin-top: 1em;}

/* ニュース表示エリアの設定
 * -------------------------------------------------------------- */
/* トップページ用 */
.newsbox  { clear: both; }

/* ニュース一覧ページ用 */
.newslist {
        float: left;
        width: 80%;
        margin: 2em 2em 0 0;
        }

/* ニュース表示エリアの設定
 * -------------------------------------------------------------- */
/* トップページ用 */
#hottopics,
#maintenance,
#release,
#operation,
#supercom{
	display: none;
	}

/* カテゴリー選択ボタン
 * -------------------------------------------------------------- */
#tabmenu{
    	padding:0px;
    	color:#333;
    	font-size: 10px;
    	width:100%;
    	position:relative;
	margin-bottom: 1.5em;
	}
#tabmenu div#tab.page{
    	top:0px;
    	left:0px;
	background: #eee;
	border-bottom: solid 3px #d0d0d0;
	}
#tabmenu div#tab.top{
        top:0px;
        left:0px;
        }
#tabmenu div#tab a{
    	float: right;
    	height: 25px;
    	line-height: 25px;
    	text-align: center;
    	width: 65px;
    	display: block;
    	text-decoration:none;
    	color:#333;
    	background:#eee;
	border-left: solid 1px #d0d0d0;
	}

#tabmenu div#tab a.active{
	float: right;
    	height: 25px;
    	line-height: 25px;
    	text-align: center;
    	width: 65px;
    	display: block;
    	text-decoration:none;
    	color:#ffffff;
	}
/* 下線（トップページのみ）*/
#tabmenu div#tab a.top:first-child {
	border-bottom: solid 3px #e38f19;
/*        border-bottom: solid 3px #f78d1d;*/
        border-right: solid 1px #d0d0d0;
	}
#tabmenu div#tab a.top:nth-child(2) {
/*	border-bottom: solid 3px #9d9b9d;*/
      border-bottom: solid 3px #bfaf34;
	}
#tabmenu div#tab a.top:nth-child(3) {
/*	border-bottom: solid 3px #439797;*/
      border-bottom: solid 3px #34bf69;
	}
#tabmenu div#tab a.top:nth-child(4) {
/*	border-bottom: solid 3px #9c8ac1;*/
      border-bottom: solid 3px #af34bf;
	}
#tabmenu div#tab a.top:nth-child(5) {
/*	border-bottom: solid 3px #c3767a;*/
      border-bottom: solid 3px #bf3444;
	}
#tabmenu div#tab a.top:last-child {
/*	border-bottom: solid 3px #427bae;*/
      border-bottom: solid 3px #348abf;
	}

/*== active 表示 ==*/
/* ニュース一覧ページ 2012年以降*/
#tabmenu div#tab a.new.active:first-child {
	background: #e38f19;
	}
#tabmenu div#tab a.new.active:nth-child(2) {
	background: #bfaf34;
	}
#tabmenu div#tab a.new.active:nth-child(3) {
	background: #34bf69;
	}
#tabmenu div#tab a.new.active:nth-child(4) {
	background: #af34bf;
	}
#tabmenu div#tab a.new.active:nth-child(5) {
	background: #bf3444;
	}
#tabmenu div#tab a.new.active:last-child {
	background: #348abf;
	}
/* ニュース一覧ページ 2010年〜2012年 */
#tabmenu div#tab a.old.active:first-child {
        background: #e38f19;
        }
#tabmenu div#tab a.old.active:nth-child(2) {
        background: #34bf69;
        }
#tabmenu div#tab a.old.active:last-child {
        background: #348abf;
        }

/*== mouse hover ==*/
#tabmenu div#tab a:hover {
    	height: 22px;
	cursor: default;
	}

/* トップページ用 */
#tabmenu div#tab a:first-child:hover {
        border-top: solid 3px #e38f19;
        }
#tabmenu div#tab a:nth-child(2):hover {
        border-top: solid 3px #bfaf34;
        }
#tabmenu div#tab a:nth-child(3):hover {
        border-top: solid 3px #34bf69;
        }
#tabmenu div#tab a:nth-child(4):hover {
        border-top: solid 3px #af34bf;
        }
#tabmenu div#tab a:nth-child(5):hover {
        border-top: solid 3px #bf3444;
        }
#tabmenu div#tab a:last-child:hover {
        border-top: solid 3px #348abf;
        }

/* ニュース一覧ページ 2012年以降*/
#tabmenu div#tab a.new:first-child:hover {
	border-top: solid 3px #e38f19;
	}
#tabmenu div#tab a.new:nth-child(2):hover {
	border-top: solid 3px #bfaf34;
	}
#tabmenu div#tab a.new:nth-child(3):hover {
	border-top: solid 3px #34bf69;
	}
#tabmenu div#tab a.new:nth-child(4):hover {
	border-top: solid 3px #af34bf;
	}
#tabmenu div#tab a.new:nth-child(5):hover {
	border-top: solid 3px #bf3444;
	}
#tabmenu div#tab a.new:last-child:hover {
	border-top: solid 3px #348abf;
	}

/* ニュース一覧ページ 2010年〜2012年 */
#tabmenu div#tab a.old:first-child:hover {
	border-top: solid 3px #e38f19;
	}
#tabmenu div#tab a.old:nth-child(2):hover {
	border-top: solid 3px #34bf69;
	}
#tabmenu div#tab a.old:last-child:hover {
	border-top: solid 3px #348abf;
	}


/* ニュースリスト表示
 * -------------------------------------------------------------- */
.ball { 
	width: 8px; 
	height: 13px; 
	border-radius: 13px; 
	float: left; 
        margin-left: 1%;
	margin-right: 3px;
	display: block;
	}

.blue { background: #348abf; }
.red { background: #bf3444; }
.gray { background: #bfaf34; }
.green { background: #34bf69; }
.orange { background: #e38f19; }
.purple { background: #af34bf; }

.date {
        float: left;
        margin-left: 2%;
        display: block;
        width: 13%;
        }
.title {
        float: left;
        margin-left: 1%;
        display: block;
        width: 76%;
        }

/* サイドナビゲーション
 * -------------------------------------------------------------- */
#side_navigation {
	float: left;
	margin-top: 17px;
	font-size: 90%;
	width: 15%;
}
#side_navigation h5 {
	color: #7F4A14;
	font-size: 120%;
	font-weight: bold;
	border-bottom: 3px solid #f8ac6b;
	margin-top: 1em;
	padding: 2px 5px;
}
#side_navigation a {
	display: block;
}
#side_navigation a:link {
	color: #333;
}
#side_navigation a:visited {
	color: #333;
}
#side_navigation ul.menu {
	list-style: none;
}
#side_navigation ul.menu li {
	border-bottom: 1px dotted #bbb;
	padding: 2px 5px;
}
#side_navigation a {
	padding: 1px 0;
}
#side_navigation li:hover > a {
	color: #be5c09;
	background: #fff;
	text-decoration: none;
}
#side_navigation li.current_page_item > a {
	font-weight: bold;
	color: #be5c09;
	background: #f4f4f4;
}