@charset "UTF-8";
/* 
====================================================================================================
■ common class
---------------------------------------------------------------------------------------------------- */
/* 準備中 */
.txt_not_ready {
	padding: 80px 0 300px;
	text-align: center;
	font-weight: bold;
	font-size: large;
}
/* パンくずリスト
-------------------------------------------------- */
#pan {
	margin: 20px 0px 20px 10px;
	line-height: 18px;
}
#pan li {
	display: inline;
}
#pan li img {
	vertical-align: middle;
}
#pan li:before {
	content: "　>　";
}
#pan li.first:before {
	content: "";
}
/* inner
-------------------------------------------------- */
.inner10 {
	padding: 0 10px;
}
/* 
--------------------------------------------------
 ▽ tableの定義
-------------------------------------------------- */
.table_style {
	margin: 20px auto 10px;
	width: 98%;
	border-top: solid 1px #cacaca;
	border-left: solid 1px #cacaca;
}
.table_style th,  .table_style td {
	padding: 12px 15px 12px 25px;
	border-right: solid 1px #cacaca;
	border-bottom: solid 1px #cacaca;
	background: #f2f2f2;
}

.table_style th {
	vertical-align: middle;
	background: #ccc;
	font-size: 100%;
	font-weight: bold;
	border-bottom: solid 1px #f2f2f2;
	color:#000;
	width: 30%;
}
.table_style td {
	font-size: 100%;
}
.table_style td dl{
	margin:5px 0;
}

.table_style td dl dt{
	width:15%;
	float:left;
}
.table_style td dl dd{
	width:84%;
	float:right;
}

.table_style02 {
	margin: 0px auto 0px;
	width: 98%;
}
.table_style02 th,  .table_style02 td {
	padding: 22px 15px 12px 25px;
	border-bottom: solid 1px #d5d5d5;
	vertical-align: middle;
}

.table_style02 th {
	font-weight: bold;
	color:#000;
	width: 25%;
	border-bottom: solid 2px #91c700;
}

ul.dott li:before{content:'■';}


/* 文字の強調
-------------------------------------------------- */

.emphasis_p{
font-weight:bold;
margin:0 0 15px 0;
font-size:120%;
}

.emphasis_p span{
background: linear-gradient(transparent 50%, yellow 50%);
}



/* 画像の右左
-------------------------------------------------- */

.fig_01{
float:right;
width:30%;
margin:0 0 20px 40px;
}

.fig_01 img{
width:100%;
}

.fig_02{
float:left;
width:30%;
margin:0 40px 20px 0px;
}

.fig_02 img{
width:100%;
}

.fig_03{
float:right;
width:33%;
margin:0 0 20px 40px;
}

.fig_03 img{
width:100%;
}

.fig_04{
float:right;
width:40%;
margin:0 0 20px 40px;
}


.fig_04 img{
width:100%;
}

.fig_05{
float:right;
width:32%;
margin:0 0 20px 40px;
text-align:center;
}

.fig_06{
float:left;
width:33%;
margin:0 40px 20px 0px;
}

.fig_06 img{
width:100%;
}


/* グーグルマップ
-------------------------------------------------- */
.googlemap {
	text-align: center;
	margin: 0px auto 0px;
	background: #fff;
}
.googlemap iframe {
	width: 100%;
}

.map_info{

}

.map_info{
border:solid 4px #f2f2f2;
padding:10px 15px;
margin-bottom:15px;
}

.map_info dt{
padding:0px 0px 10px 0px ;
font-weight:bold;
font-size:120%;
color:#009a3f;
}
.map_info dt span{
padding:0px 0px 0px 0px ;
font-weight:normal;
display:block;
font-size:80%;
color:#333;
}

/* タブジャンプボタン
-------------------------------------------------- */

#tab_nav{
margin-bottom:40px;
}


#tab_nav ul.three_div{
width: 1080px;
margin:auto;
padding:5px 0;
}

#tab_nav ul.two_div{
width: 720px;
margin:auto;
padding:5px 0;
}

#tab_nav ul li{
float:left;
width:350px;
margin:5px;
}

