@charset "utf-8";
@import "reset.css";

/* Base Style
================================================== */
body {

	color: #000;
	font-size: 100%;
/*	font-family: 'GenShinGothic-Normal';*/
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', sans-serif;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}

/*
::selection {
    background: #ff8e8a;
    color: #fff;
}
*/






p {

}



a img {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}



a:link {
	color:#000;
}
a:visited {
	color:#000;
	
}
a:hover, a:focus {
	color: #666;

}
.clr{
	clear:both;
	min-height:1em;
}

.clr:after {
    display:block;
    height:1px;
    content:"";
    clear:both;
}
input, select, textarea {
	color: #000;
	font-family: inherit;
	font-size: 100%;
}
.new {
	margin-left: 0;
	padding: 3px 0px 2px;
	border-radius: 2px;
	background-color: #fff;
	color: #ff0000;
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
}
.fs-cap{
	font-size: 180%;
	line-height:150%;
	color: #6E4825;
	font-weight:lighter;
	margin-top:20px;
	margin-bottom:20px;
	}
.fs-cap-02{
	font-weight:700;
	line-height:200%;
	}

img{
	}
.clr{
	clear:both;
	min-height:1em;
}
* html .clr{
	height:1px;
}

.clr:after {
    display:block;
    height:1px;
    content:"";
    clear:both;
}
.margin-b{
	text-align:center;
	margin-top:40px;
		margin-bottom:20px;
	}
.margin-b60{
			margin-bottom:60px;
	}
.margin-b30{
			margin-bottom:60px;
	}
.bl-check{
	background-color: #eee;
	padding: 20px;	
	}
	
.tbl-cnt{
	width: 600px;
	margin-right: auto;
	margin-left: auto;	
	}

.tbl-cnt th{
	font-size: 160%;
	color: #96682E;
	text-align: center;
	margin-bottom: 30px;
	font-weight: lighter;
	padding-bottom: 30px;
}

.tbl-cnt td{

	
	}




/* Clearfix
================================================== */
.inner:after,
header:after,
footer:after,
nav ul:after,
section:after,
article:after,
aside:after,
.clearfix:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
}


/* 2018年　高校生ICT Conferenceページのリンク付け */

.kaisaichi-link-color p a {
	color: #ef821e;
}




/* ＰＣサイト始まり
==================================================
==================================================
==================================================
================================================== */




a:hover img,
a:focus img {
	opacity: 0.85;
	filter: alpha(opacity=85);
}

:-ms-input-placeholder  {
	color: #999999;
}


body , html {
	height: 100%;
}

body {
	margin:0px;
	padding:0px;
	font-size: 100%;
	line-height: 145%;
}



ol, ul {
	list-style: none;
}

form {
	margin: 0px;
	padding: 0px;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.pc-disp {
}
.sp-disp {
	display: none !important;
}

#container {
	position: relative;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	margin: 0;
}


#scrollTop {
	position: fixed;
	right: 0;
	z-index: 20;
	margin-bottom:145px;

}
#scrollTop a {
	text-decoration : none;

}

#scrollTop img {
	width: 104px;

}


.skip a {
  display: block;
  background-color: #007b44;
  color: #fff;
  text-decoration: none;
  text-align: center;
  position: absolute;
  height: 0;
  overflow: hidden;
}


#logout-area {
	background-color: #eeeeee;
	text-align: right;
	padding: 2px;
}
#logout-area span {
	display: inline-block;
	margin-left: 10px;
}
#logout-area span a{
	background-image: url("../images/top_logout_icon.png");
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: 15px;
	display: block;
	background-color: #ef821e;
	padding: 3px 5px 2px 30px;
	text-decoration: none;
	color: #fff;
	font-size: 90%;
}
#logout-area span a:hover {
	color: #f4f4f4;
}

#header {
	position: relative; 
}
#toppage {
	position: absolute;
}
#toppage img{
	width: 130px;

}



#header-inner {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 0 0;
}


#header-inner:after {
	content: "";
	display: block;
	clear: both;
}



#header-inner-l {
	float: left;
	width: 19%;
}
#header-inner-l img{
	width: 100%;
	max-width: 120px;

}

#header-inner-c {
	float: left;
	width: 57%;
	text-align: center;
	padding: 0px 0 0 0;
}


#logo {
	font-size: 30px;
	font-weight: bold;
}
#logo span{
	font-size: 14px;
}
#logo a {
	display: inline-block;
	text-decoration: none;
	background-image: url("../images/logo.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 70px;
	padding: 20px 0 16px 80px;
	text-align: center;
}



#header-inner-c img{

}

#header-inner-r {
	float: left;
	width: 24%;



}




.fontSize {
	padding: 5px 0 0 0;
	font-size: 12px;
}
.fontSize .label {
	padding-right: 5px;
}
.fontSize .default a {
	padding: 2px 8px;
	background-color: #ef821e;
	color: #fff;
	text-decoration: none;
}
.fontSize .large a {
	padding: 2px 8px;
	background-color: #eeeeee;
	color: #ef821e;
	text-decoration: none;
}

.fontSize .default a:hover {
	background-color: #f5b174;
}
.fontSize .large a:hover {
	background-color: #f4f4f4;
}




input#keyword {
	width: 75%;
	max-width: 300px;
	font-size: 12px;
}

