@charset "utf-8";
/* CSS Document */

/*---------------------------------------------
	General Settings
  ---------------------------------------------*/
img {
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
  vertical-align:bottom;
}

html {
	font-size: 62.5%; /* font-size reset */
}

body {
	font-size: 16px; /* base font-size */
	font-size: 1.6rem;
	line-height: 1.6;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background: #FFF;
}


/*---------------------------------------------
  Header
  ---------------------------------------------*/
header {
  min-width: 960px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2161c0+0,2372e7+100 */
  background: rgb(33,97,192); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxNjFjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzcyZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(33,97,192,1) 0%, rgba(35,114,231,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(33,97,192,1) 0%,rgba(35,114,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(33,97,192,1) 0%,rgba(35,114,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2161c0', endColorstr='#2372e7',GradientType=0 ); /* IE6-8 */
}

#header-inner {
  width: 940px;
  height: 144px;
  background: url(../img/header_bg.png) top no-repeat;
  margin: 0 auto;
  padding: 0 10px;
}

#header-inner > h1 {
  margin: 0;
  padding-top: 45px;
}



/*---------------------------------------------
  Global Navigation
  ---------------------------------------------*/
#globalnav {
  min-width: 960px;
  position: relative;
}
#globalnav::after {
  content: "";
  width: 100%;
  border-bottom: 3px solid #d2d2d2;
  position: absolute;
  bottom: 0;
  z-index: -1;
}

#globalnav > ul {
  width: 940px;
  list-style: none;
  margin: 3px auto 0;
  padding: 0;
  overflow: hidden;
}

#globalnav > ul > li {
  float: left;
  width: 25%;
  text-align: center;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}

#globalnav > ul > li a {
  display: block;
  font-weight: bold;
  color: #1b1b1b;
  text-decoration: none;
  padding: 9px 0;
  position: relative;
  z-index: 1;
  transition: all .25s ease;
}
#globalnav > ul > li a::after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  content: "";
  border-bottom: 3px solid #1d2088;
  opacity: 0;
  transition: all .25s ease;
}
#globalnav > ul > li a.current,
#globalnav > ul > li a:hover {
  color: #1d2088;
}
#globalnav > ul > li a.current::after,
#globalnav > ul > li a:hover::after {
  opacity: 1;
}



/*---------------------------------------------
  Main Column Common
  ---------------------------------------------*/
main {
  width: 940px;
  margin: 48px auto 0;
  padding: 0 10px;
  overflow: hidden;
  animation: dispMainAni 1.5s ease 0s 1 normal;
}
@keyframes dispMainAni {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

#left-column {
  width: 74.46808510638298%; /* 700px */
  float: left;
}

#right-column {
  width: 23.40425531914894%; /* 220px */
  float: right;
}

#left-column > section,
#single-column > section {
  margin-bottom: 90px;
}

#left-column > section > article,
#single-column > section > article {
  margin-bottom: 60px;
}

#left-column > section > article .post-date {
  display: block;
  width: 80px;
  font-size: .6875em;
  color: #959595;
  text-align: right;
  margin-left: auto;
  margin-right: 0;
}
#left-column > section > article .post-date::before {
  content: "\f040";
  font-family: "FontAwesome";
  margin-right: .25em;
}

#left-column > section > h1,
#left-column > section > article > h1,
#single-column > section > h1,
#single-column > section > article > h1 {
  font-size: 1.125em;
  border-bottom: 1px solid #626262;
  padding-bottom: 12px;
}

#left-column > section > h2,
#left-column > section > article > h2,
#single-column > section > article > h2,
.column-body > h2 {
  font-size: 1em;
  color: #a40000;
  margin-top: 2.25em;
}

#left-column > section > article > h3,
#single-column > section > article > h3,
.column-body > h3 {
  font-size: .9375em;
  color: #1b1b1b;
}

