html, body {
background-color:#fff;
font:normal 14px/20px Georgia,"Times New Roman",serif;
}
a {
color:#eb3991;
}
a:visited {
color:#045f89;
}
a:hover {
color:#07a3ec;
}
.container_12 {
/*background:#fff url('../img/grid.png') repeat left top;*/
padding-top:6px;
}
#main-l {
}
#main-r {
padding-top:1px;
}
h1 {
background:url('../img/title.png') no-repeat left top;
height:38px;
margin:60px 0 24px 0;
width:343px;
}
h1 span { display:none; }
#subtitle {
color:#333;
font-style:italic;
margin-top:10px;
width:320px;
}

#nav {
padding-top:18px;
margin-left:-10px;
}
#nav li {
height:48px;
margin-top:24px;
}
body#home #nav-newest,
body#archive #nav-archive,
body#contribute #nav-contribute,
body#links #nav-links,
body#blog #nav-blog,
body#about #nav-about {
background:url('../img/nav_active.png') no-repeat right center;
}
#nav a {
background:#07a3ec none no-repeat center center;
display:block;
height:48px;
}
#nav a:hover,
body#home #nav-newest a,
body#archive #nav-archive a,
body#contribute #nav-contribute a,
body#links #nav-links a,
body#blog #nav-blog a,
body#about #nav-about a {
background-color:#eb3991;
}
#nav a span { display:none; }
#nav-newest a {
background-image:url('../img/nav_newest.png');
width:124px;
}
#nav-archive a {
background-image:url('../img/nav_archive.png');
width:126px;
}
#nav-contribute a {
background-image:url('../img/nav_contribute.png');
width:170px;
}
#nav-about a {
background-image:url('../img/nav_about.png');
width:103px;
}
#nav-links a {
background-image:url('../img/nav_links.png');
width:82px;
}
#nav-blog a {
background-image:url('../img/nav_blog.png');
width:78px;
}

#footer {
background:url('../img/footer_bar.png') repeat-x left top;
color:#444;
font:italic 14px/24px "Lucida Sans",Arial,Helvetica,sans-serif;
margin-top:42px;
padding-top:4px;
}
#license {
font-size:12px;
line-height:15px;
margin:1em 0;
}
#license-image {
float:left;
margin-right:1em;
}
#copyright {
color:#888;
font:normal 10px/12px "Lucida Sans",Arial,Helvetica,sans-serif;
margin-top:8px;
}

.article .dateline {
background:url('../img/article_bar.png') repeat-x left top;
color:#07a3ec;
font:normal 12px "Lucida Sans",Arial,sans-serif;
height:24px;
margin-top:41px;
text-transform:uppercase;
}
.brief-article .dateline {
background:none;
color:#444;
float:right;
font-style:italic;
margin:0;
text-transform:none;
}
.article .dateline div {
float:left;
padding-top:4px;
width:50%;
}
.article .dateline .tx-date {
text-align:right;
}
.brief-article .dateline .px-date {
float:none;
padding:0 12px 0 0;
width:auto;
}
.brief-article .dateline strong {
display:none;
}
.brief-article .dateline .tx-date {
display:none;
}
body#contribute .dateline,
body#error .dateline,
body#links .dateline,
body#about .dateline {
background:none;
}
body#contribute .dateline *,
body#error .dateline *,
body#links .dateline *,
body#about .dateline * {
display:none;
}

.article h2 {
color:#444;
font:normal 24px/24px Georgia,"Times New Roman",serif;
padding-top:3px;
}
.article h2 a {
text-decoration:none;
}
#article-image {
float:right;
padding:5px 0 5px 20px;
}
.article .content h3 {
color:#045f89;
font:normal 20px/24px Georgia,"Times New Roman",serif;
margin:24px 0;
}
.article .content h4 {
color:#045f89;
font:italic 16px/24px Georgia,"Times New Roman",serif;
}
.article .content blockquote {
border-left:3px solid #ddd;
margin:0 2em;
padding-left:0.5em;
}

.series-nav {
color:#333;
height:51px;
margin:21px 0 0 0;
}
#bottom-series-nav {
margin-top:29px;
}
.series-nav .prev,
.series-nav .next {
display:block;
height:48px;
width:32px;
}
.series-nav .prev { float:left; }
.series-nav .next { float:right; }
.series-nav .prev a,
.series-nav .next a {
display:block;
height:100%;
width:100%;
}
.series-nav .prev a {
background:url('../img/series_prev.png') no-repeat left center;
}
.series-nav .prev a:hover {
background-image:url('../img/series_prev_hover.png');
}
.series-nav .next a {
background:url('../img/series_next.png') no-repeat right center;
}
.series-nav .next a:hover {
background-image:url('../img/series_next_hover.png');
}
.first-in-series .prev { background:url('../img/series_prev_inactive.png') no-repeat left center; }
.first-in-series .prev a { display:none; }
.last-in-series .next { background:url('../img/series_next_inactive.png') no-repeat right center; }
.last-in-series .next a { display:none; }
.series-nav a span { display:none; }
.series-nav .part,
.series-nav .series {
background-color:#e4e4e4;
height:24px;
margin:0 20px;
text-align:center;
}
.series-nav .part   { font:italic 12px/24px Georgia,"Times New Roman",serif; }
.series-nav .series { font:italic 16px/20px Georgia,"Times New Roman",serif; }

