@charset "utf-8";

/* 汎用スタイル
******************************************************* */

/* clearfix */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* マウスホバーの動作 */
input[type=image]:hover{
	opacity:0.7;
}
a:hover img:not(.rollover):not(.logo):not(.now){
	opacity:0.7;
}
a:hover img.now{
	cursor:default;
}

/* ボタンのスタイル */
.btn{
	display:inline-block;
	background: linear-gradient(#dddddd, #cccccc);
	letter-spacing:0.1em;
	padding:0.5em 1em;
	border-radius:3px;
	color:#333333 !important;
	text-decoration:none;
}

/* よく使うスタイル */
.red{
	color:#ff0000;
}
.serif{
	font-family: "HGP正楷書体","ＭＳ Ｐ明朝",Serif;
}
.block{
	display:block;
}
.left{
	text-align:left;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.nowrap{
	white-space:nowrap;
}
.mb_05{
	margin-bottom:0.5em;
}
.mb_10{
	margin-bottom:1em;
}
.mb_12{
    margin-bottom: 1.25em;
}
.mb_15{
	margin-bottom:1.5em;
}
.mb_18{
    margin-bottom: 18px;
}
.mb_20{
	margin-bottom:2em;
}
.mb_24{
    margin-bottom:24px;
}
.mb25{
    margin-bottom: 2.5em;
}
.mb_28{
    margin-bottom: 28px;
}
.mb_30{
    margin-bottom: 3em;
}
.mb_37{
    margin-bottom: 37px;
}
.f80{
	font-size:80%;
}
.f90{
	font-size:90%;
}
.f110{
	font-size:110%;
}
.f120{
	font-size:120%;
}
.indent1{
	padding-left:1em;
}
.indent2{
	padding-left:1em;
}
.frame{
	border:1px solid #8bbb26;
	padding:4px;
}
.frame2{
	border:1px solid #cccccc;
	padding:1px;
}
.centering{
	display:block;
	width:1000px;
	margin:0px auto;
	max-width:100%;
}
.more{
	display:inline-block;
	background:#eeeeee;
	border-radius:3px;
	line-height:1;
	padding:0.2em 1em;
	text-align:center;
	text-decoration:none;
	color:#333333;
}
	

/* セクションのスタイル */
#contents .section,
#contents article,
#contents section,
#contents aside{
	margin-bottom:3em;
}
h3.page_title{
	background: url(../img/common/page_ttl.png) repeat-x bottom center #186aab;
	padding:3em 0 72px;
	margin-bottom:2em;
}
h3.page_title span{
	line-height:1;
	font-weight:bold;
	font-size:160%;
	letter-spacing:0.1em;
	color:#ffffff;
}
#contents h3.title{
	font-size:160%;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#186aab;
	border-left:8px solid #186aab;
	line-height:1;
	padding:0.3em 0.5em;
	margin-bottom:1em;
}
#contents h4.title{
	border-bottom:1px solid #186aab;
	line-height:1;
	padding:0.3em 1em;
	margin-bottom:1em;
}
#contents h4.title time{
	color:#666666;
	display:block;
	font-size:90%;
	margin-bottom:0.5em;
}
#contents h5.title{
	background:#186aab;
	color:#ffffff;
	line-height:1;
	padding:0.5em 1em;
	margin-bottom:1em;
}

/* 見出しのスタイル */
@media screen and (max-width: 769px) {
}

/* テーブルのスタイル */
table{
	width:100%;
}
table tr{
	border-top:1px solid #c8beb1;
	border-bottom:1px solid #c8beb1;
}
table th{
	padding:0.5em 1em;
	white-space:nowrap;
	font-weight:normal;
	background:#f8f6f5;
	text-align:left;
}
table td{
	padding:0.5em 1em;
}
@media screen and (max-width: 769px) {
table,
table tr,
table tbody,
table thead,
table th,
table td{
	display:block;
	width:100%;
	box-sizing:border-box;
	margin:0;
}
}
/* フォームのスタイル */
form table th em{
	color:#ff3333;
	font-size:90%;
	position:relative;
	bottom:0.2em;
	left:0.5em;
}
@media screen and (max-width: 769px) {
form input,
form textarea{
	max-width:70%;
}
}

/* float型dl */
.dl_float dt{
	width:7em;
	float:left;
	clear:left;
}
.dl_float dd{
	padding-left:8em;
	margin-bottom:0.5em;
	border-bottom:1px solid #e6d7ce;
	padding-bottom:0.5em;
}
@media screen and (max-width: 769px) {
.dl_float dt{
	width:100%;
	float:none;
}
.dl_float dd{
	padding-left:1em;
}
}