#left-column > section > article > p,
#left-column > section > article > ul,
#left-column > section > article > ol,
#single-column > section > article > p,
#single-column > section > article > ul,
#single-column > section > article > ol,
.column-body > p,
.column-body > ul,
.column-body > ol {
  font-size: .875em;
  color: #1b1b1b;
}
#left-column > section > article > p,
#single-column > section > article > p,
.column-body > p {
  text-indent: 1em;
}

#left-column > section > article table {
  border-top: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
  margin-bottom: 36px;
}

#left-column > section > article th,
#left-column > section > article td {
  border-bottom: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
  font-size: .875em;
  color: #1b1b1b;
  padding: 6px 20px;
  vertical-align: top;
}

#left-column > section > article th {
  text-align: left;
  background: #eee;
  z-index: 1;
}
#left-column > section > article td {
  position: relative;
}
#left-column > section > article td p {
  margin: 0;
}

#left-column > section > article tr:first-child th,
#left-column > section > article tr:first-child td {
  min-width: 115px;
}

#left-column > section > article th a,
#left-column > section > article td a {
  text-decoration: none;
}
#left-column > section > article th a:hover,
#left-column > section > article td a:hover {
  text-decoration: underline;
}

#left-column > section > article td a.dli:before {
  content: "\f019";
  font-family: "FontAwesome";
  margin-right: .25em;
}

#left-column > section > article td .note-box {
  display: block;
  width: 300px;
  background: #e5e5e5;
  padding: 12px 10px;
  position: absolute;
  left: 0;
  top: 30px;
  z-index: 2;
  display: none;
}
#left-column > section > article td .note-box-btn::before {
  content: "\f059";
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 1.125em;
  color: #eb6100;
  position: absolute;
  top: 3px;
  right: 10px;
  z-index: 3;
}
#left-column > section > article td .note-box-btn:hover::before {
  cursor: pointer;
}
#left-column > section > article td .note-box h2 {
  font-size: 1.125em;
  margin: 6px 0;
}
#left-column > section > article td .note-box p {
  margin: 3px 0;
}

#left-column > section > .back-btn a {
  display: inline-block;
  font-size: .875em;
  color: white;
  text-decoration: none;
  background: #100964;
  padding: 6px 20px;
  transition: all .25s ease;
}
#left-column > section > .back-btn a::before {
  content: "\f0a9";
  font-family: "FontAwesome";
  margin-right: .25em;
}
#left-column > section > .back-btn a:hover {
  background: #2e70c0;
}

#single-column > section > p {
  font-size: .875em;
  color: #1b1b1b;
}


/*---------------------------------------------
  Editer Only Class
  ---------------------------------------------*/
.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

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

#left-column > section > article > .no-indent,
#single-column > section > article > .no-indent {
  text-indent: 0;
}

#left-column > section > article > .note {
  text-indent: 0;
  position: relative;
  padding-left: 1.25em;
}
#left-column > section > article > .note::before {
  content: "※";
  position: absolute;
  left: 0;
}



/*---------------------------------------------
  Front Page Main
  ---------------------------------------------*/
#top-update-info > h1 {
  position: relative;
}
#top-update-info > h1 > .archive-link {
  font-size: .72em;
  font-weight: normal;
  position: absolute;
  top: 6px;
  right: 0;
}
#top-update-info > h1 > .archive-link a {
  color: #1b1b1b;
  text-decoration: none;
  transition: all .25s ease;
}
#top-update-info > h1 > .archive-link a::before {
  content: "\f0a9";
  font-family: "FontAwesome";
  color: #eb6100;
  margin-right: .25em;
  transition: all .25s ease;
}
#top-update-info > h1 > .archive-link a:hover,
#top-update-info > h1 > .archive-link a:hover::before {
  color: #00479d;
}

#update-list {
  list-style: none;
  padding: 0;
}

#update-list > li {
  border-bottom: 1px solid #c9c9c9;
  padding: 24px 0 9px;
  overflow: hidden;
  transition: all .25s ease;
}
#update-list > li:hover {
  background: #f5f5f5;
}

#update-list > li > figure {
  max-width: 180px;
  height: 135px;
  margin: 0;
  float: left;
  overflow: hidden;
}
#update-list > li > figure img {
  width: auto;
  height: 100%;
}
#update-list > li > figure a {
  transition: all .25s ease;
}
#update-list > li > figure a:hover {
  opacity: .75;
}