.article .content {
color:#222;
margin-top:27px;
}
.article .content .tagline {
background-color:#78b9d8;
color:#fff;
font-size:120%;
font-style:italic;
margin-bottom:1em;
padding:1em;
}
.article .content .tagline p {
margin:0;
padding:0;
}
.article .content p {
margin-bottom:1.5em;
}
.article .content p.quote,
.artecle .content blockquote.quote {
text-indent:-0.4em;
}
.article .content p.intro,
.article .content p.first-intro,
.article .content p.mid-intro,
.article .content p.last-intro {
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
color:#444;
font-size:90%;
padding:1em 0;
}
.article .content p.first-intro {
border-bottom:none;
padding-bottom:0;
}
.article .content p.mid-intro {
border:none;
padding:0;
}
.article .content p.last-intro {
border-top:none;
padding-top:0;
}
.article .content p.outro, .article .content p.first-outro {
color:#444;
font-size:90%;
}
.article .content p.first-outro {
border-top:1px solid #ccc;
padding-top:1em;
}
.article .content p.maaya {
border-left:solid 3px #81017e;
padding-left:0.5em;
}
.article .content p.question {
background-color:#eee;
border-left:3px solid #ccc;
font-style:italic;
padding:0 0.5em;
}
.article .content span.maaya {
color:#81017e;
}
.article .content p.other {
border-left:solid 3px #3e99ba;
padding-left:0.5em;
}
.article .content p.sig {
color:#444;
font-style:italic;
}
.article .content p.igarashi {
border-left:3px solid #f9ac46;
padding-left:0.5em;
}
.article .content p.ookawa {
border-left:3px solid #9eba3e;
padding-left:0.5em;
}
.article .content p.nekoi {
border-left:3px solid #cc9a63;
padding-left:0.5em;
}
.article .content p.mokona {
border-left:3px solid #3eba85;
padding-left:0.5em;
}
.article .content p.all {
border-left:3px solid #aaa;
padding-left:0.5em;
}
.article .content .mameshiba {
color:#00f;
}
.article .content table.ids28 {
width:99%;
}
.article .content table.ids28 th {
border-bottom:2px solid #222;
padding:0.5em;
text-align:left;
}
.article .content table.ids28 td {
border-bottom:1px solid #444;
font-size:90%;
padding:0.5em;
}
.article .content table.ids28 .l {
padding-left:0;
}
.article .content table.ids28 .m {
border-left:1px solid #aaa;
width:40%;
}
.article .content table.ids28 .r {
border-left:1px solid #aaa;
padding-right:0;
width:40%;
}
.article .content table.ids28 td.m {
color:#dc7a83;
}
.article .content table.ids28 td.r {
color:#53a5b1;
}
.article .content ul {
margin-bottom:1.5em;
}
.article .content ol {
margin-bottom:1.5em;
}
.article .content ul li {
list-style-type:circle;
}
.article .content ol li {
list-style-type:decimal;
}
.article .content li {
margin-left:1.5em;
padding-left:0.5em;
}
.article .content acronym,
.article .content abbr {
border-bottom:1px dotted #045f89;
}
.article .content sub {
font-size:80%;
vertical-align:sub;
}
.article .content sup {
font-size:80%;
vertical-align:super;
}

#source {
font:normal 10px/12px "Lucida Sans",Arial,Helvetica,sans-serif;
padding:42px 0 0 0;
margin-left:20px;
width:140px;
}
.brief-article .source {
color:#444;
font:italic 12px/15px "Lucida Sans",Arial,Helvetica,sans-serif;
margin:0;
padding:0 0 0 20px;
width:auto;
}
#source h4.section {
background:url('../img/pullout_bar.png') no-repeat left top;
font:italic 16px/24px "Lucida Sans",Arial,Helvetica,sans-serif;
height:24px;
margin:0 0 8px 0;
padding:0 0 0 5px;
width:140px;
}
#source .type {
background-color:#07a3ec;
color:#fff;
margin-left:10px;
text-transform:uppercase;
width:120px;
}
#source .type span {
display:block;
padding:2px 4px;
}
#source img {
margin-left:10px;
}
#source .title {
margin-left:10px;
width:120px;
}
#cache-link {
margin-top:1em;
}

