@charset "shift_jis";
/* "Marguerite-Nihongo.css" Starts. */
* {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
	color: inherit;
	background: transparent;
	white-space: normal;
	font: inherit;
	text-decoration: none;
	letter-spacing: 0;
	}

header, footer, section, nav, aside, figure, article, figcaption,
address, blockquote,
div, dl, fieldset, form, legend,
h1, h2, h3, h4, h5, h6, hr,
menu, ol, p, pre, ul, noscript {
	display: block;
	width: auto;
	text-align: left;
	text-decoration :none;
	margin: 1em 0 0;
	padding: 0;
	text-indent: 0;
	font: normal normal 100%/1.6em monospace;
	background: transparent;
	}

header, footer, section, nav, aside, article, figure {
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	}

nav, aside, .\_nav, .\_aside {
	margin: 2.0em 0;
	}


figure {
	margin: 0 0 1.6em;
	padding: 0;
	}

figcaption {
	clear: both;
	display: block;
	width: auto;
	margin: 2em 0;
	padding: 0;
	border: none 0;
	border-top: 2px #ccc solid;	
	}

figcaption:first-child {
	clear: none;
	margin: 0 0 2em;
	border: none 0;
	border-bottom: 2px #ccc solid;	
	}

body>dl, body>form,
body>menu, body>ol, body>p, body>ul {
	margin: 1em 0 0;
	}

/* For Legacy Browsers. */
pre { white-space: pre; }

noscript,
form legend+*,
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
hr+*,
script:first-child+* {
	margin-top: 0 !important;
	}

u, ins { border-bottom: #070 dashed 1px; padding: 0 0 0.05em;}
s, del { display: inline; text-decoration: line-through; }
s, del * { text-decoration: line-through; }

del+ins {
	margin-left: .2em;
	}

html {
	margin: 0;
	padding: 0;
	border: none;
	background: #fff;
	}

head, title, style, script  { display: none; }

body {
	display: block;
	margin: 48px 32px 32px;
	padding: 0 0 0 1em;
	background: #fff;
	color: #000;
	}

/* Block-level Elements. */
address, address * {
	clear: both;
	line-height: 1.2em
	}

address {
	margin: 0 0 0 -1em;
	}

h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
	clear: both;
	color: #060;
	line-height: 1.2em;
	}

h4, h5, h4 *, h5 * { font-weight: bold; }


h1 {
	line-height: 1.4em;
	font-size: 140%;
	margin:  0.85em 0 0.854em -0.7143em;
	border-bottom: #fd0 3px solid;
	}

h2, h2:first-child {
	font-size: 131.25%;
	margin:  3em 0 1.524em -0.7619em;
	border-bottom: #fd0 3px solid;
	}

h3, h3:first-child {
	font-size: 131.25%;
	margin:  2em 0 1.524em -0.7619em;
	border-bottom: #fd0 1px solid;
	}

h4, h4:first-child {
	margin:  2em 0 1.5em -1em;
	border-bottom: #fd0 1px solid;
	}

h5, h5:first-child {
	margin:  2em 0 1.5em -1em;
	border-bottom: #999 1px solid;
	}

h6, h6:first-child {
	margin:  2em 0 1.5em -1em;
	}

h2+h3, h2+*>h3:first-child,
h3+h4, h3+*>h4:first-child,
h4+h5, h4+*>h5:first-child,
h5+h6, h5+*>h6:first-child { margin-top: 0; }

p { text-indent: 1em; margin-top: 1em; }
aside>p:first-child { text-indent: 1em; margin-top: 2em; }

hr {
	display: block;
	clear: both;
	margin: 2em 0 2em -1em;
	border: #ccc 1px solid;
	}

/* Lists. */
ul {
	padding-left: 2em;
	text-align: left;
	}

ol {
	padding-left: 2em;
	text-align: left;
	}

li {
	display: list-item;
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	}

dl {
	padding: 0;
	text-align: left;
	}

dt {
	display: list-item;
	list-style: disc outside;
	display: block;
	margin: 1em 0 0;
	padding: 0;
	border: none;
	color: #060;
	line-height: 1.6em;
	font-weight: bold;
	}

