@charset "UTF-8";
/* ==========================================================
   Tsuikimizake stylesheet
   A.R.C.H. type
   This format is "Cascading Style Sheets level 3"
   ========================================================== */
/*
 * notes *
	,=複数要素一括記述
	 =子孫関係
	>=親子関係
	+=隣接関係
	.=class
	:=擬似class
	#=id
	[]=属性（属性値の記述も可）
	[...~="..."]=属性値の中がスペース区切りの列挙
	[...|="..."]=属性値の中がハイフン区切りの列挙
	[???^=]=属性値前方一致
	[???$=]=属性値部分一致
	半角スペースで一つのclassに複数の属性値を設定
	:first-child=設定したセレクタで最初に出てくる要素
	:first-line=1行目
	:first-letter=1文字目
	:nth-child(n)=n番目の子孫要素
*/ 
/* ========================================================== */
@media screen,tv,projection,print,handheld { 
html {
}
body {
	color:#333333;
	background-color:#fffefa;
	font-size:80%;		/* 基本サイズ */
	background-color:transparent;
	background-image:none;
	font-family:"MeiryoKe_PGothic","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ",Meiryo,sans-serif; /**/
	line-height:1.5em;	/* 行高 */
	position:static;	/* 配置体系 */
	margin:0;		/* 上右下左 */
	padding:0.5em;		/* 上右下左 */
	min-width:;
	max-width:;
	_margin-right:5px;
}
/* ---- リスト ------------------------------------------ */
ul {
	margin-left:3.5em;
	list-style:disc outside;
	max-width:80%;
	_width:80%;
	_margin-left:2.5em;
	_padding-left:1em;	/* リストマーカーがはみ出るバグ対策 */
}
*:first-child+html ul {
	margin-left:2.5em;
	padding-left:1em;	/* リストマーカーがはみ出るバグ対策 */
}
html>/**/body ul {
	list-style /*\**/:circle outside\9;
	list-style-image:url(/images/system-disc-yellow.gif)\9;
}	/* IE8 向けリストマーカーデザインがおかしい対策 */
ul ul {
	list-style-type:circle;
}
html>/**/body ul ul {
	list-style /*\**/:circle outside\9;
	list-style-image:url(/images/system-circle-yellow.gif)\9;
}	/* IE8 向けリストマーカーデザインがおかしい対策 */
/* ページ内ジャンプ */
ul.navigation {
	list-style-type:circle;
}
/* コンテンツメニューリスト */
ul.menu {
	width:auto;
}
/* ダウンロードファイルリスト */
ul.download {
	list-style-type:none;
	border-left:#88952c double 0.4em;
	margin-left:2.2em;
	padding:1.0em 3.5em 1.0em 0.5em;
	max-width:90%;
	_width:90%;
	background-color:#f0f0e5;
}
ul.download:hover {
	border-left-color:#aabb99;
	background-color:#e9e1cf;
}
/* RSSリスト */
ul.rss {
	display:inline;
	background:transparent url("/images/system-rss.png") no-repeat center left;
	margin-left:1em;
	padding-left:18px;
	border:none !important;
}
#ENTRANCE ul.rss li.first:before {
	content:"" !important;
}
ul.rss li.first {
	background-image:none !important;
}
ul.rss li.flat {
	_padding-left:1em !important;
	_background:no-repeat scroll left center url(/images/system-slash.gif) !important;
}
*:first-child+html #ENTRANCE ul.rss li.flat {
	padding-left:1em !important;
	background:no-repeat scroll left center url(/images/system-slash.gif) !important;
}
/* アトリエサムネイル */
ul.multiply.atelier,ul.multiply.atelier li:hover {
	list-style:none;
}
ul.multiply.atelier li {
	text-align:center;
}
/* ---- 順序付リスト --------------------------------------- */
ol {
	margin-left:3.5em;
	list-style-type:decimal outside;
	max-width:80%;
	_width:80%;
	_margin-left:1.5em;
	_padding-left:2em; /* リストマーカーがはみ出るバグ対策 */
}
*:first-child+html ol {
	margin-left:1.5em;
	padding-left:2em; /* リストマーカーがはみ出るバグ対策 */
}
ol.ranking {
	list-style-type:decimal;
}
ol.provision {
	list-style-type:cjk-ideographic;
}
ol.long,ol.tracks,ol.card {
	list-style:decimal-leading-zero;
}
/* ---- リストアイテム --------------------------------------- */
li {
	width:auto;
	margin:0.3em auto 0.3em 0;
}
html>/**/body li {
	border:1px transparent solid;
}	/* IE8 標準モードでリストアイテムがウゴウゴする対策 */
ul li:hover {
	list-style:square outside;
}
ul ul li:hover,ul.navigation li:hover {
	list-style:disc outside;
}
html>/**/body ul li:hover {
	list-style /*\**/:none outside\9;
	list-style-image:url(/images/system-square-yellow.gif)\9;
}
html>/**/body ul ul li:hover,ul.navigation li:hover {
	list-style /*\**/:circle outside\9;
	list-style-image:url(/images/system-disc-yellow.gif)\9;
}	/* IE8 向けリストマーカーデザインがおかしい対策 */
ul.download li:hover {
	list-style-type:none;
}
ul.rss li {
	display:inline;
}
ul li.flat {
	_padding-left:1em;
	_background:no-repeat scroll left center url(/images/system-slash.gif);
}
*:first-child+html ul li.flat {
	padding-left:1em;
	background:no-repeat scroll left center url(/images/system-slash.gif);
}
/* リストの二列配置調整 */
ul.dually li.odd {
	width:19em;
	_width:19em;
	margin:0;
	margin-top:0.4em;
	margin-right:0.75em;
}
ul.dually li.even {
	width:38em;
	_width:19em;
	margin:0;
	margin-top:0.4em;
}
ul.dually.compact li.odd {
	width:11em;
	_width:11em;
}
ul.dually.compact li.even {
	width:21em;
	_width:10em;
}
ul.dually {
	border:1px transparent solid;
	_border:none;
	/* 何故かモダンブラウザ全てが、ul にボーダーがないと li がズレるためによる場当たり対処 */
}
*:first-child+html ul.dually li.odd {
	width:18em;
}
*:first-child+html ul.dually li.even {
	width:23em;
	/* IE7用実装の方が順当だが、ウィンドウ幅に対する反応の調整が難しい */
}
*:first-child+html ul.dually.compact li.odd {
	width:11em;
}
*:first-child+html ul.dually.compact li.even {
	width:30em;
	/* IE7用実装の方が順当だが、ウィンドウ幅に対する反応の調整が難しい */
}
*:first-child+html ul.dually {
	border:none;
}
/*
ul.dually li.even {
	border:1px white solid;
}
ul.dually li.odd {
	border:1px gray solid;
}
*/
.third-block ul.dually {
	margin-left:5em;
	_margin-left:3em;
}
ul.dually li.odd , ul.dually li.even {
	_padding-left:1em;
	_background:no-repeat scroll left center url(/images/system-disc-yellow.gif);
}
*:first-child+html .third-block ul.dually {
	margin-left:3em;
}
*:first-child+html ul.dually li.odd {
	padding-left:1em;
	background:no-repeat scroll left center url(/images/system-disc-yellow.gif);
}
*:first-child+html ul.dually li.even {
	padding-left:1em;
	background:no-repeat scroll left center url(/images/system-disc-yellow.gif);
}
ul li.flat:before {
	content:"\2F\A0";
}
ul li.first:before {
	content:"";
}
/* ---- 定義リスト -------------------------------------- */
dl {
	margin-left:1em;
	max-width:80%;
	_width:80%;
}
dl.contents-list {
	margin-left:1em;
}
dt {
	color:#fff;
	width:85%;
	margin-top:1em;
	_width:55%;
	_border:#aba solid;
	_border-width:1px 0 0 1px;
	_padding-left:0.5em;
}
*:first-child+html dt {
	width:55%;
}
dt + dt {
	margin-top:0;
}
dl dt:first-child {
	margin-top:0.5em;
}
*:first-child+html dt {
	border:#aba solid;
	border-width:1px 0 0 1px;
	padding-left:0.5em;
}
*:first-child+html dt:hover {
	border-color:#cdc;
}
*:first-child+html dl.dialogue dt {
	border:none !important;
}
dt:before {
	content:"【\A0";
}
dt:after {
	content:"\A0】";
}
dl.contents-list dt:before,dl.contents-list dt:after {
	content:"";
}
dl.contents-list dt:before {
	content:"\25B7\A0";
}
dl.contents-list dt:hover:before {
	content:"\25B6\A0";
}
dl.contents-list dt {
	width:50%;
	min-width:15em;
}
dd p,dd div.image {
	margin-left:2em;
}
dl.contents-list dd p {
	_margin-top:0;
}
*:first-child+html dl.contents-list dd p {
	margin-top:0;
}
ul.next,ol.next,dl.next {
	margin-top:1em !important;
}
.second-block > dl:first-child > dt:first-child {
	margin-top:0;
}
dl.wide dt {
	width:85%;
	_width:85% !important;
}
dl.wide dd {
	_margin-left:0;
}
/* ---- 引用 -------------------------------------------- */
blockquote {
	margin:0.5em 3em;
	max-width:80%;
	_width:80%;
	border-left:solid #fa9 5px;
	padding-left:1em;
}
blockquote:hover {
	border-left-color:#fca;
}
blockquote ol,blockquote ul,blockquote dl {
	margin-left:1.5em;
	_margin-left:0.5em;
}
*:first-child+html blockquote ol { margin-left:0.5em; }
*:first-child+html blockquote ul { margin-left:0.5em; }
*:first-child+html blockquote dl { margin-left:0.5em; }
q {
	quotes:"『" "』";
	font-weight:400;
	font-style:normal;
}
q:before {
	content:open-quote;
}
q:after {
	content:close-quote;
}
/* ---- イメージ ---------------------------------------- */
img {
	border:none;
}
a.img:hover {
	background-color:transparent;
}
/* ---- その他の要素 ------------------------------------ */
address {
	font-style:normal;
	font-weight:400;
	text-decoration:none;
	text-align:left;
}
del {
	color:#8b8b55;
}
strong.topics {
	color:#f66;
	font-size:150%;
	font-weight:400;
	line-height:1em;
}
abbr {
	border-bottom:dotted 1px;
}
abbr:hover {
	border-bottom:solid 1px !important;
}
/* ---- アンカー ---------------------------------------- */
/* a { } */
a:link {
	color:#788a41;
}
a:visited {
	color:#b9c1a2;
}
a:visited:hover{
	color:#333333;
	background:#d9e1c2;
}
a:hover {
	color:#fffeef;
	background:#687a31;
}
a:active,a:visited:active {
	color:#333333;
	background-color:#ffff90;
}
a[href$=".mp3"]:before,a[href$=".asx"]:before {
	content:"\266A\A0";
}
#TOPIC-PATH a,#TOOLS a,div.nl a {
	background-color:transparent;
	color:#333333;
	padding:0 0.2em;
}
#TOPIC-PATH a:hover,#TOOLS a:hover,div.nl a:hover {
	color:#333333;
	background-color:#a9a182;
}
#TOPIC-PATH a:active,#TOOLS a:active,div.nl a:active {
	color:#333333;
	background-color:#ffff90;
}
h4 a,h5 a,h4 a:visited,h5 a:visited {
	_color:#fff !important;
	_font-weight:700 !important;
}
h4 a:hover,h5 a:hover {
	color:#002 !important;
	background:#fff !important;
	text-decoration:underline !important;
}
#ENTRANCE dt a:link,#ENTRANCE dt a:visited {
	color:#fff !important;
}
#ENTRANCE dt a:hover,#ENTRANCE dt a:visited:hover {
	color:#020 !important;
	background:#fff !important;
	text-decoration:underline !important;
}
#ENTRANCE dt a:active,#ENTRANCE dt a:visited:active {
	color:#020 !important;
	background:#ff6 !important;
}
/* ---- フォーム系 ------------------------------------- */
input[type="text"],textarea {
	padding:0.15em;
	padding-left:0.25em;
	_padding-top:0.5em;
	border:inset 2px;
	font-size:95%;
}
input {
	_padding-left:0.25em;
}
input.submit {
	border:outset 2px;
}
input.submit:active {
	border:inset 2px;
}
*+html>/**/body input.submit {
	padding:0.25em 0.35em;
}
*+html>/**/body input.submit:active {
	border:inset 2px;
}
/*
input[accesskey]:after {
  text-transform: uppercase;
  content: "(" attr(accesskey) ")";
}
*/
/* ---- パラグラフ -------------------------------------- */
p {
	margin-left:2em;
	width:100%;
	text-indent:1em;
	_margin-top:1em;
}
p + p {
	margin-top:1em;
}
ul + p,ol + p,dl + p,blockquote + p {
	text-indent:0;
}
p.next,ul.download + p {
	text-indent:1em !important;
}
ul + p.next,ol + p.next,dl + p.next,blockquote + p.next {
	margin-top:1em;
}
p.solo {
	margin-top:4em;
	margin-bottom:4em;
}
p.story {
	font-family:"平成明朝","ヒラギノ明朝 ProN W3","Hiragino 明朝 ProN","IPA モナー P明朝",serif;_font-family:"平成明朝","IPA モナー P明朝","ＭＳ Ｐ明朝";
	color:#fff;
	font-size:101%;
	font-weight:400;
	font-style:normal;
}
p.verse {
	text-indent:0;
}
dl.image + p.next {
	margin-top:0;
}
div.image {
	margin-left:1em;
}
/* ---- 見出しとブロック -------------------------------- */
h1,h2,h3,h4,h5,h6 {
	color:#333333;
	font-size:100%;
	font-weight:400;
	clear:both;
	font-family:"MeiryoKe_PGothic","メイリオ",sans-serif;
	margin:0;
	padding:0;
	line-height:1.2em;
}
h3,h4,h5,h6 {
	_line-height:1.5em; /* メイリオ使用時はみ出し対策 */
}
#SITE-TITLE {
	display:block;
	position:fixed;
	top:20px;
	right:0;
	z-index:50;
	font-size:120%;
	font-weight:700;
	background-color:#333311;
}
h1 {
	color:#cccccc;
}
#HEADER {
	position:absolute;
	background-color:#334233;
	z-index:2;
	margin:0;
	padding:0 0.5em;
	top:0;
	_top:1.5em;
	right:0;
	left:0;
	_width:99%;
}
h2 {
	/* float:left; */
	color:#acac96;
	font-size:190%;
	font-weight:700;
	margin:0.5em auto 0.5em 0;
	/*
	padding-bottom:0.6em;
	border-style:dotted;
	border-color:;
	border-width:0 0 2px 0;
	*/
}
h2:hover {
}
#REFIX-DATE {
	position:absolute;
	text-align:left;
	top:6.0em;
	left:0.5em;
	font-size:75%;
