@charset "Shift_JIS";

/*
	Bungaku Gokudo - default style sheet
	(written & revised by Lilia)
*/

body { /* font-family は指定しない(個別に設定) */
	background-color: #000000;
	color: #ffffff;
	margin: 0;
	padding: 5px 10px 10px;
	text-align: justify;
}
#promoter div.cont, #info div.cont, #store div.cont, #member div.cont, #member-mini div.cont, #error div.cont {
	font-family: Arial,Helvetica,Osaka,'MS PGothic',sans-serif;
}

.nonp {     /* 等幅テキスト */
	font-family: 'ＭＳ ゴシック','MS Gothic','ヒラギノ角ゴ3等幅','HiraginoKaku-W3-90ms-RKSJ-H','Osaka−等幅','OsakaMono',monospace;
}
.min-nonp { /* 明朝等幅テキスト(印刷用?) */
	font-family: 'ＭＳ 明朝','MS Mincho','ヒラギノ明朝体3等幅','HiraginoMin-W3-90ms-RKSJ-H','平成明朝','Osaka−等幅','OsakaMono',monospace;
}
.jp-p {     /* 日本語プロポーショナル */
	font-family: Osaka,'MS PGothic',Arial,sans-serif;
}

a:link, a:visited { /* アンカー一般 */
	color: #ccccff;
	text-decoration: none;
}
a:active, a:hover {
	color: #ffffff;
	text-decoration: underline;
}
a.self:link, a.self:visited {
	color: #ffffff;
}
a.a-choice {
	font-style: italic;
}

hr.sep { /* スタイルシート非対応ユーザー向けの区切り線 */
	display: none;
}

em {          /* i タグは使わない */
	font-style: italic;
}
strong {      /* b タグは使わない */
	font-weight: bold;
}
del {         /* s タグは使わない */
	text-decoration: line-through;
}
ins {
	text-decoration: underline;
}
abbr, acronym {
	border-bottom: 1px dotted;
}
.underlined { /* u タグは使わない */
	text-decoration: underline;
}
ul {
	list-style-type: circle;
	font-size: small;
	line-height: 130%;
	margin: 5px;
	padding: 2px 1.5em;
}
ol {
	font-size: small;
	line-height: 130%;
	margin: 5px;
	padding: 2px 1.5em;
}
form {
	margin: 0;
	padding: 0;
}
select option {
	padding: 0 5px;
}

.clear-l {
	clear: left;
}
.clear-r {
	clear: right;
}
.clear-b {
	clear: both;
}

.alt-text {
	display: none;
}
.note {
	font-size: 80%;
	margin-left: 3px;
}
.note .mark {
	font-family: Arial,Helvetica,sans-serif;
	font-size: small;
}
.a-note {
	color: #336666;
}
.headnote {
	font-size: x-small;
	font-weight: normal;
}
.pale {
	color: #999999;
}
.null {
	display: none;
}
.hot {
	color: #ff3333;
}

div#head.expanded { /* 最上部のバナー＆メニュー */
	background: #000000 url(img/top_bg.gif) repeat-x left top;
}
div#top-logo {
	float: left;
	position: absolute;
	top: 8px;
	left: 25px;
}
div.head-banner { /* 最上部バナー */
	text-align: right;
	padding: 2px 1em 3px;
}
div.head-banner p {
	font-size: x-small;
	margin: 0;
	padding: 0;
}
div.head-banner img {
	margin: 1px;
}

div.site-menu { /* サイトメニュー(他のコンテンツへのリンク) */
	clear: both;
	text-align: right;
	font-family: Arial,Helvetica,Osaka,'MS PGothic',sans-serif;
	font-size: small;
	padding: 5px 0.8em 10px;
}
div.site-menu a:link, div.site-menu a:visited { /* サイトメニュー中のアンカー */
}
div.site-menu a:active, div.site-menu a:hover {
}
div.site-menu a.self:link, div.site-menu a.self:visited {
}