.english {
	padding-bottom: 3px;
}
.english a {
    display: inline-block;
    padding: 2px 10px 2px 15px;
    background-color: #14a6a3;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}
.english a:hover {
    background-color: #1bded9;
}

.sp-header {
	display: none;
}






#globalNavInner {
	width: 100%;
	max-width: 666px;
	margin: 0 auto;
	padding: 0 0 0 0;
}


#globalNavInner:after {
	content: "";
	display: block;
	clear: both;
}


.globalMenu1,
.globalMenu2,
.globalMenu3,
.globalMenu4,
.globalMenu5,
.globalMenu6 {
	float: left;
	width: 16.66%;
	padding: 0 5px;
}



.globalMenu1 a{
	display: inline-block;
	background-image: url("../images/bg-globalMenu1.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.globalMenu2 a{
	display: inline-block;
	background-image: url("../images/bg-globalMenu2.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.globalMenu3 a{
	display: inline-block;
	background-image: url("../images/bg-globalMenu3.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.globalMenu4 a{
	display: inline-block;
	background-image: url("../images/bg-globalMenu4.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.globalMenu5 a{
	display: inline-block;
	background-image: url("../images/bg-globalMenu5.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.globalMenu6 a{
	display: inline-block;
	background-image: url("../images/bg-globalMenu6.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

.top-category_anshinkyo .globalMenu1 a{
	background-image: url("../images/bg-globalMenu1-p2.png");
}
.top-category_lectures .globalMenu2 a{
	background-image: url("../images/bg-globalMenu2-p2.png");
}
.top-category_sp .globalMenu3 a{
	background-image: url("../images/bg-globalMenu3-p2.png");
}
.top-category_safe-internet .globalMenu4 a{
	background-image: url("../images/bg-globalMenu4-p2.png");
}
.top-category_investigation .globalMenu5 a{
	background-image: url("../images/bg-globalMenu5-p2.png");
}
.top-category_reports .globalMenu6 a{
	background-image: url("../images/bg-globalMenu6-p2.png");
}





.globalMenu1 a:hover{
	display: inline-block;
	background-image: url("../images/bg-globalMenu1-p2.png");
	background-repeat: no-repeat;
	background-position: top top;
}
.globalMenu2 a:hover{
	display: inline-block;
	background-image: url("../images/bg-globalMenu2-p2.png");
	background-repeat: no-repeat;
	background-position: top top;
}
.globalMenu3 a:hover{
	display: inline-block;
	background-image: url("../images/bg-globalMenu3-p2.png");
	background-repeat: no-repeat;
	background-position: top top;
}
.globalMenu4 a:hover{
	display: inline-block;
	background-image: url("../images/bg-globalMenu4-p2.png");
	background-repeat: no-repeat;
	background-position: top top;
}
.globalMenu5 a:hover{
	display: inline-block;
	background-image: url("../images/bg-globalMenu5-p2.png");
	background-repeat: no-repeat;
	background-position: top top;
}
.globalMenu6 a:hover{
	display: inline-block;
	background-image: url("../images/bg-globalMenu6-p2.png");
	background-repeat: no-repeat;
	background-position: top top;
}








#globalNavInner > div > ul.child {
	display: none;
	position: absolute;
	background: #fff;
	z-index: 800;
}
#globalNavInner > div > ul.child li {

	border-left: solid 1px #eee;
	border-right: solid 1px #eee;
	border-bottom: solid 1px #eee;
}

#globalNavInner > div > ul.child a{
          color: #000;
	text-decoration:none;
	display:block;
	padding:5px 20px 5px 10px;
	background-image: none;
}
#globalNavInner > div > ul.child a:hover{
          color: #7e7e7e;
	background: #fff;
	background-image: none;
}









#content {
	width:100%;
	padding-bottom:30px;
}

















.top1 {
	width: 100%;
	background-color: #f28300;
	margin-top: 15px;
}
.top1-inner {
	width: 100%;
	max-width: 927px;
	margin: 0 auto;
	background-image: url("../images/bg-top1.png");
	background-repeat: no-repeat;
	background-position: center 50%;
	background-size: contain;
	padding: 40px 0;
}
.top1-inner ul{
  display: -webkit-inline-flex; /* Safari */
  display: inline-flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
}

.top1-inner ul li{

	width: 50%;
	margin-bottom: 30px;
}
.top1-inner ul li:nth-child(odd){
	padding-left: 10%;
	padding-right: 18.18%
}
.top1-inner ul li:nth-child(even){
	padding-left: 21%;
	padding-right: 7.18%;
}


.top1-inner ul li img{
	width: 100%;
	max-width: 193px;
}

.top1-inner ul li span {


}
.top1-inner ul li span a{
	color: #fff;
	background-image: url("../images/bg-link-top1.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	text-decoration: none;
}
.top1-inner ul li span a:hover{
	text-decoration: underline;
}


.top2 {
	width: 100%;
}
.top2-inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 4px;
}
.top2-inner ul{
 display: -webkit-inline-flex; /* Safari */
  display: inline-flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
}
.top2-inner ul li{
	width: 16.66666%;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
.top2-inner ul li:nth-child(6),
.top2-inner ul li:nth-child(12){
	border-right: 1px dotted #fff;
}


.top2-inner ul li img{
	width: 100%;
	max-width: 164px;
}


.top2-1 a{
	display: inline-block;
	background-image: url("../images/top2-1.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.top2-2 a{
	display: inline-block;
	background-image: url("../images/top2-2.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.top2-3 a{
	display: inline-block;
	background-image: url("../images/top2-3.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.top2-4 a{
	display: inline-block;
	background-image: url("../images/top2-4.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.top2-5 a{
	display: inline-block;
	background-image: url("../images/top2-5.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.top2-6 a{
	display: inline-block;
	background-image: url("../images/top2-6.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.top2-7 a{
	display: inline-block;
	background-image: url("../images/top2-7.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.top2-8 a{
	display: inline-block;
	background-image: url("../images/top2-8.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.top2-9 a{
	display: inline-block;
	background-image: url("../images/top2-9.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.top2-10 a{
	display: inline-block;
	background-image: url("../images/top2-10.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.top2-11 a{
	display: inline-block;
	background-image: url("../images/top2-11.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.top2-12 a{
	display: inline-block;
	background-image: url("../images/top2-12.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}


.top2-1 a:hover{
	background-image: url("../images/top2-1-p2.png");
	background-color: #efefef;
}
.top2-2 a:hover{
	background-image: url("../images/top2-2-p2.png");
	background-color: #efefef;
}
.top2-3 a:hover{
	background-image: url("../images/top2-3-p2.png");
	background-color: #efefef;
}
.top2-4 a:hover{
	background-image: url("../images/top2-4-p2.png");
	background-color: #efefef;
}
.top2-5 a:hover{
	background-image: url("../images/top2-5-p2.png");
	background-color: #efefef;
}
.top2-6 a:hover{
	background-image: url("../images/top2-6-p2.png");
	background-color: #efefef;
}
.top2-7 a:hover{
	background-image: url("../images/top2-7-p2.png");
	background-color: #efefef;
}
.top2-8 a:hover{
	background-image: url("../images/top2-8-p2.png");
	background-color: #efefef;
}
.top2-9 a:hover{
	background-image: url("../images/top2-9-p2.png");
	background-color: #efefef;
}
.top2-10 a:hover{
	background-image: url("../images/top2-10-p2.png");
	background-color: #efefef;
}
.top2-11 a:hover{
	background-image: url("../images/top2-11-p2.png");
	background-color: #efefef;
}
.top2-12 a:hover{
	background-image: url("../images/top2-12-p2.png");
	background-color: #efefef;
}



.top3 {
	width: 100%;
	margin-top: 50px;
}
.top3-inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 4px;
}

.top3-title-l {
	float: left;
	width: 25%;
}
.top3-title-c {
	float: left;
	width: 50%;
	text-align: center;
}
.top3-title-c img {
	width: 256px;
}
.top3-title-r {
	float: left;
	width: 25%;
	text-align: right;
}
.top3-title-r img {
	width: 86px;
}

.top3-inner ul li{
	border-bottom: 1px dotted #ccc;
	padding: 10px 0 5px 0;
}





.info-thumb {
	display: table-cell;
	text-align: center;

}
.info-thumb img {
	width: 74px;
	padding: 3px;
	border: 1px solid #ccc;

}


.info-main {
	display: table-cell;
	padding-left: 20px;
	vertical-align: top;

}

.info-date {
	color: #999;

}

.info-catgoodnet_activities_topics,
.info-catquestionnaire_data,
.info-catenlightenment_activities_topics,
.info-cat1,
.info-cat2,
.info-cat3,
.info-cat4,
.info-cat5 {
	margin-left: 8px;
	padding-left: 8px;
	padding: 2px 8px;
	color: #fff;
}

.info-catenlightenment_activities_topics,
.info-catgoodnet_activities_topics,
.info-catquestionnaire_data {
	background-color: #ef821e;
}



.info-cat1 {
	background-color: #118cd0;
}
.info-cat2 {
	background-color: #14a6a3;
}
.info-cat3 {
	background-color: #c60063;
}
.info-cat4 {
	background-color: #ee811e;
}
.info-cat5 {
	background-color: #008800;
}





.info-title {
	margin-top: 5px;
	background-image: url("../images/bg-link1.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}

.top-category_members .info-title {
	font-weight: bold;
}

.info-title a{
	text-decoration: none;
}
.info-title a:hover{
	text-decoration: underline;
}
.info-new {
	margin-left: 5px;
	color: #e60062;
	font-weight: bold;
}

.description {
	font-size: 87.6%;
}




.top4 {
	width: 100%;
	margin-top: 50px;
}
.top4-inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 4px;
}
.top4-title {
	text-align: center;
	margin-bottom: 20px;
}
.top4-main {
	text-align: center;
	margin-bottom: 20px;
}
.top4-main img {
	max-width: 620px;
}
.report-title {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 10px;
}
.report-title span{
	padding: 0 5px;
	color: #f0831e;

}

.report-description {
	text-align: center;
}

.report-description span a{
	color: #f0831e;
}



.top5 {
	width: 100%;
	margin-top: 50px;
	background-image: url("../images/bg-top5.png");
	background-repeat: repeat-x;
	background-position: left top;
	padding: 20px 0 10px 0;
}
.top5-inner {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	padding: 0 0;
	vertical-align: middle;

}
.top5-inner ul li img {
	max-width: 76px;
}

.top5-inner .p-new-link-img{
	display: none;
}


.top6 {
	width: 100%;
	margin-top: 50px;
	background-color: #f6f7f7;
	padding: 20px 0;
}
.top6-inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}

.top6-inner ul {
	width: 100%;
	display: -webkit-inline-flex; /* Safari */
	display: inline-flex;
	-webkit-justify-content: center; /* Safari */
	justify-content:         center;
}
.top6-inner ul li {
	width: 16.666%;
	padding: 0 5px;
	text-align: center;
}
.top6-inner ul li img {
	width: 100%;
	max-width: 140px;
}

.top6-inner .p-new-link-img{
	display: none;
}

#footer {
	width:100%;
/*	bottom: 0;
	position: absolute;
*/
}

.footer-inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 10px 5px 0 5px;
	text-align: right;
	font-size: 80%;
}
.footer-inner span {
	margin-right: 10px;
}
.footer-inner span a {
	text-decoration: none;
	margin-left: 2px;
}
.footer-inner span a:hover {
	text-decoration: underline;
}

.footer-logo {
	text-align: center;
	margin: 30px 0 10px 0;
}
.footer-logo-title {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	background-image: url("../images/logo.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 65px;
	padding: 18px 0 10px 70px;
	text-align: center;
}
.footer-english {
	font-size: 10px;
	font-weight: normal;
}


#copyright {
	text-align: center;
	font-size: 65%;

}


#sp-footer {
	display: none;
}
/* コンテンツページ関係始まり
================================================== */

#content-top {
	background-color: #ef821e;
}



.page_honbun img {
	max-width: 100%;
}
.contentBody iframe {
	width: 100%;
}


.contentBody th {
	background-color : #e6e6e6;
	font-weight: bold;
}



#sitemap_main {
	width:100%;
	height: 200px;
	margin: 0 auto;
	background-color : #ffffff;
	background-image: url("../images/sitemap_main.jpg");
	background-repeat: no-repeat;
	background-position: center top

}

#search_main {
	width:100%;
	height: 200px;
	margin: 0 auto;
	background-color : #ffffff;
	background-image: url("../images/sitemap_main.jpg");
	background-repeat: no-repeat;
	background-position: center top

}






#breadCrumb {
	padding: 3px 0 3px 5px;

    color: #fff;
    font-size: 80%;
}
	
	
#breadCrumb a {
	color: #fff;
	text-decoration: none;
}


#breadCrumb a:hover {
	text-decoration: underline;
}


#breadCrumb p {
	margin-left: 0px;
	
}

.scrText {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}



.print_wrp {
	display: none;
	text-align: right;
	padding-top: 8px;
	margin-bottom: -32px;
}


.inner {
	width: 100%;
	max-width: 1000px;
    margin: 0 auto;
    text-align: left;
}

nav {
	width: 100%;
	max-width: 1000px;
    margin: 0 auto;
    text-align: left;
	color: #fff;
	padding: 10px 5px;
}
#content-top nav a {
	color: #fff;
}
#content-top nav a:hover{
	color: #eee;
}

#content-inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}

#content-inner:after {
	content: "";
	display: block;
	clear: both;
}


.page-image {
	margin-top: 15px;
	text-align: center;
}



#main {
	width: 78%;
	float: left;
	background-color: #fff;
	padding: 1px 5px 15px 5px;

}

#main2 {
	width: 100%;
	clear:both;

	background-color: #fff;
	padding: 15px 5px 15px 5px;
}