/*
	position:static;
	margin-top:-4em;
	margin-right:auto;
*/
	color:#666666;
	_position:static;
	_margin:0;
	_margin-left:auto;
	_margin-right:1em;
	_text-align:right;
}
#REFIX-DATE:before {
	content:"最終更新日：";
}
*:first-child+html #REFIX-DATE {

}
#CONTENTS {
	margin-top:3.7em;
	_margin-top:5.2em;
	padding:0.5em 1em 3.8em 0.1em;
	_padding-bottom:0.5em;
	max-width:1024px;
}
*:first-child+html #CONTENTS {
	padding-top:3.8em;
}
*:first-child+html#ENTRANCE #CONTENTS {
	padding-top:0;
}
#TOPIC-PATH {
	position:fixed;
	bottom:0;
	top:0;
	right:0;
	_position:absolute;
	_top:0;
	_bottom:auto;
	font-size:90%;
	background:#b9c1a2 none no-repeat scroll center;
	border-top:#fff dotted thin;
	_border-top:none;
	_border-bottom:#fff dotted thin;
	padding:4em 0 0 0.2em;
	_padding:0;
	width:15em;
	z-index:3;
	_width:99%;
	opacity:0.90;
	filter:alpha(opacity=90);
}
#TOPIC-PATH * {
	width:auto;	/* IEがインライン要素widthを適応してしまう対策 */
}
#TOPIC-PATH ol.navigation,#TOPIC-PATH ul.navigation,#TOOLS ul.navigation {
	max-width:none;
	_padding-left:0; /* リストマーカーがはみ出るバグ対策キャンセル */
}
*:first-child+html #TOPIC-PATH ol.navigation,*:first-child+html #TOPIC-PATH ul.navigation,*:first-child+html #TOOLS ul.navigation {
	padding-left:0; /* リストマーカーがはみ出るバグ対策キャンセル */
}
#TOPIC-PATH ol.navigation,#TOPIC-PATH ul.navigation {
	margin:0 0.5em;
	max-width:none;
	display:inline;
}
#TOPIC-PATH ul.navigation {
	border-left:#fff thin dotted;
	padding-left:0.8em;
}
#TOPIC-PATH ol.navigation li,#TOPIC-PATH ul.navigation li {
	display:block;
	margin-left:0.5em;
	_padding-left:1em;
	_background:no-repeat scroll left center url(/images/system-greaterthan.gif);
}
#TOPIC-PATH ol.navigation li:nth-child(2) {
	margin-left:1.5em;
}
#TOPIC-PATH ol.navigation li:nth-child(3) {
	margin-left:2.5em;
}
#TOPIC-PATH ol.navigation li:nth-child(4) {
	margin-left:3.5em;
}
*:first-child+html #TOPIC-PATH ol.navigation li,*:first-child+html #TOPIC-PATH ul.navigation li {
	padding-left:1em;
	background:no-repeat scroll left center url(/images/system-greaterthan.gif);
}
*:first-child+html #TOPIC-PATH ol.navigation li.back {
	background:no-repeat scroll left center url(/images/system-lessthan.gif);
}
#TOPIC-PATH ol.navigation li:before {
	content:"\3E\A0";
}
#TOPIC-PATH ol.navigation li.first:before {
	content:"";
}
#TOPIC-PATH ul.navigation li:before {
	content:"\2B\A0";
}
#TOOLS ul.navigation {
	text-align:left;
	margin:0;
	_width:99%;
	_font-family:"MeiryoKe_PGothic",sans-serif; /* メイリオ使用時のレイアウト崩れ対策 */
}
#TOOLS ul.navigation li {
	display:inline;
	_padding-left:1em;
	_background:no-repeat scroll left center url(/images/system-slash.gif);
}
*:first-child+html #TOOLS ul.navigation li {
	padding-left:1em;
	background:no-repeat scroll left center url(/images/system-slash.gif);
}
#TOOLS ul.navigation li:before {
	content:"\2F\A0";
}
#TOOLS ul.navigation li.first:before {
	content:"";
}
* html #TOPIC-PATH ol.navigation li.first,* html #TOOLS ul.navigation li.first {
	background-image:none;
	padding-left:0;
}
*:first-child+html #TOPIC-PATH ol.navigation li.first,*:first-child+html #TOOLS ul.navigation li.first {
	background-image:none;
	padding-left:0;
}
#TOOLS form {
	text-align:left;
}
#TOOLS input {
	margin-left:0.5em;
	_width:6em;
}
#TOOLS input[type="text"],textarea {
	font-size:90%;
	width:7em;
}
* html #TOOLS input.submit {
	width:4.5em;
}
*:first-child+html #TOOLS input.submit {
	width:4.5em;
}
#TOOLS #HATENA {
	_padding-left:0.5em;
	text-align:left;
}
#TOOLS {
	position:fixed;
	_position:absolute;
	bottom:0;
	right:0;
	_bottom:auto;
	z-index:2;
	background:#b9c1a2 none no-repeat scroll center;
	border-left:ridge medium;
	border-top:ridge medium;
	_border-top:none;
	_border-bottom:ridge medium;
	width:15em;
	padding:0.2em;
	_padding-top:0.5em;
	text-align:right;
	font-size:95%;
}
#TOPIC-PATH:hover,#TOOLS:hover {
	background-color:#c9c1a2;
	opacity:1.00;
	filter:alpha(opacity=100);
}
#USUAL {
	position:absolute;	/* ホームページいつもの */
	top:79em;
	_top:85.5em;
	padding-bottom:2.5em;
	_padding-bottom:0;
	width:95%;
	max-width:1024px;
}
*:first-child+html #USUAL {
	top:81.5em;
}
h3 {
	background-color:transparent;
/*	border-bottom:medium double #fa6; */
	color:#335533;
	font-weight:700;
	margin:0 auto 0.5em 0;
	padding:0 0 0.2em 0;
	font-size:125%;
}
h3,h3 * {
	text-shadow:0 0 5px #ffff99;	/* → ↓ ぼかし 色 */
}
h3.wide {
	width:80%;
}
h3:before {
	content:"→\A0";
}
h3:hover {
	color:#537543;
	text-shadow:0 0 10px #dfec77;	/* → ↓ ぼかし 色 */
}
.second-block {
/*	border-left:thin solid #ffb;*/
	margin:3em auto 0 4em;
	padding:0.5em 0 0.5em 0;
	max-width:480px;
}
h4 {
	color:#88952c;
	font-weight:700;
	border-left:0.7em solid #9a8;
/*	border-bottom:medium solid #fc9;
	_border-bottom-width:2px;
*/
	width:70%;
	margin:1.5em auto 0.5em 0.5em;
	padding-left:0.5em;
}
h4:hover {
	border-left-color:#aabb99;
}
/*
h4:before {
	content:"\2D\A0";
}
h4:after {
	content:"\A0\2D";
}
*/
.third-block {

}
h5 {
	color:#fff;
	margin:1.2em auto 0.5em 1.5em;
	_border-left:solid 3px #fff;
	_padding-left:0.6em;
}
*:first-child+html h5 {
	border-left:solid 3px #fff;
	padding-left:0.6em;
}
h4 + h5 {
	margin-top:0.5em;
}
h5:before {
	content:"\2D\A0";
}
h5:after {
	content:"\A0\2D";
}
/* ---- テーブル ---------------------------------------- */
/* table { } */
table.lam {
	width:auto;
	table-layout:auto;
	border-collapse:collapse;	/* or separate */
	border-spacing:0;		/* separate時有効 */
	border:1px solid #fff;
}
table.standard {
	width:auto;
	min-width:90%;
	table-layout:auto;
	margin:1em auto 1em 2.5em;
	border-collapse:collapse;
	border-spacing:0;
	border-style:solid;
	border-color:#333333;
	border-width:1px;
}
.wide-table {
	margin:0.7em auto 0.7em 2.5em;
}
table.standard caption {
		/* 注：インライン要素 */
}
table.standard tr {
	background-color:#fffefa;
	color:#333333;
	text-align:left;
}
table.standard tr:nth-child(odd) {
	background-color:#f0f0e5;
}
table.standard td {
	border-style:solid;
	border-color:#999;
	border-width:0 1px 0 0;
	padding:2px 1px 2px 0.5em;
}
table.standard th,table.standard td {
	empty-cells:show;	/* or hide */
	font-style:normal;
	font-weight:400;
	font-size:100%;
	text-decoration:none;
	line-height:1.5em;
}
table.standard th {
	background-color:#40503c;
	color:#fffefa;
	text-align:center;
	border-style:solid;
	border-color:#999;
	border-width:0 1px 1px 0;
	padding:1px;
	vertical-align:top;
	min-width:4.5em;
}
table.standard tr:hover {
	background-color:#e9e1cf;
	text-align:left;
/*	padding:1px 1px 1px 0.5em; */
}
table.standard tr:nth-child(odd):hover {
	background-color:#e9e1cf;
}
table.standard tr:hover td:hover {
/*	background-color:#55493e; */
	background-color:#d9d1bf;
	text-align:left; /* カーソルのあるセル */
}
table.standard tr:hover th {
}
table.standard tr:hover td.blank:hover {
	background-color:#2c3a22;
}
table.moto-multi,table-equip {
	width:auto;
}
table.moto-multi td {
	text-align:center !important;/* important で hover 時の設定も上書き */
	width:10em;
	_width:auto;
}
*:first-child+html table.moto-multi td {
	width:auto;
}
tr.boundary {
	border-top:3px double #ccc;
}
table.score-result td,td.numerical-value {
	text-align:right !important;
}
td.na,table.score-result td.na,td.not-numerical-value,table.score-result2 td {
	text-align:center !important;
}
table.score-result2 td.numerical-value {
	text-align:right !important;
}
table td.ie {
	_text-align:left !important; /* ブロック要素センタリング対策 */
}
*:first-child+html table td.ie {
	text-align:left !important; /* ブロック要素センタリング対策 */
}
table td p {
	margin-left:0;
	margin-right:0.5em;
}
table td ul {
	list-style:none;
	max-width:none;
	_width:100%;
	margin-left:0;
	padding-left:0; /* IE系向け */
}
head~/* */body table td ul li {
	list-style:none;
	list-style-image:none;
}	/* IE8 向けリストマーカーデザインがおかしい対策 */
*:first-child+html table td ul {
	margin-left:0 !important;
	padding-left:0 !important;
}
table td ol {
	max-width:none;
	_width:100%;
}
table td ul li:hover {
	list-style:none;
}
table td dl {
	max-width:none;
	_width:100%;
	margin-left:0;
}
table td dl dt {
	margin-top:0;
}
table td dl dd p {
	margin-left:0;
}
/* ---- 汎用クラス -------------------------------------- */
.notes {
	font-size:55%;
}
.topics {
	font-size:150%;
	color:#f55;
}
.incomplete {
/*	text-decoration:line-through;*/
	color:#8b8b55;		/* 未完成 */
}
.dead-link {
	font-weight:400;
	font-style:normal;
	color:#fff;		/* リンク切れ */
}
.now * {
	font-weight:700 !important;
}
.smoke {
	color:#570;
	font-style:normal;
	text-decoration:none;	/* 半隠し1 */
}
.invisible {
	color:#020;
	font-style:normal;
	text-decoration:none;	/* 不可視（ネタバレ防止用） */
}
.whisper {
	color:#ff6;
	font-size:60%;
	font-weight:100;
	font-style:normal;
	text-decoration:none;	/* つぶやき・小声 */
}
.stealth {
	color:#020;
	font-size:1px;
	font-weight:100;
	font-style:normal;
	text-decoration:none;	/* 隠し */
}
div.first {
	padding-top:0;
}
/* ---- 言語関係 ---------------------------------------- */
.en {
	font-family:"平成明朝","ヒラギノ明朝 ProN W3","Hiragino 明朝 ProN","IPA モナー P明朝",serif;_font-family:"平成明朝","IPA モナー P明朝","ＭＳ Ｐ明朝";
	font-variant:normal;
	font-size-adjust:none;
	text-transform:none;
	word-spacing:normal;	/* 英文用 */
}
/* =================== コーナー別設定 ===================== */
#ENTRANCE #TITLE-BLOCK {
	margin-right:5px;
}
#ENTRANCE #SITE-TITLE {
	display:block;
	border-left:solid #cdb thin;
	_border-left-width:1px;
	margin:0.3em auto 0 1em;
	padding:0.5em 0 1em 0;
	_margin-top:2em;
}
#ENTRANCE h1 {
	font-family:"平成明朝","IPA モナー P明朝","MeiryoKe_PGothic","メイリオ",serif;_font-family:"平成明朝","IPA モナー P明朝","ＭＳ Ｐ明朝";
	font-size:120%;
	font-weight:700;
	color:#fff;
	border-bottom:solid #cdb thin;
	_border-bottom-width:1px;
	margin:0 0 0 -1em !important;
	padding:0 0 0.2em 1.5em;
}
#ENTRANCE #CONTENTS {
	margin-top:0;
}
#ENTRANCE #TOPIC-PATH ul.navigation {
	border:none;
	padding-left:0;
}
#ENTRANCE #DIARY p,#ENTRANCE #DIARY ul,#ENTRANCE #DIARY ol {
	color:#fff;
}
#ENTRANCE #DIARY > * > p {
	color:#fff;
}
#ENTRANCE #DIARY ul.navigation {
	margin-left:2em;
	_margin-left:1em;
}
#ENTRANCE #MENU {
	padding-bottom:0.7em;
	border-style:dotted;
	border-color:#9b9;
	border-width:0 0 2px 0;
}
#ENTRANCE dl.contents-list {
	max-width:none;
}
#ENTRANCE-TOOLS {
	position:absolute;
	top:1.2em;
	_top:5.2em;
	right:7px;
}
#COUNTER {
	text-align:right;
	_position:relative;
	_left:60%;
	_width:80px;
}
*:first-child+html #COUNTER {
	position:relative;
	left:60%;
	width:80px;
}
#twitter_div {
	margin:0.7em 0 0 24px;
}
.banner {
	text-align:right;
	margin:0.2em 0;
}
#SITE-GUIDE ul.rss {
	margin-left:1.5em;
}
#DIARY h4 a,#DIARY h4 a:visited,h4 .refix-date {
	font-size:85%;
	text-decoration:none !important;
	font-stretch:condensed;
	color:#fa6 !important;
	background:#020 !important; /* 本当は title="Permalink をトリガーにすべき" */
}
#DIARY h4 a:hover,#DIARY h4 a:active,h4 .refix-date {
	color:#fb8;
	background:#020 !important; /* 本当は title="Permalink をトリガーにすべき" */
}
#DIARY h4 + ul + p,#DIARY h4 + ol + p {
	text-indent:1em;
}
#DIARY #TOPIC-PATH ol.navigation,#HISTORY #TOPIC-PATH ol.navigation {
	border-left:#fff thin dotted;
	padding-left:1em;
}
#DIARY #TOPIC-PATH ul.navigation,#HISTORY #TOPIC-PATH ul.navigation {
	border-left:none;
	padding-left:0;
}
#DIARY #TOPIC-PATH ol.navigation li.back,#HISTORY #TOPIC-PATH ol.navigation li.back {
	_background:no-repeat scroll left center url(/images/system-lessthan.gif);
}
#DIARY #TOPIC-PATH ol.navigation li.back:before,#HOSTORY #TOPIC-PATH ol.navigation li.back:before {
	content:"\3C\A0";
}
#HISTORY h4 {
	color:#fff;
	margin-top:0.7em;
	margin-left:1.5em;
	border-left:solid 3px #fff;
	padding-left:0.6em;
}
#Q100 h3 {
	color:#fff;
	font-size:100%;
	font-weight:700;
	width:80%;
	border:none;
	margin-bottom:0;
	_margin-top:1.5em;
}
#Q100 h3:before {
	content:"";
}
#Q100 h3:hover {
	color:#fff;
}
#Q100 ol {
	margin-left:2.5em;
	_margin-left:0;
	_width:95%;
	_padding-left:3em;
}
#Q100 ol > li {
	margin-bottom:1.5em;
}
#Q100 ol ol {
	margin-left:4em;
}
#Q100 ol ol li {
	margin-bottom:0;
}
#Q100 ol p {
	_margin-top:0;
}
#Q100 ol > li p {
	max-width:100%;
}
html#MOTO {
	background-color:#2a2244;
}
#MOTO body {
	color:#fff;
}
#MOTO h2 {
	border-color:#aac;
}
#MOTO h3 {
	color:#fa6;
}
#MOTO h3:hover {
	color:#fb8;
	border-bottom-color:#fb8;
}
#MOTO h4 {
	color:#ff8;
}
#MOTO dt {
	color:#ff8;
	_border-color:#d2dffc;
}
*:first-child+html#MOTO dt {
	border-color:#d2dffc;
}
#MOTO dt:hover {
	color:#ffa;
}
*:first-child+html#MOTO dt:hover {
	border-color:#fff;
}
#MOTO table.standard th {
	background-color:#335;
	color:#ff6;
}
#MOTO table.standard td {
	background-color:#2a2244;
	color:#fff;
}
#MOTO table.standard tr:hover td {
	background-color:#302f52;
	color:#ff9;
}
#MOTO table.standard tr:hover td:hover {
	background-color:#55493e;
	color:#fff;
}
#MOTO table.standard tr:hover th {
	background-color:#40455f;
}
#MOTO table.standard td.blank:hover {
	background-color:#302f52;
}
#MOTO #TOPIC-PATH {
	border-top-color:#fff;
	_border-bottom-color:#fff;
}
#MOTO #TOPIC-PATH ul.navigation {
	border-left-color:#ff9;
}
#MOTO #TOOLS,#MOTO #TOPIC-PATH  {
	background-color:#5b7082;
}
#MOTO #TOPIC-PATH:hover,#MOTO #TOOLS:hover {
	background-color:#679;
}
#MOTO .incomplete,#MOTO del {
	color:#89b;
}
#MOTO .dead-link {
	color:#aaa;
}
#MOTO .smoke {
	color:#507;
}
#MOTO .invisible {
	color:#2a2244;
}
#MOTO .whisper {
	color:#fff;
}
#MOTO .stealth {
	color:#2a2244;
}
html#GOURMET {
	background-color:#403020;
}
#GOURMET body {
	color:#fff;
}
#GOURMET h2 {
	border-color:#caa;
}
#GOURMET h3 {
	color:#fa6;
}
#GOURMET h3:hover {
	color:#fb8;
	border-bottom-color:#fb8;
}
#GOURMET h4 {
	color:#ff8;
}
#GOURMET dt {
	color:#ff8;
	_border-color:#ddcfc2;
}
*:first-child+html#GOURMET dt {
	border-color:#ddcfc2;
}
#GOURMET dt:hover {
	color:#ffa;
}
*:first-child+html#GOURMET dt:hover {
	border-color:#fff;
}
#GOURMET table.standard th {
	background-color:#644;
	color:#ff8;
}
#GOURMET table.standard td {
	background-color:#403020;
	color:#fff;
}
#GOURMET table.standard tr:hover td {
	background-color:#473729;
	color:#ff8;
}
#GOURMET table.standard tr:hover td:hover {
	background-color:#4f3f2f;
	color:#ff8;
}
#GOURMET table.standard tr:hover th {
	background-color:#743;
}
#GOURMET table.standard td.blank:hover {
	background-color:#403020;
}
#GOURMET #TOPIC-PATH {
	border-top-color:#fff;
	_border-bottom-color:#fff;
}
#GOURMET #TOPIC-PATH ul.navigation {
	border-left-color:#ecc;
}
#GOURMET #TOOLS,#GOURMET #TOPIC-PATH  {
	background-color:#82726b;
}
#GOURMET #TOPIC-PATH:hover,#GOURMET #TOOLS:hover {
	background-color:#8a6a5c;
}
#GOURMET .incomplete,#GOURMET del {
	color:#b98;
}
#GOURMET .dead-link {
	color:#b98;
}
#GOURMET .smoke {
	color:#750;
}
#GOURMET .invisible {
	color:#532;
}
#GOURMET .whisper {
	color:#fff;
}
#GOURMET .stealth {
	color:#532;
}
#GOURMET table.standard th {
	_width:6em;
}