div#top-banner { /* 上部イメージ部全体 */
	text-align: center;
	clear: both;
	padding: 0;
	margin: 0;
}
div#top-banner a:link, div#top-banner a:visited, div#top-banner a:active, div#top-banner a:hover {
	text-decoration: none;
}
#home div#top-banner { /* トップページの画像指定 */
	height: 465px;  /* 画像の縦の長さ */
	background: #000000 url(img/top_image.jpg) no-repeat center top;  /* ファイルのパス 他 */
	border-bottom: 1px solid #eeeeee;
}
#column div#top-banner, #promoter div#top-banner, #info div#top-banner, #monthly div#top-banner, #award div#top-banner, #store div#top-banner { /* コラム・発起人ページ他の画像指定 */
	height: 200px;  /* 画像の縦の長さ */
	background: #000000 url(img/banner_car.jpg) no-repeat center top;  /* ファイルのパス 他 */
}
.newsy div#top-banner { /* 最新情報(div#news)つきの場合 */
	border-bottom: 1px solid #eeeeee;
}
#error div#top-banner { /* エラーページの画像指定(参考) */
	height: 290px;
	background: #000000 url(img/banner_view.jpg) no-repeat center top;
}
div#top-banner a {
	display: block;
	width: 100%;
	height: 100%;
	border-top: 1px solid #eeeeee;
	text-decoration: none;
}

address { /* ページ下部の署名 */
	clear: both;
	text-align: center;
	font-family: Arial,Helvetica,sans-serif;
	font-size: small;
	font-weight: normal;
	font-style: italic;
	line-height: 150%;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #eeeeee;
}
address a:link, address a:visited, address a:active, address a:hover {
	color: #ffffff;
}
address img {
	margin: 0 5px;
	padding: 0;
	border: 0 none;
}
address p.signature {
	margin: 0;
	padding: 0;
}

a img {
	border: 0 none;
}

h1 { /* タイトル */
	text-align: center;
	font-family: Arial,Helvetica,Osaka,'MS PGothic',sans-serif;
	font-size: 195%;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.2em;
	margin: 0;
	padding: 7px 0.5em 3px;
	line-height: 150%;
	border-top: 1px solid #eeeeee;
	border-bottom: 3px double #eeeeee;
}
#home h1 {
	display: none;
}
#monthly h1 {
	font-size: 180%;
	letter-spacing: 0.15em;
}
#info h1 {
	letter-spacing: 0.05em;
}
h1 a:link, h1 a:visited {
	color: #ffffff;
	text-decoration: none;
}
h1 a:active, h1 a:hover {
	color: #ccccff;
	text-decoration: none;
}

h2 { /* 目次タイトル */
	font-family: Arial,Helvetica,Osaka,'MS PGothic',sans-serif;
	font-size: 100%;
	margin: 3px 0;
	padding: 2px 0.5em;
	line-height: 140%;
}

div#toc { /* サイトの目次 */
	font-family: Arial,Helvetica,Osaka,'MS PGothic',sans-serif;
	float: left;
	text-align: center;
	width: 180px;
	margin: 20px 10px 20px 5px;
	padding: 8px 1.3em 8px 2px;
	border-right: 3px solid #eeeeee;
}
div#toc img {
	margin: 1px;
}
div#toc div.internal {
}
div#toc div.qr {
	width: 95%;
	padding: 2px;
	margin-bottom: 5px;
}
div#toc div.qr img {
	margin: 3px;
	border: 1px solid #cccccc;
}
div#toc div.external {
	margin-bottom: 10px;
	padding-top: 4px;
	border-top: 1px dashed #eeeeee;
}
div#toc div.special {
	margin-bottom: 10px;
	padding-top: 4px;
	border-top: 1px dashed #eeeeee;
}
div#toc div.updated-info {
	margin-bottom: 15px;
	padding-top: 4px;
	border-top: 1px dashed #eeeeee;
}
div#toc div.updated-info form {
}
div#toc div.updated-info select {
}
div#toc div.updated-info input {
}
div#toc div.internal h2, div#toc div.special h2 {
	display: none;
}
div#toc ul, div#toc ol { /* サイトの目次リスト */
	list-style-type: none;
	font-size: 100%;
	line-height: 130%;
	font-weight: 600;
	margin: 0;
	padding: 0;
}
div#toc li {
	margin: 4px 0;
}
div#toc a:link, div#toc a:visited, div#toc a:active, div#toc a:hover {
	text-decoration: none;
}
div#toc div.internal a { /* 内部 かつ 日本語 */
	display: block;
	width: 90%;
	font-family: Tahoma,Arial,Helvetica,Osaka,sans-serif;
	letter-spacing: 0.1em;
	padding: 4px 6px 2px 4px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
