@charset "UTF-8";
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ カテゴリで使用 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/************************ パンくずリスト **************************/
.topicPath {
  clear: both;
  position: relative;
  font-size: 1em;
  margin: 20px auto;
  line-height: 1.5;
}

/************************ 見出しデザイン **************************/
h1 {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #e0e9ef;
  color: #074075;
  padding: 10px 5px 0 20px;
  min-height: 50px;
  display: block;
}
h1.category {
  min-height: 50px;
  font-size: 1.6em;
  line-height: 1.2;
}

.h1BG {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #fcfbf0 url(../../images/cmn/cmn_h1_bg.gif) repeat-y left top;
  padding: 0;
  margin: 0 0 15px 0;
  font-weight: normal;
  font-size: 1.4em;
}

h2 {
  color: #333;
  font-weight: bold;
  margin: 10px 0 10px 0;
  font-size: 1.2em;
  line-height: 1.2;
  background: #caebef;
  clear: both;
  padding: 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
h2 a {
  color: #013b82;
}

@-moz-document url-prefix() {
  /* for ff */
  h2 {
    padding-left: 20px;
  }
  h2 a {
    text-indent: -1.35em;
  }
}
@media all and (-ms-high-contrast: none) {
  /* for gte IE10 */
  h2 {
    padding-left: 20px;
  }
  h2 a {
    text-indent: -1.45em;
  }
}
.lte-ie9 h2 {
  padding-left: 20px;
}
.lte-ie9 h2 a {
  text-indent: -1.45em;
}

.lte-ie8 h2 {
  behavior: url(/extension/jichimaru_base/design/jichimaru_base/javascript/PIE.htc);
  position: relative;
}

h3 {
  margin: 20px 0 10px 0;
  padding: 4px 15px 7px 20px;
  font-size: 1.1em;
  line-height: 1.2;
  display: block;
  clear: both;
  background: url(../../images/cmn/h3_bg.png) no-repeat left bottom;
}
h3 a {
  color: #053a89;
  display: list-item;
  list-style-image: url(../../images/cmn/h2_arrow.png);
  list-style-position: inside;
  text-indent: -0.9em;
  padding-left: 1em;
  text-decoration: underline;
}
h3 a:hover {
  text-decoration: none;
}

h4 {
  padding: 0 5px 2px 5px;
  margin: 20px 0 5px 0;
  font-size: 1em;
  clear: both;
}

h5 {
  padding: 0 5px 0px 5px;
  margin: 20px 0 5px 0;
  font-size: 1em;
  border-bottom: 1px solid #ccc;
  clear: both;
}

h6 {
  padding: 0 10px;
  margin: 20px 0 5px 0;
  background: url(../../images/cmn/h2_arrow.png) no-repeat -10px -8px;
  font-size: 1em;
  clear: both;
}

/************************ アンケート・お問い合わせの参照情報エリア **************************/
h2.surveyh2, h3.surveyh3, h4.surveyh4, h5.surveyh5, h6.surveyh6 {
  margin: 0;
  background-image: none;
}

h2.surveyh2 {
  background: #E3DBB1;
}

h3.surveyh3 {
  border-left: 4px solid #d6ca8b;
  border-bottom: 3px double #d6ca8b;
  padding: 2px 0 5px 10px;
}

h4.surveyh4 {
  border-left: 3px solid #d6ca8b;
  border-bottom: 1px solid #d6ca8b;
  padding: 2px 0 5px 10px;
}

h5.surveyh5 {
  border-bottom: 2px dotted #d6ca8b;
  padding-left: 0;
}

h6.surveyh6 {
  padding: 0;
}

/************************ CMSから出力されたイメージ画像の表示 **************************/
.ezImageAuto {
  max-width: 100%;
  height: auto;
  margin: 10px 0 !important;
}

.lte-ie8 .ezImageAuto {
  width: auto;
}

/************************ 記事本文リスト **************************/
.content ol, .content ul {
  margin-left: 35px;
  line-height: 2;
}
.content section li {
  list-style: inherit;
}
.content section img {
  margin: 10px;
}

#main .content-view-embed {
  padding-bottom: 10px;
}
#main .content p {
  padding: 0 10px 10px;
}

/************************ 記事本文テキスト回り込み画像 **************************/
.wrapperContents article.content section div.object-left {
  padding-right: 30px;
}
.wrapperContents article.content section div.object-right {
  padding-left: 30px;
}