.hl, .hl-bright,
.article .read-more {
font:bold italic 14px/24px "Lucida Sans",Arial,Helvetica,sans-serif;
height:21px;
}
.hl *, .hl-bright * {
display:block;
float:left;
height:21px;
}
.article .read-more a,
.article .read-more a:visited,
.article .read-more a:hover {
color:#fff;
text-decoration:none;
}
.article .read-more a:hover {
color:#eb3991;
}
.hl i, .hl-bright i,
.article .read-more i {
background:url('../img/hl_left.png') no-repeat left bottom;
color:#fff;
padding:0 2px 0 5px;
}
.hl b, .hl-bright b {
background:url('../img/hl_right.png') no-repeat right bottom;
width:5px;
}
.article .read-more a {
background:url('../img/hl_right.png') no-repeat right bottom;
padding-right:5px;
}
.hl-bright i {
background:url('../img/hl_bright_left.png') no-repeat left bottom;
}
.hl-bright b {
background:url('../img/hl_bright_right.png') no-repeat right bottom;
}

h4.section,
.brief-article h2 {
background:url('../img/section_bar.png') no-repeat left bottom;
color:#333;
font:italic 16px/24px "Lucida Sans",Arial,Helvetica,sans-serif;
min-height:24px;
margin:41px 0 7px 0;
padding:0 0 0 15px;
text-indent:5px;
}
.brief-article h2 {
background:url('../img/section_bar_blue.png') no-repeat left bottom;
margin:65px 0 0 0;
}
.news-article h2 { background-image:url('../img/section_bar.png'); }
.brief-article h2 a { color:#045f89; }
.news-article h2 a { color:#eb3991; }
.brief-article h2 a:hover { color:#07a3ec; }
.article #footnotes dt {
float:left;
margin-left:20px;
}
.article #footnotes dd {
font-size:12px;
line-height:18px;
margin-left:60px;
padding-top:4px;
}

.article #comments dt {
color:#444;
font:italic 14px/24px "Lucida Sans",Arial,Helvetica,sans-serif;
margin-left:20px;
}
.article #comments dt .hl,
.article #comments dt .hl-bright {
float:left;
}
.article #comments dt a,
.article #comments dt a:hover
.article #comments dt a:visited {
color:#fff;
}
.article #comments dd {
font-size:12px;
line-height:18px;
margin-left:60px;
padding:4px 0 1.5em 0;
}

#comment-preview {
border:1px solid #07a3ec;
margin-top:1em;
}
#comment-preview .title {
background-color:#07a3ec;
color:#fff;
font:bold italic 12px/12px "Lucida Sans",Arial,Helvetica,sans-serif;
margin:0;
padding:0.5em;
}
#comment-preview a {
color:#fff;
}

#comment-errors {
border:1px solid #eb3991;
margin-top:1em;
}
#comment-errors .title {
background-color:#eb3991;
color:#fff;
font:bold italic 12px/12px "Lucida Sans",Arial,Helvetica,sans-serif;
margin:0;
padding:0.5em;
}
#comment-errors ul {
list-style:circle inside;
}
#comment-errors li {
font:italic 14px/20px Georgia,"Times New Roman",serif;
margin:0.5em 20px;
}

#comment-prompt,
p#txpCommentInputForm {
color:#07a3ec;
font:italic 16px/24px "Lucida Sans",Arial,Helvetica,sans-serif;
margin-left:20px;
}
#comment-prompt.closed,
p#txpCommentInputForm {
color:#eb3991;
}

#comment-form {
margin-top:1em;
}
#comment-form .field,
#comment-form .buttons {
padding-left:60px;
padding-bottom:2px;
}
#comment-form .field span,
#comment-form .field label {
color:#444;
font-size:14px;
}
#comment-form .field span {
display:block;
line-height:16px;
margin-top:4px;
}
#comment-form .field input,
#comment-form .field textarea {
border:1px solid #aaa;
font:normal 12px/18px Arial,Helvetica,sans-serif;
padding:4px;
}
#comment-form .comment_name_input,
#comment-form .comment_email_input {
width:240px;
}
#comment-form .comment_web_input {
width:415px;
}
#comment-form .field textarea {
width:415px;
height:180px;
}
#comment-form .buttons {
margin-top:6px;
}
#comment-form .buttons input {
background-color:#07a3ec;
border-top:solid 1px #6dcefb;
border-right:solid 1px #045f89;
border-bottom:solid 1px #045f89;
border-left:solid 1px #6dcefb;
color:#fff;
font:bold italic 16px/16px "Lucida Sans",Arial,Helvetica,sans-serif;
height:42px;
width:120px;
}
#comment-form .buttons input#txpCommentSubmit {
background-color:#eb3991;
border-top-color:#f382ba;
border-right-color:#b12168;
border-bottom-color:#b12168;
border-left-color:#f382ba;
}
#comment-form .buttons input#txpCommentSubmit.disabled {
background-color:#ccc;
border-color:#aaa;
}