#update-list > li .info-meta {
  width: 71.42857142857143%;
  float: right;
}

#update-list > li .info-meta a.info-title {
  font-weight: bold;
  text-decoration: none;
}
#update-list > li .info-meta a.info-title:hover {
  text-decoration: underline;
}

#update-list > li .info-meta dl.schedule {
  overflow: hidden;
  margin-top: 6px;
}

#update-list > li .info-meta dl.schedule dt,
#update-list > li .info-meta dl.schedule dd {
  float: left;
  border: 1px solid #eb6100;
  padding: 3px 20px;
}

#update-list > li .info-meta dl.schedule dt {
  font-size: .875em;
  color: white;
  background: #eb6100;
}

#update-list > li .info-meta dl.schedule dd {
  font-size: .875em;
  color: #eb6100;
  margin: 0;
}

#update-list > li .info-meta p.cmt {
  font-size: .875em;
  color: #1b1b1b;
}

#update-list > li .info-meta > time {
  display: block;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .6875em;
  color: #959595;
  text-align: right;
}
#update-list > li .info-meta > time::before {
  content: "\f040";
  font-family: "FontAwesome";
  margin-right: .25em;
}


#top-pickup > .pickup-wrap {
  overflow: hidden;
}

#top-pickup > .pickup-wrap .pickup-left {
  width: 65.71428571428571%;
  float: left;
}

#top-pickup > .pickup-wrap .pickup-left > h2 {
  margin-bottom: 3px;
}
#top-pickup > .pickup-wrap .pickup-left > h2 a {
  text-decoration: none;
}
#top-pickup > .pickup-wrap .pickup-left > h2 a:hover {
  text-decoration: underline;
}

#top-pickup > .pickup-wrap .pickup-left .addition1,
#top-pickup > .pickup-wrap .pickup-left .addition2,
#top-pickup > .pickup-wrap .pickup-left .excerpt {
  font-size: .875em;
}
#top-pickup > .pickup-wrap .pickup-left .addition1,
#top-pickup > .pickup-wrap .pickup-left .addition2 {
  margin: 0;
}
#top-pickup > .pickup-wrap .pickup-left .addition2 {
  color: red;
}

#top-pickup > .pickup-wrap .pickup-left .read-btn {
  font-size: .875em;
}
#top-pickup > .pickup-wrap .pickup-left .read-btn a {
  display: inline-block;
  color: white;
  text-decoration: none;
  background: #100964;
  padding: 6px 20px;
  transition: all .25s ease;
}
#top-pickup > .pickup-wrap .pickup-left .read-btn a::before {
  content: "\f0a9";
  font-family: "FontAwesome";
  margin-right: .25em;
}
#top-pickup > .pickup-wrap .pickup-left .read-btn a:hover {
  background: #2e70c0;
}

#top-pickup > .pickup-wrap > figure {
  width: 31.42857142857143%;
  float: right;
  margin: 1.5em 0;
}
#top-pickup > .pickup-wrap > figure a {
  text-decoration: none;
}
#top-pickup > .pickup-wrap > figure a img{
  transition: all .25s ease;
}
#top-pickup > .pickup-wrap > figure a img:hover {
  opacity: .75;
}
#top-pickup > .pickup-wrap > figure a figcaption {
  font-size: .75em;
}
#top-pickup > .pickup-wrap > figure a:hover {
  text-decoration: underline;
}


#top-column-msg > h1 {
  position: relative;
}
#top-column-msg > h1 > .archive-link {
  font-size: .72em;
  font-weight: normal;
  position: absolute;
  top: 6px;
  right: 0;
}
#top-column-msg > h1 > .archive-link a {
  color: #1b1b1b;
  text-decoration: none;
  transition: all .25s ease;
}
#top-column-msg > h1 > .archive-link a::before {
  content: "\f0a9";
  font-family: "FontAwesome";
  color: #eb6100;
  margin-right: .25em;
  transition: all .25s ease;
}
#top-column-msg > h1 > .archive-link a:hover,
#top-column-msg > h1 > .archive-link a:hover::before {
  color: #00479d;
}