/************************ 新着情報 **************************/
.newsArea {
  /*	background:#e0f0ef;*/
  margin: 0 0 15px 0;
  padding: 0;
}
.newsArea .topNews {
  border-bottom: 1px dotted #ccc;
  padding: 10px;
}
.newsArea .topNews dl {
  margin-left: 0;
  line-height: 1.5;
}

.newsTitle {
  margin: 0;
  padding: 6px 20px;
  background: #AAD58D;
  font-size: 1.5em;
  background: url(../../images/cmn/parts_border_newsTitle.gif) left bottom no-repeat;
}

/* 標準ol ul dtのリセット*/
/************************ メニューページの次カテゴリ用ボックス **************************/
/* 3分割回り込み */
.textBoxHeight {
  float: left;
  padding: 0;
  margin: 0 3% 10px 0%;
  width: 31.3%;
}
.textBoxHeight:nth-child(3n) {
  margin-right: 0;
}
.textBoxHeight.nth-3n {
  margin-right: 0;
}

/*@media screen and (max-width : 1023px){
	.textBoxHeight{
		width:45%;
	}
}*/
/* 横一ワイド配置 */
.textWideBox {
  padding: 0;
  margin: 0;
}
.textWideBox p {
  padding: 5px;
}
.textWideBox div.inquery {
  margin: 10px 0;
}
.textWideBox dl {
  margin: 0;
  padding-left: 10px;
}
.textWideBox dt {
  background: url(../../images/cmn/dot_green_circle.png) no-repeat 0 5px;
  margin: 0 5px;
  padding: 2px 0 0 15px;
}
.textWideBox dt a {
  padding: 0 20px 0 0;
}
.textWideBox dd {
  margin: 0;
  padding: 0px 0 10px 20px;
}
.textWideBox img {
  padding: 0;
  margin: 0;
}

/************************ 詳細ページの更新日 **************************/
.update {
  margin: 0;
  padding: 0;
  text-align: right;
}
.update img {
  margin-left: 10px;
}

/************************ 新着情報一覧ページ **************************/
.descriptionList {
  clear: both;
  padding: 5px 5px;
  margin: 0 0 20px 0;
}

/*標準ol ul dtのリセット*/
.descriptionList {
  line-height: 1.5;
}
.descriptionList dt {
  background: url(../../images/cmn/dot_green_circle.png) no-repeat left center;
  margin: 0 5px;
  padding: 7px 0 5px 15px;
  clear: both;
  float: left;
}
.descriptionList dd {
  margin-left: 0;
  padding: 7px 0 5px 10.0em;
  border-bottom: 1px dotted #999;
}

/************************ 一覧ページ(日付なし、ページタイトルのみ) **************************/
.descriptionListTitle ul {
  padding: 0;
  margin: 0 0 20px 0;
  list-style-type: none;
}
.descriptionListTitle ul li {
  background: url(../../images/cmn/dot_green_circle.png) no-repeat 0 11px;
  margin: 0 5px;
  padding: 7px 0 5px 15px;
  border-bottom: 1px dotted #999;
  line-height: 1.5;
}