#article-archive {
padding-top:68px;
}
#article-archive.category {
padding:0;
}
#article-archive #series-limit {
background:url('../img/article_bar.png') repeat-x left top;
color:#07a3ec;
font:normal 12px "Lucida Sans",Arial,sans-serif;
height:23px;
margin-top:41px;
padding-top:4px;
text-transform:uppercase;
}
#article-archive dt .hl {
float:left;
}
#article-archive dt .dup i {
background-image:url('../img/hl_soft_left.png');
}
#article-archive dt .dup b {
background-image:url('../img/hl_soft_right.png');
}
#article-archive dd {
margin-left:140px;
padding-bottom:0.75em;
padding-top:3px;
}
#article-archive dd.series {
padding-top:0;
}
#article-archive dd.series div {
color:#444;
font:italic 11px/15px "Lucida Sans",Arial,Helvetica,sans-serif;
padding-top:6px;
}
#article-archive dd.series div a {
border-bottom:1px dotted #888;
color:#444;
text-decoration:none;
}
#article-archive dd.series div a:hover {
border:none;
color:#07a3ec;
text-decoration:underline;
}
#article-archive dd a {
line-height:18px;
}
#article-archive dd.series a {
padding-top:0;
}

#article-queue {
margin:0 20px;
}
#article-queue dt {
background:url('../img/section_bar_gray.png') no-repeat left bottom;
color:#444;
float:left;
font:italic 12px/20px "Lucida Sans",Arial,Helvetica,sans-serif;
height:20px;
margin-top:0.5em;
padding-left:15px;
width:130px;
}
#article-queue dd {
color:#444;
font-size:12px;
font-style:italic;
line-height:20px;
margin-left:150px;
padding-top:0.5em;
}
#article-queue dd .title {
color:#045f89;
}

.jp-jplayer {
height:0;
overflow:hidden;
}
#audio-player {
background:url('../img/audio_bar.png') no-repeat left top;
color:#404040;
font:italic 12px/24px "Lucida Sans",Arial,Helvetica,sans-serif;
height:24px;
margin:2em 0;
width:540px;
}
#audio-controls {
float:left;
height:24px;
margin-left:90px;
overflow:hidden;
width:50px;
}
#audio-controls li {
float:left;
list-style:none;
margin:5px 0;
padding:0;
}
#audio-controls a span {
display:none;
}
#audio-play {
background:url('../img/audio_play.png') no-repeat left top;
display:block;
height:14px;
width:42px;
}
#audio-play:hover {
background:url('../img/audio_play_hover.png') no-repeat left top;
}
#audio-pause {
background:url('../img/audio_pause.png') no-repeat left top;
display:block;
height:14px;
width:50px;
}
#audio-pause:hover {
background:url('../img/audio_pause_hover.png') no-repeat left top;
}
#audio-progress {
cursor:pointer;
float:left;
height:18px;
margin:3px 0 3px 10px;
width:240px;
}
#audio-play-bar-start {
background:url('../img/audio_progress_bar.png') no-repeat left top;
float:left;
height:16px;
width:4px;
}
#audio-play-bar {
background:url('../img/audio_progress_bar.png') no-repeat right top;
float:left;
height:16px;
min-width:4px;
max-width:236px;
width:0%;
}
#audio-loading {
color:#888;
display:none;
float:left;
font:italic 10px/16px Tahoma,Arial,Helvetica,sans-serif;
}
#audio-load-bar-bg {
clear:left;
height:2px;
background:#aaa;
width:236px;
}
#audio-load-bar {
background:#777;
height:2px;
max-width:236px;
width:0;
}
#audio-time {
margin-left:5px;
float:left;
text-align:right;
width:125px;
}

#subtitle-control {
color:#888;
height:18px;
text-align:right;
}
#subtitle-control span {
cursor:pointer;
display:block;
float:right;
height:18px;
}
#subtitle-control span span {
display:none;
}
#subtitle-control .en {
background:url('../img/en.png') top left no-repeat;
width:63px;
}
#subtitle-control .jp {
background:url('../img/jp.png') top left no-repeat;
width:78px;
}
#subtitle-control .hover {
background-position:0 -36px;
}
#subtitle-control .active {
background-position:0 -18px;
cursor:default;
}
p.subtitles span {
cursor:pointer;
}
p.subtitles sup {
color:#888;
font-family:Tahoma,Arial,Helvetica,sans-serif;
line-height:1em;
}
p.subtitles .jp {
font-family:Meiryo,"MS PGothic",sans-serif;
display:none;
}
p.subtitles .highlight {
background-color:#b3daec;
}
p.subtitles .hover {
background-color:#ebbed4;
}