#EXAM h4 {
	 margin-top:40em;
}
#EXAM p.last {
	margin-bottom:40em;
}
html#MUSIC-MENU {
	background:#000 url("/images/wallpaper-music01.png") repeat fixed top left;
}
html#MUSIC {
	background:#000 url("/images/wallpaper-music02.png") repeat fixed top left;
}
#MUSIC-MENU body,#MUSIC body {
	color:#fff;
}
#MUSIC h4,body.#MUSIC-MENU h4 {
	color:#ff3;
}
#MUSIC .incomplete,#MUSIC del,#MUSIC .dead-link,#MUSIC-MENU .incomplete,#MUSIC-MENU del,#MUSIC-MENU .dead-link {
	color:#a0a0a0;
}
#MUSIC #TOPIC-PATH {
	border-top-color:#fff;
	_border-bottom-color:#fff;
}
#MUSIC #TOPIC-PATH ul.navigation {
	border-left-color:#ff9;
}
#MUSIC #TOOLS,#MUSIC #TOPIC-PATH  {
	background-color:#5b7082;
}
#MUSIC #TOPIC-PATH:hover,#MUSIC #TOOLS:hover {
	background-color:#679;
}
.good {
	color:#ff3;
}
.good:after {
	content:"★";
}
.cool {
	color:#fa6;
}
.cool:after {
	content:"★★";
}
.excellent {
	color:#f00;
}
.excellent:after {
	content:"★★★";
}
#ATELIER #CONTENTS {
	padding-right:0;
	margin-right:0.5em;
}
#ATELIER #CONTENTS * {
	text-align:center;
}
#ATELIER .second-block {
	width:100%;
	margin:0;
}
#ATELIER h3 {
	text-align:center;
	color:#fff;
	font-weight:700;
	margin:0 auto 0 auto;
	border:none;
}
#ATELIER h3:before {
	content:"\2D\A0";
}
#ATELIER h3:after {
	content:"\A0\2D";
}
#ATELIER dl.atelier,#ATELIER dl.atelier dt,#ATELIER dl.atelier dd,#ATELIER dl.atelier dd p {
	margin-left:auto;
	margin-right:auto;
	border:none;
}
#ATELIER dl.atelier dt:before,#ATELIER dl.atelier dt:after {
	content:"";
}
#ATELIER dl.atelier dd p {
	text-indent:0;
}
#BOOKMARK .third-block,#BOOKMARK .second-block {
	width:100% !important;
}
#BOOKMARK ul.bookmark {
	list-style:none;
	padding:0;
	margin:0;
	margin-left:1em;
	max-width:39em;
	_width:41em;
}
#BOOKMARK ul.bookmark * {
	padding:0;
	margin:0;
}
#BOOKMARK ul.bookmark li {
	display:block;
	margin-top:0.1em;
	min-height:4em;
}
*:first-child+html#BOOKMARK ul.bookmark li {
	height:6.57em;
}
#BOOKMARK ul.bookmark li:hover {
	list-style:none;
}
#BOOKMARK ul.bookmark li.odd {
	float:left;
	clear:both;
	width:19em;
}
#BOOKMARK ul.bookmark li.even {
	float:right;
	_float:none;
	width:19em;
}
#BOOKMARK dl dt:before,#BOOKMARK dl dt:after {
	content:"";
}
#BOOKMARK ul.bookmark-tight,#BOOKMARK ul.bookmark-tight li:hover {
	list-style:none;
}
#BOOKMARK ul.bookmark-tight {
	margin-left:1em;
}
#BOOKMARK ul.bookmark-tight > li:before {
	color:#fff;
	content:"\25B7\A0\A0";
}
#BOOKMARK ul.bookmark-tight > li:hover:before {
	content:"\25B6\A0\A0";
}
#BOOKMARK dl dt:before {
	content:"\25B7\A0";
}
#BOOKMARK dl dt:hover:before {
	content:"\25B6\A0";
}
#BOOKMARK ul.bookmark dl {
	width:19em;
}
#BOOKMARK ul.bookmark dl dt {
	width:18.5em;
	_padding-left:0.5em;
	_margin-top:1em;
}
*:first-child+html#BOOKMARK ul.bookmark dl dt {
	width:18.5em;
	padding-left:0.5em;
}
#BOOKMARK ul.bookmark dl dd {
	width:18.5em;
}
#BOOKMARK dl dd p,#BOOKMARK ul.bookmark dl dd p {
	margin-left:1.5em;
	text-indent:0;
}
#BOOKMARK ul.bookmark dl dd p {
	width:auto;
}
#BOOKMARK ul.bookmark li {
	_background-image:none !important;
}
*:first-child+html ul.bookmark.dually li.odd {
	background:no-repeat scroll left center none;
}
*:first-child+html ul.bookmark.dually li.even {
	background:no-repeat scroll left center none;
}
/* ---- ナビゲーションポップアップ ---------------------- */
/* Special Thunks http://diary.noasobi.net/2006/10/diary_061002a.html  */
div.nl,div.nl * {
	_display:none !important;
	text-align:left;
	text-justify:auto;
}
div.nl {
	display:block;
	position:fixed;
	top:20em;
	right:0;
	width:175px !important;
	height:20em;
/*
	background-color:#f66;
	background-image:none;
	border-top:1px solid #ffd;
	border-left:1px solid #ffd;
	border-bottom:1px solid #ffd;
	border-right:1px solid #ffd;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	overflow:hidden;
*/
	z-index:10;
	background-color:#c9c1a2;
	padding:0.5em 0;
	margin:3em 0 0 0;
	border:2px dotted #898142;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	overflow:auto;
	opacity:1.00;
	filter:alpha(opacity=100);
}
div.nl > ul:before {
	content:"navigation links"
}
div.nl:hover > ul:before {
	content:"navigation links"
}
div.nl:hover {
	background-color:#c9c1a2;
	border:2px solid #898142;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	overflow:visible;
}
div.nl ul {
	list-style:circle;
	width:auto;
/*
	font-family:"MeiryoKe_PGothic","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ",Meiryo,sans-serif;
	color:#aef;
*/
	line-height:1.5em;
	margin:0 1em 0.5em 2em;
}
div.nl > ul ul {
	display:block;
	width:1.4em !important;
	height:1.4em;
/*	font-size:75% !important; */
	color:#efefef;
	text-shadow:0 0 2px #ffff00;	/* → ↓ ぼかし 色 */
	margin-bottom:-0.2em;
	margin-top:0.2em;
	margin-left:1em;
	padding-left:5px;
	background-color:#5c6749;
	background-image:none;
	border-top:1px solid #a9a182;
	border-left:1px solid #a9a182;
	border-bottom:1px solid #a9a182;
	border-right:1px solid #a9a182;
	z-index:100;
	overflow:hidden;
}
div.nl > ul ul:before {
	content:"→"
}
div.nl > ul ul:hover {
	position:relative;
	bottom:0;
	right:2em;
	font-size:100%;
	color:#333333;
	text-shadow:none;
	background-color:#b9b192;
	padding:0.5em 0;
	border:2px solid #696122;
	width:30%;
	max-width:325px;
	min-width:245px;
	height:75%;
	max-height:550px;
	z-index:100;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	overflow:auto;
	opacity:0.85;
	filter:alpha(opacity=85);
}
div.nl > ul ul:hover:before {
	content:""
}
div.nl li:hover {
	list-style:disc;
/*	background-color:#357; */
}
/*
div.nl a:after {
	content:attr(title);
}
*/

