@charset "utf-8";
/*
Theme Name: cloudtpl_696
Theme URI: http://c-tpl.com/
Description: cloudtpl_696
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}

body{
font: 14px "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
}

h5{font-size: 1em;
  padding: 5px 0 10px;
}

a{color:#000;}
a:hover{color:#999;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


/*************
全体
*************/
#wrapper{
  margin: 0 auto;
  padding: 0 20px;
  width: 1003px;
  border-left: dashed 1px #b5b5b5;
  border-right: dashed 1px #b5b5b5;
  background-color: #ffffff;
}

/*************
/* ヘッダー
*************/
#header{
  width: 1002px;
  height: 80px;
  margin: 0 auto;
}

#header h1 {
  float: left;
  padding: 20px 0 5px;
  font-size: 10px;
  font-weight: normal;
  color: #333;
}
#header h1 a,
#header h1 a img {
  text-decoration: none;
}
#header #headerMenu {
  float: right;
  margin-top: 20px;
  text-align: right;
}


/*************
/* トップナビゲーション
*************/
ul#topnav{
  margin: 15px auto 25px;
  width: 1002px;
}

ul#topnav li{
  float:left;
  margin-right: 18px;
  list-style:none;
}
ul#topnav li#job{
  margin-right: 0;
}
ul#topnav li a{
  display: block;
  width: 186px;
  height: 72px;
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: -9999px;
  text-decoration: none;
}
ul#topnav li#home a{
  background-image: url(images/gnavi_top.png);
}
ul#topnav li#about a{
  background-image: url(images/gnavi_about.png);
}
ul#topnav li#park a{
  background-image: url(images/gnavi_park.png);
}
ul#topnav li#training a{
  background-image: url(images/gnavi_training.png);
}
ul#topnav li#sewer a{
  background-image: url(images/gnavi_swer.png);
}
ul#topnav li#job a{
  background-image: url(images/gnavi_job.png);
}
ul#topnav li a:hover,
ul#topnav li.current a{
  background-position: 0 -72px;
}

/*
ul#topnav a#home{background-position:0 0;}
ul#topnav a#about{background-position:-130px 0;}
ul#topnav a#menu{background-position:-260px 0;}
ul#topnav a#faq{background-position:-390px 0;}
ul#topnav a#map{background-position:-520px 0;}
ul#topnav a#blog{background-position:-650px 0;}
ul#topnav a#link{background-position:-780px 0;}

ul#topnav a#home:hover, ul#topnav li.active a#home{background-position:0 -46px;}
ul#topnav a#about:hover, ul#topnav li.active a#about{background-position:-130px -46px;}
ul#topnav a#menu:hover, ul#topnav li.active a#menu{background-position:-260px -46px;}
ul#topnav a#faq:hover, ul#topnav li.active a#faq{background-position:-390px -46px;}
ul#topnav a#map:hover, ul#topnav li.active a#map{background-position:-520px -46px;}
ul#topnav a#blog:hover, ul#topnav li.active a#blog{background-position:-650px -46px;}
ul#topnav a#link:hover, ul#topnav li.active a#link{background-position:-780px -46px;}

li.active a#home{background-position:0 -42px;}
li.active a#guide{background-position:-213px -42px;}
li.active a#faq{background-position:-429px -42px;}
li.active a#mp{background-position:-573px -42px;}

*/


/*************
メイン（右側）コンテンツ
*************/
#main {
  float: right;
  display: block;
  width: 700px;
}