/************************ フォトニュース一覧 **************************/
.photonews-look.photonews-list {
  margin: 0;
  padding: 0 10px 10px;
  line-height: 1.5;
}
.photonews-look .photonews-listItem {
  border-bottom: 1px dotted #ccc;
  display: block;
}
.photonews-look .photonews-link {
  display: block;
  padding: 15px 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.photonews-look .photonews-link:hover {
  background: #efefef;
}
.photonews-look .photonews-link:hover .photonews-image {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.photonews-look .photonews-image {
  float: left;
  width: 18%;
  background: #eee;
  position: static;
}
.photonews-look .photonews-image img {
  max-height: 70px;
  display: block;
  margin: 0 auto;
}
.photonews-look .photonews-summary {
  display: block;
  width: 77.5%;
  float: right;
}
.photonews-look .photonews-title {
  color: #0455a0;
  display: inline;
  margin: 0;
  padding: 0;
  background: none;
  clear: initial;
  font-size: 1em;
  font-weight: normal;
  text-decoration: underline;
}
.photonews-look .photonews-title:hover {
  color: #067deb;
  text-decoration: none;
}
.photonews-look .photonews-date {
  color: #333;
  font-size: 0.9em;
  margin-top: 5px;
  text-decoration: none;
}

/************************ 右カラム情報エリア **************************/
.sideInfoTitle {
  font-size: 1em;
  line-height: 100%;
  font-weight: bold;
  margin: 0;
  padding: 15px 10px 15px 10px;
  background: url(../../images/cmn/h2_gray_box_header.png) no-repeat right top;
}

.sideInfo {
  margin: 0 0 15px 0;
  padding: 0;
  clear: both;
  overflow: hidden;
  background: #fff;
}
.sideInfo .wrap {
  padding: 10px;
}
.sideInfo h3, .sideInfo h4, .sideInfo h5, .sideInfo h6 {
  margin-top: 0;
}
.sideInfo h3 + p, .sideInfo h3 + ul, .sideInfo h3 + ol, .sideInfo h4 + p, .sideInfo h4 + ul, .sideInfo h4 + ol, .sideInfo h5 + p, .sideInfo h5 + ul, .sideInfo h5 + ol, .sideInfo h6 + p, .sideInfo h6 + ul, .sideInfo h6 + ol {
  margin-bottom: 15px;
}
.sideInfo h3 {
  padding: 4px 3px 7px 8px;
}
.sideInfo h6 {
  padding: 0;
}
.sideInfo li {
  list-style-position: inside;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 7px;
  line-height: 1.2;
}
.sideInfo ul li {
  list-style-type: disc;
}
.sideInfo ol li {
  list-style-type: decimal;
}
.sideInfo p, .sideInfo ul, .sideInfo ol {
  margin-bottom: 10px;
}

@media all and (-ms-high-contrast: none) {
  /*for gte ie10*/
  .sideInfo h3 a {
    display: inherit;
  }
  .sideInfo li {
    text-indent: -1.5em;
  }
}
.lte-ie9 .sideInfo h3 a {
  display: inherit;
}
.lte-ie9 .sideInfo li {
  text-indent: -1.5em;
}

.wrap-chargeFacility {
  margin-bottom: 30px;
}

.list-chargeFacility {
  padding: 0 10px 10px;
}

.name-chargeFacility {
  margin: 15px 0 0;
  text-indent: -1em;
  padding-left: 1em;
}
.name-chargeFacility a {
  background: url(../../images/cmn/dot_green_circle.png) no-repeat 0 4px;
  padding-left: 1em;
}
.name-chargeFacility:first-child {
  margin-top: 10px;
}
.name-chargeFacility.first {
  margin-top: 10px;
}

.summary-chargeFacility {
  padding-left: 1em;
  display: inline-block;
}

/************************ リスト_1文字インデント **************************/
.Indent {
  margin: 5px;
  line-height: 1.3;
}
.Indent li {
  list-style: none !important;
  padding-left: 1em;
  text-indent: -1em;
}

/************************ 番号付きリスト **************************/
ul.ulList {
  margin: 5px 0 0px 0;
  padding: 0 0 10px 20px;
}

/************************ テキストの強調 **************************/
/* 赤字 */
.fontRedStrong {
  color: #cc0000;
  font-weight: bold;
}

/* 黒字 */
.fontBlackStrong {
  color: #000000;
  font-weight: bold;
}

/************************ 地図でさがす **************************/
#mapnavi ul#boxArea li {
  /*width: 9.6%;*/
  display: table;
}
#mapnavi ul#boxArea li a {
  padding: 5px 4px;
  height: 30px !important;
  font-size: 0.9em;
  vertical-align: middle;
  display: table-cell;
  text-decoration: none;
  line-height: 1.2;
}
#mapnavi ul#boxArea li a:hover {
  text-decoration: underline;
}
#mapnavi ul#boxArea li a.stay {
  padding: 5px 4px;
  height: 35px !important;
}

/*********************************** カレンダー *************************************/
/************* 絞り込みアイコン *************/
/*
.icon0 イベント
.icon1 相談
.icon2 健診
.icon3 健康
.icon4 子育て
.icon5 講座・講演
.icon6 その他
 */
.pointBlack {
  color: #333;
  display: block;
  margin: 5px 3px 5px 5px;
  float: left;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#eventCategoryList li {
  margin: 1% 2% 1% 0;
  white-space: nowrap;
  display: inline-block;
  line-height: 1.5;
  padding-bottom: 3px;
}
#eventCategoryList li img {
  float: left;
  margin-right: 4px;
}
#eventCategoryList .release {
  float: right;
  font-size: 0.9em;
  color: #444;
  margin: 0;
  border: 1px solid #e6e6e6;
  padding-bottom: 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#eventCategoryList .release a {
  color: #333;
  display: inline-block;
  padding: 1px 4px 1px 0;
}
#eventCategoryList .release a:hover {
  background: #e6e6e6;
}
#eventCategoryList .release.active {
  color: #333;
  background: #e6e6e6;
  border: 1px solid #e6e6e6;
  font-weight: normal;
  padding: 1px 4px 1px 0;
  margin: 0;
}
#eventCategoryList .active {
  color: #c00;
  border-bottom: 2px solid #df5656;
  font-weight: bold;
  padding: 0.5% 0 0;
  margin-top: -0.5%;
  line-height: 1.8;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  /*for chrome,opela*/
  #eventCategoryList li {
    line-height: 1.8;
  }
}
@media all and (-ms-high-contrast: none) {
  /*for gte ie10*/
  #eventCategoryList .release {
    line-height: 1.6;
  }
}
.lte-ie9 #eventCategoryList .release {
  line-height: 1.6;
}