.page-wrp{
	background-color:#fff;
	margin-top: 15px;
}

.contentBody {
	width: 100%;
    margin-right: auto;
    margin-left: auto;
    clear: both;
    /* min-height: 1em; */
    padding-left: 10px;
    padding-right: 10px;
    /* padding-top: 15px; */
}

.contentBody img {
    /*     border-radius: 7px;*/
	max-width: 100%;
}


#company-gmap {
    width: 100%;
    height: 500px;
}

/*
.thumb {
	display: none;
	float: right;
	padding-left: 5px;
	height: 80px;
    overflow: hidden;

}
.thumb img {
	width: 100px;
	margin-right: 15px;

}

*/
	
	
	
.sns{
	float: left;
	}

img.attached_icon {
	border-radius: 0px;
}





.contentBody .pageList {
  margin-top: 50px;
  margin-left: 0px;
  padding-left: 5px;
}




.contentBody .pageList li {
	width: 100%;
	list-style-type: none;
	background-image: url(../images/bg-pageList.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 36px;
	border-bottom: 1px dotted #ef821e;
	margin-bottom: 0;
	padding-left: 50px;

}


.pageList .thumb {
	display: table-cell;
	vertical-align: top;
	padding-right: 15px;
}
.pageList .thumb img {
	width: 150px
}

.pageList .li-r {
	display: table-cell;
	vertical-align: top;
	padding-top: 5px;
}



.pageList .title {
    font-size: 120%;
    font-weight: bold;
}

.pageList .title a{
	padding: 5px 0 0 0;
	text-decoration: none;
	display: block;
	}

.pageList .title a:hover {
	text-decoration: underline;
}

.pageList .date {
	font-size:80%;
	color: #6E4825;

	margin-bottom: 0px;
	margin-top: 0px;
}


.pageList .description {

	font-weight: normal;
	margin-top:0px;
	padding-left: 0px;
	color: #5b5b5b;
}











.contentBody .pagination {
	text-align:center;
	}
.contentBody .pagination .current,
.contentBody .pagination .gap {
	color: #000;
}
.contentBody .pagination a{
		background-color : #000000;
		color:#fff;
		text-decoration:none;
	text-align: center;
	border-radius: 100px;		/* CSS3草案 */
	-webkit-border-radius: 100px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 100px;	/* Firefox用 */
	padding:5px;
}

#sidemenu {
	width: 21%;
	float: right;
	margin-top:0px;
	margin-left: 1%; 
}
#sidemenu img{
	width: 100%;
}



