/*

Theme Name: ReciPress

Description: A theme that is both simple and sophisitced as one. W3C validated - SEO optimized. Can be used as-is in its simple mode, and can also be configured from the theme option page for adding 3 special categories with pictures to the homepage. The theme has banner-ad support, is widget ready, supports threaded-comments and multi-level dropdown menus. Visit www.DiamondsDesingers.com/Recipress for a user guide to help you get it up and running quickly.

Version: 1.2

Author: Diamonds Designers

Author URI: http://www.DiamondsDesigners.com

Theme URI: http://www.diamondsdesigners.com/wp-content/uploads/2010/04/ReciPress.zip

Tags: theme-options, brown, green, two-columns, fixed-width

Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.

*/

/*0110804*/
/*入力画面*/
.form_table {
  width: 100%;
  margin: 0px 0px 30px 0px;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
}

.form_table th {
  width: 240px;
  padding: 5px;
  text-align: left;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background-color: #F0F0F0;
}

.form_table td {
  padding: 5px;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.form_table .require {
  color: red;
}

.form_table .center {
  text-align: center;
}

.kmk-description {
  font-size: 11px;
  font-weight: normal;
}

.input-description {
  font-weight: normal;
}

/*0110804*/
/*0110820*/
#search2 {
  border: 1px dotted #cccccc;
  padding: 15px;
}

#search2 .small {
  font-size: 0.7em;
}

#search2 .cate1 {
  margin: 5px 0 15px 15px;
}

#search2 .cate2 {
  margin: 8px 0 8px 20px;
}

.form_table_seach {
  width: 100%;
  margin: 0px 0px 30px 0px;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
}

.form_table_seach th {
  padding: 2px;
  text-align: center;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background-color: #F0F0F0;
}

.form_table_seach td {
  padding: 2px;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.ki {
  background-color: #FFFFFF;
}

.gu {
  background-color: #EEFFF0;
}

/*0110820*/


/* -- Basic Style -- */
* {
  margin: 0px;
  padding: 0px;
}

body {
  line-height: 1.3em;
  font-style: normal;
  font-weight: normal;
  font-size: 90%;
  text-align: left;
  color: #333;
  background-color: #FFFFFF;
  border-top: 4px solid #01AD4E;
  margin: 0px;
  padding: 0px;
}

a img {
  border: none;
}

ol,
ul,
li,
dl,
dt,
dd {
  list-style-type: none;
}

h1,
h2,
h3,
h4,
ol,
ul,
li,
dl,
dt,
dd,
p,
img {
  margin: 0;
  padding: 0;
  2
}

p {
  margin: 0px;
  padding: 0px;
}

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

a,
a:visited {
  color: #185788;
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: underline;
}

img {
  border: none;
}




.storyContent ul,
ol {

  margin-left: 20px;

  padding: 5px 5px 15px 5px;

}

.storyContent ol li {

  list-style: decimal;

}

.storyContent ul li {

  list-style: square;

}

.clear {

  clear: both;

}

.center {
  text-align: center;
}



/* -- Main Style  -- */


#contents .story h1,
#contents .story h2,
#contents .story h3,
#contents .story h4 {
  line-height: 120%;

}

/***************************************/

#main {
  background-color: #FFFFFF;
  margin: 0 auto;
  width: 940px;
  padding: 10px 0;
  text-align: left;
}

/* -- Header -- */

#header {
  width: 940px;
  margin: 0px auto;
  text-align: left;
}

#header .logoarea {
  float: left;
  width: 430px;
}

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

h1 {
  font-weight: bold;
  padding: 5px 10px;
  font-size: 85%;
  font-weight: normal;
}

#header .naviarea {
  float: right;
  width: 300px;
}

.fontsize,
.search {
  float: right;
  margin: 5px 0px;
  clear: both;
}

table.fontsize td img {
  margin: 0px;
}

table.fontsize td.font_small a {
  background: url(/assets/files/images/common/font_bg_01.gif) no-repeat center;
  width: 28px;
}

table.fontsize td.font_small a:hover {
  background: url(/assets/files/images/common/font_bgf_01.gif) no-repeat center;
}

table.fontsize td.font_middle a {
  background: url(/assets/files/images/common/font_bgf_02.gif) no-repeat center;
  width: 26px;
}

table.fontsize td.font_middle a:hover {
  background: url(/assets/files/images/common/font_bgf_02.gif) no-repeat center;
}

table.fontsize td.font_large a {
  background: url(/assets/files/images/common/font_bg_03.gif) no-repeat center;
  width: 27px;
}