.eventIcon {
  list-style-type: none;
  margin: 0;
  clear: both;
}
.eventIcon ul {
  margin: 0;
  list-style-type: none;
}
.eventIcon li img {
  margin: 0 1% 0 0;
}

.eventMorePC li {
  line-height: 1.2;
  margin: 0 0 10px 33px;
}
.eventMorePC a {
  display: inline-block;
}

/************************ 詳細ページの絞り込みアイコンと更新日 **************************/
.updateBox {
  width: 100%;
  margin: 0px;
  padding: 0;
  float: left;
  vertical-align: top;
}

.eventUpdate {
  padding: 0;
  text-align: right;
  float: right;
}
.eventUpdate img {
  margin-left: 10px;
}

.eventDetails {
  text-align: left;
  float: left;
}
.eventDetails #eventCategoryList li.icon01, .eventDetails #eventCategoryList li.icon02, .eventDetails #eventCategoryList li.icon03, .eventDetails #eventCategoryList li.icon04, .eventDetails #eventCategoryList li.icon05, .eventDetails #eventCategoryList li.icon06, .eventDetails #eventCategoryList li.icon07 {
  margin-bottom: 5px !important;
  padding: 8px 23px 5px 40px !important;
  text-indent: -25px;
  font-size: 0.85em;
  border-radius: 5px;
}
.eventDetails #eventCategoryList li.icon01 {
  background-color: #d6ffdf;
}
.eventDetails #eventCategoryList li.icon02 {
  background-color: #A6DAE3;
}
.eventDetails #eventCategoryList li.icon03 {
  background-color: #CCCCFF;
}
.eventDetails #eventCategoryList li.icon04 {
  background-color: #F9DCFA;
}
.eventDetails #eventCategoryList li.icon05 {
  background-color: #FCFABB;
}
.eventDetails #eventCategoryList li.icon06 {
  background-color: #ffe5e5;
}
.eventDetails #eventCategoryList li.icon07 {
  background-color: #c2ddf0;
}

/******** 詳細ページのicon01-06 ********/
/************* カレンダータイトル *************/
.calendarTitle {
  display: block;
  margin: 10px auto;
  white-space: nowrap;
  text-align: center;
  padding: 10px 0;
}
.calendarTitle span.date {
  font-size: 1.5em;
  text-align: center;
  margin: 0 10px;
  padding: 0 20px;
  vertical-align: middle;
}
.calendarTitle span.monthButton a {
  display: inline;
  margin: 0;
  padding: 5px;
  text-align: center;
  border: 2px solid #cccccc;
  background: #ffffff;
}
.calendarTitle span.monthButton a:hover {
  background: #E6E6E6;
  text-decoration: none;
}
.calendarTitle span.monthButtonNone {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 20px;
}

/* ボタンが最初または最後まで行った場合の非表示処理 */
/************* カレンダーテーブル（カレンダー表示） *************/
.calendarTable {
  width: 100%;
  border: 1px solid #cccccc;
  border-collapse: collapse;
  margin: 0 0 10px 0;
  table-layout: fixed;
}
.calendarTable caption {
  display: none;
}
.calendarTable th {
  border: 1px solid #cccccc;
  font-weight: normal;
  background-color: #f2f2f2;
  padding: 5px;
}
.calendarTable td {
  border: 1px solid #cccccc;
  vertical-align: top;
  text-align: center;
  padding: 5px;
}
.calendarTable .info {
  min-height: 80px;
  text-align: left;
}
.calendarTable .info li {
  word-break: break-all;
}
.calendarTable .newIcon {
  top: 0;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  /*for chrome,opela*/
  .calendarTable .info li {
    word-break: break-word;
  }
}
.calendarHol {
  width: 14%;
  background-color: #f8e6f0;
}

.calendarWeek {
  width: 14%;
  background-color: #ffffff;
}

.calendarSat {
  width: 14%;
  background-color: #def2f4;
}

.calendarToday {
  width: 14%;
  background-color: #FF9933;
}