.sideHeader {
	width: 100%;
	background-color: #eeefef;
}
.sideHeader h2 {
	padding: 50px 2px;
	color: #ef821e;
	text-align: center;

}

.sideBody {
	width: 100%;
	padding: 10px 0 10px 0;
	margin-bottom: 20px;
	font-size: 85%;
}

.sideBody li {
	margin: 0 0 0 0;
	padding: 5px 0 5px 18px;
	background-image: url(../images/bg-sidemenu.png);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom: 1px dotted #ef821e;
}

.sideBody .current_page {
	background-color: #eeefef;
}

.active {
    color: #bf423e;
}


.sideBody a {
	background-image: url("../images/link-icon01.png");
	background-repeat: no-repeat;
	background-position: left;
	text-decoration : none;

}


.sidebanner {
	margin-top:15px;
	text-align: center;
}

.sidebanner li{

	border-bottom:dotted 1px #ccc;
}

.sidebanner li img{
	width: 100%;
	max-width: 201px;
}

.sidebanner .sidebanner1 a{
	background-image: url("../images/sidebanner1.png?pid=123");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: inline-block;

}
.sidebanner .sidebanner2 a{
	background-image: url("../images/sidebanner2.png?pid=123");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	display: inline-block;

}
.sidebanner .sidebanner3 a{
	background-image: url("../images/sidebanner3.png?pid=123");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	display: inline-block;

}
.sidebanner .sidebanner4 a{
	background-image: url("../images/sidebanner4.png?pid=123");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	display: inline-block;

}
.sidebanner .sidebanner5 a{
	background-image: url("../images/sidebanner5.png?pid=123");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	display: inline-block;

}
.sidebanner .sidebanner6 a{
	background-image: url("../images/sidebanner6.png?pid=123");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	display: inline-block;

}
.sidebanner .sidebanner7 a{
	background-image: url("../images/sidebanner7.png?pid=123");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	display: inline-block;

}
.sidebanner .sidebanner8 a{
	background-image: url("../images/sidebanner8.png?pid=123");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	display: inline-block;

}
.sidebanner .sidebanner9 a{
	background-image: url("../images/sidebanner9.png?pid=123");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	display: inline-block;

}
.sidebanner .sidebanner10 a{
	background-image: url("../images/sidebanner10.png?pid=123");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	display: inline-block;

}
.sidebanner .sidebanner11 a{
	background-image: url("../images/sidebanner11.png?pid=123");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	display: inline-block;

}
.sidebanner .sidebanner12 a{
	background-image: url("../images/sidebanner12.png?pid=123");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	display: inline-block;

}