div#toc div.external a, div#toc div.special a { /* 外部 かつ 英字 */
	font-family: Tahoma,Arial,Helvetica,Osaka,sans-serif;
	display: block;
	width: 90%;
	padding: 3px 6px 2px 4px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #333333;
	color: #eeeeff;
}
div#toc div.external li.ja a, div#toc div.special li.ja a { /* 外部 かつ 日本語 */
	font-family: Tahoma,Arial,Helvetica,Osaka,sans-serif;
	padding: 4px 6px 2px 4px;
}
div#toc li.ex-ja a { /* 日本語コメント付 */
	padding: 4px 6px 2px 4px;
}
div#toc li.ex-ja em { /* 日本語コメント */
	font-weight: normal;
	font-size: small;
	font-family: Tahoma,Arial,Helvetica,Osaka,'MS PGothic',sans-serif;
}
/*
div#toc li.ex-ja em {
	font-style: normal;
}
*/
div#toc div.internal a:hover {
	background-color: #f0f0f0;
	color: #333333;
}
div#toc div.internal li.obsolete a:hover { /* obsolete */
	background-color: transparent;
	color: #ccccff;
}
div#toc div.external a:hover {
	background-color: #000000;
	color: #ffffff;
}
div#toc div.special a:hover {
	background-color: #000000;
	color: #ffffff;
}

div#news { /* 新着情報 */
	font-family: Arial,Helvetica,Osaka,sans-serif;
	text-align: center;
	padding: 0 1px;
}
#home div#news {
	border-bottom: 1px solid #eeeeee;
}
div#news h2 {
	display: none;
}
div#news ul {
	text-align: left;
	list-style-type: square;
	font-size: small;
	line-height: 150%;
	margin: 0;
	padding: 5px 4em 5px 15%;
	background-color: #333333;
	color: #ffffff;
}
div#news span.date {
	font-family: Tahoma,Arial,Helvetica,sans-serif;
}
div#news strong.topic {
	font-size: 110%;
	padding: 0 0.4em;
}
/*
div#news a:link, div#news a:visited {
	color: #eeeeff;
	text-decoration: none;
}
div#news a:active, div#news a:hover {
	color: #ccccff;
	text-decoration: underline;
}
*/

div#body { /* メイン部分の全体 */
	font-size: 95%;
	margin: 20px 10px 10px 210px;
	padding: 7px 1em;
}
div#body h3 { /* メイン部分タイトル */
	font-size: 120%;
	font-weight: bold;
	font-style: normal;
	line-height: 150%;
	margin: 0 0 5px;
	padding: 5px 1.5em;
	border-bottom: 1px solid #eeeeee;
}
div#body ul { /* メイン部分中のリスト */
	font-size: 100%;
	margin: 5px;
	padding: 2px 2em;
}
div#body div.text { /* メイン部分本文 */
	margin-bottom: 8px;
	padding: 2px 1em;
}
div#body div.text p { /* メイン部分本文の各パラグラフ */
	line-height: 130%;
	margin: 8px 0;
	padding: 2px 0;
}

div.cont-list { /* ページの目次全体 */
	font-family: Arial,Helvetica,Osaka,'MS PGothic',sans-serif;
	margin: 10px 15% 20px 10%;
	padding: 5px 1em;
}
div.cont-list ul, div.cont-list ol { /* ページの目次リスト */
	font-size: small;
	line-height: 130%;
	margin: 5px;
	padding: 2px 2em;
}
div.cont-list ul {
	list-style-type: square;
}
div.cont-list a:link, div.cont-list a:visited { /* 目次中のアンカー */
}
div.cont-list a:active, div.cont-list a:hover {
}
#member-mini div.cont-list {
	width: 20em;
	margin: 10px auto 20px auto;
	padding: 5px 1em;
}
#monthly div.cont-list div { /* 優良作品で複数グループに分かれる場合の各ブロック */
	margin-bottom: 1em;
}
#monthly div.cont-list li.class-a, #award div.cont ul.class-a,
#monthly div.cont-list li.class-x, #award div.cont ul.class-x {
	list-style-type: disc;
}
#monthly div.cont-list li.class-b, #award div.cont ul.class-b,
#monthly div.cont-list li.class-c, #award div.cont ul.class-c {
	list-style-type: circle;
}
#monthly div.cont-list li.special {
	background-color: #333333;