.eventMore {
  display: none;
}

.info li {
  float: none !important;
}

/************* カレンダーテーブル（一覧表示） *************/
.calendarTableList {
  width: 100%;
  border: 1px solid #cccccc;
  border-collapse: collapse;
  margin: 0 0 10px 0;
}
.calendarTableList caption {
  display: none;
}
.calendarTableList th {
  border: 1px solid #cccccc;
  border-collapse: collapse;
  font-weight: normal;
  background-color: #f2f2f2;
  margin: 0;
  padding: 5px;
}
.calendarTableList .week {
  width: 10%;
  text-align: center;
}
.calendarTableList td {
  border: 1px solid #cccccc;
  border-collapse: collapse;
  padding: 5px;
  width: 83%;
}
.calendarTableList .day {
  width: 7%;
  text-align: right;
}
.calendarTableList .info li {
  line-height: 1.2;
  margin: 0 0 0.25% 5%;
}
.calendarTableList .info a {
  vertical-align: 4px;
}

.calendarHol {
  background-color: #f8e6f0;
}

.calendarSat {
  background-color: #def2f4;
}

.calendarToday {
  background-color: #FF9933;
}

.calendarTable .info ul li.icon0, .calendarTableList .info ul li.icon0 {
  list-style-image: url(../../images/cmn/event_icon_0.png);
}
.calendarTable .info ul li.icon1, .calendarTableList .info ul li.icon1 {
  list-style-image: url(../../images/cmn/event_icon_1.png);
}
.calendarTable .info ul li.icon2, .calendarTableList .info ul li.icon2 {
  list-style-image: url(../../images/cmn/event_icon_2.png);
}
.calendarTable .info ul li.icon3, .calendarTableList .info ul li.icon3 {
  list-style-image: url(../../images/cmn/event_icon_3.png);
}
.calendarTable .info ul li.icon4, .calendarTableList .info ul li.icon4 {
  list-style-image: url(../../images/cmn/event_icon_4.png);
}
.calendarTable .info ul li.icon5, .calendarTableList .info ul li.icon5 {
  list-style-image: url(../../images/cmn/event_icon_5.png);
}
.calendarTable .info ul li.icon6, .calendarTableList .info ul li.icon6 {
  list-style-image: url(../../images/cmn/event_icon_6.png);
}

/************************ 記事テーブルデザイン **************************/
/*コンテンツ側イベント詳細ページで使用*/
table {
  /*CMSでページで使用*/
  /*ボーダーありテーブル*/
  /*ボーダーなしテーブル ※デフォルト機能「None」を選択時に吐き出されるclass*/
}
table.eventTable {
  width: 100%;
  border: 2px solid #ccc;
  border-collapse: collapse;
  margin: 0 0 10px 0;
}
table.eventTable th {
  border: 2px solid #ccc;
  border-collapse: collapse;
  font-weight: normal;
  background-color: #fcfbf1;
  margin: 0;
  padding: 5px;
}
table.eventTable td {
  border: 2px solid #ccc;
  border-collapse: collapse;
  vertical-align: top;
  padding: 5px;
}
table.borderTable {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0 auto;
  width: 98% !important;
  word-break: break-word;
  table-layout: fixed;
}
table.borderTable tr.even {
  background-color: #fff;
}
table.borderTable tr.odd {
  background-color: #F9F9F9;
}
table.borderTable th {
  border: 1px solid #ccc;
  border-collapse: collapse;
  font-weight: normal;
  background-color: #e7f3fe;
  margin: 0;
  padding: 5px;
  text-align: left;
}
table.borderTable td {
  border: 1px solid #ccc;
  border-collapse: collapse;
  vertical-align: top;
  padding: 5px;
}
table.renderedtable {
  border: none;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  table-layout: fixed;
}
table.renderedtable th {
  font-weight: normal;
  background-color: #fcfbf1;
  margin: 0;
  padding: 5px;
  text-align: left;
}
table.renderedtable td {
  /*  border:none;*/
  background-color: #ffffff;
  vertical-align: top;
  padding: 5px;
}

/************************ ページング **************************/
.pageNav {
  background: #fff;
  padding: 3% 0 5%;
  text-align: center;
  margin-left: 0 !important;
}
.pageNav li {
  display: inline-block;
  margin: 0 1px 7px;
  padding: 0;
}
.pageNav li span {
  display: inline-block;
  padding: 0.7em 1.0em 0.5em 1.0em;
  background: #fff;
  border: 1px solid #ccc;
  vertical-align: middle;
  text-decoration: none;
  background: #efefef;
}
.pageNav li a {
  display: inline-block;
  padding: 0.7em 1.0em 0.5em 1.0em;
  background: #fff;
  border: 1px solid #ccc;
  vertical-align: middle;
  text-decoration: none;
}
.pageNav li a:hover {
  background: #efefef;
}

