@charset "UTF-8";
/* ==========================================================================
Mixins
========================================================================== */
/**
 * Micro Clear Fix Hack
 * URL: http://nicolasgallagher.com/micro-clearfix-hack/
 */
/*--------------color--------*/
/*--------------viwpoint--------*/
/*--------------footer_height--------*/
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  display: block;
}

body {
  color: #231815;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 1.4rem;
  background-color: #CCC;
}
p.p-1em{
  text-indent: 1em;
}
ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.koz {
  font-family: "kozuka-gothic-pr6n",sans-serif;
  font-style: normal;
}

.acu {
  font-family: "acumin-pro-condensed",sans-serif;
  font-style: normal;
  font-weight: 600;
}

a:link {
  color: #2f72e5;
  opacity: 1;
  text-decoration: none;
}
a:hover {
  opacity: 0.6;
  text-decoration: underline;
}
a:visited {
  color: #2f72e5;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

body,
html {
  height: 100%;
}

.nav_mobile {
  display: none;
}

#wrap {
  width: 100%;
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  background-color: #CCC;
}
#wrap header#header {
  width: 100%;
  margin: 0 auto;
  border-top: 4px solid #B53B8D;
}
#wrap header#header.mobile_hedder {
  display: none;
}
#wrap header#header.pc_hedder {
  display: block;
}
#wrap header#header .description {
  background-color: #CCC;
  margin-top: 9px;
}
#wrap header#header .description .line {
  width: 800px;
  margin: 0 auto;
  border-bottom: 1px dotted #fff;
  border-top: 1px dotted #fff;
  background-color: #325dce;
  border-left: 2px solid #fff;
  border-right: 2px solid #597fbf;
}
#wrap header#header .description .inner {
  padding: 15px;
  width: 770px;
  background-color: #f4e4d5;
  margin: 0 auto;
  padding-top: 12px;
  padding-bottom: 12px;
  border-left: 2px solid #fff;
  border-right: 2px solid #597fbf;
}
#wrap header#header .description .inner {
  *zoom: 1;
}
#wrap header#header .description .inner:before, #wrap header#header .description .inner:after {
  content: " ";
  display: table;
}
#wrap header#header .description .inner:after {
  clear: both;
}
#wrap header#header .description .inner .img {
  width: 68px;
  float: left;
  margin-right: 15px;
}
#wrap header#header .description .inner .img img {
  display: block;
}
#wrap header#header .description .inner p {
  line-height: 23px;
}
#wrap header#header .gnavi {
  width: 100%;
  margin: 0 auto;
  height: 30px;
}
#wrap header#header .gnavi ul {
  width: 680px;
  margin: 6px auto 0;
  display: table;
  height: 24px;
}
#wrap header#header .gnavi ul li {
  text-align: center;
  border-left: 1px solid #FFF;
  height: 24px;
  position: relative;
  display: table-cell;
}
#wrap header#header .gnavi ul li:last-child {
  border-right: 1px solid #FFF;
}
#wrap header#header .gnavi ul li a {
  display: block;
  margin: 0 3px;
  font-size: 18px;
  color: #d9e2f0;
  line-height: 24px;
}
#wrap header#header .gnavi ul li a:hover {
  background-color: rgba(217, 226, 240, 0.4);
  text-decoration: none;
  opacity: 1;
}
#wrap header#header .gnavi ul li:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
}
#wrap header#header .gnavi ul li:hover ul.sub {
  visibility: visible;
  opacity: 1;
}
#wrap header#header .gnavi ul li ul.sub {
  display: block;
  z-index: 9999;
  margin: 0px 0 0 0;
  width: 180px;
  height: initial;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
#wrap header#header .gnavi ul li ul.sub:before {
  content: "";
  display: block;
  height: 10px;
  width: 180px;
}
#wrap header#header .gnavi ul li ul.sub li {
  background: rgba(47, 114, 229, 0.9);
  display: block;
  border-left: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  height: inherit;
}
#wrap header#header .gnavi ul li ul.sub li:last-child {
  border: none;
}
#wrap header#header .gnavi ul li ul.sub li a {
  margin: 0;
  padding: 5px 0;
  font-size: 15px;
}
#wrap header#header .line {
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px dotted #fff;
  border-top: 1px dotted #fff;
}
#wrap #contents {
  background-color: #f4e4d5;
  position: relative;
  z-index: 9998;
  width: 800px;
  margin: 0 auto;
  border-left: 2px solid #fff;
  border-right: 2px solid #597fbf;
}
#wrap #contents {
  *zoom: 1;
}
#wrap #contents:before, #wrap #contents:after {
  content: " ";
  display: table;
}
#wrap #contents:after {
  clear: both;
}
#wrap #contents .inner {
  padding: 15px;
}
#wrap #contents .inner {
  *zoom: 1;
}
#wrap #contents .inner:before, #wrap #contents .inner:after {
  content: " ";
  display: table;
}
#wrap #contents .inner:after {
  clear: both;
}
#wrap #contents .inner .aside {
  width: 180px;
  float: left;
}
#wrap #contents .inner .aside {
  *zoom: 1;
}
#wrap #contents .inner .aside:before, #wrap #contents .inner .aside:after {
  content: " ";
  display: table;
}
#wrap #contents .inner .aside:after {
  clear: both;
}
#wrap #contents .inner .aside .right {
  width: 160px;
  margin-top: 60px;
}
#wrap #contents .inner .aside .left ul li a {
  display: block;
  background-image: url("../img/mark_rerated.png");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: left;
  padding: 0 0 0 12px;
}
#wrap #contents .inner .aside .left ul li a:visited {
  opacity: 0.6;
}
#wrap #contents .inner .main {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
#wrap #contents .inner .aside + .main {
  padding-left: 24px;
  border-left: 2px solid #fff;
}

#wrap #contents .inner .main > h2{
  margin-top: 0;
}

#wrap #contents .inner .main .box01 {
  background: #fff;
  padding: 12px;
  font-size: 12px;
  margin-top: 0px;
}
#wrap #contents .inner .main .headline_middle {
  font-size: 20px;
  color: #335ba8;
  margin-top: 24px;
  margin-bottom: 15px;
  border-bottom: 2px dotted #335ba8;
  border-left: 5px solid #335ba8;
  padding: 4px 8px 8px 16px;
  line-height: 1.3;
}
#wrap #contents .inner .main .headline_mini01 {
  font-size: 14px;
  font-weight: bold;
  color: #335ba8;
  margin-top: 12px;
  padding: 8px 8px 8px 20px;
  background-image: url("../img/headline_mini01.png");
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: left;
}
#wrap #contents .inner .main .headline_mini02 {
  font-size: 14px;
  font-weight: bold;
  color: #335ba8;
  margin-top: 12px;
  padding: 8px 8px 8px 20px;
  background-image: url("../img/headline_mini02.png");
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: left;
}
#wrap #contents .inner .main .sentence {
  font-size: 12px;
  padding: 0 0 0 20px;
}
#wrap #contents .inner .main .box02 {
  padding: 12px;
  font-size: 11px;
  border: 2px dotted #335ba8;
  border-left: 5px solid #335ba8;
  margin-top: 12px;
  margin-bottom: 12px;
}
#wrap #contents .inner .main .headline_small {
  font-size: 20px;
  color: #335ba8;
  margin-top: 20px;
  margin-bottom: 15px;
  padding: 8px 8px 8px 16px;
  background-image: url("../img/headline.png");
  background-repeat: repeat-x;
  background-position: bottom;
  background-size: 4px;
}
#wrap #contents .inner .main ul {
  margin: 30px 0;
}
#wrap #contents .inner .main ul li {
  padding: 0 0 10px 0;
}
#wrap #contents .inner .main ul li a {
  display: block;
  background-image: url("../img/mark_list.png");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: left 5px;
  padding: 0 0 0 10px;
}
#wrap #contents .inner .main ul li a:visited {
  opacity: 0.6;
}
#wrap #contents .inner .main ul li ul {
  margin: 0 0 0 24px;
}
#wrap #contents .inner .main ul li ul li {
  padding: 0;
}
#wrap #contents .inner .main .line {
  border-bottom: 2px dotted #335ba8;
}
#wrap #contents .inner .main table {
  width: 100%;
  margin: 10px 0;
}
#wrap #contents .inner .main table thead tr th,
#wrap #contents .inner .main table thead tr td,
#wrap #contents .inner .main table tbody tr th,
#wrap #contents .inner .main table tbody tr td {
  padding: 8px;
  border: 1px solid #335ba8;
}
#wrap #contents .inner .main table thead tr th,
#wrap #contents .inner .main table tbody tr th {
  min-width: 30%;
  background-color: #d8e1f0;
}
#wrap #contents .inner .main table thead td {
  background-color: #d8e1f0;
}
#wrap #contents .footer {
  display: block;
  width: 100%;
  border-bottom: 4px solid #b53c8d;
}
#wrap footer#footer {
  background-color: #CCC;
  width: 100%;
  height: 100px;
}
#wrap footer#footer.mobile_footer {
  display: none;
}
#wrap footer#footer.pc_footer {
  display: block;
}
#wrap footer#footer .inner {
  width: 800px;
  margin: 0 auto;
}
#wrap footer#footer .inner .logo_footer {
  margin-top: 15px;
  display: block;
  width: 179px;
  float: left;
}
#wrap footer#footer .inner p {
  width: 578px;
  float: right;
  margin-top: 15px;
  font-size: 10px;
  line-height: 1.2rem;
}

.more_btn {
  text-align: center;
  font-weight: bold;
  display: block;
  border-top-width: 2px;
  border-top-style: dotted;
  padding-top: 5px;
}

.more_btn:hover {
  text-decoration: none;
}

