@import "css_1_ruby.css" screen, projection;

html {
	text-align: center;
	background: #888 url('BGImage_1.GIF') fixed;
	font: normal normal 100%/1.6em monospace;
	}

body {
	width: 600px;
	border: 1px solid #000;
	text-align: left;
	margin: 3em auto 1em;
	padding: 1em;
	background: #fff;
	color: #000;
	}

a:link, a:link * {
	color: #000;
	text-decoration: underline;
	}

a:visited, a:visited * {
	color: #000;
	text-decoration: none;
	border-bottom: dashed 1px #000;
	}

a:hover {
	color: #fff;
	background: #000;
	text-decoration: none;
	}

del {
	text-decoration: line-through;
	}

ins {
	font-style: italic;
	text-decoration: none;
	}

h1 {
	margin: 1.2em 0 1em;
	padding: 4px;
	border: double 3px #000;
	text-align: center;
	font: normal normal 200%/1em monospace;
	}

h2, h2:first-child {
	margin: 0 0 0.666em;
	padding: 2em 4px 4px;
	border-bottom: double 3px #000;
	font: normal normal 150%/1em monospace;
	}

h3, h3:first-child {
	margin: 0 0 0.666em;
	padding: 1em 4px 4px;
	border-bottom: solid 1px #000;
	font: normal normal 150%/1em monospace;
	}

h4, h4:first-child {
	margin: 0 0 1em;
	padding: 1em 4px 4px;
	border-bottom: dashed 1px #000;
	font: normal normal 150%/1em monospace;
	}

h5, h5:first-child {
	margin: 0 0 1em;
	padding: 1em 4px 4px;
	border-bottom: dashed 1px #000;
	font: normal bold 125%/1em monospace;
	}

h6, h6:first-child {
	margin: 0 0 1em;
	padding: 1em 4px 4px;
	font: normal bold 125%/1em monospace;
	}

p {
	text-indent: 1em;
	}

hr {
	margin: 2em 0;
	padding: 0;
	border: dashed #000 1px;
	border-width: 1px 0 0;
	}

address {
	font-style: normal;
	}

p, ul, ol, dl {
	margin: 1em 0 0;
	padding: 0;
	}

li {
	margin: 0 0 0 2em;
	padding: 0;
	}

li>*:first-child {
	text-indent: 0;
	margin-top: 0;
	}

dt {
	margin: 1em 0 0;
	padding: 0;
	}

dd {
	margin: 0 0 0 2em;
	}

pre, blockquote {
	margin: 2em 0 0;
	border: double 3px #000;
	padding: 1em;
	}

pre {
	white-space: pre-wrap;
	}

* html pre {
	width: 600px;
	}

blockquote>*:first-child {
	margin-top: 0;
	}

blockquote:before {
	display: block;
	line-height: 1.6em;
	border-bottom: #000 1px dashed;
	margin-bottom: 2em;
	content: "以下引用。";
	}

blockquote[cite]:before {
	display: block;
	line-height: 1.6em;
	border-bottom: #000 1px dashed;
	margin-bottom: 2em;
	content: attr(cite) "より引用。";
	}

blockquote:after {
	display: block;
	line-height: 1.6em;
	border-top: #000 1px dashed;
	margin-top: 2em;
	text-align: right;
	content: "引用ここまで。";
	}

* html blockquote p,
* html blockquote ul,
* html blockquote ol,
* html blockquote dl {
	margin-top: 0;
	}

table {
	min-width: 90%;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #000;
	border-width: 0 1px 1px 0;
	border-collapse: collapse;
	}

caption {
	text-align: center;
	margin: 0 0 0;
	padding: 0;
	}

tr {
	border: none;
	}

th, td {
	border: 1px solid #000;
	border-width: 1px 0 0 1px;
	text-align: left;
	}

th, td[scope] {
	font-weight: bold;
	}

dfn, cite, i {
	font-style: normal;
	quotes: "\300E" "\300F" "\300C" "\300D" '"' '"' "'" "'";
	}

