@charset "utf-8";
/* ----------------------- Browser Default Initialization */
html{overflow-y:scroll}blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}q:after,q:before{content:''}embed,object{vertical-align:top}h1,h2,h3,h5,h6{font-size:100%}abbr,acronym,fieldset,img{border:0}li{list-style-type:none}body{font-family:Lucida Grande,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;background:#fff;color:#666;font-size:85%;line-height:150%;} body{	font:0.9em/1.6 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}a{ color:#66ccff;}a:active,a:link,a:visited{text-decoration:none;}a:hover{ text-decoration:underline;}footer p,header p,.top_bar_box p { margin:0; margin-bottom:0 !important;}


/* ----------------------- Main Convenience 便利よく使う*/

/* 50%透明　acsyblue  color:rgba(102,204,255,0.50) */

.acsyblue				{ color:#66ccff !important;}
.acsyred				{ color:#FF484B !important;}
.lightblue				{ color:#99ccff !important;}
.morelightblue		{ color:#effaff !important}

.white					{ color:white !important;}

 .left						{ float:left;}
 .right					{ float:right;}
 .clear					{ clear:both;}
.bold					{ font-weight:bold;}
.a_center				{ text-align:center;}
.a_right				{ text-align:right;}
.f13						{ font-size:.8em;}
.f17						{ font-size:1.2em;}
.f18						{ font-size:1.3em;}
.red_att				{ background-color: #FA5F5F !important; padding: 0px 5px !important; color: white !important; font-weight: bold !important; border-radius:3px !important; -webkit-border-radius:3px !important; -moz-border-radius:3px !important; font-size:14px !important;}
.upper						{text-transform: uppercase;}

.col_2					{ width:300px; float:left; overflow:hidden;}
.m_top20				{ margin-top:20px !important;}
.m_top40				{ margin-top:40px !important;}
.m_right20			{ margin-right:20px;}

.m_btm25				{ margin-bottom:25px !important;}

.m_left20				{ margin-left:20px;}
.m_left15				{ margin-left:15px;}

.bg_acsy_blue		{background: #66ccff;color: white;text-align: center;padding: 5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }

.left_box_margin20	{ float:left; margin:0 20px 20px 0;}
.right_box_margin20	{ float:right; margin:0 0 20px 20px;}

 .relative_box{ position:relative;}
 .onthepic				{ font-size:1.3em; font-weight:bold; display: inline-block; padding: 3px 10px; margin-bottom: 0; text-align: center; vertical-align: middle; border-radius:3px; -webkit-border-radius:3px;color: #ffffff;  background-color: #66ccff; position: absolute; top: 137px; left: 0;}
.banner {margin: 10px 0 30px 0;}
.banner img {border-radius: 5px; }
.banner a:hover img { opacity: 0.7;  filter: alpha(opacity=70);  -ms-filter: "alpha(opacity=70)"}
/* ----------------------- Structure　基本構造 */

h1,h2,h3,h4 		{ font-size:1.3em; margin:10px 0 5px 0;}
p 							{ margin-bottom:1em;}
section 				{ width:620px; float:left;}
aside 					{ width:300px; float:right;}
hr 						{ margin-bottom:30px; border: 0; height: 2px; background: #989797; background-image: linear-gradient(to right, #ccc, #989797, #ccc);}
.line_btm			{ margin: 30px 0 10px 0; border-bottom:solid 1px #7A7A7A; width:100%; height:10px;}
.wrapper 				{ width: 980px;  margin: 0 auto; overflow:hidden;}/* padding付けるとiphoneでずれる*/
.wap_p20				{ padding:0 20px;}/* iphoneでずれるのでその対策*/
.full_wrapper 		{ width:100%; margin:0;}
.header_color 		{ background:rgba(102,204,255,0.50);}


.white_a,.white_a a,
.white_a a:hover{ color:white;}
.header_box_center{ position:relative; top:18px; overflow:hidden; min-width:300px;}

dl { margin-bottom:50px;}
dl dt { background:#66ccff; color:#fff; float:left; font-weight:bold; margin-right:10px; padding:5px; width:100px; }
dl dd { margin:2px 0; padding:5px 0;}

/* nav */
nav { background: #66ccff;	text-align:center; overflow:hidden; -webkit-border-bottom-right-radius: 8px;  -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px;   -moz-border-radius-bottomleft: 8px;}
nav ul li{	float: left;	width: 20%; 　box-sizing: border-box;}
nav ul li a{ display: block;	width: 100%;	padding: 10px 0; font-size:1.2em; font-weight:bold; color:white;/*-webkit-transition: .5s;  -moz-transition: .5s;
    -o-transition: .5s;  -ms-transition: .5s;*/  transition: .5s;}
nav ul li a:hover { background:#99ccff; text-decoration:none;}


/* header bg */
#subpage_bg 				{ min-height:200px;  max-height: 200px; -webkit-background-size: cover;    -moz-background-size: cover;  -o-background-size: cover;    background-size: cover;    border-bottom: solid 1px #ccc;}
.bg_aboutus		{background: url("../img/bg/index_bg-min1.jpg") no-repeat center;}





/* ---------- Structure　index */



.top_bar 				{ background:#effaff; margin-bottom:45px;}
.top_bar_box	    {display: table-cell;  vertical-align: middle; height:90px;  padding: 0 10px; position: relative;  z-index: 100;}
.img_overlay			{  position: relative;  right: -655px;  top: -182px; z-index:10;}
.catch					{ height: 378px; overflow: hidden;}
.catch  h1 			{ margin-left:20px; position:relative; top: 235px; font-size: 2em; color: white; -moz-text-shadow: 3px -2px 4px rgba(0, 0, 0, 0.82);-webkit-text-shadow: 3px -2px 4px rgba(0, 0, 0, 0.82);-ms-text-shadow: 3px -2px 4px rgba(0, 0, 0, 0.82);text-shadow: 3px -2px 4px rgba(0, 0, 0, 0.82);}

.media_box			{ clear:both; margin-top:40px;}
.media_box h2 	{ margin-top:40;}

.media_box ul li { clear:both; height:70px; overflow:hidden; padding:4px 3px; border-bottom:solid #666 1px;}

.media_box ul li p{ display:table-cell; vertical-align:middle; height:70px;}
.media_box ul li p.media{ width:470px; padding:0 9px;}
.media_box p.more_btn{margin: 15px 3px; text-align: right;}

.media_box .date_month_box { text-align: center; width:60px; float:left;}
.media_box .date { font-size:2em; font-weight:bold;}
.media_box .month{ font-weight:bold;}
.card_box{ margin-top:40px; clear:both;}
.card{ margin:10px;}
.card div { display:table-cell; vertical-align:middle; padding:0 7px; height:90px;}

.card div h3{ margin:0 0 3px 0; font-size:1.2em;}
.card div h3{ font-size:.8em;}


/* ---------- Structure　aboutus */

/* ---------- Structure　activity */

.flow_list div { width: 500px; margin: 10px }
.flow_list ol { list-style-type: none; }
.flow_list ol li { position: relative;  margin-bottom: 35px; }
.flow_list li p {  padding-left: 60px; color: #555; }
.flow_list li p strong { font-size:1.1em; }
.flow_list span {	font: bold italic 3.5em/1.5 Helvetica, Verdana, sans-serif;	position: absolute;	color: #DCEDFF;}



/* -- Structure　news　report  */
.wp-pagenavi { padding: 10px 20px 10px; display:block; clear:both; text-align:center;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active  { padding: 4px 15px !important; margin: 2px !important; text-decoration: none !important; border: 1px solid #ddd !important; background: #FFFFFF !important; color: #999 !important; }
.wp-pagenavi a:hover { border: 1px solid #99ccff !important; color: #999 !important; }
.wp-pagenavi span.pages { padding: 4px 15px !important; margin: 2px !important; font-style: italic !important; color: #999 !important; font-size: 11px !important; }
.wp-pagenavi span.current { padding: 4px 15px !important; margin: 2px !important; font-weight: bold !important; border: 1px solid #99ccff !important; background: #66ccff !important; color: #fff !important; }
.wp-pagenavi span.extend { padding: 4px 15px !important; margin: 2px !important; border: 1px solid #ddd !important; background-color: #FFFFFF !important; }
.report_box			{ padding-bottom:25px; overflow:hidden; margin:20px 0; border-bottom: dotted 2px #ECE4E4;}
.report_box h2 	{ margin:0 0 3px 0; border-bottom:solid 1px #9E9E9E;}
.report_box .report_date	{ font-size:0.8em; font-weight:bold; margin-bottom:10px;}
.report_box_left	{ overflow:hidden; float:left; width:230px;}
.report_box_right { overflow:hidden; float:right; width:385px;}

.report_left_sub_img { overflow:hidden; float:left; width:85px;}
.report_left_sub_date {border-bottom: dotted 1px #565252; margin: 24px 0 5px 0; font-weight:bold;}

.nav-nextlinks		{ width:300px; overflow: hidden;}
ul.archives_list		{ font-size:1.2em; margin-left:45px;}
ul.archives_list li   { list-style-type:circle;}

.section_content h2 {  padding-top:70px; clear:both; margin-bottom:20px;    border-bottom: dashed 1px #333;}
.section_content img { float:left; margin:0 20px 10px 0;}
.section_content hr { clear:both; border:none; border-top:dashed 1px #333;height:1px; margin:40px 0; background:none;}
.section_content ul { margin-left: 25px;}
.section_content ul li { list-style: circle;}

/* 下記未使用
dl.report_dl 			{ margin-bottom:15px;}
dl.report_dl dt		{float: left;    padding: 5px 0;    width: 7em; background:none; font-weight:bold; color:#666;}
dl.report_dl dd	{    border-bottom: 1px solid #ccc;    padding: 5px 0 5px 7em;}　*/

/* button */
a.btn					{ text-decoration:none; font-weight: 700; color:white;}
.btn 						{ display: inline-block; padding: 3px 10px 3px 25px; margin-bottom: 0; font-size: 14px; line-height: 1.428571429; text-align: center; white-space: nowrap;  vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:url(/img/icon/arrow_btm_s.png) left center no-repeat; /*-webkit-transition: .5s;  -moz-transition: .5s;
    -o-transition: .5s;  -ms-transition: .5s;*/  transition: .5s;}
.btn:focus 			{ outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.btn:hover,
.btn:focus 			{ color: #ffffff; text-decoration: none;}
.btn-blue				{ color: #ffffff;  background-color: #66ccff;  border-color: #DEF2FA; border-top: solid #99ccff 2px;
border-right: solid 2px #99ccff;}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active 		{ background-color: #99ccff;  border-color: #99ccff;}

/* footer */
footer 					{ background:#66ccff; margin-top:80px; padding-top:25px;}

.footer_box 			{ background:#b2e5ff; padding:30px 0 65px 0;}