body#home header#header .gnavi ul .home a {
  background-color: #d9e2f0;
  color: #325dce;
}
body#outline header#header .gnavi ul .outline > a {
  background-color: #d9e2f0;
  color: #325dce;
}
body#certificated_sites header#header .gnavi ul .certificated_sites > a {
  background-color: #d9e2f0;
  color: #325dce;
}
body#voice header#header .gnavi ul .voice > a {
  background-color: #d9e2f0;
  color: #325dce;
}
body#apply header#header .gnavi ul .apply > a {
  background-color: #d9e2f0;
  color: #325dce;
}
body#document header#header .gnavi ul .document > a {
  background-color: #d9e2f0;
  color: #325dce;
}

.text-black {
  color: #231815;
}

.bg-black {
  background-color: #231815;
}

.text-blue {
  color: #0338c4;
}

.bg-blue {
  background-color: #0338c4;
}

.text-lightblue {
  color: #335ba8;
}

.bg-lightblue {
  background-color: #335ba8;
}

.text-green {
  color: #006837;
}

.bg-green {
  background-color: #006837;
}

.text-purple {
  color: #4E3CB3;
}

.bg-purple {
  background-color: #4E3CB3;
}

.text-pink {
  color: #B53B8D;
}

.bg-pink {
  background-color: #B53B8D;
}

.text-orange {
  color: #E86C18;
}

.bg-orange {
  background-color: #E86C18;
}

.text-red {
  color: #C00506;
}

.bg-red {
  background-color: #C00506;
}

.border-blue {
  border-color: #0338c4 !important;
}

.border-lightblue {
  border-color: #335ba8 !important;
}

.border-green {
  border-color: #006837 !important;
}

.border-purple {
  border-color: #4E3CB3 !important;
}

.border-pink {
  border-color: #B53B8D !important;
}

.border-orange {
  border-color: #E86C18 !important;
}

#home #wrap #contents section#main .inner .description {
  *zoom: 1;
}
#home #wrap #contents section#main .inner .description:before, #home #wrap #contents section#main .inner .description:after {
  content: " ";
  display: table;
}
#home #wrap #contents section#main .inner .description:after {
  clear: both;
}
#home #wrap #contents section#main .inner .description img {
  display: block;
}
#home #wrap #contents section#main .inner .description .link {
  display: block;
  width: 240px;
  float: right;
  text-align: right;
  background-image: url("../img/arrow01_blue.png");
  background-position: right center;
  background-size: 14px 12px;
  background-repeat: no-repeat;
  padding-right: 20px;
  margin: 12px 0 8px;
}
#home #wrap #contents section#main .logo {
  clear: both;
  width: 137px;
  float: left;
}
#home #wrap #contents section#main .slide {
  width: 600px;
  height: 213px;
  float: right;
  background-color: #fff;
  border: 4px solid #fff;
  overflow: hidden;
}
#home #wrap #contents section#main .slide {
  *zoom: 1;
}
#home #wrap #contents section#main .slide:before, #home #wrap #contents section#main .slide:after {
  content: " ";
  display: table;
}
#home #wrap #contents section#main .slide:after {
  clear: both;
}
#home #wrap #contents section#main .slide .left,
#home #wrap #contents section#main .slide .right {
  width: 300px;
  float: left;
  display: none;
}
#home #wrap #contents section#main .slide .left a,
#home #wrap #contents section#main .slide .right a {
  display: block;
}
#home #wrap #contents section#main .slide .right {
  float: right;
}
#home #wrap #contents section#main .name {
  width: 602px;
  float: right;
  margin-top: 14px;
  margin-right: 4px;
}
#home #wrap #contents section#main .name img {
  display: block;
  width: 100%;
}
#home #wrap #contents section#certificated_sites {
  margin-top: 15px;
  margin-bottom: 15px;
  height: 100%;
  display: block;
  position: relative;
}
#home #wrap #contents section#certificated_sites {
  *zoom: 1;
}
#home #wrap #contents section#certificated_sites:before, #home #wrap #contents section#certificated_sites:after {
  content: " ";
  display: table;
}
#home #wrap #contents section#certificated_sites:after {
  clear: both;
}
#home #wrap #contents section#certificated_sites .head {
  width: 36px;
  float: left;
  border-radius: 0 13px 13px 0;
}
#home #wrap #contents section#certificated_sites .head img {
  display: block;
  width: 14px;
  margin: 13px auto;
}
#home #wrap #contents section#certificated_sites .sites {
  *zoom: 1;
}
#home #wrap #contents section#certificated_sites .sites:before, #home #wrap #contents section#certificated_sites .sites:after {
  content: " ";
  display: table;
}
#home #wrap #contents section#certificated_sites .sites:after {
  clear: both;
}
#home #wrap #contents section#certificated_sites .sites .site {
  width: 227px;
  float: left;
  margin-left: 22px;
}
#home #wrap #contents section#certificated_sites .sites .site .title {
  border-radius: 10px 10px 0 0;
  padding: 6px 0 2px 10px;
  font-size: 16px;
  color: #fff;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  font-style: normal;
}
#home #wrap #contents section#certificated_sites .sites .site .details {
  border-top: dotted 3px #006837;
  border-left: solid 2px #006837;
  border-right: solid 2px #006837;
  padding: 10px;
}
#home #wrap #contents section#certificated_sites .sites .site .details img {
  width: 53px;
  float: left;
  margin-right: 20px;
}
#home #wrap #contents section#certificated_sites .sites .site .details .description {
  font-size: 13px;
  margin-bottom: 16px;
  line-height: 1.2rem;
  min-height: 76px;
}
#home #wrap #contents section#certificated_sites .sites .site .details .link {
  display: block;
  text-align: right;
  background-image: url("../img/arrow01_blue.png");
  background-position: right center;
  background-size: 14px 12px;
  background-repeat: no-repeat;
  padding-right: 20px;
  margin-top: 10px;
  line-height: 12px;
  font-size: 12px;
  padding-bottom: 1px;
}
#home #wrap #contents section#certificated_sites .sites .site .bottom {
  border-radius: 0 0 10px 10px;
  padding: 8px 12px 8px 0;
}
#home #wrap #contents section#certificated_sites .sites .site .bottom .link {
  font-size: 13px;
  display: block;
  color: #fff;
  background-image: url("../img/arrow01_white.png");
  background-position: right center;
  background-size: 14px 12px;
  background-repeat: no-repeat;
  text-align: right;
  padding-right: 20px;
  line-height: 12px;
}
#home #wrap #contents section.new_photos {
  position: relative;
  margin-bottom: -8px;
}
#home #wrap #contents section.new_photos {
  *zoom: 1;
}
#home #wrap #contents section.new_photos:before, #home #wrap #contents section.new_photos:after {
  content: " ";
  display: table;
}
#home #wrap #contents section.new_photos:after {
  clear: both;
}
#home #wrap #contents section.new_photos .head {
  width: 36px;
  float: left;
  border-radius: 0 13px 13px 0;
}
#home #wrap #contents section.new_photos .head img {
  display: block;
  width: 14px;
  margin: 13px auto;
}
#home #wrap #contents section.new_photos .slide {
  width: 729px;
  height: 155px;
  float: right;
  margin-right: 15px;
}
#home #wrap #contents section.new_photos .slide .swiper-slide .box {
  display: block;
  background-color: #FFF;
  width: 141px;
  margin-bottom: 8px;
  border-right: #2f72e5 1px solid;
  border-bottom: #2f72e5 1px solid;
}
#home #wrap #contents section.new_photos .slide .swiper-slide .box img {
  padding: 7px 7px 0 7px;
  display: block;
  width: 126px;
}
#home #wrap #contents section.new_photos .slide .swiper-slide .box p {
  margin: 5px 8px 8px 8px;
  font-size: 10px;
  line-height: 12px;
  height: 10px;
  overflow: hidden;
}
#home #wrap #contents section.new_photos .slide .swiper-slide .box p:before {
  content: "";
  display: block;
  float: left;
  height: 8px;
  width: 8px;
  margin: 2px;
}
#home #wrap #contents section.new_photos .slide .swiper-slide .box p.grow:before {
  background-color: #4E3CB3;
}
#home #wrap #contents section.new_photos .slide .swiper-slide .box p.oacis:before {
  background-color: #B53B8D;
}
#home #wrap #contents section.new_photos .slide .swiper-slide .box p.create:before {
  background-color: #E86C18;
}
#home #wrap #contents section.new_photos .slide .swiper-button-next {
  width: 100px;
  padding: 0 20px 0 0;
  background-position: right center;
  width: 60px;
  padding: 0 20px 0 0;
  line-height: 12px;
  color: #808080;
}
#home #wrap #contents section.certificated_sites_info, #home #wrap #contents section.news {
  width: 729px;
  float: right;
  margin-right: 16px;
  margin-top: 37px;
  margin-bottom: 14px;
}
#home #wrap #contents section.certificated_sites_info, #home #wrap #contents section.news {
  *zoom: 1;
}
#home #wrap #contents section.certificated_sites_info:before, #home #wrap #contents section.certificated_sites_info:after, #home #wrap #contents section.news:before, #home #wrap #contents section.news:after {
  content: " ";
  display: table;
}
#home #wrap #contents section.certificated_sites_info:after, #home #wrap #contents section.news:after {
  clear: both;
}
#home #wrap #contents section.certificated_sites_info .left,
#home #wrap #contents section.certificated_sites_info .right, #home #wrap #contents section.news .left,
#home #wrap #contents section.news .right {
  width: 345px;
  float: left;
}
#home #wrap #contents section.certificated_sites_info .left .head,
#home #wrap #contents section.certificated_sites_info .right .head, #home #wrap #contents section.news .left .head,
#home #wrap #contents section.news .right .head {
  border-radius: 10px 10px 0 0;
  padding: 6px 0 2px 15px;
  font-size: 16px;
  color: #fff;
  font-family: "kozuka-gothic-pr6n",sans-serif;
  font-style: normal;
}
#home #wrap #contents section.certificated_sites_info .left .index,
#home #wrap #contents section.certificated_sites_info .right .index, #home #wrap #contents section.news .left .index,
#home #wrap #contents section.news .right .index {
  width: 100%;
  height: 170px;
  border: 2px solid #335ba8;
  border-top: dotted 3px #335ba8;
  overflow-y: scroll;
  box-sizing: border-box;
}
#home #wrap #contents section.certificated_sites_info .left .index::-webkit-scrollbar,
#home #wrap #contents section.certificated_sites_info .right .index::-webkit-scrollbar, #home #wrap #contents section.news .left .index::-webkit-scrollbar,
#home #wrap #contents section.news .right .index::-webkit-scrollbar {
  width: 10px;
  background-color: #e5e5e4;
}
#home #wrap #contents section.certificated_sites_info .left .index::-webkit-scrollbar-thumb,
#home #wrap #contents section.certificated_sites_info .right .index::-webkit-scrollbar-thumb, #home #wrap #contents section.news .left .index::-webkit-scrollbar-thumb,
#home #wrap #contents section.news .right .index::-webkit-scrollbar-thumb {
  width: 8  px;
  background-color: #335ba8;
}
#home #wrap #contents section.certificated_sites_info .left .index ul,
#home #wrap #contents section.certificated_sites_info .right .index ul, #home #wrap #contents section.news .left .index ul,
#home #wrap #contents section.news .right .index ul {
  padding: 10px;
}
#home #wrap #contents section.certificated_sites_info .left .index ul li,
#home #wrap #contents section.certificated_sites_info .right .index ul li, #home #wrap #contents section.news .left .index ul li,
#home #wrap #contents section.news .right .index ul li {
  margin-bottom: 12px;
  line-height: 1.2rem;
}
#home #wrap #contents section.certificated_sites_info .right, #home #wrap #contents section.news .right {
  float: right;
}