dd {
	display: block;
	margin: 0.6em 0 0 2em;
	padding: 0;
	border: none;
	line-height: 1.6em;
	}

dd:empty {
	display: none;
	}

dt+dt	{ margin-top: 0; }

li ul, li ol,
dd ul, dd ol {
	margin: 1em 0 0;
	padding: 0 0 0 2em;
	}

li ul:first-child, li ol:first-child,
dd ul:first-child, dd ol:first-child {
	margin: 0;
	}

li p {
	text-indent: 0;
	}

/* Tables. */
table {
	display: table;
	min-width: 97%;
	line-height: 1.6em;
	margin: 0.5em 0 2em;
	border: #aca 2px solid;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	}

colgroup { display: table-column-group; }
col { display: table-column; }

caption {
	display: table-caption;
	margin: 1em;
	color: #060;
	caption-side: top;
	text-align: left;
	font-style: normal;
	font-size: 100%;
	line-height: 1.6em;
	}

thead { display: table-header-group; }
tfoot { display: table-footer-group; }

tbody {
	display: table-row-group;
	margin: 0;
	}

tr {
	display: table-row;
	vertical-align: top;
	}

td,
th {
	display: table-cell;
	border: #aca 1px solid;
	text-align: left;
	margin: 0;
	padding: 0.5em 1em 0.7em 1.5em;
	font-family: monospace;
	font-size: 100%;
	line-height: 1.6em;
	color: #000;
	vertical-align: top;
	}

th {
	padding: 0.5em 1em 0.7em 0.8em;
	background: #efe;
	}

table tbody td>* {
	text-indent: 0;
	padding-left: 0;
	}

table tbody td>pre,
table tbody td>pre:first-child {
	padding-left: 1em !important;
	}

td ul,
td ol {
	padding-left: 1em;
	}


/* Preformatted Text & Block-level Quotation. */
pre,
blockquote {
	border: solid 2px #060;
	margin: 2em 0 2em 1em;
	padding: 2em;
	text-indent: 0;
	}

pre, pre * {
	font-family: monospace;
	white-space: pre-wrap;
	}

blockquote:before {
	display: block;
	line-height: 1.6em;
	color: #060;
	border-bottom: #fd0 2px solid;
	margin-bottom: 2em;
	content: "\4EE5\4E0B\5F15\7528\3002";
	}

blockquote[cite]:before {
	display: block;
	line-height: 1.6em;
	color: #060;
	border-bottom: #fd0 2px solid;
	margin-bottom: 2em;
	content: attr(cite) "\3088\308A\5F15\7528\3002";
	}

blockquote:after {
	display: block;
	line-height: 1.6em;
	color: #060;
	border-top: #fd0 2px solid;
	margin-top: 2em;
	text-align: right;
	content: "\5F15\7528\3053\3053\307E\3067\3002";
	}

blockquote pre {
	border: none;
	margin: 0;
	padding: 0;
	}

blockquote h1,
blockquote h2,
blockquote h3 {
	border: none;
	font-size: 100%;
	margin: 2em 0;
	padding: 0;
	font-weight: bold;
	}

li>pre, li>blockquote,
dd>pre, dd>blockquote {
	margin: 0.5em 0 0.5em 0.5em;
	}


/* Inline Elements. */
a:link, a:link * {
	color: #060;
	text-decoration: underline;
	}

a:visited, a:visited * {
	color: #010;
	text-decoration: underline;
	}

summary:hover,
a:link:hover, a:link:hover *,
a:visited:hover, a:visited:hover * {
	color: #000;
	background: #efe;
	text-decoration: underline;
	cursor: pointer;
	}

a:link:hover img,
a:visited:hover img {
	background: transparent;
	text-decoration: underline;
	}

a:link img,
a:visited img {
	border: 3px solid;
	padding: 6px;
	}

a:link del,
a:visited del {
	text-decoration: line-through underline;
	}

img { border: 0; }

q, .voice {
	background: transparent !important;
	font: inherit;
	quotes: "\300C" "\300D" "\300E" "\300F" '"' '"' "'" "'";
	color: #000;
	}

q:before, .voice:before {
	font-family: sans-serif;
	content: open-quote;
	}

q:after, .voice:after {
	font-family: sans-serif;
	content: close-quote;
	}

strong.voice {
	font-weight: bold;
	}

strong.voice:before, strong.voice:after {
	font-weight: normal;
	}

/* A nested <kbd> element is a key to press in HTML 5. */
kbd kbd {
	color: #000;
	font-weight: bold;
	background: #dfd;
	padding: 0 0.2em;
	border: 2px #dfd solid;
	border-color: #dfd #9b9 #9b9 #dfd;
	}

abbr, acronym {
	border-bottom: solid 1px #fd0;
	}

cite, dfn, b, i, .term {
	color: #060;
	font-weight: bold;
	font-style: normal;
	}

em {
	background: transparent url("data:image/gif;base64,R0lGODlhEgAWAJH/AP///wAAAMDAwAAAACH5BAEAAAIALAAAAAASABYAAAIXlC+hyK3Ronmy2ouz3rz7D4biSJbmWQAAOw==") repeat-x 0 0;
	background-clip: padding-box;
	background-size: 1em 1.3em;
	margin: 0;
	padding: 0.3em 0 0;
	color: inherit;
	font-style: normal;
	}

code em, pre em, samp em {
	padding: 0;
	background: transparent;
	color: #060;
	font-weight: bold;
	font-style: normal;
	}

big { font-size: 200%; }
small { font-size: 60%; }

strong {
	font-weight: bold;
	}

mark, .\_mark, pre em {
	display: inline;
	color: inherit;
	font-weight: inherit;
	background: #cfc;
	padding: 0.2em 0;
	}

var { font-style: italic; }
code var { font-style: normal; }

sub {
	font-size: 85%;
	vertical-align: sub;
	}

sup {
	font-size: 85%;
	vertical-align: super;
	}

h1 i, h1 cite, h1 dfn,
h2 i, h2 cite, h2 dfn,
h3 i, h3 cite, h3 dfn
h6 i, h6 cite, h6 dfn {
	font-weight: normal;
	}

/* Forms. */
form {
	margin: 1em 0;
	text-indent: 0;
	padding: 0;
	}

fieldset {
	margin: 1em 2em;
	padding: 1em;
	border: 2px #fd0 solid;
	}

legend {
	color: #060;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1em;
	}

input,
textarea {
	cursor: pointer;
	line-height: 1em;
	text-indent: 0;
	font-weight: normal;
	margin: 0.1em 0;
	padding: 2px;
	border: #0b0 solid 3px;
	vertical-align: middle;
	}

input[type=text],
input[type=password] {
	line-height: 1.6em;
	}

input[type=hidden] {
	display: block;
	position: absolute;
	width: 10em;
	left: -200em;
	}

input[type=submit],
input[type=reset] {
	line-height: 1.6em;
	padding: 0.1em;
	border: #0b0 3px solid;
	}

label input {
	border: none;
	}

textarea {
	vertical-align: bottom;
	}

select {
	border: 1px #000 solid;
	line-height: 1.2em;
	height: 1.6em;
	margin: 0 0.25em;
	padding: 2px;
	vertical-align: middle;
	max-width: 50%;
	}

option {
	display: block;
	margin: 0;
	padding: 0 0 0 0.3em;
	line-height: 1em;
	color: #000;
	font-weight: normal;
	}

optgroup {
	display: block;
	margin: 0;
	padding: 0 0 0 0.3em;
	line-height: 1em;
	color: #060;
	font-weight: bold;
	}

optgroup option {
	margin-left: 1em;
	padding-left: 0;
	}

b[title],
q[title],
em[title],
strong[title],
span[title],
code[title],
samp[title],
var[title] {
	border-bottom: 1px #ccc solid;
	}

rt { font-size: 50%; }
html body a:link rt,
html body a:visited rt {
	text-decoration: none;
	}

noscript>*:first-child { margin-top: 1em; }

*:lang(en) {
	font-family: "Arial", sans-serif;
	}

em:lang(en) {
	background: transparent;
	font-style: italic;
	}


@media all and (max-width: 800px) {
	p, table, ul, ol, dl {
		margin-left: -1em;
		}

	li>* {
		margin-left: 0;
		}

	h1, h2, h3, h4, h5, h6 {
		margin-left: 0;
		}

	body {
		margin: 1em 0.5em;
		}

	ul, ol  {
		padding-left: 1em;
		}
	}
/* "Marguerite-Nihongo.css" Ends. */



/* Footnotes for Japanese. */
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,
ul.notes>li>ol {
	margin-left: 0;
	padding-left: 2em;
	}

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

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

ul.notes>li>ul:first-child,
ul.notes>li>ol:first-child {
	margin-top: -1.2em;
	}

ul.notes>li>ul.notes {
	margin-left: 0;
	padding-left: 1em;
	}

/* 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;
	}


/* Style Sheet for other browsers than Netscape Navigator 4.x. */

*:lang(en-us) {
	font-family: sans-serif;
	}

.subimage {
	background: #fff;
	clear: right;
	float: right;
	margin: 0;
	padding: 1em 2em 3em 2em;
	list-style-type: none;
	}

/* Accesskey. */
a[accesskey]:before {
	display: inline;
	margin-right: 0.2em;
	margin-left: 0;
	padding: 0 0.25em;
	background: #eee;
	border: 2px #ccc outset;
	font: normal normal 100% monospace;
	text-decoration: none;
	line-height: 1em;
	text-decoration: none;
	color: #000;
	content: attr(accesskey);
	}

a[accesskey][href]:before {
	background: #fd8;
	border: 2px #fd0 outset;
	}


/* Navigation. */
#TO_TOP {
	clear: both;
	padding-top: 1em;
	display: none;
	}