/*
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
*/
}
#monthly div.cont-list li.special a {
}
#monthly div.cont-list li.special a.choice {
/*
	text-decoration: blink;
*/
}
#monthly div.cont-list li .class {
	font-size: 90%;
	color: #eeeeee;
}
#monthly div.cont-list li .date {
	font-size: 90%;
	color: #999999;
	font-style: italic;
}

div.cont-list p.caution {
	font-size: small;
	padding: 0 0 0 1em;
	margin: 1.2em 0 0.6em;
}

#monthly div.tmp-msg {
	margin: 0;
	padding: 8px 0;
	text-align: center;
	border-bottom: 1px solid #eeeeee;
}
#monthly div.tmp-msg input.button {
	font-size: small;
	padding: 2px 0.8em;
}

form.calendar { /* 優良作品の表示選択フォーム */
}
div.calendar {
	float: right;
	padding: 1em 1em 0 0;
}
div.sub-menu { /* サブメニュー(他表示モードなどへのリンク) */
	float: right;
	font-family: Arial,Helvetica,Osaka,'MS PGothic',sans-serif;
	font-size: small;
	padding: 1em 1em 0 0;
}

div.cont { /* 各記事の全体 */
	background-color: #f0f0f0;  /* #fffaf0 */
	color: #333333;
	margin: 25px 7%;
	padding: 7px 1.5em;
	width: auto;
	font-size: small;
	border: 1px solid #333333;
	border-radius: 6px;
	-moz-border-radius: 6px;
}
#member-mini div.cont {
	margin: 25px auto;
	width: 40em;
}
div.cont a:link, div.cont a:visited { /* 記事中のアンカー一般(タイトル・記事メニュー) */
	color: #333366;
}
div.cont a:active, div.cont a:hover {
	color: #666699;
}
div.cont a.self:link, div.cont a.self:visited { /* 記事メニュー中の自分自身を指すアンカー */
	color: #333333;
}
div.cont h3 { /* 記事タイトル */
	font-size: 110%;
	font-weight: bold;
	font-style: normal;
	line-height: 150%;
	margin: 0 0 5px;
	padding: 5px 1.5em;
	border-bottom: 1px solid #333333;
}
div.cont h3 a:link, div.cont h3 a:visited, div.cont h3 a:active, div.cont h3 a:hover { /* タイトルのアンカー */
	text-decoration: none;
}
div.cont div.name { /* 書いた人の名前(コラム) */
	text-align: right;
	padding-right: 1.5em;
}
#monthly div.cont h3 { /* タイトル(月間優良作品) */
	font-family: Verdana,Arial,Helvetica,'MS UI Gothic',Osaka,sans-serif;
}
#monthly div.cont div.name { /* 書いた人の名前(月間優良作品) */
	font-family: Verdana,Arial,Helvetica,'MS UI Gothic',Osaka,sans-serif;
}
div.cont dl {
	margin: 5px 0;
	padding: 2px 0.5em;
}
div.cont dt {
	font-size: small;
	font-weight: normal;
	font-style: normal;
	line-height: 130%;
	margin: 0 0 1px;
	padding: 2px 0.8em;
	border-bottom: 1px dashed #333333;
}
div.cont dd {
	text-align: right;
	font-size: small;
	font-weight: normal;
	font-style: normal;
	line-height: 130%;
	margin: 0;
	padding: 2px 0.8em 6px 3em;
}
div.cont dd.comment, #store div.cont dd {
	text-align: left;
}
div.cont dd img.icon {
	margin: 0 3px 0 2px;
}
#award div.cont {
	font-family: Verdana,Arial,Helvetica,'MS UI Gothic',Osaka,sans-serif;
}
#award div.cont #grand dl, #award div.cont #fame dl, #award div.cont #xpecial dl {
	border: 3px double #808080;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 15px 5px 30px;
	padding: 2px;
}
#award div.cont #grand dt {
	font-size: small;
	font-weight: normal;
	font-style: normal;
	line-height: 170%;
	margin: 0 2px 1px;
	padding: 3px 0.8em;
	border-bottom: 1px dashed #666666;
}
#award div.cont #grand dd, #award div.cont #fame dd, #award div.cont #xpecial dd {
	text-align: left;
	padding: 8px 1em 10px;
}
#award div.cont #grand ul, #award div.cont #xpecial ul {
	font-size: small;
	margin: 5px;
	padding: 2px 2em 2px 3em;
}
#award div.cont #grand li, #award div.cont #xpecial li {
	line-height: 150%;
}
#award div.cont #fame dt, #award div.cont #xpecial dt {
	font-size: small;
	font-weight: normal;
	font-style: normal;
	line-height: 170%;
	margin: 0 2px 1px;
	padding: 3px 1.3em;
	border-bottom: 1px dashed #666666;
}
#award div.cont #fame ul {
	font-size: small;
	margin: 5px;
	padding: 8px 2em 8px 3em;
	list-style-type: none;
}
#award div.cont #fame li {
	line-height: 200%;
}
#award div.cont #special dl {
	margin: 15px 5px 25px;
	padding: 2px;
}
#award div.cont .note {
	font-size: 85%;
}
#award div.cont .note a:link, #award div.cont .note a:visited, #award div.cont .note a:active, #award div.cont .note a:hover {
	text-decoration: underline;
}
#award div.cont h3 .desc {
	font-size: small;
	font-weight: normal;
	font-style: normal;
	line-height: 170%;
}
#member div.cont ul, #member div.cont ol,
#member-mini div.cont ul, #member-mini div.cont ol {
	margin: 0.5em 5px;
	padding: 5px 1em 5px 2.2em;
	background-color: #fffaf0;
	border: 1px solid #999;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
