@charset "utf-8";
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size:12px;
	background-color: #ccc;
	margin: 0 auto;
	padding: 0px;
	color: #000;
}

ul, ol, dl {
	margin:0;
	padding:0;
	list-style:none;
}

/* ~~ エレメント / タグセレクター ~~ */
a img {
	border: none;
}

a:link {
	color:#000;
	text-decoration: underline;
}

a:visited {
	color:#000;
}

a:hover, a:focus {
	text-decoration: none;
	color:#F00;
}

.container {
	width: 320px;
	background-color: #FFF;
	margin: 0 auto;
	overflow:hidden;

}

.content {
	padding:0;
	overflow:hidden;
	border-bottom:1px solid #000;
}


.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

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

.header_inner {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width:100%;
	height:85px;
	border-bottom:#06A35F 5px solid;
	border-top:#06A35F 5px solid;
}

.header_logo {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	height: 85px;
}
.header_logo a {
	display: block;
	margin-top: 5px;
}
.header_logo::before {
  content: "";
  display: block;
  width:  32px;
  height: 32px;
  margin-right: 7px;
  margin-left: 12px;
  background-image: url(../common_img/logo_jfsm.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.header_logo a {
	display:block;
}
.header_submenu {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

.box {
	margin-left: auto;
	padding-top: 7px;
	padding-right: 7px;
}
.box2 {
	padding-top: 7px;
	padding-right: 7px;
}
.box a,
.box2 a {
	display:block;
	width:  37px;
	height: 37px;
    border-radius:8px;
	font-size:13px;
	font-weight:bold;
	background-color:#fff;
}
.box a {
	border:#FD9023 3px solid;
}
.box2 a {
	border:#25A368 3px solid;
}

#header h1 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	height: 15px;
	margin: -15px 0 0;
	padding: 0;
	line-height: 1;
	color:#FFF;
	background-color: #06a35f;
}


#header p {
    font-size: 10px;
    font-weight: bold;
    color: #09A461;
    float: right;
	margin: 3px 5px !important;
	padding: 0;
}


/*----------------------------
  footer
----------------------------*/

.footer {
	width:100%;
	margin-top:5px;
}

.footer h5 {
	width:100%;
	margin-bottom:5px;
	padding:15px 10px 5px 0px;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	text-align:center;
}

.footer p {
	margin-top:10px;
	margin-bottom:0;
	margin-left:5px;
	padding-bottom:15px;
	font-size:14px;
	color:#000;
}

.txl {
	text-align:center;
}

.footer a:link {
	color:#E46C0A;
}

.footer a:hover {
	color:#F00;
}

.footer a:visited {
	color:#E46C0A;
}

.mail {
	float:left;
	width:160px;
	height:35px;
	margin-top:10px;
	margin-left:45px;
    background:url(../common_img/mail2.png) 3% center no-repeat,-moz-linear-gradient(top, #f5bd1b, #eb5a18);
    background:url(../common_img/mail2.png) 3% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#f5bd1b), to(#eb5a18));
/* IE 5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5bd1b', endColorstr='#eb5a18', GradientType=0);
/* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5bd1b', endColorstr='#eb5a18', GradientType=0)";
/* IE 10 */
    background:url(../common_img/mail2.png) 3% center no-repeat, linear-gradient(to bottom, #f5bd1b, #eb5a18);
	border-radius:5px 5px 5px;
	padding-top:8px;
	padding-left:60px;
	font-size:22px;
}

.mail a:link {
	text-decoration:none;
}

#ad {
	width:310px;
	height:85px;
	position:relative;
	margin-top:5px;
	margin-left:5px;
	background:#F79443;
	border-radius:5px;
	overflow:hidden;
}


#ad p {
	padding-top:0px;
	padding-bottom:5px;
	color:#FFF;
	font-size:13px;
	letter-spacing:-0.1em;
	text-align:center;
}

.tel {
	width:296px;
	height:33px;
	margin-top:0px;
	margin-left:7px;
	padding-top:15px;
	background:#FFF;
	font-size:24px;
	font-weight:bold;
	color:#E46C0A;
	text-align:center;
}

.tel a {
	color:#E46C0A;
}

.p {
	padding:5px;
	font-size:24px;
	font-weight:bold;
	color:#E46C0A;
}


.logo {
	width:280px;
	height:85px;
	margin-top:5px;
	margin-left:20px;
	padding-top:0;
	border-bottom:#ACACAC 1px solid;
}
.siteseal{
  text-align: center;
  margin-bottom: 10px;
}

.pc {
	width:320px;
    background:-moz-linear-gradient(top, #faf7ef 5%, #FFFFFF 40%, #FFFFFF);
    background:-webkit-gradient(linear, left top, left bottom, from(#faf7ef) 5%, to(#FFFFFF) 40%, (#FFFFFF) 100%);
/* IE 5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf7ef' 5%, '#FFFFFF' 40%, endColorstr='#FFFFFF', GradientType=0);
/* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf7ef' 5%, '#FFFFFF' 40%, endColorstr='#FFFFFF' 95%, GradientType=0)";
/* IE 10 */
    background: linear-gradient(to bottom, #faf7ef, #FFFFFF 40%, #FFFFFF 100%);
	padding:20px 10px 10px 10px;
	font-size:13px;
	text-align: center;
}

/*----------------------------
  navi menu
----------------------------*/

/*--- top_navi ---*/
.navi   {
    width: 320px;
	margin-left:0px;
	overflow:hidden;
	font-size:14px;
}

.navi li    {
    float: left;
    text-align: center;
	margin-top:1px;
	background:url(../common_img/nav_button.png) 95% no-repeat, url(../common_img/nav_bordder.png) right no-repeat #FFF;
	border-bottom:#08A460 1px solid;
}

.navi li a  {
    display: block;
	padding:10px 26px 10px 15px;
    text-decoration: none;
    color: #000;
}

.navi li a:hover    {
    text-decoration: none;
    color: #000;
}

/*--- futter_navi ---*/

.navi_b   {
    width: 320px;
	margin-top:0px;
	overflow:hidden;

}

.navi_b li    {
	width:320px;
	display:list-item;
	background:url(../common_img/navf_button.png) 96% no-repeat;
	font-size:18px;
}

li.tp {
	border-top::#000 1px solid;
}

.navi_b li a  {
    display: block;
	padding:15px 0px 15px 20px;
	background:url(../common_img/navf_button.png) 96% no-repeat;
	border-bottom:#000 1px solid;
	font-size:18px;
	color:#E46C0A;
}

.navi_b li a:link{
    text-decoration: none;
    color:#E46C0A;
}

.navi_b li a:hover    {
    text-decoration: none;
    color:#E46C0A;
}


/* ページトップへのリンク */
.page_up {
	 text-align:right;
	 margin-right:10px;
	 color:#E46C0A;
}
.page_up a {
	 line-height:42px; /* ※これ以下のサイズ設定は非推奨 */
	 color:#E46C0A;
}
.page_up a:before { content:url(../common_img/page_top.png); } /* 文字列頭の装飾 */

.txt_bk { color:#000;}
.txt_r    { color:#E75942; }
.txt_r2  { color:#FF0000; }
.txt_r2b  { color:#FF0000; font-weight:bold; }
.txt_r3b  { color:#E84E23; font-weight:bold; }
.txt_g   { color:#999999; }
.txt_p   { color:#FF1493; }
.txt_gr  { color:#39B221; }
.txt_b   { color:#3399FF; } /* このブルーはリンク色のブルーとは色味を若干変える事を推奨 */
.txt_y { color:#EECC00; }
.txt_w  { color:#F0F0F0; }
.txt_org1 {color:#E47302; }
.txt_op { color:#376092; } /*続きを読む・閉じる*/
.fonb {font-weight:bold;}

/*--------------------------------------------------
 ▽ font-size設定専用クラス
-------------------------------------------------- */
/* デフォルトでは#wrapperに18px相当の指定が設定済みのため、そこからの相対値になります。
※親要素に既に%指定済みの場合は子孫要素は基準が変わるのでこのクラスの使用は出来れば避けます。 */
.f10 { font-size: 55.6% !important; } /* 10px */    .f11 { font-size: 61.2% !important; } /* 11px */
.f12 { font-size: 66.7% !important; } /* 12px */    .f13 { font-size: 72.3% !important; } /* 13px */
.f14 { font-size: 72.3% !important; } /* 14px */    .f15 { font-size: 83.4% !important; } /* 15px */
.f16 { font-size: 88.9% !important; } /* 16px */    .f17 { font-size: 94.5% !important; } /* 17px */
.f18 { font-size:100.0% !important; } /* 18px */    .f19 { font-size:105.6% !important; } /* 19px */
.f20 { font-size:111.2% !important; } /* 20px */    .f21 { font-size:116.7% !important; } /* 21px */
.f22 { font-size:122.3% !important; } /* 22px */    .f23 { font-size:127.8% !important; } /* 23px */
.f24 { font-size:133.4% !important; } /* 24px */    .f25 { font-size:138.9% !important; } /* 25px */


/*--------------------------------------------------
 ▽ margin設定専用クラス
-------------------------------------------------- */
.m00  { margin: 0px !important; }         .m05  { margin: 5px !important; }
.m10  { margin:10px !important; }         .m15  { margin:15px !important; }
.m20  { margin:20px !important; }         .m25  { margin:25px !important; }
.m30  { margin:30px !important; }         .m35  { margin:35px !important; }
.m40  { margin:40px !important; }         .m45  { margin:45px !important; }

.mt00 { margin-top: 0px !important; }     .mt05 { margin-top: 5px !important; }
.mt10 { margin-top:10px !important; }     .mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }     .mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }     .mt35 { margin-top:35px !important; }
.mt40 { margin-top:30px !important; }     .mt45 { margin-top:35px !important; }

.mr00 { margin-right: 0px !important; }   .mr05 { margin-right: 5px !important; }
.mr10 { margin-right:10px !important; }   .mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }   .mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }   .mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }   .mr45 { margin-right:45px !important; }

.mb00 { margin-bottom: 0px !important; }  .mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom:10px !important; }  .mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }  .mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }  .mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }  .mb45 { margin-bottom:45px !important; }

.ml00 { margin-left: 0px !important; }    .ml05 { margin-left: 5px !important; }
.ml10 { margin-left:10px !important; }    .ml15 { margin-left:16px !important; }
.ml16 { margin-left:16px !important; }.ml20 { margin-left:20px !important; }    .ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }    .ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }    .ml45 { margin-left:45px !important; }

/*


/*--------------------------------------------------
  padding設定
-------------------------------------------------- */

.plr01 { padding:0 30px 10px;}

.p00 { padding-top: 0px !important; }     .p05 { padding-top: 5px !important; }
.p10 { padding-top:10px !important; }     .p15 { padding-top:15px !important; }
.p20 { padding-top:20px !important; }     .p25 { padding-top:25px !important; }
.p30 { padding-top:30px !important; }     .p35 { padding-top:35px !important; }
.p40 { padding-top:40px !important; }     .p45 { padding-top:45px !important; }

.pt00 { padding-top: 0px !important; }    .pt05 { padding-top: 5px !important; }
.pt10 { padding-top:10px !important; }    .pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }    .pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }    .pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }    .pt45 { padding-top:45px !important; }

.pr00 { padding-right: 0px !important; }  .pr05 { padding-right: 5px !important; }
.pr10 { padding-right:10px !important; }  .pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }  .pr25 { padding-right:25px !important; }
.pr21 { padding-right:21px !important; }
.pr30 { padding-right:30px !important; }  .pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }  .pr45 { padding-right:45px !important; }

.pb00 { padding-bottom: 0px !important; } .pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom:10px !important; } .pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; } .pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; } .pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; } .pb45 { padding-bottom:45px !important; }

.pl00 { padding-left: 0px !important; }   .pl05 { padding-left: 5px !important; }
.pl06 { padding-left: 6px !important; }
.pl10 { padding-left:10px !important; }   .pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }   .pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }   .pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }   .pl45 { padding-left:45px !important; }