@charset "UTF-8";
/* CSS Document */


/* --------------------------------------------------
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: inherit;
  font-size: 100%;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

img,a {
  vertical-align:top;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


/* --------------------------------------------------
clearfix
-------------------------------------------------- */

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0;
  font-size:0;   
  clear: both;
  visibility:hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End Hack */


/* --------------------------------------------------
html
-------------------------------------------------- */

html{
  font-size: 62.5%;
  height:100%;
}

/* --------------------------------------------------
body
-------------------------------------------------- */

body {
	font-family : Meiryo UI ,"メイリオ", Meiryo, Arial, Roboto, "Droid Sans", "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 1.5rem;
  line-height:1.6;
  -webkit-text-size-adjust: 100%;
  height:100%;
  background: #EAF7F9;
	min-width: 1200px;
}

/* --------------------------------------------------
form
-------------------------------------------------- */

button, fieldset, form, input, label, legend, select, textarea {
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
fieldset {
  border: none;
  display: block;
}
label {
  cursor: pointer;
  margin-right: 1rem;
	display:inline-block;
}
textarea {
  overflow: auto;
  padding: 3px;
  vertical-align: middle;
	width:100%;
}
select{
	padding:8px;
}
input:focus, 
button:focus, 
textarea:focus, 
select:focus {
	outline: double 2px #40BAE9;
}
input[type="checkbox"]{
  margin-right: .5rem;
}
input[type="radio"]{
  margin-right: .5rem;
}
input[type="text"]{
  vertical-align: middle;
	border:none;
	border: 1px solid #999;
	padding:5px;
	font-size:1.6rem;
	line-height:1.8;
}

input.text-ss{
	width: 20%;
}
input.text-s{
	width: 30%;
}
input.text-m{
	width: 60%;
}
input.text-l{
	width: 100%;
}

/* form-list */
.form-list li{
	display: inline-block;
	margin: 0 5px 5px 0;
}
.check-list li input{
	margin-right: 5px;
}

/* error-message */
.error-message{
	color: #f00;
	margin-top:.5rem;
	font-size:1.2rem;
}
/* essential */
.essential{
	display: inline-block;
	background: #F00;
	color: #FFF;
	border-radius: 5px;
	font-size: 1.1rem;
	padding: 2px 5px;
	margin-left: 10px;
	vertical-align: middle;
}
.notice .essential{
	margin-left: 0;
	margin-right: 10px;
}
/* agree */
.agree{
	text-align: center;
	margin: 3rem 0;
	padding:1rem;
	background:#FFF;
	border:#ccc solid 1px;
}
/* form-caption */
.form-caption{
	font-size:1.3rem;
	margin-bottom:1rem;
	line-height:1.4;
}

/* --------------------------------------------------
link
-------------------------------------------------- */
a {
  text-decoration: none;
  color: #4C4C4C;
	-webkit-transition:opacity 0.2s ease-in-out;  
	-moz-transition:opacity 0.2s ease-in-out;
	-o-transition:opacity 0.2s ease-in-out;  
	transition:opacity 0.2s ease-in-out;
}

a:link {
  color: #006BB2;
  text-decoration: none;
}
a:visited {
  color: #006BB2;
  text-decoration: none;
}
a:hover {
  color: #0052df;
  text-decoration: none;
	opacity:0.75;
}
a:active {
  color: #0052df;
  text-decoration: none;
}
a:focus {
	outline: double 2px #40BAE9;
}
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:hover img {
  opacity: 0.75;
	filter: alpha(opacity=75);
}

table a:link,
table	a:visited{
	color: #0052df ;
	text-decoration: underline;
}

#main p a[target="_blank"]{
	display:inline-block;
	padding-left: 20px;
	position:relative;
}
#main p a[target="_blank"]::before{
  content: "\f08e";
  font-family: FontAwesome;
	margin-right:5px;
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
}
#main .btn-area a[target="_blank"]::before,
#main .pht-area a[target="_blank"]::before{
  content: none;
}
#main a[href$=".pdf"]::before,
#main a[href$=".pdf"][target="_blank"]::before{
  content: "\f1c1";
  font-family: FontAwesome;
	display:inline-block;
	margin-right:.5rem;
	color:#900;
	font-weight:normal;
}
#main a[href$=".doc"]::before,
#main a[href$=".doc"][target="_blank"]::before,
#main a[href$=".docx"]::before,
#main a[href$=".docx"][target="_blank"]::before{
  content: "\f1c2";
  font-family: FontAwesome;
	display:inline-block;
	margin-right:.5rem;
	color:#069;
	font-weight:normal;
}
#main a[href$=".xls"]::before,
#main a[href$=".xls"][target="_blank"]::before,
#main a[href$=".xlsx"]::before,
#main a[href$=".xlsx"][target="_blank"]::before{
  content: "\f1c3";
  font-family: FontAwesome;
	display:inline-block ;
	margin-right:.5rem;
	color:#393;
	font-weight:normal;
}

#main a[href$=".ppt"]::before,
#main a[href$=".ppt"][target="_blank"]::before,
#main a[href$=".pptx"]::before,
#main a[href$=".pptx"][target="_blank"]::before,
#main a[href$=".txt"]::before,
#main a[href$=".txt"][target="_blank"]::before{
  content: "\f0f6";
  font-family: FontAwesome;
	display:inline-block ;
	margin-right:.5rem;
	color:#333;
	font-weight:normal;
}

#main a[href$=".zip"]::before,
#main a[href$=".zip"][target="_blank"]::before,
#main a[href$=".lzh"]::before,
#main a[href$=".lzh"][target="_blank"]::before{
  content: "\f1c6";
  font-family: FontAwesome;
	display:inline-block ;
	margin-right:.5rem;
	color:#333;
	font-weight:normal;
}

/* --------------------------------------------------
wrapper
-------------------------------------------------- */

#wrapper {
  width: 100%;
  margin: 0 auto;
}

/* --------------------------------------------------
inner
-------------------------------------------------- */

.inner {
  width: 1060px;
  margin: 0 auto;
}

/* --------------------------------------------------
header
-------------------------------------------------- */

#header {
	background:#FFF;
}

#header .inner{
	position:relative;
	z-index:2;    
}
#header .inner:before {
	content: "";
	position: absolute;
	left: -70px;
	background: url(../img/common/bg_logo.png) no-repeat left top;
	background-size: 586px 150px;
	width: 586px;
	height: 143px;
	z-index: -1;
	overflow: hidden;
}

.go-contents {
	left: -999px;
	position: absolute;
	top: -999px;
}

/* logo */
#header h1{
	width: 196px;
	padding:30px 0;
	margin-left:100px;
	float:left;
}

#header h1 img{
	width: 100%;
}

/* header-nav */
.header-nav{
	background: #0075A2;
	color: #FFF;
	padding: 5px 0 5px 20px;
	float:right;
	vertical-align: middle;
}

/* fontsize */
.fontsize{
	display: inline-block;
}
.fontsize dt,
.fontsize dd{
	display: inline-block;
	margin-right: 5px;
}
.fontsize dd a{
	background: #0075A2;
	color: #fff;
	border-radius: 30%/50%;
	padding: 2px 7px;
	display:inline-block;
	font-size: 1.1rem;
	vertical-align: middle;
	text-decoration:none;
}
.fontsize dd a:hover{
	background:#8FC2D6;
	color: #FFF;
	border-radius: 30%/50%;
	padding: 2px 7px;
	display:inline-block;
	font-size: 1.1rem;
	vertical-align: middle;
}
.fontsize dd.active a{
	background: #FFF;
	color: #0075A2;
	border-radius: 30%/50%;
	padding: 2px 7px;
	display:inline-block;
	font-size: 1.1rem;
	vertical-align: middle;
}

.fontsize dd {
	cursor: pointer;
}

