@import url("base.css");

.d-title { background: url(../corporate/img/d_title.jpg) left bottom no-repeat;}
.eng .d-title { background: url(../corporate/img/d_title-e.jpg) left bottom no-repeat;}

/* ------------------- index ------------------- */

.index #contents {
float: none;
width: 720px;
margin: auto;
}

.index .contents div {
clear: both;
padding: 25px 0 0;
}
.index .contents div.year { padding: 15px 0 0;}

.index h2 {
padding: 7px 5px;
border-top: 5px solid #002C7E;
border-bottom: 1px solid #002C7E;
font-size: 110%;
}

.index ul {
margin: 20px 0 0 10px;
}
.index .contents li {
float: left;
margin: 3px 0;
padding: 0 0 0 14px;
background: url(../img/li_mark2.gif) left center no-repeat;
list-style-type: none;
white-space: nowrap;
}

div.year li { width: 14em;}
div.type li { width: 20em;}
div.keyword li { width: 8em;}
div.syllabary li { width: 3.2em;}
div.pdf li { width: 11.5em;}

p.keyword-descript { clear: both; padding: 10px 0 0 15px;}

div.area p { float: left; width: 530px;}
.index div.area ul { padding: 15px 0 0;}
.index div.area li { float: none; white-space: normal;}
img#imagemap {
margin: 15px 0;
border: 3px double #CCC;
}

.index .logic li { float: none;}
/*.logic ul { float: left; width: 400px;}
.index div.search { clear: none; float: right; width: 250px; margin: 0 0 15px; text-align: right;}*/

.index .contents div.pdf:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.index .contents div.description {
clear: both;
width: 560px;
margin: 30px auto 15px;
padding: 10px 20px;
border: 3px double #FFDDDD;
background: #FFF9F9;
}

.index .description h2 {
clear: both;
margin: 0 0 10px;
padding: 3px 5px 8px 12px;
border-top: none;
border-bottom: 1px dotted #CCC;
background: url(../img/ttl_bg.gif) left bottom no-repeat;
font-size: 110%;
color: #970000;
font-weight: normal;
}
.index h3 { margin: 20px 0 10px 5px; color: #660000; font-size: 110%; font-weight: normal;}
.description p { margin: 10px 0 20px 5px;}

/* ------------------- navi ------------------- */

div.ln-ttl {
padding: 1px;
border: 1px solid #CCC;
}
div.ln-ttl span {
display: block;
width: 197px;
padding: 3px 7px 3px 12px;
background: #E9E1BB;
}

#lnavi ul.entry-list {
padding: 2px 0;
border-top: none;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}

#lnavi ul.entry-list li {
padding: 1px 7px 1px 12px;
border: none;
font-size: 90%;
}

.lnavi ul.entry-list a {
display: inline;
width: auto;
padding: 0;
background: none;
color : #0C419A;
}

.lnavi ul.entry-list a:hover { color : #0C41EA;}

#lnavi ul.cat-list {
margin: 18px 0 0;
border: none;
}

#lnavi ul.cat-list li {
margin: 7px 0;
padding: 1px;
border: 1px solid #CCC;
}

