@charset "UTF-8";

/*
Theme Name: 光珠福祉会
Theme URI: http://www.kojyu.or.jp/
Author: Two Bits
Author URI: http://twobits.jp/
Description: Theme for Kojyufukushikai
Version: 1.0
*/

/* 基本 */
body  {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:14px;
  background: url(img/bg-body.png) repeat-x center top;
  color: #333;
}

body, div, dl, dt, dd, ul,li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td {
  margin: 0; padding: 0;
}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
p { margin:0 0 1em; padding:0; line-height:160%; }

ul { list-style-type:none; margin:0; padding:0; line-height:0%; }
ul li { list-style-type:none; margin:0; padding:0; line-height:0%; }
ol {
  margin:0 0 1em;
  padding:0 0 0 25px;
}
ol li {
  margin:0 0 0.5em;
  padding:0px;
  line-height:160%;
}



.post ul { margin:1em 0 2em 2em; padding:0; line-height:0%; }

.post ul:last-child { margin-bottom:0; }

.post ul li { list-style-type:disc; margin:0 0 1em; padding:0; line-height:2; }

.post ul li:last-child { margin-bottom:0; }



a {
  color:#08C;
  text-decoration:none;
  outline:none;
}
a:hover {
  text-decoration:underline;
}
a img  {border: none}
.right {
  text-align: right;
}
.smaller {
  font-size:0.95em;
}
.small {
  font-size: 0.9em;
}
table {
  border-collapse:collapse;
  border:0;
}
.center {
  text-align: center;
}

.dot {
  margin:0 0 1em;
}
.dot li {
  background-image: url(img/dot.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding-left: 15px;
  margin-bottom: 0.5em;
  line-height: 160%;
}
hr {
  border-width: 1px 0px 0px 0px; /* 太さ */
  border-style: solid; /* 線種 */
  border-color: #E6E6E6; /* 線色 */
  height: 1px; /* 高さ */
  margin:0 0 10px;
}

/* ---------- File icons ---------- */
a[href $='.pdf'] {
font-size: 1em;
background:url(img/pdf.gif) no-repeat;
background-position: 0px 2px;
padding: 5px 0 5px 20px;
}
a[href $='.doc'] {
font-size: 1em;
background:url(img/doc.gif) no-repeat;
background-position: 0px 2px;
padding: 5px 0 5px 20px;
}
a[href $='.xls'] {
font-size: 1em;
background:url(img/xls.gif) no-repeat;
background-position: 0px 2px;
padding: 5px 0 5px 20px;
}

/* zip要素
----------------------------------------------------------- */
a[href$=".zip"]{
background: url(img/zip.gif) no-repeat 2px 50%;padding: 5px 0 5px 20px;
}
* html a.zip{
background: url(img/zip.gif) no-repeat 2px 50%;padding: 5px 0 5px 20px;
}
/* mailto要素
----------------------------------------------------------- */
a[href ^="mailto:"] {
   background: url(img/mailto.gif) no-repeat 2px 50%;padding: 5px 0 5px 20px;
}
* html a.mailto{
background:url(img/mailto.gif) no-repeat 2px 50%;padding: 5px 0 5px 20px;
}

/* IE-6要素
----------------------------------------------------------- */
* html a{
behavior: expression(
this.className += this.getAttribute("href").match(/^http.*/) && (!this.getAttribute("href").match("kojyu.or.jp")) ? " external" : "",
this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "",
this.className += this.getAttribute("href").match(/\.doc$/) ? " doc" : "",
this.className += this.getAttribute("href").match(/\.xls$/) ? " xls" : "",
this.className += this.getAttribute("href").match(/\.zip$/) ? " zip" : "",
this.className += this.getAttribute("href").match(/^mailto.*/) ? " mailto" : "",
this.style.behavior = "none"
);
}

/* ---------- Margin Bottom ---------- */
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.ml20{margin-left: 20px;}
.mr5{margin-right: 5px;}


/* ---------- clearfix hack ---------- */
.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.cf {
  display: inline-block;
}
/* exlude MacIE5 \*/
* html .cf { height: 1% }
.cf {display:block;}
/* end MacIE5 */

.clear {clear:both;}


blockquote {
	padding: 10px;
	margin: 0 0 30px;
	border: 1px solid #cccccc;
	background-color: #FFF9F9;
}


/* コンテナ */

div#container  {width: 930px;
  margin: auto}
  div#container-header  {width: 930px;
  margin: auto}

.home div#content  {width: 650px;
  float: left}
.home div#sidebar  {width: 260px;
  float: right}

div#content  {
  width: 650px;
  float: left;
  clear: both;
}
div#sidebar  {width: 260px;
  float: right}

#header,
.banners,
#content-wrapper {
  clear: both;
width: 930px;
  margin: 0 auto;
}

/* ヘッダー */
#header-top{
  background: url(img/bg-heaer.jpg) no-repeat center top;
  height: 104px;
  position: relative;
}
div#header #desc  {
  font-size: 12px;
  color: #666;
  position: absolute;
  top: 7px;
}
#logo {
  float: left;
  margin: 32px 0 16px;
}
#logo a {
  background:url(img/logo.png) no-repeat left top;
  width:236px;
  height: 58px;
  display:block;
  text-indent: -9999px;
}
/* ヘッダーメニュー*/
#subinfo {
  float: right;
  display:inline;
  margin: 40px 0 0;
  width: 187px;
	background-image: url(img/font_changer.gif);
  background-repeat: no-repeat;
  background-position: 97px 6px;
}
#contact-btn {
  float: left;
  display:inline;
  margin: 0;
  line-height: 1;
}