#certificated_sites #wrap #contents section.breadcrumb .inner {
  padding-bottom: 0;
  padding-right: 27px;
}
#certificated_sites #wrap #contents section.breadcrumb .inner {
  *zoom: 1;
}
#certificated_sites #wrap #contents section.breadcrumb .inner:before, #certificated_sites #wrap #contents section.breadcrumb .inner:after {
  content: " ";
  display: table;
}
#certificated_sites #wrap #contents section.breadcrumb .inner:after {
  clear: both;
}
#certificated_sites #wrap #contents section.breadcrumb .inner nav {
  width: 724px;
  float: right;
  padding-bottom: 15px;
}
#certificated_sites #wrap #contents section.breadcrumb .inner nav.grow {
  border-bottom: 2px solid #4E3CB3;
}
#certificated_sites #wrap #contents section.breadcrumb .inner nav.grow .square:before {
  background-color: #4E3CB3;
}
#certificated_sites #wrap #contents section.breadcrumb .inner nav.oacis {
  border-bottom: 2px solid #B53B8D;
}
#certificated_sites #wrap #contents section.breadcrumb .inner nav.oacis .square:before {
  background-color: #B53B8D;
}
#certificated_sites #wrap #contents section.breadcrumb .inner nav.create {
  border-bottom: 2px solid #E86C18;
}
#certificated_sites #wrap #contents section.breadcrumb .inner nav.create .square:before {
  background-color: #E86C18;
}
#certificated_sites #wrap #contents section.breadcrumb .inner nav.photo, #certificated_sites #wrap #contents section.breadcrumb .inner nav.map {
  border-bottom: 2px solid #006837;
}
#certificated_sites #wrap #contents section.breadcrumb .inner nav.photo .square:before, #certificated_sites #wrap #contents section.breadcrumb .inner nav.map .square:before {
  background-color: #006837;
}
#certificated_sites #wrap #contents section.breadcrumb .inner nav.index {
  border-bottom: 2px solid #335ba8;
}
#certificated_sites #wrap #contents section.breadcrumb .inner nav ul {
  *zoom: 1;
}
#certificated_sites #wrap #contents section.breadcrumb .inner nav ul:before, #certificated_sites #wrap #contents section.breadcrumb .inner nav ul:after {
  content: " ";
  display: table;
}
#certificated_sites #wrap #contents section.breadcrumb .inner nav ul:after {
  clear: both;
}
#certificated_sites #wrap #contents section.breadcrumb .inner nav ul li {
  float: left;
  color: #0338c4;
}
#certificated_sites #wrap #contents section.breadcrumb .inner nav ul li a {
  color: #0338c4;
}
#certificated_sites #wrap #contents section.breadcrumb .inner nav ul li a:hover {
  padding: 0 0 1px;
}
#certificated_sites #wrap #contents section.breadcrumb .inner nav ul li .square:before {
  content: "";
  display: block;
  float: left;
  height: 8px;
  width: 8px;
  margin: 8px 3px 0 6px;
}
#certificated_sites #wrap #contents section.site_info {
  position: relative;
  height: auto;
}
#certificated_sites #wrap #contents section.site_info {
  *zoom: 1;
}
#certificated_sites #wrap #contents section.site_info:before, #certificated_sites #wrap #contents section.site_info:after {
  content: " ";
  display: table;
}
#certificated_sites #wrap #contents section.site_info:after {
  clear: both;
}
#certificated_sites #wrap #contents section.site_info .head {
  display: block;
  width: 27px;
  float: left;
  border-radius: 0 13px 13px 0;
}
#certificated_sites #wrap #contents section.site_info .head img {
  display: block;
  width: 14px;
  margin: 13px auto;
}
#certificated_sites #wrap #contents section.site_info .info {
  width: 724px;
  float: right;
  margin-right: 27px;
  padding: 15px 0;
}
#certificated_sites #wrap #contents section.site_info .info {
  *zoom: 1;
}
#certificated_sites #wrap #contents section.site_info .info:before, #certificated_sites #wrap #contents section.site_info .info:after {
  content: " ";
  display: table;
}
#certificated_sites #wrap #contents section.site_info .info:after {
  clear: both;
}
#certificated_sites #wrap #contents section.site_info .info.grow {
  border-bottom: 2px dotted #4E3CB3;
}
#certificated_sites #wrap #contents section.site_info .info.grow .right p {
  font-family: "acumin-pro-condensed",sans-serif;
  font-style: normal;
  font-weight: 600;
}
#certificated_sites #wrap #contents section.site_info .info.oacis {
  border-bottom: 2px dotted #B53B8D;
}
#certificated_sites #wrap #contents section.site_info .info.oacis .right {
  width: 326px;
  float: right;
}
#certificated_sites #wrap #contents section.site_info .info.oacis .right .img {
  margin-bottom: 48px;
}
#certificated_sites #wrap #contents section.site_info .info.oacis .left {
  width: 346px;
  float: left;
}
#certificated_sites #wrap #contents section.site_info .info.oacis .left img {
  display: block;
  width: 100%;
}
#certificated_sites #wrap #contents section.site_info .info.oacis .left h1 {
  margin-bottom: 12px;
}
#certificated_sites #wrap #contents section.site_info .info.oacis .left h1 .name {
  font-size: 14px;
  letter-spacing: -0.01rem;
}
#certificated_sites #wrap #contents section.site_info .info.create {
  border-bottom: 2px dotted #E86C18;
}
#certificated_sites #wrap #contents section.site_info .info.create .right p {
  font-family: "acumin-pro-condensed",sans-serif;
  font-style: normal;
  font-weight: 600;
}
#certificated_sites #wrap #contents section.site_info .info.photo, #certificated_sites #wrap #contents section.site_info .info.map {
  border-bottom: 2px dotted #006837;
}
#certificated_sites #wrap #contents section.site_info .info.photo .title .name, #certificated_sites #wrap #contents section.site_info .info.map .title .name {
  margin-bottom: 0;
}
#certificated_sites #wrap #contents section.site_info .info.photo .description span, #certificated_sites #wrap #contents section.site_info .info.map .description span {
  color: #006837;
  font-size: 20px;
  margin-bottom: 15px;
}
#certificated_sites #wrap #contents section.site_info .info.map .description {
  position: absolute;
  bottom: 20px;
  right: 0;
}
#certificated_sites #wrap #contents section.site_info .info.index {
  border-bottom: 2px dotted #335ba8;
}
#certificated_sites #wrap #contents section.site_info .info.index .title {
  width: 100%;
  float: none;
}
#certificated_sites #wrap #contents section.site_info .info.index .title {
  *zoom: 1;
}
#certificated_sites #wrap #contents section.site_info .info.index .title:before, #certificated_sites #wrap #contents section.site_info .info.index .title:after {
  content: " ";
  display: table;
}
#certificated_sites #wrap #contents section.site_info .info.index .title:after {
  clear: both;
}
#certificated_sites #wrap #contents section.site_info .info.index .title .name {
  font-size: 26px;
  margin-top: 10px;
  margin-bottom: 15px;
}
#certificated_sites #wrap #contents section.site_info .info.index .description {
  width: 100%;
  float: none;
}
#certificated_sites #wrap #contents section.site_info .info .right {
  width: 190px;
  float: right;
  padding-right: 20px;
  font-size: 15px;
  color: #006837;
}
#certificated_sites #wrap #contents section.site_info .info .right {
  *zoom: 1;
}
#certificated_sites #wrap #contents section.site_info .info .right:before, #certificated_sites #wrap #contents section.site_info .info .right:after {
  content: " ";
  display: table;
}
#certificated_sites #wrap #contents section.site_info .info .right:after {
  clear: both;
}
#certificated_sites #wrap #contents section.site_info .info .right .img {
  width: 47px;
  float: right;
  margin: 0 0 0 12px;
}
#certificated_sites #wrap #contents section.site_info .info .right p {
  text-align: right;
}
#certificated_sites #wrap #contents section.site_info .info .right p.stars {
  letter-spacing: -2px;
}
#certificated_sites #wrap #contents section.site_info .info .right p.stars span:before {
  font-size: 12px;
  content: "★";
}
#certificated_sites #wrap #contents section.site_info .info .right .description {
  width: initial;
  text-align: left;
  font-size: 15px;
  color: #231815;
}
#certificated_sites #wrap #contents section.site_info .info .right .description .info {
  width: initial;
  font-size: 13px;
  float: none;
  margin: 0;
}
#certificated_sites #wrap #contents section.site_info .info .left {
  width: 514px;
}
#certificated_sites #wrap #contents section.site_info .info .left h1 {
  font-family: "kozuka-gothic-pr6n",sans-serif;
  font-style: normal;
  margin-bottom: 12px;
}
#certificated_sites #wrap #contents section.site_info .info .left h1 .criant,
#certificated_sites #wrap #contents section.site_info .info .left h1 .name {
  font-size: 20px;
  line-height: 30px;
}
#certificated_sites #wrap #contents section.site_info .info .left h1 .criant {
  line-height: 20px;
}
#certificated_sites #wrap #contents section.site_info .info .title {
  width: 340px;
  float: left;
}
#certificated_sites #wrap #contents section.site_info .info .title {
  *zoom: 1;
}
#certificated_sites #wrap #contents section.site_info .info .title:before, #certificated_sites #wrap #contents section.site_info .info .title:after {
  content: " ";
  display: table;
}
#certificated_sites #wrap #contents section.site_info .info .title:after {
  clear: both;
}
#certificated_sites #wrap #contents section.site_info .info .title .logo {
  width: 54px;
  float: left;
  margin-right: 20px;
}
#certificated_sites #wrap #contents section.site_info .info .title .name {
  font-size: 38px;
  margin-top: 10px;
  margin-bottom: 15px;
  line-height: 1;
}
#certificated_sites #wrap #contents section.site_info .info .description {
  width: 350px;
  float: right;
  font-size: 12px;
}
#certificated_sites #wrap #contents section.contents {
  min-height: 600px;
}
#certificated_sites #wrap #contents section.contents {
  *zoom: 1;
}
#certificated_sites #wrap #contents section.contents:before, #certificated_sites #wrap #contents section.contents:after {
  content: " ";
  display: table;
}
#certificated_sites #wrap #contents section.contents:after {
  clear: both;
}
#certificated_sites #wrap #contents section.contents .inner {
  width: 724px;
  float: right;
  margin-right: 27px;
  padding: 0px 0 15px;
}
#certificated_sites #wrap #contents section.contents .inner .head {
  font-size: 15px;
  margin: 0 0 42px 0;
  padding: 0 0 0 12px;
}
#certificated_sites #wrap #contents section.contents .inner .head.create {
  border-left: 7px solid #E86C18;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner {
  display: none;
  position: relative;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item {
  background: #fff;
  padding: 3px 10px 10px;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item img {
  display: block;
  margin: 0 auto;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item time {
  font-size: 10px;
  position: absolute;
  right: 10px;
  top: 5px;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item button.like_btn {
  display: block;
  width: 130px;
  height: 16px;
  background-image: url("../img/certificated_sites/liked.png");
  background-repeat: no-repeat;
  background-position: center;
  margin: 4px auto;
  background-color: initial;
  border: none;
  cursor: pointer;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item button.like_btn.btn_off {
  background-image: url("../img/certificated_sites/like.png");
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item .caption {
  padding-top: 10px;
  font-size: 10px;
  line-height: 14px;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item .caption span {
  background-color: #ff67ff;
  padding: 0 5px;
  margin-right: 5px;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.new:before {
  content: "NEW";
  /* font-size: 16px; */
  color: #C00506;
  position: absolute;
  top: 3px;
  /* font-family: "acumin-pro-condensed",sans-serif; */
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top {
  padding: 0;
  background: none;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top {
  width: 346px;
  *zoom: 1;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top:before, #certificated_sites #wrap #contents section.contents .inner #conteiner .item.top:after {
  content: " ";
  display: table;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top:after {
  clear: both;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .head {
  font-size: 15px;
  border-left: 7px solid #4E3CB3;
  margin: 15px 0 15px 0;
  padding: 0 0 0 12px;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .text {
  width: 346px;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .photo01 {
  width: 346px;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .photo01 a {
  display: block;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .photo01 a img {
  width: 100%;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .photo02,
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .photo03 {
  width: 240px;
  margin: 30px 0;
  font-size: 10px;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .photo02 a,
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .photo03 a {
  display: block;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .photo02 a img,
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .photo03 a img {
  width: 100%;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .download {
  width: 37px;
  float: right;
  margin-bottom: 17px;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .line {
  clear: both;
  display: block;
  width: 100%;
  height: 4px;
  background-image: url(../img/certificated_sites/line_blue.png);
  background-repeat: repeat-x;
  margin: 0 0 23px;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .map {
  min-width: 346px;
  width: 100%;
  height: 228px;
  border: 2px solid #0A7847;
  box-sizing: box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .map_a {
  min-width: 346px;
  width: 100%;
  height: 228px;
  border: 2px solid #4E3CB3;
  box-sizing: box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .map_b {
  min-width: 346px;
  width: 100%;
  height: 228px;
  border: 2px solid #B53B8D;
  box-sizing: box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .map_c {
  min-width: 346px;
  width: 100%;
  height: 228px;
  border: 2px solid #E86B19;
  box-sizing: box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .caption {
  padding: 10px 0 24px;
  text-align: right;
  font-size: 12px;
  line-height: 14px;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .caption.link {
  border-top: 2px solid #0338c4;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item.top .caption a:hover {
  display: block;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner .item a {
  display: block;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner.oacis .item.top .map {
  min-width: 346px;
  width: 100%;
  height: 228px;
  border: 2px solid #0338c4;
  box-sizing: box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner.oacis .item.top .line.pink {
  background-image: url(../img/certificated_sites/line_pink.png);
  margin-bottom: 0;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner.oacis .item.top .caption {
  padding: 10px 0 24px;
  text-align: right;
  font-size: 12px;
  line-height: 14px;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner.oacis .item.top .caption.link {
  padding: 10px 0;
  border-top: none;
  border-bottom: 2px solid #B53B8D;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner.oacis .item.top .caption a:hover {
  display: block;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner.create .item {
  padding: 0;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner.create .item.top .text {
  padding-bottom: 40px;
  margin-bottom: 27px;
  border-bottom: 2px dotted #E86C18;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner.create .item.top .text.link {
  padding: 10px 0;
  border-top: none;
  border-bottom: 2px solid #B53B8D;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner.create .item.top .download {
  margin-bottom: 0;
  margin-top: 17px;
}
#certificated_sites #wrap #contents section.contents .inner #conteiner.create .item.top .caption.link {
  border-top: 2px solid #E86C18;
}
#certificated_sites #wrap #contents section.contents .inner .archive_title {
  background-position: bottom;
  background-repeat: repeat-x;
  padding-bottom: 12px;
  margin-bottom: 17px;
}
#certificated_sites #wrap #contents section.contents .inner .archive_title {
  *zoom: 1;
}
#certificated_sites #wrap #contents section.contents .inner .archive_title:before, #certificated_sites #wrap #contents section.contents .inner .archive_title:after {
  content: " ";
  display: table;
}
#certificated_sites #wrap #contents section.contents .inner .archive_title:after {
  clear: both;
}
#certificated_sites #wrap #contents section.contents .inner .archive_title.line-blue {
  background-image: url("../img/certificated_sites/line_blue.png");
}
#certificated_sites #wrap #contents section.contents .inner .archive_title.line-green {
  background-image: url("../img/certificated_sites/line_green.png");
}
#certificated_sites #wrap #contents section.contents .inner .archive_title.line-purple {
  background-image: url("../img/certificated_sites/line_purple.png");
}
#certificated_sites #wrap #contents section.contents .inner .archive_title.line-pink {
  background-image: url("../img/certificated_sites/line_pink.png");
}
#certificated_sites #wrap #contents section.contents .inner .archive_title.line-orange {
  background-image: url("../img/certificated_sites/line_orange.png");
}
#certificated_sites #wrap #contents section.contents .inner .archive_title h3 {
  float: left;
  font-size: 18px;
  font-weight: bold;
}
#certificated_sites #wrap #contents section.contents .inner .archive_title .link {
  float: right;
  text-align: right;
  background-image: url("../img/arrow01_blue.png");
  background-position: right center;
  background-size: 14px 12px;
  background-repeat: no-repeat;
  padding-right: 20px;
}
#certificated_sites #wrap #contents section.contents .inner .sits {
  margin-bottom: 62px;
  list-style-type: none;
}
#certificated_sites #wrap #contents section.contents .inner .sits {
  *zoom: 1;
}
#certificated_sites #wrap #contents section.contents .inner .sits:before, #certificated_sites #wrap #contents section.contents .inner .sits:after {
  content: " ";
  display: table;
}
#certificated_sites #wrap #contents section.contents .inner .sits:after {
  clear: both;
}
#certificated_sites #wrap #contents section.contents .inner .sits .site {
  width: 332px;
  float: left;
  background: #fff;
  padding: 10px;
  margin-bottom: 20px;
}
#certificated_sites #wrap #contents section.contents .inner .sits .site:nth-child(odd) {
  clear: both;
}
#certificated_sites #wrap #contents section.contents .inner .sits .site:nth-child(even) {
  float: right;
}
#certificated_sites #wrap #contents section.contents .inner .sits .site .logo {
  width: 40px;
  float: left;
}
#certificated_sites #wrap #contents section.contents .inner .sits .site .logo img {
  display: block;
}
#certificated_sites #wrap #contents section.contents .inner .sits .site .info {
  width: 283px;
  float: right;
}
#certificated_sites #wrap #contents section.contents .inner .sits .site .info {
  *zoom: 1;
}
#certificated_sites #wrap #contents section.contents .inner .sits .site .info:before, #certificated_sites #wrap #contents section.contents .inner .sits .site .info:after {
  content: " ";
  display: table;
}
#certificated_sites #wrap #contents section.contents .inner .sits .site .info:after {
  clear: both;
}
#certificated_sites #wrap #contents section.contents .inner .sits .site .info .img {
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  float: left;
  display: block;
  margin-right: 20px;
}
#certificated_sites #wrap #contents section.contents .inner .sits .site .info .img img {
  display: block;
  position: absolute;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%;
  margin: auto;
  width: auto;
  height: 85px;
}
#certificated_sites #wrap #contents section.contents .inner .sits .site .info .text {
  width: 178px;
  float: right;
  font-size: 13px;
  line-height: 1.12rem;
  height: 85px;
  overflow: hidden;
}
#certificated_sites #wrap #contents section.contents .inner .sits.grow .type {
  color: #4E3CB3;
}
#certificated_sites #wrap #contents section.contents .inner .sits.oacis .type {
  color: #B53B8D;
}
#certificated_sites #wrap #contents section.contents .inner .sits.create .type {
  color: #E86C18;
}
#certificated_sites #wrap #contents section.contents .inner .photo {
  margin-top: 20px;
  *zoom: 1;
}
#certificated_sites #wrap #contents section.contents .inner .photo:before, #certificated_sites #wrap #contents section.contents .inner .photo:after {
  content: " ";
  display: table;
}
#certificated_sites #wrap #contents section.contents .inner .photo:after {
  clear: both;
}
#certificated_sites #wrap #contents section.contents .inner .photo li {
  width: 140px;
  height: 154px;
  float: left;
  margin-right: 6px;
  margin-bottom: 12px;
  background: #FFF;
}
#certificated_sites #wrap #contents section.contents .inner .photo li:nth-child(5n) {
  margin-right: 0;
}
#certificated_sites #wrap #contents section.contents .inner .photo li a {
  display: block;
  padding: 8px 8px 0 8px;
  font-size: 10px;
  letter-spacing: -1px;
}
#certificated_sites #wrap #contents section.contents .inner .photo li div{
  width: 124px;
  height: 124px;
  position: relative;
}
#certificated_sites #wrap #contents section.contents .inner .photo li a img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;  
}
#certificated_sites #wrap #contents section.contents .inner .photo li a span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  height: 16px; /* 一覧で2行目も表示されてしまうので */
}
#certificated_sites #wrap #contents section.contents .inner .photo li a span:before {
  content: "";
  display: block;
  float: left;
  height: 8px;
  width: 8px;
  margin: 8px 3px 0 0;
}
#certificated_sites #wrap #contents section.contents .inner .photo li a span.green:before {
  background-color: #006837;
}
#certificated_sites #wrap #contents section.contents .inner .photo li a span.grow:before {
  background-color: #4E3CB3;
}
#certificated_sites #wrap #contents section.contents .inner .photo li a span.oacis:before {
  background-color: #B53B8D;
}
#certificated_sites #wrap #contents section.contents .inner .photo li a span.create:before {
  background-color: #E86C18;
}
#certificated_sites #wrap #contents section.contents .inner .map {
  height: 480px;
  border: 2px solid #006837;
  margin-top: 20px;
}
#certificated_sites #wrap #contents section.contents.index .main {
  width: 100%;
  padding-left: 0;
  float: none;
  border-left: none;
}
#certificated_sites #wrap #contents section.contents.index .main .headline_middle {
  margin-bottom: 15px;
}
#certificated_sites #wrap #contents section.contents.index .main .headline_middle.grow {
  border-bottom: 2px dotted #4E3CB3;
  border-left: 5px solid #4E3CB3;
  color: #4E3CB3;
}
#certificated_sites #wrap #contents section.contents.index .main .headline_middle.oacis {
  border-bottom: 2px dotted #B53B8D;
  border-left: 5px solid #B53B8D;
  color: #B53B8D;
}
#certificated_sites #wrap #contents section.contents.index .main .headline_middle.create {
  border-bottom: 2px dotted #E86C18;
  border-left: 5px solid #E86C18;
  color: #E86C18;
}
#certificated_sites #wrap #contents section.contents.index .main .box01 {
  margin-bottom: 30px;
  padding-top: 2px;
}
#certificated_sites #wrap #contents section.contents.index .main .box01 p {
  font-size: 13px;
  padding: 10px 0;
}
#certificated_sites #wrap #contents section.contents.index .main .box01.grow p {
  border-bottom: 1px solid #4E3CB3;
}
#certificated_sites #wrap #contents section.contents.index .main .box01.grow p .type,
#certificated_sites #wrap #contents section.contents.index .main .box01.grow p .square {
  color: #4E3CB3;
}
#certificated_sites #wrap #contents section.contents.index .main .box01.oacis p {
  border-bottom: 1px solid #B53B8D;
}
#certificated_sites #wrap #contents section.contents.index .main .box01.oacis p .type,
#certificated_sites #wrap #contents section.contents.index .main .box01.oacis p .square {
  color: #B53B8D;
}
#certificated_sites #wrap #contents section.contents.index .main .box01.create p {
  border-bottom: 1px solid #E86C18;
}
#certificated_sites #wrap #contents section.contents.index .main .box01.create p .type,
#certificated_sites #wrap #contents section.contents.index .main .box01.create p .square {
  color: #E86C18;
}