.year li.LNyear a, .type li.LNtype a, .keyword li.LNkeyword a, .area li.LNarea a, .syllabary li.LNsyllabary a, .logical li.LNlogical a { background: #F2EDD8;}

div.search { margin: 15px 0;}

/* ------------------- cat ------------------- */

.cat h2 {
clear: both;
margin: 20px 0;
padding: 3px 5px 8px 12px;
border-bottom: 1px dotted #CCC;
background: url(../img/ttl_bg.gif) left bottom no-repeat;
font-size: 110%;
color: #970000;
font-weight: normal;
}

.cat .contents li {
float: left;
width: 16.7em;
margin: 5px 0 5px 25px;
}

/* ------------------- entry ------------------- */

.entry .contents p { margin: 10px 0 25px;}
.entry .contents ul, .entry .contents ol { padding: 0 0 0 25px;}
.entry .contents li { margin: 2px 0;}
.entry th, .entry td { vertical-align: top;}

table.number {
width: 520px;
border-top: 5px solid #002C7E;
color: #666;
font-size: 90%;
}
table.number th { padding: 3px 0; text-align: left; font-weight: normal;}
table.number td { padding: 3px 0; text-align: right; color: #000044;}
table.number em { color: #970000; font-style: normal;}

table.photo td { vertical-align: bottom;}
table.photo img { margin: 10px 10px 10px 0;}

.entry h1 {
padding: 0 0 4px;
border-bottom: 1px solid #002C7E;
font-size: 128%;
color: #333;
line-height: 100%;
}

.entry h2, .entry h3 {
margin: 15px 0;
color: #970000;
font-size: 100%;
font-weight: normal;
}
.entry h3 {
padding: 0 0 3px;
background: url(../corporate/img/ttl3_bg.gif) bottom repeat-x;
}
.entry h3:first-letter { padding: 0 3px 0 1px;}

table.add th, table.add td {
border-bottom: 5px solid #FFF;
text-align: left;
line-height: 110%;
}
table.add th {
width: 2.5em;
padding: 0 0 0 8px;
background: url(../corporate/img/th_bg.gif) left repeat-y;
color: #002D5E;
font-weight: normal;
}
.eng table.add th { width: 4.2em;}
table.add td { padding: 0 10px 0 0;}

div.data dt {
margin: 3px 0;
font-weight: bolder;
}
div.data dd { margin: 3px 0 10px;}
div.data th {
padding: 3px 7px 3px 0;
white-space: nowrap;
text-align: left;
}
div.data td { padding: 3px 7px 3px 0;}
div.data img { margin: 0 5px 0 0;}

#map {
width: 500px;
height: 430px;
margin: 15px 0;
border: 3px double #CCC;
}
div.qr { float: left;}
div.qr img { margin: 0 12px 0 0;}

div.movie { width: 480px; margin: 20px auto;}

/* ------------------- syllabary & logical ------------------- */

.logical #lnavi ul.cat-list,
.syllabary #lnavi ul.cat-list { margin: 0;}
.syllabary #lnavi ul.cat-list li.LNyear,
.logical #lnavi ul.cat-list li.LNyear { margin: 0 0 7px;}

.syllabary h3,
.logical h3 {
clear: both;
margin: 20px 0;
padding: 3px 5px 8px 12px;
border-bottom: 1px dotted #CCC;
background: url(../img/ttl_bg.gif) left bottom no-repeat;
font-size: 110%;
color: #970000;
font-weight: normal;
}

.syllabary .contents li,
.logical .contents li {
float: left;
width: 16.7em;
margin: 5px 0 5px 25px;
letter-spacing: 1px;
}

/* ------------------- syllabary ------------------- */

.syllabary h4 { clear: both; padding: 10px 0; color: #774422;}

.syllabary ul.select {
margin: 20px 0;
padding: 20px 0;
border-top: 1px dotted #999;
}

.syllabary ul.select li {
width: 3em;
margin: 0;
padding: 0 3px 0 0;
list-style-type: none;
}

ul.srgaa li.aa a, ul.srgka li.ka a, ul.srgsa li.sa a, ul.srgta li.ta a, ul.srgna li.na a, ul.srgha li.ha a, ul.srgma li.ma a, ul.srgya li.ya a, ul.srgra li.ra a, ul.srgwa li.wa a { color: #666; text-decoration: none; cursor: default;} 

/* ------------------- logical ------------------- */

.totop {
padding: 20px 0 0;
clear: both;
text-align: right;
font-size: 90%;
}
.totop a { text-decoration: none;}
.totop a:hover { text-decoration: underline;}


/* ------------------- English ------------------- */

/* index */
.eng div.year li { width: 5em;}
.eng div.type li { width: 28.2em;}
.eng div.keyword li { width: 14em;}
.eng div.syllabary li { width: 1.3em; margin: 0; padding: 0; background: none; list-style-type: none;}

/* alphabet */

.eng ul.select li {
width: 1em;
padding: 0 3px 0 0;
}

ul.srga li.a a, ul.srgb li.b a, ul.srga li.a a, ul.srgc li.c a, ul.srgd li.d a, ul.srge li.e a, ul.srgf li.f a, ul.srgg li.g a, ul.srgh li.h a, ul.srgi li.i a, ul.srgj li.j a, ul.srgk li.k a, ul.srgl li.l a, ul.srgm li.m a, ul.srgn li.n a, ul.srgo li.o a, ul.srgp li.p a, ul.srgq li.q a, ul.srgr li.r a, ul.srgs li.s a, ul.srgt li.t a, ul.srgu li.u a, ul.srgv li.v a, ul.srgw li.w a, ul.srgx li.x a, ul.srgy li.y a, ul.srgz li.z a { color: #666; text-decoration: none; cursor: default;}