#rss {
  float: left;
  display:inline;
  margin: 2px 0 0;
  line-height: 1;
}

/* フォントチェンジャー origin*/
#font_changer {
  float: right;
  display:inline;
}
#font_changer li {
  display:inline;
  float:right;
}
#font_changer li a:hover { text-decoration:none; }
#small_font { display:inline; float:left; width:32px; height:22px; background:url(img/font_small.png) no-repeat left top; }
#large_font { display:inline; float:left; width:32px; height:22px; background:url(img/font_large.png) no-repeat left top; }
/* フォントチェンジャー */
/*
#font_changer {
  float:right;
  display:inline;
  margin:0;
  background:url(img/font_changer.gif) no-repeat left 5px;
  padding:0 0 0 85px;
}
#font_changer li { display:inline; float:left; }
#font_changer li a:hover { text-decoration:none; }
#small_font { display:inline; float:left; width:24px; height:22px; background:url(img/font_small.gif) no-repeat left top; }
#large_font { display:inline; float:left; width:24px; height:22px; background:url(img/font_large.gif) no-repeat left top; }
 */

/* ナビゲーションバー */
div#nav  {
  height: 44px;
  margin-bottom: 8px;
  clear: both;
}

div#nav ul  {
  line-height: 100%;
}

div#nav li  {
  line-height: 100%;
  float: left}

div#nav a  {
  display: block;
  width: 155px;
  height: 44px;
  overflow: hidden;
  text-indent: -9999px;
}
div#nav #menu-item-190 a,
div#nav #menu-item-888 a,

div#nav #menu-item-188 a, /* 元々 */
div#nav #menu-item-1125 a, /* ローカル */
div#nav #menu-item-1111 a, /* 確認環境 */
div#nav #menu-item-1133 a, /* 本番環境 */

div#nav #menu-item-189 a,
div#nav #menu-item-8 a  {
  width: 186px;
}
/*   */
div#nav #menu-item-8 a {background: url(img/nav-menu1.jpg) no-repeat 0px 0px;}
div#nav #menu-item-189 a {background: url(img/nav-menu3.jpg) no-repeat 0px 0px;}

div#nav #menu-item-188 a {background: url(img/nav-menu5.jpg) no-repeat 0px 0px;} /* 元々 */
div#nav #menu-item-1125 a {background: url(img/nav-menu5.jpg) no-repeat 0px 0px;} /* ローカル */
div#nav #menu-item-1111 a {background: url(img/nav-menu5.jpg) no-repeat 0px 0px;} /* 確認環境 */
div#nav #menu-item-1133 a {background: url(img/nav-menu5.jpg) no-repeat 0px 0px;} /* 本番環境 */

div#nav #menu-item-888 a {background: url(img/nav-menu4.jpg) no-repeat 0px 0px;}
div#nav #menu-item-190 a {background: url(img/nav-menu6.jpg) no-repeat 0px 0px;}
/*   */
div#nav #menu-item-8 a:hover {background: url(img/nav-menu1.jpg) no-repeat 0px -44px;}
div#nav #menu-item-189 a:hover {background: url(img/nav-menu3.jpg) no-repeat 0px -44px;}

div#nav #menu-item-188 a:hover {background: url(img/nav-menu5.jpg) no-repeat 0px -44px;} /* 元々 */
div#nav #menu-item-1125 a:hover {background: url(img/nav-menu5.jpg) no-repeat 0px -44px;} /* ローカル */
div#nav #menu-item-1111 a:hover {background: url(img/nav-menu5.jpg) no-repeat 0px -44px;} /* 確認環境 */
div#nav #menu-item-1133 a:hover {background: url(img/nav-menu5.jpg) no-repeat 0px -44px;} /* 本番環境 */

div#nav #menu-item-888 a:hover {background: url(img/nav-menu4.jpg) no-repeat 0px -44px;}
div#nav #menu-item-190 a:hover {background: url(img/nav-menu6.jpg) no-repeat 0px -44px;}
/*   */
.home div#nav #menu-item-8 a {background: url(img/nav-menu1.jpg) no-repeat 0px -88px;}
.page-id-28 div#nav #menu-item-189 a {background: url(img/nav-menu3.jpg) no-repeat 0px -88px;}

.page-id-32 div#nav #menu-item-188 a {background: url(img/nav-menu5.jpg) no-repeat 0px -88px;} /* 元々 */
.page-id-34 div#nav #menu-item-1125 a {background: url(img/nav-menu5.jpg) no-repeat 0px -88px;} /* ローカル */
.page-id-34 div#nav #menu-item-1111 a {background: url(img/nav-menu5.jpg) no-repeat 0px -88px;} /* 確認環境 */
.page-id-34 div#nav #menu-item-1133 a {background: url(img/nav-menu5.jpg) no-repeat 0px -88px;} /* 本番環境 */

.page-id-844 div#nav #menu-item-888 a {background: url(img/nav-menu4.jpg) no-repeat 0px -88px;}
.page-id-43 div#nav #menu-item-190 a {background: url(img/nav-menu6.jpg) no-repeat 0px -88px;}