#photo #wrap {
  background-color: #d8f6b0;
  padding-bottom: 40px;
}
#photo #wrap #header {
  border-top: 18px solid #006837;
  border-bottom: 2px dotted #fff;
}
#photo #wrap #header .inner {
  padding: 15px;
  padding: 10px;
  max-width: 600px;
  margin: 0 auto;
}
#photo #wrap #header .inner {
  *zoom: 1;
}
#photo #wrap #header .inner:before, #photo #wrap #header .inner:after {
  content: " ";
  display: table;
}
#photo #wrap #header .inner:after {
  clear: both;
}
#photo #wrap #header .inner {
  *zoom: 1;
}
#photo #wrap #header .inner:before, #photo #wrap #header .inner:after {
  content: " ";
  display: table;
}
#photo #wrap #header .inner:after {
  clear: both;
}
#photo #wrap #header .inner .logo {
  width: 34px;
  float: left;
  margin-right: 15px;
}
#photo #wrap #header .inner .logo img {
  display: block;
  width: 100%;
}
#photo #wrap #header .inner .name {
  font-size: 25px;
  font-family: "acumin-pro-condensed",sans-serif;
  font-style: normal;
  font-weight: 600;
}
#photo #wrap #header .inner .name img {
  display: inline;
}
#photo #wrap #header .inner .name img.image01 {
  width: 80px;
}
#photo #wrap #header .inner .name img.image02 {
  width: 102px;
}
#photo #wrap #header .inner .caotion {
  font-size: 14px;
  letter-spacing: -0.01rem;
  margin: 14px 0 0 0;
  font-weight: normal;
}
#photo #wrap #contents {
  padding-bottom: 0;
  background-color: initial;
  width: 100%;
  margin: 0;
  border-left: none;
  border-right: none;
}
#photo #wrap #contents .inner {
  padding: 15px;
  max-width: 400px;
  margin: 0 auto;
}
#photo #wrap #contents .inner {
  *zoom: 1;
}
#photo #wrap #contents .inner:before, #photo #wrap #contents .inner:after {
  content: " ";
  display: table;
}
#photo #wrap #contents .inner:after {
  clear: both;
}
#photo #wrap #contents .inner form table {
  width: 95%;
  margin: 0 auto;
}
#photo #wrap #contents .inner form table th {
  width: 60px;
  font-size: 14px;
  color: #006837;
  padding: 0 10px 20px 0;
  text-align: right;
}
#photo #wrap #contents .inner form table td input[type="text"] {
  min-width: 180px;
  background-color: #fff;
  font-size: 14px;
  padding: 10px;
  border-radius: 2px;
  border: none;
  width: 100%;
  box-sizing: border-box;
  }