/* bgcolor */
.bgcolor{
	display: inline-block;
	margin: 0 20px 5px;
}
.bgcolor dt{
	display: inline-block;
	margin-right: 5px;
}
.bgcolor dd {
	cursor: pointer;
	display: inline-block;
	margin-right: 3px;
}
.bgcolor dd a{
	display:inline-block;
	font-size: 1.1rem;
	vertical-align: middle;
	padding: 2px 5px;
	border-radius: 50%;
}
.bgcolor .normal a{
	background: #FFF;
	color: #0075A2;
	border-radius: 30% / 50%;
	padding: 2px 7px;
}
.bgcolor .blue a{
	background: #0000FF;
	color: #FFFF00;
}
.bgcolor .yellow a{
	background: #FFFF00;
	color: #000;
}
.bgcolor .black a{
	background: #000;
	color: #FFFF00;
}

/* language */
.language {
	position: relative;
	display: inline-block;
	z-index:4;
}
.language li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	padding:0 10px;
}
.language > li {
	display: block;
	position: relative;
}
.language li ul {
	width: 100%;
	display: none;
	position: absolute;
	padding-top:6px;
	background:#0075A2;
}
.language li:hover ul {
	display: block;
}
.language li a {
	display: block;
	height: 5.5rem;
	line-height: 5rem;
	font-size: 1.2rem;
}
.language li:hover a {
	background:#0075A2;
}
.language li ul li {
	width: 100%;
}
.language li ul li a {
	display: block;
	height: 3rem;
	line-height: 3rem;
	text-align:center;
}
.language li ul li a:hover {
	background:#14AAE3;
	opacity:1;
}
.language li ul li:nth-child(6) a {
	height: 4rem;
	line-height: 2rem;
}
/* header-menu */
.header-menu{
	float:right;
	width:730px;
	text-align:right;
	margin:30px 0;
}
.header-menu ul{
	display:inline-block;
}
.header-menu li{
	display:inline-block;
	margin:0 5px;
}
.header-menu li a::before{
	display: inline-block;
	font-family: FontAwesome;
	padding-right: 0.5rem;
	content: "\f105";
}

/* header-mymenu */
.header-mymenu{
	display:inline-block;
	position:relative;
	vertical-align:middle;
}
.header-mymenu:hover .header-mybox{
	display: inline-block;
}
.header-mymenu .btn-mymenu{
	display:block;
	color:#FFF;
	padding:8px 20px;
	border-radius: 15% / 50%;
	background:#00A3E1;
	margin-left:1rem;
}
.header-mymenu .btn-mymenu::before{
	display: inline-block;
	font-family: FontAwesome;
	padding-right: 0.5rem;
	content: "\f005";
}

/* header-mybox */
.header-mybox {
	position: absolute;
	left:0 ;
	top:100%;
	width:20rem;
	color: #F6F6F6;
	line-height: 40px;
	text-align: center;
	background: #0075A2;
	z-index: 3;
	display: none;
}
.header-mybox:after {
	content: "";
	position: absolute;
	top: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #0075A2 transparent;
}
.header-mybox ul{
	width:100%;
	display:block;
	text-align:left;
	margin:5px 0;
}
.header-mybox li{
	display:block;
	background:#FFF;
	margin-bottom:1px;
	padding:10px;
}
.header-mybox li a{
	width:100%;
	line-height:1.2;
	font-size:1.3rem;
	display:block;
}
.header-mybox li a::before{
	display: inline-block;
	font-family: FontAwesome;
	padding-right: 0.5em;
	content: "\f10c";
}
.header-mybox p a{
	display:block;
	line-height:1.2;
	font-size:1.3rem;
	color:#FFF;
	padding:10px 20px;
	border-radius: 8% / 50%;
	background:#00A3E1;
	margin: 10px;
}

/* mmenu */
.mm-list,
.mm-list > li {
	color: #bc2821;
}

.menu-btn {
    display: none;
}

/* --------------------------------------------------
nav
-------------------------------------------------- */

#nav{
	clear:both;
	background:#BDE7F5;
	background: linear-gradient(#9FDCF2, #EAF7F9);
	border-top:#0075A2 solid 5px;
}

#nav ul{
	width:1070px;
	display: table;
  table-layout: fixed;
  text-align: center;
	margin:0 auto;
	position:relative;
	padding:0 5px;
}

#nav li{
	display:table-cell;
	padding-right:5px;
	position:relative;
	vertical-align:top;
}

#nav li::after{
	content:"";
	width:5px;
	height:5px;
	background:#FFF;
	position:absolute;
	top:-5px;
	right:0;
}

#nav li:last-of-type::after{
	content:none;
}

#nav li a{
	font-weight:bold;
	position: relative;
	text-align: center;
	font-size: 1.6rem;
	display: block;
	padding:20px 0;
	border-radius:0 0 8px 8px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	background:#fff;
	background-image: -webkit-linear-gradient(top, #fff, #F3FBFC); 
	background-image:    -moz-linear-gradient(top, #fff, #F3FBFC);
	background-image:     -ms-linear-gradient(top, #fff, #F3FBFC); 
	background-image:      -o-linear-gradient(top, #fff, #F3FBFC); 
	background-image:         linear-gradient(to bottom, #fff, #F3FBFC);
}

#nav li:last-child{
	border-right: none;
	padding-right:0;
}

#nav li a:link,
#nav li a:visited,
#nav li a:hover{
	color: #000;
	text-decoration: none
}

/* --------------------------------------------------
breadCrumbs
-------------------------------------------------- */

.breadCrumbs {
	margin: 15px auto;
	padding:8px;
	border-radius:5px;
	overflow: hidden;
	background:#FFF;
	position:relative;
}
.breadCrumbs::before{
	position: absolute;
	right:10px;
	top:0;
	font-family: FontAwesome;
	content: "\f146";
	color: #00A3E1;
	font-size:2.5rem;
	cursor:pointer;
}
.breadCrumbs.open::before{
	font-family: FontAwesome;
	content: "\f0fe";
}
.breadCrumbs.nobtn::before{
	content:none;
}
.breadCrumbs ul{
	clear:both;
}
.breadCrumbs li {
	float: left;
	padding-right: 0.5rem;
	font-size:1.3rem;
}
.breadCrumbs li a:link,
.breadCrumbs li a:hover,
.breadCrumbs li a:visited  {
	color: #0052DF;
	text-decoration:underline;
}
.breadCrumbs li:before {
	display: inline-block;
	font-family: FontAwesome;
	padding-right: 0.5rem;
	content: "\f105";
}
.breadCrumbs li:first-child:before {
	display: none;
}

/* --------------------------------------------------
page-header
-------------------------------------------------- */
.page-header{
	width:100%;
	margin:10px 0;
	text-align:right;
}
.page-header .social{
	display:inline-block;
}
.page-header .btn-print{
	display:inline-block;
}

/* --------------------------------------------------
main
-------------------------------------------------- */

#main{
	width: 790px;
	float: right;
}

#main section {
	margin-bottom:2rem;
}

#main strong{
	font-weight:bold;
}

/* --------------------------------------------------
post-content
-------------------------------------------------- */

.post-content{
	background:#FFF;
	padding:20px;
	box-sizing:border-box;
	border-left: #DDD solid 1px;
	border-right: #DDD solid 1px;
	border-bottom: #DDD solid 1px;
}

/* --------------------------------------------------
column
-------------------------------------------------- */

/* col-single */
.col-single{
	width:100%;
}

/* --------------------------------------------------
module
-------------------------------------------------- */

/* pht */
.pht img{
	max-width:100%;
}

/* result */
.result{
	border: 1px solid #E0CF3A;
	background: #FFFFE6;
	padding:1rem 2rem;
	margin-bottom:2rem;
}
.result span{
	font-weight:bold;
	margin-right:.5rem;
}

/* update-date */
.update-date {
	border-left: #DDD solid 1px;
	border-right: #DDD solid 1px;
	text-align: right;
	background:#FFF;
	padding:20px;
}