#tab_nav ul li a{
display:block;
padding:8px 0;
text-decoration:none;
color:#009a3f;
background:#fff;
border:solid 4px #009a3f;
text-align:center;
font-weight:bold;
}

#tab_nav ul li a:after{
content:"　";
margin:0 0 0 10px;
background-image: url(../common_img/ic_arrow_04.png);
background-repeat: no-repeat;
background-position: 95% center;
}

#tab_nav ul li a:hover{
background-color:#009a3f;
color:#fff;
}

/* 
====================================================================================================
■ お問い合わせ
---------------------------------------------------------------------------------------------------- */


.contact_p{
text-align:center;
margin:0px 0 0 0;
}

#mail_box {
  display: none;
}
#tel_box {
  display: none;
}

.pp_box{
background:#fbfbfb;
border:dotted #ccc 1px;
padding:20px;
margin:20px 0;
}

.pp_box p{
padding:0px 20px;
}

.list_style02 {margin:15px 0 0 0;}
.list_style02 li {
padding-left: 10px;
border-bottom: 1px dotted #ccc;
line-height: 40px;
}

.list_style02 li:before{content:"・ ";}



/*--------------------------------------------------------------------------------
  ログイン
--------------------------------------------------------------------------------*/


.login_box{
width:48%;
min-height:520px;
border:solid 7px #009a3f;
padding:0 50px 40px;
margin-bottom:20px;
}

.login_box dt{
text-align:center;
}

.login_box p{
margin-top:30px;
}


/*--------------------------------------------------------------------------------
  コラム
--------------------------------------------------------------------------------*/

.column_box {
	margin: 40px 3px 0;
	padding: 20px 25px;
	background: #fafafa;/*記事の背景色*/
	border:solid 1px #fff;
	box-shadow:1px 1px 5px #ccc;
}
.column_box:first-child {
	margin-top: 0px;
}

.column_box .headline {
	padding: 5px 2px;
	border-bottom:dotted 1px #333;
	margin-bottom: 15px;
}

.column_box .headline time {
	display: block;
	width:160px;
	text-align:center;
	background: #333;/*投稿日時の色*/
	padding: 3px 10px;
	margin: 2px 20px 0px 0px;
	color: #fff;
}
.column_box .headline h2 {
	overflow: hidden;
	line-height: 1.5;
	padding-top:15px;
	word-wrap: break-word;
}
.column_box figure {
	float: left;
	width: 400px;
	text-align:center;
	margin-right: 35px;
}

.column_box figure img{
	width: 100%;
}

/*--------------------------------------------------------------------------------
  news_pager
--------------------------------------------------------------------------------*/
.news_pager {
	position: relative;
	margin: 35px 0;
	text-align: center;
}
.news_pager .pager_btn {
	display: inline-block;
}
.news_pager .pager_btn.back_list {
	background: #1e5ca7;/*一覧へ戻るボタンの色*/
	margin-top: 15px;
}
.news_pager .pager_btn.prev_btn {
	float: left;
}
.news_pager .pager_btn.next_btn {
	float: right;
}
.news_pager .pager_btn a {
	display: inline-block;
	color: #fff;
	text-decoration:none;
	background: #009a3f;/*ページ送りの色*/
}

.news_pager .pager_btn a:hover{
	background: #ff4800;
}
.news_pager .pager_btn.back_list a {
	padding: 3px 2px 2px 5px;
}
.news_pager .pager_btn.back_list a::before {
	display: inline-block;
	content: '';
	border-right: 4px solid #fff;
	margin-right: 5px;
	vertical-align: 1px;
}
.news_pager .pager_btn.prev_btn a {
	padding: 3px 22px 2px 15px;
}
.news_pager .pager_btn.prev_btn a::before {
	display: inline-block;
	content: '';
	border: 4px solid transparent;
	border-right: 4px solid #fff;
	margin-right: 5px;
	vertical-align: 1px;
}
.news_pager .pager_btn.next_btn a {
	padding: 3px 15px 2px 22px;
}
.news_pager .pager_btn.next_btn a::after {
	display: inline-block;
	content: '';
	border: 4px solid transparent;
	border-left: 4px solid #fff;
	margin-left: 5px;
	vertical-align: 1px;
}


