/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
a:hover img {
	opacity: 0.75;
}

/* Clearing floats */
.cf:after,
 {
	clear: both;
}
.cf:before,
.cf:after {
	display: table;
	content: "";
}


/* =Repeatable patterns
-------------------------------------------------------------- */

/* font */

.red { color: #ff3333; }
.purple { color: #7f03b1; }
.orange { color: #fa9401; }
.green { color: #8cc902; }
.blue { color: #42a7d3; }
.small { font-size: 12px; }
.large { font-size: 14px; }
.x-large { font-size: 16px; }
.xx-large { font-size: 18px; }
.xxx-large { font-size: 20px; }
.nowrap { white-space: nowrap; }

/* Responsive images and multimedia */
img {
	max-width: 100%; /* Fluid images for posts, comments, and sidebars */
	height: auto;
}
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* layout */
.justifyleft { text-align: left; }
.justifyright { text-align: right; }
.center { text-align: center; }
.alignleft { float: left; }
.alignright { float: right; }
.clear { clear: both; }
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* hyperlink */
a {
	outline: none;
	color: #21759b;
}
a:hover {
	color: #0f3647;
}



/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
	font-size: 87.5%;
}
body {
	font-size: 12px;
	color: #444;
}
/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}

/* Page structure */
#wrapper {
	background-color: #fff;
}
#site-header {
}
#site-main {
	padding: 0 5px;
}
#contents {
	margin: 10px 0 0;
	overflow: hidden;
}
#sidebar {
	margin: 10px 0 0;
}
#site-footer {
	clear: both;
}

/* Header */
h1 img {
	max-width: 100%;
	width: auto;
	height: auto;
	vertical-align: bottom;
}
h1 a img:hover {
	opacity: 1;
}

/* Navigation Menu */
#navi {
	padding: 2px 0;
}
#navi li {
	display: inline-block;
	font-size: 12px;
}
#navi img {
	max-width: 100%;
	width: auto;
	height: auto;
	vertical-align: bottom;
}
#navi li:nth-child(1) { width: 61.25%; }
#navi li:nth-child(2) { width: 38.75%; }
#navi li:nth-child(3) { width: 50%; }
#navi li:nth-child(4) { width: 50%; }
#navi li:nth-child(5) { width: 53.75%; }
#navi li:nth-child(6) { width: 46.25%; }

/* Sidebar */
.banner {
	float: left;
	width: 50%;
	margin-bottom: 10px;
}
.banner a {
	display: block;
	padding: 0 5px;
}
.banner img {
	max-width: 100%;
	width: auto;
	height: auto;
}
.facebook {
	clear: left;
	margin: 10px 0;
	padding: 0 5px;
	text-align: center;
}
.fb-like-box,
.fb-like-box > span,
.fb-like-box iframe {
	width: 100% !important;
}

/* Footer */
#site-footer img {
	width: 100%;
	height: 5px;
	overflow: hidden;
	vertical-align: top;
}
#copyright {
	padding: 4px 0 6px;
	background-color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 2;
}
#copyright a {
	color: #666666;
}
#copyright a:hover {
	color: #999999;
	text-decoration: none;
}


/* =Main content
-------------------------------------------------------------- */

#contents {
	clear: both;
	margin-bottom: 10px;
	line-height: 1.714285714;
}

/* common - class */
.content-box {
	margin-bottom: 15px;
}
.socialmedia {
	height: 21px;
	margin: 5px 0 10px;
}
.socialmedia-twitter {
	float: left;
	width: 100px;
	height: 21px;
}
.socialmedia-facebook {
	float: left;
}
.socialmedia-facebook iframe {
	max-width: none;
}
.pagetop {
	clear: both;
	padding: 0 5px;
	text-align: right;
}