#top-column-msg ul#column-list {
  list-style: none;
  padding: 0;
}

#top-column-msg ul#column-list > li {
  font-size: .875em;
  border-bottom: 1px dotted #a6a6a6;
  padding: 1em 0;
}
#top-column-msg ul#column-list > li > time {
  display: inline-block;
  min-width: 140px;
  color: #535353;
}
#top-column-msg ul#column-list > li a {
  text-decoration: none;
}
#top-column-msg ul#column-list > li a:hover {
  text-decoration: underline;
}




/*---------------------------------------------
  Front Page Side
  ---------------------------------------------*/
#top-login {
  margin-bottom: 48px;
}

#top-login > .login-box {
  color: white;
  text-align: center;
  background: #eb6100;
  padding: 0 20px 12px;
  overflow: hidden;
}

#top-login > .login-box > h1 {
  font-size: 1.125em;
}
#top-login > .login-box > h1::before {
  content: "\f007";
  font-family: "FontAwesome";
  margin-right: .25em;
}

#top-login > .login-box > .login-btn a {
  display: block;
  font-weight: bold;
  color: white;
  text-decoration: none;
  border: 1px solid white;
  padding: 9px 0;
  transition: all .25s ease;
}
#top-login > .login-box > .login-btn a::before {
  content: "\f0a9";
  font-family: "FontAwesome";
  margin-right: .25em;
}
#top-login > .login-box > .login-btn a:hover {
  background: #eb2700;
}
#top-login > .login-box > .login-btn a:hover::before {
  animation: lbAni .5s ease 0s 1 normal;
}
@keyframes lbAni {
  0% { margin-right: .25em; }
  50% { margin-right: .5em; }
  100% { margin-right: .25em; }
}

#top-login > .login-box + p {
  font-size: .875em;
  color: #1b1b1b;
}



#top-side-project {
  margin-bottom: 48px;
}

#top-side-project > ul {
  list-style: none;
  padding: 0;
}

#top-side-project > ul > li {
  font-size: .875em;
  margin-bottom: 12px;
}

#top-side-project > ul > li a {
  display: block;
  color: white;
  text-decoration: none;
  background: #100964;
  padding: 1em 20px;
  position: relative;
  transition: all .25s ease;
}
#top-side-project > ul > li a::after {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  right: 1em;
  transition: all .25s ease;
}
#top-side-project > ul > li a:hover {
  background: #2e70c0;
}
#top-side-project > ul > li a:hover::after {
  right: .5em;
}


#top-side-bnr > ul {
  list-style: none;
  padding: 0;
}

#top-side-bnr > ul > li {
  margin-bottom: 12px;
}

#top-side-bnr > ul > li a {
  transition: all .25s ease;
}
#top-side-bnr > ul > li a:hover {
  opacity: .75;
}



/*---------------------------------------------
  Breadcrumb List
  ---------------------------------------------*/
#breadcrumb {
  min-width: 960px;
  background: #f5f5f5;
  overflow: hidden;
}

#breadcrumb > ol {
  width: 940px;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

#breadcrumb > ol > li {
  display: inline-block;
  font-size: .8125em;
}

#breadcrumb > ol > li:not(:first-child)::before {
  content: "\f105";
  font-family: "FontAwesome";
  margin-right: .5em;
}

#breadcrumb > ol > li a {
  color: #1b1b1b;
  text-decoration: none;
}
#breadcrumb > ol > li a:hover {
  color: #00479d;
}
#breadcrumb > ol > li:first-child a::before {
  content: "\f015";
  font-family: "FontAwesome";
  margin-right: .25em;
}



/*---------------------------------------------
  Right Navigation
  ---------------------------------------------*/