/*--------------------------------------------------------------------------------
  行政ナレッジサービス
--------------------------------------------------------------------------------*/

.admin_box{
margin:140px auto 30px;
border:solid 7px #f2f2f2;
position:relative;
padding:30px 30px 30px;
font-size:120%;
font-weight:bold;
}


.admin_box figure{
position:absolute;
right:0;
bottom:0;
}

#ad_03 ul{
	margin-bottom: 20px;
}

#ad_03 ul li:first-child{
	padding: 5px 10px;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
}

#ad_03 ul li table{
	width: 100%;
}

#ad_03 ul li table th{
	padding: 5px;
	border: 1px solid #aaa;
	border-top: none;
	font-weight: bold;
	text-align: center;
	background: #ddd;
	color : #333;
}
#ad_03 ul li table th:first-child{ width: 75%;}
#ad_03 ul li table td{ padding: 5px 20px; border: 1px solid #aaa;}
#ad_03 ul li table td:last-child{ text-align: center;}


#ad_03 .accord_trigger { background: url(../common_img/accord_icon01.png) center right 8px no-repeat #009a3f;}
#ad_03 .accord_inner { background: #fff;}
#ad_03 .active {background: url(../common_img/accord_icon02.png) center right 8px no-repeat #009a3f;}


/*--------------------------------------------------------------------------------
  採用情報
--------------------------------------------------------------------------------*/

#point{
width:1100px;
height:355px;
position:relative;
margin:0 auto 0px;
}

.point_box{
width:275px;
height:238px;
background: url(../recruit/images/point_bg.png) center center no-repeat;
}

.point_box dt{
text-align:center;
font-size:300%;
font-weight:bold;
color:#91c700;
padding:20px 0 0px;
}

.point_box dd{
text-align:center;
font-size:115%;
padding:0px 0px 10px;
}


.point_01{position:absolute;left:8px;top:0px;}
.point_02{position:absolute;left:210px;top:117px;}
.point_03{position:absolute;left:412px;top:0px;}
.point_04{position:absolute;left:615px;top:117px;}
.point_05{position:absolute;right:8px;top:0px;}

.rec_box{
margin:80px auto 30px;
border:solid 7px #f2f2f2;
position:relative;
padding:30px 30px 30px;
font-size:120%;
font-weight:bold;
}


.rec_box figure{
position:absolute;
right:0;
bottom:0;
}

.rec_tt{
	font-size: 160%;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 20px;
	font-weight: bold;
	text-align: left;
	line-height: 1.0;
	vertical-align: baseline;
}

.rec_tt span{
font-weight:bold;
color:#91c700;
font-size: 170%;
display:inline-block;
padding:0px 15px 0px 0px;
}

.jin_box{
margin:0 auto 30px;
width:100%;
}

/*--------------------------------------------------------------------------------
  近隣コンタクトパートナー
--------------------------------------------------------------------------------*/

.neighb_tt{
	font-size: 125%;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 20px;
	font-weight: bold;
	text-align: left;
	line-height: 1.0;
	border-bottom:dotted 3px #009a3f;
	vertical-align: baseline;
}

.neighb_tt span{
font-weight:bold;
color:#91c700;
font-size: 170%;
display:inline-block;
padding:0px 15px 0px 0px;
}

.flow_box{
margin:15px auto;
width:95%;
display:table;
}

.flow_box dt{
width:35%;
display:table-cell;
padding:0 1%;
font-weight:bold;
color:#fff;
font-size:120%;
vertical-align:middle;
}

.flow_box dt.flow_dt01{
background:#91c700;
}
.flow_box dt.flow_dt02{
background:#50c700;
}

.flow_box dt span{
background:#557500;
color:#f1ffcd;
display:inline-block;
padding:0 0px;
width:90px;
text-align:center;
margin-right:10px;
font-weight:normal;
}

.flow_box dd{
width:65%;
display:table-cell;
background:#f1f1f1;
padding:1% 2%;
vertical-align:middle;
}