.sidebanner .sidebanner1 a:hover{
	background-color: #f5f6f6;
	background-image: url("../images/sidebanner1-p.png?pid=123");
}
.sidebanner .sidebanner2 a:hover{
	background-color: #f5f6f6;
	background-image: url("../images/sidebanner2-p.png?pid=123");
}
.sidebanner .sidebanner3 a:hover{
	background-color: #f5f6f6;
	background-image: url("../images/sidebanner3-p.png?pid=123");
}
.sidebanner .sidebanner4 a:hover{
	background-color: #f5f6f6;
	background-image: url("../images/sidebanner4-p.png?pid=123");
}
.sidebanner .sidebanner5 a:hover{
	background-color: #f5f6f6;
	background-image: url("../images/sidebanner5-p.png?pid=123");
}
.sidebanner .sidebanner6 a:hover{
	background-color: #f5f6f6;
	background-image: url("../images/sidebanner6-p.png?pid=123");
}
.sidebanner .sidebanner7 a:hover{
	background-color: #f5f6f6;
	background-image: url("../images/sidebanner7-p.png?pid=123");
}
.sidebanner .sidebanner8 a:hover{
	background-color: #f5f6f6;
	background-image: url("../images/sidebanner8-p.png?pid=123");
}
.sidebanner .sidebanner9 a:hover{
	background-color: #f5f6f6;
	background-image: url("../images/sidebanner9-p.png?pid=123");
}
.sidebanner .sidebanner10 a:hover{
	background-color: #f5f6f6;
	background-image: url("../images/sidebanner10-p.png?pid=123");
}
.sidebanner .sidebanner11 a:hover{
	background-color: #f5f6f6;
	background-image: url("../images/sidebanner11-p.png?pid=123");
}
.sidebanner .sidebanner12 a:hover{
	background-color: #f5f6f6;
	background-image: url("../images/sidebanner12-p.png?pid=123");
}





.contentBody .pul-li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
	}
