@charset "UTF-8";

/* ----------------------------------------
*
*Since:  2010-01-30
*Modified:  
*
*/

/* Style Index ===============================

	00:  search_common
		00-01:  header
		00-02:  sideMenu

	01:  dictionary_directory
		01-01:  glossaryIndex
		01-02:  wordlist

========================================= */

/*
00-01:  header
-------------------------------------*/
div#header {
	background: url("../../images/search/bg_header_search.jpg") no-repeat 50% 0;
}

div#header div#headerCont {
	background: url("../../images/search/bg_header_search.jpg") no-repeat 50% 0;
}

/*
00-02:  sideMenu
-------------------------------------*/

div#sideMenu dl#subNavi {
	background: url("../../images/search/bg_side_btm.gif") no-repeat 0 100%;
}

div#sideMenu dl#subNavi dd {
	background: url("../../images/search/bg_side_base.gif") repeat-y;
}

div#sideMenu dl#subNavi li ul li {
	background: url("../../images/search/icon_arrow_001.gif") no-repeat 7px 0.6em;
}


/*
01-01:  glossaryIndex
-------------------------------------*/

div#glossaryIndex {
}

div#glossaryIndex ul#jpIndex {
	width: 682px;
	padding: 0 0 10px 0;
}

div#glossaryIndex ul#jpIndex li {
	float: left;
	width: 60px;
	margin-right: 9px;
}

div#glossaryIndex ul#jpIndex li.lastChild {
	margin-right: 0;
}

div#glossaryIndex ul#jpIndex:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

div#glossaryIndex ul#enIndex {
	width: 682px;
	padding: 0 0 20px 0;
}

div#glossaryIndex ul#enIndex li {
	float: left;
	width: 23px;
	margin-right: 4px;
}

div#glossaryIndex ul#enIndex li.lastChild {
	margin-right: 0;
}

div#glossaryIndex ul#enIndex:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}


/*
01-02:  wordlist
-------------------------------------*/

table.wordlist {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
}

table.wordlist th {
	padding: 6px 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

table.wordlist th.item {
	background-color: #fafafa;
	text-align: center;
	vertical-align: middle;
}

table.wordlist th.title {
	background-color: #b9aa50;
	color: #fff;
}

table.wordlist th.word {
	width: 24%;
}

table.wordlist th.supplementation {
	width: 18%;
}

table.wordlist td {
	padding: 6px 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
}