#mainimage {
  width: 1000px;
  margin: 0 auto 15px;
}
.home #main h2,
.error404 #main h2 {
  margin-bottom: 10px;
  padding: 0 10px 0px 20px;
  border-bottom: solid 3px #00a99d;
  background: url("images/midashi_green.png") no-repeat 0 center;
  color: #00a99d;
  font-size: 120%;
}
.page-template #main h3,
#main .templateCover #shiryo h3 {
  margin-bottom: 10px;
  padding: 0 10px 0px 20px;
  background: url("images/midashi_green.png") no-repeat 0 center;
  color: #00a99d;
  font-size: 130%;
}
.page-template #main.pagePark h3,
.page-template #main.pagePark #newInfo a h3 {
  background: url("images/midashi_green2.png") no-repeat 0 center;
  color: #6C6;
}
.page-template #main.pagePark #newInfo h3 {
  background: url("../../../wp-content/uploads/2013/09/park_midashi_2.png") no-repeat 0 center;
}
.page-template #main.pageTraining h3 {
  background: url("images/midashi_red.png") no-repeat 0 center;
  color: #C00;
}
.page-template #main.pageSewer h3 {
  background: url("images/midashi_blue.png") no-repeat 0 center;
  color: #09F;
}
.page-template #main.pagePlacement h3 {
  background: url("images/midashi_yellow.png") no-repeat 0 center;
  color: #ffc000;
}
.page-template #main.pagePlacement h4 {
  margin-bottom: 10px;
  color: #ffc000;
}
.page-template h2 {
  margin-bottom: 25px;
}
.home #main h3,
.error404 #main h3 {
	font-size: 12px;
	font-weight: normal;
	line-height: 30px;
	padding-left: 15px;
	margin-top: 10px;
	letter-spacing: 0.2em;
	color: #000;
	border-bottom: 1px solid #ccc;
}

#main p {
padding: 15px 15px 15px 20px;
}
.page-template.page-id-696 #main p {
padding: 5px 15px 5px 20px;
}
.page-template #main p {
padding: 0;
}

/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 20px 0 0 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: 20px;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#000;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
   border: 1px solid #cccccc;
   padding: 1px;
  margin: 1px;
}

/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0!important;}


/* ボタン */
p.button{
text-align: center;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: url(images/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#000;text-decoration:none;}
p.button a:hover{color:#000;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{
  margin-bottom: 3px;
}
#main ol, #footer ol {
  margin-left: 20px;
}
#main ul li, #footer ul li{
  list-style: none;
}

/*************
TOP
*************/
#news {

}
#news ul#tabs {
  margin-left: 0;
  border-left: solid 1px #e5d0d0;
}
#news #tabs li {
  float: left;
  width: 153px;
  margin-bottom: 0;
  padding: 10px;
  border-top: solid 1px #e5d0d0;
  border-right: solid 1px #e5d0d0;
  border-bottom: solid 1px #e5d0d0;
  background-color: #FFF;
  text-align: center;
}
#news #tabs li.open {
  width: 155px;
  border-bottom: solid 1px #FFF;
}
#news #tabs li span {
  display: block;
  padding: 10px 0 5px;
  font-weight: bold;
  cursor: pointer;
}
#news #tabs li#new span {
  border-top: solid 2px #f60;
}
#news #tabs li#koen span {
  border-top: solid 2px #69bb64;
}
#news #tabs li#kenshu span {
  border-top: solid 2px #c2110b;
}
#news #tabs li#gesui span {
  border-top: solid 2px #6cf;
}
#news #newsBody {
  padding: 10px;
  border-left: solid 1px #e5d0d0;
  border-right: solid 1px #e5d0d0;
  border-bottom: solid 1px #e5d0d0;
  background-color: #FFF;
}
#news #newsBody ul {
  margin-left: 0;
}
#news #newsBody ul li {

}
#news #newsBody .list {
  text-align: right;
}

#topics {
  padding: 20px 10px;
  background-color: #FFF;
}
#topics div {
  margin-bottom: 20px;
}
#topics ul {
  margin-left: 0;
}
#topics li {
  float: left;
  margin-right: 20px;
}