/* hero*/
#hero{
width:100%;
}
#hero img{
width:100%;
margin: 0 auto;
}



/* メインバナー */
.mainbanner  { width: 670px; margin: 0 -20px 15px 0; overflow: hidden; _zoom: 1; }
.mainbanner li   { float: left;  margin: 0 20px 10px 0; }

/* おすすめ記事 */
div#pickup div.post  {
  border: solid 1px #ccc;
  background-color: #FFFAF6;
  padding: 15px
}
/* 最新情報 */
div#topnews div.post  {
  border: solid 1px #ccc;
  background-color: #F5F5F5;
  padding: 15px
}

h3.title,
#wrapper2 h3.title,
#wrapper2 h3.title2{
  font-size: 16px;
  font-weight: bold;
  color: #585858;
  margin: 0 0 10px;
  padding: 8px 10px 8px 35px;
  background-repeat: no-repeat;
  background-position: center center;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
}
h3.title  {
  border-top: solid 2px #74C6FF;
  background: url(img/subti-pickup.png)t;
}
h3.title3  {
  margin: 0 0 10px;
  padding:13px;
  background: url(img/ti-oshirase.jpg) no-repeat center top;
  text-indent: -9999px;
}
#wrapper2 h3.title  {
  background-image: url(img/subti-pickup.png);
  border-top: solid 2px #93D82E;
}
#wrapper2 h3.title2  {
  background-image: url(img/subti-news.png);
  border-top: solid 2px #93D82E;
}
p.pagenation  {font-size: 0.9em;
  overflow: hidden}

span.oldpage  {float: left}

span.newpage  {float: right}
/* flash */
.flash {
  padding: 15px 5px 25px 13px;
  border: 1px solid #CCC;
  background-color: #FFF;
}
/* 記事 */

div.post  {margin-bottom: 30px;
  overflow: hidden}
div#pickup div.post  {margin-bottom: 20px;}
div#topnews div.post  {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
p.title,
.single .postcat p,
.page .post h1 {
  background: url(img/bg-page.jpg) no-repeat 0px 0px;
  height: 60px;
  width: 630px;
  margin-bottom: 20px;
  padding-top: 90px;
  padding-left: 20px;
  font-size: 1.7em;
  font-weight: bold;
  color: #444;
}
.single h1,
div.post h2  {
  font-size: 18px;
  font-weight: bold;
  background: url(img/bg-h2.jpg) repeat-x center bottom;
  margin: 0 0 1em;
  padding: 8px 10px 5px;
}
div.post h2 a  {color: #333}
div.post h2 a:hover  {
  color: #08c;
  text-decoration: none;
}

div.post h3 {
  font-size: 16px;
  font-weight: bold;
  background: url(img/bg-h3.gif) no-repeat left bottom;
  padding: 0 10px 3px;
  margin: 0 0 1em;
  line-height: 24px;
  height: 24px;
}
div.post h4 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 0.5em;
}

div.post p  {
  font-size: 1em;
  line-height: 1.6;
}
div.post p.postcat  {
  text-align: right;
  margin: -10px 0 10px
}
div.post p.postcat {
  background-image: url(img/dotline.gif);
  background-repeat: repeat-x;
  background-position: left center;
}
div.post p.postcat .oshirase a,
div.post p.postcat .result a,
div.post p.postcat .gakka a,
div.post p.postcat .news a,
div.post p.postcat .event a {
  border-radius: 2px;
  color: #fff;
  padding: 3px 5px 2px;
  font-size: 11px;
}
div.post p.postcat .news a  {
  background-color: #279BFF;
}
div.post p.postcat .event a  {
  background-color: #32A4FF;
}
div.post p.postcat .gakka a  {
  background-color: #A8B2B2;
}
div.post p.postcat .result a  {
  background-color: #C33;
}
div.post p.postcat .oshirase a  {
  background-color: #68CD37;
}
div.post p.postinfo  {
  text-align: right;
  margin: 0;
  font-size: 0.9em;
}

/* 記事内の画像 */
.aligncenter  {display: block;
  margin-left: auto;
  margin-right: auto}

.alignleft  {float: left;
  margin-right: 10px;
  margin-bottom: 10px}

.alignright  {float: right;
  margin-left: 10px;
  margin-bottom: 10px}

.wp-caption  {
  text-align: center;
  padding: 5px 0 0}
.wp-caption img  {
  margin: 0 0 5px;
  }
/* ==================== 最新のお知らせ ==================== */
#all_news,
#latest_news {
  margin-bottom: 30px;
}
#all_news ul,
#latest_news ul {
  font-size:0.9em;
}
#all_news li,
#latest_news li {
  border:1px solid #ddd;
  padding:8px 10px 5px;
  margin:0 0 5px 0;
  line-height:normal;
}
#all_news li a,
#latest_news li a {
  color:#333;
  float:left;
  margin:0 10px 0 0;
  padding:2px 10px 0 0;
  background-image: url(img/dotline2.gif);
  background-repeat: repeat-y;
  background-position: right top;
}