#right-nav > h2 {
  font-size: .9375em;
  font-weight: normal;
  margin: 0;
}
#right-nav > h2 a {
  display: block;
  color: white;
  text-decoration: none;
  background: #100964;
  padding: .875em 20px;
  position: relative;
  transition: all .25s ease;
}
#right-nav > h2 a::after {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  right: 1em;
  transition: all .25s ease;
}
#right-nav > h2 a:hover {
  background: #2e70c0;
}
#right-nav > h2 a:hover::after {
  right: .5em;
}

#right-nav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#right-nav > ul > li {
  font-size: .875em;
  border: 1px solid #c9c9c9;
}

#right-nav > ul > li > a {
  display: block;
  text-decoration: none;
  padding: 1em 20px;
  background: #f5f5f5;
  position: relative;
  z-index: 1;
  transition: all .25s ease;
}
#right-nav > ul > li:not(:last-child) {
  border-bottom: none;
}
#right-nav > ul > li > a::before {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  right: 1em;
  z-index: 3;
  transition: all .25s ease;
}
#right-nav > ul > li > a::after {
  content: "";
  width: 0;
  height: 100%;
  background: #00479d;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  transition: all .25s ease;
}
#right-nav > ul > li > a:hover,
#right-nav > ul > li > a.current  {
  background: #cde6f0;
}
#right-nav > ul > li > a:hover::before {
  color: white;
}
#right-nav > ul > li > a:hover::after {
  width: 30px;
}

#right-nav > ul > li > ul {
  list-style: none;
  padding: 0;
  padding-left: 20px;
  background: #cde6f0;
}
#right-nav > ul > li > ul > li a {
  display: block;
  text-decoration: none;
  background: white;
  border-top: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
  padding: 6px 15px;
  transition: all .25s ease;
}
#right-nav > ul > li > ul > li a:hover,
#right-nav > ul > li > ul > li a.current {
  background: #cde6f0;
}



/*---------------------------------------------
  Login
  ---------------------------------------------*/
#login-box {
  background: #eee;
  padding: 12px 20px 48px;
}

#login-box dt,
#login-box dd {
  display: inline-block;
  font-size: .875em;
  padding: 12px 0;
  vertical-align: top;
}
#login-box dd {
  width: 85%;
}

#login-box dd span {
  display: block;
  font-size: .8125em;
  color: #535353;
  margin-top: 3px;
}

#login-box .login-btn {
  font-size: .9375em;
}

#login-box .login-btn > input[type="submit"] {
  width: 180px;
  font-weight: bold;
  color: white;
  background: #eb6100;
  border: 1px solid white;
  padding: 6px 0;
  transition: all .25s ease;
}
#login-box .login-btn > input[type="submit"]:hover {
  background: #eb2700;
}

#logged {
  text-align: center;
  background: #eee;
  margin-bottom: 24px;
  padding: 6px 20px;
}

#logged > .status {
  font-size: .875em;
}
#logged > .status::before {
  content: "\f007";
  font-family: "FontAwesome";
  margin-right: .25em;
}

#logged > .logout-btn {
  font-size: .875em;
}
#logged > .logout-btn button {
  width: 100%;
  color: white;
  background: #eb6100;
  border: white 1px solid;
  transition: all .25s ease;
}
#logged > .logout-btn button::before {
  content: "\f08b";
  font-family: "FontAwesome";
  margin-right: .25em;
}
#logged > .logout-btn button:hover {
  background: #eb2700;
}



/*---------------------------------------------
  About Navigation
  ---------------------------------------------*/
#about-nav > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  list-style: none;
  padding: 0;
  overflow: hidden\9; /* IE9-IE10 */
}

#about-nav > ul > li {
  width: 31.42857142857143%;
  margin-bottom: 24px;
  float: left\9; /* IE9-IE10 */
}
#about-nav > ul > li:not(:nth-child(3n)) {
  margin-right: 2.857142857142857%\9; /* IE9-IE10 */
}
#about-nav > ul > li:last-child {
  margin-right: auto;
  margin-left: 2.857142857142857%;
  margin-left: 0\9; /* IE9-IE10 */
}
#about-nav > ul > li img {
  display: block;
  margin: 12px auto;
}
#about-nav > ul > li a {
  display: block;
  height: auto;
  text-decoration: none;
  text-align: center;
  background: #f5f5f5;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
  padding: 1.0em 0;
  transition: all .25s ease;
}
#about-nav > ul > li a:hover {
  background: #cde6f0;
}
#about-nav > ul > li a em {
  font-style: normal;
}
#about-nav > ul > li a em::before {
  content: "\f0a9";
  font-family: "FontAwesome";
  margin-right: .25em;
}