table.fontsize td.font_large a:hover {
  background: url(/assets/files/images/common/font_bgf_03.gif) no-repeat center;
}

.search {
  width: 300px;
}

.search table {
  float: right;
}

ul.search_list {
  margin: 10px 0px 15px 20px;
}

ul.search_list li {
  margin-bottom: 8px;
  list-style: disc;
}

.search_error {
  margin: 10px 0px 0px 50px;
}

.search_error ul {
  margin: 10px 0px 0px 20px;
}

.search_error table {
  margin: 10px 0px 0px 20px;
}

.searchText2 {
  width: 150px;
}

.fontsize img {
  vertical-align: middle;
  border: none;
  line-height: 100%;
}

table.fontsize td {
  text-align: center;
  height: 26px;
}

table.fontsize td a {
  display: block;
}

ul.navi {
  float: right;
  padding: 3px 0px 3px;
  background: url(/assets/files/images/common/headnavi_bg.gif) no-repeat top right;
  width: 264px;
  height: 25px;
  color: #FFF;
}

ul.navi li a {
  color: #FFF;
  text-decoration: none;
}

ul.navi li a:hover {
  text-decoration: underline;
}

ul.navi li {
  float: left;
  font-size: 85%;
}

/*=== topmenu ===*/
#topmenu {
  margin-top: 5px;
  background: url(/assets/files/images/common/menu_bg.jpg) repeat-x top right;
  height: 41px;
}

#topmenu ul {
  width: 940px;
  margin: 0px auto;
  text-align: center;
}

* html body #topmenu ul {
  margin: 0px;
}

#topmenu li {
  display: block;
  float: left;
  float: left;
  line-height: 0;
}

#topmenu li img {
  vertical-align: bottom;
}

/*breadcrumb*/
#breadcrumb {
  background: #EFEFEF;

}

.kuzu {
  width: 940px;
  font-size: 90%;
  margin: 0px auto;
  padding: 3px;
  text-align: left;

}

.right {
  text-align: right;
}

/************** Inner Content *********************/
#contents {
  width: 700px;
  float: right;
}

#contents {
  width: 700px;
  float: right;
}

#contents h2.pagetitle {
  border-bottom: 1px solid #CCCCCC;
  border-top: 3px solid #01AD4E;
  margin-bottom: 5px;
  padding: 8px 0 8px 30px;
  background: url(/assets/files/images/common/pagetitle_bg.gif) no-repeat center left;
  font-size: 140%;
  color: #444;
  margin-bottom: 10px;
}

#contents h2.pagetitle2 {
  border-top: 3px solid #01AD4E;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 5px;
  padding: 8px 0 10px 0px;
  font-size: 100%;
  color: #444;
  margin-bottom: 10px;
}

#contents p {
  margin-left: 5px;
  margin-bottom: 10px;
}

.story h3 {
  margin: 15px 0px 5px;
  border-bottom: 1px solid #138F34;
  background: url(/assets/files/images/common/h3_bg.gif) no-repeat center left;
  padding: 2px 0px 4px 25px;
  color: #138F34;
}

h3.guide {
  background: none;
  color: #333;
  padding: 3px;
  border: none;
}

img.mail {
  vertical-align: middle;
}

#contents h4 {
  margin: 15px 0px 5px;
}

#contents .image01 {
  width: 100px;
  float: right;
  font-size: 90%;
  margin-right: 5px;
}

#contents .image01 img {
  vertical-align: middle;
}

#contents .text01 {
  width: 570px;
  float: left;
  margin-left: 5px;
}

.index_main {
  background: none repeat scroll 0 0 #EDEDED;
  text-align: center;
  padding: 0 0 5px;
}

.blueberry .slides,
.blueberry .pager {
  width: 940px;
  margin: 0 auto;
}

.topic {
  border-bottom: 1px solid #CCC;
  margin: 0px 5px;
  padding: 5px 0px;
  height: 100%;
  width: 337px;
  float: left;
  height: 110px;
}

.topic_l {
  float: left;
  width: 220px;
}

.topic_r {
  text-align: center;
}

.topic_rimg {
  float: right;

}

#topics01 h2,
#topics02 h2 {
  margin: 0px 0px 5px;
}

#topics01 h3,
#topics02 h3 {
  font-size: 90%;
  margin: 0px 0px 5px;
  border: 0;
}

#topics01 p,
#topics02 p {
  font-size: 85%;
  margin: 0px;
}

ul.topics {
  overflow: hidden;
}