/*	For Title */
h1 {
	line-height: 1em;
	font-size: 100%;
	margin: 1.2em 0 0 -1em;
	padding: 0 0 0.6em;
	border-bottom: 2px #ccc solid;
	}

* html h1 {
	margin: -1em 0 0 -1em;
	padding: 0;
	border: 0 none;
	}

*+html h1 {
	margin: -1em 0 0 -1em;
	padding: 0;
	border: 0 none;
	}

ul#HEAD_GUIDE {
	display: block;
	margin: 0;
	padding: 0 0 0;
	text-align: right;
	font-size: 90%;
	text-indent: 0;
	}

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

#HEAD_GUIDE .akey {
	margin-left: 0;
	margin-right: -0.3em;
	}

hr#MAIN_START {
	margin: 60px 0 -58px -1em;
	}

ul.modified-date {
	float: left;
	line-height: 1em;
	margin: 1.5em 0 1em -1em;
	padding: 0;
	text-indent: 0;
	}

ul.modified-date li {
	list-style-type: none;
	line-height: 1.1em;
	}

.main-end {
	margin: 0.5em 0;
	}

h2.MenuHeading {
	clear: both;
	}

.MenuTable {
	float: left;
	margin-top: 0;
	}

#FOR_NARROW,
.forSmartPhone,
.noPC,
.forAural,
.forAural-2,
.forMobile,
span.forAural,
span.forAural-2,
em.forMobile,
em.forAural,
em.forAural-2,
strong.forMobile,
strong.forAural,
strong.forAural-2 {
	display: none;
	}