/*************
固定ページ
*************/
.pageContent {
  padding: 10px;
  border: 1px dotted #E9C9C9;
  background-color: #FFF;
}
.pageContent h3 {
  border-bottom: none;
}
.page-id-4 .pageContent {
  border-top: solid 3px #099!important;
}
.post-type-archive-park h2 {
  margin-bottom: 20px;
}
.post-type-archive-park .pageContent {
  border-top: solid 3px #6C6!important;
}
.page-id-21 .pageContent {
  border-top: solid 3px #C00!important;
}
.page-id-23 .pageContent {
  border-top: solid 3px #09F!important;
}
#explanation,
#newInfo {
  padding: 10px;
  border: dotted 1px #e9c9c9;
  border-top: 3px solid #6C6;
}
#newInfo {
  margin-top: 20px;
}
#explanation p {
  padding-left: 0px;
}
#explanation .buttons {

}
#explanation .buttons ul {
  margin: 0;
}
#explanation .buttons li {
  float: left;
  margin-right: 8px;
}
#newInfo {

}
#newInfo ul {
  margin-left: 0;
}
#newInfo ul li {
  padding-left: 18px;
  background-position: 0 3px;
  background-repeat: no-repeat;
}
#newInfo .list {
  text-align: right;
}
.page-id-19 #newInfo ul li {
  background-image: url("../../../wp-content/uploads/2013/09/park_midashi_2.png");
}
.page-id-21 #newInfo ul li {
  background-image: url("../../../wp-content/uploads/2013/09/kenshu_midashi_2.png");
}
.page-id-23 #newInfo ul li {
  background-image: url("../../../wp-content/uploads/2013/09/gesui_midashi_04.png");
}
#newInfo ul li a {

}
#newInfo .more {
  text-align: right;
}

/* 固定ページ背景 */
.contentCover {
  margin-top: 20px;
  padding: 10px;
  background-color: #FFF;
}

/*-- センターについて --*/
/* 定款 */
.teikan .teikanName {
  margin-bottom: 30px;
}
.teikan p {

}
.teikan .sho {
  margin-bottom: 30px
}
.teikan .shoMidashi {
  margin-left: 10px;

}
.teikan .shoSubMidashi {
  margin-top: 10px;
}
.teikan .jo {
  margin-left: 15px;
  text-indent: -1em;
}
.teikan .jobun {

}
.teikan .ko {
  margin-left: 14px;
  text-indent: -1em;
}
#main .teikan ul.kakko {

}
#main .teikan ul li {
  margin-left: 30px;
  text-indent: -3em;
}
#main .teikan li.level2 {
  margin-left: 30px;
}
#main .teikan li.level2 ul {

}
#main .teikan li.level2 ul li {

}
#main .teikan li.level3 {
  margin-left: 30px;
}
#main .teikan li.level3 ul {

}
#main .teikan li.level3 ul li {
  margin-left: 10px;
  text-indent: -1em;
}
#main .teikan ol.iroha {

}
#main .teikan ol.iroha li {
  margin-left: 8px;
  list-style: katakana-iroha;
  text-indent: 0;
}
.teikan .fukan {

}
#main .teikan .fukan ol {

}
#main .teikan .fukan ol li {

}
.page-id-4 iframe {
  margin-bottom: 10px;
}
.accessPatterns {
  
}
.accessPatterns .accessPattern {
  float:left;
  width: 300px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.accessPatterns #accessPattern2,
.accessPatterns #accessPattern4 {
  margin-right: 0;
}
.accessPatterns .accessPattern span {
  font-weight: bold;
}

/* センター概要 */
ol ol li {
	list-style-type: none;
}

/* 業務 > 技術支援・人材育成事業 */
.templateCover h4.cuHeadline {
	border-left: none;
	border-bottom: 2px solid #00A99D;
}
.templateCover h4.cuHeadline span {
	display: inline-block;
	padding: 3px 10px;
	margin: 0 1em 5px 0;
	background-color: #00A99D;
	color: #fff;
	border-radius: 50%;
}
#gijutsu .contentBox,
.kikaku .contentBox {
	margin-bottom: 30px;
}
#gijutsu .contentBox dt,
.kikaku .contentBox dt {
	margin-bottom: 5px;
	font-weight: bold;
}
#gijutsu .contentBox dd,
.kikaku .contentBox dd {
	margin-bottom: 10px;
}
#gijutsu .contentBox table,
.kikaku .contentBox table {
	width: 100%;
}
#gijutsu .contentBox .leftColmn,
.kikaku .contentBox .leftColmn {
	float: left;
	width: 430px;
}
#gijutsu .contentBox .rightColmn,
.kikaku .contentBox .rightColmn {
	float: right;
	width: 230px;
}
#gijutsu .contentBox .imageColmn,
.kikaku .contentBox .imageColmn {
	float: left;
	width: 330px;
}
#gijutsu .contentBox .imageColmn:nth-child(even),
.kikaku .contentBox .imageColmn:nth-child(even) {
	float: right;
}
.imageCaption {
	text-align: right;
	font-size: 11px;
	margin-bottom: 10px;
}

