*
{
	font-family: 'M PLUS Rounded 1c', sans-serif;
/*	font-family: "¤¸¤å¤ó 501", "Jun 501", "£Í£Ó Ã÷³¯"; */ /* Sakura Web Fonts */
/*	font-family: 'Kosugi Maru', sans-serif; */ /* Google Fonts Kosugi Maru */
}

@keyframes banim {
0% {opacity:0.3;}
100% {opacity:1.0;}
}

div.swindow
{
	border:1px solid black;
	width:1280px;
	height:800px;
	position:relative;
	top:-8px;
	left:-8px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	overflow:hidden;
}

div.frame
{
	border-width:0px;
	width:1280px;
	height:800px;
	position:absolute;
	top:0px;
	left:0px;
	transition:transform 1s ease 2s; /* 3s */
	opacity:1.0;
	background-color:white;
}

div#frame_e { background-color:#f9e392; }

div#titlepage
{
	z-index:300;
	background-image:url(/chiyoda-furusatokentei/titlepage.png);
	background-size:contain;
	transition:transform 1s ease 0s;
}

div#s_or_g
{
	z-index:220;
	transition-property:none;
}

div.s_or_g_button
{
	
	top:152px;
	position:absolute;
	width:570px;
	height:598px;
}

div#s_or_g_button_g
{
	background-image:url(/chiyoda-furusatokentei/s_or_g_g.png);
	background-size:contain;
	left:50px;
}

div#s_or_g_button_s
{
	background-image:url(/chiyoda-furusatokentei/s_or_g_s.png);
	background-size:contain;
	left:661px;
}

div.useedge
{
	left:50px;
	top:42px;
	position:absolute;
	font-size:24px;
}

div#genre { z-index:260; transform:translateY(810px); transition:transform 1s ease 0s; }
div#school { z-index:240; transform:translateY(810px); transition:transform 1s ease 0s; }

div#genre_1,div#genre_2,div#genre_3,div#school_1,div#school_2,div#school_3 { top:152px; }
div#genre_4,div#genre_5,div#genre_6,div#school_4,div#school_5,div#school_6 { top:363px; }
div#genre_7,div#genre_8,div#genre_9,div#school_7,div#school_8,div#school_p { top:571px; }
div#genre_1,div#genre_4,div#genre_7,div#school_1,div#school_4,div#school_7 { left:50px; }
div#genre_2,div#genre_5,div#genre_8,div#school_2,div#school_5,div#school_8 { left:454px; }
div#genre_3,div#genre_6,div#genre_9,div#school_3,div#school_6,div#school_p { left:857px; }
div.genre_button,div.school_button,div.school_padding { background-size:contain; width:373px; height:179px; position:absolute; }
div#genre_1 { background-image:url(/chiyoda-furusatokentei/genre_1.png); }
div#genre_2 { background-image:url(/chiyoda-furusatokentei/genre_2.png); }
div#genre_3 { background-image:url(/chiyoda-furusatokentei/genre_3.png); }
div#genre_4 { background-image:url(/chiyoda-furusatokentei/genre_4.png); }
div#genre_5 { background-image:url(/chiyoda-furusatokentei/genre_5.png); }
div#genre_6 { background-image:url(/chiyoda-furusatokentei/genre_6.png); }
div#genre_7 { background-image:url(/chiyoda-furusatokentei/genre_7.png); }
div#genre_8 { background-image:url(/chiyoda-furusatokentei/genre_8.png); }
div#genre_9 { background-image:url(/chiyoda-furusatokentei/genre_9.png); }
div#school_1 { background-image:url(/chiyoda-furusatokentei/school_1.png); }
div#school_2 { background-image:url(/chiyoda-furusatokentei/school_2.png); }
div#school_3 { background-image:url(/chiyoda-furusatokentei/school_3.png); }
div#school_4 { background-image:url(/chiyoda-furusatokentei/school_4.png); }
div#school_5 { background-image:url(/chiyoda-furusatokentei/school_5.png); }
div#school_6 { background-image:url(/chiyoda-furusatokentei/school_6.png); }
div#school_7 { background-image:url(/chiyoda-furusatokentei/school_7.png); }
div#school_8 { background-image:url(/chiyoda-furusatokentei/school_8.png); }
div#school_p { background-image:url(/chiyoda-furusatokentei/school_p.png); }