q {
	color: #000;
	quotes: "\300C" "\300D" "\300E" "\300F" '"' '"' "'" "'";
	}

dfn:before, cite:before, i:before, q:before {
	color: #000;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	content: open-quote;
	}

q:after, dfn:after, cite:after, i:after {
	color: #000;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	content: close-quote;
	}

* html dfn, * html cite, * html i {
	font-style: italic;
	}

*+html dfn, *+html cite, *+html i {
	font-style: italic;
	}

em {
/*
	font-style: normal;
	font-weight: normal;
	padding-top: 6px;
	background: #eee url('Marguerite-Emphasizer.GIF') repeat-x;
*/
	}

strong, b {
	font-style: normal;
	font-weight: bold;
	}

code em,
samp em {
	background: transparent;
	padding: 0;
	font-weight: bold;
	}

mark {
	border-bottom: #000 double 3px;
	background: transparent;
	}

/* 独自クラス */
ul.notes {
	list-style-type: disc;
	list-style-image: url('NoteMark-JP.GIF');
	margin: 1em 0 1em 2em;
	}

ul.notes ol {
	list-style-type: decimal;
	list-style-image: none;
	}

ul.notes ul {
	list-style-type: disc;
	list-style-image: none;
	}

ul.notes ul.notes {
	list-style-type: disc;
	list-style-image: url('NoteMark-JP.GIF');
	}

ul.notes>li {
	list-style-type: none;
	display: block;
	margin-left: 0;
	text-indent: -1em;
	}

ul.notes>li:before {
	display: inline;
	content: "\203b";
	}

ul.notes>li>p:first-child {
	display: inline;
	margin-left: -0.5em;
	}

ul.notes>li>ul>li,
ul.notes>li>ol>li {
	text-indent: 0;
	padding-left: 0;
	}

/* For IE 7.0 */
*+html ul.notes li,
*+html ul.notes li ul.notes li {
	list-style-type: disc;
	text-indent: 0;
	}

*+html ul.notes>li>p:first-child {
	text-indent: 0;
	}

ul.localNavi {
	display: block;
	font-size: 75%;
	margin: -1em 0 2.667em;
	padding: 0;
	}

ul.localNavi li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
	}

.emphasized {
	border: dashed 1px #000;
	margin: 1em;
	padding: 1em;
	}

ul.notes.emphasized {
	margin: 1em 0 1em;
	padding: 1em 2em;
	}

ul.skipEnd {
	display: none;
	}

.toIndex {
	display: block;
	font-size: 80%;
	list-style-type: none;
	margin: 1em 0 2em;
	padding: 0;
	}

.toIndex ul {
	margin: 0;
	padding: 0;
	}

.toIndex li {
	margin: 0;
	padding: 0;
	}

ol#NAVI {
	padding: 0 0 0.5em;
	margin: 0 0 2em;
	border-bottom: dashed 1px #000;
	font-size: 80%;
	}

ol#NAVI li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

ol#NAVI li:before {
	content: '> ';
	}

ol#NAVI li:first-child:before {
	display: none;
	}

ol#NAVI li .you_are_here {
	border-bottom: double 3px #000;
	}

ul.sampleImages {
	list-style-type: none;
	border: 3px double #000;
	margin: 1em 0;
	padding: 1em;
	}

ul.sampleImages:before {
	display: block;
	border-bottom: solid 1px #000;
	content: "実際の表示例：";
	margin: 0 0 1em;
	padding: 0;
	}

ul.sampleImages li {
	margin: 0em;
	padding: 0em;
	}

ul.sampleImages li ul {
	list-style-type: disc;
	margin: 0 0 0 2em;
	padding: 0;
	}

ul.sampleImages li ul li {
	margin: 0 0 0 2em;
	padding: 0;
	}


#CREDIT {
	margin: 2em 0 0;
	border-top: dashed 1px #000;
	padding: 1em 0 0;
	font-style: normal;
	text-indent: 0;
	}