/* 資料 */
#shiryo p {
  margin: 0;
  padding: 0;
}
#main ul.contentsList {
  width: 670px;
  margin-left: 5px;
}
#main ul.contentsList li {
  margin-left: 5px;
  padding: 8px 0;
  border-bottom: 1px dotted #099;
}
#main ul.contentsList li ul {
  margin-left: 0;
}
#main ul.contentsList li ul li{
  padding: 2px 0;
  border-bottom: none;
}
#main ul.contentsList li span {
  padding-left: 8px;
  border-left: 5px solid #099;
  font-weight: bold;
}
#main ul.contentsList li ul span {
 border-left: none;
}
#main ul.contentsList li a {
  float: right;
}
.yearSelect {
  margin: 20px 0;
  text-align: center;
}
.yearSelect span {

}
.yearSelect a {
  margin: 0 5px;
  font-size: 88%;
}
.syozaiUpper {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #CCC;
}
.syozaiUpper img {
  float: left;
  margin-right: 20px;
}
.syozaiUpper p span {
  font-weight: bold;
  font-size: 120%;
}
.syozaiLower {

}
#main .syozaiLower p {
  padding-bottom: 0;
}
.syozaiLower .left {
  float: left;
  margin-right: 60px;
}
.shienContent {
  margin-bottom: 20px;
}
.shienContent .text {
  float: left;
  width: 360px;
  margin-right: 10px;
}
.shienContent .image {
  float: left;
}
.jigyo {
  float: left;
  width: 45%;
  margin-right: 20px;
}
#otherJigyo li {
  float: left;
  width: 45%;
  margin-right: 20px;
  list-style: disc!important;
}
.page-id-1184 #parks .park {
  float: left;
  width: 45%;
  margin-right: 20px;
  margin-bottom: 20px;
}
.page-id-1184 #parks .park img {
  margin-bottom: 10px;
}
.page-id-1184 #parks .park h5 {
  margin-top: 10px;
}
.page-id-1184 #parks .park li {
  
  list-style: disc;
}
#aquaKurara .images {
  float: right;
  text-align: center;
}
#aquaKurara .image {
  margin-bottom: 20px;
}
#aquaKurara .text {

}
#aquaKurara .text dd {
  margin-bottom: 20px;
}
#keihatu {
  margin-top: 20px;
}
#keihatu div {
  float: left;
  width: 45%;
  margin-right: 20px;
  text-align: center;
}

/* 公園案内 */
.postsCover {
  margin-top: 20px;
  border: 1px dotted #00A99D;
  background-color: #FFF;
}
.postCover {
  padding: 20px;
}
.postCover h3 {
  border-bottom: 2px solid #00A99D;
}
.postCover #date {

}
#main .postCover p {
  padding: 0 0 5px;
}
#mapButtons {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: dotted 1px #00A99D;
  text-align: center;
}
#mapButtons .sepalate {
  margin: 0 10px;
}
#mapButtons span.mapButton {
  cursor: pointer;
}
.templateCover {
  padding: 10px;
  background-color: #FFF;
}
.templateCover1 {
  padding: 0px;
  background-color: #FFF;
}

#main .templateCover p {
  padding: 0;
}