.left120,
.right120 {
	width: 120px;
}
.left160,
.right160 {
	width: 160px;
}
.left120,
.left160 {
	float: left;
	padding: 0 10px 10px;
}
.right120,
.right160 {
	float: right;
	padding: 0 10px 10px;
}
.sp-left50 {
	float: left;
	width: 50%;
}
.sp-left50 .content-box {
	padding-right: 5px;
}
.sp-right50 {
	float: right;
	width: 50%;
}
.sp-right50 .content-box {
	padding-left: 5px;
}
.sp-clear {
	clear: both;
}

/* common - block tags */
#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contents h6 {
	margin: 10px 0;
	padding: 0 10px;
}
#contents h2 {
	width: auto;
	height: 48px;
	margin: 15px 0;
	padding: 12px 108px 0 7px;
	padding: 12px 16.875% 0 1.09375%;
	background: url(../images/h2-bg.png) left top no-repeat;
	background-size: contain;
	color: #fa9401;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}
#contents h2 img {
	width: 470px;
	vertical-align: top;
}
#contents h3 {
	padding-left: 48px;
	background: url(../images/h3-bg.png) 10px 6px no-repeat;
	font-size: 14px;
}
#contents h4 {
	font-size: 14px;
	line-height: 1.846153846;
}
#contents h5 {
	font-size: 13px;
	line-height: 1.846153846;
}
#contents h6 {
	font-size: 12px;
	line-height: 1.846153846;
}
#contents p {
	margin: 0 0 10px;
	padding: 0 10px;
	line-height: 1.846153846;
}
#contents ol {
	margin: 0 0 15px;
	line-height: 1.714285714;
	list-style: decimal outside;
}
#contents ol li {
	margin: 0 0 0 35px;
}
#contents ul {
	margin: 0 0 15px;
	line-height: 1.714285714;
	list-style: none outside;
}
#contents ul li {
	padding: 0 0 0 35px;
	background: url(http://www.jnne.org/gce2015/images/li-bg.png) 12px 7px no-repeat;
}
#contents ul ul,
#contents ol ol,
#contents ul ol,
#contents ol ul {
	margin-bottom: 0;
}
#contents table {
	max-width: 100%;
	margin: 15px 5px;
	border: 3px double #8cc902;
	border-radius: 2px;
}
#contents caption {
	font-size: 16px;
	margin: 25px 0;
}
#contents thead {
	border-bottom: 3px double #8cc902;
}
#contents th {
	border: 1px solid #8cc902;
	padding: 2px 5px;
	text-align: center;
}
#contents td {
	border: 1px solid #8cc902;
	padding: 2px 5px;
}

/* common - inline tags */
#contents img {
	vertical-align: bottom;
}
#contents img.border {
	border: 1px solid #ccc;
}

/* landing page */
#landing .count {
	max-width: 234px;
	margin: 0 auto 10px;
	border: 3px double #fa9401;
	border-radius: 10px;
	text-align: center;
}
#landing .count p {
	margin: 0;
}
#landing dl {
	clear: both;
	padding: 0 10px;
	padding: 0 0.714285714rem;
}
#landing dt {
	font-weight: bold;
}

/* about */
#landing .lead,
#about .lead {
	border: 1px solid #8cc902;
	border-radius: 10px;
}
#landing .lead h3,
#about .lead h3 {
	padding: 0 10px;
	background: none;
}

/* current */
#current .pencil,
#current .world {
	clear: both;
	margin: 10px 0;
}
#current .pencil .current-face {
	float: left;
	width: 120px;
	margin: 0 10px 10px 0;
}
#current .pencil .current-voice {
	position: relative;
	border: 2px solid #8cc902;
	border-radius: 10px;
	margin: 0 0 0 130px;
}
#current .world .current-face {
	float: right;
	width: 120px;
	margin: 0 0 10px 10px;
}
#current .world .current-voice {
	position: relative;
	border: 2px solid #42a7d3;
	border-radius: 10px;
	margin: 0 130px 0 0;
}
#current .pencil p,
#current .world p {
	margin: 10px 0;
}

/* faq */
#faq dl {
	clear: both;
	margin: 15px 0;
	padding: 0 10px;
}
#faq dl dt {
	font-weight: bold;
}
#faq dl dt .faq-q {
	color: #ff3333;
	font-family: courier;
	font-size: 24px;
}
#faq dl dd {
	line-height: 1.846153846;
}
#faq dl dd .faq-a {
	color: #3333ff;
	font-family: courier;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
}

