@charset "utf-8";

/********** サブメニュー **********/
h2#sb_menu_title{
	text-align:center;
	-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;
	-moz-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	background-color: #6B5B43;/* IE8まで */
	background-image: -o-linear-gradient(bottom, #6B5B43 0%, #D4CBC2 100%);/* Opera11.10+ */
	background-image: -moz-linear-gradient(bottom, #6B5B43 0%, #D4CBC2 100%);/* FF3.6+ */
	background-image: -webkit-linear-gradient(bottom, #6B5B43 0%, #D4CBC2 100%);/* Chrome10+,Safari5.1+ */
	background-image: -ms-linear-gradient(bottom, #6B5B43 0%, #D4CBC2 100%);/* Ie10+ */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #6B5B43),color-stop(1, #D4CBC2));/* Chrome,Safari4+ */
	background-image: linear-gradient(bottom, #6B5B43 0%, #D4CBC2 100%);/* W3C */
	margin:10px 0 0;
	padding:5px;
	text-shadow: 1px 1px 1px #666666;filter: dropshadow(color=#666666, offx=1, offy=1);
}
#sb_menu ul{
	border-bottom:2px solid #6B5B43;	border-right:2px solid #6B5B43; border-left:2px solid #6B5B43;
	-webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;
	-moz-border-radius:0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
	-ms-border-radius: 0 0 10px 10px;
	border-radius:0 0 10px 10px;
}
#sb_menu ul li{
	background-color: #cccccc;/* IE8まで */
	background-image: -o-linear-gradient(bottom, #cccccc 0%, #ffffff 100%);/* Opera11.10+ */
	background-image: -moz-linear-gradient(bottom, #cccccc 0%, #ffffff 100%);/* FF3.6+ */
	background-image: -webkit-linear-gradient(bottom, #cccccc 0%, #ffffff 100%);/* Chrome10+,Safari5.1+ */
	background-image: -ms-linear-gradient(bottom, #cccccc 0%, #ffffff 100%);/* Ie10+ */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #cccccc),color-stop(1, #ffffff));/* Chrome,Safari4+ */
	background-image: linear-gradient(bottom, #cccccc 0%, #ffffff 100%);/* W3C */
	padding:5px 20px;
}
#sb_menu ul li a{
	text-decoration:none;
}
#sb_menu ul li:last-child{
	-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius:0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
	-ms-border-radius: 0 0 10px 10px;
	border-radius:0 0 10px 10px;
}
h3.second_h3{ 
	padding-left:10px;
	border-bottom:2px ridge #6B5B43; border-left:4px ridge #6B5B43;
	text-shadow: 1px 1px 1px #666666;filter: dropshadow(color=#666666, offx=1, offy=1);
}

.btn > a > span {
    padding:8px 15px;
}


/* roster_index */
.page_roster_prefectures .pad_parts_section_m {
    padding:15px 0;
}
.prefectures li {
    padding:4px 4px;
}

/* roster_list */
.page_roster_search .search_form {}
.page_roster_search .search_form .com_btn {
    padding-top:4px;
    text-align:center;
}

.page_roster_search .search_form table th,
.page_roster_search .search_form table td {
    padding:4px 0px;
}

.page_roster_search .search_result {
    margin-top:15px;
}

.page_roster_search .search_result > *{display:none;}
.page_roster_search .search_result > p.loading{display:block;text-align:center;padding:30px 20px;background:#BED6EA;}

/* joa_report */
dl.topics{background:#f3f2f0;padding:8px 10px;}
dl.topics dt{font-size:15px;color:#004896;padding:0 0 0 15px;border-left:2px solid #004896;}
dl.topics dd{padding:5px 0 0;}

/* joa_download */
.icon_pdf {
    background-image:url("../images/icon_pdf.png");
    width:23px;
    height:23px;
}
.pdf_link{margin-bottom:10px;background:url("../images/icon_pdf.png") no-repeat left 3px;padding-left:30px;
}

.pdf_link.btnstyle a::after{content:none;}
.media {
    border-bottom:1px solid #e5e1dc;padding:10px 0;
}
.link_comment{padding:0 10px;}
.media .media_left {
    display:table-cell;
    padding:4px;
    vertical-align:top;
}
.media .media_body {
    display:table-cell;
    padding:4px;
    vertical-align:top;
}

.page_joa_download .media .media_body a {
    text-decoration:underline;
}

/* joa_index */
.page_joa_index .com_Table table th {
    min-width:25%;
}

.with_optional_content .optional_content {
    text-align:center;
    margin-top:4px;
}

/* education_lifelong */

.lecture_area {
    padding:20px 0px;
}
.lecture_area table {
    margin-bottom:10px;
}
.location{background:#f3f2f0;padding:10px;}



/*2020年2月修正 関連リンク部分*/
.related_link_wrapper .qr_wrapper{display: flex;justify-content: space-around;padding: 20px 0;}
.related_link_wrapper .text{padding-bottom: 20px;}
.usage_example{}


/*追加ページ　お役立ち情報*/

.useful_first_text{padding: 0 0 26px;}
.useful_menu{padding: 20px 0 15px;border-top: 1px solid #e5e5e5;}
.useful_menu span{line-height: 1;font-weight: bold;}
.useful_menu ul{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.useful_menu ul li{-webkit-box-sizing: border-box;box-sizing: border-box;border-bottom: none;padding: 5px 10px;}
.useful_menu ul li a {text-decoration: none;display: inline-block;font-size: 13px;
    color: #fff;text-align: center;
	border-top:1px solid #4685ca;background:#215fa3;
	background: -moz-linear-gradient(top, #215fa3 0%, #003f82 100%);
	background: -webkit-linear-gradient(top, #215fa3 0%,#003f82 100%);
	background: linear-gradient(to bottom, #215fa3 0%,#003f82 100%);
	box-shadow: 0 2px 3px rgba(157,157,157,0.5); -webkit-box-shadow: 0 2px 3px rgba(157,157,157,0.5);
    -webkit-border-radius: 4px;border-radius: 4px;position: relative;
    -webkit-box-sizing: border-box;box-sizing: border-box;
    padding: 0 20px; line-height: 30px;border:1px solid #004896;
}

/*
.useful_menu ul li.crnt a{
    color: #9f163a;background: #fff;font-weight: bold;
}*/
.useful_ul{border-top: 1px solid #e5e5e5;}
.useful_ul li{-webkit-box-sizing: border-box;box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;padding: 20px 0;
}
.useful_ul li h2.title{ font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","游明朝",YuMincho,"HG明朝E", "ＭＳ Ｐ明朝",serif;
font-size: 16px;position: relative;margin-bottom: 20px;font-weight: bold;
}

.useful_ul li .title span.ttl{display: block;margin-top: 5px;}
.useful_set .image{display: flex;justify-content: center;align-items: center;margin-bottom: 10px;}
.useful_set .image span{display: inline-block;width: 50%;min-width: 120px;}
.useful_set .text_set{line-height: 1.47;}
.useful_set .text_set .data{margin-bottom: 10px;}
.useful_set .text_set a{text-decoration: underline;color: #1e68ae;}

.useful_ul li .category{text-align: left;margin: 5px 0 10px;}
.useful_ul li .category span.icon_category {display: inline-block;
    text-decoration: none;font-size: 11px;color: #454545;text-align: center;background: #f3f2f0;
    font-family: sans-serif;border: 1px solid #e7e3dc;
    padding: 0 14px;line-height: 18px;font-weight: normal;
}

@media screen and (max-width:400px) {
	.useful_menu ul{margin-top: 5px;}
	.useful_menu ul li{width: 100%;}
	.useful_menu ul li a{display: block;}
}


/********************All Common********************/


.txt_Center {text-align: center;}
.pdf_Button {padding: 8px 0;}
.com_padd_1 {padding-bottom: 30px;}
.com_padd_2 {padding-bottom: 20px;}
.com_padd_3 {padding-bottom: 40px;}
.com_padd_4 {padding-bottom: 10px;}
.com_padd_5 {}
.com_marg_1 {margin-bottom: 10px;}
.com_marg_2 {margin-bottom: 20px;}
.com_marg_3 {margin-bottom: 30px;}
.com_marg_4 {margin-bottom: 40px;}
.com_bord_1 {border-bottom: 1px solid #B9B9B9;}
.com_bord_2 {}
.com_bord_3 {}
.com_bord_4 {}

.sub_ttl_1 {
	border-bottom: 1px solid #75ADE3;
	font-size: 15px;
	padding: 2px 0 2px 0;
}
.sub_ttl_1::before {
	content: "●";
	font-size: 12px;
	color: #3756B0;
}

.com_background_1 {background-color: #D9E9F3}
.back_padd {padding: 8px;}

/********************Page Top Button********************/

#page_top{
	position: fixed;
	right: 15px;
	bottom: 20px;
	background-color: rgb(15, 64, 150);
	z-index: 1;
	padding: 8px;
	color: #fff;
	border-radius: 7px;
}

/********************Common List********************/
.com_List1 dl dt {
	font-size: 16px;
	border-bottom: 2px solid #216E87;
	padding-left: 3px;
	padding-bottom: 3px;
	margin-bottom: 7px;
}
.com_List1 dl dd {
	padding-left: 4px;
}

.com_List2 ul li {
	border-left: 4px solid #1B72BC;
	padding-left: 5px;
	margin-bottom: 12px;
}
.com_List3 dl dt  {
	border-left: 4px solid #1B72BC;
	padding-left: 5px;
	margin-bottom: 12px;
}
.com_List3 dl dd {
	padding-left: 4px;
}
/********************Common Table********************/
.com_Table table {width: 100%;}
.com_Table table tr th,
.com_Table table tr td {
	border: 1px solid #848484;
	padding: 4px;
	box-sizing: border-box;
}
.com_Table table tr th {background-color: #B5DDED;}
.com_Table table tr td {

}
/********************Link Button********************/

.btn_link{margin-top:15px;}
.btn_link.btn a{position:relative;min-width:175px;float:right;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;
    color:#fcf7f7;font-size:13px;line-height:12px;letter-spacing:0;text-align:center;position:relative;padding:1px;
    box-shadow: 0 2px 3px rgba(157,157,157,0.5); -webkit-box-shadow: 0 2px 3px rgba(157,157,157,0.5); -moz-box-shadow: 0 2px 3px rgba(157,157,157,0.5); -o-box-shadow: 0 2px 3px rgba(157,157,157,0.5);
}
.btn_link.btn a span{display:block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;padding:6px 0 7px;}
.btn_link.btn a::after{content:"";position:absolute;top:50%;right:7px;line-height:1;width:5px;height:7px;margin-top:-3.5px;
background:url("../images/btn_arw.png") no-repeat left top;
background-size:5px 7px; -webkit-background-size:5px 7px; -moz-background-size:5px 7px; -o-background-size:5px 7px; -ms-background-size:5px 7px;
}

/********************provision********************/
.provision_count {
	font-weight: bold;
	font-size: 18px;
}


/********************form********************/
.btn_extension {
	width: 290px;
}



.list_arl{text-align:right;font-size:85%;margin:10px 0;}

h3.com_ttl2{border-left:3px solid #004896;font-size: 15px;margin-bottom:5px;padding-left:7px;}

.column_content a{text-decoration:underline;}

/*notice_detail*/
.notice_detail_box h2{display:block;margin-top:8px;font-size:15px;letter-spacing:0;color:#004896;font-weight: bold;}
.notice_detail_box .date{display:inline-block;text-align:center;background:#c08647;width:83px;font-size:11px;line-height:11px;color:#fcf9f5;padding:2px 0;
-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;
}
.notice_detail_box .notice_set{display: block;padding-top: 15px;}
.notice_detail .back_btn{display: grid;place-content: center;margin: 20px 0 30px;}
.notice_detail .back_btn a{text-decoration: none;display: flex;justify-content: center;align-items: center;width: 200px;height: 30px;
border: 1px solid #004896;-webkit-border-radius: 3px;border-radius: 3px;background: linear-gradient(to bottom, #215fa3 0%,#003f82 100%);color: #fff;font-size: 14px;
}