#all_news li .fifth a,
#all_news li .fourth a,
#all_news li .third a,
#all_news li .scond a,
#all_news li .first a,
#latest_news li .news a {
  background-image: none;
}
#all_news ul a,
#latest_news ul a {
  width: 345px;
}
#all_news ul a:hover,
#latest_news ul a:hover {
  color:#08c;
}
#all_news li span,
#latest_news li span {
  color:#333;
  padding:2px 0 0 0;
}
#all_news li .fifth a,
#all_news li .fourth a,
#all_news ul .third a,
#all_news ul .second a,
#all_news ul .first a,
#latest_news ul .news a {
  float:left;
  width: 130px;
  border-radius: 2px;
  color: #fff;
  font-size: 11px;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 1px;
  padding-left: 5px;
  text-align: center;
}
#all_news ul .first a {
  background: #999;
}
#all_news ul .second a {
  background-color: #D27893;
}
#all_news ul .third a {
  background-color: #A6C618;
}
#all_news li .fourth a{
  background-color: #0061CD;
}
#all_news li .fifth a{
  background-color: #EB9617;
}


#all_news li .fifth a:hover,
#all_news li .fourth a:hover,
#all_news ul .third a:hover,
#all_news ul .second a:hover,
#all_news ul .first a:hover,
#latest_news ul .news a:hover {
  text-decoration:underline;
}
#all_news ul .date,
#latest_news ul .date {
  float:right;
  width: 115px;
  text-align: right;
  font-size: 0.95em;
}

/* サイドバー */

div#banner2 h2.widgettitle,
div#banner h2.widgettitle {
  display: none;
}
div#banner2 li.widget_sp_image,
div#banner li.widget_sp_image {
  margin-bottom: 5px;
}
.infor {
	padding-top: 10px;
	margin-bottom: 5px;
	background: url(img/infor-header.jpg) no-repeat center top;
}
.infor-in {
  padding: 0px 10px 0px;
  background: url(img/infor-bottom.jpg) no-repeat center bottom;
	overflow: hidden;
}
.infor p {
  font-size: 11px;
}


/* フッター */


div#footer  {
  clear: both;
  background: #EDEDED url(img/bg-footer.png) repeat-x center top;
  padding: 0px;
}

div#footer-bottom  {
  background: url(img/bg-footer2.png) repeat-x center bottom;
  text-align: center;
  padding: 10px;
}


/* フッター 3parts*/
/*
div#footer-inner  {
  margin: 0 auto;
  width: 890px;
  padding: 40px 0 20px 40px;
}

div#footermenu ul  {
  width: 260px;
  float: left;
  margin: 0 30px 0 0;
  padding: 0;
  font-size: 12px;
  }

*/

  /* フッター 4parts*/

div#footer-inner  {
  margin: 0 auto;
  width: 1000px;
  padding: 40px 0 20px 20px;
}

div#footermenu ul  {
  width: 230px;
  float: left;
  margin: 0 20px 0 0;
  padding: 0;
  font-size: 12px;
  }



div#footermenu ul ul  {width: auto;
  float: none;
  margin: 0;
}

div#footermenu .widget  {margin-bottom: 20px}

div#footermenu h2  {
  font-size: 1em;
  color: #ffffff;
  background-color: #aaaaaa;
  border-radius: 3px;
  padding: 3px 10px 2px;
  margin: 0 0 3px
}
#footermenu ul li{
  line-height: 1.6;
}
div#footermenu li li  {
  border-bottom: dotted 1px #aaaaaa;
}

div#footermenu li li a  {
  color: #000000;
  display: block;
  padding: 2px 10px
}

div#footermenu li li a:hover  {
  background-color: #A2D8F0;
  color: #000000;
  text-decoration: none;
}


div#footermenu  .child-menu {
  margin-left: 15px;
}
div#footermenu li li  .child-menu li {
  border-top: dotted 1px #aaaaaa;
  border-bottom: none;
}


div#footer p{
  clear: both;
  padding-top: 8px;
  font-size: 0.75em;
  margin: 0;
}










/* ページ上部へ戻る*/
div.to_head {
  clear: both;
  float: right;
  margin: 0 0 10px;
}

div.to_head a {
  display: block;
  height: 17px;
  width: 102px;
  background-image: url(img/btn-pagetop.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-indent: -9999px;
  line-height: 1.0;
}

div.to_head a:hover {
  background-position: 0px -17px;
}
/* パンくずリスト */
div#breadcrumb  {
  margin-bottom: 5px;
  background-image: url(img/icon-panlist-top.gif);
  background-repeat: no-repeat;
  background-position: 0px center;
  padding: 0 0 0 23px;
    }
div#breadcrumb div {
  display: inline;
  font-size:12px;
}
div#breadcrumb div a {
  background-image: url(img/pankuzu.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 15px;
  margin-right: 10px;
}

/* パンくずリスト2 */
.breadcrumbs2 {
  background-image: url(img/icon-panlist-top.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding: 2px 0 2px 23px;
}
ul.breadcrumbs {
  list-style: none;
  font-size:12px;
}
ul.breadcrumbs li {
  float: left;
  margin: 0 5px 5px 0;
  line-height: 1.2;
}
.breadcrumbs li a {
  background-image: url(img/pankuzu.gif);
  background-repeat: no-repeat;
  background-position: right center;
  margin-right: 7px;
  padding-right: 18px;

}



/* コンテンツ */



p.pagenation  {font-size: 0.75em;
  overflow: hidden}

span.oldpage  {float: left}

span.newpage  {float: right}



/* 関連記事 */
div.related  {border: solid 1px #aaaaaa;
  margin-top: 20px}

div.related p  {color: #ffffff;
  background-color: #a7d043;
  margin: 0;
  padding-left: 10px}

div.related ol  {font-size: 0.75em}


/* 記事の個別ページ */
.single div.post h2  {background-color:#333333;
  color: white}

.single div.post h2 a  {color: white}


/* 分割した記事へのリンク */
#postpage  {text-align: center;
  padding-top: 20px;
  clear: both}