/* 見出し型dl */
.dl_h dt{
	color:#666666;
}
.dl_h dd{
	padding-bottom:1em;
	border-bottom:1px dotted #999999;
	margin-bottom:1em;
}
.dl_h dt span{
	display:inline-block;
	color:#ffffff;
	line-height:1;
	padding:0.2em 1em;
	font-size:90%;
	margin-left:1em;
	background:#999999;
	border-radius:3px;
}
span.cat_01{ background:#186aab !important;}
span.cat_02{ background:#58AE29 !important;}
span.cat_03{ background:#5D409D !important;}
span.cat_04{ background:#993333 !important;}
span.cat_05{ background:#996600 !important;}
span.cat_06{ background:#666666 !important;}
span.cat_07{ background:#18ab6b !important;}
span.cat_08{ background:#9518ab !important;}
span.cat_09{ background:#1822ab !important;}
span.cat_training{ background:#222F53 !important;}
span.cat_event{ background:#FF9900 !important;}

/* ページ遷移 */
#pager{
	text-align:center;
}
#pager li{
	display:inline-block;
	padding:0px 5px;
}
#pager li.prev{
	margin-right:30px;
}
#pager li.next{
	margin-left:30px;
}


/* PDFダウンロード */
#pdf{
	/*padding-top:2em;*/
	margin-bottom:2em;
}
p.pdf_download{
	background:url(../img/common/pdf.jpg) no-repeat 5px 0px;
	padding:0px 0px 0px 40px;
	margin-bottom:10px;
}
p.pdf_download-02{
	background:url(../img/common/pdf.jpg) no-repeat 5px 0px;
	padding:0px 0px 0px 40px;
	margin-bottom:20px;
}
p.word_download{
	background:url(../img/common/word.png) no-repeat 5px 0px;
	padding:0px 0px 0px 40px;
	margin-bottom:10px;
}
p.excel_download{
	background:url(../img/common/excel.png) no-repeat 5px 0px;
	padding:0px 0px 0px 40px;
	margin-bottom:10px;
}
p.rikou_shoumei_flow{
    background:url("../img/common/yajirushi.png") no-repeat 5px 0px;
	padding:0px 0px 0px 40px;
	margin-bottom:20px;
}
#pdf blockquote{
	border:1px solid #e6d7ce;
	background-color:#fefdf7;
	padding:1em;
}
#pdf blockquote img{
	width:111px;
	float:left;
	margin-right:40px;
}
#pdf blockquote .adobe{
	font-size:90%;
}

/* iframe */
iframe{
	width:100%;
	height:320px;
	border:1px solid #cccccc;
	box-sizing:border-box;
}
@media screen and (max-width: 769px) {
iframe{
	width:90%;
	display:block;
	margin:0 auto;
}
}



/* スマートフォン用 */
.sp_disp_i,
.sp_disp_b{
	display:none;
}
#menubtn,
#closebtn {
	display:none;
}
@media screen and (max-width: 769px) {
.sp_disp_i{
	display:inline !important;
}
.sp_disp_b{
	display: block !important;
}
.pc_disp{
	display:none !important;
}
.full{
	width:100%;
	height:inherit;
	max-width:640px;
	margin:0px auto;
	display:block;
}
#menubtn {
	display:block;
	text-align:center;
	padding:0.8em 0px;
	letter-spacing:0.2em;
	font-size:110%;
	border-bottom:1px solid #ffffff;
	border-top:1px solid #ffffff;
	cursor:pointer;
	font-weight:bold;
	background:#186aab;
	color:#ffffff;
}
#menubtn img{
	width:100%;
	height:inherit;
}
#closebtn{
	display:block;
}
#closebtn a{
	display:block;
	text-align:center;
	opacity:0.8;
	padding:0.5em;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	text-decoration:none;
	color:#ffffff;
	background:#186aab;
}
.togmenu{
	display:none;
}
}

/* 写真を複数並べて表示 */
.photoes{
	display: flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	margin-bottom:1em;
}
.photoes li{
	width:24%;
	margin-right:1%;
	margin-bottom:1em;
}
.photoes li img{
	width:100%;
	height:auto;
}

/* 画像フロート */
.img_left{
	float:left;
	margin-right:1em;
	max-width:25%;
	height:auto;
}
.img_right{
	float:right;
	margin-left:1em;
	max-width:25%;
	height:auto;
}