#COPYRIGHT,
address {
	display: inline;
	font-size: 100%;
	margin: 0 0 8px;
	padding: 0;
	border: 0;
	}

h3,
h2.forMobile,
h2.forAural-2 {
	clear: none;
	}

div.FeatureList,
.FeatureList {
	float: right;
	width: 420px;
	margin: -6em 0 0;
	padding: 0.5em;
	background: #fff;
	}

* html table div {
	margin: 6em 0 0;
	}

* html div.FeatureList {
	width: 450px;
	margin: 0;
	}

*+html table div {
	margin: 6em 0 0;
	}

*+html div.FeatureList {
	width: 450px;
	margin: 0;
	}

div.mainimage,
.emphasized {
	clear: both;
	margin: 1.5em 0 1.5em 1em;
	padding: 1em 1.5em;
	font-size: 100%;
	font-weight: 100;
	line-height: 1.6em;
	text-indent: 0;
	border: #060 solid 2px;
	text-align: left;
	}

div.emphasized>*:first-child { margin: 0; }
* html ul.emphasized li { margin-top: -1em; }
*+html ul.emphasized li { margin-top: -1em; }

#FOOT_NOTE {
	clear: both;
	margin: 0 0 2em;
	}

.extra {
	clear: both;
	margin: 0 0 1em -1em;
	padding-top: 2em;
	}