ul.topics li {
  float: left;
  width: 337px;
  margin: 0 5px;
  padding: 5px 0;
  border-bottom: 1px solid #CCC;
  height: 110px;
}

ul.topics li img {
  float: right;
}

#today_eve {
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 5px 0px;
  height: 100%;
  margin-bottom: 50px;
}

#today_eve h3 {
  border: none;
  margin: 0px;
  text-align: center;
}

#today_eve .space,
#today_eve .space2 {
  width: 49%;
  padding: 0px 0px;
  float: left;
}

#today_eve .space {
  border-right: 1px solid #CCC;
}

#today_eve dl {
  margin-left: 8px;
}

#today_eve dt {
  font-weight: bold;
  margin-top: 3px;
  font-size: 90%;
}

#blog {
  margin: 15px 0px;
  width: 345px;
  float: left;
}

#blog {
  float: right;
}

#blog dl {
  width: 343px;
  height: 250px;
  overflow: auto;
  padding: 5px 0px;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

#blog dt,
#scrap dt {
  margin: 5px 0px 0px 5px;
  width: 90px;
  padding: 0px 0 0px 5px;
  font-weight: bold;
  color: #666;
  font-size: 80%;
}

#blog dd,
#scrap dd {
  margin: 0px 0px 0px 5px;
  padding: 0px 5px 3px 5px;
  border-bottom: 1px dotted #CCC;
}

#news {
  margin: 0;
  width: 700px;
  float: left;
}

#news dl {
  width: 700px;
  height: 250px;
  overflow: auto;
  padding: 5px 10px;
  margin-bottom: 15px;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  box-sizing: border-box;
}

#news dt {
  margin: 5px 0px 0px 5px;
  font-weight: bold;
  color: #666;
  font-size: 80%;
}

#news dd {
  padding: 0px 5px 3px 5px;
  border-bottom: 1px dotted #CCC;
}

/*=== サイドメニュー部分のスタイル ===*/
#side {
  float: left;
  margin-right: 0px;
  width: 220px;
  text-align: center;
}

#side h2 {
  margin: 5px 0px;
}

#side h3 {
  text-align: left;
  margin: 10px 5px 0px;
  font-size: 125%;
}

#side img.banner {
  width: 220px;
  margin-bottom: 5px;
}

#side img.border {
  border: 1px solid #ccc;
  width: 218px;
}

#side p.side_guide {
  font-size: 90%;
  line-height: 1.3em;
  margin: 3px 5px 10px;
  text-align: left;
}

#side_menu {
  border: 6px solid #E3E3E3;
  margin-bottom: 5px;
}

#side_menu h2 {
  background: url(/assets/files/images/side/side_title_bg.gif) no-repeat center;
  color: #FFF;
  padding: 5px;
  font-size: 98%;
  margin: 1px;
}

#side_menu h2 a {
  color: #FFF;
}

#side_menu ul {
  margin: 5px;
  text-align: left;
}

#side_menu li {
  margin: 8px 0px 0px;
  border-bottom: 1px dotted #CCC;
  padding: 0px 0px 8px 15px;
  background: url(/assets/files/images/side/side_menu_li.gif) no-repeat top left;
}

#side_menu ul.children {
  margin: 0px;
  font-size: 90%;
}

#side_menu ul.children li {
  background: none;
  border: none;
  padding: 3px 0px 3px 0px;
  margin: 0px;
}

#side_menu h3 {
  text-align: left;
  font-size: 98%;
  padding: 5px 10px 0px;
}

#side_menu ul.activity {
  margin: 0px 0px 15px 15px;

}

#side_menu ul.activity li {
  background: url(/assets/files/images/side/ico_level.gif) no-repeat top left;
  border-bottom: none;
  margin: 0px;
  padding: 2px 5px 2px 15px;
}

#contents #activity h4 {
  background: url("/assets/files/images/common/sitemap_h3.gif") no-repeat scroll left center transparent;
  padding-left: 15px;
}

#contents #activity h3 {
  background: none;
  border-bottom: 1px dotted #CCC;
  border-left: 5px solid #01AD4E;
  font-size: 110%;
  color: #444;
  padding-left: 10px;
}

#activity div.activity_txt {
  background: url(/assets/files/images/activity/activity_bg.jpg) no-repeat top right;
  height: 150px;
}

#activity div.activity_txt p {
  width: 400px;
}

#activity h2.activity_title {
  background: url(/assets/files/images/activity/activity_title_bg.gif) no-repeat;
  height: 30px;
  padding: 4px 15px;
  margin-bottom: 5px;
  color: #FFF;
}

#contents #activity {
  margin: 0px 10px;
}

