@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;
	}

/* 独自クラス */
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;
	}


/****************************************************************************/
#CONTENTS_TABLE { margin: 0; padding: 0; }
#NAVI_FOR_FEATURES>ul li#F_ELEMENTARY:before,
#NAVI_FOR_FEATURES>ul li#F_ELEMENTARY2:before,
#NAVI_FOR_ILLUSTRATIONS>ul>li:before,
#NAVI_FOR_FEATURES>ul>li:before,
#NAVI_FOR_FEATURES>p:hover:before {
	display: none;
	margin: 0 0 0 -108px;
	padding: 1em;
	border: double 3px #000;
	position: absolute;
	left: -3em;
	top: 16px;
	background: #fff;
	width: 108px;
	height: 108px;
	font-size: 125%;
	z-index: 100;
	}

#NAVI_FOR_FEATURES>p:hover:before {
	display: block;
	width: 16em;
	padding: 1em;
	height: auto;
	font-size: 125%;
	left: -3em;
	margin: 2em 0 0 -16em;
	line-height: 1.4em;
	white-space: normal;
	font-size: 100%;
	/*　堀北真希うさぎ(アイドル女優・堀北真希ちゃんにうさぎの耳を着けたうさ耳女子大生)などの創作キャラクタ。*/
	content: url('http://www.marguerite.jp/Features/_Horikita_Usagi-L.GIF') '\0A' '\3000"\5800\5317\771F\5E0C\3046\3055\304E"(\30A2\30A4\30C9\30EB\5973\512A\30FB\5800\5317\771F\5E0C\3061\3083\3093\306B\3046\3055\304E\306E\8033\3092\7740\3051\305F\3046\3055\8033\5973\5B50\5927\751F)\306A\3069\306E\5275\4F5C\30AD\30E3\30E9\30AF\30BF\3002';
	}

#NAVI_FOR_FEATURES>ul>li#F_HORIKITA_USAGI:hover:before {
	display: block;
	width: 16em;
	padding: 1em;
	height: auto;
	font-size: 125%;

	left: -3em;
	margin: 0 0 0 -16em;
	line-height: 1.4em;
	/*　アイドル女優・堀○真希ちゃんにうさぎの耳を着けた女子大生キャラクタ。*/
	content: url('http://www.marguerite.jp/Features/_Horikita_Usagi-L.GIF') '\0A' '\3000\30A2\30A4\30C9\30EB\5973\512A\30FB\5800\5317\771F\5E0C\3061\3083\3093\306B\3046\3055\304E\306E\8033\3092\7740\3051\305F\5973\5B50\5927\751F\30AD\30E3\30E9\30AF\30BF\3002';
	}

#NAVI_FOR_FEATURES>ul>li#F_RABBIT:hover:before {
	display: block;
	content: url('http://www.marguerite.jp/Features/_RabbitSchoolGirl104.GIF');
	}

#NAVI_FOR_FEATURES>ul>li#F_YUCHAN:hover:before {
	display: block;
	content: url('http://www.marguerite.jp/Features/_Yuchan104.GIF');
	}

#NAVI_FOR_FEATURES>ul>li#F_NORIKOCHAN:hover:before {
	display: block;
	content: url('http://www.marguerite.jp/Features/_Norikochan104.GIF');
	}

#NAVI_FOR_FEATURES>ul>li#F_KAYOCHAN:hover:before {
	display: block;
	content: url('http://www.marguerite.jp/Features/_Kayochan104.GIF');
	}

#NAVI_FOR_FEATURES>ul>li#F_KAYOCHAN:hover:before {
	display: block;
	content: url('http://www.marguerite.jp/Features/_Kayochan104.GIF');
	}

#NAVI_FOR_FEATURES>ul>li#F_AYAHIME:hover:before {
	display: block;
	content: url('http://www.marguerite.jp/Features/_Ayachan104.GIF');
	}

#NAVI_FOR_FEATURES>ul>li#F_KAORICHAN:hover:before {
	display: block;
	content: url('http://www.marguerite.jp/Features/_Kaorichan104.GIF');
	}

#NAVI_FOR_FEATURES>ul>li#F_AICHAN:hover:before {
	display: block;
	content: url('http://www.marguerite.jp/Features/_Aichan104.GIF');
	}

#NAVI_FOR_FEATURES>ul li#F_ELEMENTARY:hover:before {
	display: block;
	content: url('http://www.marguerite.jp/Features/_OriginalUniformGirl104.GIF');
	}

#NAVI_FOR_FEATURES>ul li#F_ELEMENTARY2:hover:before {
	display: block;
	content: url('http://www.marguerite.jp/Features/_SchoolgirlOfPrivateElementarySchool2-104.GIF');
	}

#NAVI_FOR_FEATURES>ul>li#F_PINAFORE:hover:before {
	display: block;
	content: url('http://www.marguerite.jp/Features/_PinaforeCountryGirl104.GIF');
	}