a:hover img {
	background: transparent;
	text-decoration: underline;
	}

a:link img,
a:visited img {
	border: none;
	}

hr {
	display: none;
	}


.urgent {
	clear: both;
	margin: 0;
	padding: 1em 0 4.6em;
	background: #ffffff;
	}

.urgent p,
.urgent ul {
	border: solid 2px #060;
	border-width: 0 2px 2px;
	margin: -2px 0 0;
	padding: 0.8em 1em 0.8em 1em;
	text-indent: 0;
	text-align: left;
	background: #ffffff;
	}

* html .urgent p,
* html .urgent ul {
	border: solid 2px #060;
	}

.urgent ul {
	padding-left: 2em;
	}

.urgent p:first-child,
.urgent ul:first-child {
	border-width: 2px 2px 2px;
	margin: 0;
	}

.localNavi {
	display: none;
	}

.urgent+.urgent {
	margin-top: -4em;
	}

.SPOnly {
	display: none !important;
	}


/***********************/
nav {
	margin: 0;
	}

nav#MAIN_MENU_SECTION {
	margin-top: 0.6em;
	padding-top: 1em;
	border-top: 2px solid #ccc;
	}

dl.menu {
	margin: 0 0 0;
	padding: 0;
	}

dl.menu-about {
	clear: left;
	margin: 0;
	padding: 1.2em 0 0;
	}

dl.menu dt {
	display: block;
	margin: 0;
	padding: 0;
	}

dl.menu dd {
	font-size: 80%;
	line-height: 1.6em;
	text-indent: 0;
	margin: 0 0 0.5em 0;
	padding: 0;
	}

dl.menu>dt>a {
	display: block;
	margin: 0;
	padding: 0.6em 0.6em 0.6em 1.6em;
	border: #888 solid 0.15em;
	color: #000;
	background-size: 0.8em !important;
	font-weight: normal;
	text-decoration: none;
	line-height: 1em;
	}

dl.menu>dt>a:link {
	border: #090 solid 0.15em;
	background: #fff url("http://www.marguerite.jp/_Style/k/Icon-R.GIF") no-repeat 0.6em 50%;
	background-image: url("data:image/gif;base64,R0lGODlhEAAQAID/AMDAwAB3ACH5BAEAAAAALAAAAAAQABAAAAIghI+pmxGsnINHSmotyznyXn2cIWqh6I2Lul0UML1yUgAAOw==");
	background-size: 0.8em !important;
	}

dl.menu>dt>a:visited {
	border: #010 solid 0.15em;
	}

dl.menu>dt>a:hover {
	background: #efe url("http://www.marguerite.jp/_Style/k/Icon-R.GIF") no-repeat 0.6em 50%;
	background-image: url("data:image/gif;base64,R0lGODlhEAAQAID/AMDAwAB3ACH5BAEAAAAALAAAAAAQABAAAAIghI+pmxGsnINHSmotyznyXn2cIWqh6I2Lul0UML1yUgAAOw==");
	background-size: 0.8em !important;
	text-decoration: none;
	color: #000;
	}

dl.menu>dt>a * {
	text-decoration: none;
	}

/*********************************************************************************/
article {
	width: 45%;
	width: calc(100% - 440px - 4em);
	float: left;
	margin: 0;
	padding: 0 0 2em;
	}

article h1 {
	margin-right: -122%;
	margin-right: calc(-440px - 4em);
	}

#FOOTER {
	clear: both;
	margin: 0;
	padding: 0;
	}