#activity_archive h4 {
  background: url(/assets/files/images/activity/h4_bg.gif) no-repeat left;
  padding-left: 10px;
  margin-left: 15px;
}

#activity_archive p {
  margin-left: 25px;
}

/* === フッター部分のスタイル === */

#footer {
  clear: both;
  padding: 10px;
  border-top: 1px solid #CCC;
  height: 100px;
}

#footer h3 {
  font-size: 95%;
  font-weight: normal;
}

#footer .foot_epo {
  border-right: 1px solid #CCC;
  width: 250px;
  float: left;
  height: 100px;
}

#footer .foot_epo ul.list01 {
  font-size: 80%;
  margin: 0px 20px;
  float: left;
}

.list02 {
  float: left;
  padding: 0px 30px;
  border-right: 1px solid #CCC;
  height: 100px;
  font-size: 80%;
  width: 180px;
}

.foot_geoc {
  float: left;
  width: 370px;
  padding: 5px 0px 0px 10px;
}

.foot_geoc img {
  width: 50px;
  float: left;
}

.foot_geoc p {
  float: right;
  width: 240px;
}

ul.list03 {
  float: right;
  margin-top: 15px;
  font-size: 80%;
  width: 350px;
}

ul.list03 li {
  float: left;
  padding-left: 15px;
}

#copyright {
  margin: 0px;
  padding: 8px 0 12px 0;
  font-size: 13px;
  text-align: center;
  background: #FFF;
  border-top: 1px solid #CCC;
}


.storyAuthor {

  padding: 4px 0px 6px 0px;

  line-height: 18px;

}

.storyAuthor a,
.storyAuthor a:visited {

  color: #8aa700;

  text-decoration: none;

}

.storyAuthor a:hover {

  text-decoration: underline;

}

.storyTags,
.story_category {

  padding: 3px 0px;

}


.navigation {

  padding-top: 20px;

}

.navigation .alignleft {

  padding: 5px 0px;

  float: left;

}

.navigation .alignright {

  padding: 5px 0px;

  float: right;

}

.navigation .alignleft a,
.navigation .alignleft a:visited,
.navigation .alignright a,
.navigation .alignright a:visited {

  padding: 3px 10px;

  display: block;

  color: #fff;

  background: #000;

}

.navigation .alignleft a:hover,
.navigation .alignright a:hover {

  text-decoration: none;

}

.navigation2 {

  padding-bottom: 10px;

}

.navigation2 .alignleft2 {

  padding: 0px;

  float: left;

  display: block;

  color: #fff;

  background: #000;

}

.navigation2 .alignright2 {

  padding: 0px;

  float: right;

  display: block;

  color: #fff;

  background: #000;

}

.navigation2 .alignleft2 a,
.navigation2 .alignleft2 a:visited,
.navigation2 .alignright2 a,
.navigation2 .alignright2 a:visited {

  color: #fff;

  text-decoration: none;

}

.navigation2 .alignleft2 a:hover,
.navigation2 .alignleft2 a:hover {

  text-decoration: none;

  cursor: pointer;

}


#wp-calendar {

  empty-cells: show;

  margin: 0px auto;

  padding: 0px;

  width: 180px;

  font-size: 11px;

  font-family: tahoma;

  color: #3e3e3e;

  text-align: center;

}

#wp-calendar th {

  color: #dcff7f;

}

#wp-calendar #today {

  color: #fff;

  font-weight: bold;

  background: #000;

}

#wp-calendar #next a {

  padding-right: 5px;

  color: #e0f463;

  text-align: right;

  background: none;

  text-decoration: none;

}

#wp-calendar #next a:hover {

  text-decoration: underline;

  background: none;

}

#wp-calendar #prev a {

  padding-left: 5px;

  text-align: left;

  color: #e0f463;

  background: none;

  text-decoration: none;

}

#wp-calendar #prev a:hover {

  text-decoration: underline;

  background: none;

}

#wp-calendar a {

  display: block;

}



#wp-calendar caption {

  text-align: center;

  font-weight: bold;

  padding-top: 5px;

  padding-bottom: 10px;

  width: 180px;

}



#wp-calendar td a,
#wp-calendar td a:visited {

  border-left: none;

  padding: 0px;

  color: #e0f463;

  text-decoration: none;

  font-weight: bold;

  font-size: 11px !important;

}

#wp-calendar td a:hover {

  background: none;

  border-left: none;

  font-weight: bold;

  text-decoration: underline;

}



#wp-calendar td {

  padding: 3px 0;

  text-align: center;



}