.templateCover h4 {
  margin-bottom: 10px;
  padding-left: 5px;
  border-left: 5px solid #00A99D;
  color: #00A99D;
  font-size: 120%;
}
.templateCover .keyV {
  margin-bottom: 10px;
  text-align: center;
}
.templateCover .box {
  float: none;
  margin-top: 0;
}
.templateCover .box {
  float: none;
  width: auto;
}
.templateCover .box .left,
.templateCover .box .right {
  width: 48%;
}
.templateCover .box .left {
  float: left;
}
.templateCover .box .right {
  float: right;
}
.templateCover .menuCenter {
  margin: 30px 0 10px;
  padding-bottom: 20px;
  border-bottom: dotted 1px #00A99D;
  text-align: center;
}
.templateCover .menuCenter a {
  margin: 0 5px;
}
.templateCover .menuCenter .upper {
  margin-bottom: 10px;
}
.reserveCalLinks {
  margin-bottom: 20px;
}
.reserveCalLinks .sepalate {
  margin: 0 5px;
}
.temp1,
.temp2,
.temp3,
.temp4,
.temp5,
.temp6,
.temp7,
.temp8,
.temp9 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.temp1 {

}
.temp1 .block {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: dotted 1px #00A99D;
}
.temp1 .block .img,
.temp1 .block .midashi {
  float: left;
  width: 16%;
}
.temp1 .block .text {
  float: left;
  width: 78%;
}
.temp1 .text dl {

}
.temp1 .text dl dt {

}
.temp1 .text dl dd,
.temp1 .text ul li {
  margin-bottom: 10px;
  padding-left: 20px;
  padding-bottom: 2px;
  border-bottom: solid 1px #00A99D;
}
#main .temp1 .text ul {
  margin-left: 0;
}
.page-id-352 .temp1 .image,
.page-id-399 .temp1 .image {
  float: left;
  width: 200px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.page-id-352 .temp1 .image img,
.page-id-399 .temp1 .image img {
  margin-bottom: 10px;
}
.page-id-352 .temp1 .text,
.page-id-399 .temp1 .text {
  float: left;
  width: 440px;
  margin-bottom: 20px;
}
.page-id-352 .temp1 .bottomImage {
  clear: both;
}
.page-id-352 .temp1 .bottomImage div {
  float: left;
  width: 250px;
}
.page-id-399 .temp1 .bottomImage div {
  margin-bottom: 10px;
}
.templateCover table {
  margin-bottom: 30px;
}
.templateCover table th,
.templateCover table td {
  padding: 3px 5px;
  border: solid 1px #666;
}
.templateCover table th {
  background-color: #ceecea;
}
.templateCover table .head th {
  background-color: #7cc4c4;
}
.templateCover table#riyoryokin td {

}
.temp2 {

}
.temp2 > div{
  margin-bottom: 20px;
}
.temp2 top {

}
.temp2 div .left {
  float: left;
  width: 35%;
  margin-right: 50px;
}
.page-id-520 .temp2 .top .left {
  width: 350px;
  margin-right: 20px;
}
.temp2 div img,
.temp2 div div.title {
  margin-bottom: 5px;
}
.temp2 div div.title {
  color: #da6600;
}
.temp2 div .right {
  float: left;
  width: 35%;
}
.temp2 div .bottom {
  text-align: center;
}
.temp3 {

}
.temp3 .top {
  margin-bottom: 10px;
}
.temp3 .left {
  float: left;
  margin-right: 30px;
}
.temp3 .right {
  float: left;
}
.page-id-620 .temp3 .right {
  float: right;
}
.page-id-620 .temp3 .left {
  width: 360px;
}
.temp3  div.name {
  margin-bottom: 10px;
  padding-bottom: 2px;
  border-bottom: solid 1px #00A99D;
}
.temp3 dl {
  margin-bottom: 20px;
}
.temp3 dd {
  padding-left: 20px;
}
.temp4 {

}
.temp4 img {
  float: left;
  margin: 0 20px 20px 0;
}
.temp4 p {

}
.temp5 {

}
.temp5 img {
  float: right;
  margin: 0 0 20px 20px;
}
.temp5 p {

}
.temp6 {

}
.temp7 {

}
.temp8 {

}
.temp8 h5 {
  margin: 10px 0;
  padding-bottom: 2px;
  border-bottom: solid 1px #00A99D;
}
.temp9 {

}
.temp9 .box {
  width: 100%;
}
.temp9 .box .name {
  color: #00A99D;
  font-weight: bold;
}
.temp9 .box .top {
  margin-bottom: 5px;
}
.temp9 .box .bottom {

}
.kidsParkMap {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.shisetsu,
.shisetsuList {
  margin-bottom: 30px;
}
.shisetsuList li {
  float: left;
  width: 24%;
}
.chui {
  padding: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border: solid 1px #00A99D;
}
.chui h5 {
  padding: 3px 5px;
  background-color: #a7cfca;

}



/* 下水道案内 */
.page-id-23 #explanation p {
  padding-left: 190px;
  padding-bottom: 40px;
  background: url("../../../wp-content/uploads/2013/09/suisui_01.jpg") 0 0 no-repeat;
}
#shisetsuAccess {
  padding-bottom: 50px;
  background-image: url("../../../wp-content/uploads/2013/09/suisui_02.jpg");
  background-position: center bottom;
  background-repeat:  no-repeat;
}
.page-id-2012 #shisetsuAccess {
  padding-bottom: 160px;
}
#shisetsuAccess #access {
  padding: 0 15px;
}
#shisetsuAccess #access .access1 {
  float: left;
  width: 330px;
  border-right: dashed 1px #21a6ff;
}
#shisetsuAccess #access .access2 {
  float: right;
}
#shisetsuAccess #access h4 {
  padding-left: 15px;
  background: url("../../../wp-content/uploads/2013/09/gesui_midashi_02.png") 0 0 no-repeat;
}
#shisetsuAccess #access h5 {
  color: #09F;
}
#shisetsuAccess #access .square {
  width: 225px;
  height: 138px;
  background-color: #d2d2d2;
}
#shisetsuAccess #access p {
  padding: 0 0 10px;
}
#shisetsuAccess #access .access1 .accessPiece {
  padding-bottom: 40px;
  background: url("../../../wp-content/uploads/2013/09/gesui_sankaku.png") 65px bottom no-repeat;
}
#shisetsuAccess #access .access2 .accessPiece {
  padding-bottom: 40px;
  background: url("../../../wp-content/uploads/2013/09/gesui_sankaku.png") center bottom no-repeat;
}
#shisetsuAccess #access .access_ori .accessPiece {
  padding-bottom: 40px;
  background: url("../../../wp-content/uploads/2013/09/gesui_orikaesi.png") center bottom no-repeat;
}