#CREDIT {
	margin: 2em 0 0 -1em;
	padding: 1em 0 0;
	border-top: 2px #ccc solid;
	}

#GOF_SECTION {
	margin: 10em 1em 0 0;
	padding: 0 0 2em;
	width: 50%;
	width: calc(440px + 0px);
	float: right;
	}

#GOF_SECTION dl dl dt,
#GOF_SECTION h1,
#GOF_SECTION cite {
	display: none;
	}

#GOF_SECTION ul,
#GOF_SECTION li,
#GOF_SECTION dl,
#GOF_SECTION dt,
#GOF_SECTION dd {
	margin: 0;
	padding: 0;
	border: 0 #fff none;
	}

#GOF_SECTION li {
	display: block;
	list-style: none;
	}

#GOF_SECTION dt {
	width: 220px;
	height: auto;
	float: right;
	border: 0 #fff none;
	}

#GOF_SECTION dt img {
	float: right;
	}

#GOF_SECTION dt b.lead {
	display: block;
	margin: 0 0 1em;
	text-align: right;
	}

#GOF_SECTION>dd {
	float: left;
	}


#GOF_SECTION ul li {
	display: inline;
	}

#GOF_SECTION ul li img {
	width: 144px;
	width: calc(144px + 0px);
	height: auto;
	background: #efe;
	border: #aca 2px solid;
	padding: 12px;
	margin: 0;
	vertical-align: bottom;
	}

#GOF_SECTION ul li:first-child img {
	margin: 0;
	}
/****************************************************************************
	Pop-up.
****************************************************************************/
html body *[data-popup]:hover,
html body *[title]:hover {
	position: relative;
	bottom: 0;
	left: 0;
	}

html body *[data-popup]:before,
html body *[title]:before,
html body *[data-popup]:after,
html body *[title]:after {
	display: none;
	}

html body *[data-popup]:hover::after {
	display: block;
	position: absolute;
	bottom: -0.2em;
	left: 1.0em;
	width: 256px;
	margin: 0.5em;
	padding: 0.5em;
	border: #ccc solid 2px;
	background: #efe;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2em;
	content: attr(data-popup);
	z-index: 2;
	}

html body *[title]:hover::after {
	display: block;
	position: absolute;
	bottom: -0.2em;
	left: 1.0em;
	width: 256px;
	margin: 0.5em;
	padding: 0.5em;
	border: #ccc solid 2px;
	background: #efe;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2em;
	content: attr(title);
	z-index: 2;
	}

/****************************************************************************
	Responsive Design.
****************************************************************************/
@media all and (max-width: 960px) {
	/* 25/06/07 */
	#GOF_SECTION {
		margin: 10em 0 0 0;
		padding: 0 0 2em;
		width: 50%;
		width: calc(260px + 0px);
		float: right;
		}

	article {
		width: 49% !important;
		width: calc(100% - 260px - 1em) !important;
		}

	h1#MAIN_START {
		margin-right: 102% !important;
		margin-right: calc(-260px - 1em) !important;
		}

	#GOF_SECTION ul,
	#GOF_SECTION li,
	#GOF_SECTION dl,
	#GOF_SECTION dt,
	#GOF_SECTION dd {
		width: 100%;
		}

	#GOF_SECTION dt img {
		padding-bottom: 2em;
		}

	#GOF_SECTION ul li img {
		width: 40%;
		width: calc(50% - 2em);
		}

	#GOF_SECTION dt b.lead {
		display: block;
		margin: 0 0 1em !important;
		text-align: right;
		}

	html {
		margin: 0 0 2em;
		padding: 1em 0 3.5em;
		}

	nav#MAIN_MENU_SECTION {
		margin-top: 0.3em !important;
		margin-left: -1em !important;
		padding-top: 0.7em !important;
		padding-left: 1em !important;
		border-top: 2px solid #ccc !important;
		}
	}