/* get-acrobat */
.get-acrobat{
	background:#FFF;
	padding:10px 15px;
	margin-top:20px;
	display:table;
	width:100%;
}
.get-acrobat a,
.get-acrobat p{
	display:table-cell;
	vertical-align:middle;
}
.get-acrobat a{
	padding-right:10px;
}

/* read */
.read{
	font-weight: bold;
	padding:1rem;
	margin-bottom:1rem;
}
.read p{
	margin-bottom:1rem;
}

/* attention */
.attention{
	border:#C52616 solid 1px;
	background:#FFF2F2;
	color:#C52616;
	padding: 20px;
	margin-bottom: 15px;
}
.attention p{
	margin-bottom: .5rem;
}

/* notice */
.notice {
	border: 1px solid #E0CF3A;
	background: #FFFFE6;
	padding: 20px;
	margin-bottom: 15px;
}
.notice p{
	margin-bottom: .5rem;
}
/* msg */
.msg{
	background:#fff;
	padding: 40px 20px;
	margin-bottom: 15px;
	text-align:center;
	border: #40BAE9 solid 1px;
}

/* search-box */
.search-box{
	background:#FFF;
	box-sizing:border-box;
	margin-bottom:20px;
}
.search-box dt{
	background:#99DAF3;
	text-align:center;
	padding: 10px 20px;
	line-height:1.2;
	font-size: 1.6rem;
	border: #40BAE9 solid 1px;
}
.search-box dd{
	padding:20px;
	text-align:center;
	border-left: #DDD solid 1px;
	border-right: #DDD solid 1px;
	border-bottom: #DDD solid 1px;
}
.search-box dd input[type="text"]{
	border-radius: 5% / 50%;
	color: #000;
	padding-left:30px;
	background: #efefef;
	border:none;
	width:350px;
}
.search-box dd a{
	display:inline-block;
	vertical-align: middle;
	padding: 6px 15px;
	text-align:center;
	background:#00A3E1;
	border-radius: 30% / 50%;
	color:#FFF;
}
.search-box dd p{
	margin-top:1rem;
}

/* contact-info */
.contact-info{
	background:#FFF;
	padding:20px;
	box-sizing:border-box;
	border-left: #DDD solid 1px;
	border-right: #DDD solid 1px;
	border-bottom: #DDD solid 1px;
	margin-top:-1px;
	margin-bottom:20px;
}
.contact-info h3{
	background: #006BB4;
	color: #FFF;
	padding: 10px 20px;
	line-height:1.2;
	font-size: 1.5rem;
}
.contact-info dl{
	padding: 10px;
}
.contact-info dt{
	font-weight:bold;
}
.contact-info dd{
	font-size:1.3rem;
}
.contact-info dd p{
	display:inline-block;
}

/* page-question */
.page-question{
	background:#FFF;
	box-sizing:border-box;
	border: #DDD solid 1px;
}
.page-question h3{
	background: #FDFCDF;
	text-align:center;
	padding: 10px 20px;
	line-height:1.2;
	font-size: 1.8rem;
	border-bottom: #DDD solid 1px;
}
.page-question fieldset{
	display:block;
	padding:0 20px;
	font-size:1.3rem;
}
.page-question legend{
	display:block;
	font-size:1.6rem;
	padding-top:20px;
	margin-bottom:1rem;
}
.page-question fieldset ul{
	position:relative;
	overflow:hidden;
}
.page-question fieldset li{
	float:left;
	margin-right:2rem;
}

/* --------------------------------------------------
search-menu
-------------------------------------------------- */
.search-menu h3{
	text-align:center;
}
.search-menu h3::before{
	display: inline-block;
	font-family: FontAwesome;
	padding-right: 0.5em;
	content: "\f002";
}
.search-menu dl{
	margin-bottom:1rem;
}
.search-menu dt{
	border-left:#006BB4 solid 4px;
	padding-left:1rem;
	margin:1rem 0;
	float:left;
	width:100px;
}
.search-menu .key{
	position:relative;
	overflow:hidden;
}
.search-menu input[type="text"]{
	border-radius: 5% / 50%;
	color: #000;
	padding-left:20px;
	background: #efefef;
	border:none;
	width:350px;
}
.search-menu .key a{
	display:inline-block;
	vertical-align: middle;
	padding: 6px 15px;
	text-align:center;
	background:#00A3E1;
	border-radius: 30% / 50%;
	color:#FFF;
}
.search-menu .day input[type="text"]{
	width:40%;
	margin-right:1rem;
}
.search-menu dd ul{
	overflow:hidden;
	position:relative;
}
.search-menu dd li{
	float:left;
}
.search-menu dd li label{
	display:block;
	padding:1rem 2rem;
	margin-bottom:1rem;
	border:#CCC solid 2px;
	margin-right:10px;
}