#NAVI_FOR_ILLUSTRATIONS>ul>li#I_HANKEN:hover:before {
	display: block;
	width: 16em;
	padding: 1em;
	height: auto;
	font-size: 125%;
	left: -3em;
	margin: 0 0 0 -16em;
	line-height: 1.4em;
	/* キミキス・らき☆すた・東方プロジェクト・ヴォーカロイドなど。 */
	content: url('http://www.3flowers.net/Hanken/_HAKUREI_Reimu104.GIF') '\0A' '\3000\30AD\30DF\30AD\30B9\30FB\3089\304D\2606\3059\305F\30FB\6771\65B9\30D7\30ED\30B8\30A7\30AF\30C8\30FB\30F4\30A9\30FC\30AB\30ED\30A4\30C9\306A\3069\3002';
	}

#NAVI_FOR_ILLUSTRATIONS>ul>li#I_PORTRAITS:hover:before {
	display: block;
	width: 16em;
	padding: 1em;
	height: auto;
	font-size: 125%;
	left: -3em;
	margin: 0 0 0 -16em;
	line-height: 1.4em;
	/* アイドル女優・堀○真希ちゃんの似ていない似顔絵。 */
	content: url('http://www.3flowers.net/Portraits/_HORIKITAMaki.GIF') '\0A' '\3000\30A2\30A4\30C9\30EB\5973\512A\30FB\5800\5317\771F\5E0C\3061\3083\3093\306E\4F3C\3066\3044\306A\3044\4F3C\9854\7D75\3002';
	}

/****************************************************************************/
/* Popup Menu. */
#NAVI_TO_RELATED {
	margin: 0;
	padding: 0;
	}

ul.sitemenu {
	font-size: 80%;
	margin: 0
	}

#MENU-1,
#MENU-2,
#MENU-3,
#NAVI_FOR_ILLUSTRATIONS,
#NAVI_FOR_FEATURES {
	margin: 0;
	padding: 0;
	width: 9em;
	border: none;
	position: absolute;
	left: auto;
	top: 0;
	z-index: 1;
	}

#MENU-3 { right: 36em; }
#MENU-2 { right: 27em; }
#MENU-1 { right: 18em; }
#NAVI_FOR_FEATURES { right: 9em; }
#NAVI_FOR_ILLUSTRATIONS { right: 0em; }

ul.sitemenu * {
	font-family: "MS UI Gothic", sans-serif;
	text-decoration: none;
	font-weight: normal;
	display: inline;
	}

.forAural,
ul.sitemenu .forAural,
#NAVI_TO_RELATED dt,
ul.sitemenu cite:before,
ul.sitemenu cite:after {
	display: none;
	}

ul.sitemenu .hidden {
	color: #fff;
	}

ul.sitemenu abbr,
ul.sitemenu acronym,
ul.sitemenu strong a,
ul.sitemenu strong a:link,
ul.sitemenu strong a:visited,
ul.sitemenu a,
ul.sitemenu a:link,
ul.sitemenu a:visited {
	border: none;
	font-style: normal;
	text-decoration: none;
	color: #000;
	background: transparent;
	}

ul.sitemenu em,
ul.sitemenu strong,
ul.sitemenu cite {
	border: none;
	font-style: normal;
	font-weight: normal;

	color: #000;
	}

ul.sitemenu li {
	display: block;
	list-style-type: none;
	width: 9em;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	line-height: 1.2em;
	}

ul.sitemenu li p {
	display: block;
	background: #fff;
	margin: 0;
	padding: 0.1em 0.1em;
	border: 3px double #000;
	white-space: nowrap;
	overflow: hidden;
	z-index: 1;
	line-height: 1.5em;
	} 

ul.sitemenu li ul {
	display: block;
	margin: 0;
	padding: 0 0 3em;
	border: none;
	font-size: 100%;
	z-index: 100;
	}

ul.sitemenu li ul p {
	white-space: normal;
	} 

ul.sitemenu ul ul {
	position: absolute;
	top: -3.1em;
	left: -14.3em;
	/* ↓IE 6.0まででのXHTMLでは幅が狭くなるが、
	   IE 6.0には<?xml ?>宣言を削除して配信する事で対処する。*/
	width: 11.3em;
	padding: 3em 0 3em 3em;
	}

ul.sitemenu ul li {
	display: block;
	width: auto;
	list-style-type: none;
	margin: 0 0 -1px;
	padding: 0.2em;
	border: 1px solid #000;
	position: relative;
	top: 0;
	left: 0;
	background: #fff;
	white-space: normal;
	font-size: 80%;
	line-height: 1em;
	}

ul.sitemenu ul li li {
	font-size: 100%;
	}

ul.sitemenu ul li p,
ul.sitemenu ul li a {
	display: block;
	margin: -0.2em;
	padding: 0.4em;
	border: none;
	line-height: 1.2em;
	}

ul.sitemenu ul li p a {
	margin: -0.4em;
	}

ul.sitemenu ul li a:hover {
	color: #fff;
	background: #000;
	}

ul.sitemenu ul li em,
ul.sitemenu ul li strong,
ul.sitemenu ul li cite {
	display: block;
	margin: -0.2em;
	padding: 0.4em;
	line-height: 1.2em;
	background: #cfc;
	}