/*---------------------------------------------
  Project Navigation
  ---------------------------------------------*/
#project-nav > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  overflow: hidden\9; /* IE9-IE10 */
}

#project-nav > ul > li {
  width: 31.42857142857143%;
  margin-bottom: 24px;
  float: left\9; /* IE9-IE10 */
}
#project-nav > ul > li:not(:nth-child(3n)) {
  margin-right: 2.857142857142857%\9; /* IE9-IE10 */
}

#project-nav > ul > li img {
  display: block;
  margin: 24px auto;
}

#project-nav > ul > li a {
  display: block;
  text-decoration: none;
  text-align: center;
  border: 1px solid #c9c9c9;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
  background: rgb(255,255,255); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
  padding: 1.5em 0;
  transition: all .25s ease;
}
#project-nav > ul > li a em {
  font-weight: bold;
  font-style: normal;
}
#project-nav > ul > li a:hover {
  text-decoration: underline;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,c5d5d8+100 */
  background: rgb(255,255,255); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNWQ1ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(197,213,216,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(197,213,216,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(197,213,216,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c5d5d8',GradientType=0 ); /* IE6-8 */
}


/*---------------------------------------------
  Members Navigation
  ---------------------------------------------*/
#members-cat > ul {
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  overflow: hidden;
}

#members-cat > ul > li {
  width: 31.42857142857143%;
  font-size: .9375em;
  margin-bottom: 24px;
  float: left;
}
#members-cat > ul > li:not(:nth-child(3n)) {
  margin-right: 2.857142857142857%;
}

#members-cat > ul > li a {
  display: block;
  text-decoration: none;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
  background: #f5f5f5;
  text-align: center;
  padding: 2em 1em;
  transition: all .25s ease;
}
#members-cat > ul > li a:hover {
  background: #cde6f0;
}
#members-cat > ul > li a::before {
  content: "\f0a9";
  font-family: "FontAwesome";
  margin-right: .25em;
}



/*---------------------------------------------
  About Style
  ---------------------------------------------*/
.google-link {
  margin: 24px 0;
}

.google-link a {
  display: inline-block;
  color: white;
  text-decoration: none;
  background: #eb6100;
  padding: 3px 40px;
  transition: all .25s ease;
}
.google-link a:hover {
  background: #eb2700;
}
.google-link a::before {
  content: "\f061";
  font-family: "FontAwesome";
  margin-right: .25em;
}


/*---------------------------------------------
  Project Style
  ---------------------------------------------*/
.project-list {
  width: 100%;
}

.project-header {
  overflow: hidden;
  margin-bottom: 60px;
}

.project-header > figure {
  width: 42.85714285714286%;
  /*height: 225px;*/
  float: left;
  margin: 0;
  overflow: hidden;
}
.project-header > figure a {
  text-decoration: none;
}
.project-header > figure a img {
  transition: all .25s ease;
}
.project-header > figure a:hover img {
  opacity: .75;
}

.project-header > figure figcaption {
  font-size: .75em;
}

.project-header > .project-meta {
  width: 54.28571428571429%;
  float: right;
}

.project-header > .project-meta > h1 {
  font-size: 1.5em;
  color: #00479d;
}

.project-header > .project-meta .schedule {
  overflow: hidden;
  margin-top: 6px;
}

.project-header > .project-meta .schedule dt,
.project-header > .project-meta .schedule dd {
  float: left;
  border: 1px solid #eb6100;
  padding: 3px 20px;
}

.project-header > .project-meta .schedule dt {
  font-size: .875em;
  color: white;
  background: #eb6100;
}