#wp-calendar td.pad:hover {
  /* Doesn't work in IE */

  /*background-color: #b48625;*/
}

/* End Calendar */









/************************************************/

.aligncenter,

div.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

}





.wp-caption {

  border: 1px solid #ddd;

  text-align: center;

  background-color: #f3f3f3;

  padding-top: 4px;

  margin: 10px;

  /* optional rounded corners for browsers that support it */

  /*-moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;*/

}

table.cap_img {
  width: 100%;
}

table.cap_img td {
  vertical-align: top;
}

.wp-caption img {

  margin: 0;

  padding: 0;

  border: 0 none;

}

.wp-caption.alignright {
  float: right;
}

.wp-caption.alignleft {
  float: left;
}


.wp-caption p.wp-caption-text {

  font-size: 11px;

  line-height: 17px;

  padding: 0 4px 5px;

  margin: 0;

}

/*アーカイブ*/
#contents p.date02 {
  color: #666666;
  font-size: 80%;
  font-weight: bold;
  margin-bottom: 3px;
}

.story h3.title02 {
  background: none;
  border: none;
  padding: 0px 0px 15px 5px;
  margin: 3px 0px 15px 0px;
  border-bottom: 1px dotted #CCC;
}

/*GEOC*/
table.history {
  margin-bottom: 20px;
}

table.history td {
  padding: 4px 5px;
  vertical-align: top;
  border-bottom: 1px solid #DDD;
}

table.history td.date {
  width: 80px;
  text-align: right;
  border-bottom: 1px solid #CCC;
  background: #F8F9FB;
}

.system_left {
  float: left;
  width: 440px;
}

.system_right {
  float: right;
  width: 260px;
}

h3.system_title {
  color: #333;
  border-bottom: 1px solid #027ABB;
  background: none;
  padding: 5px;
  clear: both;
}

table.member {
  margin: 15px 10px;
}

table.member th {
  border-bottom: 1px solid #CCC;
  padding: 5px;
  vertical-align: top;
}

table.member td {
  border-bottom: 1px dotted #CCC;
  padding: 5px;
  vertical-align: top;
}

.staff_top {
  background: url(/assets/files/images/geoc/staff_top.gif) no-repeat top;
  height: 12px;
}

.staff_in {
  background: url(/assets/files/images/geoc/staff_in.gif) repeat-y top;
  padding: 0px 15px;
}

.staff_bottom {
  background: url(/assets/files/images/geoc/staff_bottom.gif) no-repeat bottom;
  height: 15px;
  margin-bottom: 20px;
}

#staff p,
#staff h4 {
  float: right;
  width: 550px;
}

#contents #staff h4 {
  margin: 15px 0px 5px;
  background: url(/assets/files/images/geoc/staff_h4.gif) no-repeat bottom;
  padding: 0px 0px 4px 5px;
  font-size: 110%;
}

#staff img {
  float: left;
  margin: 15px 0px 10px;
}

#staff {
  border-bottom: 1px dotted #CCC;
  height: 100%;
}

/*access*/
#access .map {
  float: left;
  width: 530px;
}

#access .qrcode {
  float: right;
  width: 160px;
}

#access img.mail {
  vertical-align: middle;
}

#access span.normal {
  font-weight: normal;
}

#access h4 {
  margin-top: 15px;
  clear: both;
}

/*facilities*/
div.facilities_top {
  background: url(/assets/files/images/facilities/facilities_bg.jpg) no-repeat right;
  height: 150px;
  margin-bottom: 20px;
}

div.facilities_top p {
  width: 480px;
}

#fac_library {
  background: url(/assets/files/images/facilities/library_bg.gif) no-repeat;
  width: 684px;
  height: 180px;
  padding: 8px;
}

#fac_library h3,
#fac_other_l h3,
#fac_other_r h3,
#fac_other_l2 h3,
#fac_other_r2 h3 {
  background: none;
  border: none;
  padding: 0px;
  margin: 5px 0px;
}

#fac_library .left {
  width: 330px;
  float: left;
}

#fac_library p.right_img {
  float: right;
  width: 330px;
}

#fac_other_l,
#fac_other_r,
#fac_other_l2,
#fac_other_r2 {
  background: url(/assets/files/images/facilities/other_bg.gif) no-repeat;
  padding: 8px;
  width: 329px;
  height: 260px;
}

#fac_other_l,
#fac_other_l2 {
  float: left;
}

#fac_other_r,
#fac_other_r2 {
  float: right;
}