.photoSoshiki {
  margin: 0 0 10px 0;
  padding: 0;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  height: 150px;
}

/************************ この情報はお役に立ちましたか？ **************************/
#questionnaire {
  margin: 0;
  padding: 0;
}
#questionnaire h3 {
  font-weight: normal;
}
#questionnaire .simp {
  background: #D5DE98;
  padding: 10px 0px 10px 10px;
}
#questionnaire .body {
  line-height: 1.75;
  padding: 0 1%;
}
#questionnaire .body p {
  margin: 0 0 20px 0;
  clear: both;
}
#questionnaire .body p.lead {
  margin: 0;
  padding-left: 0;
}
#questionnaire .body p.bt {
  margin: 0 auto;
  text-align: center;
  clear: both;
}
#questionnaire fieldset legend, #questionnaire div.title {
  width: auto;
  padding: 2px 0 0 15px;
  float: left;
  clear: both;
  font-weight: normal;
  background: url(../../images/cmn/dot_green_circle.png) no-repeat 0 45%;
}
#questionnaire div.title {
  line-height: 1.5;
}
#questionnaire .option {
  width: auto;
  display: list-item;
  padding: 0 0 0 2%;
  list-style: none;
  line-height: 2;
}
#questionnaire input {
  margin: 0 5px 0 10px;
  word-break: keep-all;
}
#questionnaire .textareaBox {
  clear: both;
  margin-bottom: 10px;
}
#questionnaire .box {
  display: block;
  width: 80%;
  min-height: 3em;
  margin: 5% auto;
  height: 5em;
}

/************************ 関連ページ **************************/
.pertainPage {
  margin: 2em 0 1em;
  padding: 1em 0;
  border-top: 1px dotted #aaa;
  border-width: 1px 0;
  overflow: hidden;
}

/*標準ol ul dtのリセット*/
.content .pertainPage dl {
  margin-left: 0px;
}

.pertainPage dt {
  background-color: #DBDEC3;
  padding: 10px;
  margin-bottom: 5px;
}

.col:first-child {
  float: left;
}

.pertainPage dd {
  display: list-item;
  margin: 0 1% 4px 5px;
  padding: 0 0 0 15px;
  list-style: none;
  line-height: 1.5;
  background: url(../../images/cmn/dot_green_circle.png) no-repeat left 4px;
  float: left;
  width: 46%;
  word-break: break-all;
}

/************************ Get Adobe Reader **************************/
.getAdobeReader {
  background: #F3F3F3;
  background-position: 10px 10px;
  padding: 10px;
  margin: 30px 0 10px 0;
  font-size: 0.9em;
  min-height: 40px;
}
.getAdobeReader a.fade {
  display: block;
  float: left;
}
.getAdobeReader p {
  margin-left: 170px;
}

/************************ お問い合わせ **************************/
.pageContact {
  margin: 10px 0 20px 0;
  padding: 10px;
  background: #F5F4ED url(../../images/cmn/page_contact_bg.png) repeat;
}

.pageContactHeader {
  margin: 0 0 10px 0;
}

.pageContact span {
  color: #715a3f;
  border-left: solid 4px #715a3f;
  padding: 3px 10px;
  margin: 0 0 10px 0;
  font-weight: bold;
}

/************************ お問い合わせフォーム **************************/
.contactArea {
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%;
}
.contactArea p {
  padding: 10px 0 0 0;
}
.contactArea p.center {
  text-align: center;
}
.contactArea .textareaBox {
  width: 95%;
  font-size: 1.2em;
  padding: 10px;
  border: 1px solid #ccc;
}

/*********** フォームエラーメッセージ ***********/
.errMsg {
  border: 3px double #ccc;
  background-color: #FFF5F4;
  padding: 20px 10px 10px 10px;
  margin: 20px 0;
  text-align: center;
}
.errMsg span {
  font-size: 1.5em;
  background: url(../../images/cmn/h2_important_icon.png) no-repeat left center;
  font-weight: bold;
  padding: 5px 0 4px 30px;
  color: #cc0000;
  margin: 0 0 20px 0;
}
.errMsg p {
  margin: 20px 0 0 0;
  padding: 0;
}

