@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
 default_CSS
/////////////////////////////////////////////////////////////////////////*/
/* /////// Reset //////////*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;
}
body { line-height:1; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
ul { list-style:none; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before,blockquote:after,q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none; }
/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

/* basic */
* { margin:0;padding:0;}
body { text-align:center; font-family:'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
/*h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%;}*/
a,object,embed { outline:none;}
img { border:none;}
.alt { position:absolute; top:-5000px; left:-9999px;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix { height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}
a { /*color:#0f91bb;*/ color:#003399; text-decoration:none; }
a:hover { color:#660099; text-decoration:underline;}
.f70 { font-size:70%;}
.f75 { font-size:70%; }
.f80 { font-size:75%; }
.f85 { font-size:85%;}
.f90 { font-size:90%;}
.f95 { font-size:95%; }
.f105 { font-size:105%; }
.f110 { font-size:110%; }
.f115 { font-size:115%; }
.f120 { font-size:120%;}
.f125 { font-size:125%; }
.f130 { font-size:130%; }
.f135 { font-size:135%; }
.f140 { font-size:140%;}
.f160 { font-size:160%;}

.black { color:#282828; }
.dblue { color:#003399; }
.yllw { color:#ffe401; }
.blue1 { color:#0f91bb; }
.lblue { color:#e0f3f7; }
.red { color:#e42f27; }
.lyllw { color:#f1e688; }

/*.blue2 { color:#69d8ec; }
.blue3 { color:#ace6f1; }
.green { color:#039133; }
.green_lgt { color:#a2e9c2; }*/

.red, .red a { color:#db0000;}


.nav_orange { 
	background-color:#f1b77d;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1b77d), color-stop(100%, #f8e1c9)); /* Chrome,Safari4+ */
  	background: -webkit-linear-gradient(top, #f1b77d 0%, #f8e1c9 100%); /* Chrome10+,Safari5.1+ */
  	background: -moz-linear-gradient(top, #f1b77d 0%, #f8e1c9 100%); /* FF3.6+ */
  	background: -o-linear-gradient(top, #f1b77d 0%, #f8e1c9 100%); /* Opera 11.10+ */
  	background: -ms-linear-gradient(top, #f1b77d 0%, #f8e1c9 100%); /* IE10+ */
  	background: linear-gradient(top, #f1b77d 0%, #f8e1c9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1b77d', endColorstr='#fff8e1c9',GradientType=0 ); /* IE6-9 */
}

.img_lnk a img:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

.lefting { text-align:left; }
.righting { text-align:right; }
.centering { text-align:center; }
.bolding { font-weight:bold; }
.normalizing { font-weight:noraml; }

.pad40 {  padding:0 0 40px 0; }
.pad20 {  padding:0 0 20px 0; }

.icon_info { background-color:#039133; color:#ffffff; }
.icon_guide { background-color:#0f91bb; color:#ffffff; }

.with_border { padding:14px 2%; border:1px solid #999999; }

/*/////////////////////////////////////////////////////////////////////////
共通CSS
/////////////////////////////////////////////////////////////////////////*/
html,body { width:100%; height:100%; position:relative; }
body { color:#282828; line-height:1.6; position:relative; -webkit-text-size-adjust: 100%; }
#cntnr { width:100%; height:100%; text-align:left; }

/* dl area basic */
.dl_area { margin:0 0 20px 0; padding:10px 3%; border-top:2px solid #003399; border-bottom:2px solid #003399; }
.dl_area .dl_area_ref { margin:0 0 14px 0; }
.dl_area .dl_area_btn { width:60%; margin:0 auto; text-align:center; }
.dl_area .dl_area_btn a { display:block; padding:7px 0; background-color:#003399; border:1px solid #003399; color:#ffffff; position:relative;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em; 
}
.dl_area .dl_area_btn a:hover { background-color:#eeeeee; color:#003399; }

.totop { width:40px; height:40px; position:fixed; right:40px; bottom:40px; display:none; z-index:101; }
.totop img { width:100%; }

.icon_hst { width:94%; margin:0 auto; padding:2px 0; background-color:#a2e9c2; text-align:center; font-size:80%; }
.icon_hst.kyogikai { background-color:#ffe401; }

.norm_lst { list-style-type:disc; margin:0 0 0 7%; }
.norm_lst .lst_ech { padding:0 0 5px 0; }

.lnk_blck a { display:block; padding:3px 5% 3px 0; position:relative; }
.lnk_blck a:after { display:block; position:absolute; top:50%; right:2%; width:7px; height:7px; margin-top:-7px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-top:2px solid #0f91bb; border-right:2px solid #0f91bb; content:""; }

.flex_flt { display:flex; align-items:stretch; flex-wrap:nowrap; }
.flex_flt_wrap { display:flex; align-items:stretch; flex-wrap:wrap; }
.flex_flt_nostretch { display:flex; align-items:center; flex-wrap:wrap; }
.flex_flt_wrap_center { display:flex; align-items:center; flex-wrap:wrap; justify-content:center; }
.flex_flt_nowrap_center { display:flex; align-items:center; flex-wrap:nowrap; justify-content:center; }

/* ////////////////////////////////////////////////////////////////////////
header top
//////////////////////////////////////////////////////////////////////// */
#header1 { padding:5px 0; /*background-color:#ffe401;*/ /*background-color:#e0f3f7;*/ background-color:#f1e688; }
#header1 h1.hd1_txt { padding:0 2%; font-size:90%; font-weight:normal; }

	/* ////////////////////////////////////////////////////////////////////////
	Q&A
	//////////////////////////////////////////////////////////////////////// */
	/* qa list */
	.qa_lst { margin:0 3% 20px; }
	.qa_lst .qa_lst_q { padding:7px 0 7px 5%; border-bottom:1px solid #0f91bb; position:relative; }
	.qa_lst .qa_lst_prfx { width:7%; color:#0f91bb; font-weight:bold; float:left; }
	.qa_lst .qa_lst_qtxt { width:92%; float:left; }
	
	.qa_lst .qa_lst_q.cls:before { display:block; position:absolute; top:50%; left:1%; width:7px; height:7px; margin-top:-7px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border-bottom:2px solid #0f91bb; border-left:2px solid #0f91bb; content:""; }
	.qa_lst .qa_lst_q.opn:before { display:block; position:absolute; top:50%; left:1%; width:7px; height:7px; margin-top:-7px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border-top:2px solid #0f91bb; border-right:2px solid #0f91bb; content:""; }
	
	.qa_lst .qa_lst_a { display:none; padding:10px 0 10px 5%; border-bottom:1px solid #999999; background-color:#efefef; }
	.qa_lst .qa_lst_a .qa_lst_prfx { color:#db0000; }
	.qa_lst .qa_lst_a .qa_lst_qtxt { /*color:#0f91bb;*/ }
	
	/* ////////////////////////////////////////////////////////////////////////
	KV basic
	//////////////////////////////////////////////////////////////////////// */
	#kv_inf { display:none; }
	
	/* ////////////////////////////////////////////////////////////////////////
	Top Calendar basic
	//////////////////////////////////////////////////////////////////////// */
	#evnt_clndr { display:none; }


@media screen and (min-width:1024px) {
	.prtSP { display:none; }
	.glb_inner { width:1024px; margin:0 auto; position:relative; }
	
	/* titles */
	h2.page_ttl { padding:0 0 20px 3%; font-size:160%; /*color:#ffffff;*/ }
	h2.page_ttl a { /*color:#ffffff;*/ color:#282828; }
	
	.prt_ttl_area { margin:0 0 30px 0; padding:0 0 5px 0; border-bottom:2px solid #0f91bb; position:relative; }
	.prt_ttl_area h2.prt_ttl,
	.prt_ttl_area h3.prt_ttl { padding:2px 0 0 3%; border-left:12px solid #0f91bb; font-size:140%; color:#0f91bb; line-height:1.2em; }
	
	.with_ttlafter { margin:0 0 10px 0; }
	.ttl_after { margin:0 0 20px 0; padding:0 3%; font-size:90%; }
	
	.prt_subttl { margin:0 0 20px 0; padding:5px 0; background-color:#e0f3f7; text-align:center; font-weight:bold; font-size:110%;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em; 
	}
	.prt_subttl2 { margin:0 0 20px 0; font-weight:bold; font-size:130%; }
	
	.one_cnt { padding:0 3% 40px; }
	.one_para { padding:0 0 20px 0; }
	
	.ttl_lnk { width:30%; position:absolute; top:-2px; right:2%; text-align:center; font-size:80%; }
	.ttl_lnk a { display:block; padding:3px 0; border:1px solid #003399;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em; 
	}
	
	/* list styles */
	.norm_lst { list-style-type:disc; margin:0 0 0 3%; }
	.norm_lst .lst_ech { padding:0 0 5px 0; }
	
	.lst_dsc_blue { padding:0 0 14px 5%; background:url(../img/listicon.png) 2% 3px no-repeat; font-weight:bold; color:#0f91bb; }
	.lst_dsc_blue a { display:block; padding:0 5% 0 0; position:relative; }
	.lst_dsc_blue a:after { display:block; position:absolute; top:50%; right:2%; width:7px; height:7px; margin-top:-7px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-top:2px solid #0f91bb; border-right:2px solid #0f91bb; content:""; }
    
    /* ADD@231102 */
    /*.lst_dsc_yellow { padding:0 0 14px 5%; background:url(../img/listicon.png) 2% 3px no-repeat; font-weight:bold; color:#ffe401; }
	.lst_dsc_yellow a { display:block; padding:0 5% 0 0; position:relative; }
	.lst_dsc_yellow a:after { display:block; position:absolute; top:50%; right:2%; width:7px; height:7px; margin-top:-7px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-top:2px solid #0f91bb; border-right:2px solid #0f91bb; content:""; }*/
    /* ADD@231102 */
    
	.lst_dsc_cnt { margin: 0 0 20px 5%; /*font-size:90%;*/ }
	
	/* float part */
	.flt70 { width:67%; margin:0 3% 30px 0; float:left; }
	.flt30 { width:30%; margin:0 0 30px 0; float:right; }
	
	/* common parts */
	.cntct_area { width:80%; margin:0 auto; padding:7px 3%; border-top:2px solid #003399; border-bottom:2px solid #003399; text-align:center; }
	.cntct_area .cntct_lst { padding:10px 0; }
	.cntct_area .cntct_lst .cntct_ech { width:46%; padding:0 2%; float:left; }
	
	
	.cnt_bg { margin:0 0 20px 0; padding:20px 3%; background-color:#e0f3f7; font-size:95%; 
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em;
	}
	
	.no_lst { list-style-type:decimal; }
	.no_lst .no_lst_ech { margin:0 0 0 3%; padding:5px 0; }
	
	.lst_withcat {  }
	.lst_withcat .lst_withcat_cat { padding:0 0 10px 0; color:#0f91bb; }
	.lst_withcat .lst_withcat_cnt { padding:0 0 20px 0; }
	
	.ind_sml { padding:3px 0 3px 3%; }
    
    /* table 2 columns */
    .flt2clm2080_l { width:20%; }
    .flt2clm2080_r { width:75%; margin:0 0 0 5%; }
    
    .flt2clm3070_l { width:30%; }
    .flt2clm3070_r { width:65%; margin:0 0 0 5%; }
    
    .flt2clm3565_l { width:30%; }
    .flt2clm3565_r { width:65%; margin:0 0 0 5%; }
    
    .line_btm {padding:7px 0; border-bottom:1px solid #999999; }
	
	/* ////////////////////////////////////////////////////////////////////////
	header second layer
	//////////////////////////////////////////////////////////////////////// */
	#header2 { margin:0 0 40px 0; padding:16px 0; background:url(../img/hd_bg3.jpg) no-repeat; background-size:100%; background-attachment:fixed; }


	/* ////////////////////////////////////////////////////////////////////////
	top key visual
	//////////////////////////////////////////////////////////////////////// */
	#kv { margin:0 0 30px 0; background:url(../img/kv_v3.jpg) no-repeat; background-size:100%; /*background-attachment:fixed;*/ }
	#kv .glb_inner {  }
	
	#kv .kv_ttl_ctch { padding:20px 3% 30px; }
	#kv .kv_ttl_ctch .kv_ttl { width:50%; font-size:140%; font-weight:bold; /*color:#ffe401;*/ /*color:#ffffff;*/ text-align:center; float:left; }
	#kv .kv_ttl_ctch .kv_ttl h2.page_ttl { width:50%; margin:50px 35% 0 15%; padding:20px 0; /*background:url(../img/bg_white.png);*/ font-size:130%; color:#282828; /*color:#0f91bb;*/
		/*-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em;*/ 
	 }
	
	#kv .kv_ttl_ctch .kv_ctch_dl { width:50%; float:right; }
	#kv .kv_ttl_ctch .kv_ctch_dl .kv_ctch { padding:0 3% 20px; font-size:160%; font-weight:bold; /*color:#ffe401;*/ /*color:#ffffff;*/ text-align:right; }
	
	#kv .kv_ttl_ctch .dl_area { /*border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;*/ border-top:1px solid #003399; border-bottom:1px solid #003399; }
	/*#kv .kv_ttl_ctch .dl_area .dl_area_ref { margin:0 0 10px 0; font-size:80%; text-align:center; }*/
	#kv .kv_ttl_ctch .dl_area .dl_area_ref { margin:0 0 10px 0; text-align:center; font-size:120%; font-weight:bold; color:#ffe401;
		text-shadow:2px 2px 2px #000000, -2px 2px 2px #000000, 2px -2px 2px #000000, -2px -2px 2px #000000; 
	}
	#kv .kv_ttl_ctch .dl_area .dl_area_btn a { background:none; /*border:1px solid #ffffff;*/ border:1px solid #003399; background:url(../img/bg_white.png); color:#003399; font-size:90%; }
	#kv .kv_ttl_ctch .dl_area .dl_area_btn a:hover { background:none; background-color:#003399; color:#ffffff; }
	
	#kv .kv_inf { width:84%; margin:0 auto 20px; padding:14px 3%; /*color:#ffffff;*/ background:url(../img/bg_white.png);
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em; 
	}
	#kv .kv_inf .kv_inf_ttl { padding:0 0 12px 0; font-size:120%; font-weight:bold; color:#e42f27; }
	#kv .kv_inf .kv_inf_cnt {  }

	#kv .kv_inf .kv_inf_cnt .kv_inf_txt { font-size:90%; }
	#kv .kv_inf .kv_inf_cnt .kv_inf_txt .kv_inf_txt_ech { padding:3px 0; }
	/*#kv .kv_inf .kv_inf_cnt .kv_inf_map { width:40%; float:right; }*/
	
	/* ////////////////////////////////////////////////////////////////////////
	navigation
	//////////////////////////////////////////////////////////////////////// */
	#nav {  }
	/*#kv_nav { width:100%; border-top:1px solid #ffffff; }*/
	.nav { width:100%; /*border-top:1px solid #ffffff;*/ border-top:1px solid #003399; /*background:url(../img/bg_white.png);*/ dislay:none; }
	.nav .nav_ech { margin:8px 0; text-align:center; font-size:90%; float:left; }
	.nav .nav_ech a { display:block; padding:3px 20px; /*color:#ffffff;*/ color:#003399; /*border-left:1px solid #ffffff;*/ border-left:1px solid #003399; background:url(../img/bg_white.png); }
	.nav .nav_ech:first-child a {  border-left:none; }
	.nav .nav_ech a:hover { background:none; background-color:#003399; color:#ffe401; }
	.nav .nav_ech.crnt a { background:none; background-color:#003399; color:#ffe401; }
	
	/* ////////////////////////////////////////////////////////////////////////
	event list
	//////////////////////////////////////////////////////////////////////// */
	#evnt_lst {  }
	#evnt_lst .evnt_ttl { padding:7px 0; }
	/*#evnt_lst .evnt_ttl:nth-child(even) { background-color:#e0f3f7; }*/
	#evnt_lst .evnt_ttl .evnt_ttl_txt { margin:0 0 7px 0; padding:5px 0 3px 5%; border-bottom:1px dotted #0f91bb; font-size:110%; font-weight:bold; position:relative; }
	#evnt_lst .evnt_ttl .evnt_ttl_txt.cls:before { display:block; position:absolute; top:50%; left:1%; width:7px; height:7px; margin-top:-7px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border-bottom:2px solid #0f91bb; border-left:2px solid #0f91bb; content:""; }
	#evnt_lst .evnt_ttl .evnt_ttl_txt.opn:before { display:block; position:absolute; top:50%; left:1%; width:7px; height:7px; margin-top:-7px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border-top:2px solid #0f91bb; border-right:2px solid #0f91bb; content:""; }
	#evnt_lst .evnt_ttl .evnt_dat_area { margin:0 0 7px 5%; }
	#evnt_lst .evnt_ttl .evnt_dat_area .evnt_dat { width:20%; float:left; }
	#evnt_lst .evnt_ttl .evnt_dat_area .evnt_tim { width:20%; float:left; }
	#evnt_lst .evnt_ttl .evnt_dat_area .evnt_hst { width:30%; float:left; }
	#evnt_lst .evnt_ref { display:none; padding:12px 3%; border-bottom:1px solid #999999; background-color:#efefef; font-size:90%; }
	
	/* ////////////////////////////////////////////////////////////////////////
	top chumoku
	//////////////////////////////////////////////////////////////////////// */
	#chumoku { display:none; }
	#chumoku .chmk_ttl { margin:0 0 14px 0; font-size:110%; font-weight:bold; }
	#chumoku .chmk_txt { margin:0 0 14px 0; font-size:90%; }
	#chumoku .chmk_txt a { text-decoration:underline; }
	#chumoku .chmk_lnk { width:40%; margin:0 auto; text-align:center; font-size:90%; }
	#chumoku .chmk_lnk a { display:block; padding:5px 20px; border:1px solid #003399;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em; 
	}
	
	/* ////////////////////////////////////////////////////////////////////////
	document download
	//////////////////////////////////////////////////////////////////////// */
	.top_dl_ech { width:25.33%; margin:0 1%; padding:10px 3%; background:url(../img/feature_arrow_r.png) 98% 46% no-repeat; background-color:#003399; color:#ffffff; text-align:center; float:left;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em; 
	}
	.top_dl_ech a { display:block; color:#ffffff; }
	.top_dl_ech a .icon_hst { color:#282828; margin:0 auto 10px; }
	.top_dl_ech a .top_dl_txt { font-size:90%; }
	
	.top_dl_ech.withpdwn { background:none; background-color:#003399; }
	.top_dl_ech.withpdwn .top_dl_pdwn { display:none; text-align:left; font-size:90%; }
	.top_dl_ech.withpdwn a { display:block; position:relative; }
	.top_dl_ech.withpdwn.cls a:after { display:block; position:absolute; top:50%; right:2%; width:7px; height:7px; margin-top:-2px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border-bottom:2px solid #ffffff; border-left:2px solid #ffffff; content:""; }
	.top_dl_ech.withpdwn.opn a:after { display:block; position:absolute; top:50%; right:2%; width:7px; height:7px; margin-top:-2px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border-top:2px solid #ffffff; border-right:2px solid #ffffff; content:""; }
	
	/* ////////////////////////////////////////////////////////////////////////
	links
	//////////////////////////////////////////////////////////////////////// */
	/*#docs_dl .lst_dsc_blue.pdwn_btn.cls a:after { display:block; position:absolute; top:50%; right:2%; width:7px; height:7px; margin-top:-7px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border-bottom:2px solid #0f91bb; border-left:2px solid #0f91bb; content:""; }
	#docs_dl .lst_dsc_blue.pdwn_btn.opn a:after { display:block; position:absolute; top:50%; right:2%; width:7px; height:7px; margin-top:-7px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border-top:2px solid #0f91bb; border-right:2px solid #0f91bb; content:""; }
	
	#jbc_tool_pdwn { display:none; }*/
	
	/* ////////////////////////////////////////////////////////////////////////
	footer
	//////////////////////////////////////////////////////////////////////// */
	#ft { padding:10px 0; /*background-color:#003399;*/ /*background-color:#e0f3f7;*/ background-color:#f1e688; /*color:#ffffff;*/ }
	#ft a { display:block; /*color:#ffffff;*/ color:#282828; }
	#ft a:hover { /*color:#ffffff;*/ }
	#ft .ft_ttl { width:42%; margin:0 3% 0 0; font-size:120%; font-weight:bold; text-align:center; float:left; }
	#ft .ft_nav_cpy { width:55%; font-size:80%; float:left; }
	#ft .ft_nav_cpy .ft_nav { margin:0 0 10px 0; display:none; font-size:90%; }
	#ft .ft_nav_cpy .ft_nav .nav_ech { padding:3px 10px; float:left; }
	/*#ft .ft_nav_cpy .ft_nav .ft_nav_ech a { display:block; color:#ffffff; }
	#ft .ft_nav_cpy .ft_nav .ft_nav_ech a:hover { color:#ffffff; }*/
	#ft .ft_nav_cpy .ft_cpy { padding:0 0 0 10px; /*text-align:center;*/ }
	
	/* ////////////////////////////////////////////////////////////////////////
	Q&A right navigation
	//////////////////////////////////////////////////////////////////////// */
	#qa_cnt { position:relative; }
	#qa_cnt #qa_nav { position:absolute; top:0; right:0; background:url(../img/bg_white.png); z-index:100; }
	.rnav_ttl { margin:0 0 20px 0; padding:7px 3%; border-top:2px solid #003399; border-bottom:2px solid #003399; text-align:center; font-size:110%; }
	.rnav_cnt {  }
	.rnav_cnt .rnav_ech { border-top:1px solid #999999; font-size:90%; }
	.rnav_cnt .rnav_ech:first-child { border-top:none; }
	.rnav_cnt .rnav_ech:nth-child(even) { background-color:#efefef; }
	.rnav_cnt .rnav_ech a { display:block; padding:10px 7% 10px 3%; position:relative; }
	.rnav_cnt .rnav_ech a:after { display:block; position:absolute; top:50%; right:3%; width:5px; height:5px; margin-top:-5px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-top:2px solid #003399; border-right:2px solid #003399; content:""; }
	
	/* ////////////////////////////////////////////////////////////////////////
	Activities
	//////////////////////////////////////////////////////////////////////// */
	#act_btn_lnk { margin:0 33.33% }
	#act_btn_lnk .top_dl_ech { width:92%; }
	
}

@media screen and (max-width:1023px) {
	body { font-size:110%; }
	.prtPC { display:none; }
	.glb_inner {  }
	
	/* titles */
	h2.page_ttl { padding:0 3% 10px; font-size:125%; /*color:#ffffff;*/ text-align:center; }
	h2.page_ttl a { /*color:#ffffff;*/ color:#282828; }
	
	.prt_ttl_area { margin:0 0 20px 0; padding:0 3% 5px; border-bottom:2px solid #0f91bb; }
	.prt_ttl_area h2.prt_ttl,
	.prt_ttl_area h3.prt_ttl { padding:2px 0 0 3%; border-left:12px solid #0f91bb; font-size:120%; color:#0f91bb; line-height:1.2em; }
	
	.prt_subttl { margin:0 3% 14px; padding:5px 3%; background-color:#e0f3f7; /*text-align:center;*/ font-weight:bold;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em; 
	}
	.prt_subttl2 { margin:0 0 14px 0; font-weight:bold; font-size:120%; }
	
	.with_ttlafter { margin:0 0 10px 0; }
	.ttl_after { margin:0 0 10px 0; padding:0 3%; font-size:90%; }
	
	/* paragraph */
	.one_cnt { padding:0 3% 20px; }
	.one_para { padding:0 0 14px 0; }
	
	/* float part */
	.flt70 { width:100%; margin:0 0 10px 0; }
	.flt30 { width:100%; margin:0 0 10px 0; }
	
	.cntct_area { width:94%; margin:0 auto; padding:7px 3%; border-top:2px solid #003399; border-bottom:2px solid #003399; text-align:center; }
	.cntct_area .cntct_lst { padding:10px 0; }
	.cntct_area .cntct_lst .cntct_ech {  }
	
	/* liststyles */
	.norm_lst { list-style-type:disc; margin:0 0 0 3%; }
	.norm_lst .lst_ech { margin:0 0 0 3%; padding:0 0 5px 0; }
	
	.lst_dsc_blue { padding:0 0 10px 5%; background:url(../img/listicon.png) 0% 3px no-repeat; font-weight:bold; color:#0f91bb; }
	.lst_dsc_blue a { display:block; padding:0 5% 0 0; position:relative; }
	.lst_dsc_blue a:after { display:block; position:absolute; top:50%; right:2%; width:7px; height:7px; margin-top:-7px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-top:2px solid #0f91bb; border-right:2px solid #0f91bb; content:""; }
	.lst_dsc_cnt { margin: 0 0 14px 5%; /*font-size:90%;*/ }
	
	/* common parts */
	.lnk_sp { width:90%; margin:0 auto 20px; text-align:center; font-size:90%; }
	.lnk_sp a { display:block; padding:5px 0; border:1px solid #003399;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em; 
	}
	
	.cnt_bg { margin:0 0 14px 0; padding:14px 3%; background-color:#e0f3f7; font-size:95%; 
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em;
	}
	
	.no_lst { list-style-type:decimal; }
	.no_lst .no_lst_ech { margin:0 0 0 7%; padding:5px 0; }
    
    /* table 2 columns */
    .flt2clm2080_l { width:20%; }
    .flt2clm2080_r { width:75%; margin:0 0 0 5%; }
    
    .flt2clm3070_l { width:30%; }
    .flt2clm3070_r { width:65%; margin:0 0 0 5%; }
    
    .flt2clm3565_l { width:30%; }
    .flt2clm3565_r { width:65%; margin:0 0 0 5%; }
    
    .line_btm {padding:7px 0; border-bottom:1px solid #999999; }
	
	.lst_withcat {  }
	.lst_withcat .lst_withcat_cat { padding:0 0 10px 0; color:#0f91bb; }
	.lst_withcat .lst_withcat_cnt { padding:0 0 20px 0; }
	
	.ind_sml { padding:3px 0 3px 3%; }
	
	.kv_nav_btn_sp { text-align:center; }
	.kv_nav_btn_sp a { display:block; }
	.kv_nav_btn_sp img { width:10%; }
	
	/* ////////////////////////////////////////////////////////////////////////
	header second layer
	//////////////////////////////////////////////////////////////////////// */
	#header2 { margin:0 0 20px 0; padding:10px 0; background:url(../img/hd_bg.jpg) no-repeat; }
	
	/* ////////////////////////////////////////////////////////////////////////
	top key visual
	//////////////////////////////////////////////////////////////////////// */
	#kv { margin:0 0 30px 0; background:url(../img/kv_v3.jpg) no-repeat; background-size:100%; background-attachment:fixed; background-color:#e0f3f7; }
	#kv .glb_inner { padding:0 0 10px 0; }
	
	#kv .kv_ttl_ctch { padding:10px 3%; }
	#kv .kv_ttl_ctch .kv_ttl { font-size:140%; font-weight:bold; /*color:#ffe401;*/ /*color:#ffffff;*/ color:#282828; text-align:center; }
	#kv .kv_ttl_ctch .kv_ttl .kv_ttl_txt { padding:14px 0; }
	
	#kv .kv_ttl_ctch .kv_ctch_dl {  }
	#kv .kv_ttl_ctch .kv_ctch_dl .kv_ctch { padding:14px 3%; font-size:120%; font-weight:bold; /*color:#ffe401;*/ /*color:#ffffff;*/ text-align:center; }
	
	#kv .kv_ttl_ctch .dl_area { width:84%; margin:0 5%; border-top:1px solid #003399; border-bottom:1px solid #003399; }
	/*#kv .kv_ttl_ctch .dl_area .dl_area_ref { margin:0 0 10px 0; color:#282828; font-size:80%; text-align:center; }*/
	#kv .kv_ttl_ctch .dl_area .dl_area_ref { margin:0 0 10px 0; color:#ffe401; font-size:80%; text-align:center; font-size:120%; font-weight:bold;
		text-shadow:2px 2px 2px #000000, -2px 2px 2px #000000, 2px -2px 2px #000000, -2px -2px 2px #000000; 
	}
	#kv .kv_ttl_ctch .dl_area .dl_area_btn a { background:url(../img/bg_white.png); border:1px solid #003399; color:#003399; }
	#kv .kv_ttl_ctch .dl_area .dl_area_btn a:hover { background:none; background-color:#003399; color:#ffffff; }
	
	#kv .kv_inf { width:88%; margin:0 auto; padding:20px 3%; /*color:#ffffff;*/ background:url(../img/bg_white.png); }
	#kv .kv_inf .kv_inf_ttl { padding:0 0 12px 0; font-size:120%; font-weight:bold; color:#e42f27; }
	#kv .kv_inf .kv_inf_cnt {  }
	#kv .kv_inf .kv_inf_cnt .kv_inf_txt { /*font-size:90%;*/ }
	#kv .kv_inf .kv_inf_cnt .kv_inf_txt .kv_inf_txt_ech { padding:3px 0; }
	/*#kv .kv_inf .kv_inf_cnt .kv_inf_map { width:40%; float:right; }*/
	
	/* ////////////////////////////////////////////////////// */
	/* navigation SP */
	/* ////////////////////////////////////////////////////// */
	
	.nav { position:absolute; top:0; left:-80%; /*left:0;*/ background-color:#525252; width:70%; height:94%; padding:3% 5%; z-index:1000; }
	.nav .nav_ech { width:100%; color:#ffffff; text-align:left; font-size:105%; /*border-bottom:1px solid #999999;*/ padding:5px 0; }
	.nav .nav_ech a { color:#e0f3f7; text-decoration:none; display:block; padding:.5em 10% .5em 0; border-bottom:1px solid #e0f3f7; position:relative; }
	.nav .nav_ech a:after { display: block; position: absolute; top: 50%; right: 0px; width: 7px; height: 7px; margin-top: -4px; border-top: solid 2px #7f7f7f; border-right: solid 2px #7f7f7f; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; }

	.nav .nav_ech.home {  }
	.nav .nav_ech.home a:after { background:url(../img/home.png) no-repeat; display:block; position:absolute; top:0; right:0px; width:18px; height:18px; margin-top:5px; border-top:none; border-right:none; -webkit-transform:none; transform:none; content:""; }

	.nav .nav_ech.close { text-align:right; border-bottom:none; }
	.nav .nav_ech.close a:after { background:url(../img/close_s.png) no-repeat; display:block; position:absolute; top:7px; right:0px; width:18px; height:18px; margin-top:5px; border-top:none; border-right:none; -webkit-transform:none; transform:none; content:""; }

	.nav .nav_ech .nav_sub {  }
	.nav .nav_ech .nav_sub .nav_sub_each { width:97%; color:#ffffff; text-align:left; font-size:105%; border-bottom:1px solid #999999; margin:0 0 0 3%; padding:5px 0; position:relative; }
	.nav .nav_ech .nav_sub .nav_sub_each:last-child { border-bottom:none; }
	.nav .nav_ech .nav_sub .nav_sub_each a { color:#d6ceed; text-decoration:none; display:block; padding:.5em 10% .5em 1em; border-bottom:none; }
	.nav .nav_ech .nav_sub .nav_sub_each a:after { display: block; position: absolute; top: 50%; right: 0px; width: 7px; height: 7px; margin-top: -4px; border-top: solid 2px #7f7f7f; border-right: solid 2px #7f7f7f; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; }


	#nav_cover_sp { width:100%; height:100%; /*background-color:#ffffff;*/ position:absolute; top:0; left:0; z-index:990; display:none;
		filter:alpha(opacity=50);
    	-moz-opacity: 50;
    	opacity: 50; 
	}
	
	/* ////////////////////////////////////////////////////////////////////////
	event list
	//////////////////////////////////////////////////////////////////////// */
	#evnt_lst { padding:0 3%; }
	#evnt_lst .evnt_ttl { padding:7px 0; }
	/*#evnt_lst .evnt_ttl:nth-child(even) { background-color:#e0f3f7; }*/
	#evnt_lst .evnt_ttl .evnt_ttl_txt { margin:0 0 7px 0; padding:5px 0 3px 5%; border-bottom:1px dotted #0f91bb; font-size:110%; font-weight:bold; position:relative; }
	#evnt_lst .evnt_ttl .evnt_ttl_txt.cls:before { display:block; position:absolute; top:50%; left:1%; width:7px; height:7px; margin-top:-7px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border-bottom:2px solid #0f91bb; border-left:2px solid #0f91bb; content:""; }
	#evnt_lst .evnt_ttl .evnt_ttl_txt.opn:before { display:block; position:absolute; top:50%; left:1%; width:7px; height:7px; margin-top:-7px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border-top:2px solid #0f91bb; border-right:2px solid #0f91bb; content:""; }
	#evnt_lst .evnt_ttl .evnt_dat_area { margin:0 0 7px 5%; }
	#evnt_lst .evnt_ttl .evnt_dat_area .evnt_dat { margin:0 0 5px 0; }
	#evnt_lst .evnt_ttl .evnt_dat_area .evnt_tim { margin:0 0 5px 0; }
	#evnt_lst .evnt_ttl .evnt_dat_area .evnt_hst { width:90%; margin:0 auto; }
	#evnt_lst .evnt_ref { display:none; padding:12px 3%; border-bottom:1px solid #999999; background-color:#efefef; }
	
	/* ////////////////////////////////////////////////////////////////////////
	top chumoku
	//////////////////////////////////////////////////////////////////////// */
	#chumoku { display:none; }
	#chumoku .chmk_ttl { margin:0 0 14px 0; font-size:110%; font-weight:bold; }
	#chumoku .chmk_txt { margin:0 0 14px 0; font-size:90%; }
	#chumoku .chmk_lnk { width:80%; margin:0 auto; text-align:center; font-size:90%; }
	#chumoku .chmk_lnk a { display:block; padding:5px 20px; border:1px solid #003399;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em; 
	}
	
	/* ////////////////////////////////////////////////////////////////////////
	document download
	//////////////////////////////////////////////////////////////////////// */
	.top_dl_ech { width:90%; margin:0 2% 10px; padding:10px 3%; background:url(../img/feature_arrow_r.png) 98% 46% no-repeat; background-color:#003399; color:#ffffff; text-align:center; float:left;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em; 
	}
	.top_dl_ech a { display:block; color:#ffffff; }
	.top_dl_ech a .icon_hst { color:#282828; margin:0 auto 10px; }
	.top_dl_ech a .top_dl_txt { font-size:90%; }
	
	.top_dl_ech.withpdwn { background:none; background-color:#003399; }
	.top_dl_ech.withpdwn .top_dl_pdwn { display:none; text-align:left; font-size:90%; }
	.top_dl_ech.withpdwn a { display:block; position:relative; }
	.top_dl_ech.withpdwn.cls a:after { display:block; position:absolute; top:50%; right:2%; width:7px; height:7px; margin-top:-2px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border-bottom:2px solid #ffffff; border-left:2px solid #ffffff; content:""; }
	.top_dl_ech.withpdwn.opn a:after { display:block; position:absolute; top:50%; right:2%; width:7px; height:7px; margin-top:-2px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border-top:2px solid #ffffff; border-right:2px solid #ffffff; content:""; }
	
	/* ////////////////////////////////////////////////////////////////////////
	footer
	//////////////////////////////////////////////////////////////////////// */
	#ft { padding:10px 0; background-color:#f1e688; /*color:#ffffff;*/ }
	#ft a { display:block; color:#282828; }
	#ft a:hover { /*color:#ffffff;*/ }
	#ft .ft_ttl { margin:0 0 10px 0; font-weight:bold; text-align:center; }
	#ft .ft_nav_cpy { margin:0 0 10px 0; font-size:80%; }
	#ft .ft_nav_cpy .ft_nav { margin:0 0 10px 0; }
	#ft .ft_nav_cpy .ft_nav .nav_ech { padding:3px 5%; }
	/*#ft .ft_nav_cpy .ft_nav .ft_nav_ech a { display:block; color:#ffffff; }
	#ft .ft_nav_cpy .ft_nav .ft_nav_ech a:hover { color:#ffffff; }*/
	#ft .ft_nav_cpy .ft_cpy { padding:0 0 0 10px; text-align:center; }
	
	/* ////////////////////////////////////////////////////////////////////////
	Q&A right navigation
	//////////////////////////////////////////////////////////////////////// */
	#qa_cnt { position:relative; }
	#qa_cnt #qa_nav { position:absolute; top:0; right:0; background:url(../img/bg_white.png); z-index:100; }
	
	/*.rnav_ttl { margin:0 0 20px 0; padding:7px 3%; border-top:2px solid #003399; border-bottom:2px solid #003399; text-align:center; font-size:110%; position:relative; }*/
	.rnav_ttl { margin:0 0 20px 0; padding:7px 3%; background-color:#0f91bb; color:#ffffff; text-align:center; font-size:110%; position:relative; }
	.rnav_ttl.cls:after { display:block; position:absolute; top:50%; right:3%; width:7px; height:7px; margin-top:-7px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border-bottom:2px solid #ffffff; border-left:2px solid #ffffff; content:""; }
	.rnav_ttl.opn:after { display:block; position:absolute; top:50%; right:3%; width:7px; height:7px; margin-top:-7px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border-top:2px solid #ffffff; border-right:2px solid #ffffff; content:""; }
	
	.rnav_cnt { display:none; }
	.rnav_cnt .rnav_ech { border-top:1px solid #999999; font-size:90%; }
	.rnav_cnt .rnav_ech:first-child { border-top:none; }
	.rnav_cnt .rnav_ech:nth-child(even) { background-color:#efefef; }
	.rnav_cnt .rnav_ech a { display:block; padding:10px 7% 10px 3%; position:relative; }
	.rnav_cnt .rnav_ech a:after { display:block; position:absolute; top:50%; right:3%; width:5px; height:5px; margin-top:-5px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-top:2px solid #003399; border-right:2px solid #003399; content:""; }
	
	/* ////////////////////////////////////////////////////////////////////////
	Activities
	//////////////////////////////////////////////////////////////////////// */
	#act_btn_lnk { /*margin:0 33.33%*/ }
	#act_btn_lnk .top_dl_ech { /*width:92%;*/ }

}