@charset: utf-8;

#wb-main * {
margin: 0;
padding: 0;
font-size: 100%;
}

#wb-main ul {
list-style-type: none;
}

#wb-main img {
border: none;
}

#wb-main a {
color: #03f;
text-decoration: none;
}

#wb-main a:visited {
color: #90c;
}

#wb-main a:hover {
text-decoration: underline;
}


#wb-main p.back {
margin: 1em 0 0;
text-align: right;
}

/* トップページ > 説明文 */
#wb-main p.description {
margin: 0 10px 5px 255px;
color: #666;
font-size: 80%;
line-height: 1.4;
}

/* トップページ > 背景画像の指定 */
#wb-main div.index {
background: transparent url(/news/wordbox/images/bg_toppage.gif) no-repeat 10px 0;
}

/* トップページ > 最近のワードBOX */
#wb-main div.latest h3 {
margin: 0 15px 0 255px;
padding: 5px 0;
border-top: 3px double #ddd;
color: #00a;
}

#wb-main div.latest ul {
margin: 0 0 0 255px;
padding: 0 0 7px 0;
font-size: 90%;
line-height: 1.4;
}

#wb-main div.latest ul li{
margin: 0 0 3px 0.5em;
}

#wb-main div.latest ul span.date{
margin: 0 0 0 0.5em;
color: #666;
font-size: 90%;
}

/* トップページ > 検索 */
#wb-main div.search {
margin: 0 15px;
padding: 10px 0 0;
border-top: 3px double #ddd;
font-size: 10pt;
}

/* トップページ > 検索 > 構成 */
#wb-main div.keyword {
float: left;
width: 310px;
}

#wb-main div.view-initial {
float: right;
width: 280px;
}

/* トップページ > 検索 > キーワード検索 */
#wb-main div.keyword h4 {
margin: 0 0 5px;
}

#wb-main div.keyword table {
width: 310px;
border-collapse: collapse;
background-color: #ddd;
}

#wb-main div.keyword table tr.keyword td {
padding: 0 3px 0;
font-size: 12px;
font-weight: bold;
text-align: center;
}

#wb-main div.keyword table tr.keyword > td {
padding: 3px 3px 0;
}

#wb-main div.keyword table tr.keyword td img {
margin: 0 3px 0 0;
vertical-align: middle;
}

#wb-main div.keyword table tr.keyword td input {
width: 179px;
height: 16px;
vertical-align: middle;
}

#wb-main div.keyword table tr.note td {
padding: 3px;
border-bottom: 5px solid #fff;
font-size: 10px;
text-align: right;
}

/* トップページ > 検索 > キーワード検索 > 先頭文字で絞込み */
#wb-main div.keyword table td.initial {
width: 208px;
padding: 3px;
border-right: 5px solid #fff;
text-align: center;
}

#wb-main div.keyword table td.initial select {
width: 60px;
vertical-align: middle;
}

/* トップページ > 検索 > キーワード検索 > 記事の掲載年で絞込み */
#wb-main div.keyword table td.year {
float: right;
width: 90px;
padding: 3px;
background-color: #ddd;
}

#wb-main div.keyword table td.year select {
width: 90px;
}

/* トップページ > 検索 > キーワード検索 > 検索・取消ボタン */
#wb-main div.keyword table tr.submit td {
padding: 3px;
background-color: #fff;
text-align: center;
}

#wb-main div.keyword table tr.submit td input {
width: 100px;
}

/* トップページ > 検索 > 先頭文字ごとの一覧表示 */
#wb-main div.view-initial table {
width: 280px;
margin: 5px 0;
border-collapse: collapse;
}

#wb-main div.view-initial table th {
border: 1px solid #bbb;
}

#wb-main div.view-initial table td {
width: 28px;
height: 26px;
border: 1px solid #bbb;
background-color: #ddd;
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 26px;
empty-cells: show;
}

#wb-main div.view-initial table tr > td {
width: 26px;
}

#wb-main div.view-initial table td.extra {
width: 56px;
}

#wb-main div.view-initial table td a {
display: block;
color: #000;
}

#wb-main div.view-initial table td a:hover {
background-color: #ccc;
color: #03f;
text-decoration: none;
}

/* トップページ > 検索 > 記事掲載年月ごとの一覧表示 */
#wb-main div.view-timeline {
clear: both;
}

#wb-main div.view-timeline h3 {
margin: 0 0 5px;
}

#wb-main div.view-timeline table {
width: 600px;
border-collapse: collapse;
}

#wb-main div.view-timeline table th {
height: 20px;
padding: 0 3px 0 0;
border-bottom: 4px solid #fff;
background-color: #eee;
font-size: 12px;
line-height: 20px;
text-align: right;
}

#wb-main div.view-timeline table th a {
color: #000;
}

#wb-main div.view-timeline table td {
width: 40px;
height: 20px;
border-bottom: 4px solid #fff;
background-color: #eee;
font-size: 12px;
line-height: 20px;
text-align: center;
}

#wb-main div.view-timeline table td a {
display: block;
background-color: #ddd;
color: #000;
font-weight: bold;
}

#wb-main div.view-timeline table td a:hover {
background-color: #ccc;
color: #03f;
text-decoration: none;
}

#wb-main div.search p.view-all {
margin: 0 0 15px;
text-align: right;
}



#wb-main-display h2{
margin: 0 0 10px;
}

#wb-main-display div.wordbox {
margin: 0 15px 1em;
padding: 5px;
border: 3px double #ddd;
background: #eee url(./../images/bg_wordbox.gif);
line-height: 1.4;
}

#wb-main-display div.wordbox h3 {
font-size: 110%;
}

#wb-main-display div.relation {
margin: 0 15px 15px;
line-height: 1.4;
}

#wb-main-display div.relation p.date {
margin: 0 0 1em;
font-size: 80%;
}



#wb-main-search div.list ,
#wb-main-search div.relevant {
margin: 0 15px;
padding: 5px 0;
}

#wb-main-search div.list h3 ,
#wb-main-search div.relevant h3 {
display: inline;
font-size: 120%;
}

#wb-main-search div.list h3 a {
padding: 0 0 2px;
border-bottom: 1px solid #000;
color: #000;
font-size: 84%;
}

#wb-main-search div.list h3 a:hover {
text-decoration: none;
}

#wb-main-search div.list p.relevant ,
#wb-main-search div.relevant p.relevant {
display: inline;
color: #dd1717;
font-weight: bold;
}

#wb-main-search div.relevant p.attention {
margin: 5px 0;
padding: 2em 0;
border: 1px solid #ccc;
color: #dd1717;
font-weight: bold;
text-align: center;
}

#wb-main-search div.relevant p.explain {
text-align: center;
}

#wb-main-search div.list dl ,
#wb-main-search div.relevant dl {
margin: 5px 5px 15px;
line-height: 1.2em;
}

#wb-main-search div.list dl dt ,
#wb-main-search div.relevant dl dt {
padding: 0.2em 0 0 0;
color: #666;
}

#wb-main-search div.list dl dd ,
#wb-main-search div.relevant dl dd {
margin: -1.4em 0 0 0;
padding: 0.2em 0 0.2em 6em;
border-bottom: 1px dotted #bbb;
}