/* area */
.search-menu .area label{border-color:#ccc;}
.search-menu .area .checked{border-color:#006BB4; background:#006BB4; color:#FFF;}
/* genre */
.search-menu .genre01 label{border-color:#DB8280; color:#DB8280;}
.search-menu .genre02 label{border-color:#96849B; color:#96849B;}
.search-menu .genre03 label{border-color:#C86084; color:#C86084;}
.search-menu .genre04 label{border-color:#C6A72B; color:#C6A72B;}
.search-menu .genre05 label{border-color:#5AA8AE; color:#5AA8AE;}
.search-menu .genre06 label{border-color:#C98456; color:#C98456;}
.search-menu .genre07 label{border-color:#869C37; color:#869C37;}
.search-menu .genre01 label.checked{border-color:#DB8280; background:#DB8280; color:#FFF;}
.search-menu .genre02 label.checked{border-color:#96849B; background:#96849B; color:#FFF;}
.search-menu .genre03 label.checked{border-color:#C86084; background:#C86084; color:#FFF;}
.search-menu .genre04 label.checked{border-color:#C6A72B; background:#C6A72B; color:#FFF;}
.search-menu .genre05 label.checked{border-color:#5AA8AE; background:#5AA8AE; color:#FFF;}
.search-menu .genre06 label.checked{border-color:#C98456; background:#C98456; color:#FFF;}
.search-menu .genre07 label.checked{border-color:#869C37; background:#869C37; color:#FFF;}

.search-menu .btn-area {
	clear:both;
	border-top:#CCC solid 1px;
	padding-top:10px;
	margin:20px -20px -10px -20px;
}
.search-menu .btn-area a{
	width:150px;
}


/* --------------------------------------------------
 tab
-------------------------------------------------- */
/* tab-btn */
.tab-btn{
	display:table;
	width:100%;
	position: relative;
	border-collapse: separate;
	margin-bottom:-1px;
}
.tab-btn:after{
  content: "";
	width:100%;
	height:1px;
	background:#ddd;
	position:absolute;
	left:0;
	bottom:0;
	z-index:-1;
}
.tab-btn li{
	position:relative;
	display:table-cell;
	padding-right:10px;
	vertical-align:bottom;
	width:260px;
}
.tab-btn li a{
	display:block;
	text-align: center;
	border: 1px solid #ddd;
	background-color: #fff;
	padding:15px 0;
	text-decoration:none;
	color:#333;
	font-size:1.8rem;
	line-height:1.8rem;
	margin-bottom:10px;
}
.tab-btn li span{
	display:block;
	text-align: center;
	border: 1px solid #ddd;
	background-color: #fff;
	padding:15px 0;
	text-decoration:none;
	color:#333;
	font-size:1.8rem;
	line-height:1.8rem;
	padding-bottom:20px;
}
.tab-btn li a:hover{
	background:#006BB4;
	color:#fff;
}
.tab-btn li.selected span{
	border-top:#006BB4 solid 5px;
	border-bottom: 1px solid #fff;
}
.tab-btn a:hover:before{
	color:#FFF;
}

/* list-btn */
.list-btn a:before,
.list-btn span:before{
  content: "\f0ca";
  font-family: FontAwesome;
	padding-right:15px;
	color:#006BB4;
}
/* calendar-btn */
.calendar-btn a:before,
.calendar-btn span:before{
  content: "\f073";
  font-family: FontAwesome;
	padding-right:15px;
	color:#006BB4;
}

/* tab-content */
.tab-content{
	padding:20px;
	background:#FFF;
	border:#ddd solid 1px;
}


/* --------------------------------------------------
ac-contents
-------------------------------------------------- */
/* ac-contents */
.ac-contents{
	background:#FFF;
	margin-bottom:20px;
}
.ac-contents h3{
	color:#FFF;
	padding-bottom:10px;
	font-size:2rem;
	background:#006BB4;
	padding:10px 20px;
	position:relative;
	cursor:pointer;
}
.ac-contents h3::after{
	font-family: FontAwesome;
	content: "\f146";
	position:absolute;
	right:10px;
}
.ac-contents h3.open::after{
	font-family: FontAwesome;
	content: "\f0fe";
	position:absolute;
	right:10px;
}
.ac-contents .ac-panel{
	padding:20px;
	border: #CCC solid 1px;
}

/* --------------------------------------------------
list
-------------------------------------------------- */

/* list */
.list {
	border-top:#006BB4 solid 5px;
	border-right:#ddd solid 1px;
	border-left:#ddd solid 1px;
	margin-bottom:20px;
}
.list-ttl{
	border-bottom:#ddd solid 1px;
	background:#FFF;
	padding:10px 10px 10px 20px;
	font-size:1.8rem;
	position:relative;
	overflow:hidden;
}
.list-ttl .btn-more{
	float:right;
}
.list li{
	background:#FFF;
	border-bottom:#ddd solid 1px;
	display: table;
	width:100%;
	table-layout:fixed;
	vertical-align:middle;
	padding:8px .5rem 8px 0;
}
.list li .date{
	width:16%;
	display: table-cell;
	vertical-align:middle;
	padding-right:1rem;
	font-size:1.2rem;
	text-align:right;
}
.list li .category{
	width:15%;
	display: table-cell;
	vertical-align:middle;
	text-align:  left;
}
.list li p{
	display: table-cell;
	line-height:1.4;
	padding:1rem 0;
	vertical-align:middle;
}
.list li a{
	vertical-align:middle;
}
.list li a:hover{
	text-decoration: underline;
}
.list li .ico-new{
	display:inline;
	margin-left:1rem;
}
.list li .ico-cat{
	width:10rem;
	text-align:center;
	margin-bottom:.5rem;
}

/* list-result */
.list-result{
	margin-bottom:20px;
}
.list-result li{
	padding:1rem;
	margin-bottom:1rem;
	border-bottom:#CCC solid 1px;
	display:flex;
	align-items: center;
}
.list-result a{
	font-size:1.6rem;
	text-decoration:underline;
}
.list-result p{
	font-size:1.3rem;
	margin-top:1rem;
}
.list-result strong{
	font-weight:bold;
}
.list-result li .date{
	font-size:1.1rem;
	color:#666;
}
.list-result .txt{
	flex:5;
}
.list-result .pht{
	flex:1;
	border:#ccc solid 1px;
	padding:5px;
	background:#FFF;
	max-height:10em;
	max-width:100px;
	margin-left:1em;
}


/* link-list */
.link-list,
.link-list-2col{
	width:100%;
	padding:10px;
	margin-bottom:20px;
	color: #0052df;
	position:relative;
	overflow:hidden;
}
.link-list p,
.link-list-2col p{
	color:#333;
	margin-top:.5rem;
	margin-bottom:2rem;
	font-size:1.3rem;
	padding-left:1.5rem;
}
.link-list li{
	padding:.5rem 0;
}
.link-list li::before,
.link-list-2col li::before{
	display: inline-block;
	font-family: FontAwesome;
	padding-right: 0.5em;
	content: "\f105";
}
.link-list li a,
.link-list-2col li a{
	color: #0052df;
}
.link-list li a:hover,
.link-list-2col li a:hover{
	text-decoration: underline;
}
.link-ex{
	display:inline-block;
	margin-left:1rem;
	font-size:1.2rem;
	color:#333;
}
.link-ex::before{
	display: inline-block;
	font-family: FontAwesome;
	content: "\f08e";
}

/* link-list-2col */

.link-list-2col li{
	width:50%;
	float:left;
	margin-bottom:1rem;
}

/* file-list */
.file-list{
	border-top:#eee solid 1px;
}
.file-list li{
	padding:5px;
	border-bottom:#eee solid 1px;
}
.file-list li::before{
	display: inline-block;
	font-family: FontAwesome;
	content: "\f105";
	padding-right:1rem;
}

/* --------------------------------------------------
table
-------------------------------------------------- */

table {
	width:100%;
	margin-bottom: 20px;
	border-collapse:collapse;
	border: 1px solid #006BB4;
}
table tr th {
	background: #F3F8FA;
	padding: 10px 20px;
	border: 1px solid #006BB4;
	font-weight: bold;
	color:#00416C;
}
table tr td {
	background: #FFFFFF;
	padding: 10px 20px;
	border: 1px solid #006BB4;
	
	word-break: break-all;
	word-wrap: break-word;
}
.table-scroll table{
	word-break: break-all;
	word-wrap: break-word;
}

/* table-form */
.table-form{
	width: 100%;
	margin: 15px 0;
}
.table-form th{
	width: 250px;
	display: table-cell; 
}


/* --------------------------------------------------
side
-------------------------------------------------- */
#side{
	width: 250px;
	float: left;
}

#side p{
	margin-bottom:10px;
}
#side p img{
	max-width:100%;
}

#side .side-link{
	list-style-position: inside;
	padding-left:30px;
}
#side .side-link li{
	list-style: disc;
	color:#006bb2;
}
#side .side-link a{
	text-decoration: underline;
	line-height:1.8;
	font-size:1.4rem;
}

/* side-nav */
.side-nav,
.side-important{
	background:#FFF;
	margin-bottom:20px;
}
.side-nav h3,
.side-important h3{
	text-align:center;
	color:#FFF;
	padding-bottom:10px;
	font-size:1.7rem;
	background:#006BB4;
	padding:10px;
	position:relative;
	cursor:pointer;
}
.side-nav h3::after,
.side-important h3::after{
	font-family: FontAwesome;
	content: "\f146";
	position:absolute;
	right:10px;
}
.side-nav h3.open::after,
.side-important h3.open::after{
	font-family: FontAwesome;
	content: "\f0fe";
	position:absolute;
	right:10px;
}
.side-nav .side-btn,
.side-important .side-btn{
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
}
.side-nav .side-btn > li,
.side-important .side-btn > li {
	padding:1px;
	border-bottom:#CCC solid 1px;
	position: relative;
}
.side-nav .side-btn > li:last-of-type,
.side-important .side-btn > li:last-of-type {
	border-bottom:none;
}
.side-nav .side-btn > li > a,
.side-important .side-btn > li > a {
	padding:10px;
	display:block;
	border-left: 4px solid #006BB4;
	position:relative;
}
.side-nav .side-btn > li > a:hover,
.side-important .side-btn > li > a:hover{
	background:#EFEFEF;
}
.side-nav .side-btn > li > a::before,
.side-important .side-btn > li > a::before{
	font-family: FontAwesome;
	content: "\f105";
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-1rem;
}
.side-nav .side-btn .side-link-head::before,
.side-important .side-btn .side-link-head::before{
	content: "\f106";
}
.side-nav .side-btn .side-link-head.open::before,
.side-important .side-btn .side-link-head.open::before{
	content: "\f107";
}
.side-nav .side-link,
.side-important .side-link{
	padding:5px 0;
	border-top:#CCC solid 1px;
	margin-top:1px;
	margin-right:-1px;
	margin-left:-1px;
}
div.side-btn{
	margin-top:-1px;
}

/* side-important */
.side-important h3{
	background:#FF6347;
	color:#FFF;
}
.side-important h3::before{
	display: inline-block;
	padding-right: 0.5rem;
	font-family: FontAwesome;
	content: "\f071";
}
.side-important .side-btn > li > a{
	border-left: 4px solid #FF6347;
}

/* side-search */
.side-search{
	background:#FFF;
	border:#CCC solid 1px;
	border-top:#006BB4 solid 5px;
	padding:10px;
	margin-bottom:20px;
}
.side-search h4{
	padding-bottom:10px;
	font-size:1.7rem;
}
.side-search h4::before{
	display: inline-block;
	font-family: FontAwesome;
	padding-right: 0.5em;
	content: "\f002";
}
.side-search input[type="text"]{
	width:160px;
	border-radius: 10% / 50%;
	color: #000;
	background: #efefef;
	border:none;
	padding-left:10px;
}
.side-search a{
	display:inline-block;
	vertical-align: middle;
	padding: 6px 15px;
	text-align:center;
	background:#00A3E1;
	border-radius: 30% / 50%;
	color:#FFF;
}

/* side-life */
.side-life{
	background:#FFF;
	border:#CCC solid 1px;
	border-top:#006BB4 solid 5px;
	padding:10px;
	margin-bottom:20px;
}
.side-life h4{
	padding-bottom:10px;
	font-size:1.7rem;
}
.side-life ul{
	display:inline-block;
	width:100%;
}
.side-life ul li{
	display:block;
	width:50%;
	float:left;
}
.side-life ul li a{
	font-size:1.2rem;
}

/* --------------------------------------------------
ttl
-------------------------------------------------- */

/* ttl */
.ttl{
	background: #006BB4 url(../img/common/bg_ttl.png) no-repeat 90% 80%;
	color: #FFF;
	font-weight: bold;
	border-left: #005995 solid 7px;
	padding: 30px 20px;
	line-height:1.2;
	font-size: 2.5rem;
	margin-bottom: 15px;
}
/* ttl-sub */
.ttl-sub{
	background: #FFF;
	color: #006BB2;
	border: #00A3E1 solid 1px;
	padding: 22px 28px 22px 45px;
	line-height:1.2;
	font-size: 2rem;
	margin-bottom: 15px;
	position:relative;
}
.ttl-sub a{
	display:block;
	display:table;
	table-layout:fixed;
	width:100%;
	padding-right:10px;
	position:relative;
}
.ttl-sub::before{
	font-family: FontAwesome;
	content: "\f115";
	position:absolute;
	left:15px;
	top:50%;
	margin-top:-1.2rem;
}
.ttl-sub a::after{
	font-family: FontAwesome;
	content: "\f105";
	vertical-align:middle;
	position:absolute;
	right:-10px;
	top:50%;
	margin-top:-1.2rem;
}

/* ttl-sub01 */
.ttl-sub01{
	background: #006BB4;
	color: #FFF;
	border-left: #005995 solid 7px;
	padding: 5px 20px;
	line-height:1.2;
	font-size: 2rem;
	margin-bottom: 15px;
}
.ttl-sub01 a{
	color:#FFF;
	display:block;
	position:relative;
	font-size: 1.7rem;
	text-decoration:underline;
	width:100%;
	padding-right:10px;
}
.ttl-sub01 a::after{
	font-family: FontAwesome;
	content: "\f105";
	vertical-align:middle;
	position:absolute;
	right:-10px;
	top:50%;
	margin-top:-1.2rem;
}

/* ttl-sub02 */
.ttl-sub02{
	font-weight: bold;
	font-size: 1.8rem;
	margin-bottom: 15px;
	border-left: #A6B9C6 solid 7px;
	padding: 5px 20px;
}
/* ttl-sub03 */
.ttl-sub03{
	padding: 10px 15px;
	margin-bottom: 15px;
	background: #99DAF3;
}

/* ttl-main */
.ttl-main,
.ttl-important{
	background: #FFF;
	border-top: #006BB4 solid 5px;
	border-left: #DDD solid 1px;
	border-right: #DDD solid 1px;
	border-bottom: #F4F4F4 solid 5px;
	font-size: 2.5rem;
	line-height:1.4;
	padding: 20px;
}

/* ttl-important */
.ttl-important{
	border-top:#FF6347 solid 5px;
	padding-left:7rem;
	position:relative;
	color:#FF6347;
}
.ttl-important::before{
	font-family: FontAwesome;
	content: "\f071";
	position:absolute;
	font-size:3rem;
	left:2.5rem;
	top:50%;
	line-height:1;
	margin-top:-1rem;
}

/* ttl-side */
.ttl-side{
	background: #006BB4;
	color: #FFF;
	padding: 15px 20px;
	line-height:1.2;
	font-size: 1.6rem;
	text-align:center;
	margin-bottom: 5px;
}

/* --------------------------------------------------
btn
-------------------------------------------------- */

/* btn-area */
.btn-area{
	text-align: center;
	margin:2rem 0;
}
.btn-area-r{
	text-align:right;
	margin:2rem 0;
}

.btn-area .btn-more{
	padding: 10px 50px;
	text-align: center;
}

/* btn-link */
.btn-link a{
	display: block;
	background: #F3F3F3;
	color: #D44D49;
	padding: 5px 25px;
	text-align: center;
	margin: 10px 10px;
	text-decoration:none;
}

/* btn-more */
a.btn-more,
a.btn-musen,
a.btn-rss{
	display:inline-block;
	background:#eee;
	padding:0 35px;
	text-align:center;
	font-size:1.6rem;
	line-height:1.8;
	text-decoration:none;
	border:#ddd solid 1px;
}
a.btn-musen::before{
	line-height:1;
	display:inline-block;
	margin-right:1rem;
	font-family: FontAwesome;
	content: "\f0a1";
}
a.btn-rss::before{
	line-height:1;
	display:inline-block;
	margin-right:1rem;
	font-family: FontAwesome;
	content: "\f09e";
}
a.btn-more:hover,
a.btn-musen:hover,
a.btn-rss:hover{
	border:#006BB4 solid 1px;
}

/* btn-entry */
.btn-entry a{
	display: inline-block;
	background: #40BAE9;
	padding: 5px 25px;
	text-align: center;
	border-radius: 8%/50%;
	color:#fff;
	text-decoration:none;
	margin:10px;
}

/* btn-clear */
.btn-clear a{
	display: inline-block;
	background: #E1E4E4;
	padding: 5px 25px;
	text-align: center;
	border-radius: 8%/50%;
	color:#333;
	text-decoration:none;
	margin:10px;
}

/* btn-print */
.btn-print a{
	display: inline-block;
	background: #ddd;
	color: #333;
	padding: 5px 25px;
	text-align: center;
	border-radius: 8%/50%;
	font-weight:bold;
	text-decoration:none;
}
.btn-print a:hover{
	background: #333;
	color: #fff;
}
.btn-print a::before{
	display: inline-block;
	font-family: FontAwesome;
	padding-right: 0.5rem;
	content: "\f02f";
}

/* btn-life */
a.btn-life01,
a.btn-life02,
a.btn-life03,
a.btn-life04,
a.btn-life05,
a.btn-life06,
a.btn-life07,
a.btn-life08{
	display:block;
	color:#FFF;
	background:#FE9A4B;
	text-align:center;
	margin:6px 4px;
	border-radius:5px;
	padding: 10px 0 ;
	box-shadow: 0 6px #DC7A32;
	text-decoration:none;
	line-height:1;
}

a.btn-life01:before,
a.btn-life02:before,
a.btn-life03:before,
a.btn-life04:before,
a.btn-life05:before,
a.btn-life06:before,
a.btn-life07:before,
a.btn-life08:before{
	font-family: 'icomoon';
	display:block;
	font-size:5rem;
	margin-bottom:5px;
}

/* btn-biz */
a.btn-biz01,
a.btn-biz02{
	display:block;
	color:#FFF;
	background:#70AD46;
	text-align:center;
	margin:6px 4px;
	border-radius:5px;
	padding: 10px 0 ;
	box-shadow: 0 6px #598B37;
	text-decoration:none;
	line-height:1;
}
a.btn-biz01 img{
  display: block;
  margin: 0 auto 0.6em auto;
	height: 50px;
}

a.btn-biz02 img{
  display: block;
  margin: 0 auto 0.6em auto;
	height: 50px;
}




/* btn-service */
a.btn-service{
	font-size:2rem;
	display:block;
	border-radius:5px;
	color:#FFF;
	margin:0 auto;
	padding:10px 20px 10px 40px;
	position:relative;
	box-sizing:border-box;
	text-decoration:none;
	text-align:center;
	background:#17A086;
	border-bottom:5px #0F7C67 solid;
	margin-bottom:2rem;
	line-height:1.2;
}
a.btn-service::before {
	content: "\f002";
	font-size:3rem;
	font-family: FontAwesome;
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top:-2rem;
}
a.btn-service::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top:-1.2rem;
}
a.btn-service span{
	font-size:1.2rem;
	display:block;
}

/* btn-warning */
a.btn-warning{
	width:60%;
	font-size:2rem;
	display:block;
	border-radius:5px;
	color:#FFF;
	margin:0 auto;
	padding:10px 0;
	position:relative;
	box-sizing:border-box;
	text-decoration:none;
	text-align:center;
	background:#FF6347;
	border-bottom:5px #DE1414 solid;
	margin-bottom:2rem;
	line-height:1.2;
}

/* btn-form */
a.btn-form,
a.btn-back,
a.btn-del{
	font-size:1.8rem;
	display:inline-block;
	min-width:220px;
	border-radius:5px;
	color:#FFF;
	text-align:center;
	padding:15px 20px;
	position:relative;
	box-sizing:border-box;
	text-decoration:none;
	margin:5px auto;
}
a.btn-form{
	background:#57AFF1;
	border-bottom:5px #3D93D0 solid;
}
a.btn-back{
	background:#CCC;
	border-bottom:5px #B7B7B7 solid;
}
a.btn-del{
	background:#fe4a6d;
	border-bottom:5px #dc3156 solid;
}

/* btn-search */
a.btn-search,
a.btn-event{
	font-size:2rem;
	display:inline-block;
	border-radius:5px;
	color:#FFF;
	text-align:center;
	padding:12px 25px;
	position:relative;
	box-sizing:border-box;
	text-decoration:none;
	margin:5px auto;
	background:#17A086;
	border-bottom:5px #0F7C67 solid;
}
a.btn-search::before{
	content: "\f002";
	font-family: FontAwesome;
	display:inline-block;
	margin-right:1rem;
}
a.btn-event::before{
	content: "\f0ce";
	font-family: FontAwesome;
	display:inline-block;
	margin-right:1rem;
}

.btn-area-r a.btn-event{
	margin-right: 1rem;
}

/* --------------------------------------------------
paging
-------------------------------------------------- */

.paging {
	text-align:right;
	clear: both;
	margin-bottom:20px;
}
.paging a,
.paging .current,
.paging .next a,
.paging .prev a{
	border-radius: 5px;
	display: inline-block;
	padding: .5rem 1.2rem;
	text-decoration: none;
	vertical-align: text-bottom;
	background: #fff;
	color: #333;
}
.paging a:link,
.paging a:visited {
	border: 1px solid #ddd;
	color: #333;
	text-decoration: none;
}
.paging a:hover,
.paging a:active,
.paging .next a:hover,
.paging .prev a:hover{
	border: 1px solid #00A3E1;
	color:#00A3E1;
	text-decoration: none;
}
.paging .current{
	background: #00A3E1;
	border: 1px solid #00A3E1;
	color: #fff;
}


/* --------------------------------------------------
paging-month
-------------------------------------------------- */

.paging-month {
	clear: both;
	margin-bottom:20px;
	text-align:center;
	background:#EFEFEF;
	padding:10px;
	position:relative;
	overflow:hidden;
}
.paging-month .current{
	vertical-align:middle;
	font-size:2rem;
	line-height:1.2;
	font-weight:bold;
}
.paging-month .current span{
	font-size:3rem;
	padding-left:.5rem;
}
.paging-month .next,
.paging-month .prev,
.paging-month .latest{
	display: inline-block;
	padding: .5rem 1.2rem;
	text-decoration: none;
	vertical-align:middle;
	border-radius: 18px / 50%;
	background:#333;
	color:#FFF;
}
.paging-month .prev{
	float:left;
}
.paging-month .prev::before{
	display: inline-block;
	font-family: FontAwesome;
	padding-right: 0.5em;
	content: "\f0a8";
}
.paging-month .next{
	float:right;
}
.paging-month .next::after{
	display: inline-block;
	font-family: FontAwesome;
	padding-left: 0.5em;
	content: "\f0a9";
}
.paging-month .latest{
	float:right;
	margin-left:10px;
}
.paging-month .latest::after{
	display: inline-block;
	font-family: FontAwesome;
	padding-left: 0.5em;
	content: "\f0a9";
}
.paging-month a:link,
.paging-month a:visited{
	color: #fff;
	text-decoration: none;
}
.paging-month a:hover,
.paging-month a:active{
	color:#fff;
	text-decoration: none;
}

/* --------------------------------------------------
icon
-------------------------------------------------- */

.ico-new{
	font-size:1rem;
	color:#FF6347;
}
.ico-cat{
	display: inline-block;
	background:#005995;
	color:#fff;
	font-size:1.1rem;
	padding:.2rem 1rem;
}
.ico-open{
	display: inline-block;
	background:#049ACC;
	color:#fff;
	font-size:1.1rem;
	padding:.2rem 1rem;
}
.ico-close{
	display: inline-block;
	background:#CC0000;
	color:#fff;
	font-size:1.1rem;
	padding:.2rem 1rem;
}

/* --------------------------------------------------
pagetop
-------------------------------------------------- */

.pagetop {
  display: none;
  position: fixed;
  bottom:10px;
  right: 30px;
  z-index: 5;
	width:70px;
}

.pagetop img{
	width:100%;
}

/* --------------------------------------------------
footer
-------------------------------------------------- */
#footer{
	clear:both;
	padding-top:430px;
	background-color: #006BB4;
	background-image:url(../img/common/bg_footer.png) , url(../img/common/bg_footer_repeat.gif) ;
	background-repeat: no-repeat , repeat-x;
	background-position: top center , left top ;

}
#footer a{
  color: #fff;
}

.footer-banner p {
	text-align:right;
	margin-bottom:1rem;
	font-size:1.2rem;
}

.footer-banner p a{
	text-decoration:underline;
}

.footer-banner ul{
	letter-spacing:-.4rem;
	text-align:center;
}

.footer-banner ul li img{
	max-width:200px;
}

.footer-banner ul li{
	display:inline-block;
	margin:0 5px;
	letter-spacing: normal;
}


.foot-nav {
	text-align:center;
	margin-bottom: 50px;
	letter-spacing:-.4rem;
}

.foot-nav li{
	display: inline-block;
	padding-left: 20px;
	letter-spacing: normal;
}

.foot-nav li::after{
	content: "|";
	margin-left: 20px;
}

.foot-nav li:last-child::after{
	content: none;
}

.footer-info{
	padding: 20px 0;
	color: #FFF;
}

.footer-info address{
	font-size: 1.6rem;
	margin-bottom:1rem;
}

.footer-info address strong{
	font-size: 2.6rem;
	font-weight: bold;
	margin-right:2rem;
}

.footer-info address a{
	margin-left:2rem;
	text-decoration:underline;
}

.footer-info address a::before{
	display: inline-block;
	font-family: FontAwesome;
	padding-right: 0.5em;
	content: "\f105";
}

.copy{
	font-size:1.1rem;
}


/* --------------------------------------------------
js-style
-------------------------------------------------- */

.ac-panel{
	display:block;
}



/* -----  @media screen and (max-width: 768px)  ------ */


@media screen and (max-width: 768px) {

	


	/* --------------------------------------------------
	form
	-------------------------------------------------- */

	input[type="text"]{
		vertical-align: middle;
		border:none;
		border: 1px solid #999;
		padding:5px;
		font-size:1.3rem;
		line-height:1.8;
	}
	input.text-s{
		width: 100%;
	}
	input.text-m{
		width: 100%;
	}
	input.text-l{
		width: 100%;
	}
	
	/* form-list */
	.form-list li{
		display:block;
		padding: 5px 0;
	}
	
	/* --------------------------------------------------
	body
	-------------------------------------------------- */
	
	body {
	  font-size: 1.3rem;
	  line-height:1.3;
		min-width:0;
	}
	
	/* --------------------------------------------------
	inner
	-------------------------------------------------- */
	
	.inner {
	  width: 100%;
	}

	/* --------------------------------------------------
	header
	-------------------------------------------------- */
	
	#header{
		font-size: 1.2rem;
		background: #FFF;
		position: fixed;
		width: 100%;
		z-index: 10;
		top:0;
		left: 0;
	}
	#header .inner{
		width:auto;
		padding:0;
		background: url(../img/common/bg_logo.png) no-repeat 60% 50%;
		background-size: auto 100% ;
		position:relative;
		z-index:1;    
	}
	#header .inner:before {
		content:none;
		position:  relative;
		left: 0;
		z-index:1;
	}
	#header h1{
		padding:10px 0;
		margin:0 auto;
		text-align:center;
		float:none;
		max-height: 55px;
	}
	
	#header h1 img{
		width:50%;
		padding-top:0px;
	}


	/* header-nav */
	.header-nav{
		color: #FFF;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
	}
	
	/* fontsize */
	.fontsize{
		display: none;
	}

	/* bgcolor */
	.bgcolor{
		display: none
	}

	/* language */
	.language{
	}
	
	.language ul {
		width: 110px;
		top: 35px;
	}
	
	.language ul li {
		width: 110px;
	}

	/* header-menu */
	.header-menu{
		display:none;
	}

	
	/*--menu-btn--*/
	.menu-btn {
		display: block;
		width: 100px;
	}
	
	
	
	.menu-btn a {
		color: #FFF;
		display: block;
		position: absolute;
		right: 0px;
		top: 0px;
		padding: 0.2em 1em 0.3em 1em;
		background:#0075A2;
		text-align: center;
		/*-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 20px;*/
		line-height: 1.5;
		text-decoration: none;
	}
	
	.mm-list > li > a{
		color:#0075A2;
	}
	
	.menu-btn a i {
		font-size: 20px;
		font-size: 3rem;
		vertical-align: middle;
		display: block;
	}
	
	
	/* -----------------------------------------------
	 nav
	-------------------------------------------------- */
	
	#nav {
		display: none;
	}
	

	/* --------------------------------------------------
	breadCrumbs
	-------------------------------------------------- */
	.breadCrumbs {
		display: none;
	}

	/* --------------------------------------------------
	page-header
	-------------------------------------------------- */
	.page-header{
		width:auto;
		margin:10px;
	}
	.page-header .social{
		display:block;
	}
	.page-header .btn-print{
		display:block;
	}
	
	/* --------------------------------------------------
	contents
	-------------------------------------------------- */
	#contents{
		padding-top: 60px;
		font-size: 1.2rem;
	}

	/* --------------------------------------------------
	main
	-------------------------------------------------- */
	#main{
		width: 100%;
		float: none;
		padding: 0 10px;
		margin-bottom:20px;
	}

	/* --------------------------------------------------
	column
	-------------------------------------------------- */
	
	/* col-single */
	.col-single{
		width:auto;
		padding:0 10px;
	}

	/* --------------------------------------------------
	module
	-------------------------------------------------- */

	/* get-acrobat */
	.get-acrobat{
	display:block;
	}
	.get-acrobat a,
	.get-acrobat p{
	display: block;
	}
	.get-acrobat a{
	float:left;
	}
	.get-acrobat br{
	display:none;
	}

	/* search-box */
	.search-box{
		margin-bottom:15px;
	}
	.search-box dt{
		padding: 10px;
		font-size: 1.4rem;
	}
	.search-box dd{
		padding: 10px;
	}
	.search-box dd input[type="text"]{
		border-radius: 5% / 50%;
		padding-left:20px;
		width:100%;
		margin-bottom:1rem;
	}
	.search-box dd a{
		padding: 10px 25px;
		border-radius: 20% / 50%;
	}
	.search-box dd p{
		margin-top:1rem;
	}

	/* contact-info */
	.contact-info{
		padding:20px;
	}
	.contact-info h3{
		padding: 10px;
		font-size: 1.3rem;
	}
	.contact-info dl{
		padding: 10px;
	}
	.contact-info dd{
		font-size:1.1rem;
		word-break: break-all;
	}
		
	/* page-question */
	.page-question h3{
		padding: 10px;
		font-size: 1.3rem;
	}
	.page-question legend{
		font-size:1.3rem;
	}
	.page-question fieldset{
		font-size:1.2rem;
	}
	.page-question ul li{
		display:block;
		float:none;
		padding:5px 0;
	}

	/* --------------------------------------------------
	search-menu
	-------------------------------------------------- */
	.search-menu dt{
		float:none;
		width:100%;
	}
	.search-menu input[type="text"]{
		border-radius: 20px / 50%;
		width:78%;
	}
	.search-menu .key a{
		padding: 6px 15px;
		border-radius: 30% / 50%;
	}
	.search-menu .day input[type="text"]{
		width:90%;
		margin-right:1rem;
		margin-bottom:1rem;
	}
	.search-menu dd li{
		float:none;
		width:100%;
	}
	.search-menu dd li label{
		padding:1rem;
		margin-bottom:.5rem;
		margin-right:0;
	}
	.search-menu .btn-area {
		clear:both;
		border-top:#CCC solid 1px;
		padding-top:10px;
		margin:10px -10px 0 -10px;
	}
	.search-menu .btn-area a{
		width:120px;
		margin:5px;
	}
	
	/* --------------------------------------------------
	 tab
	-------------------------------------------------- */
	/* tab-btn */
	.tab-btn li{
		padding-right:5px;
		width:50%;
	}
	.tab-btn li a{
		padding:15px 0;
		font-size:1.2rem;
		margin-bottom:5px;
	}
	.tab-btn li span{
		padding:15px 0;
		font-size:1.2rem;
		line-height:1.8rem;
		padding-bottom:15px;
	}
	/* list-btn */
	.list-btn a:before,
	.list-btn span:before{
		padding-right:5px;
	}
	/* calendar-btn */
	.calendar-btn a:before,
	.calendar-btn span:before{
		padding-right:5px;
	}
	/* tab-contents */
	.tab-content{
		padding:10px;
	}

	/* --------------------------------------------------
	ac-contents
	-------------------------------------------------- */
	/* ac-contents */
	.ac-contents h3{
		font-size:1.6rem;
	}
	.ac-contents .ac-panel{
		padding:10px;
	}
	
	/* --------------------------------------------------
	list
	-------------------------------------------------- */
	/* list */
	.list {
		margin-bottom:15px;
	}
	.list-ttl{
		padding:10px;
		font-size:1.6rem;
	}
	.list-ttl .btn-more{
		float:none;
		display:block;
	}
	.list li{
		display: block;
		padding:10px;
	}
	.list li .date{
		width: auto;
		display:block;
		padding-right:0;
		font-size:1.2rem;
		text-align:left;
		margin-bottom:.5rem;
	}
	.list li .category{
		width: auto;
		display: block;
		padding-right:0;
		font-size:1.2rem;
		text-align:left;
	}
	.list li p{
		display: block;
		padding:0;
	}
	.list li .ico-new{
		display:inline;
		margin-left:.5rem;
	}
	.list li .ico-cat{
		margin-right:.5rem;
		margin-bottom:.5rem;
	}

	/* list-result */
	.list-result li{
		margin-bottom:0;
	}
	.list-result a{
		font-size:1.2rem;
	}
	.list-result p{
		font-size:1.1rem;
	}
	
	/* link-list */
	.link-list,
	.link-list-2col{
		width:100%;
		padding:10px;
		margin-bottom:0;
		color: #0052df;
		position:relative;
		overflow:hidden;
	}

	.link-list p,
	.link-list-2col p{
		font-size:1.1rem;
		margin-bottom:1rem;
	}
	
	/* link-list-2col */
	.link-list-2col li{
		width:100%;
		float:none;
	}

	/* file-list */
	.file-list li a{
		display: inline-block;
	}
	
	/* --------------------------------------------------
	table
	-------------------------------------------------- */
	
	/* table-form */
	.table-form{
		border-bottom: 1px solid #006BB4;
	}
	.table-form th{
		width: 100%;
		display: block;
		border-bottom: none;
	}
	.table-form td{
		width: 100%;
		display: block;
		border-bottom: none;
	}
	.table-scroll{
		overflow: auto;
		margin-bottom: 10px;
	}
	.table-scroll table{
		width: 100%;
		white-space: nowrap;
	}

	/* --------------------------------------------------
	side
	-------------------------------------------------- */
	#side{
		width: 100%;
		float: none;
		padding: 0 10px;
	}
	#side p{
		text-align:center;
	}
	#side p img{
		width:80%;
		max-width:200px;
	}

	#side .side-link a{
		display:block;
		font-size:1.2rem;
		padding:.5rem 0;
	}

	/* side-nav */
	.side-nav h3::after,
	.side-important h3::after{
		font-family: FontAwesome;
		content: "\f0fe";
	}
	.side-nav h3.open::after,
	.side-important h3.open::after{
		font-family: FontAwesome;
		content: "\f146";
	}
	.side-nav .side-btn .side-link-head::before,
	.side-important .side-btn .side-link-head::before{
		content: "\f107";
	}
	.side-nav .side-btn .side-link-head.open::before,
	.side-important .side-btn .side-link-head.open::before{
		content: "\f106";
	}

	/* side-search */
	.side-search{
		text-align:center;
	}
	.side-search h4{
		text-align:left;
		font-size:1.5rem;
	}
	.side-search input[type="text"]{
		border-radius: 5% / 50%;
		padding-left:20px;
		width:100%;
		margin-bottom:1rem;
	}
	.side-search a{
		padding: 10px 25px;
		border-radius: 20% / 50%;
	}

	/* side-life */
	.side-life h4{
		padding-bottom:10px;
		font-size:1.5rem;
	}
	.side-life ul li{
		width:33.333%;
	}
	
	/* --------------------------------------------------
	ttl
	-------------------------------------------------- */
	.ttl{
		background: #006BB4 url(../img/common/bg_ttl.png) no-repeat 95% 50%;
		background-size: auto 80%;
		padding: 15px;
		line-height:1.2;
		font-size: 2rem;
	}
	/* ttl-sub */
	.ttl-sub{
		padding: 10px 20px 10px 40px;
		font-size: 1.6rem;
	}
	.ttl-sub::before{
		margin-top:-1rem;
	}
	.ttl-sub a::after{
		margin-top:-1rem;
	}
	
	/* ttl-sub01 */
	.ttl-sub01{
		padding: 5px 10px;
		font-size: 1.5rem;
		margin-bottom: 15px;
	}
	.ttl-sub01 a{
		font-size: 1.3rem;
	}
	.ttl-sub01 a::after{
		right:0;
		margin-top:-1rem;
	}
	
	/* ttl-sub02 */
	.ttl-sub02{
		font-size: 1.2rem;
	}
	
	/* ttl-main */
	.ttl-main{
		font-size: 1.6rem;
	}

	/* ttl-important */
	.ttl-important{
		padding:10px;
		font-size:1.6rem;
	}
	.ttl-important::before{
		font-family: FontAwesome;
		content: "\f071";
		position: relative;
		display:block;
		text-align:center;
		font-size:2rem;
		left:0;
		top:0;
		line-height:1.5;
		margin-top:0;
	}

	/* ttl-side */
	.ttl-side{
		padding: 10px 20px;
		font-size: 1.6rem;
	}

	/* --------------------------------------------------
	btn
	-------------------------------------------------- */
	
	/* btn-link */
	.btn-link a{
		display: block;
		background: #F3F3F3;
		color: #D44D49;
		padding: 5px 25px;
		text-align: center;
		margin: 10px 10px;
		text-decoration:none;
	}

	/* btn-more */
	.btn-more{
		font-size:1.4rem;
	}

	/* btn-life */
	a.btn-life01:before,
	a.btn-life02:before,
	a.btn-life03:before,
	a.btn-life04:before,
	a.btn-life05:before,
	a.btn-life06:before,
	a.btn-life07:before,
	a.btn-life08:before{
		font-size:3rem;
	}
	
	/* btn-service */
	a.btn-service{
		font-size:1.6rem;
	}
	a.btn-service::before {
		font-size:2rem;
		margin-top:-1.2rem;
	}
	a.btn-service::after {
		margin-top:-1rem;
	}
	a.btn-service span{
		font-size:1.1rem;
	}

	/* btn-warning */
	a.btn-warning{
		width:70%;
		font-size:1.6rem;
	}
	
	/* btn-form */
	a.btn-form,
	a.btn-back,
	a.btn-del{
		font-size:1.6rem;
		width:70%;
		padding:10px 0;
	}
	
	/* btn-search */
	a.btn-search,
	a.btn-event{
		font-size:1.6rem;
		padding:10px 20px;
	}
	
	.btn-area-r a.btn-event{
		margin-right: 0;
	}
	
	/* --------------------------------------------------
	paging
	-------------------------------------------------- */
	.paging {
		text-align:center;
	}
	
	.paging span,
	.paging .current{
		display:none;
	}
	
	.paging .next,
	.paging .prev{
		display: inline-block;
	}
	.paging .next a,
	.paging .prev a{
		padding:10px 20px;
	}

	/* --------------------------------------------------
	paging-month
	-------------------------------------------------- */
	
	.paging-month {
		margin-bottom:10px;
	}
	.paging-month .current{
		clear:both;
		font-size:1.5rem;
		line-height:1.2;
	}
	.paging-month .current span{
		font-size:2rem;
		padding-left:.5rem;
	}
	.paging-month .next,
	.paging-month .prev,
	.paging-month .latest{
		display: inline-block;
		padding: 1rem 2rem;
	}
	
	/* --------------------------------------------------
	footer
	-------------------------------------------------- */
	#footer{
		font-size: 1.2rem;
		padding-top:30%;
		background-image:url(../img/common/bg_footer.png) ;
		background-repeat: no-repeat;
		background-size:contain;
		background-position: top center ;
	}
	.footer-banner p {
		padding-right:20px;
	}
	.footer-banner ul{
		width:90%;
		text-align:center;
		margin:10px auto;
		position:relative;
		overflow:hidden;
	}
	.footer-banner ul li{
		display:block;
		float:left;
		width:48%;
		margin:1%;
		text-align:right;
	}
	.footer-banner ul li:nth-child(even){
		text-align:left;
	}
	.footer-banner ul li img{
		max-width:100%;
	}
	.foot-nav {
		text-align:center;
		margin-bottom: 20px;
	}
	.foot-nav li{
		display: inline-block;
		padding:5px 10px;
	}
	.footer-info{
		padding: 10px;
	}
	.footer-info address{
		font-size: 1.2rem;
	}
	.footer-info address strong{
		font-size: 1.6rem;
		margin-right:1rem;
	}
	.footer-info address a{
		margin-left:0;
		display:block;
	}
	.copy{
		clear: both;
		text-align: center;
		margin-top: 20px;
	}

	/* --------------------------------------------------------------------------
	pagetop
	-------------------------------------------------------------------------- */
	
	.pagetop {
	  bottom: 10px;
	  right: 10px;
		height:78px;
		overflow:hidden;
	}

	/* --------------------------------------------------
	js-style
	-------------------------------------------------- */
	
	.ac-panel{
		display:none;
	}
	


	}