#photo #wrap #contents .inner form table td input[type="password"] {
  min-width: 180px;
  background-color: #fff;
  font-size: 14px;
  padding: 10px;
  border-radius: 2px;
  border: none;
  width: 100%;
  box-sizing: border-box;
}
#photo #wrap #contents .inner form table td input[type="submit"] {
  min-width: 180px;
  font-size: 14px;
  color: #fff;
  padding: 10px;
  background: #006837;
  border-radius: 2px;
  cursor: pointer;
  border: none;
  width: 100%;
  box-sizing: border-box;
  -webkit-appearance: none;
}
#photo #wrap #contents .inner form table td input[type="submit"]:hover {
  opacity: 0.6;
}
#photo #wrap #contents .inner form table td button.close {
  width: 100%;
  background: none;
  border: none;
  font-size: 14px;
  cursor: pointer;
  padding: 10px;
  color: #006837;
}
#photo #wrap #contents .inner form table td button.close:hover {
  opacity: 0.6;
}
#photo #wrap #contents.post .inner, #photo #wrap #contents.edit .inner, #photo #wrap #contents.admin .inner {
  padding: 5px 0 0;
  max-width: 620px;
  margin: 0 auto;
}
#photo #wrap #contents.post .inner .head, #photo #wrap #contents.edit .inner .head, #photo #wrap #contents.admin .inner .head {
  color: #006837;
  padding: 4px 10px;
}
#photo #wrap #contents.post .inner .head .title, #photo #wrap #contents.edit .inner .head .title, #photo #wrap #contents.admin .inner .head .title {
  font-weight: bold;
}
#photo #wrap #contents.post .inner .head a:link, #photo #wrap #contents.edit .inner .head a:link, #photo #wrap #contents.admin .inner .head a:link {
  color: #006837;
  text-decoration: underline;
}
#photo #wrap #contents.post .inner table, #photo #wrap #contents.edit .inner table, #photo #wrap #contents.admin .inner table {
  margin-top: 25px;
  color: #006837;
}
#photo #wrap #contents.post .inner table th, #photo #wrap #contents.edit .inner table th, #photo #wrap #contents.admin .inner table th {
  width: initial;
}
#photo #wrap #contents.post .inner table td, #photo #wrap #contents.edit .inner table td, #photo #wrap #contents.admin .inner table td {
  font-size: 12px;
}
#photo #wrap #contents.post .inner table td.file, #photo #wrap #contents.edit .inner table td.file, #photo #wrap #contents.admin .inner table td.file {
  font-size: 14px;
}
#photo #wrap #contents.post .inner table td.file .or, #photo #wrap #contents.edit .inner table td.file .or, #photo #wrap #contents.admin .inner table td.file .or {
  padding: 0 14px;
  color: #006837;
}
#photo #wrap #contents.post .inner table td .button, #photo #wrap #contents.edit .inner table td .button, #photo #wrap #contents.admin .inner table td .button {
  padding: 5px;
  margin-right: 10px;
  cursor: pointer;
  border-radius: 2px;
  border: 1px solid #808080;
  background-color: #fff;
}
#photo #wrap #contents.post .inner table td .button:hover, #photo #wrap #contents.edit .inner table td .button:hover, #photo #wrap #contents.admin .inner table td .button:hover {
  opacity: 0.6;
}
#photo #wrap #contents.post .inner table td .caption, #photo #wrap #contents.edit .inner table td .caption, #photo #wrap #contents.admin .inner table td .caption {
  font-size: 11px;
}
#photo #wrap #contents.post .inner table td textarea, #photo #wrap #contents.edit .inner table td textarea, #photo #wrap #contents.admin .inner table td textarea {
  width: 100%;
  border-radius: 2px;
  border: 1px solid #808080;
  box-sizing: border-box;
}
#photo #wrap #contents.post .inner footer, #photo #wrap #contents.edit .inner footer, #photo #wrap #contents.admin .inner footer {
  border-top: 2px dotted #fff;
}
#photo #wrap #contents.post .inner footer table, #photo #wrap #contents.edit .inner footer table, #photo #wrap #contents.admin .inner footer table {
  width: 300px;
  margin-top: 15px;
  min-width: 32px;
}
#photo #wrap #contents.post .inner footer table td, #photo #wrap #contents.edit .inner footer table td, #photo #wrap #contents.admin .inner footer table td {
  padding-bottom: 15px;
}
#photo #wrap #contents.post .inner footer table td .button, #photo #wrap #contents.edit .inner footer table td .button, #photo #wrap #contents.admin .inner footer table td .button {
  min-width: 126px;
  font-size: 14px;
  color: #fff;
  padding: 0px 0;
  background: #006837;
  border-radius: 2px;
  cursor: pointer;
  border: none;
  float: left;
  margin: 0;
  text-align: center;
  height: 48px;
  line-height: 48px;  
}
#photo #wrap #contents.post .inner footer table td .button:hover, #photo #wrap #contents.edit .inner footer table td .button:hover, #photo #wrap #contents.admin .inner footer table td .button:hover {
  opacity: 0.6;
}
#photo #wrap #contents.post .inner footer table td .button.back, #photo #wrap #contents.edit .inner footer table td .button.back, #photo #wrap #contents.admin .inner footer table td .button.back {
  min-width: initial;
  width: 100%;
}
#photo #wrap #contents.post .inner footer table td:nth-child(even) button, #photo #wrap #contents.edit .inner footer table td:nth-child(even) button, #photo #wrap #contents.admin .inner footer table td:nth-child(even) button {
  float: right;
}
#photo #wrap #contents.admin .inner .head_sub {
  color: #006837;
}
#photo #wrap #contents.admin .inner .head_sub p {
  text-align: center;
  padding: 4px 10px;
}
#photo #wrap #contents.admin .inner .head_sub p .face {
  font-weight: normal;
  font-size: 11px;
  background-image: url("../img/photo/face01.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 15px;
  padding: 5px 0 5px 20px;
  margin: 0 10px;
}
#photo #wrap #contents.admin .inner table {
  max-width: 600px;
  background: #fff;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 1px solid #808080;
}
#photo #wrap #contents.admin .inner table tr:nth-child(even) {
  border-bottom: 1px solid #808080;
}
#photo #wrap #contents.admin .inner table tr:last-child {
  border: none;
}
#photo #wrap #contents.admin .inner table tr th {
  padding: 4px 10px;
  text-align: left;
  color: #231815;
  font-size: 11px;
}
#photo #wrap #contents.admin .inner table tr th .published:before {
  content: "●";
  color: #006837;
  padding: 0 2px 0 0;
}
#photo #wrap #contents.admin .inner table tr th .draft:before {
  content: "○";
  color: #006837;
  padding: 0 2px 0 0;
}
#photo #wrap #contents.admin .inner table tr th .face {
  font-size: 11px;
  background-image: url("../img/photo/face01.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 15px;
  padding: 5px 0 5px 15px;
  margin: 0 10px;
}
#photo #wrap #contents.admin .inner table tr td {
  padding: 0 0 10px;
}
#photo #wrap #contents.admin .inner table tr td:nth-child(1) {
  width: 30%;
}
#photo #wrap #contents.admin .inner table tr td:nth-child(2) {
  width: 35%;
}
#photo #wrap #contents.admin .inner table tr td:nth-child(3) {
  width: 35%;
}
#photo #wrap #contents.admin .inner table tr td .button {
  width: 120px;
  font-size: 14px;
  color: #fff;
  padding: 8px 2px;
  background: #006837;
  border-radius: 2px;
  cursor: pointer;
  border: none;
  display: inline-block;
  text-align: center;
}
#photo .button:hover {
  text-decoration: none;
}