#shisetsuAccess #access .accessPiece.goal {
  background: none;
}

/* 人材クラスター */
a.buttonJob {
  display: block;
  width: 50%;
  margin: 0 auto;
  padding: 20px;
/*  border: 2px solid #ffc000; */
  background-color: #ffc000;
  text-align: center;
  font-size: 110%;
  font-weight: bold;
  color: #111;
}
a.buttonJob:hover {
  opacity: 0.7;
}

/* 無料職業案内 */
.pagePlacement .pageContent {
  margin-top: 20px;
  border-top: 3px solid #ffc000;
}
.pagePlacement .pageContent table {
  width: 600px;
  margin-top: 10px;
}
.pagePlacement .pageContent table tr {}
.pagePlacement .pageContent table th {
  width: 140px;
  padding: 10px;
  border: 1px solid #ddd;
  background: #eee;
  vertical-align: middle;
  text-align: center;
}
.pagePlacement .pageContent table td {
  padding: 10px;
  border: 1px solid #ddd;
}
.flowWrap {
  margin: 20px 0 0 0 !important;
}
.flowWrap li {
  float: left;
  width: 328px;
}
li.kyujin{
  margin-right: 22px;
}
.flowBtn {
  display: block;
  width: 300px;
  padding: 14px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.flowBtn:hover {
  color: #fff;
  opacity: 0.7;
}
.kyujin .flowBtn {
  background: #FF43A3;
}
.kyushoku .flowBtn {
  background: #00BFF6;
}

/* 求人・求職の流れ */
h3.kyujinH3 {
  margin-top: 10px;
  border-radius: 10px;
  padding: 10px !important;
  background-color: #FF43A3 !important;
  background-image: none !important;
  color: #fff !important;
  text-align: center;
}
h3.kyushokuH3 {
  margin-top: 10px;
  border-radius: 10px;
  padding: 10px !important;
  background-color: #00BFF6 !important;
  background-image: none !important;
  color: #fff !important;
  text-align: center;
}
.flowBlock {
  /*padding: 10px;*/
  border-radius: 10px;
}
.flowBlock .flowInner {
  padding: 10px;
}
.arrowBox {
  margin: 10px 0;
  text-align: center;
}
.arrowBox img {
  display: inline-block;
}
.kyujinFlow {
  border: 2px solid #FF43A3;
}
.kyushokuFlow {
  border: 2px solid #00BFF6;
}
.lastFlow {
  border: 2px solid #FF8C00;
}
.flowBlock h4 {
  padding: 10px;
  border-radius: 7px 7px 0 0;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.kyujinFlow h4 {
  background: #FF43A3;
  color: #FFF!important;
}
.kyushokuFlow h4 {
  background: #00BFF6;
  color: #FFF!important;
}
.lastFlow h4 {
  background: #FF8C00;
}
.kyushokuFlow dl dt {
  margin-bottom: 5px;
  color: #00BFF6;
  font-weight: bold;
}
.kyushokuFlow dl dd {
  margin-bottom: 10px;
}
.kyujinFlow dl dt {
  margin-bottom: 5px;
  color: #FF43A3;
  font-weight: bold;
}
.kyujinFlow dl dd {
  margin-bottom: 10px;
}


/* 関連リンク */
.kanrenLink h4 {
  margin-top: 20px;
}
.kanrenLink h5 {
  margin-top: 15px;
  margin-left: 10px;
  margin-bottom: 5px;
  font-size: 111%;
}
.kanrenLink ul {

}
.kanrenLink ul li {
  float: left;
  width: 45%;
  margin-right: 20px;
}

/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 250px;
}
#sidebar p {
  margin-bottom: 20px;
}
#sidebar h2 {
  padding: 0 10px 0 20px;
  background: url("images/midashi_green.png") no-repeat 0 center;
  font-size: 120%;
  color: #00A99D;
}
.parkInfo,
.sewerInfo,
.jobInfo {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-top: 3px solid #00A99D;
  background-color: #FFF;
}
#sidebar .side_park {
  border-top: 3px solid #6C6;
}
.parkInfo ul,
.sewerInfo ul,
.jobInfo ul {
  background-repeat: no-repeat;
  background-position: center 4px;
}
.parkInfo1 ul {
  background-image: url("../../../wp-content/uploads/2013/09/hinomine_02_1.jpg");
}
.parkInfo2 ul {
  background-image: url("../../../wp-content/uploads/2013/09/bumori_02_1.jpg");
}
.parkInfo3 ul {
  background-image: url("../../../wp-content/uploads/2013/09/shinmachi_02_1.jpg");
}
.parkInfo4 ul {
  background-image: url("../../../wp-content/uploads/2013/09/kuramoto_02_1.jpg");
}
.sewerInfo1 ul {
  height: 118px;
  background-image: url("../../../wp-content/uploads/2013/09/kirara_side.png");
}
.jobInfo ul  {
  height: 150px;
  background-image: url("images/job_side.jpg");
}
#sidebar h3 {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0 10px 0 23px;
}
#sidebar h3 span {
  font-size: 75%;
}
#sidebar ul{
padding: 5px 0 0 5px;
}