div.school_title,div.genre_title
{
	position:absolute;
	background-size:contain;
	top:50px;
	height:51px;
}

div.genre_title
{
	background-image:url(/chiyoda-furusatokentei/genre_title.png);
	left:240px;
	width:800px;
}

div.school_title
{
	background-image:url(/chiyoda-furusatokentei/school_title.png);
	left:262px;
	width:756px;
}

div.audio
{
	position:absolute;
	background-size:contain;
	background-image:url(/chiyoda-furusatokentei/audio.png);
	top:41px;
	left:1165px;
	width:67px;
	height:67px;
	z-index:1000;
}

div.audiooff
{
	position:absolute;
	background-size:contain;
	background-image:url(/chiyoda-furusatokentei/audiooff.png);
	top:39px;
	left:1163px;
	width:71px;
	height:71px;
	visibility:hidden;
	z-index:1000;
}

div.titlestart
{
	position:absolute;
	background-size:contain;
	background-image:url(/chiyoda-furusatokentei/titlestart.png);
	top:39px;
	left:39px;
	width:131px;
	height:131px;
	z-index:1000;
}

div#frame_q
{
	z-index:200;
}

div#frame_a
{
	z-index:100;
	transition:transform 1s ease 0s;
}

div.footprint
{
	background-image:url(/chiyoda-furusatokentei/footprint.png);
	background-size:contain;
	width:93px;
	height:93px;
	position:absolute;
	top:39px;
	left:39px;
}

div.judge
{
	background-size:contain;
	position:absolute;
	z-index:260;
}

div#maru
{
	background-image:url(/chiyoda-furusatokentei/j_maru.png);
	width:682px;
	height:682px;
	top:801px;
	left:299px;
/*	visibility:hidden; */
/*	visibility:visible; */
	transition:transform 1s ease 0s;
}

div#batsu
{
	background-image:url(/chiyoda-furusatokentei/j_batsu.png);
	width:418px;
	height:360px;
	top:801px;
	left:431px;
/*	visibility:hidden; */
/*	visibility:visible; */
	transition:transform 1s ease 0s;
}

div.figureq1
{
	top:420px;
	left:66px;
	width:534px;
	height:328px;
	position:absolute;
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center bottom;
}

div.q_caption
{
	top:748px;
	left:66px;
	width:534px;
	height:50px;
	font-size: 20px;
	position:absolute;
	text-align: center;
}

div.optionframe
{
	border:5px solid #f4c825;
	background-color:#f4c825;
	border-radius:5px;
	width:536px;
	height:148px;
	left:691px;
	position:absolute;
	z-index:210;
	font-size:60px;
	cursor: pointer;
}

div.optiontext
{
	border-width:0px;
	background-color:white;
	width:443px;
	height:138px;
	left:88px;
	top:5px;
	position:absolute;
	z-index:220;
}

div.optionnum
{
	position:absolute;
	top:33px;
	left:25px;
	z-index:230;
}

div#of1
{
	top:50px;
}

div#of2
{
	top:234px;
}

div#of3
{
	top:418px;
}

div#of4
{
	top:602px;
}
div.ptitle
{
	position:absolute;
	top:57px;
	left:152px;
	font-size:52px;
}

.qsentence
{
	position:absolute;
	top:15px;
	left:0px;
	width:536px;
	font-size:30px;
	overflow:visible;
	text-align: justify;
	text-justify: inter-ideograph;
}

.qsentencebox
{
	position:absolute;
	top:152px;
	left:50px;
	width:566px;
	height:254px;
	overflow:auto;
}

div.optiontextstr
{
	position:absolute;
	left:30px;
	top:30px;
	font-size:60px;
	z-index:250;
}

/*
div#ots1
{
	top:30px;
	font-size:60px;
}

div#ots2
{
	top:14px;
	font-size:36px;
}
*/

div.answer
{
	position:absolute;
	top:60px;
	left:300px;
	width:955px;
	font-size:46px;
	text-align:right;
}

div.line
{
	position:absolute;
	top:154px;
	left:0px;
	width:1280px;
	height:5px;
	background-color:#f4c825;
}