/************************ フォーム **************************/
.textWideBox .contact {
  background-color: #FFFFFF;
  margin: 10px 0;
  padding-bottom: 10px;
  clear: both;
}
.textWideBox .contact .title {
  float: left;
  clear: both;
  padding: 0px 10px 0 20px;
  margin-left: 0;
  margin-top: 1px;
  color: #000000;
  display: block;
  font-weight: bold;
  background: url(../../images/cmn/dot_brown_circle.png) no-repeat left 3px;
}
.textWideBox .contact .title a {
  padding: 0 20px 0 0;
}
.textWideBox .contact .option {
  padding: 10px 0 10px 20px;
  clear: both;
}
.textWideBox .contact .option .inputBox {
  padding: 5px;
  font-size: 1.2em;
  width: 95%;
}
.textWideBox .contact .option label {
  margin-right: 20px;
}

fieldset {
  padding: 0;
  margin: 0;
  border: none;
}

div.contact fieldset legend{
  float: left;
  clear: both;
  color: #000000;
  display: block;
  font-weight: bold;
  background: url(../../images/cmn/dot_brown_circle.png) no-repeat 0px 5px;
  margin: 0;
  padding: 2px 0 0 15px;
}

.submit {
  border-top: 1px solid #cccccc;
  margin: 0;
  padding: 10px 0 10px 0;
  vertical-align: middle;
  text-align: center;
}