ul.sitemenu ul li strong cite,
ul.sitemenu ul li cite strong,
ul.sitemenu ul li p em,
ul.sitemenu ul li p strong,
ul.sitemenu ul li p cite,
ul.sitemenu ul li a em,
ul.sitemenu ul li a strong,
ul.sitemenu ul li a cite {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
	color: #000;

	font-weight: normal;
	text-decoration: none;
	background: transparent;
	}

ul.sitemenu ul li p a:before,
ul.sitemenu ul li p cite:before,
ul.sitemenu ul li p strong:before {
	display: inline;
	font-family: "Times New Roman", sans-serif;
	color: #000;
	content: "\25C4";
	margin: 0;
	padding: 0 4px 0 0;
	}

ul.sitemenu>li:hover>p+ul,
ul.sitemenu>li li:hover>ul,
ul.sitemenu>li li>ul:hover {
	display: block;
	}

ul.sitemenu>li>ul>li:first-child>ul,
ul.sitemenu>li>ul>li:first-child>ul>li:first-child>ul {
	margin-top: 3em;
	padding-top: 0;
	}


/* IE 7 */
*+html ul.sitemenu ul {
	position: relative;
	top: -1px;
	margin-top: 0.3em;
	}

*+html ul.sitemenu ul ul {
	position: absolute;
	top: -3.1em;
	}

*+html ul.sitemenu li p {
	padding: 0.15em;
	}

*+html ul.sitemenu ul li {
	margin-top: -0.3em;
	padding: 0;
	line-height: 1.2em;
	}

*+html ul.sitemenu ul li p,
*+html ul.sitemenu ul li p:hover,
*+html ul.sitemenu ul li a,
*+html ul.sitemenu ul li a:hover,
*+html ul.sitemenu ul li strong,
*+html ul.sitemenu ul li strong:hover,
*+html ul.sitemenu ul li cite,
*+html ul.sitemenu ul li cite:hover {
	width: 10.25em;
	margin: 0;
	padding: 0.4em 0.4em 0.6em;
	line-height: 1.2em;
	}

*+html ul.sitemenu ul li p a,
*+html ul.sitemenu ul li p a:hover,
*+html ul.sitemenu ul li p strong,
*+html ul.sitemenu ul li p strong:hover,
*+html ul.sitemenu ul li p cite,
*+html ul.sitemenu ul li p cite:hover {
	margin: -0.8em;
	padding: 0.8em;
	line-height: 1.2em;
	}

*+html dl#HEAD_NAVI {
	margin: 0 0 0 -1em;
	}

*+html ul.sitemenu>li>ul>li:first-child>ul,
*+html ul.sitemenu>li>ul>li:first-child>ul>li:first-child>ul {
	margin-top: 3.5em;
	padding-top: 0;
	}

/* IE 6 */
* html #MENU-1,
* html #MENU-2,
* html #MENU-3,
* html #NAVI_FOR_ILLUSTRATIONS,
* html #NAVI_FOR_FEATURES {
	position: absolute;
	top: 0;
	}

* html ul.sitemenu li p {
	width: 8.2em;
	white-space: nowrap;
	overflow: hidden;
	padding: 0.15em 0.2em;
	text-align: left;
	}

* html ul.sitemenu li ul {
	display: block;
	padding: 0 0 3em;
	text-align: left;
	}

* html ul.sitemenu ul ul {
	top: -2.9em;
	left: -14.3em;
	padding: 3em 0 3em 3em;
	}

* html ul.sitemenu ul ul li {
	width: 10.2em;
	}

* html ul.sitemenu ul li {
	margin: -1px 0 0 0;
	padding: 0;
	}

* html ul.sitemenu ul li em,
* html ul.sitemenu ul li strong,
* html ul.sitemenu ul li cite {
	margin: 0;
	padding: 0.4em;
	}

* html ul.sitemenu ul li p,
* html ul.sitemenu ul li a:link,
* html ul.sitemenu ul li a:visited,
* html ul.sitemenu ul li a:hover,
* html ul.sitemenu ul li strong,
* html ul.sitemenu ul li cite,
* html ul.sitemenu ul li strong:hover,
* html ul.sitemenu ul li cite:hover {
	width: 10.2em;
	margin: 0;
	padding: 0.4em;
	line-height: 1.2em;
	white-space: normal;
	}

* html ul.sitemenu ul li p a:link,
* html ul.sitemenu ul li p a:visited,
* html ul.sitemenu ul li p a:hover,
* html ul.sitemenu ul li p a,
* html ul.sitemenu ul li p strong,
* html ul.sitemenu ul li p cite,
* html ul.sitemenu ul li p strong:hover,
* html ul.sitemenu ul li p cite:hover {
	margin: -0.8em;
	padding: 0.8em;
	line-height: 1.2em;
	}

/* NOT for Mac IE.\*/
* html #MENU-1,
* html #MENU-2,
* html #MENU-3,
* html #NAVI_FOR_ILLUSTRATIONS,
* html #NAVI_FOR_FEATURES {
	display: none;
	}

ul.sitemenu li ul {
	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.5em 0.7em;
	width: 94%;
	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;
	}