@charset "utf-8"; 

/* Mainエリア内のデザインを記述する。ただし、各ページ固有のデザインは、各ページのヘッダー内に記述する。 */

/* 見出し＆本文 */
#pagetitle { margin-left:15px; font-size:24px; }

main h2, main h3, main h4, main h5, main h6, main p { margin:0 0 1em; padding:0.2em 10px; }


h3 {margin:8px 15px 0 18px; padding:0; color:#0073a7; text-align:left; font-size:18px;font-weight:normal; }
h4 {margin:8px 25px 0 18px; padding:0; color:#0073a7; text-align:left; font-size:18px; border-bottom:#454545 dotted 1px;font-weight:normal; line-height:1.4; }
h5 {margin:8px 0 0 14px; padding:0; color:#0073a7; text-align:left; font-size:16px;font-weight:normal; }

.arth1 {font-weight: 100; float:none; font-size:30px;margin:10px 0 15px 10px; text-align:left; color:#666666;}

.arth2 {margin:0px 4px 16px; padding:12px 20px 10px; color:#fff; text-align:left; font-size:30px;font-weight:normal; line-height:1.4; background-image:url("../images/bgi.jpg");background-size: cover;
 border-radius: 14px;text-shadow: 1px 1px 3px #0073a7;box-shadow:1px 1px 10px #999, inset 2px 2px 3px rgba(255, 255, 255, 0.6),
    inset -2px -2px 3px rgba(0, 0, 0, 0.2) ;border: 2px solid #FFFFFF;
}

.arth3 {font-size:24px;background-image: linear-gradient(#c2f75a 50%, #96d7ff 50%);
  background-size: 8px 100%;
  background-repeat: no-repeat;
  padding-left: 18px;margin: 6px;padding: 4px 14px 0;}

.arth4 { margin:10px; padding:2px 0 0; border-bottom:2px solid #0073a7; font-size:22px; color: #0073a7; text-align:left;}

.arth5 {margin:10px; padding:0; color:#676767; text-align:left; font-size:22px;font-weight:bold; line-height:1.4;}

.arth6 {margin:10px 4px; padding:8px 8px 6px 10px; color:#fff; text-align:left; font-size:18px;font-weight:normal; line-height:1.4; background-color:#0073a7; border-radius: 6px;}

.arth7 {margin:0; padding:0; color:#0073a7; text-align:left; font-size:18px;font-weight:normal;}

.arth8 {font-size:18px;background-image: linear-gradient(#c2f75a 50%, #96d7ff 50%);
  background-size: 8px 100%;
  background-repeat: no-repeat;
  padding-left: 18px;margin: 6px;padding: 4px 14px 0;}


.box01 { background-color: #FF0004; color: #FFFFFF; font-size: 150%; padding: 10px 5px;}

.u_line { text-decoration: underline}

.niti {background: #609CE3; color: #FFFFFF; font-size: 18px;padding: 4px;}
.fsl { font-size:120%;}
.fss { font-size:70%;}
.min_h { min-height: 80vh;}

.bb01 { border-bottom: 1px solid #D7D7D7; padding: 4px 4px 14px;}

.ti1 { text-indent:-1em; margin:0 0 0 1em;}
.ti1_2 { text-indent:-1em; margin:0 0 0 1em;display: block;}
.ti2 { text-indent:-2em; margin:0 0 0 2em;}
.ti5 { text-indent:-5em; margin:0 0 0 5em;}
.mtm {margin-top: -18px;}

.p01 {padding: 10px;}


.naver { margin:0; width: 100%;}
.naver li { list-style-type:none; display:inline; width: 100%;}
.naver a { background-color:#0073a7; color: #fff; display: block; float:none; font-size: 16px; margin:2px; padding: 6px ; text-decoration:none; width:100%;}
.naver a:hover {text-decoration: none; color: #FFFFFF;background:#259CD2;}

.naver .bgn a { background-color:#cde8fd;}
.naver .bgn a:hover { background-color: #cde8fd;}
.naver.enabled a { float: none; margin: 0 0 1px 0; width: 100%; }
.br { border-right:1px #999999  solid;}

/* スマートフォン 横(ランドスケープ) タブレット*/
@media only screen and (max-width:768px) { 
.naver a { border:none;}

}


.news_flow {width:98%; height:400px;overflow-y:scroll; }

dl.news { overflow: hidden; zoom: 1; margin:00px 0 0 10px; padding:5px; font-size:14px; width:710px;}
dl.news dt { width:100px; float: left; clear: both;margin:0 0 8px; padding:8px 0 0;}
dl.news dd { margin:0 0 8px 101px;text-align:left; padding:8px 0 0px;}
dl.news .nbb {border-bottom:1px #424242 dotted; padding:8px 0 8px;}

.t_c { text-align:center;}
.t_r { text-align:right; margin:0 20px 0 0;}
.t_l { text-align:left}
.f_r { float:right; margin:10px 25px 0 10px}
.f_l { float:right;text-align:right}
.f_l p {text-align:right}

.max1400 { max-width: 1400px;margin: auto;}
.max1300 { max-width: 1300px;margin: auto;}
.max1200 { max-width: 1200px;margin: auto;}
.max1100 { max-width: 1100px;margin: auto;}
.max1000 { max-width: 1000px;margin: auto;}
.max900 { max-width: 900px;margin: auto;}
.max800 { max-width: 800px;margin: auto;}
.max700 { max-width: 700px;margin: auto;}
.max600 { max-width: 600px;margin: auto;}
.max500 { max-width: 500px;margin: auto;}
.max400 { max-width: 400px;margin: auto;}
.max300 { max-width: 300px;margin: auto;}
.max200 { max-width: 200px;margin: auto;}
.max100 { max-width: 100px;margin: auto;}

.topimg { background-image:url("../images/bgi.jpg");background-size: cover; }

/* インライン */
small  { font-size:75%; font-weight:normal; margin: 10px auto;}

a { color:#039; text-decoration:none; }
a:hover { color:#136; text-decoration:underline; }
a img:hover { opacity: 0.8; filter: alpha(opacity=80); }

.R { text-align:right; }
.L { text-align:left; }
.C { text-align:center; }
.RED { color: #FF0004;}
.blue {color:#0073a7}

.fig01 { float:right; }
.fig01 img { box-shadow:1px 2px 8px #999; margin:0 8px 5px 15px; border:5px solid #fff; }
.fig01 figcaption { text-align:right; margin-right:10px; }

.box { border: 4px #0073a7 solid; padding: 10px; margin: 10px;
}

/* リスト */
main ul, main ol { padding:0 2em 0.5em; }
main li {margin: 0 0 16px;}

.list_deci { list-style-type:decimal;text-align:left; margin:8px 15px 0 24px; padding:0; font-size:16px; line-height:1.9; }
.list_disc { list-style:disc;text-align:left; margin:8px 15px 0 24px; padding:0; font-size:16px; line-height:1.9}
.bbd {margin:0 auto; padding:0;width:94%; }
.bbd li {border-bottom:#666666 1px dotted; text-align:left; list-style:none; font-size:16px; line-height:2;}

/* 表 */

.tbl01 { border-collapse:collapse; width:95%; margin:1em; }
.tbl01 th, .tbl01 td { padding:4px; border: none; text-align: left; vertical-align:top;}
.tbl01 th { font-weight:bold; color:#fff; background:#369; text-align: left; }

.tbl02 { border-collapse:collapse; width:95%; margin:0 auto; }
.tbl02 th, .tbl02 td { padding:10px; border:2px #fff solid;vertical-align:top;text-align:center;}
.tbl02 th { font-weight:bold; color:#fff; background:#64A2FF ; text-align:center; }
.tbl02 td {background-color:#EDFAFF; text-align:center; }

.tbl03 { border-collapse:collapse; width:95%; margin:0 auto;text-align:center; }
.tbl03 th {background-color:#fff; text-align:left;border:1px solid #000000;padding: 6px;text-align:center;}
.tbl03 td {background-color:#fff; text-align:left;border:1px solid #000000;padding: 6px;text-align:center;}


.tbl04 { border-collapse:collapse; width:95%; margin:0 auto; }
.tbl04 th, .tbl04 td { padding:10px; border:1px #909090 solid;vertical-align:middle;text-align:center; }
.tbl04 th { font-weight:bold; color:#000; background:#C0DFFF ; text-align:center;font-weight: normal; }
.tbl04 td {background-color:#fff; text-align:center; }

a .ic {width: 20px; margin-right: 4px;}





.radius-table{font-size: 18px;
	width: 98%;
    border-radius: 10px;
    border-spacing: 0;
    border: none;
    border-left: 2px solid #999;
    border-top: 2px solid #999;
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, .3);
	margin: 10px 1% 0;
}
.radius-table tr>*{
    padding: 5px 10px;
    border: none;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
}
.radius-table tr:first-child>*:first-child{
    border-radius: 10px 0 0 0;
}
.radius-table tr:first-child>*:last-child{
    border-radius: 0 10px 0 0;
}
.radius-table tr:last-child>*:first-child{
    border-radius: 0 0 0 10px;
}
.radius-table tr:last-child>*:last-child{
    border-radius: 0 0 10px 0;
}

.radius-table th { background-color: #DFDFDF; vertical-align: top; font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-weight: normal; color:#4A4A4A;}
.radius-table td {vertical-align: top}

.radius-table .vam { vertical-align: middle}

.th2 { background-color: #DFDFDF; vertical-align:middle; font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-weight: normal; color:#4A4A4A; text-align: center;}


.radius01 {border-radius: 0 0 0 10px;}
.radius-table .radius02:last-child>*:first-child {border-radius: 0 0 0 0;}



.nowr {white-space: nowrap;width: 30px; padding:0;}

/*バックグラウンドスライド*/
.bg-slider {
	width: 100vw;
	height: 50vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	
}

.logo { text-align:center;margin:0 auto;}
h1 .h1img { margin:auto;width: 100%; max-width: 900px;}
.bg-slider { text-align:center;margin:0 auto;}
.w80 { width:85%; margin: auto;}
.w60 { width:50%; margin: auto;}

.bbg { border-bottom:1px dotted #666666; margin:0 0 10px; padding:4px 0}
.cn tr td { text-align:left; font-size:16px}
.pdf { width:120px}

.ge { font-size:12px; margin:2px; padding:13px 2px 0; color: #FFFFFF; background-color:#3366CC; width:101px; height:40px; float:left; text-align:center; line-height:1.2;
border-radius:8px;         /* CSS3 */
-moz-border-radius:8px;    /* Firefox */
-webkit-border-radius:8px; /* Safari,Chrome */}

.ge2 { font-size:12px; margin:2px; padding:5px 2px; color: #FFFFFF; background-color:#3366CC; width:101px; height:40px; float:left; text-align:center;line-height:1.2;
border-radius:8px;         /* CSS3 */
-moz-border-radius:8px;    /* Firefox */
-webkit-border-radius:8px; /* Safari,Chrome */}

.bgs { background-color: #00CC66;}
.bgg { background-color: #FF6633;}
.pc { display:block}
.sp { display: none}
.tar { text-align:right}
.c_b { clear:both}

.bo1 {text-align:center;width: 90%; max-width: 380px; display:block;  color:#FFF; background:linear-gradient(#1e96cc, #0073a7); margin:5px auto; font-size:20px; font-weight: normal;line-height: 1.2;padding: 12px 2px; border: 2px solid #FFFFFF;box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, .3);
border-radius:10px;         /* CSS3 */
-moz-border-radius:10px;    /* Firefox */
-webkit-border-radius:10px; /* Safari,Chrome */}
.bo1 a {color:#FFF; text-decoration: none; width:100%; display: block;padding:10px 0;}
.bo1:hover {color:#FFF; text-decoration: none; background:linear-gradient(#4eadd8, #1e96cc)}
.bo1:visited   { color: #fff; text-decoration: none;}
.bo1:active   { color: #fff; text-decoration: none;}

.bo2 {text-align:center;width: 90%; max-width: 380px; display:block;  color:#FFF; background:linear-gradient(#ff6565, #f30d0d); margin:5px auto; font-size:20px; font-weight: normal;line-height: 1.2;padding: 12px 2px; border: 2px solid #FFFFFF;box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, .3);
border-radius:10px;         /* CSS3 */
-moz-border-radius:10px;    /* Firefox */
-webkit-border-radius:10px; /* Safari,Chrome */}
.bo2 a {color:#FFF; text-decoration: none; width:100%; display: block;padding:10px 0;}
.bo2:hover {color:#FFF; text-decoration: none; background:linear-gradient(#ffa1a1, #ff6565)}
.bo2:visited   { color: #fff; text-decoration: none;}
.bo2:active   { color: #fff; text-decoration: none;}

.bo3 {text-align:center;width: 90%; max-width: 380px;; display:block;  color:#FFF; background-color:#6DDC38; margin:5px auto; font-size:20px; font-weight: normal;line-height: 1.2;padding: 8px 2px;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo3 a {color:#FFF; text-decoration: none; width:100%; display: block;padding:10px 0;}
.bo3:hover {color:#FFF; text-decoration: none; background-color:#98EB70;}
.bo3:visited   { color: #fff; text-decoration: none;}
.bo3:active   { color: #fff; text-decoration: none;}

.pc { display: block}
.sp { display: none}

.boso { border:2px solid #A3D378; padding:5px 40px 0; margin:10px;}


/* モニター幅960px以下 */
@media only screen and (max-width:960px) {
.pc { display:none }
.sp { display:block }

}


/* スマートフォン 横(ランドスケープ) タブレット*/
@media only screen and (max-width:768px) { 
 .bg-slider {
	width: 100vw;
	height: 70vh;}



}

/* モニター幅600px以下 */
@media only screen and (max-width:600px) {
.ss01 {max-width: 400px;margin: auto;}
.mt01 { margin-top: -5px;}
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) {
 .bg-slider {
	width: 100vw;
	height: 35vh;}
.pc { display: none}
.sp { display:block}

}