@charset "UTF-8";

/* 	通常ページ 
	２カラム、サブメニュー・サイドコンテンツ 
----------------------------- */
#contents {
  width: 1000px;
  height: 100%;
  color: #333;
  margin: 20px auto 100px;
  padding: 0;
  overflow: hidden;
}

/* パンくずリスト */
#wrap-crumb-list {
  width: 100%;
  border-bottom: 3px solid #000080;
  padding: 14px 0;
  background-color: #f7f7f7;
}

#wrap-crumb-list #crumb-list {
  clear: both;
  width: 1000px;
  color: #333;
  margin: 0 auto;
  padding: 0;
}

#wrap-crumb-list #crumb-list .crumb-item {
  float: left;
}

#wrap-crumb-list #crumb-list .crumb-sepalator {
  float: left;
}

#wrap-crumb-list #crumb-list .crumb-sepalator span {
  margin: 0 5px;
}

#wrap-crumb-list #crumb-list a {
  color: #098984;
  text-decoration: underline;
}

#wrap-crumb-list #crumb-list a:hover {
  text-decoration: underline;
}

#wrap-crumb-list #crumb-list:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* サイド */
#side {
  float: left;
  width: 230px;
  margin: 30px 0 0;
  padding: 0;
}

#side #side-contents {
  width: 230px;
  margin: 0 auto;
}

#side #side-contents p {
  margin-bottom: 0px;
}

#side #side-contents p img {
  vertical-align: bottom;
}

#cont-right {
  float: right;
  width: 670px;
  margin: 30px 0 0;
}

#main-contents {
  width: 1000px;
  margin: 0 auto;
  clear: both;
}

.layout2 #main-contents {
  width: 670px;
}

.layout3 #main-contents {
  width: 670px;
}

nav#local ul#sub-nav {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
}

nav#local ul#sub-nav li {
  display: block;
  width: 230px;
  padding: 0;
}

nav#local ul#sub-nav li:last-child {
  margin-bottom: 25px;
}

nav#local ul#sub-nav li a,
nav#local ul#sub-nav li .text:link,
nav#local ul#sub-nav li .text:visited {
  color: #000000;
  display: block;
  font-size: 14px;
  margin: 0 0 10px;
  padding: 18px 0 17px 22px;
  background: #afeeee;
  border-radius: 20px;
  border: 2px solid #1e90ff;
  overflow: visible;
}

nav#local ul#sub-nav li a:hover,
nav#local ul#sub-nav li a:active,
nav#local ul#sub-nav li a.active,
nav#local ul#sub-nav li .text:link:hover,
nav#local ul#sub-nav li .text:link:active,
nav#local ul#sub-nav li .text:link.active,
nav#local ul#sub-nav li .text:visited:hover,
nav#local ul#sub-nav li .text:visited:active,
nav#local ul#sub-nav li .text:visited.active {
  color: #000000;
  background: #00bfff;
  border: 2px solid #1e90ff;
  text-decoration: none;
  transition: 0.7s;
  opacity: 1;
}

/*	お知らせ記事
------------------------*/
/* 新着情報部分 */
#main-contents .topic-headline-section.content-primary,
#main-contents #blog-headline-section.content-primary {
  border: solid 1px #ccc;
  margin-bottom: 15px;
  background-color: #fff;
  list-style: none;
}

#main-contents .topic-headline-section.content-primary .thp_headline-ul,
#main-contents #blog-headline-section.content-primary .thp_headline-ul {
  margin: 0;
  padding: 0;
  height: auto;
  list-style: none;
}

#main-contents .topic-headline-section.content-primary h3.topic-title_dt,
#main-contents #blog-headline-section.content-primary h3.topic-title_dt {
  background: transparent;
  color: #333;
  font-size: 16px;
  border-radius: 0;
  padding: 10px 0 10px 15px;
  margin: 0;
  text-shadow: none;
  box-shadow: none;
  border: none;
  outline: none;
  height: auto;
  text-align: left;
}

#main-contents .topic-headline-section.content-primary h3.topic-title_dt:before,
#main-contents .topic-headline-section.content-primary h3.topic-title_dt:after,
#main-contents #blog-headline-section.content-primary h3.topic-title_dt:before,
#main-contents #blog-headline-section.content-primary h3.topic-title_dt:after {
  display: none;
}

#main-contents .topic-headline-section.content-primary h3.topic-title_dt .date,
#main-contents #blog-headline-section.content-primary h3.topic-title_dt .date {
  font-size: 80%;
}

#main-contents .topic-headline-section.content-primary .thp_topic-link,
#main-contents #blog-headline-section.content-primary .thp_topic-link {
  border: 0;
  white-space: initial;
  display: block;
}

#main-contents .topic-headline-section.content-primary .thp_topic-link:hover,
#main-contents #blog-headline-section.content-primary .thp_topic-link:hover {
  background: #eee;
  background: url(../img/topic-arrow.png) no-repeat right center rgba(204, 204, 204, 0.3);
}

#main-contents .topic-headline-section.content-primary .topic-text_dd,
#main-contents .topic-headline-section.content-primary .blog-intro,
#main-contents #blog-headline-section.content-primary .topic-text_dd,
#main-contents #blog-headline-section.content-primary .blog-intro {
  font-weight: normal;
  font-size: 12px;
  color: #333;
  padding: 0 10px 15px 15px;
}

#main-contents .topic-headline-section.content-primary li,
#main-contents #blog-headline-section.content-primary li {
  border-bottom: solid 1px #ccc;
}

#main-contents .topic-headline-section.content-primary li:last-child,
#main-contents #blog-headline-section.content-primary li:last-child {
  border-bottom: none;
}

.blog-main article {
  clear: both;
  padding: 0 0 30px 0;
}