#postpage a  {border: solid 1px #aaaaaa;
  padding: 5px 10px;
  margin: 0 10px}

#postpage a:hover  {background: #f7e29e}

#postpage span  {padding: 5px 10px;
  color: #888888;
  background: #dddddd}

#postpage a span  {padding: 0;
  color: black;
  background: none}


/* 画像の個別ページ */
.attachment div#content  {width: 100%;
  float: none}

.attachment p.photo  {text-align: center}

/* トップページのタイトルの一覧 */
ul.toplist  {list-style-type: none;
  margin: 0 0 30px;
  padding: 0;
  border-top: solid 1px #aaaaaa}

ul.toplist li  {
  font-size: 0.875em;
  font-weight: bold;
  border-bottom: solid 1px #aaaaaa;
  background-image: url(img/chip.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 5px 0 5px 20px
}

ul.toplist li a  {color: #000000}

ul.toplist li span  {font-size: smaller;
  color: #888888}
/* タイトルの一覧 */
ul.post  {list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: dotted 1px #aaaaaa}

ul.post li  {border-bottom: dotted 1px #aaaaaa;
  background-image: url(chip.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 15px 0 15px 20px}

ul.post li a  {color: #000000}

ul.post li span  {font-size: smaller;
  color: #888888}


/* 続きを読む */
div.post p.more  {margin: 0;
  font-size: 0.625em}

div.post p.more a  {border: solid 1px #aaaaaa;
  color: #333333;
  padding: 3px}

div.post p.more a:hover  {background: #f7e29e}


/* サムネイル画像 */
div.post p.thumb  {float: left;
  margin: 0 10px 10px 0}




/* ステータス */
div#sidebar li#execphp-3 h2  {background-color: #333333;
  border-radius: 0}

div#sidebar li#execphp-3 ul  {border: solid 1px #aaaaaa}

div#sidebar li#execphp-3 li  {padding: 5px 10px}

div#sidebar li#execphp-3 span  {color: #888888}


/* 人気記事ランキング */
div#sidebar ol  {margin: 0;
  padding: 0;
  list-style-type: none}

div#sidebar ol li a:before  {content: counter(mycount);
  font-family: 'Trebuchet MS', sans-serif;
  font-weight: bold;
  font-size: larger;
  color: #ffffff;
  background-color: #f3b62f;
  padding: 2px 7px;
  margin-right: 7px;
  vertical-align: -2px}

div#sidebar ol li  {counter-increment: mycount}





/* ページ番号リンク */
p.pagenum  {text-align: center}

p.pagenum a, p.pagenum span
  {padding: 3px 6px;
  color: #ffffff}

p.pagenum a  {background-color: #78982b}

p.pagenum span  {background-color: #a7d043}


/* お問い合わせ */
/* ----- お問い合わせ フォーム-------------------------------------------------------------------- */

#inquiry_form { margin:10px 0 20px; }
#inquiry_form input,#inquiry_form textarea {
  margin:5px 0;
  border:solid 1px;
  border-color:#aaa #ddd #ddd #aaa;
  padding:5px 5px 5px 20px;
  font-size:100%;
  background:url(./img/arrow8.gif) no-repeat 10px 10px;
}
#inquiry_form input:focus,#inquiry_form textarea:focus { background-color:#ebf4ff; border-color:#86b9d6 #bad6f0 #bad6f0 #86b9d6; }

#inquiry_form input.wpcf7-form-control.wpcf7-submit {
	background-color: #EEEEEE;
}


.wpcf7-validation-errors,
.wpcf7-not-valid-tip-no-ajax{
  font-size: 0.9em;
  color: #F00;
}

.req {
  color: #F00;
}

/* ==================== top バナー ==================== */
.banner-top {
  margin-bottom: 1.5em;
}
.banner-top ul li {
  float: left;
}





/* ==================== 表 ==================== */
/* 表 見出し */

#content table {
  font-size: 100%;
  margin-bottom: 1.5em;
  border: 1px #d0d0d0 solid;
}
#content table:last-child {
  margin-bottom: 0;
}
/* 表 見出し */
#content table th {
  background-color: #FFFCF8;
  border-width: 0 0 1px 1px;
  padding: 5px;
  border: 1px #d0d0d0 solid;
  font-weight:normal;
  text-align: left;
  vertical-align: top;
}

#content .yell-charge table thead th {
	background-color: #FFDFE0;
	text-align: center;
}
#content .yell-charge table th {
	background-color: #FFF9F9;
}



#content .short-charge table thead th {
	background-color: #F1FFCF;
	text-align: center;
}
#content .short-charge table th {
	background-color: #FBFFEE;
}
/* 表 セル */
#content table td {
  padding: 3px 7px;
  border: 1px #d0d0d0 solid;
  border-width: 0 0 1px 1px;
  vertical-align: top;
}
#content .yell-charge table td,
#content .short-charge table td {
  padding: 3px 7px;
  border: 1px #d0d0d0 solid;
  border-width: 0 0 1px 1px;
	vertical-align: middle;
}
.jippi {
  text-align:center;
}
.short-charge {
	margin: 100px 0 0 ;
}
.yell-charge table,
.short-charge table {
	width:95%;
	margin:0 auto;
}