/* リンクバー型リスト */
ul.linklist {
	margin-left:0;
}
ul.linklist li {
	display:inline;
	margin-left:0;
}
ul.linklist2 {
	display:inline;
	_margin:0;
	_padding:0;
}
ul.linklist2 li {
 	display:inline !important;
 	margin:0 !important;
}
ul.linklist2 li:first-child {
	margin-left:-3.5em !important;
}
ul.linklist2 li.flat2:after {
	content:"・";		/* 前後関係無し：その 2 */
}
ul.linklist2 li.back,ul.linklist2 li.forward,ul.linklist2 li.flat,ul.linklist2 li.flat2 {
	_margin-right:0.4em;
}
ul.linklist2 li.flat {
	_margin-right:0.4em;
}
/* ========================================================== */
} /* close of main part */
/* ================ モバイル機器用デザイン ================== */
@media handheld {
p {
	margin-left:0;
}
ul,ol,dl {
	margin-left:1em;
}
div.nl,div.nl * {
	display:none;
} }
/* ================= スクロールバー色変更 =================== */
@media screen,tv,projection,handheld {
html {
	scrollbar-track-color:#c5c7a2;
	scrollbar-face-color:#66764a;
	scrollbar-shadow-color:#666666;
	scrollbar-darkshadow-color:#000;
	scrollbar-highlight-color:#cccc99;
	scrollbar-3dlight-color:#66764a;
	scrollbar-arrow-color:#f5ffd5;
} }
html#MOTO {
	scrollbar-track-color:#b1bfc9;
	scrollbar-face-color:#5b7082;
	scrollbar-shadow-color:#4f657d;
	scrollbar-darkshadow-color:#000;
	scrollbar-highlight-color:#c1ccd9;
	scrollbar-3dlight-color:#5b7082;
	scrollbar-arrow-color:#e3f8ff;
}
html#GOURMET {
	scrollbar-track-color:#cdc1b9;
	scrollbar-face-color:#82726b;
	scrollbar-shadow-color:#786058;
	scrollbar-darkshadow-color:#000;
	scrollbar-highlight-color:#d8d0c8;
	scrollbar-3dlight-color:#82726b;
	scrollbar-arrow-color:#fff5da;
}
html#MUSIC {
	scrollbar-track-color:#b1bfc9;
	scrollbar-face-color:#5b7082;
	scrollbar-shadow-color:#4f657d;
	scrollbar-darkshadow-color:#000;
	scrollbar-highlight-color:#c1ccd9;
	scrollbar-3dlight-color:#5b7082;
	scrollbar-arrow-color:#e3f8ff;
}
/* ========================= 印刷 =========================== */
@media print {
html,#MUSIC,#MUSIC-MENU,#MOTO,#GOURMET {
	background-color:#fff;
	background-image:none;
}
body {
	color:#000;
}
p {
	color:#000;
}
#CONTENTS,#FIRST-BLOCK {
	width:100%;
}
#RETURN,#TOPIC-PATH,#TOOLS {
	display:none;
}
/* ========================================================== */