.submitBtn {
  font-size: 1rem;
  margin: 2%;
  padding: 1.5% 2%;
  background: #efefef;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/************************ 検索結果 **************************/
.faqSearch {
  background-color: #F3F3F3;
  padding: 15px;
  margin: 0 0 20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.faqSearch .wrap-form {
  margin: 2% auto 3%;
}
.faqSearch .searchButton {
  float: right;
  width: 176px;
  height: 40px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: none;
  cursor: pointer;
  background: transparent url(../../images/cmn/btn_search_L.jpg) no-repeat center;
}
.faqSearch p {
  white-space: nowrap;
  float: left;
  margin: 0;
  padding: 0;
}
.faqSearch img {
  padding: 0 1px;
  vertical-align: middle;
  margin: 0;
}

.faqSearchInput {
  float: left;
  width: 510px;
  height: 21px;
  font-size: 1em;
  padding: 7px;
}

/************************ 検索結果 **************************/
.heading-searchResult {
  margin: 0;
  padding: 15px 20px;
  background: url(../../images/cmn/blue_box_header.png) no-repeat right top;
  color: #333;
  font-weight: normal;
  border-bottom: none;
}

.narrowDown {
  background: #fff;
  margin: 0;
  padding: 15px;
  border: none;
}
.narrowDown ul {
  list-style: none;
  margin: 0 0 15px 0;
}
.narrowDown ul li {
  font-weight: bold;
  padding: 0 0 0 10px;
}
.narrowDown ul ul li {
  font-weight: normal;
  background: url(../../images/cmn/dot_green.png) no-repeat 0 5px;
  padding: 0 0 0 10px;
  margin-bottom: 10px;
}
.narrowDown span a {
  border: 1px solid #ccc;
  color: #333;
  padding: 1px 3px;
  font-size: 0.9em;
  margin-left: 10px;
}

.searchPickUp {
  margin: 0 0 10px 0;
  padding: 0 10px 0 0;
}
.searchPickUp span {
  padding: 2px 5px;
  margin: 0 10px 0 0;
  font-size: 0.8em;
  background-color: #333;
  color: #fff;
}
.searchPickUp a {
  text-decoration: underline;
}

.searchError {
  background-color: #F3F3F3;
  margin: 0 0 0 0;
  padding: 5px;
  border-radius: 5px;
}

/* 並び替え */
.dropdown {
  float: right;
  line-height: 1.5 !important;
}
.dropdown dd, .dropdown dt, .dropdown ul {
  margin: 0px;
  padding: 0px;
}
.dropdown dd {
  position: absolute;
}
.dropdown a {
  color: #333;
  font-size: 0.9em;
  text-decoration: none;
  outline: none;
}
.dropdown a:visited {
  color: #333;
  font-size: 0.9em;
  text-decoration: none;
  outline: none;
}
.dropdown a:hover {
  color: #333;
}
.dropdown dt p {
  background: #fff url(../../images/cmn/arrow.png) no-repeat scroll right center;
  display: block;
  padding: 0 20px 0 0 !important;
  border: 1px solid #ccc;
  width: 200px;
}
.dropdown dt p:hover, .dropdown dt p:focus {
  color: #333;
  background-color: #E6E6E6;
  border: 1px solid #999;
}
.dropdown dt p span {
  cursor: pointer;
  display: block;
  padding: 5px;
}
.dropdown dd ul {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  color: #333;
  display: none;
  left: 0px;
  padding: 0px 0px;
  position: absolute;
  top: 0px;
  width: auto;
  min-width: 220px;
  list-style: none;
}
.dropdown span.value {
  display: none;
}
.dropdown dd ul li a {
  padding: 5px;
  display: block;
}
.dropdown dd ul li a:hover {
  background-color: #E6E6E6;
}

.dropdownBotton {
  float: right;
  margin-left: 15px;
  font-size: 0.9em;
  background-color: #fff;
}
.dropdownBotton a {
  color: #333;
  padding: 5px;
  display: block;
  border: 1px solid #ccc;
}
.dropdownBotton a:visited {
  color: #333;
  text-decoration: none;
  outline: none;
}
.dropdownBotton a:hover {
  color: #333;
  background-color: #E6E6E6;
  border: 1px solid #999;
}
.dropdownBotton a:focus {
  color: #333;
  border: 1px solid #999;
  border: 1px solid #999;
}

.searchResult {
  margin: 30px 15px;
}
.searchResult p {
  margin: 0;
  padding: 0 !important;
}
.searchResult img {
  max-width: 125px;
  max-height: 125px;
  float: right;
  margin: 0 0 0 20px;
}
.searchResult span {
  font-weight: bold;
  font-size: 1.1em;
  text-decoration: underline;
}
.searchResult .url {
  display: block;
  font-weight: normal;
  font-style: italic;
  font-size: 0.7rem;
  text-decoration: none;
}
.searchResult .url a {
  color: #006621;
}

/************************ フォームのlabelを非表示にする **************************/
/*
fieldset{
	margin:0;
	padding:0;
	border:none;
}
*/
/************************ よく使われるキーワード **************************/
.tagSearch {
  background-color: #F3F3F3;
  padding: 15px;
  margin: 0 0 20px 0;
  border-radius: 5px;
}
.tagSearch p {
  white-space: nowrap;
  float: left;
  margin: 0;
  padding: 0;
}
.tagSearch img {
  padding: 0 1px;
  vertical-align: middle;
  margin: 0;
}

.tagSearchInput {
  width: 500px;
}

table.tagSearchTable {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 10px 0;
}
table.tagSearchTable caption {
  display: none;
}
table.tagSearchTable tr {
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc;
}
table.tagSearchTable td {
  margin: 5px 10px;
  padding: 7px 0 5px 10px;
  border-collapse: collapse;
  vertical-align: top;
  text-align: left;
}
table.tagSearchTable td a {
  background: url(../../images/cmn/dot_brown_circle.png) no-repeat top left;
  padding-left: 15px;
}
table.tagSearchTable tr.odd {
  background: #e0f4ff;
}
table.tagSearchTable tr.even {
  background: #FFFFFF;
}
table.tagSearchTable span.typeIcon {
  border: 1px solid #60b3df;
  background-color: #60b3df;
  color: #fff;
  font-size: 0.8em;
  padding: 1px 3px 0px 3px;
  margin-left: 10px;
  position: relative;
  top: -1px;
}

/*table.tagSearchTable th{
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:3px double #cccccc;
	border-collapse:collapse;
	font-weight:bold;
	text-align:left;
	background-color:#f2f2f2;
	margin:0;
	padding:5px;
}*/
.tagSearchList {
  margin: 5px 10px;
  padding: 7px 0 5px 15px;
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc;
  border-collapse: collapse;
  vertical-align: top;
  text-align: left;
}

div.tagSearchList {
  background: url(../../images/cmn/dot_brown_circle.png) no-repeat 0 10px;
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc;
}

.tagSearchList.odd {
  background: #e0f4ff;
}
.tagSearchList.even {
  background: #FFFFFF;
}
.tagSearchList span.typeIcon {
  border: 1px solid #60b3df;
  background-color: #60b3df;
  color: #fff;
  font-size: 0.8em;
  padding: 1px 3px 0px 3px;
  margin-left: 10px;
  position: relative;
  top: -1px;
}

/************************ SNSボタン **************************/
.snsBtn {
  list-style-type: none;
  margin: 10px 0 20px 0 !important;
  line-height: 1 !important;
}
.snsBtn iframe {
  margin: 0 !important;
}
.snsBtn li {
  float: left;
  margin-right: 15px;
}
.snsBtn li:nth-child(3) {
  width: 60px !important;
}
.snsBtn li:nth-child(5) {
  width: 70px !important;
}
.snsBtn li img {
  margin: 0;
}