caption {
  text-align:left;
  font-size: 1.1em;
  margin-bottom: 10px;
  font-weight: bold;
}

/* ライトボックスの背景の透明度 */
#overlay  {filter:alpha(opacity=40)!important;
  opacity:0.4!important}



/*******************************************************/
/* サードメニュー */

.post ul li {
  line-height: 160%;
}
.post ul li a {
  line-height: 160%;
}

.archive #sidebar #banner h2.widgettitle,
.single #sidebar #banner h2.widgettitle,
div#banner .access h2.widgettitle {
  height:40px;
  line-height:40px;
  display: block;
  margin: 0 0 2px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  font-size: 16px;
  color: #FFF;
  font-weight: bold;
  background: #3496D2;
  padding: 5px 5px 5px 25px;
}

.archive #sidebar #banner ul,
.single #sidebar #banner ul,
.access ul {
  margin: 0 0 100px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.archive #sidebar #banner ul ul,
.single #sidebar #banner ul ul {
  border: none;
}
.page #sidebar #side-menu2 li a,
.page #sidebar #side-menu li a,
.archive #sidebar #banner li a,
.single #sidebar #banner li a,
.access li a {
  border-bottom: 1px solid #ccc;
  padding: 12px 5px 12px 25px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  display: block;
  line-height:140%;
  background: #fff url(img/arrow2.gif) no-repeat 10px 18px;
}




.single.single-cooking #sidebar #banner h2.widgettitle {
  display: none;
}
.single.single-cooking #sidebar #banner ul {
  margin: 0 0 0px;
  border-top: 0px solid #ccc;
  border-right: 0px solid #ccc;
  border-left: 0px solid #ccc;
}
.single.single-cooking #sidebar #banner li a {
  border-bottom: 0px solid #ccc;
  padding: 0px;
  font-size: 14px;
  color: #333;
  display: block;
  line-height:140%;
  background: none;
}



.archive #sidebar #banner li a:hover,
.single #sidebar #banner li a:hover,
.access li a:hover {
  color: #08C;
  text-decoration: none;
}
#pamphletPage .post ul,
#zaimuPage .post ul {
  margin: 0 0 0 30px;
}
.pic {
  text-align:center;
  margin: 0 0 20px;
}
.caution {
	margin: 0 0 20px;
	padding: 20px 20px 10px;
	border: 1px solid #CCCCCC;
}

.button {
text-align: center;
font-size: 0.9em;
margin: 20px auto;
}
.button a {
display: block;
padding: 8px 16px;
text-decoration: none;
background: #08c;
/* width:150px; */
color:#fff;
/* margin: 20px auto; */
border-radius: 5px;
display: inline-block;
}
.button a:hover {
background: #12B0FF;
}

/*******************************************************/
/* トップページバナー */
.banners
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding:20px 0 10px;
}
.banners div{
 flex:0 0 32%;
 margin: 0 0 10px;
}
.banners div img{
width:100%;
height: auto;
}

/************************************************
* 流れ *
************************************************/


.flow-box {
    display: block;
    overflow:hidden
}

.flow-box:after {
    content: "";
    background: url(img/arrow_bottom.svg) center 50% no-repeat;
    background-size: 50px 50px;
    display: block;
    overflow: hidden;
    height: 50px;
    width: 50px;
    margin:0 auto
}

.flow-box:last-child {
    padding-bottom: 0;
    margin-bottom:30px
}

.flow-box:last-child:after {
    content: "";
    font-size: 0;
    background-image:none
}

.flow-box dl {
    display: block;
    overflow: hidden;
    padding: 20px 25px 20px;
    border: 2px solid #A2BDD0;
    margin:0;
    border-radius: 7px;
}

.flow-box dl dd, .flow-box dl dt {
    padding-left: 0;
    border:none
}

.flow-box dl dt {
    border-bottom: 1px dotted #B1D0A2;
    margin-top: 0px;
    margin-bottom: 7px;
    padding-bottom: 10px;
    font-size:1.4em
}

.flow-box dl dd {
    margin-bottom:0
}