#member div.cont li, #member-mini div.cont li {
	margin-top: 5px;
	margin-bottom: 5px;
}
#error div.cont dd {
	overflow: auto;  /* 長いテキストがはみださないように(暫定) */
}
/*
div.cont#producer dt {
	text-align: right;
}
div.cont#producer dd {
	text-align: left;
}
*/
div.text { /* 記事本文の全体 */
	margin-bottom: 8px;
	padding: 2px 1em;
}
div.text p { /* 記事本文の各パラグラフ */
	line-height: 130%;
	margin: 8px 0;
	padding: 2px 0;
}
#home div.text p, #error div.text p {
	padding: 2px 1em;  /* 字下げ分 */
}
div.text p.verse { /* 詩作品 */
	line-height: 140%;
	margin: 8px 0;
	padding: 2px 0 1.5em;
}
div.text tt {
	line-height: 130%;
	font-family: 'ＭＳ ゴシック','MS Gothic','ヒラギノ角ゴ3等幅','HiraginoKaku-W3-90ms-RKSJ-H','Osaka−等幅','OsakaMono',monospace;
	font-size: small;
}
div.footnote {
	clear: both;
	border-top: 1px dashed #666666;
	margin: 2px 5px 2px 8em;
	padding: 2px 0.8em;
}
div.footnote p {
	font-family: Verdana,Arial,Helvetica,Osaka,'MS UI Gothic',sans-serif;
	font-size: 80%;
	margin: 0.5em;
	padding: 0;
}
div.cont-menu { /* 記事メニュー(目次と他の記事へのリンク) */
	font-family: Arial,Helvetica,Osaka,'MS PGothic',sans-serif;
	font-size: small;
	text-align: right;
	margin-top: 8px;
	padding: 5px 1em;
	border-top: 1px solid #333333;
}
#home div.cont-menu { /* 記事メニュー(トップページ) */
	border-top: 1px solid #cccccc;
}
#home div.extra { /* 特別リンクなど(トップページ) */
	font-family: Arial,Helvetica,Osaka,'MS PGothic',sans-serif;
	font-size: small;
	text-align: right;
	padding: 2px 1em;
	border-top: 1px dashed #666666;
}
#home div.extra p {
	line-height: 130%;
	margin: 5px 0;
	padding: 2px 0;
}
#home div.extra img {
	margin: 1px;
}
#home div.extra a {
	color: #eeeeff;
}
#home div.extra a:hover {
	color: #ffffff;
}
#info div.cont img {
	margin: 2px;
}
#info div.cont img.qr {
	border: 1px solid #eeeeee;
}
#info div.cont dt iframe {
	border: none;
	margin: 2px;
}
#info div.cont dd a:link, #info div.cont dd a:visited {
	text-decoration: none;
	border-bottom: 1px dotted;
}
#info div.cont dd a:active, #info div.cont dd a:hover {
	text-decoration: none;
	border-bottom: 1px solid;
}
#info div.cont#history .date {
}
#promoter div.cont .date {
	font-size: 80%;
	color: #666666;
}
#store div.cont#indication dt {
	font-weight: bold;
}
#store dd ul {
	margin: 5px 0;
	padding: 0 0 0 1em;
}
#directory div.cont {
	padding: 7px 2em;
}
#directory div.cont img {
	margin-left: 10px;
}
#directory pre {
	font-family: Consolas,Monaco,'Courier New','MS Gothic','Osaka−等幅','OsakaMono',monospace;
	font-size: small;
	font-weight: normal;
	line-height: 150%;
	margin: 0;
	padding: 2px 0;
	overflow: auto;
}
#directory hr {
	border: 0 none;
	height: 1px;
	border-top: 1px solid #333333;
	margin: 0;
	padding: 0;
}
#directory div.cont-menu {
	text-align: right;
	margin-top: 0;
	padding-top: 0;
	border: 0 none;
}