p#COPYRIGHT, address {
	display: inline;
	text-decoration: none;
	text-indent: 0;
	}

.forAural {
	display: none;
	}

/**/

#TO_TOP {
	clear: both;
	margin: 4em 0 0 -1em;
	padding: 2em 0 0 3em;
	}

#START {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0.3em 0 0.7em;
	width: 100%;
	height: 1em;
	line-height: 1em;
	background: #fff;
	display: block;
	list-style-type: none;
	font-size: 80%;
	}

* html #START { position: absolute; }
#START a[accesskey]:before { margin: 0; }

#START li {
	display: inline;
	list-style-type: none;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	}


/*	*/
#ADDED_NAVI-B {
	display: none;
	}

#ADDED_NAVI-01,
#ADDED_NAVI-01B {
	position: absolute;
	left: 6.5em;
	top: 0em;
	font-size: 100%;
	text-indent: 0;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0.5em 0 0;
	line-height: 1em;
	font-weight: bold;
	}

* html #ADDED_NAVI-01,
* html #ADDED_NAVI-01B {
	padding: 0.3em 0 0;
	}

*+html #ADDED_NAVI-01,
*+html #ADDED_NAVI-01B {
	padding: 0.3em 0 0;
	}

#ADDED_NAVI-01B,
#ADDED_NAVI-01-2 {
	display: none;
	}

#ADDED_NAVI-01 a,
#ADDED_NAVI-01B a {
	font-weight: bold;
	}

#ADDED_NAVI-01:hover:after {
	display: block;
	width: 300px;
	margin: 0 0 0 0em;
	padding: 1em 1em 2em;
	border: #000 double 3px;
	background: #fff;
	color: #000;
	font-size: 80%;
	font-weight: normal;
	content: url('http://www.marguerite.jp/Features/_Horikita_Usagi-L.GIF') ' \5236\4F5C\8005\306E\5275\4F5C\30AD\30E3\30E9\30AF\30BF\30FB\5800\5317\3046\3055\304E\3067\3059\3002\5927\305D\308C\305F\4E8B\3067\3059\304C\3001\5800\5317\771F\5E0C\3061\3083\3093\3054\672C\4EBA\306B\6CE8\76EE\3055\308C\3001\89AA\3057\307E\308C\308B\30AD\30E3\30E9\30AF\30BF\3092\76EE\6307\3057\3066\304A\308A\307E\3059\3002'
	}

#ADDED_NAVI-01B:hover #ADDED_NAVI-01-2 {
	display: block;
	width: 300px;
	margin: 0 0 0 0em;
	padding: 1em 1em 2em;
	border: #000 double 3px;
	background: #fff;
	color: #000;
	font-size: 80%;
	font-weight: normal;
	}

#ADDED_NAVI-02 {
	position: absolute;
	left: 14.0em;
	top: 0em;
	font-size: 100%;
	text-indent: 0;
	margin: -0.5em 0 0;
	padding: 0;
	line-height: 1em;
	font-weight: bold;
	}

#ADDED_NAVI-02 a {
	font-weight: bold;
	}

* html #ADDED_NAVI-02 {
	font-weight: bold;
	left: 28.7em;
	top: -0.8em;
	}

*+html #ADDED_NAVI-02 {
	left: 28.7em;
	top: 0.1em;
	}

#ADDED_NAVI-02-02 {
	display: none;
	}

#ADDED_NAVI-02-02 img {
	display: block;
	clear: left;
	float: left;
	margin: 0 1em 1em 0;
	padding: 0;
	border: none;
	}

#ADDED_NAVI-02:hover #ADDED_NAVI-02-02 {
	display: block;
	width: 400px;
	margin: 0 0 0 -9.375em;
	padding: 1em 1.5em 2em;
	border: #000 double 3px;
	background: #fff;
	font-size: 80%;
	}

*+html #ADDED_NAVI-02:hover #ADDED_NAVI-02-02 {
	margin: 0 0 0 -9.375em;
	}

#ADDED_NAVI li {
	list-style: none;
	display: inline;
	}