#photo .preview_box{
  position: relative;
  width: 60px;
  height: 60px;
  display: inline-block;
  vertical-align: middle;
}

#photo .preview_box img{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#photo #wrap #contents.edit .inner .head .title {
  color: #335ba8;
}
#photo #wrap #contents.edit .inner .head_sub {
  border-bottom: 2px #006837 dotted;
  padding: 4px 10px;
}
#photo #wrap #contents.edit .inner .head_sub p {
  display: block;
  margin: 0 auto;
  font-size: 12px;
  font-weight: bold;
  color: #335ba8;
}
#photo #wrap #contents.edit .inner .head_sub p time {
  font-weight: normal;
  font-size: 11px;
  color: #231815;
}
#photo #wrap #contents.edit .inner .head_sub p time:before {
  content: "●";
  color: #006837;
}
#photo #wrap #contents.edit .inner .head_sub p .face {
  font-weight: normal;
  font-size: 11px;
  background-image: url("../img/photo/face01.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding: 5px 0 5px 20px;
  background-size: 15px;
  margin: 0 10px;
  color: #231815;
}
#photo #wrap #contents.edit .inner table {
  color: #335ba8;
}
#photo #wrap #contents.edit .inner table th {
  color: #335ba8;
}
#photo #wrap #contents.edit .inner table td input[type="text"] {
  min-width: 245px;
  background-color: #fff;
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 2px;
  border: 1px solid #808080;
  width: 100%;
  box-sizing: border-box;
}
#photo #wrap #contents.edit .inner table td .status {
  color: #231815;
  font-size: 14px;
  margin: 0 20px 0 0;
}
#photo #wrap #contents.edit .inner footer {
  border-top: 2px dotted #006837;
}
#photo #wrap #contents.edit .inner footer table td .button {
  background: #335ba8;
}