/* report */
.report-count {
	border: 3px double #fa9401;
	border-radius: 10px;
	text-align: center;
}
.report-count p {
	margin: 10px 0;
	line-height: 1.6;
}
.map-pref {
	float: left;
	width: 50%;
	padding: 0;
}
.map-border {
	margin: 1px;
	padding: 5px;
	background-color: #666;
	color: #fff;
}
.map-border:after {
	clear: both;
}
.map-border:before,
.map-border:after {
	display: table;
	content: "";
}
.map-name {
	display: block;
	float: left;
	width: 60%;
}
.map-count {
	display: block;
	float: left;
	width: 30%;
	text-align: right;
}
#pref-01 .map-border,
#pref-24 .map-border,
#pref-25 .map-border,
#pref-26 .map-border,
#pref-27 .map-border,
#pref-28 .map-border,
#pref-29 .map-border,
#pref-30 .map-border,
#pref-47 .map-border {
	background-color: #7f03b1;
}
#pref-02 .map-border,
#pref-03 .map-border,
#pref-04 .map-border,
#pref-05 .map-border,
#pref-06 .map-border,
#pref-07 .map-border,
#pref-31 .map-border,
#pref-32 .map-border,
#pref-33 .map-border,
#pref-34 .map-border,
#pref-35 .map-border {
	background-color: #fa9401;
}
#pref-08 .map-border,
#pref-09 .map-border,
#pref-10 .map-border,
#pref-11 .map-border,
#pref-12 .map-border,
#pref-13 .map-border,
#pref-14 .map-border,
#pref-36 .map-border,
#pref-37 .map-border,
#pref-38 .map-border,
#pref-39 .map-border {
	background-color: #8cc902;
}
#pref-15 .map-border,
#pref-16 .map-border,
#pref-17 .map-border,
#pref-18 .map-border,
#pref-19 .map-border,
#pref-20 .map-border,
#pref-21 .map-border,
#pref-22 .map-border,
#pref-23 .map-border,
#pref-40 .map-border,
#pref-41 .map-border,
#pref-42 .map-border,
#pref-43 .map-border,
#pref-44 .map-border,
#pref-45 .map-border,
#pref-46 .map-border,
#pref-47 .map-border {
	background-color: #42a7d3;
}

/* impression */
#impression .impression-box {
	border: 2px solid #8cc902;
	border-radius: 10px;
	margin: 0 0 20px 0;
}
#impression .impression-count:nth-child(odd) .impression-box {
	margin: 0 60px 20px 0;
}
#impression .impression-count:nth-child(even) .impression-box {
	border: 2px solid #42a7d3;
	margin: 0 0 20px 60px;
}
#impression .impression-box h4 {
	margin: 0 0 5px;
	border-bottom: 1px solid #8cc902;
}
#impression .impression-count:nth-child(even) .impression-box h4 {
	border-bottom: 1px solid #42a7d3;
}
#impression .impression-box h5 {
	margin: 0;
}
#impression .impression-box ul {
	margin: 0 0 5px;
}
#impression .impression-box li {
	padding: 0 10px 0 45px;
	background: url(http://www.jnne.org/gce2015/images/li-bg.png) 22px 7px no-repeat;
}
#impression .impression-count:nth-child(even) .impression-box li {
	background: url(http://www.jnne.org/gce2015/images/li-blue-bg.png) 22px 7px no-repeat;
}

/* openclass */
#openclass table {
	width: auto;
	table-layout: fixed;
}
#openclass th,
#openclass td {
	padding: 5px;
	padding: 0.357142857rem;
}
.openclass-date {
	width: 25%;
}
.openclass-place {
	width: 15%;
}
.openclass-event {
	width: 32.5%;
}
.openclass-organization {
	width: 27.5%;
}