#fac_other_l p,
#fac_other_r p,
#fac_other_l2 p,
#fac_other_r2 p {
  margin: 0px;
}

#fac_other_l p.txt,
#fac_other_r p.txt,
#fac_other_l2 p.txt,
#fac_other_r2 p.txt {
  margin-bottom: 10px;
}

.con_txt {
  float: left;
  width: 470px;
  padding: 5px;
}

.con_photo {
  float: right;
  width: 212px;
}

.con_photo img,
.con_photo02 img,
.con_photo4 img {
  border: 1px solid #CCC;
  padding: 5px;
  margin-bottom: 10px;
}

.con_photo02 img {
  margin-right: 10px;
  float: left;
}

.con_photo .con_photo3 {
  border: 1px solid #CCC;
  padding: 5px;
  margin-bottom: 10px;
}

.con_photo .con_photo3 img {
  border: none;
  padding: 0;
  margin: 0;
}

.con_photo .con_photo3 p {
  text-align: center;
}

.con_photo4 {
  float: right;
  width: 190px;
}

.con_photo4 img {
  width: 180px;
}

#contents ul.circle {
  padding-top: 5px;
}

#contents ul.circle li {
  list-style-type: disc;
  margin-bottom: 3px;
}

#contact_space {
  border: 8px solid #efefef;
  padding: 10px;
  margin-bottom: 15px;
  width: 430px;
  margin: 15px auto;
  text-align: center;
}

#contact_space h3 {
  margin: 0px auto 10px;
  background: none;
  color: #333;
  border-bottom: 1px solid #CCC;
}

#flow ul {
  margin-left: 5px;
}

#flow ul li {
  list-style: none;
  margin-bottom: 8px;
}

table.multipurpose {
  background: #CCC;
  font-size: 90%;
}

table.multipurpose th {
  text-align: center;
  background: #FFF;
  padding: 3px;
}

table.multipurpose td {
  background: #FFF;
  padding: 8px 3px;
}

.modified {
  margin: 10px 0;
  text-align: right;
}

table.calender {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  text-align: center;
  width: 100%;
  font-size: 13px;
}

table.calender th {
  background: #F0F0F0;
  padding: 8px 3px;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

table.calender td {
  text-align: left;
  padding: 5px 1px;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

table.calender ul {
  margin: 0;
  padding: 0;
}

table.calender li {
  list-style: none;
}

table.calender td.triangle {
  background: #FFFFC0;
}

table.calender td.triangle {
  background: #FFFFC0;
}

table.calender td.cross {
  background: #FFC0C0;
}

table.calender td.circle {
  color: #999;
}

table.calender td.holiday {
  background: #EEE;
  padding: 0px;
}

table.calender td.close {
  background: #DDD;
  padding: 0px;
}

.others_left {
  float: left;
  width: 450px;
}

.others_right {
  float: right;
  width: 215px;
  margin-top: 130px;
}

.others_right img {
  margin-bottom: 5px;
}

/*guide*/

.guide_in {
  margin-left: 20px;
}

/*information*/

.left_area {
  float: left;
  width: 500px;
}

.right_area {
  float: right;
  width: 200px;
  text-align: center;
}

.right_area img {
  vertical-align: middle;
  margin-bottom: 5px;
}

#popup {
  width: 650px;
  margin: 0px auto;
  text-align: left;
}

#report .repo {
  border-bottom: 1px solid #CCC;
  padding: 5px 5px 10px;
  margin: 0px 0px 10px;
  clear: both;
  height: 190px;
}

#report .repo h3 {
  color: #333;
  border: none;
  background: none;
  margin: 0px 0px 5px;
  padding: 0px;
}

#report .repo h4,
#report .repo p {
  float: right;
  width: 570px;
  margin: 0px 0px 5px;
}

#report .repo img {
  float: left;
}



/*イベント開催情報　ここから*/

/*イベント情報詳細*/
.storyContent #detail-event {
  width: 700px;
}

.storyContent #detail-image {
  margin: 10px 10px;
}

.storyContent #detail-bottom {
  clear: both;
}

.storyContent .detail-event-table {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  width: 100%;
  margin-bottom: 20px;
}