.project-header > .project-meta .schedule dd {
  font-size: .875em;
  color: #eb6100;
  margin: 0;
}

.post-photos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  overflow: hidden\9; /* IE9-IE10 */
}

.post-photos > li {
  width: 48.57142857142857%;
  float: left\9; /* IE9-IE10 */
}
.post-photos > li:not(:nth-child(2n)) {
  margin-right: 2.857142857142857%\9; /* IE9-IE10 */
}

.post-photos > li a {
  text-decoration: none;
}
.post-photos > li a img {
  transition: all .25s ease;
}
.post-photos > li a:hover {
  text-decoration: underline;
}
.post-photos > li a:hover img {
  opacity: .75;
}

.post-photos > li figure {
  margin: 0;
}
.post-photos > li figure figcaption {
  font-size: .9286em;
}


/*---------------------------------------------
  Column & Message Style
  ---------------------------------------------*/
#column-list {
  width: 100%;
}
#column-list th:first-child {
  width: 140px;
}

.column-body > h1 {
  font-size: 1.5em;
  color: #00479d;
  margin-bottom: 60px;
}


/*---------------------------------------------
  Members Style
  ---------------------------------------------*/
#members-list {
  width: 100%;
}
#members-list th:first-child {
  width: 140px;
}


/*---------------------------------------------
  Footer
  ---------------------------------------------*/
footer {
  min-width: 960px;
  background: #171541;
  margin-top: 48px;
}

#page-top {
  width: 940px;
  margin: 0 auto;
  position: relative;
}

#page-top a {
  display: block;
  width: 42px;
  height: 42px;
  text-align: center;
  text-decoration: none;
  background: #00479d;
  border-radius: 100%;
  position: absolute;
  top: -6px;
  right: 0;
  transition: all .25s ease;
}
#page-top a:hover {
  background: #2e70c0;
}
#page-top a::before {
  content: "\f077";
  font-family: "FontAwesome";
  font-size: 1.125em;
  color: white;
  position: relative;
  bottom: -.3em;
}

#footer-inner {
  width: 940px;
  margin: 0 auto;
  padding: 54px 0;
  overflow: hidden;
}

#footer-nav {
  width: 700px;
  float: left;
  border-right: 1px solid #a0a0a0;
}

#footer-nav nav {
  width: 220px;
  float: left;
}

#footer-nav nav > ul {
  list-style: none;
  padding: 0;
}

#footer-nav nav > ul > li {
  font-size: .875em;
  font-weight: bold;
  margin-bottom: 1em;
}
#footer-nav nav > ul > li > a {
  color: white;
  text-decoration: none;
  transition: all .25s ease;
}
#footer-nav nav > ul > li > a:hover {
  color: yellow;
  text-decoration: underline;
}

#footer-nav nav > ul > li > ul {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}

#footer-nav nav > ul > li > ul > li {
  font-size: .857em;
  font-weight: normal;
  margin-bottom: .75em;
}

#footer-nav nav > ul > li > ul > li a {
  color: #959595;
  text-decoration: none;
  transition: all .25s ease;
}
#footer-nav nav > ul > li > ul > li a:hover {
  color: white;
  text-decoration: underline;
}


#footer-profile {
  width: 220px;
  height: 100%;
  float: right;
  color: #959595;
}

#footer-profile > h1 {
  font-size: .875em;
}
#footer-profile > h1 > sub {
  display: block;
  font-size: .714em;
  font-weight: normal;
  margin: 6px 0;
}

#footer-profile > address {
  font-size: .75em;
  font-style: normal;
  margin: 2em 0 0;
}

.access-link {
  font-size: .75em
}

.access-link a {
  color: #959595;
  text-decoration: none;
  transition: all .25s ease;
}

.access-link a:hover {
  color: white;
  text-decoration: underline;
}


/*---------------------------------------------
  Copyright
  ---------------------------------------------*/
#copyright {
  min-width: 960px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .625em;
  color: #959595;
  text-align: center;
  background: #1b1b1b;
  margin: 0;
  padding: 21px 0 66px;
}