.contentBody .pul-li li{
	background-image: url("../images/pul-li.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;

	}

.contentBody .pul-li strong{
	}


.contentBody .pul-li02{
	margin: 0px;
	padding: 0px;
	list-style-type: none;	

	}
	
.contentBody .pul-li02 li{
	background-image: url("../images/pul-li-02.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
	}

.contentBody .pul-li02 strong{
	}



/*青少年の安心安全なインターネット利用 */
.safe-internet-link {
	border: 3px solid #edeeee;
	margin-top: 30px;
}
.contentBody .safe-internet-link ul {
	width: 100%;
	display: -webkit-inline-flex; /* Safari */
	display: inline-flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	padding: 15px 15px 10px 15px;
	margin: 0;
}
.contentBody .safe-internet-link ul li {
	width: 20%;
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
}
.contentBody .safe-internet-link ul li img{
	width: 90%;
	max-width: 146px;
}

/*SNS利用ガイドライン・家庭内ルール作成のすすめ */
.safe-internet-link2 {
	border: 3px solid #edeeee;
	margin-top: 30px;
}
.contentBody .safe-internet-link2 ul {
	width: 100%;
	display: -webkit-inline-flex; /* Safari */
	display: inline-flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	padding: 15px 15px 10px 15px;
	margin: 0;
}
.contentBody .safe-internet-link2 ul li {
	width: 25%;
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
}
.contentBody .safe-internet-link2 ul li img{
	width: 90%;
	max-width: 200px;
}



/*イベントリポート */

.post-form {
	width: 60%;
	padding-left: 10%;
	margin-top: 100px;
	z-index: 100;
	position: relative;
}

.map {
	margin-top: -100px;
	position: relative;
}
.map img {
	width: 100%;
	max-width: 681px;
}


/*会員ページ関係*/

.auth_body {
    border: 3px solid #EF811E;
    margin-top: 50px;
    padding: 20px;
}
.auth_body p{
	text-align: center;
}
.auth_body fieldset{
	margin-bottom: 10px;
}
.auth_body label {
	display: inline-block;
	width: 90px;
}
#loginsubmit {
	width: 150px;
}

.auth_body span {
	display: inline-block;
	margin-right: 15px;
}
.auth_body span a {
	display: block;
	padding: 10px 30px;
	color: #fff;
	background-color: #EF811E;
	text-decoration: none;
}
.auth_body span a:hover {
	color: #f4f4f4;
}



.contentBody .topick_list {

}
.contentBody .topick_list ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.contentBody .topick_list ul li {
	width: 30.33%;
	margin: 0 1.5%;
}


.member_info_title {
	text-align: center;
	margin: 40px 0 25px 0;
}




/*コンテンツページ関係終わり
================================================== */









/*サイトマップ初め
================================================== */

.sitemap {
	margin-left: 0px;

}

.depth1 li {
	padding-top: 0px;

}
.depth2 li {
	padding-top: 0px;
}






/*　画面サイズが768pxから965pxまではここを読み込む　*/
@media screen and (min-width:768px) and ( max-width:965px) {

#toppage img{
	width: 100px;
}

#logo {
	font-size: 24px;

}
#logo span{
	font-size: 10px;
}


}




/* ＰＣサイト終わり
==================================================
==================================================
==================================================
================================================== */




img.p-new-link-img{
	border-radius: inherit;
}

/* 青少年の安心安全なインターネット利用のために*/


/* Archive List
-------------------------------------------------- */
p.currentCategory {
	margin: 30px 10px 5px;
}
p.currentCategory em {
	font-style: normal;
	font-weight: bold;
}
.archiveList {
	margin-bottom: 30px;
}
.archiveList .entry {
	margin-bottom: 10px;
	padding: 20px;
	border: 1px solid #fbf8f3;
	border-radius: 8px;
	box-shadow: 0 0 3px #999;
	background-color: #fbf8f3;
	cursor: pointer;
}
.archiveList .entry:hover,
.archiveList .hover {
	border-color: #fff;
	background-color: #fff;
}

.archiveList .withThumb .entrySummary {
	float: left;
	width: 100%;
	margin-right: -170px;
}
.archiveList .withThumb .entrySummary header,
.archiveList .withThumb .entrySummary .excerpt,
.archiveList .withThumb .entrySummary .entryTags {
	margin-right: 170px;
}
.archiveList .withThumb .entryPhoto {
	float: right;
	width: 150px;

}
.archiveList .entry:hover img,
.archiveList .hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.archiveList .licturesIcon {
	float: left;
	width: 130px;
	height: 130px;
	border: 2px solid #ccc;

	text-align: center;
}

.archiveList .licturesIcon img{
    max-width: 100%;
	max-height: 100%;
}

.archiveList .lecturesSummary {
	margin-left: 150px;
}

.contentBody .archiveList .entryTitle {
	margin-top: .75em;
}
.contentBody .archiveList .entryTitle a {
	display: block;
}

.contentBody .archiveList .entryCategory,
.contentBody .archiveList .entryDate,
.contentBody .archiveList .entryContent {
	font-size: 93.75%;
}
.archiveList .entryCategory,
.archiveList .entryDate,
.archiveList time {
	display: inline-block;
}
.archiveList .entryCategory {
	margin-right: 20px;
}
.archiveList .entryCategory a {
	color: #333;
	text-decoration: none;
}
.archiveList .excerpt,
.archiveList .provider {
	font-size: 93.75%;
}
.archiveList .excerpt {
	margin-top: .75em;
}
.contentBody .archiveList .lecturesSummary h2 {
	margin-top: .5em;
 */	font-size: 131.25%; */
	font-size: 100%; 
 */	line-height: 1.5; */
	line-height: 1.0;
}
.archiveList .materialType {
	margin-bottom: .75em;
	font-size: 93.75%;
}
.archiveList .materialType a {
	margin-bottom: 5px;
	color: #333;
	text-decoration: none;
}
#lectures .archiveList .lecturesSummary .entryTitle {
	margin-top: 0;
}
.archiveList .lecturesSummary .excerpt {
/*	margin-top: .5em; */
	padding-top: .5em;
}