@media all and (max-width: 800px) {
	/* 25/06/07 */
	ul#START {
		display: none !important;
		}

	ul#HEAD_GUIDE {
		position: fixed  !important;
		left: 0;
		right: 0;
		top: 0;
		font-size: 70%;
		width: auto;
		height: 1.8em;
		margin: auto;
		padding: 0.2em 0; 
		border-bottom: #070 2px solid;
		background: #fff !important;
		text-align: right;
		z-index: 200 !important;
		white-space: nowrap !important;
		}

	ul#START li {
		white-space: nowrap !important;
		}

	ul#HEAD_GUIDE li a {
		font-weight: bold !important;
		}

	/* 25/06/07 */
	#NAVI2TOP__SYS:hover {
		background: transparent !important;
		}

	html #TO_TOP {
		position: fixed;
		display: block;
		left: 0;
		right: 0;
		bottom: 0;
		font-size: 70%;
		width: auto;
		height: 1.4em;
		margin: 0;
		padding: 0.2em 1em; 
		border-top: #070 2px solid;
		background: #fff;
		text-align: right;
		z-index: 200 !important;
		}

	#TO_TOP li {
		list-style-type: none !important;
		margin: 0 !important;
		padding: 0 0 0 0.5em !important;
		}

	.SPOnly {
		display: inline !important;
		}

	/* 26/02/20 */
	#GOF_SECTION {
		margin: 12em 0 0;
		padding: 0;
		width: 45%;
		}

	article {
		width: 50% !important;
		margin: 0;
		}

	h1#MAIN_START,
	#FOOT_NOTE {
		margin-right: -102% !important;
		}

	#FOOTER {
		margin: 0 0 0 -1em;
		padding: 0;
		}

	#CREDIT {
		margin: 0;
		padding: 1em 0 0;
		}


	#GOF_SECTION ul,
	#GOF_SECTION li,
	#GOF_SECTION dl,
	#GOF_SECTION dt,
	#GOF_SECTION dd {
		width: 100%;
		}

	#GOF_SECTION dd#ADDED_NAVI-02-02,
	#GOF_SECTION dd dd {
		display: none !important;
		}

	#GOF_SECTION dt {
		width: 100%;
		float: right;
		}

	#GOF_SECTION dt b.lead {
		display: block;
		margin: 0 0 1em !important;
		text-align: right;
		}

	html {
		margin: 0 0 2em;
		padding: 1em 0 3.5em;
		}

	nav#MAIN_MENU_SECTION {
		margin-top: 0.3em !important;
		margin-left: -1em !important;
		padding-top: 0.7em !important;
		padding-left: 1em !important;
		border-top: 2px solid #ccc !important;
		}

/*
*/
	section, nav {
		margin: 0 !important;
		padding: 0 !important;
		}

	dl.menu-about {
		clear: left;
		padding: 0;
		}

	dl.menu {
		margin-left: -1em;
		}

	dl.menu dd.noSP {
		display: none;
		}

	#GOF_SECTION {
		top: 12.6em;
		right: 16px;
		list-style-type: none;
		}

	main {
		display: block;
		}

	nav#FOR_NARROW {
		clear: both;
		display: block;
		position: static;
		width: 120%;
		width: calc(100vw - 4em);
		margin: 0 0 0 -1em !important;
		padding: 0;
		}

	#FOR_NARROW li {
		display: inline;
		}

	ul#HEAD_GUIDE li.noNarrow {
		display: none;
		}

	ul#FOOT_NOTE {
		width: 90%;
		width: calc(100vw - 4em);
		}
	}


@media all and (max-width: 640px) {
	#GOF_SECTION {
		padding: 0 !important;
		width: 50% !important;
		}

	#GOF_SECTION img {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		}

	article {
		width: 49% !important;
		margin: 0;
		}

	#FOR_NARROW {
		margin-right: -104%;
		}

	h1#MAIN_START img:first-child {
		width: 100%;
		height: auto;
		}

	h1#MAIN_START img+img {
		display: none;
		}
	}

@media all and (max-width: 480px) {
	#MAIN_START img  {
		width: 100% !important;
		height: auto !important;
		}

	#MAIN_START,
	article {
		width: 100% !important;
		}

	#GOF_SECTION {
		display: none !important;
		}

	#FOR_NARROW {
		margin-right: 0;
		}
	}