div.pager { /* ページ バー */
	font-family: Arial,Helvetica,Osaka,'MS PGothic',sans-serif;
	text-align: center;
	clear: both;
	margin: 1em 0 1.5em;
	padding: 0;
}
div.pager span.pager {
	font-size: small;
	margin: 0;
	padding: 4px 3px;
	background-color: #ffffff;
	border: 1px solid #333333;
	border-radius: 3px;
	-moz-border-radius: 3px;
}
div.pager a, div.pager span.pager-num-this {
	margin: 0 2px;
	padding: 1px 0.6em;
	background-color: #f0f0f0;
	color: #333333;
	border: 1px solid #cccccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
}
div.pager span.pager-num-this {
	font-weight: bold;
	background-color: #000000;
	color: #ffffff;
	border: 1px solid #000000;
	border-radius: 2px;
	-moz-border-radius: 2px;
}
div.pager a.pager-prev, div.pager a.pager-next, div.pager a.pager-start {
}
div.pager a:link, div.pager a:visited {
	text-decoration: none;
	color: #333366;
}
div.pager a:hover {
	text-decoration: none;
	background-color: #999999;
	color: #eeeeff;
	border: 1px solid #666666;
	border-radius: 2px;
	-moz-border-radius: 2px;
}
div.pager a:active {
	text-decoration: none;
	background-color: #cccccc;
	color: #eeeeff;
	border: 1px solid #666666;
	border-radius: 2px;
	-moz-border-radius: 2px;
}

div.g-bigbanner {
	clear: both;
	margin: 15px 5px 10px;
	text-align: center;
}

div.google-mobile-ad {
	clear: both;
	margin: 0;
	padding: 0;
}
p.amazon-banner {
}

/* Test */
.shadow {
	background: url(http://bungoku.jp/img/shadow_tr.gif) right bottom;
/* 	float: left; 回り込み制御 */
}
 
.shadow img {
	position: relative;
	left: -5px; /* 画像を左へ移動 */
	top: -5px; /* 画像を上へ移動 */
	padding: 5px; /* 画像枠 */
	background: #ffffff; /* paddingを設定した場合の背景色 */
	border: 0px solid #999999; /* 画像の枠線 */
}