#information .archiveList .entryMeta {
	margin-bottom: 1em;
}
#information .archiveList .entryTitle {
	margin-top: 0;
}
#information .archiveList .withThumb .entrySummary {
	margin-right: -150px;
}
#information .archiveList .withThumb .entrySummary .entryMeta,
#information .archiveList .withThumb .entrySummary .entryContent,
#information .archiveList .withThumb .entrySummary .entryTitle {
	margin-right: 150px;
}
#information .archiveList .withThumb .entryPhoto {
	width: 130px;
	padding: 2px;
	border: 0px solid #ccc;
}



#enquete .question .entryTitle {
	margin-top: 0;
	font-size: 131.25%;
}
#enquete .question p.answerNum {
	text-align: right;
}

@media screen and (max-width: 980px) {
	p.currentCategory {
		margin-right: 0;
		margin-left: 0;
	}
}
@media screen and (max-width: 480px) {
	.archiveList {
		margin-bottom: 20px;
	}
	.archiveList .entry {
		padding: 10px;
	}
	.archiveList .withThumb .entrySummary {
		float: none;
		width: auto;
	}
	.archiveList .withThumb .entrySummary,
	.archiveList .withThumb .entrySummary header,
	.archiveList .withThumb .entrySummary .excerpt,
	.archiveList .withThumb .entrySummary .entryTags,
	#information .archiveList .withThumb .entrySummary,
	#information .archiveList .withThumb .entrySummary .entryMeta,
	#information .archiveList .withThumb .entrySummary .entryContent,
	#information .archiveList .withThumb .entrySummary .entryTitle {
		margin-right: 0;
	}
.contentBody .archiveList h2 {
		margin-top: .5em;
	}
	#information .archiveList .entryMeta {
		margin-bottom: .5em;
	}
	.archiveList .withThumb .entryPhoto {
		float: none;
		width: 130px;
		margin-top: 10px;
	}
	.archiveList .licturesIcon {
		display: none;
	}
	.archiveList .lecturesSummary {
		margin-left: 0;
	}
.contentBody .archiveList .lecturesSummary h2
	#enquete .question .entryTitle {
		font-size: 100%;
	}
	#information p.seeAll {
		font-size: 93.75%;
	}
}





/* Tags and Search
-------------------------------------------------- */
ul.tags,
form.tags {
	margin-top: 30px;
	padding: 30px 20px 0;
	border-top: 1px dotted #ccc;
}
.categories + ul.tags {
	margin-top: 30px;
	padding-top: 0;
	border-top: 0;
}
body.search ul.tags,
body.search form.tags {
	padding-top: 0;
	border-top: 0;
}
.blogSearch {
	padding: 0 20px 10px;
}
ul.tags {
	font-size: 93.75%;
}
.archiveList p.entryTags {
	margin-top: .75em;
}
.contentBody p.entryTags {
	margin-top: -0.75em;
	margin-bottom: 1.5em;
	padding: 0;
}
ul.tags li,
p.entryTags span,
p.entryTags a {
	float: left;
	margin-right: 3px;
	margin-bottom: 10px;
}
ul.tags li:last-child,
p.entryTags span:last-child,
p.entryTags a:last-child {
	margin-right: 0;
}
ul.tags li a,
ul.tags li em,
p.entryTags span,
p.entryTags a {
	display: inline-block;
	padding: 2px 7px 0px 25px;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	background: url(../images/icon_tag1.png) no-repeat 2px 50%;
	color: #333;
	font-style: normal;
	text-decoration: none;
}
ul.tags li em {
	font-weight: bold;
}
p.entryTags span,
p.entryTags a {
	margin-bottom: 5px;
	padding: 1px 5px 0 20px;
	border: 0;
	background-position: 2px 50%;
	background-size: 13px;
	font-size: 81.25%;
}
ul.tags li.recent a {
	border-color: #ffcc89;
	background-color: #ffcc89;
}
ul.tags li.tag1 a,
ul.tags li.tag9 a {
	border-color: #ffd2ca;
	background-color: #ffd2ca;
}
ul.tags li.tag2 a {
	border-color: #ffebca;
	background-color: #ffebca;
}
ul.tags li.tag3 a {
	border-color: #e1f3cb;
	background-color: #e1f3cb;
}
ul.tags li.tag4 a {
	border-color: #d5e1f6;
	background-color: #d5e1f6;
}
ul.tags li.tag5 a,
ul.tags li.tag7 a {
	border-color: #ecd9f9;
	background-color: #ecd9f9;
}
ul.tags li.tag6 a {
	border-color: #cbeff2;
	background-color: #cbeff2;
}
ul.tags li.tag8 a {
	border-color: #bce6ff;
	background-color: #bce6ff;
}
ul.tags li.recent a:hover, ul.tags li.recent a:focus,
ul.tags li.recent em {
	border-color: #ffa323;
	background-color: #ffa323;
}
ul.tags li.tag1 a:hover, ul.tags li.tag1 a:focus,
ul.tags li.tag1 em,
p.entryTags .tag1,
ul.tags li.tag9 a:hover, ul.tags li.tag9 a:focus,
ul.tags li.tag9 em,
p.entryTags .tag9 {
	border-color: #ffad9e;
	background-color: #ffad9e;
}
ul.tags li.tag2 a:hover, ul.tags li.tag2 a:focus,
ul.tags li.tag2 em,
p.entryTags .tag2 {
	border-color: #ffcc61;
	background-color: #ffcc61;
}
ul.tags li.tag3 a:hover, ul.tags li.tag3 a:focus,
ul.tags li.tag3 em,
p.entryTags .tag3 {
	border-color: #a5d867;
	background-color: #a5d867;
}
ul.tags li.tag4 a:hover, ul.tags li.tag4 a:focus,
ul.tags li.tag4 em,
p.entryTags .tag4 {
	border-color: #93b3eb;
	background-color: #93b3eb;
}
ul.tags li.tag5 a:hover, ul.tags li.tag5 a:focus,
ul.tags li.tag5 em,
p.entryTags .tag5,
ul.tags li.tag7 a:hover, ul.tags li.tag7 a:focus,
ul.tags li.tag7 em,
p.entryTags .tag7 {
	border-color: #ddbbf3;
	background-color: #ddbbf3;
}
ul.tags li.tag6 a:hover, ul.tags li.tag6 a:focus,
ul.tags li.tag6 em,
p.entryTags .tag6 {
	border-color: #9fe1e9;
	background-color: #9fe1e9;
}
ul.tags li.tag8 a:hover, ul.tags li.tag8 a:focus,
ul.tags li.tag8 em,
p.entryTags .tag8 {
	border-color: #6bcbff;
	background-color: #6bcbff;
}