#apply .nav_mobile {
  display: none;
}
#apply #wrap {
  width: 100%;
}
#apply #wrap #contents section.breadcrumb .inner {
  padding-bottom: 0;
  padding-right: 27px;
}
#apply #wrap #contents section.breadcrumb .inner {
  *zoom: 1;
}
#apply #wrap #contents section.breadcrumb .inner:before, #apply #wrap #contents section.breadcrumb .inner:after {
  content: " ";
  display: table;
}
#apply #wrap #contents section.breadcrumb .inner:after {
  clear: both;
}
#apply #wrap #contents section.breadcrumb .inner nav {
  width: 724px;
  float: right;
  padding-bottom: 15px;
}
#apply #wrap #contents section.breadcrumb .inner nav.grow {
  border-bottom: 2px solid #4E3CB3;
}
#apply #wrap #contents section.breadcrumb .inner nav.grow .square:before {
  background-color: #4E3CB3;
}
#apply #wrap #contents section.breadcrumb .inner nav.oacis {
  border-bottom: 2px solid #B53B8D;
}
#apply #wrap #contents section.breadcrumb .inner nav.oacis .square:before {
  background-color: #B53B8D;
}
#apply #wrap #contents section.breadcrumb .inner nav.create {
  border-bottom: 2px solid #E86C18;
}
#apply #wrap #contents section.breadcrumb .inner nav.create .square:before {
  background-color: #E86C18;
}
#apply #wrap #contents section.breadcrumb .inner nav.photo {
  border-bottom: 2px solid #006837;
}
#apply #wrap #contents section.breadcrumb .inner nav.photo .square:before {
  background-color: #006837;
}
#apply #wrap #contents section.breadcrumb .inner nav ul {
  *zoom: 1;
}
#apply #wrap #contents section.breadcrumb .inner nav ul:before, #apply #wrap #contents section.breadcrumb .inner nav ul:after {
  content: " ";
  display: table;
}
#apply #wrap #contents section.breadcrumb .inner nav ul:after {
  clear: both;
}
#apply #wrap #contents section.breadcrumb .inner nav ul li {
  float: left;
  color: #0338c4;
}
#apply #wrap #contents section.breadcrumb .inner nav ul li a {
  color: #0338c4;
}
#apply #wrap #contents section.breadcrumb .inner nav ul li a:hover {
  padding: 0 0 1px;
}
#apply #wrap #contents section.breadcrumb .inner nav ul li .square:before {
  content: "";
  display: block;
  float: left;
  height: 8px;
  width: 8px;
  margin: 8px 3px 0 6px;
}
#apply #wrap #contents section.site_info {
  position: relative;
  height: auto;
}
#apply #wrap #contents section.site_info {
  *zoom: 1;
}
#apply #wrap #contents section.site_info:before, #apply #wrap #contents section.site_info:after {
  content: " ";
  display: table;
}
#apply #wrap #contents section.site_info:after {
  clear: both;
}
#apply #wrap #contents section.site_info .head {
  display: block;
  width: 27px;
  float: left;
  border-radius: 0 13px 13px 0;
  min-height: 186px;
}
#apply #wrap #contents section.site_info .head img {
  display: block;
  width: 14px;
  margin: 13px auto;
}
#apply #wrap #contents section.site_info .info {
  width: 724px;
  float: right;
  margin-right: 27px;
  padding: 15px 0;
}
#apply #wrap #contents section.site_info .info {
  *zoom: 1;
}
#apply #wrap #contents section.site_info .info:before, #apply #wrap #contents section.site_info .info:after {
  content: " ";
  display: table;
}
#apply #wrap #contents section.site_info .info:after {
  clear: both;
}
#apply #wrap #contents section.site_info .info.grow {
  border-bottom: 2px dotted #4E3CB3;
}
#apply #wrap #contents section.site_info .info.oacis {
  border-bottom: 2px dotted #B53B8D;
}
#apply #wrap #contents section.site_info .info.create {
  border-bottom: 2px dotted #E86C18;
}
#apply #wrap #contents section.site_info .info.photo {
  border-bottom: 2px dotted #006837;
}
#apply #wrap #contents section.site_info .info.photo .description span {
  color: #006837;
  font-size: 20px;
  margin-bottom: 15px;
}
#apply #wrap #contents section.site_info .info .right {
  width: 350px;
  float: right;
  font-size: 15px;
}
#apply #wrap #contents section.site_info .info .right .description {
  width: initial;
  text-align: left;
  font-size: 12px;
  color: #231815;
}
#apply #wrap #contents section.site_info .info .right .description .info {
  width: initial;
  font-size: 13px;
  float: none;
  margin: 0;
}
#apply #wrap #contents section.site_info .info .left {
  width: 51%;
  float: left;
}
#apply #wrap #contents section.site_info .info .left h2 {
  font-family: "kozuka-gothic-pr6n",sans-serif;
  font-style: normal;
  font-size: 38px;
  margin-top: 10px;
  margin-bottom: 15px;
  line-height: 1;
}
#apply #wrap #contents section.site_info .info .left h2 .criant,
#apply #wrap #contents section.site_info .info .left h2 .name {
  font-size: 20px;
  line-height: 30px;
}
#apply #wrap #contents section.site_info .info .left h2 .criant {
  line-height: 20px;
}
#apply #wrap #contents section.site_info .info .title {
  width: 100%;
}
#apply #wrap #contents section.site_info .info .title {
  *zoom: 1;
}
#apply #wrap #contents section.site_info .info .title:before, #apply #wrap #contents section.site_info .info .title:after {
  content: " ";
  display: table;
}
#apply #wrap #contents section.site_info .info .title:after {
  clear: both;
}
#apply #wrap #contents section.site_info .info .title .logo {
  width: 54px;
  float: left;
  margin-right: 20px;
}
#apply #wrap #contents section.site_info .info .title .logo img {
  width: 100%;
}
#apply #wrap #contents section.site_info .info .title .name {
  width: 135px;
  font-size: 38px;
}
#apply #wrap #contents section.contents {
  min-height: 600px;
}
#apply #wrap #contents section.contents {
  *zoom: 1;
}
#apply #wrap #contents section.contents:before, #apply #wrap #contents section.contents:after {
  content: " ";
  display: table;
}
#apply #wrap #contents section.contents:after {
  clear: both;
}
#apply #wrap #contents section.contents .inner {
  width: 724px;
  float: right;
  margin-right: 27px;
  padding: 8px 0 15px;
}
#apply #wrap #contents section.contents .inner .head {
  font-size: 15px;
  margin: 0 0 42px 0;
  padding: 0 0 0 12px;
}
#apply #wrap #contents section.contents .inner .head.create {
  border-left: 7px solid #E86C18;
}
#apply #wrap #contents section.contents .inner .archive_title {
  background-position: bottom;
  background-repeat: repeat-x;
  padding-bottom: 12px;
  margin-bottom: 17px;
  margin-top: -8px;
}
#apply #wrap #contents section.contents .inner .archive_title {
  *zoom: 1;
}
#apply #wrap #contents section.contents .inner .archive_title:before, #apply #wrap #contents section.contents .inner .archive_title:after {
  content: " ";
  display: table;
}
#apply #wrap #contents section.contents .inner .archive_title:after {
  clear: both;
}
#apply #wrap #contents section.contents .inner .archive_title.line-blue {
  background-image: url("../img/certificated_sites/line_blue.png");
}
#apply #wrap #contents section.contents .inner .archive_title.line-green {
  background-image: url("../img/certificated_sites/line_green.png");
}
#apply #wrap #contents section.contents .inner .archive_title.line-purple {
  background-image: url("../img/certificated_sites/line_purple.png");
}
#apply #wrap #contents section.contents .inner .archive_title.line-pink {
  background-image: url("../img/certificated_sites/line_pink.png");
}
#apply #wrap #contents section.contents .inner .archive_title.line-orange {
  background-image: url("../img/certificated_sites/line_orange.png");
}
#apply #wrap #contents section.contents .inner .archive_title h3 {
  float: left;
  font-size: 18px;
  font-weight: bold;
}
#apply #wrap #contents section.contents .inner .archive_title .link {
  float: right;
  text-align: right;
  background-image: url("../img/arrow01_blue.png");
  background-position: right center;
  background-size: 14px 12px;
  background-repeat: no-repeat;
  padding-right: 20px;
  margin-top: -2px;
}

#voice .nav_mobile {
  display: none;
}
#voice #wrap #contents section.breadcrumb .inner {
  padding-bottom: 0;
  padding-right: 27px;
}
#voice #wrap #contents section.breadcrumb .inner {
  *zoom: 1;
}
#voice #wrap #contents section.breadcrumb .inner:before, #voice #wrap #contents section.breadcrumb .inner:after {
  content: " ";
  display: table;
}
#voice #wrap #contents section.breadcrumb .inner:after {
  clear: both;
}
#voice #wrap #contents section.breadcrumb .inner nav {
  width: 724px;
  float: right;
  padding-bottom: 15px;
}
#voice #wrap #contents section.breadcrumb .inner nav.voice {
  border-bottom: 2px solid #006837;
}
#voice #wrap #contents section.breadcrumb .inner nav.voice .square:before {
  background-color: #006837;
}
#voice #wrap #contents section.breadcrumb .inner nav ul {
  *zoom: 1;
}
#voice #wrap #contents section.breadcrumb .inner nav ul:before, #voice #wrap #contents section.breadcrumb .inner nav ul:after {
  content: " ";
  display: table;
}
#voice #wrap #contents section.breadcrumb .inner nav ul:after {
  clear: both;
}
#voice #wrap #contents section.breadcrumb .inner nav ul li {
  float: left;
  color: #0338c4;
}
#voice #wrap #contents section.breadcrumb .inner nav ul li a {
  color: #0338c4;
}
#voice #wrap #contents section.breadcrumb .inner nav ul li a:hover {
  padding: 0 0 1px;
}
#voice #wrap #contents section.breadcrumb .inner nav ul li .square:before {
  content: "";
  display: block;
  float: left;
  height: 8px;
  width: 8px;
  margin: 8px 3px 0 6px;
}
#voice #wrap #contents section.site_info {
  position: relative;
  height: auto;
}
#voice #wrap #contents section.site_info {
  *zoom: 1;
}
#voice #wrap #contents section.site_info:before, #voice #wrap #contents section.site_info:after {
  content: " ";
  display: table;
}
#voice #wrap #contents section.site_info:after {
  clear: both;
}
#voice #wrap #contents section.site_info .head {
  display: block;
  width: 27px;
  float: left;
  border-radius: 0 13px 13px 0;
}
#voice #wrap #contents section.site_info .head img {
  display: block;
  width: 14px;
  margin: 13px auto;
}
#voice #wrap #contents section.site_info .info {
  width: 724px;
  float: right;
  margin-right: 27px;
  padding: 15px 0;
  border-bottom: 2px dotted #006837;
}
#voice #wrap #contents section.site_info .info {
  *zoom: 1;
}
#voice #wrap #contents section.site_info .info:before, #voice #wrap #contents section.site_info .info:after {
  content: " ";
  display: table;
}
#voice #wrap #contents section.site_info .info:after {
  clear: both;
}
#voice #wrap #contents section.site_info .info .title .name {
  font-size: 26px;
  margin-top: 10px;
  margin-bottom: 15px;
}
#voice #wrap #contents section.site_info .info .description {
  font-size: 12px;
}
#voice #wrap #contents section.contents {
  min-height: 600px;
}
#voice #wrap #contents section.contents {
  *zoom: 1;
}
#voice #wrap #contents section.contents:before, #voice #wrap #contents section.contents:after {
  content: " ";
  display: table;
}
#voice #wrap #contents section.contents:after {
  clear: both;
}
#voice #wrap #contents section.contents .inner {
  width: 724px;
  float: right;
  margin-right: 27px;
  padding: 38px 0 15px;
}
#voice #wrap #contents section.contents .inner .main .box_green {
  border: 2px dotted #006837;
  border-left: 4px solid #006837;
  margin-bottom: 34px;
}
#voice #wrap #contents section.contents .inner .main .box_green h3 {
  font-size: 16px;
  color: #006837;
  padding: 8px;
  border-bottom: 2px dotted #006837;
}
#voice #wrap #contents section.contents .inner .main .box_green .box_white {
  padding: 10px;
  margin: 10px;
  background-color: #FFF;
  border-radius: 8px;
  overflow: hidden;
}
#voice #wrap #contents section.contents .inner .main .box_green .box_white .img {
  width: 150px;
  float: right;
  margin: 0 0 0 15px;
}
#voice #wrap #contents section.contents .inner .main .box_green .box_white .img img {
  display: block;
  width: 100%;
}
#voice #wrap #contents section.contents .inner .main .box_green .box_white .file {
  display: block;
  background-image: url("../../img/mark_list.png");
  background-repeat: no-repeat;
  background-size: 6px;
  background-position: left 8px;
  padding: 0 0 0 16px;
}
#voice #wrap #contents section.contents .inner .main .box_green .box_white .file:visited {
  opacity: 0.6;
}
#voice #wrap #contents section.contents .inner .main .box_green time {
  text-align: right;
  display: block;
  padding: 0 10px 0;
  color: #006837;
}