/* ngo */
#ngo table .ngo-list-left {
	width: 40%;
	max-width: 200px;
}
#ngo th {
	text-align: center;
	vertical-align: middle;
}
#ngo td {
	vertical-align: middle;
}

/* movie */
#movie img.youtube-logo {
	float: left;
	margin: 7px 17px 17px 7px;
	vertical-align: middle;
}




/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 400 pixels. */
@media screen and (min-width: 400px) {
	#navi li:nth-child(1) { width: 41.666666666%; }
	#navi li:nth-child(2) { width: 25%; }
	#navi li:nth-child(3) { width: 33.333333333%; }
	#navi li:nth-child(4) { width: 40%; }
	#navi li:nth-child(5) { width: 32.5%; }
	#navi li:nth-child(6) { width: 27.5%; }
}

/* Minimum width of 450 pixels. */
@media screen and (min-width: 450px) {
	.map-pref { 
		width: 33.33333333%;
	}
}

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px), print {
	/* Basic Structure */
	body {
		background-color: #f5f5f5;
		font-size: 13px;
	}
	#wrapper {
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
		overflow: hidden;
		box-shadow: 0 5px 5px 0 #999;
	}
	#site-main {
		margin: 0 auto;
		padding: 0 10px;
		overflow: hidden;
	}
	#contents {
		float: left;
		max-width: 660px;
		width: 70.212765957%;
	}
	#sidebar {
		float: right;
		max-width: 280px;
		width: 29.787234042%;
	}

	/* header */
	#navi li:nth-child(1) { width: 22.39583333%; }
	#navi li:nth-child(2) { width: 11.97916666%; }
	#navi li:nth-child(3) { width: 18.22916666%; }
	#navi li:nth-child(4) { width: 18.75%; }
	#navi li:nth-child(5) { width: 15.10416666%; }
	#navi li:nth-child(6) { width: 13.54166666%; }

	/* sidebar */
	.banner {
		float: none;
		width: auto;
		margin-bottom: 15px;
		padding: 0 0 0 20px;
	}
	.banner a {
		padding: 0;
	}
	.facebook {
		margin-bottom: 15px;
		padding: 0 0 0 20px;
	}

	/* contents */
	#contents article {
		max-width: 640px;
		padding-left: 10px;
	}
	.socialmedia {
		padding: 5px 5px 10px;
	}

	/* contents - class */
	.sp-left50,
	.sp-right50 {
		float: none;
		width: auto;
	}
	.sp-left50 .content-box,
	.sp-right50 .content-box {
		padding: 0;
	}
	.sp-clear {
		clear: none;
	}
	.pc-left25 {
		float: left;
		width: 25%;
	}
	.pc-left33 {
		float: left;
		width: 33.33333333%;
	}
	.pc-left50{
		float: left;
		width: 50%;
	}
	.pc-left60 {
		float: left;
		width: 60%;
	}
	.pc-left25 .content-box,
	.pc-left33 .content-box,
	.pc-left50 .content-box,
	.pc-left60 .content-box {
		padding-right: 10px;
	}
	.pc-center33 {
		float: left;
		width: 33.33333333%;
	}
	.pc-center33 .content-box {
		padding: 0 5px;
	}
	.pc-right25 {
		float: left;
		width: 33.33333333%;
	}
	.pc-right33 {
		float: left;
		width: 33.33333333%;
	}
	.pc-right40 {
		float: right;
		width: 40%;
	}
	.pc-right50 {
		float: right;
		width: 50%;
	}
	.pc-right25 .content-box,
	.pc-right33 .content-box,
	.pc-right40 .content-box,
	.pc-right50 .content-box {
		padding-left: 10px;
	}

	.pc-right240 {
		float: right;
		width: 240px;
		padding: 0 10px 10px;
	}
	.pc-clear {
		clear: both;
	}

	/* contents - tag */
	#contents h2 {
		padding-top: 25px;
	}
	#contents h3 {
		font-size: 16px;
	}

	/* landing page */
	#landing dt {
		float: left;
		width: 80px;
	}
	#landing dd {
		margin-left: 80px;
	}

	/* report */
	.report-count {
		width: 280px;
		margin-left: 20px;
	}
	#report .report-count p {
		margin: 5px 0;
	}
	.map {
		position: relative;
		width: 100%;
		height: 480px;
		margin-top: -60px;
		font-size: 11px;
	}
	.map-pref {
		position: absolute;
		overflow: hidden;
		width: 7.142857143%;
		height: 40px;
	}
	.map-pref .map-border {
		padding: 2px 0;
		white-space: nowrap;
	}
	.map-pref .map-name,
	.map-pref .map-count {
		float: none;
		width: 100%;
		height: 18px;
		text-align: center;
	}
	#pref-01 {
		top: 0px;
	}
	#pref-02, #pref-91 {
		top: 80px;
	}
	#pref-03, #pref-05, #pref-92 {
		top: 120px;
	}
	#pref-04, #pref-06 {
		top: 160px;
	}
	#pref-07, #pref-15, #pref-16, #pref-17 {
		top: 200px;
	}
	#pref-08, #pref-09, #pref-10, #pref-18, #pref-20, #pref-21 {
		top: 240px;
	}
	#pref-11, #pref-25, #pref-26, #pref-28, #pref-31, #pref-32, #pref-35, #pref-40 {
		top: 280px;
	}
	#pref-12, #pref-13, #pref-19, #pref-23, #pref-24, #pref-27, #pref-29, #pref-33, #pref-34, #pref-41, #pref-42, #pref-44 {
		top: 320px;
	}
	#pref-14, #pref-22, #pref-30, #pref-37, #pref-38, #pref-43, #pref-45 {
		top: 360px;
	}
	#pref-36, #pref-39, #pref-46 {
		top: 400px;
	}
	#pref-47 {
		top: 440px;
	}
	#pref-42, #pref-47 {
		left: 0;
	}
	#pref-40, #pref-41, #pref-43, #pref-46 {
		left: 7.14285714%;
	}
	#pref-44, #pref-45, #pref-91, #pref-92 {
		left: 14.28571429%;
	}
	#pref-35 {
		left: 21.42857143%;
	}
	#pref-32, #pref-34, #pref-38, #pref-39 {
		left: 28.57142857%;
	}
	#pref-31, #pref-33, #pref-36, #pref-37 {
		left: 35.71428571%;
	}
	#pref-27, #pref-28 {
		left: 42.85714286%;
	}
	#pref-18, #pref-26, #pref-29, #pref-30 {
		left: 50%;
	}
	#pref-17, #pref-24, #pref-25 {
		left: 57.14285714%;
	}
	#pref-16, #pref-21, #pref-23 {
		left: 64.28571429%;
	}
	#pref-15, #pref-19, #pref-20, #pref-22 {
		left: 71.42857143%;
	}
	#pref-10, #pref-11, #pref-13, #pref-14 {
		left: 78.57142857%;
	}
	#pref-01, #pref-02, #pref-05, #pref-06, #pref-07, #pref-09 {
		left: 85.71428571%;
	}
	#pref-03, #pref-04, #pref-08, #pref-12 {
		left: 92.85714286%;
	}
	#pref-01, #pref-02, #pref-07, #pref-11, #pref-13, #pref-14, #pref-15, #pref-18, #pref-30, #pref-40, #pref-46 {
		width: 14.28571429%;
	}
	#pref-01, #pref-08, #pref-12, #pref-20, #pref-21, #pref-23, #pref-35 {
		height: 80px;
	}
	#pref-01 .map-name, #pref-08 .map-name, #pref-12 .map-name, #pref-20 .map-name, #pref-21 .map-name, #pref-23 .map-name, #pref-35 .map-name {
		padding-top: 20px;
	}
	#pref-01 .map-count, #pref-08 .map-count, #pref-12 .map-count, #pref-20 .map-count, #pref-21 .map-count, #pref-23 .map-count, #pref-35 .map-count {
		height: 38px;
	}
}




/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	a {
		text-decoration: none;
	}
}