form.tags {
	display: none;
}

.tags select,
.tags input,
.blogSearch input {
	border: 1px solid #999;
	border-radius: 4px;
}
.blogSearch input#search {
	width: 11em;
	max-width: 300px;
	padding: 1px 5px;
}
.tags input[type="button"],
.blogSearch input.searchBtn {
	padding: 0 8px !important;
}

p.resultsHeader {
	margin: 15px 10px 5px;
}
p.resultsHeader em {
	font-style: normal;
	font-weight: bold;
}

@media screen and (max-width: 980px) {
	ul.tags,
	.blogSearch {
		padding-right: 10px;
		padding-left: 10px;
	}
	p.resultsHeader {
		margin-right: 0;
		margin-left: 0;
	}
}
@media screen and (max-width: 640px) {
	ul.tags {
		display: none;
	}
	form.tags {
		display: block;
		margin: 20px 0 10px;
		padding: 20px 10px 0;
	}
	.blogSearch {
		padding: 0 10px 10px;
	}
}
@media screen and (max-width: 480px) {
	form.tags {
		margin-top: 20px;
		padding: 20px 0 0;
	}
	.blogSearch {
		padding: 0 0 10px;
	}
	p.resultsHeader {
		margin: 15px 10px 5px;
	}
}





.contentBody .page {
	text-align: right;
}

.contentBody .archiveList h2 {
    font-size: 100%;
    position: relative;
    padding: 0 0 0 0;
    border-bottom: 0px solid #ef821e;
    border-top: 0px solid #ef821e;
    margin-top: 0px;
    margin-bottom: 0px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: left center;
	font-weight: normal;
}

.contentBody .tags {
	list-style: none;
	margin: 30px 0 0 0;

}

/* ロゴの入手 同意チェック */
#applicationForm {
	display: none;
}

.scrText, .current-info, .hide {
	position: absolute !important;
	width: 0;
	height: 0;
	overflow: hidden;
	color: transparent;
}

#links .entry{
	position: relative;
}

#links img.external, #consultation img.external {
	position: absolute;
	top: 20px;
	right: 15px;
}
img.external {
	margin: 0 5px;
	vertical-align: middle;
}

#links .archiveList .category {
	display: inline-block;
	padding: 2px 10px 1px 20px;
	border-radius: 4px;
	background: #ffc36b url(/theme/sn-default/images/icon_tag2.png) no-repeat 5px 55%;
}
#links .archiveList .materialType .category {
	padding: 1px 5px 0 25px;
	background: #dfdfdf url(/theme/sn-default/images/icon_material.png) no-repeat 5px 55% ;
}
#links .archiveList .guide {
	background-color: #ff9ebe !important;
}
#links .archiveList .contents {
	background-color: #d4e366 !important;
}
#links .archiveList .material1 {
	background-color: #cce9e5 !important;
}
#links .archiveList .teaching-materials {
	background-color: #a9e1af !important;
}
#links .archiveList .material4 {
	background-color: #f4f1c8 !important;
}
#links .archiveList .material3 {
	background-color: #f3d6c6 !important;
}
#links .archiveList .ordinances {
	background-color: #adcaea !important;
}
#links .archiveList .report {
	background-color: #ffdab9 !important;
}
#links .archiveList .material2 {
	background-color: #d3e7c4 !important;
}

#information .archiveList .withThumb .entrySummary {
	margin-right: -150px;
}

.contentBody ul.archiveList{
	list-style: none;
}

.none_text{
	display: none;
}
.autoConfirm {
	border: 3px solid #EF811E;
	margin-top: 50px;
	margin-left: 0px;
	padding: 20px;        /*border-radius: 10px;*/
}