#outline .nav_mobile {
  display: none;
}
#outline #wrap #contents section.breadcrumb .inner {
  padding-bottom: 0;
  padding-right: 27px;
}
#outline #wrap #contents section.breadcrumb .inner {
  *zoom: 1;
}
#outline #wrap #contents section.breadcrumb .inner:before, #outline #wrap #contents section.breadcrumb .inner:after {
  content: " ";
  display: table;
}
#outline #wrap #contents section.breadcrumb .inner:after {
  clear: both;
}
#outline #wrap #contents section.breadcrumb .inner nav {
  width: 724px;
  float: right;
  padding-bottom: 15px;
}
#outline #wrap #contents section.breadcrumb .inner nav.outline {
  border-bottom: 2px solid #335ba8;
}
#outline #wrap #contents section.breadcrumb .inner nav.outline .square:before {
  background-color: #335ba8;
}
#outline #wrap #contents section.breadcrumb .inner nav ul {
  *zoom: 1;
}
#outline #wrap #contents section.breadcrumb .inner nav ul:before, #outline #wrap #contents section.breadcrumb .inner nav ul:after {
  content: " ";
  display: table;
}
#outline #wrap #contents section.breadcrumb .inner nav ul:after {
  clear: both;
}
#outline #wrap #contents section.breadcrumb .inner nav ul li {
  float: left;
  color: #0338c4;
}
#outline #wrap #contents section.breadcrumb .inner nav ul li a {
  color: #0338c4;
}
#outline #wrap #contents section.breadcrumb .inner nav ul li a:hover {
  padding: 0 0 1px;
}
#outline #wrap #contents section.breadcrumb .inner nav ul li .square:before {
  content: "";
  display: block;
  float: left;
  height: 8px;
  width: 8px;
  margin: 8px 3px 0 6px;
}
#outline #wrap #contents section.site_info {
  position: relative;
  height: auto;
  *zoom: 1;
}
#outline #wrap #contents section.site_info:before, #outline #wrap #contents section.site_info:after {
  content: " ";
  display: table;
}
#outline #wrap #contents section.site_info:after {
  clear: both;
}
#outline #wrap #contents section.site_info .head {
  display: block;
  width: 27px;
  float: left;
  border-radius: 0 13px 13px 0;
}
#outline #wrap #contents section.site_info .head img {
  display: block;
  width: 14px;
  margin: 13px auto;
}
#outline #wrap #contents section.site_info .info {
  width: 724px;
  float: right;
  margin-right: 27px;
  padding: 15px 0;
  border-bottom: 2px dotted #335ba8;
}
#outline #wrap #contents section.site_info .info {
  *zoom: 1;
}
#outline #wrap #contents section.site_info .info:before, #outline #wrap #contents section.site_info .info:after {
  content: " ";
  display: table;
}
#outline #wrap #contents section.site_info .info:after {
  clear: both;
}
#outline #wrap #contents section.site_info .info .title .name {
  font-size: 26px;
  margin-top: 10px;
  margin-bottom: 15px;
}
#outline #wrap #contents section.site_info .info .description {
  font-size: 12px;
}
#outline #wrap #contents section.contents {
  min-height: 600px;
}
#outline #wrap #contents section.contents {
  *zoom: 1;
}
#outline #wrap #contents section.contents:before, #outline #wrap #contents section.contents:after {
  content: " ";
  display: table;
}
#outline #wrap #contents section.contents:after {
  clear: both;
}
#outline #wrap #contents section.contents .inner {
  width: 724px;
  float: right;
  margin-right: 27px;
  padding: 38px 0 15px;
}

#document .nav_mobile {
  display: none;
}
#document #wrap #contents section.breadcrumb .inner {
  padding-bottom: 0;
  padding-right: 27px;
}
#document #wrap #contents section.breadcrumb .inner {
  *zoom: 1;
}
#document #wrap #contents section.breadcrumb .inner:before, #document #wrap #contents section.breadcrumb .inner:after {
  content: " ";
  display: table;
}
#document #wrap #contents section.breadcrumb .inner:after {
  clear: both;
}
#document #wrap #contents section.breadcrumb .inner nav {
  width: 724px;
  float: right;
  padding-bottom: 15px;
}
#document #wrap #contents section.breadcrumb .inner nav.outline {
  border-bottom: 2px solid #335ba8;
}
#document #wrap #contents section.breadcrumb .inner nav.outline .square:before {
  background-color: #335ba8;
}
#document #wrap #contents section.breadcrumb .inner nav ul {
  *zoom: 1;
}
#document #wrap #contents section.breadcrumb .inner nav ul:before, #document #wrap #contents section.breadcrumb .inner nav ul:after {
  content: " ";
  display: table;
}
#document #wrap #contents section.breadcrumb .inner nav ul:after {
  clear: both;
}
#document #wrap #contents section.breadcrumb .inner nav ul li {
  float: left;
  color: #0338c4;
}
#document #wrap #contents section.breadcrumb .inner nav ul li a {
  color: #0338c4;
}
#document #wrap #contents section.breadcrumb .inner nav ul li a:hover {
  padding: 0 0 1px;
}
#document #wrap #contents section.breadcrumb .inner nav ul li .square:before {
  content: "";
  display: block;
  float: left;
  height: 8px;
  width: 8px;
  margin: 8px 3px 0 6px;
}
#document #wrap #contents section.site_info {
  position: relative;
  height: auto;
}
#document #wrap #contents section.site_info {
  *zoom: 1;
}
#document #wrap #contents section.site_info:before, #document #wrap #contents section.site_info:after {
  content: " ";
  display: table;
}
#document #wrap #contents section.site_info:after {
  clear: both;
}
#document #wrap #contents section.site_info .head {
  display: block;
  width: 27px;
  float: left;
  border-radius: 0 13px 13px 0;
}
#document #wrap #contents section.site_info .head img {
  display: block;
  width: 14px;
  margin: 13px auto;
}
#document #wrap #contents section.site_info .info {
  width: 724px;
  float: right;
  margin-right: 27px;
  padding: 15px 0;
  border-bottom: 2px dotted #335ba8;
}
#document #wrap #contents section.site_info .info {
  *zoom: 1;
}
#document #wrap #contents section.site_info .info:before, #document #wrap #contents section.site_info .info:after {
  content: " ";
  display: table;
}
#document #wrap #contents section.site_info .info:after {
  clear: both;
}
#document #wrap #contents section.site_info .info .title .name {
  font-size: 26px;
  margin-top: 6px;
  margin-bottom: 12px;
  line-height: 2rem;
}
#document #wrap #contents section.site_info .info .description {
  font-size: 12px;
}
#document #wrap #contents section.contents {
  min-height: 600px;
}
#document #wrap #contents section.contents {
  *zoom: 1;
}
#document #wrap #contents section.contents:before, #document #wrap #contents section.contents:after {
  content: " ";
  display: table;
}
#document #wrap #contents section.contents:after {
  clear: both;
}
#document #wrap #contents section.contents .inner {
  width: 724px;
  float: right;
  margin-right: 27px;
  padding: 38px 0 15px;
}

#conteiner{
  margin-top: 20px;
}

.site_info{
	position: relative !important;
	overflow: hidden !important;
	margin-bottom: 10px;
}
.site_info:before{
	content: "";
	display: block !important;
	width: 27px;
	height: 100%;
	background-color: #335ba8;
	position: absolute;
	border-radius: 0 8px 8px 0;
}
.site_info.border-lightblue:before {
  background-color: #335ba8;
}
.site_info.border-blue:before {
  background-color: #0338c4;
}
.site_info.border-green:before {
  background-color: #006837;
}
.site_info.border-purple:before {
  background-color: #4E3CB3;
}
.site_info.border-pink:before {
  background-color: #B53B8D;
}
.site_info.border-orange:before {
  background-color: #E86C18;
}

.sp-slide a{
  
}
.sp-slide a img{
  height: 213px !important;
  margin: 0 auto !important;
  position: absolute;
  left: -100%;
  right: -100%;
}


/* 写真ボックス流し <p style="clear: left;">後続の文章………</p>で回り込み回避する */
div.imagebox3 {
   border: 1px dotted #ccc; /* 1.枠線 */
   background-color: #fff;  /* 2.背景色 */
   width: 164px; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 2px; /* 周囲の余白 */
   padding: 7px 0px 0px 0px;
   min-height: 166px;
}

p.image3 {
	text-align: center;  /*3.中央寄せ */
	margin: 2px;    /* 4.余白・間隔 */
}

p.image3 img {
	max-width: 160px;
	max-height: 120px;
}

p.caption3 {
   font-size: 80%;  /* 5.文字サイズ */
   line-height: 130%;
   color: #444;  /* 6.文字色 */
   text-align: left;  /*3.中央寄せ */
   margin: 2px;    /* 4.余白・間隔 */

}