div.amap
{
	position:absolute;
	top:193px;
	left:51px;
	height:430px;
	width:570px;
	overflow:hidden;
	border-radius: 30px;
	box-shadow: 15px 15px 10px rgba(0,0,0,0.4);
	z-index: 20;
	transform: translate(424px, 242px) scale(0.01, 0.01);
	visibility: hidden; /* visible thru opaque button */
}

div.descbox
{
	position:absolute;
	top:193px;
	left:51px;
	height:410px;
	width:552px;
	overflow:auto;
	z-iindex: 10;
}

div.desc
{
	position:absolute;
	top:12px;
	left:0px;
	width:532px;
	font-size:24px;
	overflow:visible;
	text-align: justify;
	text-justify: inter-ideograph;
}

div.figurea1
{
	top:192px;
	left:686px;
	width:515px;
	height:368px;
	position:absolute;
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center bottom;
}

div.d_caption
{
	top:560px;
	left:686px;
	width:515px;
	height:26px;
	font-size: 20px;
	position:absolute;
	text-align: center;
}

div.ikkuframe
{
	position:absolute;
	left:50px;
	top:665px;
	width:636px;
	height:76px;
	border:5px solid #f4c825;
	border-radius:5px;
}

div.ikkutitlebase
{
	position:absolute;
	left:0px;
	top:0px;
	width:167px;
	height:76px;
	background-color:#f9e392;
}

div.ikkutitle
{
	position:absolute;
	font-size:24px;
	background-color:#f9e392;
	left:0px;
	top:22px; /* (76-24)/2 */
	text-align:center;
	width:167px;
}

div.ikkucontents
{
	position:absolute;
	font-size:24px;
	left:186px;
	top:22px; /* (76-24)/2 */
}

div#lmap
{
	top:636px;
	left:748px;
	width:319px;
	height:115px;
	position:absolute;
	background-image:url(/chiyoda-furusatokentei/lmap.png);
	background-size:contain;
	z-index: 30;
	cursor: pointer;
}

div#nextq,div#goeval
{
	top:603px;
	left:1086px;
	width:154px;
	height:154px;
	position:absolute;
	background-size:contain;
	cursor: pointer;
}

div#goeval { background-image:url(/chiyoda-furusatokentei/goeval.png); visibility:hidden; }
div#nextq { background-image:url(/chiyoda-furusatokentei/nextq.png); }

div.erestart
{
	top:606px;
	left:718px;
	width:483px;
	height:122px;
	position:absolute;
	background-size:contain;
	background-image:url(/chiyoda-furusatokentei/erestart.png);
	cursor: pointer;
}

div.etitle
{
	top:64px;
	left:587px;
	font-size:50px;
	position:absolute;
}

div.ebelt {
	width:1280px;
	height:164px;
	position:absolute;
	top:156px;
	left:0px;
	background-color:#f4c825;
}

div.ecount
{
	width:1280px;
	height:100px;
	position:absolute;
	top:13px;
	left:0px;
	font-size:99px;
	text-align:center;
	vertical-align: middle;
	letter-spacing: 12px;
}

div.ehakucho
{
	width:549px;
	height:351px;
	position:absolute;
	top:513px;
	left:133px;
	background-repeat:no-repeat;
	background-size:contain;
}

div.esentence
{
	width:1200px;
	height:98px;
	position:absolute;
	top:368px;
	left:40px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:50% 0%;
	font-size: 40px;
	text-align: center;
}

[data-ruby-0], [data-ruby-1], [data-ruby-2]
{
	position: relative;
}

[data-ruby-0]::before { content: attr(data-ruby-0); }
[data-ruby-1]::before { content: attr(data-ruby-1); }
[data-ruby-2]::before { content: attr(data-ruby-2); }

[data-ruby-0]::before, [data-ruby-1]::before, [data-ruby-2]::before
{
	position: absolute;
	top: -0.8em;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 0.48em;
	text-align: center;
/*
	text-align: justify;
	text-align-last: justify;
	text-justify: inter-ideograph;
	text-justify: distribute-all-lines;
*/
}

[data-ruby-1]::before { letter-spacing: -0.18em; }
[data-ruby-2]::before { letter-spacing: -0.25em; }