.storyContent .detail-event-table th {
  width: 120px;
  text-align: right;
  vertical-align: top;
  background: #F0F0F0;
  padding: 5px;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

.storyContent .detail-event-table td {
  text-align: left;
  vertical-align: top;
  padding: 5px;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

/*日別一覧*/
.storyContent .day-event {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  width: 100%;
  margin-bottom: 20px;
}

.storyContent .day-event th {
  text-align: left;
  background: #F0F0F0;
  padding: 8px 3px;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

.storyContent .day-event .date {
  width: 250px;
}

.storyContent .day-event td {
  text-align: left;
  vertical-align: top;
  padding: 5px 1px;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

/*月別一覧*/
.storyContent .mon-event {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  text-align: center;
  width: 100%;
  font-size: 13px;
}

.storyContent .mon-event th {
  background: #F0F0F0;
  padding: 8px 3px;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

.storyContent .mon-event td {
  text-align: left;
  vertical-align: top;
  padding: 5px 1px;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

.storyContent .mon-event .date {
  text-align: center;
}

.storyContent .mon-event ul {
  margin-left: 15px;
  padding: 5px;
}

.storyContent .mon-event li {
  list-style: circle;
}

/*施設別一覧*/
.storyContent .list-event {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  width: 100%;
  margin-bottom: 20px;
}

.storyContent .list-event th {
  width: 100px;
  text-align: left;
  background: #F0F0F0;
  padding: 5px;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

.storyContent .list-event .date {
  width: 250px;
}

.storyContent .list-event td {
  text-align: left;
  vertical-align: top;
  padding: 5px;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

/*PICKUP*/
#pickup-border {
  width: 700px;
  height: 200px;
  border: 2px solid #138F34;
}

#pickup {
  width: 680px;
  margin: 10px;
  height: 180px;
  overflow: hidden;
  position: relative;
}

#pickup-list {
  float: left;
}

#pickup-list ul {
  float: left;
  padding: 0px;
  margin: 0px;
}

#pickup-list ul li {
  list-style: none;
  height: 160px;
  width: 330px;
  float: left;
  display: inline;
  overflow: hidden;
  border: 1px solid #CCC;
  margin: 0px 3px;
  padding: 5px;
}

#pickup-list table.pickup-child td,
#pickup-list table.pickup-child th {
  padding: 3px 5px;
  vertical-align: top;
}

#pickup-list table.pickup-child th {
  font-weight: bold;
}

/*イベント開催情報　ここまで*/

/*panel*/
#panel {
  width: 680px;
  margin: 10px;
  height: 160px;
  overflow: hidden;
  position: relative;
}

#panel-border {
  width: 700px;
  height: 160px;
}

#panel #pickup-list {
  float: left;
}

#panel #pickup-list ul {
  float: left;
  padding: 0px;
  margin: 0px;
}

#panel #pickup-list ul li {
  list-style: none;
  height: 140px;
  width: 130px;
  float: left;
  display: inline-block;
  overflow: hidden;
  border: 1px solid #CCC;
  margin: 0px 3px;
  padding: 0px;
}

#panel #pickup-list table.pickup-child td,
#pickup-list table.pickup-child th {
  padding: 3px 5px;
  vertical-align: top;
}

#panel #pickup-list table.pickup-child th {
  font-weight: bold;
}

/*震災情報*/
#shinsai dt {
  font-weight: bold;
  margin-top: 10px;
}

#shinsai .info2 {
  border: 3px double #66CCFF;
  padding: 5px;
  margin: 10px 0px;
}

#info2 table {
  background: #999;
  margin-bottom: 10px;
  width: 100%;
}

#info2 table th {
  background-color: #C2D69B;
  font-weight: normal;
  padding: 5px;
}

#info2 table th .right {
  text-align: right;
}

#info2 table td {
  background-color: #FFF;
  padding: 5px;
}

#shinsai table.info4 {
  background: #999;
}

#shinsai table.info4 td {
  background-color: #FFF;
  padding: 5px;
}

#sitemap .area1 {
  float: left;
}

#sitemap .area2 {
  float: right;
}

#sitemap h3 {
  color: #333;
  border: none;
  background: url("/assets/files/images/common/sitemap_h3.gif") no-repeat scroll left center transparent;
  padding: 0px 0px 0px 15px;
}

#sitemap li {
  background: url("/assets/files/images/side/ico_level.gif") no-repeat scroll left top transparent;
  list-style: none;
  padding: 0px 0px 5px 15px;
}


#theMenu {
  height: 100%;
  margin: 0px;
}

ul#theMenu li {
  list-style: none;
}

/* Header links styling */
#contents #theMenu h3 {
  background: none;
  border-bottom: 1px dotted #CCC;
  border-left: 5px solid #01AD4E;
  font-size: 110%;
  color: #444;
  padding-left: 10px;
  margin-top: 15px;

}

#contents h4.head,
#contents h4.selected {
  margin: 0px 0px 0px 10px;
}