#sidebar .parkInfo li,
#sidebar .sewerInfo li,
#sidebar .jobInfo li {
  margin: 0 10px 4px 15px;
  list-style: none;
  font-weight: bold;
}

#sidebar .parkInfo li a,
#sidebar .sewerInfo li a,
#sidebar .jobInfo li a {
text-decoration: underline;
font-weight: bold;
color: #FFF;
}
#sidebar li a:hover{background-position: 3px 50%;}

#sidebar ul.page_side {

}
#sidebar ul.page_side  li {
  padding: 15px;
  background-color: #FFF;
  list-style: none;
}
#sidebar ul.page_side  li a {
  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: 0 1.5px;
  font-weight: bold;
  text-decoration: none;
}
#sidebar ul.side_about  li {
  border-top: solid 3px #099;
}
#sidebar ul.side_about  li a {
  background-image: url("../../../wp-content/uploads/2013/09/about_midashi.png");
}
#sidebar ul.side_park  li {
  border-top: solid 3px #6C6;
}
#sidebar ul.side_park  li a {

}
#sidebar ul.side_training  li {
  border-top: solid 3px #C00;
}
#sidebar ul.side_training  li a {
  background-image: url("../../../wp-content/uploads/2013/09/kenshu_midashi.png");
}
#sidebar ul.side_sewer  li {
  border-top: solid 3px #09F;
}
#sidebar ul.side_sewer  li a {
  background-image: url("../../../wp-content/uploads/2013/09/gesui_midashi.png");
}

