@import url(/css/common.css);
/*==================================================================*/
/* common css */
/*==================================================================*/
#headtitle {
  background: url(/common_img/title_bg.jpg);
  background-size: cover;
  background-position: right center;
}

#contents .blog-title {
  margin: 0 auto 1.5rem !important;
  color: #fff !important;
}

p.btn {
  margin: 0 auto 1.5rem !important;
  width: 90%;
  max-width: 900px;
  text-align: right !important;
}

/* -------------------------------------------- */
/* list */
/* -------------------------------------------- */
.list {
  margin: 0 auto 1.5em;
}
.list table {
  margin: 0 auto 4em;
  width: 90%;
}
.list table th {
  font-family: georgia;
  width: 18%;
  padding: 10px 20px;
  min-width: 150px;
}
.list table td {
  padding: 0;
  border-bottom: 1px solid #bcbcbc;
}
.list table td a {
  padding: 10px 15px;
  transition: all 0.3s;
  display: block;
  color: #333;
}
.list table td a:hover {
  background: #efefef;
  text-decoration: none;
}
.list .list-link {
  margin: 0 auto 1em;
  width: 90%;
  text-align: right;
}
.list .list-link a {
  font-weight: bold;
}

/* -------------------------------------------- */
/* detail */
/* -------------------------------------------- */
div.blog-box {
  border: 5px solid #c2c2c2;
  margin: 1.5em auto !important;
  max-width: 900px;
  padding: 0.5em 2em 2em;
}
div.blog-box .day {
  margin-bottom: 0.5em;
  font-size: 1.3em;
  font-weight: bold;
  font-family: georgia;
  position: relative;
  padding-left: 50px;
}
div.blog-box .day::before {
  content: "";
  position: absolute;
  height: 10px;
  left: 0;
  top: 15px;
  width: 40px;
}
div.blog-box h1 {
  margin: 0 auto 1em;
  padding: 10px;
  font-size: 1.2em;
}

/* -------------------------------------------- */
/* yearlist */
/* -------------------------------------------- */
dl.yearlist {
  margin: 0 auto 1.0em;
  padding: 1em 1em 1em 0;
  max-width: 900px;
  width: 90%;
  background: #f0f0f0;
}
dl.yearlist dt {
  position: relative;
  padding-left: 50px;
  font-weight: bold;
  font-size: 1.2em;
}
dl.yearlist dt::before {
  content: "";
  position: absolute;
  height: 10px;
  left: 0;
  top: 15px;
  width: 40px;
}
dl.yearlist dd {
  margin-left: 3em;
}

/*==================================================================*/
/* pressnews css */
/*==================================================================*/
#pressnews .list table th {
  background: url("/pressnews/image/t_back.gif") repeat-x 0 bottom;
  color: #4866af;
  border-bottom: 1px solid #4866af;
}
#pressnews .list table .list table td {
  background: #fbfbfb;
  border-bottom: 1px solid #bcbcbc;
}
#pressnews .list table .list table td a {
  color: #333;
}
#pressnews .list-link a {
  color: #4866af;
}
#pressnews .list-link a:hover {
  opacity: .7;
}
#pressnews .blog-box h1 {
  background: url("/pressnews/image/detail_t_back.gif") repeat-x 0 bottom #dfe4f1;
}
#pressnews .blog-box .day {
  color: #4866af;
}
#pressnews .blog-box .day::before {
  background: #4866af;
}
#pressnews .blog-title {
  background: #4866af !important;
}

dl#pressnews dt {
  color: #4866af;
}
dl#pressnews dt::before {
  background: #4866af;
}

/*==================================================================*/
/* newsletter css */
/*==================================================================*/
#newsletter .list table th {
  background: url("/newsletter/image/t_back.gif") repeat-x 0 bottom;
  color: #538d15;
  border-bottom: 1px solid #bcbcbc;
}
#newsletter .list table .list table td {
  background: #fbfbfb;
  border-bottom: 1px solid #bcbcbc;
}
#newsletter .list table .list table td a {
  color: #333;
}
#newsletter .list-link a {
  color: #538d15;
}
#newsletter .list-link a:hover {
  opacity: .7;
}
#newsletter .blog-box h1 {
  background: url("/newsletter/image/detail_t_back.gif") repeat-x 0 bottom #d5e4c6;
}
#newsletter .blog-box .day {
  color: #538d15;
}
#newsletter .blog-box .day::before {
  background: #538d15;
}
#newsletter .blog-title {
  background: #538d15 !important;
}

dl#newsletter dt {
  color: #538d15;
}
dl#newsletter dt::before {
  background: #538d15;
}

/*==================================================================*/
/* seminar css */
/*==================================================================*/
#seminar .list table th {
  background: url("/seminar/image/t_back.gif") repeat-x 0 bottom;
  color: #48afae;
  border-bottom: 1px solid #bcbcbc;
}
#seminar .list table .list table td {
  background: #fbfbfb;
  border-bottom: 1px solid #bcbcbc;
}
#seminar .list table .list table td a {
  color: #333;
}
#seminar .list-link a {
  color: #48afae;
}
#seminar .list-link a:hover {
  opacity: .7;
}
#seminar .blog-box h1 {
  background: url("/seminar/image/detail_t_back.gif") repeat-x 0 bottom #e5f4f3;
}
#seminar .blog-box .day {
  color: #48afae;
}
#seminar .blog-box .day::before {
  background: #48afae;
}
#seminar .blog-title {
  background: #48afae !important;
}

dl#seminar dt {
  color: #48afae;
}
dl#seminar dt::before {
  background: #48afae;
}

/*==================================================================*/
/* media css */
/*==================================================================*/
#media .list table th {
  background: url("/media/image/t_back.gif") repeat-x 0 bottom;
  color: #c2001c;
  border-bottom: 1px solid #bcbcbc;
}
#media .list table .list table td {
  background: #fbfbfb;
  border-bottom: 1px solid #bcbcbc;
}
#media .list table .list table td a {
  color: #333;
}
#media .list-link a {
  color: #c2001c;
}
#media .list-link a:hover {
  opacity: .7;
}
#media .blog-box h1 {
  background: url("/media/image/detail_t_back.gif") repeat-x 0 bottom #fae9ec;
}
#media .blog-box .day {
  color: #c2001c;
}
#media .blog-box .day::before {
  background: #c2001c;
}
#media .blog-title {
  background: #c2001c !important;
}

dl#media dt {
  color: #c2001c;
}
dl#media dt::before {
  background: #c2001c;
}

/* ---------------------------------------------------------  
 PC
 ------------------------------------------------------ --- */
/* ---------------------------------------------------------  
 tablet
 ------------------------------------------------------ --- */
@media screen and (max-width: 769px) {
  .list table {
    width: 96%;
    font-size: 0.9em;
  }

  dl.yearlist {
    width: 96%;
  }

  p.btn {
    width: 96%;
  }
}
/* ---------------------------------------------------------  
 phone
 ------------------------------------------------------ --- */
@media screen and (max-width: 479px) {
  .list table th {
    padding: 10px 5px;
    min-width: 110px;
  }
  .list table td a {
    padding: 10px 5px;
  }
}