/* #####################################
2024/5/1〜追加
##################################### */
#image {
  margin-bottom: 10px;
}
/* サイドメニュー */
.archive #sidebar #banner ul,
.single #sidebar #banner ul,
.access ul {
  margin: 0 0 20px;
}
/* サイドバー */
div#banner2 li.widget_media_image,
div#banner li.widget_media_image,
div#sidebar ul li.widget_sp_image,
div#sidebar ul li.widget_media_image {
	margin-bottom: 5px;
}
/* =====================================
notice
===================================== */
.notice {
  border: 2px solid #d63872;
  margin: 0 0 20px;
  padding: 12px 15px 0;
}
.notice-body {
  /* padding: 12px 15px 0; */
}
.notice-button {
  text-align: center;
}
.notice-button a {
  display: inline-block;
  padding: 12px 16px 12px 32px;
  text-decoration: none;
  background-image: linear-gradient(180deg, #de9ab2,#d63872);
  color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 2px 2px #d9d9d9;
  border: 2px solid #ffffff;
  position: relative;
  text-align: left;
  text-shadow: 1px 1px 1px #c7597d, 2px 2px 2px #c7597d;
}
.notice-list .notice-button {
  font-size: 1.286em;
  line-height: 1.4;
}
.notice-list .notice-button a {
  /* width: 100%; */
  box-sizing: border-box;
}
.notice-button a:hover {
  text-decoration: underline;
}
.notice-button a::before {
  content: "";
  display: block;
  position: absolute;
  border: 6px solid #ffffff;
  border-top-color: transparent;
  border-right: 0;
  border-bottom-color: transparent;
  border-left-width: 10px;
  left: 16px;
  top: 50%;
  margin-top: -6px;
}
/* =====================================
ヘッダー
===================================== */
#catch {
  display: none;
}
#subinfo {
  margin-top: 39px;
}
#contact-btn img {
  vertical-align: top;
}
/* 総合トップ
------------------------------------- */
#alltop-btn {
  clear: both;
  margin: 8px 0 0;
  /*
  display: inline-block;
  width: 100%;
  */
  float: right;
}
#alltop-btn a {
  display: block;
  border: 1px solid #5da4c5;
  border-radius: 3px;
  background-image: linear-gradient(180deg,#89c0dc,#4288ab);
  line-height: 1.2;
  padding: 3px 9px 2px 20px;
  /* text-align: center; */
  font-size: 13px;
  display: flex;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  position: relative;
  box-shadow: 0 0 0 1px #89c0dc inset;
}
#alltop-btn a:hover {
  text-decoration: underline;
}
#alltop-btn a::before {
  content: "";
  display: block;
  position: absolute;
  border: 4px solid #ffffff;
  border-top-color: transparent;
  border-right: 0;
  border-bottom-color: transparent;
  border-left-width: 6px;
  left: 9px;
  top: 50%;
  margin-top: -4px;
}
/* =====================================
ハンバーガーメニュー
===================================== */
#global-nav-toggle-button,
#global-nav-toggle-check {
  display: none;
}
/* =====================================
記事
===================================== */
/* タイトル
------------------------------------- */
p.title,
.single .postcat p,
.page .post h1 {
  text-shadow:
  0 -1px 1px #fff,
  1px -1px 1px #fff,
  1px 0 1px #fff,
  1px 1px 1px #fff,
  0 1px 1px #fff,
  -1px 1px 1px #fff,
  -1px 0 1px #fff,
  -1px -1px 1px #fff;
}
/* lp用特殊スタイル
------------------------------------- */
div.post h2.lp-title {
  background-image: linear-gradient(180deg,#a2cbe5,#53a4db);
  border-radius: 4px;
  color: #fff;
  /* border: 1px solid #53a4db; */
  font-weight: normal;
  padding: 10px 16px 8px;
  margin: 1.5em 0 1em;
  text-shadow:
  0 -1px 1px #357da2,
  1px -1px 1px #357da2,
  1px 0 1px #357da2,
  1px 1px 1px #357da2,
  0 1px 1px #357da2,
  -1px 1px 1px #357da2,
  -1px 0 1px #357da2,
  -1px -1px 1px #357da2,
  0 -2px 2px #357da2,
  2px -2px 2px #357da2,
  2px 0 1px #357da2,
  2px 2px 2px #357da2,
  0 2px 2px #357da2,
  -2px 2px 2px #357da2,
  -2px 0 2px #357da2,
  -2px -2px 2px #357da2;
  /* text-shadow: 1px 1px 1px #357da2, 2px 2px 2px #357da2; */
  font-size: 20px;
  letter-spacing: 0.5px;
}
div.post h2.lp-title:first-of-type {
  margin-top: 0;
}
.first-letter,
.txt-big {
  font-size: 1.2em;
}
.txt-underline {
  text-decoration: underline;
}
.txt-focus {
  font-size: 1.143em;
  font-weight: bold;
  /* color: #c7597d; */
  background-image: linear-gradient(180deg,transparent 60%,#ffff00 60%);
}
.lp-article {
  border: 1px solid #53a4db;
  border-radius: 5px;
  margin: 1.5em 0 1em;
  padding: 8px;
}
.lp-article-body {
  padding: 8px;
  padding-top: 0;
}
.lp-article-body::after {
  content: "";
  display: block;
  clear: both;
}
.lp-article p:last-child {
  margin-bottom: 0;
}
ul.lp-anchor-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 1em;
}
ul.lp-anchor-list li {
  width: calc((100% - (16px * 3)) / 3);
  margin: 0 8px 8px;
  /* padding: 0 8px; */
  padding: 0;
  list-style: none;
  position: relative;
  box-sizing: border-box;
}
ul.lp-anchor-list li a {
  padding: 0 0 0 16px;
  position: relative;
  display: inline-block;
}
ul.lp-anchor-list li a::before {
  content: "";
  display: block;
  position: absolute;
  border: 6px solid currentColor;
  border-left-color: transparent;
  border-bottom: 0;
  border-right-color: transparent;
  border-top-width: 10px;
  left: 0;
  top: 6px;
}
.lp-button {
  text-align: center;
  font-size: 0.9em;
  margin: 20px auto;
}
.lp-button a {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(180deg,#de9ab2,#d63872);
  color: #fff;
  border-radius: 50px;
  box-shadow: 0 0 2px 2px #d9d9d9;
  border: 2px solid #ffffff;
  display: inline-block;
  font-size: 1.143em;
  line-height: 1.4;
  padding: 16px 20px 16px 36px;
  text-decoration: none;
}
.lp-button a::after {
  content: "";
  display: block;
  position: absolute;
  border: 6px solid #ffffff;
  border-top-color: transparent;
  border-right: 0;
  border-bottom-color: transparent;
  border-left-width: 10px;
  left: 20px;
  top: 50%;
  margin-top: -6px;
}
.lp-button a:hover {
  text-decoration: underline;
  /* background-image: linear-gradient(0deg,#de9ab2,#d63872); */
}
/*
.lp-button a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.3));
  transform: skewX(-25deg);
}
.lp-button a::before {
  animation: shine 4s infinite;
}
@keyframes shine {
  0 {
    left: -75%;
  }
  80% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}
*/
/* 採用案内 職員の一日
------------------------------------- */
.schedule .clock {
  display: none;
}
/*
.schedule .clock {
  display: block;
  content: "";
  border: 2px solid #d0d0d0;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  margin: 0 auto 8px;
  transform: translateX(8px);
  position: relative;
}
.schedule .clock::before,
.schedule .clock::after {
  content: "";
  border-left: 2px solid #d0d0d0;
  position: absolute;
}
.schedule .clock::before {
  top: 50%;
  left: 50%;
  height: 20px;
  transform: translateY(-100%);
}
.schedule .clock::after {
  content: "";
  border-left-width: 3px;
  top: 50%;
  left: 50%;
  height: 16px;
  transform-origin: top;
  transform: rotate(33deg);
}
*/
.schedule-table {
  position: relative;
  margin: 0 0 1em;
}
.schedule-table::before {
  content: "";
  position: absolute;
  left: calc(50% + 8px);
  top: 0;
  bottom: 0;
  border-left: 2px solid #d0d0d0;
  transform: translateX(-50%);
}
.schedule-tr {
  display: flex;
  flex-wrap: wrap;
}
.schedule-th,
.schedule-td {
  /* display: table-cell; */
}
.schedule-th {
  width: 64px;
  padding: 14px 16px 0 0;
  text-align: right;
  display: none;
}
.schedule-tr:first-child .schedule-th:first-child {
  padding-top: 6px;
}
.schedule-td {
  /* border-left: 2px solid #d0d0d0; */
  /* padding: 0 0 0 32px; */
  padding: 0 0 0 16px;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.schedule-td .block {
  width: calc(50% - 32px);
}
.schedule-td .block:nth-of-type(odd) {
  margin-right: 32px;
}
.schedule-td .block:nth-of-type(even) {
  margin-top: 32px;
  margin-left: 32px;
}
.schedule-td .block .box {
  position: relative;
  background-color: #fff;
}
.schedule-td .block .box::after {
  content: "";
  position: absolute;
  border: 1px solid #d0d0d0;
  border-bottom-color: transparent;
  border-left-color: transparent;
  width: 16px;
  height: 16px;
  background-color: inherit;
}
.schedule-td .block:nth-of-type(odd) .box::after {
  top: 16px;
  right: -9px;
  transform: rotate(45deg);
}
.schedule-td .block:nth-of-type(even) .box::after {
  top: 24px;
  left: -9px;
  transform: rotate(225deg);
}
.schedule-table p {
  margin: 0;
}
.schedule .work {
  text-align: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
.schedule .time {
  background-color: #f1ffcf;
  border: 1px solid #d0d0d0;
  border-radius: 20px;
  display: inline-block;
  line-height: 1;
  padding: 8px 12px;
  font-size: 16px;
  margin: 8px 0 0 -16px;
  position: relative;
  z-index: 1;
}
.schedule-tr:first-child .block:first-child .time:first-child {
  margin-top: 0;
}
.schedule .box {
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  padding: 24px 12px 8px;
  margin: calc(-1em - 4px) 0 0;
}
/* 採用案内 よくある質問
------------------------------------- */
.faq-list {
	list-style: none;
	margin: 0 !important;
}
.faq-list li {
	margin: 0 0 10px !important;
  border-bottom: 1px dotted #ccc;
  list-style: none !important;
  padding: 0 0 8px !important;
}
.faq-list li:last-child {
  border-bottom: 0;
}
.faq-list .question,
.faq-list .answer {
	position: relative;
	margin: 0 0 8px;
  padding: 10px 0 0 48px;
  min-height: 40px;
}
.faq-list .question {
	font-weight: bold;
}
.faq-list .answer {
  margin-left: 40px;
  margin-bottom: 8px;
}
.faq-list .question::before,
.faq-list .answer::before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
}
.faq-list .question::before {
	background-color: #53a4db;
	content: "Q";
}
.faq-list .answer::before {
	background-color: #d27893;
	content: "A";
}
/* 表
------------------------------------- */
#content table th,
#content table td,
#content .yell-charge table td,
#content .short-charge table td {
  padding: 5px 7px;
}
#content table th p:last-child,
#content table td p:last-child {
  margin-bottom: 0;
}