#sidebar ul.side_placement  li {
  border-top: solid 3px #ffc000;
}
#sidebar ul.side_placement  li a {
  background-image: url("images/muryou_midashi.png");
}

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


/*************
/* フッター
*************/
#footer{
clear:both;
padding: 10px 0 10px;
}

#footer a{text-decoration:none;}

#footer .inner{
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 292px;
}

#nav1 {
	width: 100%;
	text-align: center;
	display: block;
}
#nav1 ul {
	font-size: 200%;
	margin: 16px 0;
	padding: 0; /* リストのマーク分の余白ができるので消すために 0 としています */
	list-style: none;
}
#nav1 li {
	margin: 0 -5px; /* リストとリストの間の空白を消すため */
	padding: 0 12px;
	display: inline;
	border-right:1px solid #000;
}
#nav1 li:last-child {
	border-right: none;
}
#nav1 li a {
	color: #000;
	text-decoration: none;
}
#nav1 li a:hover {
	color: #f00;
	text-decoration: underline;
}
#nav4-1 {
	width: 100%;
	display: block;
}
#nav4-1 ul {
	width: 100%;
	font-size: 16px;
	margin: 8px auto;
	padding: 0;
	list-style: none;
	text-align: center;
	display: -webkit-flex;
	display: flex;
}
#nav4-1 li {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	border:1px solid #000;
}
#nav4-1 li a {
	text-decoration: none;
	padding: 8px;
	color: #000;
	display: block;
}
#nav4-1 li a:hover {
	background: #ccc;
}

#footerMenu {
  margin-bottom: 30px;
  padding: 20px;
  border-top: dashed 1px #2a9325;
  border-bottom: dashed 1px #2a9325;
  text-align: center;
}
#footerMenu span,
#footerMenu a {
  font-size: 120%;
  color: #4aa447;
}
#footerMenu span {
  margin: 0 15px;
}
#footerMenu a {

}
#footerAddress {
  width: 1002px;
  height: 80px;
  margin: 0 auto;
}

#footerAddress p {
  line-height: 1.4;
  font-size: 120%;
  color: #4aa447;
}

address{
color:#999;
padding: 20px 0 10px;
text-align: center;
font-style:normal;
font-size: 10px;
clear:both;
display:block;
}

/*************
/* full-width
*************/
#main.fullWidth {
  float: none;
  width: auto;
  padding: 10px;
}

/*************
/* search
*************/
.search-results .templateCover h3 a {
  color: #00A99D;
}
.search-results .templateCover .post {
  margin-top: 20px;
  margin-left: 10px;
}
.search-results .templateCover .post .postentry {
  margin-bottom: 10px;
}
.search-results .templateCover .post .postmetadata {
  text-align: right;
}
.search-results .templateCover .navigation {
  margin-top: 20px;
}


/*************
/* common
*************/
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}

/*************
/* clearfix
*************/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

a {
color: #0044cc;
text-decoration: underline;
}
a:visited{
  color: #80008b;
text-decoration: underline;
}