#contents h3.head,
#contents h3.selected {
  margin: 0px;
}

#contents #theMenu h4 {
  background: url("/assets/files/images/common/sitemap_h3.gif") no-repeat scroll left center transparent;
  padding-left: 15px;
}

h4.head a {
  padding-left: 15px;
  line-height: 100%;
  padding: 10px 2px 9px 0px;
  text-decoration: none;
  display: block;
}

h3.head a {
  text-decoration: none;
  display: block;
}

#theMenu h4.head a:hover,
  {
  text-decoration: underline;
}

#theMenu h4.selected a {
  padding: 10px 2px 9px 0px;
}

ul#theMenu2 {
  margin: 0px;
  padding: 0;
}

ul#theMenu2 li {
  padding: 0;
  list-style: none;
}

#contents ul#theMenu {
  margin: 0;
  padding: 0;
}

#contents ul#theMenu li {
  list-style: none;
  margin: 5px 0px 0px;
  padding: 0;
  display: block;
}

#contents ul#theMenu li {
  display: block;
}

#contents ul#theMenu2 li {
  display: block;
  padding: 10px 0px;
}

#contents ul#theMenu li ul,
#contents ul#theMenu2 li ul {
  margin: 0px;
  padding: 0px;
}

#contents ul#theMenu li ul li a {
  margin: 0 0px 5px 30px;
  background: url("/assets/files/images/side/ico_level.gif") no-repeat scroll left top transparent;
  list-style: none outside none;
  padding: 0 0 0px 15px;
  display: block;
}

#contents ul#theMenu2 li ul li {
  margin: 0 0px 0px 30px;
  background: url("/assets/files/images/side/ico_level.gif") no-repeat scroll left top transparent;
  list-style: none outside none;
  padding: 0 0 5px 15px;
  display: block;
}

#contents ul#theMenu2 li ul {
  padding: 5px 0px;
}

#regionalactivities h4 {
  margin: 0px;
}

#regionalactivities table {
  background: #CCC;
  font-size: 12px;
}

#regionalactivities table td {
  background: #FFF;
  padding: 5px;
}

#regionalactivities table th {
  background: #EFEFEF;
  padding: 5px;
  text-align: center;
}

#regionalactivities table th.name {
  width: 330px;
}

#regionalactivities p {
  margin: 0px;
}

/*アクセス*/

.printmap #wrapper {
  width: 600px;
}


/*環境・ソーシャルビジネス支援  のブログ*/
#blog_sb {
  margin: 15px auto;
  width: 464px;
}

#blog_sb dl {
  width: 464px;
  height: 200px;
  overflow: auto;
  padding: 5px 0px;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

#blog_sb dt {
  margin: 5px 0px 0px 5px;
  width: 90px;
  padding: 0px 0 0px 5px;
  font-weight: bold;
  color: #666;
  font-size: 80%;
}

#blog_sb dd {
  margin: 0px 0px 0px 5px;
  padding: 0px 5px 3px 5px;
  border-bottom: 1px dotted #CCC;
}


/*modx tinymce エディッター編集画面用*/
.justifyleft {
  text-align: left;
}

.justifyright {
  text-align: right;
}

img.alignright,
img.justifyright {
  float: right;
  margin: 2px 0px 5px 5px;
  border: solid 1px #cccccc;
  padding: 2px;
}

img.alignleft,
img.justifyleft {
  float: left;
  margin: 2px 5px 5px 0px;
  border: solid 1px #cccccc;
  padding: 2px;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright,
a img.justifyright {
  float: right;
  margin: 2px 0 2px 5px;
}

a img.alignleft,
a img.justifyleft {
  float: left;
  margin: 0px 5px 2px 0px;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#tinymce p {
  margin-left: 5px !important;
  margin-bottom: 10px !important;
}

/*2019/03 追加　パートナー下層年度リンク*/
.partnership_backnumber p {
  margin-bottom: 15px;
  font-weight: bold;
}

.partnership_backnumber a {
  display: inline-block;
  margin: 0 30px 15px 0;
  padding-left: 12px;
  position: relative;
}

.partnership_backnumber .link_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 20px
}

.partnership_backnumber .link_wrap a:nth-child(5n) {
  margin-right: 0;
}

.partnership_backnumber a:before {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #185788 transparent transparent transparent;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;


}

/* 20200117 ページ改修分 */
body {
  font-family: "メイリオ", sans-serif !important;
}

#sdgs {
  margin-bottom: 50px;
}

#sdgs img {
  margin-bottom: 20px;
}

#sdgs .sdgs {
  margin-bottom: 0;
}