@charset "UTF-8";
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

img {
  vertical-align: bottom;
  border: none;
}

button,
input,
select,
textarea {
  vertical-align: middle;
}

input {
  outline: 0;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

textarea {
  overflow: auto;
  vertical-align: top;
  font-family: sans-serif;
}

hr {
  clear: both;
  height: 1px;
  padding: 0;
  margin: 0.6em 0;
  border: 1px solid #FFF;
  background: none;
}

/* ベース
---------------------------------- */
html {
  height: 100%;
}

body {
  color: #333;
  font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  font-size: 62.5%;
  line-height: 1.6;
  min-width: 960px;
  min-height: 100%;
  height: 100%;
  word-wrap: break-word;
}

a:link, a:visited {
  color: #333;
  text-decoration: none;
  /*color: #3F8CB2;*/
  color: #0672a5;
  text-decoration: underline;
}
a:hover, a:active {
  color: #3F8CB2;
  text-decoration: none;
}

strong {
  font-weight: bold;
}

/* レイアウト　*/
/* ステート（状態） */
.is-left {
  float: left;
}

.is-right {
  float: right;
}

.is-center {
  text-align: center;
}

.is-hidden {
  display: none;
}

.image.is-left,
img.is-left {
  margin-right: 10px;
  margin-bottom: 10px;
}
.image.is-right,
img.is-right {
  margin-left: 10px;
  margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
  body {
    min-width: 320px;
    -webkit-text-size-adjust: 100%;
  }
}
header.global {
  position: relative;
  z-index: 10;
  width: 960px;
  height: 210px;
  margin: 0 auto 20px;
}
header.global .site-logo {
  padding-top: 65px;
  text-align: center;
}
header.global #sp-menu {
  display: none;
}
header.global nav.global {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 52px;
  border-bottom: 2px solid #BF000F;
}
header.global nav.global ul {
  *zoom: 1;
  border-left: 1px solid #ccc;
  height: 36px;
}
header.global nav.global ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
header.global nav.global li {
  text-align: center;
  float: left;
  width: 136px;
  height: 36px;
  border-right: 1px solid #ccc;
}
header.global nav.global li a {
  color: #333;
  font-size: 130%;
  font-weight: bold;
  line-height: 1.2;
  display: block;
  height: 50px;
  margin: 0 1px;
  border-bottom: 3px solid transparent;
  text-decoration: none;
}
header.global nav.global li a:hover, header.global nav.global li a.current {
  border-bottom-color: #BF000F;
}
header.global nav.global li a:hover span, header.global nav.global li a.current span {
  background-image: url(/mana/ib6qjo00000002fc/bg_arrow_down01_on.png);
}
header.global nav.global li span {
  display: block;
  padding: 5px 0 16px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_down01.png) no-repeat 50% 100%;
}
header.global .utility {
  position: absolute;
  left: 0;
  right: 0;
  top: 15px;
  height: 26px;
}
header.global nav.guide {
  float: left;
  width: 450px;
}
header.global nav.guide ul {
  overflow: hidden;
  *zoom: 1;
  padding: 7px 0 8px;
}
header.global nav.guide li {
  font-size: 11px;
  line-height: 1;
  float: left;
  margin-right: 10px;
}
header.global nav.guide li a {
  padding-left: 10px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right03.png) no-repeat 0 50%;
}
header.global .accessibility {
  float: right;
  text-align: right;
  width: 510px;
  letter-spacing: -.45em;
}
header.global #search_function,
header.global #font-select,
header.global .link {
  letter-spacing: normal;
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
header.global #search_function {
  width: 170px;
  margin-right: 10px;
}
header.global #search_function #search_form {
  height: 20px;
  padding: 2px 3px;
  border: 1px solid #ccc;
  background: #F6F6F6;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  behavior: url(border-radius.htc); /* IE */
}
header.global #search_function #sft {
  font-size: 11px;
  width: 138px;
  height: 20px;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
}
header.global #search_function #sa {
  width: 13px;
  height: 13px;
}
header.global #font-select {
  width: 200px;
  margin-right: 10px;
  letter-spacing: -.45em;
}
header.global #font-select p,
header.global #font-select ul {
  letter-spacing: normal;
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
header.global #font-select p {
  font-size: 11px;
  margin-right: 5px;
}
header.global #font-select ul {
  overflow: hidden;
  width: 120px;
  height: 24px;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: url(/mana/ib6qjo00000002fc/bg_border01.gif) repeat-y 50% 0;
}
header.global #font-select li {
  float: left;
  width: 55px;
}
header.global #font-select a {
  color: #333;
  font-size: 11px;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  display: block;
  width: 60px;
  height: 24px;
}
header.global #font-select a:hover {
  background: #ccc;
}
header.global .link {
  background: #BF000F;
}
header.global .link a {
  color: #fff;
  font-size: 11px;
  line-height: 26px;
  text-decoration: none;
  text-align: center;
  display: block;
  height: 26px;
  padding: 0 20px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right04.png) no-repeat 10px 48%;
}
header.global .link a:hover {
  background-color: #C8C8C8;
}

@media screen and (max-width: 640px) {
  header.global {
    width: 100%;
    height: 105px;
    margin: 0 0 10px;
  }
  header.global .site-logo {
    padding-top: 13px;
    margin-bottom: 13px;
  }
 header.global .site-logo .wpi img {
    width: 40px;
    height: auto;
    margin: 0 auto;
}
  header.global .site-logo .mana img {
	/*display:block;*/
    width: 240px;
    height: auto;
    margin: 0 auto;
}
  header.global #sp-menu {
    text-align: center;
    display: block;
    margin: 0 5px;
  }
  header.global #sp-menu a {
    display: block;
    padding: 12px;
    border: 2px solid #BF000F;
  }
  header.global #sp-menu img {
    display: block;
    width: 63px;
    height: auto;
    margin: 0 auto;
  }
  header.global .sp-menu-toggle {
    display: none;
    position: absolute;
    top: 115px;
    left: 5px;
    right: 5px;
    padding-bottom: 24px;
    border: 2px solid #BF000F;
    background: #fff;
  }
  header.global nav.global {
    position: static;
    height: auto;
    border-bottom: none;
    margin-bottom: 10px;
  }
  header.global nav.global ul {
    border-left: none;
    height: auto;
  }
  header.global nav.global li {
    text-align: left;
    float: none;
    width: 100%;
    height: 44px;
    border-right: none;
    border-bottom: 1px solid #ccc;
  }
  header.global nav.global li a {
    line-height: 44px;
    height: 44px;
    margin: 0;
    border-bottom: none;
  }
  header.global nav.global li a:hover, header.global nav.global li a.current {
    border-bottom-color: none;
  }

  header.global nav.global li a:hover span, header.global nav.global li a.current span {
    background-image: url(/mana/ib6qjo00000002fc/bg_arrow_right05_x2.png);
  }
  header.global nav.global li span {
    display: block;
    padding: 0;
    line-height: 44px;
    height: 44px;
    padding: 0 20px 0 12px;
    background: url(/mana/ib6qjo00000002fc/bg_arrow_right05_x2.png) no-repeat 95% 50%;
    background-size: 7px 12px;
  }
  header.global .utility {
    position: static;
    height: auto;
  }
  header.global nav.guide {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  header.global nav.guide ul {
    padding: 0;
    text-align: center;
  }
  header.global nav.guide li {
    float: none;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 2px 10px;
    margin: 0;
    border-right: 1px solid #ccc;
  }
  header.global nav.guide li:last-child {
    border-right: none;
  }
  header.global nav.guide li a {
    padding-left: 10px;
    background: url(/mana/ib6qjo00000002fc/bg_arrow_right03_x2.png) no-repeat 0 50%;
    background-size: 3.5px 5px;
  }
  header.global .accessibility {
    float: none;
    text-align: left;
    width: auto;
  }
  header.global #search_function,
  header.global #font-select,
  header.global .link {
    display: block;
  }
  header.global #search_function {
    width: 280px;
    margin: 0 auto 12px;
  }
  header.global #search_function #search_form {
    height: 32px;
    padding: 2px 6px;
    border: 1px solid #ccc;
    background: #F6F6F6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  header.global #search_function #sft {
    font-size: 11px;
    width: 245px;
    height: 32px;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
  }
  header.global #search_function #sa {
    width: 15px;
    height: 15px;
  }
  header.global #font-select {
    display: none;
  }
  header.global .link {
    width: 160px;
    margin: 0 auto;
  }
  header.global .link a {
    font-size: 12px;
    font-weight: bold;
    line-height: 36px;
    height: 36px;
    background: none;
  }
  header.global .link span {
    padding: 0 10px;
    background: url(/mana/ib6qjo00000002fc/bg_arrow_right04_x2.png) no-repeat 0 48%;
    background-size: 3.5px 5px;
  }
}
footer.global {
  margin-top: 30px;
  background: #F5F5F5;
}
footer.global .l-contents {
  position: relative;
  width: 960px;
  padding: 30px 0 45px;
  margin: 0 auto;
}
footer.global .pagetop {
  text-align: center;
  position: absolute;
  right: 0;
  top: -25px;
  vertical-align: bottom;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 110px;
  height: 24px;
  border-bottom: 1px solid #BF000F;
}
footer.global .pagetop a {
  color: #333;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding-left: 20px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_up01.png) no-repeat 5px 5px;
}
footer.global .pagetop a:hover {
  opacity: 0.60;
  -moz-opacity: 0.60;
  filter: alpha(opacity=60);
}
footer.global .relation-link {
  text-align: center;
  margin-bottom: 25px;
  border-bottom: 1px solid #ccc;
}
footer.global .relation-link ul {
  letter-spacing: -.45em;
  margin-bottom: 30px;
}
footer.global .relation-link li {
  letter-spacing: normal;
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 30px;
}
footer.global .relation-link a:hover img {
  opacity: 0.60;
  -moz-opacity: 0.60;
  filter: alpha(opacity=60);
}
footer.global .l-frame {
  overflow: hidden;
  *zoom: 1;
}
footer.global .laboratory-info {
  float: left;
  width: 600px;
}
footer.global .laboratory-info p,
footer.global .laboratory-info address {
  font-size: 12px;
}
footer.global .laboratory-info .logo {
  float: left;
  width: 75px;
  margin-bottom: 45px;
}
footer.global .laboratory-info .logo img {
  max-width: 100%;
  width: auto;
  height: auto;
}
footer.global .laboratory-info .info {
  margin: 0 0 45px 100px;
}
footer.global .laboratory-info .name {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}
footer.global .laboratory-info .name .en {
  font-weight: normal;
  display: block;
}
footer.global .laboratory-info .copyright {
  font-size: 10px;
}

@media screen and (max-width: 640px) {
  footer.global .l-contents {
    position: relative;
    width: auto;
    padding: 30px 10px 20px;
    margin: 0;
  }
  footer.global .pagetop a {
    background: url(/mana/ib6qjo00000002fc/bg_arrow_up01_x2.png) no-repeat 5px 7px;
    background-size: 9px 5px;
  }
  footer.global .relation-link {
    overflow: hidden;
    padding-bottom: 5px;
    margin-bottom: 20px;
  }
  footer.global .relation-link ul {
    margin: 0 -10px 0;
  }
  footer.global .relation-link li {
    vertical-align: top;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0;
    margin: 0 14px 25px;
  }
  footer.global .laboratory-info {
    float: none;
    width: auto;
  }
  footer.global .laboratory-info .logo {
    margin-bottom: 15px;
  }
  footer.global .laboratory-info .info {
    margin: 0 0 15px 90px;
  }
  footer.global .laboratory-info .name {
    font-size: 13px;
  }
  footer.global .laboratory-info .copyright {
    text-align: center;
  }
}
/* 共通コンテンツ */
.g-contents {
  margin-bottom: 50px;
}

.l-container {
  overflow: hidden;
  *zoom: 1;
  width: 960px;
  margin: 0 auto;
}

#main-visual {
  position: relative;
  width: 100%;
  height: 280px;
  margin-bottom: 30px;
}
#main-visual h1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 280px;
}
#main-visual #fade-area {
  overflow: hidden;
  position: absolute;
  left: 280px;
  width: 680px;
  height: 280px;
}
#main-visual a:hover img {
  opacity: 0.60;
  -moz-opacity: 0.60;
  filter: alpha(opacity=60);
}

.news-topics {
  position: relative;
  float: left;
  width: 625px;
  margin-bottom: 10px;
}
.news-topics .more-link {
  position: absolute;
  right: 0;
  top: 13px;
}

.field-nav {
  float: right;
  width: 280px;
  margin-bottom: 10px;
}
.field-nav li {
  margin-bottom: 15px;
  background: #F3F3F3;
}
.field-nav li a {
  color: #333;
  text-decoration: none;
  display: block;
  padding: 10px 20px 5px 0;
  overflow: hidden;
  *zoom: 1;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right02.png) no-repeat 96% 50%;
}
.field-nav li a:hover {
  opacity: 0.60;
  -moz-opacity: 0.60;
  filter: alpha(opacity=60);
}
.field-nav p {
  font-size: 110%;
  line-height: 1.2;
}
.field-nav .picture {
  float: left;
  margin: -10px 10px -5px 0;
}
.field-nav .title {
  font-size: 150%;
  font-weight: bold;
  line-height: 1.4;
}

#research-highlights {
  margin-bottom: 40px;
  background: url(/mana/ib6qjo00000002fc/bg_pattern01.png) repeat 50% 50%;
}
#research-highlights .l-frame {
  position: relative;
  width: 960px;
  margin: 0 auto;
}
#research-highlights .title {
  position: absolute;
  z-index: 20;
  left: 70px;
  top: 25px;
  width: 190px;
}
#research-highlights .title img {
  max-width: 100%;
  width: auto;
  height: auto;
}
#research-highlights #slide-area {
  overflow: hidden;
  min-height: 200px;
  padding: 25px 0 20px;
  margin: 0 auto;
}
#research-highlights #slide-area ul {
  overflow: hidden;
  width: 960px;
}
#research-highlights #slide-area li {
  float: left;
  width: 820px;
  padding: 60px 70px 0;
}
#research-highlights #slide-area a {
  color: #333;
  display: block;

  text-decoration: none;
}
#research-highlights #slide-area a:hover {
  opacity: 0.60;
  -moz-opacity: 0.60;
}
#research-highlights #slide-area .thumb {
  float: right;
  margin: -60px 0 0 30px;
}
#research-highlights #slide-area h3 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}
#research-highlights #slide-area .date,
#research-highlights #slide-area .text p {
  font-size: 12px;
  margin-bottom: 5px;
  line-height: 1.2;
}
#research-highlights #slide-area .more-link {
  font-size: 12px;
  margin-top: 10px;
}

.conference-area a:hover img {
  opacity: 0.60;
  -moz-opacity: 0.60;
  filter: alpha(opacity=60);
}
.conference-area .schedule {
  overflow: hidden;
}
.conference-area .schedule h3 {
  margin-bottom: 15px;
  background: url(/mana/ib6qjo00000002fc/bg_border02.gif) repeat-x 0 50%;
}
.conference-area .schedule h3 span {
  background: #fff;
  padding-right: 10px;
}
.conference-area .schedule .notice,
.conference-area .schedule .banners {
  letter-spacing: -.45em;
  margin: 0 -15px 25px;
}
.conference-area .schedule .notice li,
.conference-area .schedule .banners li {
  letter-spacing: normal;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 300px;
  margin: 0 15px 13px;
}
.conference-area .schedule .notice li a,
.conference-area .schedule .banners li a {
  display: block;
  text-decoration: none;
}
.conference-area .schedule .notice li a:hover .title,
.conference-area .schedule .banners li a:hover .title {
  text-decoration: none;
}
.conference-area .schedule .notice li .thumb,
.conference-area .schedule .banners li .thumb {
  float: left;
  margin-right: 10px;
}
.conference-area .schedule .notice li .title,
.conference-area .schedule .banners li .title {
  font-size: 120%;
  line-height: 1.2;
  text-decoration: underline;
  margin-bottom: 10px;
}
.conference-area .schedule .notice li .date,
.conference-area .schedule .banners li .date {
  color: #333;
}

.movie-area .movies {
  letter-spacing: -.45em;
  margin: 0 -15px 25px;
}
.movie-area figure {
  letter-spacing: normal;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 300px;
  margin: 0 15px 13px;
}
.movie-area figcaption {
  font-size: 120%;
  margin-top: 10px;
}
.movie-area figcaption span {
  font-weight: bold;
  color: #BF000F;
}

.pickup-content {
  overflow: hidden;
}
.pickup-content .l-frame {
  margin: 0 -15px;
  letter-spacing: -.45em;
}
.pickup-content .item {
  letter-spacing: normal;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 300px;
  margin: 0 15px 20px;
}
.pickup-content .item .title {
  font-size: 100%;
  margin-bottom: 13px;
}
.pickup-content .item p {
  font-size: 120%;
  margin-bottom: 10px;
  float:left;
}

@media screen and (max-width: 640px) {
  .g-contents {
    margin-bottom: 40px;
  }

  .l-container {
    width: auto;
    margin: 0;
  }

  #main-visual {
    position: relative;
    width: 320px;
    height: auto;
    margin: 0 auto 35px;
  }
  #main-visual h1 {
    position: static;
    width: 100%;
  }
  #main-visual h1 img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  #main-visual #fade-area {
    position: static;
    width: 100%;
    height: auto;
  }
  #main-visual #fade-area img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  #main-visual a:hover img {
    opacity: 1.00;
    -moz-opacity: 1.00;
    filter: alpha(opacity=100);
  }

  .news-topics {
    position: relative;
    float: none;
    width: auto;
    margin-bottom: 30px;
  }
  .news-topics .more-link {
    right: 10px;
  }

  .field-nav {
    float: none;
    width: auto;
    margin-bottom: 25px;
  }
  .field-nav li {
    margin: 0 5px 5px;
  }
  .field-nav li a {
    background: url(/mana/ib6qjo00000002fc/bg_arrow_right02_x2.png) no-repeat 96% 50%;
    background-size: 7px 12px;
  }

  #research-highlights {
    margin-bottom: 30px;
    background-size: 250px 250px;
  }
  #research-highlights .l-frame {
    position: relative;
    width: auto;
    height: auto;
    padding: 25px 10px 0;
    margin: 0 auto;
  }
  #research-highlights .title {
    position: static;
    width: 190px;
    margin-bottom: 30px;
  }
  #research-highlights #slide-area {
    overflow: hidden;
    width: auto;
    height: auto;
    padding-top: 0;
    margin: 0 -10px;
  }
  #research-highlights #slide-area ul {
    width: 100%;
    height: auto;
  }
  #research-highlights #slide-area li {
    float: left;
    width: auto;
    height: auto;
    padding: 0 10px;
  }
  #research-highlights #slide-area a:hover {
    opacity: 1.00;
    -moz-opacity: 1.00;
    filter: alpha(opacity=100);
  }
  #research-highlights #slide-area .thumb {
    float: right;
    width: 110px;
    margin: 0 0 0 15px;
  }
  #research-highlights #slide-area .thumb img {
    max-width: 100%;
    width: auto;
    height: auto;
  }

  .conference-area {
    margin-bottom: 15px;
  }
  .conference-area .schedule {
    margin: 0 10px;
  }
  .conference-area .schedule h3 {
    margin-bottom: 12px;
  }
  .conference-area .schedule .notice,
  .conference-area .schedule .banners {
    margin: 0 0 10px;
  }
  .conference-area .schedule .notice li,
  .conference-area .schedule .banners li {
    width: 100%;
    margin: 0 0 10px;
  }
  .conference-area .schedule .banners li {
    text-align: center;
  }
  .conference-area .schedule .banners li a {
    display: inline-block;
  }

  .movie-area {
    margin: 0 10px 15px;
  }
  .movie-area .movies {
    margin: 0 0 10px;
  }
  .movie-area figure {
    width: 100%;
    margin: 0 0 10px;
  }
  .movie-area figcaption {
    margin-top: 5px;
  }

  .pickup-content {
    margin-bottom: 10px;
  }
  .pickup-content .l-frame {
    margin: 0 5px;
  }
  .pickup-content .item {
    width: 100%;
    margin: 0 0 10px;
  }
  .pickup-content .item .title {
    margin: 0 0 13px;
  }
  .pickup-content .item p {
    margin: 0 5px 10px;
  }
}
/* メニュー・コンテンツ部 */
#wrapper_object {
  width: 960px;
  margin: 0 auto;
}

#mainarea {
  float: right;
  width: 720px;
  margin:0 30px 0 0;
}
#mainarea.single {
  float: none;
  width: auto;
}

#mainarea2 {
  float: left;
  width: 650px;
}

@media screen and (max-width: 640px) {
  #wrapper_object,
  #mainarea,
  #mainarea2,
  #mainarea3 {
    float: none;
    width: auto;
  }
}
/* パンくず */
#topic_path {
  margin-bottom: 35px;
}
#topic_path li {
  font-size: 120%;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 5px;
}

@media screen and (max-width: 640px) {
  #topic_path {
    margin: 0 10px 20px;
  }
}
/* ページタイトル */
.page_title {
  margin-bottom: 30px;
}
.page_title img{
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.page_title span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.page_title span {
  font-size: 220%;
  font-weight: bold;
  line-height: 1;
  margin-left: 15px;
}

@media screen and (max-width: 640px) {
  .page_title {
    margin: 0 10px 20px;
  }
  .page_title img,
  .page_title h2 {
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }    
}
/* 見出しタイプ */
.subject_header_border .title_text {
  font-size: 160%;
  font-weight: bold;
  line-height: 1.2;
  padding: 18px 18px 15px;
  margin-bottom: 25px;
  border-bottom: 1px solid #EAE1E1;
  background: url(/mana/ib6qjo00000002fc/bg_pattern01.png) 50% 50% repeat;
}

@media screen and (max-width: 640px) {
  .subject_header_border .title_text {
    padding: 15px 15px 12px;
    margin-bottom: 20px;
  }
}
.subject_header_gray .title_text {
  font-size: 160%;
  font-weight: bold;
  line-height: 1.2;
  padding-bottom: 7px;
  margin-bottom: 25px;
  border-bottom: 1px solid #BF000F;
}

@media screen and (max-width: 640px) {
  .subject_header_gray .title_text {

    margin: 0 0 25px;
  }

  #mainarea > .subject_header_gray .title_text,
  #mainarea2 > .subject_header_gray .title_text,{
    margin: 0 10px 25px;
  }
}
.subject_header_border_text {
  margin-bottom: 20px;
  padding: 0 10px;
  font-size: 130%;
}

.subject_header_border_left {
  font-size: 150%;
  /*font-weight: bold;*/
  line-height: 1.2;
  padding: 3px 10px 5px 13px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.subject_header_border_left.border_red {
  border-left: 3px solid #BF000F;
}
.subject_header_border_left.border_orange {
  border-left: 3px solid #CF8D65;
}
.subject_header_border_left.border_blue {
  border-left: 3px solid #5996D2;
}
.subject_header_border_left.border_green {
  border-left: 3px solid #83B167;
}
.subject_header_border_left.border_yellow {
  border-left: 3px solid #CAAD3C;
}

.subject_header_redfont {
  width: 100%;
  margin-bottom: 20px;
}
.subject_header_redfont .title_text {
  color: #BF000F;
  font-size: 160%;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 15px;
}
.subject_header_redfont .subtitle_text {
  font-size: 140%;
  line-height: 1.5;
  margin-bottom: 20px;
}
.alumni_header_redfont {
  margin-bottom: 20px;
}
.alumni_header_redfont .title_text {
  color: #BF000F;
  font-size: 160%;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 15px;
}

@media screen and (max-width: 640px) {
  .subject_header_redfont {
    margin: 0 10px 30px;
  }
}
.subject_header_bacground {
  font-size: 160%;
  font-weight: bold;
  line-height: 1.2;
  padding-bottom: 7px;
  margin-bottom: 25px;
}
.subject_header_bacground.bacground_orange {
  border-bottom: 1px solid #CF8D65;
}
.subject_header_bacground.bacground_blue {
  border-bottom: 1px solid #5996D2;
}
.subject_header_bacground.bacground_green {
  border-bottom: 1px solid #83B167;
}
.subject_header_bacground.bacground_yellow {
  border-bottom: 1px solid #CAAD3C;
}
.subject_header_bacground.bacground_red {
  border-bottom: 1px solid #C00;
}

/* 新着情報リスト */
.news-list {
  margin-bottom: 10px;
}
.news-list li {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 20px;
}
.news-list .date,
.news-list .label {
  float: left;
}
.news-list .date {
  font-size: 12px;
  line-height: 20px;
  width: 80px;
  height: 20px;
  margin-right: 5px;
}
.news-list .label {
  margin-right: 10px;
}
.news-list .title,
.news-list .summary {
  margin-left: 185px;
}
.news-list .thumb {
  float: right;
  margin-left: 10px;
}
.news-list .title {
  font-size: 140%;
}
.news-list .summary {
  font-size: 120%;
  margin-top: 3px;
}

@media screen and (max-width: 640px) {
  .news-list li {
    padding: 0 10px 10px;
    margin-bottom: 5px;
    /*border-bottom: 1px solid #ccc;*/
  }
  .news-list .date,
  .news-list .label {
    margin-bottom: 7px;
  }
  .news-list .label {
    clear: right;
  }
  .news-list .thumb {
    margin-left: 10px;
  }
  .news-list .title,
  .news-list .summary {
    clear: left;
    width: 100%;
    margin: 0;
  }
  .news-list .summary {
    margin-top: 5px;
  }
}
/* 記事セット */
.arlist_section {
  overflow: hidden;
  margin-bottom: 30px;
}
.alumni_section {
  overflow: hidden;
  margin-bottom: 30px;
  width: 650px;
}

@media screen and (max-width: 640px) {
  .arlist_section {
    margin: 0 10px 10px;
  }
}
.arlist_lineup_section,
.arlist_border_section {
  overflow: hidden;
  margin-bottom: 30px;
}

@media screen and (max-width: 640px) {
  .arlist_lineup_section,
  .arlist_border_section {
    margin: 0 10px 20px;
  }
}
.arlist_set {
  overflow: hidden;
  *zoom: 1;
}
.arlist_set.double {
  margin-right: -30px;
}
.arlist_set.double .section {
  float: left;
  width: 310px;
  margin-right: 30px;
}
.arlist_set .artitle a,
.arlist_set .artitle span {
  font-size: 140%;
  line-height: 1.4;
  display: block;
  padding: 5px 10px 5px 25px;
  margin-bottom: 10px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right02.png) no-repeat 10px 10px #F3F3F3;
}
.arlist_set .artext {
  overflow: hidden;
  *zoom: 1;
  font-size: 135%;
  margin-bottom: 10px;
  line-height:180%;
}
.arlist_set .artextList{
  font-size: 130%;
  line-height:180%;
}
#mainarea.single .arlist_set.double .section {
  width: 465px;
}
#mainarea .arlist_set.double .section {
  width: 335px;
}

@media screen and (max-width: 640px) {
  .arlist_set.double {
    margin-right: 0;
  }
  .arlist_set.double .section {
    overflow: hidden;
    *zoom: 1;
    float: none;
    width: auto;
    margin-right: 0;
  }
  .arlist_set.double .imgboxes.ileft .imgbox {
    float: left;
    margin-right: 10px;
  }
  .arlist_set.double .imgboxes.iright .imgbox {
    float: right;
    margin-left: 10px;
  }
  .arlist_set .artitle a {
    background: url(/mana/ib6qjo00000002fc/bg_arrow_right02_x2.png) no-repeat 10px 8px #F3F3F3;
    background-size: 7px 12px;
  }
  .arlist_set .artext {
    font-size: 140%;
  }

  #mainarea.single .arlist_set.double .section {
    width: auto;
  }
  #mainarea .arlist_set.double .section {
    width: auto;
  }
}
.arlist {
  overflow: hidden;
}
.arlist ul {
  margin-right: -16px;
  letter-spacing: -.45em;
}
.arlist li {
  letter-spacing: normal;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 203px;
  margin: 0 16px 10px 0;
}
.arlist li a {
  font-size: 120%;
  line-height: 1.2;
  display: block;
  padding: 7px 10px 7px 25px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right03.png) no-repeat 10px 10px #F3F3F3;
}

#mainarea.single .arlist ul {
  margin-right: -30px;
}
#mainarea.single .arlist li {
  width: 290px;
  margin-right: 30px;
}
#mainarea .arlist li {
  width: 230px;
  margin-right: 15px;
}

@media screen and (max-width: 640px) {
  .arlist ul {
    margin: 0 -5px;
  }
  .arlist li {
    width: 50%;
    margin: 0 0 10px;
  }
  .arlist li a {
    font-size: 140%;
    margin: 0 5px;
    background: url(/mana/ib6qjo00000002fc/bg_arrow_right03_x2.png) no-repeat 10px 11px #F3F3F3;
    background-size: 3.5px 5px;
  }

  #mainarea.single .arlist ul {
    margin: 0 -5px;
  }
  #mainarea.single .arlist li {
    width: 50%;
    margin-right: 0;
  }
  #mainarea .arlist li {
    width: 50%;
    margin-right: 0;
  }
}
.newsdetailbox {
  margin-bottom: 10px;
}
.newsdetailbox .subtitle {
  font-size: 140%;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 20px;
  padding-left: 10px;
  border-left: 3px solid #ccc;
}
.newsdetailboxCon {
  margin-bottom: 10px;
  margin-left: 290px;
}
@media screen and (max-width: 640px) {
  .newsdetailboxCon {
    margin-bottom: 10px;
    margin-left: 10px;
  }
}
.newsdetailboxCon .subtitleCon {
  font-size: 140%;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 20px;
  padding-left: 10px;
  border-left: 3px solid #ccc;
}
.newsdetailbox .subchildtitle {
  font-size: 140%;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 8px;
}
.newsdetailbox .listbox ol,
.newsdetailbox .listbox ul {
  list-style-type: disc;
  margin-left: 20px;
  font-size: 120%;
}

@media screen and (max-width: 640px) {
  .newsdetailbox {
    margin: 0 10px 20px;
  }
  .newsdetailbox .listbox ol,
  .newsdetailbox .listbox ul {
    font-size: 140%;
  }
}
/* ローカルナビゲーション */
#localnavi {
  float: left;
  width: 200px;
  margin-bottom: 10px;
}
#localnavi a{
text-decoration: none;
}
#localnavi dt a {
  color: inherit;
  font-size: 140%;
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 14px 10px 13px 25px;
  border: 1px solid #ccc;
  /*border-bottom: 1px solid #BF000F;*/
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right06.png) no-repeat 12px 49%;
}
#localnavi dt a:hover {
  opacity: 0.60;
  -moz-opacity: 0.60;
  filter: alpha(opacity=60);
}
#localnavi dd ul {
  padding: 0 10px;
}
#localnavi dd li {
  border-bottom: 1px solid #DEDEDE;
}
#localnavi dd li div {
  /*padding: 5px 0;*/
  margin: 10px 0;
}
#localnavi dd li a,
#localnavi dd li span {
  font-size: 120%;
  line-height: 1.2;
  padding-left: 12px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right07.png) no-repeat 0 5px;
  display: block;
}
#localnavi dd li span {
  font-weight: bold;
}
#localnavi dd li li {
  margin-bottom: 10px;
  background: url(/mana/ib6qjo00000002fc/bg_border02.gif) repeat-x 0 50%;
  padding-left: 5px;
  border-bottom: none;
}
#localnavi dd li li div {
  padding: 0;
  background: #fff;
}
#localnavi dd li li a,
#localnavi dd li li span {
  padding-left: 5px;
  background: none;
  display: block;
}
#localnavi dt dd ul li.current{
  background-color: #333333;
  color: #FFF;
}
@media screen and (max-width: 640px) {
  #localnavi {
    float: none;
    width: auto;
    margin: 0 10px 10px;
  }
  #localnavi dt a {
    display: block;
    background: url(/mana/ib6qjo00000002fc/bg_arrow_right06_x2.png) no-repeat 12px 49%;
    background-size: 5.5px 9px;
  }
  #localnavi dd li a,
  #localnavi dd li span {
    font-size: 140%;
    display: block;
    background: url(/mana/ib6qjo00000002fc/bg_arrow_right07_x2.png) no-repeat 0 5px;
    background-size: 4px 5px;
  }
  #localnavi dd li li {
    background: url(/mana/ib6qjo00000002fc/bg_border02.gif) repeat-x 0 50%;
    background-size: 2.5px 0.5px;
  }
}
.infotitle {
  padding: 6px 9px;
  border: 1px solid #CCC;
  border-bottom: none;
  background: #BF000F;
  color: #fff;
  font-size: 80%;
}

.infobox {
  clear: both;
  margin-bottom: 10px;
  padding: 9px;
  border: 1px solid #CCC;
}

.infobox dt {
  margin-bottom: 10px;
  text-align: center;
}

.infobox .link li {
  list-style-type: none;
  margin-bottom: 5px;
  padding-left: 20px;
  background: url("/mana/ib6qjo00000002fc/navi_pnomal.gif") no-repeat 5px 1px;
  font-size: 130%;
}

#pickup ul {
  list-style-type: none;
  margin-top: 10px;
}

#pickup ul li {
  float: left;
  margin-right: 10px;
  margin-bottom: 15px;
}

#pickup ul li.last {
  margin-right: 0;
}

#headnews {
  margin-top: 5px;
  padding: 5px;
}

#topnews dd .thumbnail {
  float: right;
  margin-left: 10px;
  padding: 2px;
  background-color: #E9E9E9;
}

#headnews dd .tumbnail:hover {
  background-color: #CCC;
}

#topnews dd .subtitle {
  margin-bottom: 0.5em;
}

/* メインエリア */
/* 見出しイメージ */
.title_img {
  height: 100px;
  color: #FFF;
  font-size: 220%;
}

.title_img h1 {
  width: 870px;
  margin: 0 auto;
  font-weight: normal;
  text-shadow: -1px -1px 3px #999;
  line-height: 100px;
}

.subject_header .title_text {
  padding-bottom: 13px;
  background: url("/mana/ib6qjo00000002fc/title_line.gif") no-repeat left bottom;
  font-size: 150%;
}

.main {
  width: 538px;
  margin: 0 auto;
}

.mainwide {
  float: none;
  width: 860px;
  padding-left: 20px;
  padding-right: 20px;
}

#subtitle {
  margin-top: 10px;
  font-weight: bold;
}

#thumbnail {
  float: left;
  margin-left: 10px;
}

#thumbnail a:hover img {
  border: 1px solid #906;
}

#localnews #thumbnail {
  float: none;
  margin-bottom: 10px;
  margin-left: 0;
  text-align: center;
}

/* ページ共通要素 */
.icenter,
.icenterbottom {
  margin: 0 auto;
}

.ileft {
  float: left;
  margin-right: 20px;
}

.iright {
  float: right;
  margin-left: 20px;
}

@media screen and (max-width: 640px) {
  .ileft {
    float: none;
    margin-right: 0;
  }

  .iright {
    float: none;
    margin-left: 0;
  }
}
.imgboxes {
  margin-bottom: 5px;
}
.imgboxes.icenterbottom {
  overflow: hidden;
  *zoom: 1;
}
.imgboxes .thumbBox{
  border:solid 1px #d5d5d5;
  height:85px;
  weight:85px;
}
.imgboxes .imgbox {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.imgboxes .imgbox.ifloat {
  float: left;
  margin-right: 70px;
}
.imgboxes .imgbox.ifloat.ilast {
  margin-right: 0;
}
.imgboxes .imgbox .caption {
  margin-top: 5px;
  font-size: 120%;
  line-height: 1.5;
  text-align: left;
}

@media screen and (max-width: 640px) {
  .imgboxes .imgbox {
    width: auto !important;
    margin-bottom: 15px;
  }
  .imgboxes .imgbox.ifloat {
    float: none;
    margin-right: 0;
  }
  .imgboxes .imgbox.ifloat.ilast {
    margin-right: 0;
  }
  .imgboxes .imgbox .caption {
    margin: 5px 10px 0;
  }
  .imgboxes .imgbox img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
}
.article {
  font-size: 140%;
  line-height: 1.5;

}

@media screen and (max-width: 640px) {
  #mainarea > .article,
  #mainarea2 > .article,
  #mainarea3 > .article {
    margin: 0 10px;
  }
}
.article_advisors {
  margin-bottom: 10px;
  padding-left: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999;
  background-position: left 0.4em;
  font-size: 140%;
  font-weight: bold;
}

/* 表 */
.tablebox {
  margin-bottom: 30px;
}

@media screen and (max-width: 640px) {
  .tablebox {
    width: 100%;
    overflow: auto;
  }
  .tablebox table th,
  .tablebox table td {
    white-space: nowrap;
  }
}
.tablebox table {
  width: 100%;
  font-size: 120%;
}

.tablebox table th,
.tablebox table td {
  padding: 5px 8px;
  border: 1px solid #CCCCCC;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

.tablebox table.title_bold th {
  font-weight: bold;
}

.tablebox table th {
  background: #F4F4F4;
}

.tablebox table a.pdf {
  display: block;
  padding-left: 20px;
  background: url(/mana/ib6qjo00000002fc/icon_pdf.png) no-repeat;
  background-position: left center;
}

.tablebox table a.word {
  display: block;
  padding-left: 20px;
  background: url(/mana/ib6qjo00000002fc/icon_word.png) no-repeat;
  background-position: left center;
}

.tablebox table a.excel {
  display: block;
  padding-left: 20px;
  background: url(/mana/ib6qjo00000002fc/icon_excel.png) no-repeat;
  background-position: left center;
}

.tablebox table a.ppt {
  display: block;
  padding-left: 20px;
  background: url(/mana/ib6qjo00000002fc/icon_ppt.png) no-repeat;
  background-position: left center;
}

/* SNS */
#socialtool .btn_twitter,
#socialtool .btn_facebook,
#socialtool .btn_google {
  float: left;
  margin-right: 5px;
}

#socialtool .btn_twitter {
  width: 90px;
}

#socialtool .btn_facebook {
  width: 110px;
}

#socialtool .btn_google {
  width: 50px;
}

/* ローカルエリア */
.localbox {
  margin-bottom: 10px;
  padding: 10px 10px 0;
  border: 1px solid #CCCCCC;
}
.localbox .imgsettitle,
.localbox .listsettitle {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #BF000F;
  color: #FFF;
  font-size: 120%;
  font-weight: normal;
}
.localbox .caption {
  font-size: 120%;
  line-height: 1.5;
  text-align: center !important;
}

@media screen and (max-width: 640px) {
  .localbox .imgsettitle,
  .localbox .listsettitle {
    font-size: 140%;
  }
}
/* ローカルニュース（画像セット） */
#localnews {
  float: right;
  width: 270px;
}
#localnews .imgset,
#localnews .listset {
  width: 268px;
  margin-bottom: 10px;
  padding: 0;
}
.imgonly img{
  margin-bottom: 10px;
  width: 268px;
  float:right;
}


#localnews .imgset .thumbnail {
  margin: 0 auto;
  padding: 0 10px 10px;
  text-align: center;
}
#localnews .imgset .caption {
  font-size: 120%;
}
#localnews .imgset p {
  text-align: left;
  margin-top: 5px;
  font-size: 120%;
}
#localnews .listarea {
  padding: 0 10px;
}
#localnews .listarea dt {
  padding-top: 10px;
  border-top: 1px dotted #999999;
  font-size: 120%;
}
#localnews .listarea .first {
  padding-top: 0;
  border-top: none;
}
#localnews .listarea .first .listtitle.nolink {
  padding-top: 10px;
}
#localnews .listarea .listtitle {
  padding-left: 15px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right07.png) no-repeat 0 0.5em;
}
#localnews .listarea .listtitle.nolink {
  padding-left: 0;
  background: none !important;
  font-weight: bold;
}
#localnews .listarea .listtext {
  margin-bottom: 10px;
  font-size: 120%;
}
#localnews .filelink .linkarea {
  padding: 5px 8px 0;
}

@media screen and (max-width: 640px) {
  #localnews {
    float: none;
    width: auto;
    margin: 0 10px;
  }
  #localnews .imgset,
  #localnews .listset {
    width: auto;
  }
  #localnews .imgset p {
    font-size: 140%;
  }
  #localnews .listarea dt {
    font-size: 140%;
  }
  #localnews .listarea .listtitle {
    background: url(/mana/ib6qjo00000002fc/bg_arrow_right07_x2.png) no-repeat 0 0.5em;
    background-size: 4px 5px;
  }
  #localnews .listarea .listtext {
    font-size: 140%;
  }
}
/* ローカルインフォ（新着等） */
.localinfo .title {
  margin-bottom: 10px;
  font-size: 120%;
  font-weight: bold;
}
.localinfo .thumbnail {
  margin: 0 auto;
  font-size: 120%;
  text-align: center;
}
.localinfo img,
.localinfo p,
.localinfo dl {
  margin-bottom: 10px;
  text-align: left;
}
.localinfo dl {
  font-size: 120%;
}
.localinfo dd {
  margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
  .localinfo .title {
    font-size: 140%;
  }
  .localinfo .thumbnail {
    font-size: 140%;
  }
  .localinfo dl {
    font-size: 140%;
  }
  .localinfo dd {
    margin-bottom: 10px;
  }
}
/* 関連リンク */
.linkarea {
  overflow: hidden;
  *zoom: 1;
}
.linkarea ul {
  margin-bottom: 10px;
  font-size: 120%;
}
.linkarea li {
  padding-left: 15px;
  margin-bottom: 3px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right07.png) no-repeat 0 0.5em;
}
.linkarea .pdf a span,
.linkarea .word a span,
.linkarea .excel a span,
.linkarea .ppt a span {
  padding-right: 20px;
  background: no-repeat  100% 0.2em;
}
.linkarea .pdf a span {
  background-image: url(/mana/ib6qjo00000002fc/icon_pdf.png);
}
.linkarea .word a span {
  background-image: url(/mana/ib6qjo00000002fc/icon_word.png);
}
.linkarea .excel a span {
  background-image: url(/mana/ib6qjo00000002fc/icon_excel.png);
}
.linkarea .ppt a span {
  background-image: url(/mana/ib6qjo00000002fc/icon_ppt.png);
}

a.outerlink span,
.linkarea .outerlink a span,
.artitle.outerlink a span {
  font-size: 100%;
  padding: 0 20px 0 0;
  margin: 0;
  background: url(/mana/ib6qjo00000002fc/icon_blank.png) no-repeat 100% 0.2em;
}

@media screen and (max-width: 640px) {
  .linkarea ul {
    font-size: 140%;
  }
  .linkarea li {
    background: url(/mana/ib6qjo00000002fc/bg_arrow_right07_x2.png) no-repeat 0 0.5em;
    background-size: 4px 5px;
  }
  .linkarea .pdf a,
  .linkarea .word a,
  .linkarea .excel a,
  .linkarea .ppt a {
    padding: 2px 0;
  }
  .linkarea .pdf a span,
  .linkarea .word a span,
  .linkarea .excel a span,
  .linkarea .ppt a span {
    background: no-repeat  100% 0;
  }
  .linkarea .pdf a span {
    background-image: url(/mana/ib6qjo00000002fc/icon_pdf_x2.png);
    background-size: 16px 16px;
  }
  .linkarea .word a span {
    background-image: url(/mana/ib6qjo00000002fc/icon_word_x2.png);
    background-size: 16px 16px;
  }
  .linkarea .excel a span {
    background-image: url(/mana/ib6qjo00000002fc/icon_excel_x2.png);
    background-size: 16px 16px;
  }
  .linkarea .ppt a span {
    background-image: url(/mana/ib6qjo00000002fc/icon_ppt_x2.png);
    background-size: 16px 16px;
  }

  a.outerlink span,
  .linkarea .outerlink a span,
  .artitle.outerlink a span {
    background: url(/mana/ib6qjo00000002fc/icon_blank_x2.png) no-repeat 100% 0.2em;
    background-size: 15px 15px;
  }
}
#localnews .filelink {
  margin-bottom: 10px;
  border: 2px solid #BF000F;
}

#localnews .filelink .title {
  padding: 10px;
  background-color: #BF000F;
  color: #FFF;
  font-size: 110%;
  font-weight: normal;
}

#localnews .filelink .linkarea {
  padding-top: 5px;
}

/* ローカルニュース */
#localnews .newsarea {
  padding-left: 10px;
}

/* ニュースリスト */
.main_list {
  margin-bottom: 20px;
}
.main_list dt {
  float: right;
  margin-left: 20px;
}
.main_list dd {
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.main_list dd hr {
  clear: both;
}
.main_list dd .dateinfo,
.main_list dd .label {
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 5px 10px 0;
}
.main_list dd .dateinfo {
  font-size: 120%;
  line-height: 1.2;
}
.main_list dd .newstitle {
  font-size: 140%;
}
.main_list dd .newstitle .no {
  padding-right: 5px;
}
.main_list dd .summary {
  font-size: 120%;
  margin: 10px 0;
}
.main_list dd .about {
  font-size: 80%;
}

@media screen and (max-width: 640px) {
  .main_list dt {
    margin-right: 10px;
  }
  .main_list dd {
    padding: 0 10px;
  }
}
.dateinfo {
  vertical-align: top;
}

.infotype {
  margin-left: 5px;
  vertical-align: middle;
}

/* ニュースページ */
#detail_title {
  font-size: 160%;
  font-weight: bold;
}

@media screen and (max-width: 640px) {
  #detail_title {
    margin: 0 10px;
  }
}
.detail_subtitle {
  color: #BF000F;
  font-size: 140%;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 3px;
}

@media screen and (max-width: 640px) {
  .detail_subtitle {
    margin: 3px 10px 0;
  }
}
#sublead {
  margin-top: 20px;
  margin-bottom: 30px;
}

#newsdatebox {
  margin-bottom: 20px;
  padding: 20px 0 0;
  border-top: 1px solid #DDD;
}
#newsdatebox #newsdate {
  font-size: 120%;
  font-weight: bold;
}
#newsdatebox #newsdate .update {
  font-size: 83%;
  font-weight: normal;
}
#newsdatebox #prevnext {
  font-weight: bold;
  font-size: 120%;
  float: right;
  padding: 5px 0;
}
#newsdatebox #prevnext li {
  display: inline;
  color: #999;
  border-bottom: 1px solid #BF000F;
}
#newsdatebox #prevnext li a {
  color: #333;
  text-decoration: none;
  padding-bottom: 5px;
}
#newsdatebox #prevnext li a:hover {
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=6);
}
#newsdatebox #prevnext li.pre {
  padding-left: 13px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_left01.png) no-repeat left 50%;
}
#newsdatebox #prevnext li.view {
  margin: 0 15px;
  padding-left: 13px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_up02.png) no-repeat left 50%;
}
#newsdatebox #prevnext li.next {
  padding-right: 13px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right01.png) no-repeat right 50%;
}

@media screen and (max-width: 640px) {
  #sublead {
    margin: 20px 0;
  }

  #newsdatebox {
    margin-bottom: 20px;
    padding: 5px 10px 0;
  }
  #newsdatebox #newsdate {
    clear: both;
  }
  #newsdatebox #prevnext {
    padding: 5px 0 10px;
  }
  #newsdatebox #prevnext li.pre {
    background: url(/mana/ib6qjo00000002fc/bg_arrow_left01_x2.png) no-repeat left 50%;
    background-size: 4.5px 7.5px;
  }
  #newsdatebox #prevnext li.view {
    background: url(/mana/ib6qjo00000002fc/bg_arrow_up02_x2.png) no-repeat left 50%;
    background-size: 7.5px 5px;
  }
  #newsdatebox #prevnext li.next {
    background: url(/mana/ib6qjo00000002fc/bg_arrow_right01_x2.png) no-repeat right 50%;
    background-size: 4.5px 7.5px;
  }
}
.subtext {
  margin-bottom: 10px;
  padding: 5px 0 10px;
  border-bottom: 1px solid #DDD;
}

#localnews .filelink,
#localnews .localwhatnew {
  margin-bottom: 10px;
}

#localnews .localwhatnew dl {
  margin-top: 10px;
  padding: 0 10px;
}

@media screen and (max-width: 640px) {
  .arlist_imgtext_section {
    margin: 0 10px 10px;
  }
}
.option_set {
  overflow: hidden;
  *zoom: 1;
  padding: 10px 15px 0;
}
.option_set.box_yellow, .option_set.box_gray {
  border: 1px solid #CCCCCC;
}
.option_set.box_yellow {
  padding: 20px 20px 0;
  margin-bottom: 20px;
}
.option_set .section {
  margin-bottom: 15px;
}
.option_set .section .optin_title {
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 10px;
}
.option_set .section p,
.option_set .section ul {
  font-size: 140%;
}
.option_set .section ul {
  list-style-type: disc;
  padding-left: 20px;
}
.option_set .section .sub_title{
	font-weight:bold;
	border-bottom:#CCC solid 1px;
	margin-bottom:8px;
}
.optin_title_inq{
  font-weight: bold;
  font-size:140%;
  padding:10px;
  line-height: 1.2;
  background-color:#DADADA;
}
@media screen and (max-width: 640px) {
  .option_set.box_yellow, .option_set.box_gray {
    border: none;
  }
}

@media screen and (max-width: 640px) {
  .option_set {
    padding: 10px 15px 0;
    margin: 0 10px 10px;
  }
  .option_set.box_yellow {
    padding: 20px 15px 0;
  }
  .option_set .section ul {
    list-style-type: disc;
  }
}
/* テンプレートC */
.imgtext_section {
  margin-bottom: 10px;
}

.imgtext_set {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 30px;
}
.imgtext_set .section {
  overflow: hidden;
  *zoom: 1;
}
.imgtext_set .imgtext_img {
  float: left;
  margin-right: 25px;
}
.imgtext_set .imgtext_text {
  font-size: 140%;
  line-height: 1.4;
  margin-bottom: 15px;
}

@media screen and (max-width: 640px) {
  .imgtext_section {
    margin: 0 10px 20px;
  }

  .imgtext_set {
    margin-bottom: 10px;
  }
  .imgtext_set .imgtext_img {
    text-align: center;
    float: none;
    margin: 0 0 15px;
  }
}
.imgtext_linktitle {
  margin-bottom: 5px;
  font-size: 120%;
  font-weight: bold;
}

.imgbox_section {
  overflow: hidden;
  word-wrap: break-word;
}
.imgbox_section .imgboxes {
  margin-right: -30px;
}
.imgbox_section .imgboxes .imgbox.ifloat {
  margin-right: 30px;
}
.imgbox_section .imgboxes .caption {
  font-size: 140%;
}
.imgbox_section .imgboxes .imgtext_linktitle,
.imgbox_section .imgboxes .linkarea {
  text-align: left;
}

@media screen and (max-width: 640px) {
  .imgtext_linktitle {
    font-size: 140%;
    margin: 0 10px 5px;
  }

  .imgbox_section .imgboxes {
    margin-right: 0;
  }
  .imgbox_section .imgboxes .imgbox.ifloat {
    margin-right: 0;
  }
  .imgbox_section .imgboxes .linkarea {
    margin: 0 10px;
  }
}
#slides {
  margin: 0 auto;
}

/*研究成果の問い合わせ部分*/
.inqTxt {
  font-size: 110%;
  text-aline: left;
  padding: 0 10px 5px 10px;
}

hr.inqLine {
  border: 1px dotted #CCCCCC;
  width: 70%;
  margin: 10px auto;
}

/*convergence記事*/
.leaderName {
  border-bottom: 1px dotted #CCCCCC;
  margin-bottom: 10px;
}

.leaderNameJp {
  font-size: 1.8em;
}

.leaderNameEn {
  font-size: 1.2em;
}

.conInterview {
  color: #4768B0;
}

.conBg {
  font-size: 0.9em;
  background-color: #FBF8EF;
  padding: 10px;
}
@media screen and (max-width: 640px) {
  .conBg {
    font-size: 0.9em;
    background-color: #FBF8EF;
    padding: 10px;
    width:100%;
    margin-bottom:10px;
  }
}
.conPh1 {
  padding-bottom: 10px;
}

.conPh2 {
  font-size: 1.2em;
  padding-bottom: 10px;
}

/* 情報ボックス */
.info_box_list {
  overflow: hidden;
  *zoom: 1;
}
.info_box_list .l_frame {
  margin: 0 -20px;
  letter-spacing: -.45em;
}
.info_box_list .section {
  letter-spacing: normal;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /*width: 340px;*/
  width: 280px;
  margin: 0 20px 60px;
}
.info_box_list .artitle {
  font-size: 160%;
  font-weight: bold;
  line-height: 1.2;
  padding-bottom: 5px;
  margin-bottom: 25px;
  border-bottom: 1px solid #BF000F;
  padding-left: 10px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right03.png) no-repeat 0 30%;
}
.info_box_list .artext {
  margin-bottom: 15px;
  font-size: 140%;
}

#mainarea.single .info_box_list {
  overflow: hidden;
  *zoom: 1;
}
#mainarea.single .info_box_list .l_frame {
  margin: 0 -15px;
}
#mainarea.single .info_box_list .section {
  width: 280px;
  margin: 0 15px 60px;
}

#mainarea2 .info_box_list {
  overflow: hidden;
  *zoom: 1;
}
#mainarea2 .info_box_list .l_frame {
  margin: 0 -15px;
}
#mainarea2 .info_box_list .section {
  width: 310px;
  margin: 0 15px 60px;
}

@media screen and (max-width: 640px) {
  .info_box_list {
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 10px;
  }
  .info_box_list .l_frame {
    margin: 0 10px;
  }
  .info_box_list .section {
    overflow: hidden;
    *zoom: 1;
    display: block;
    width: 100%;
    margin: 0 0 30px;
  }
  .info_box_list .section .imgboxes.ileft .imgbox {
    float: left;
    margin-right: 10px;
  }
  .info_box_list .section .imgboxes.iright .imgbox {
    float: right;
    margin-left: 10px;
  }

  #mainarea.single .info_box_list .l_frame {
    margin: 0 10px;
  }
  #mainarea.single .info_box_list .section {
    width: 100%;
    margin: 0 0 30px;
  }

  #mainarea2 .info_box_list .l_frame {
    margin: 0 10px;
  }
  #mainarea2 .info_box_list .section {
    width: 100%;
    margin: 0 0 30px;
  }
  #mainarea3 .info_box_list .l_frame {
    margin: 0 10px;
  }
  #mainarea3 .info_box_list .section {
    width: 100%;
    margin: 0 0 30px;
  }
}
/* コンテンツフッター */
.contents_footer {
  margin: 20px 0 10px;
}
.contents_footer .banners {
  padding: 18px 25px 5px 39px;
  margin-bottom: 50px;
  border-top: 1px solid #E9E9E9;
  border-bottom: 1px solid #E9E9E9;
}
.contents_footer .banners ul {
  letter-spacing: -.45em;
}
.contents_footer .banners li {
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 13px 15px 0;
}
.contents_footer .contact_info {
  border: 1px solid #ccc;
  padding: 20px 20px 10px;
}
.contents_footer .contact_info p {
  font-size: 140%;
  margin-bottom: 10px;
}

#mainarea.single .contents_footer .banners {
  padding: 18px 25px 5px 39px;
}

#mainarea2 .contents_footer .banners {
  padding: 18px 0px 5px 9px;
}

@media screen and (max-width: 640px) {
  .contents_footer {
    margin-bottom: 40px;
  }
  .contents_footer .banners {
    padding: 18px 0 5px 0;
    margin: 0 10px 30px;
  }
  .contents_footer .banners li {
    text-align: center;
    display: block;
    margin: 0 0 15px;
  }
  .contents_footer .contact_info {
    padding: 15px 15px 5px;
    margin: 0 10px;
  }

  #mainarea.single .contents_footer .banners {
    padding: 18px 0 5px 0;
  }

  #mainarea2 .contents_footer .banners {
    padding: 18px 0 5px 0;
  }
}
/*convergenceピックアップ*/
#bookPickup_header {
  margin-bottom: 30px;
  padding: 10px 5px 5px 5px;
  background: #F1F1F1;
  border-left: 2px solid #BF000F;
}
#bookPickup_header h2 {
  font-size: 140%;
  font-weight: bold;
  padding-left:5px;
}

#bookPickup {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 10px;
}
#bookPickup img {
  float: left;
  padding: 0 20px 10px 0;
  background: #fff;
}
#bookPickup p {
  font-size: 140%;
  line-height: 1.5;
}
#bookPickup .more-link {
  font-size: 100%;
  margin-top: 20px;
}

@media screen and (max-width: 640px) {
  #bookPickup_header {
    margin: 0 0 30px;
  }

  #bookPickup {
    margin: 0 10px 40px;
  }
  #bookPickup img {
    text-align: center;
    float: none;
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 auto 15px;
  }
  #bookPickup p {
    font-size: 140%;
    line-height: 1.5;
  }
  #bookPickup .more-link {
    font-size: 100%;
    margin-top: 20px;
  }
}
.bookPickup_name {
  font-size: 220%;
}

.bookPickup_subTitle {
  color: #BF000F;
  font-size: 140%;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 5px;
}

.bookPickup_read {
  font-size: 80%;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.bookPickup_position {
  font-size: 80%;
}
.pickupTitle h2 {
  font-size: 210%;
  font-weight: bold;
  line-height: 1.3;
  padding: 5px 0;
}
@media screen and (max-width: 640px) {
  .pickupTitle h2 {
    font-size: 180%;
    font-weight: bold;
    line-height: 1.3;
    padding: 5px 0;
   }   
}

.pickupTitle h3 {
  font-size: 130%;
  font-weight: bold;
  line-height: 1.3;
  padding: 10px 0;
}

#bookPickup_header li.moreinfo {
  list-style-type: none;
  float: right;
  padding-left: 20px;
  background: url("/mana/ib6qjo00000002fc/navi_pnomal.gif") no-repeat 5px;
  font-size: 130%;
}

.conSubtitle {
  margin: 5px 0;
  color: #BF000F;
  font-size: 170%;
  font-weight: bold;
}

.conPdf {
  font-weight: 600;
  margin-top: 10px;
  font-size: 150%;
}

.conIndent {
  text-indent: 1em;
}

.conPosition {
  font-size: 70%;
}

.conRead {
  font-size: 110%;
  margin-left: 260px;
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #999999;
}

.conMajor {
  font-size: 1.2em;
}

/*TOPページ　バナー*/
.bannerBox {
  width: 600px;
}

.banner {
  float: left;
  margin: 0 0 20px;
}

/*Alumni*/
.articleSubtitle {
  font-size: 140%;
  font-weight: 600;
}

.articleText {
  font-size: 140%;
}

/* コンポーネント */
.contents-title {
  margin-bottom: 10px;
  padding-bottom:10px;
  border-bottom: 1px solid #BF000F;
}

.icon.new {
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 30px;
  height: 14px;
  margin-left: 5px;
}
.icon.new img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: top;
}

.label {
  color: #fff;
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  width: 100px;
  height: 20px;
  background: #BF000F;
}
.label.tag-topics {
  background: #C66F77;
}
.label.tag-news {
  background: #8A7BBD;
}
.label.tag-conference {
  background: #83B167;
}
.label.tag-award{
  background: #E67066;

}
.label.tag-pressrelease{
  background: #5996D2;
}
.label.tag-researchhighlights{
  background: #DC1A6C;
}
.label.tag-employment{
  background: #FFB245;
}
.label.tag-outreach{
  background: #42D889;
}
.label.tag-soon {
  background: #63B3DE;
}
.label.tag-article {
  background: #C89B24;
}
.label.tag-event {
  background: #AD74A0;
}
.label.tag-end {
  background: #999999;
}



.label.tag-wallpaper {
  background: #5996D2;
}
.label.tag-result {
  background: #69A7BE;
}
.label.tag-report {
  background: #DB9DCE;
}

.more-link {
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-bottom: 1px solid #BF000F;
}
.more-link a,
.more-link span {
  color: #333;
  font-size: 120%;
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 0 10px 0 5px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right01.png) no-repeat 100% 45%;
}
.more-link a:hover,
.more-link span:hover {
  opacity: 0.60;
  -moz-opacity: 0.60;
  filter: alpha(opacity=60);
}
.more-link.prev a,
.more-link.prev span {
  padding: 0 5px 0 10px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_left01.png) no-repeat 0 45%;
}

.pagenation {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 30px;
}
.pagenation.divide {
  border-top: 1px solid #ccc;
  padding-top: 12px;
  margin-top: 20px;
}
.pagenation .next {
  float: right;
}
.pagenation .prev {
  float: left;
}

@media screen and (max-width: 640px) {
  .pagenation {
    margin: 0 10px 30px;
  }
  .pagenation.divide {
    margin: 20px 0 30px;
  }
}
.list-link{
  background: #F3F3F3;
  width:100%;
}
.list-link a {
  font-size: 140%;
  line-height: 1.4;
  display: block;
  padding: 5px 10px 5px 25px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right03.png) no-repeat 10px 12px;
}
.list-link.title a {
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right02.png) no-repeat 10px 12px;
}

#tab_area {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 20px;
}

#tab_head {
  margin: 0 -5px 0 0;
  border-bottom: 2px solid #ccc;
}
#tab_head.tab-topics {
 /* border-bottom-color: #C66F77;*/
  border-bottom-color: #BF000F;
}
#tab_head.tab-news {
  border-bottom-color: #8A7BBD;
}
#tab_head.tab-conference {
  border-bottom-color: #83B167;
}
#tab_head.tab-award {
  border-bottom-color: #E67066;
}
#tab_head.tab-release {
  border-color: #5996D2;
}
#tab_head ul {
  overflow: hidden;
  *zoom: 1;
}
#tab_head li {
  float: left;
  width: 118px;
  margin-right: 2px;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#tab_head li.current a {
  color: #fff;
  background-image: url(/mana/ib6qjo00000002fc/bg_arrow_right08.png);
}
#tab_head li.current a.tab-topics {
  /*border-color: #C66F77;*/
  /*background-color: #C66F77;*/
  border-color: #BF000F;
  background-color: #BF000F;
}
#tab_head li.current a.tab-news {
  border-color: #8A7BBD;
  background-color: #8A7BBD;
}
#tab_head li.current a.tab-conference {
  border-color: #83B167;
  background-color: #83B167;
}
#tab_head li.current a.tab-award {
  border-color: #E67066;
  background-color: #E67066;
}
#tab_head li.current a.tab-release {
  border-color: #5996D2;
  background-color: #5996D2;
}
#tab_head li.current a.tab-article {
  border-color: #C79A24;
  background-color: #C79A24;
}
#tab_head a {
  color: #333333;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 14px 10px 14px 20px;
  border: 1px solid #ccc;
  border-bottom: none;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right06.png) no-repeat 10px 18px;
}
#tab_head a.tab-topics, #tab_head a.tab-news, #tab_head a.tab-conference, #tab_head a.tab-award {
  padding: 23px 10px 24px 20px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right06.png) no-repeat 10px 27px;
}
#tab_head a:hover {
  color: #fff;
  background-image: url(/mana/ib6qjo00000002fc/bg_arrow_right08.png);
}
#tab_head a.tab-topics {
  border-top-color: #C66F77;
}
#tab_head a.tab-topics:hover {
  border-color: #C66F77;
  background-color: #C66F77;
}
#tab_head a.tab-news {
  border-top-color: #8A7BBD;
}
#tab_head a.tab-news:hover {
  border-color: #8A7BBD;
  background-color: #8A7BBD;
}
#tab_head a.tab-conference {
  border-top-color: #83B167;
}
#tab_head a.tab-conference:hover {
  border-color: #83B167;
  background-color: #83B167;
}
#tab_head a.tab-award {
  border-top-color: #E67066;
}
#tab_head a.tab-award:hover {
  border-color: #E67066;
  background-color: #E67066;
}
#tab_head a.tab-release {
  border-top-color: #5996D2;
}
#tab_head a.tab-release:hover {
  border-color: #5996D2;
  background-color: #5996D2;
}
#tab_head a.tab-article {
  border-top-color: #C79A24;
}
#tab_head a.tab-article:hover {
  border-color: #C79A24;
  background-color: #C79A24;
}

#tab_body {
  padding-top: 7px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#tab_body .item {
  overflow: hidden;
  *zoom: 1;
  display: none;
}
#tab_body .item.current {
  display: block;
}
#tab_body .main_list {
  margin-bottom: 0;
}
#tab_body .main_list dt {
  padding: 10px 19px 0 0;
}
#tab_body .main_list dd {
  padding: 10px  19px 0;
  margin-bottom: 0;
}

@media screen and (max-width: 640px) {
  #tab_area {
    margin-bottom: 30px;
  }

  #tab_body {
    padding-top: 1px;
    margin: 0 10px;
    border: none;
  }
  #tab_body .main_list {
    margin-bottom: 0;
  }
  #tab_body .main_list dt {
    padding: 10px 0 0 0;
  }
  #tab_body .main_list dd {
    padding: 10px 0 0 0;
    margin-bottom: 0;
  }
  #tab_body .select.current a {
    color: #fff;
    margin-bottom: 20px;
    background: url(/mana/ib6qjo00000002fc/bg_arrow_down02_x2.png) no-repeat 97% 50%;
    background-size: 11.5px 7px;
  }
  #tab_body .select.current a.tab-topics {
    border-color: #C66F77;
    background-color: #C66F77;
  }
  #tab_body .select.current a.tab-news {
    border-color: #8A7BBD;
    background-color: #8A7BBD;
  }
  #tab_body .select.current a.tab-conference {
    border-color: #83B167;
    background-color: #83B167;
  }
  #tab_body .select.current a.tab-awaed {
    border-color: #C89B24;
    background-color: #C89B24;
  }
  #tab_body .select.current a.tab-release {
    border-color: #5996D2;
    background-color: #5996D2;
  }
  #tab_body .select.current a.tab-article {
    border-color: #C79A24;
    background-color: #C79A24;
  }
  #tab_body .select a {
    color: inherit;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 14px 10px 14px 20px;
    margin-top: -1px;
    border: 1px solid #ccc;
    background: url(/mana/ib6qjo00000002fc/bg_arrow_down01_x2.png) no-repeat 97% 50%;
    background-size: 11.5px 7px;
  }
  #tab_body .select a.tab-topics {
    border-left: 2px solid #C66F77;
  }
  #tab_body .select a.tab-news {
    border-left: 2px solid #8A7BBD;
  }
  #tab_body .select a.tab-conference {
    border-left: 2px solid #83B167;
  }
  #tab_body .select a.tab-award {
    border-left: 2px solid #E67066;
  }
  #tab_body .select a.tab-release {
    border-left: 2px solid #5996D2;
  }
  #tab_body .select a.tab-article {
    border-left: 2px solid #C79A24;
  }
}
.anchor_area {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 40px;
}
.anchor_area ul {
  margin: 0 -20px;
  letter-spacing: -.45em;
}
.anchor_area li {
  letter-spacing: normal;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 340px;
  margin: 0 20px 10px;
  background: #F1F1F1;
}
.anchor_area li a {
  font-size: 140%;
  line-height: 1.2;
  display: block;
  padding: 8px 10px 8px 25px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_down01_on.png) no-repeat 8px 50%;
}

#mainarea.single .anchor_area {
  overflow: hidden;
  *zoom: 1;
}
#mainarea.single .anchor_area ul {
  margin: 0 -15px;
}
#mainarea.single .anchor_area li {
  width: 300px;
  margin: 0 15px 10px;
}

#mainarea2 .anchor_area {
  overflow: hidden;
  *zoom: 1;
}
#mainarea2 .anchor_area ul {
  margin: 0 -15px;
}
#mainarea2 .anchor_area li {
  width: 310px;
  margin: 0 15px 10px;
}

@media screen and (max-width: 640px) {
  .anchor_area {
    margin-bottom: 20px;
  }
  .anchor_area ul {
    margin: 0;
  }
  .anchor_area li {
    display: block;
    width: auto;
    margin: 0 10px 10px;
  }
  .anchor_area li a {
    background: url(/mana/ib6qjo00000002fc/bg_arrow_down01_on.png) no-repeat 8px 50%;
  }

  #mainarea.single .anchor_area {
    overflow: hidden;
    *zoom: 1;
  }
  #mainarea.single .anchor_area ul {
    margin: 0;
  }
  #mainarea.single .anchor_area li {
    width: auto;
    margin: 0 10px 10px;
  }

  #mainarea2 .anchor_area {
    overflow: hidden;
    *zoom: 1;
  }
  #mainarea2 .anchor_area ul {
    margin: 0;
  }
  #mainarea2 .anchor_area li {
    width: auto;
    margin: 0 10px 10px;
  }
}
@media screen and (max-width: 640px) {
  .contents-title {
    margin: 0 7px 15px;
  }

  .more-link a,
  .more-link span {
    background: url(/mana/ib6qjo00000002fc/bg_arrow_right01_x2.png) no-repeat 100% 45%;
    background-size: 4.5px 7.5px;
  }
  .more-link.prev a,
  .more-link.prev span {
    background: url(/mana/ib6qjo00000002fc/bg_arrow_left01_x2.png) no-repeat 0 45%;
    background-size: 4.5px 7.5px;
  }

  .list-link a {
    font-size: 120%;
    padding: 10px 10px 12px 25px;
    background: url(/mana/ib6qjo00000002fc/bg_arrow_right03_x2.png) no-repeat 10px 17px;
    background-size: 3.5px 5px;
  }
  .list-link.title a {
    background: url(/mana/ib6qjo00000002fc/bg_arrow_right02_x2.png) no-repeat 10px 13px;
    background-size: 7px 12px;
  }
}
#sp-menu-overlay {
  position: fixed;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
}
#fade-area .bx-wrapper {
  margin-bottom: 0;
  /*border:solid 1px #e5e5e5;*/
}
#fade-area .bx-wrapper .bx-viewport {
  left: 0;
  border: none;
  -moz-box-shadow: 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff;
}
#fade-area .bx-wrapper .bx-pager {
  text-align: right;
  font-size: -.45em;
  padding-top: 0;
  left: 15px;
  right: 15px;
  bottom: 15px;
  width: auto;
  height: 10px;
}
#fade-area .bx-wrapper .bx-pager .bx-pager-item {
  vertical-align: top;
}
#fade-area .bx-wrapper .bx-pager.bx-default-pager a {
  background: #ccc;
  color: #ccc;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 0 0 5px;
  outline: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-decoration: none;
}
#fade-area .bx-wrapper .bx-pager.bx-default-pager a:hover,
#fade-area .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #BF000F;
}

@media screen and (max-width: 640px) {
  #fade-area .bx-wrapper .bx-pager {
    left: 6px;
    right: 6px;
    bottom: 6px;
    height: 5px;
  }
  #fade-area .bx-wrapper .bx-pager.bx-default-pager a {
    width: 5px;
    height: 5px;
    margin: 0 0 0 3px;
  }
}
#slide-area .bx-wrapper {
  margin-bottom: 0;
}
#slide-area .bx-wrapper .bx-viewport {
  left: 0;
  border: none;
  background: none;
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}
#slide-area .bx-wrapper .bx-pager {
  text-align: left;
  font-size: -.45em;
  padding-top: 0;
  left: 280px;
  right: 300px;
  top: 15px;
  bottom: auto;
  width: auto;
  height: 10px;
}
#slide-area .bx-wrapper .bx-pager .bx-pager-item {
  vertical-align: top;
}
#slide-area .bx-wrapper .bx-pager.bx-default-pager a {
  background: #ccc;
  color: #ccc;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px 0 0;
  outline: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-decoration: none;
}
#slide-area .bx-wrapper .bx-pager.bx-default-pager a:hover,
#slide-area .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #BF000F;
}
#slide-area .bx-wrapper .bx-prev,
#slide-area .bx-wrapper .bx-next {
  width: 18px;
  height: 29px;
  margin-top: -20px;
}
#slide-area .bx-wrapper .bx-prev {
  left: 15px;
  background: url(/mana/ib6qjo00000002fc/bg_controller.png) no-repeat 0 0;
}
#slide-area .bx-wrapper .bx-next {
  right: 15px;
  background: url(/mana/ib6qjo00000002fc/bg_controller.png) no-repeat -18px 0;
}

@media screen and (max-width: 640px) {
  #slide-area .bx-viewport {
    padding-bottom: 50px;
  }
  #slide-area .bx-controls {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 35px;
    background: rgba(232, 221, 221, 0.8);
  }
  #slide-area .bx-wrapper .bx-pager {
    text-align: center;
    left: 30px;
    right: 30px;
    top: 13px;
  }
  #slide-area .bx-wrapper .bx-prev,
  #slide-area .bx-wrapper .bx-next {
    width: 10px;
    height: 15px;
    margin-top: -8px;
  }
  #slide-area .bx-wrapper .bx-prev {
    left: 15px;
    background: url(/mana/ib6qjo00000002fc/bg_controller_x2.png) no-repeat 0 0;
    background-size: 20px 15px;
  }
  #slide-area .bx-wrapper .bx-next {
    right: 15px;
    background: url(/mana/ib6qjo00000002fc/bg_controller_x2.png) no-repeat -10px 0;
    background-size: 20px 15px;
  }
}
/*---　組織体制　----*/
/* メッセージ付き人物 */
#massegeArea{
	float:left;
	width:700px;
}
.topBox1{
	float:left;
	width:140px;
	margin:5px 35px 15px 40px;
	background-color:#B7E7C1;
	padding:5px 0;
}
.topBox2{
	float:left;
	width:160px;
	margin:5px 35px 10px;
	background-color:#FFCECF;
	padding:5px 0;
	z-index:1;
}
.topBox3{
	float:left;
	width:140px;
	margin:5px 30px 10px;
	background-color:#C3DAE0;
	padding:5px 0;
}
.topTxt{
	float:left;
	width:150px;
	font-size:0.8em;
	padding:2px 0 2px 5px;
}
.topName{
	width:150px;
	font-size:1.1em;
	color:#212121;
	text-align:center;
	font-weight:700;
	padding:5px;
}
.topLink{
	font-size:0.7em;
	width:70px;
	background-color:#393939;
	text-align:right;
	padding:2px;
	float:right;
	background-image:url(../images/yajirushi.png);
	background-repeat:no-repeat;

}
.topLink a{
	text-decoration:none;
	color:#FFFFFF;
}

.topImg{
	width:140px;
	margin:auto;
	text-align:center;
}
.sankakuBox{
	width:10px;
	height:10px;
	float:left;
}
.sankaku{
    width: 0;
    height: 0;
	border: 10px solid transparent;	
    border-left: 10px solid #FFF;
}
/* other */

.otherAreaTop{
	width:680px;
	padding:5px 5px;
	margin:0 0 50px;
}
.otherAreaBtm1{
	float:left;
	width:200px;
	padding:5px 100px 5px 40px;
	margin:0 0 30px;
}
.otherAreaBtm2{
	float:right;
	width:200px;
	padding:5px 100px 5px 40px;
	margin:0 0 30px;
}
.otherAreaTop a{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}
.otherAreaBtm1 .otherAreaBtm2 a{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}
.otherBox1{
	float:left;
	width: 150px;
	padding: 5px;
	background-color:#6C6C6C;
	color: #FFFFFF;
	border: #C1C1C1 double 3px;
	margin:auto;
	text-align: center;
	background-image:url(../images/yajirushi.png);
	background-repeat:no-repeat;
}
.otherBox2{
	float:right;
	width: 150px;
	padding: 5px;
	background-color:#6C6C6C;
	color: #FFFFFF;
	border: #C1C1C1 double 3px;
	margin:auto;
	text-align: center;
	background-image:url(../images/yajirushi.png);
	background-repeat:no-repeat;
}
.otherBox3{
	width: 150px;
	padding: 5px;
	background-color:#6C6C6C;
	color: #FFFFFF;
	border: #C1C1C1 double 3px;
	margin:0 0 0 45px;
	text-align: center;
	background-image:url(../images/yajirushi.png);
	background-repeat:no-repeat;
}
.otherBox4{
	float:left;
	width: 150px;
	padding: 5px;
	background-color:#6C6C6C;
	color: #FFFFFF;
	border: #C1C1C1 double 3px;
	margin:0 0 0 50px;
	text-align: center;
	background-image:url(../images/yajirushi.png);
	background-repeat:no-repeat;
}

#section{
	width:700px;
}
#section a{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}
#section p{
	text-align:center;
	padding:2px;
	font-weight:700;
	color:#1c1c1c;
}

.sectionleft{
	float:left;
	width:250px;
}
.sectionright{
	float: right;
	width: 270px;
	margin: 0 45px 10px 0;
}
/* 事務部門 */
.adminArea{
	width:180px;
	background-color:#B7E7C1;
	padding:5px 0;
	margin:0 0 30px 40px;
}
.adminBox{
	width: 150px;
	padding: 5px;
	background-color:#303558;
	color: #FFFFFF;
	border: #C1C1C1 double 3px;
	margin: 2px auto 0;
	margin-bottom: 15px;
	text-align: center;
}
.adminBoxLink{
	width: 150px;
	padding: 5px;
	background-color:#303558;
	color: #FFFFFF;
	border: #C1C1C1 double 3px;
	margin: 2px auto 0;
	margin-bottom: 15px;
	text-align: center;
	background-image:url(../images/yajirushi.png);
	background-repeat:no-repeat;
}
/* 研究部門 */
.researchArea{
	float:left;
	width: 270px;
	background-color:#C3DAE0;
	padding: 5px 0;
	margin:0 0 20px 0;
}
.wrapper{
	width:250px;
	height:50px;
	margin:0 5px 10px 20px;
}
.fieldLeft{
	float:left;
	width:170px;
}
.mateBox{
	width:150px;
	padding:5px;
	background-color:#FF8C1C;
	color:#FFFFFF;
	border:#C1C1C1 double 3px;
	margin: 2px auto 15px;
	text-align:center;
	display:block;
}
.systemBox{
	width:150px;
	padding:5px;
	background-color:#2979CC;
	color:#FFFFFF;
	border:#C1C1C1 double 3px;
	margin: 2px auto 15px;
	text-align:center;
	display:block;
}
.powerBox{
	width:150px;
	padding:5px;
	background-color:#009403;
	color:#FFFFFF;
	border:#C1C1C1 double 3px;
	margin: 2px auto 15px;
	text-align:center;
	display:block;
}
.lifeBox{
	width:150px;
	padding:5px;
	background-color:#E0A81A;
	color:#FFFFFF;
	border:#C1C1C1 double 3px;
	margin: 2px auto 15px;
	text-align:center;
	display:block;
}
.researcherBox{
	width:150px;
	padding:5px;
	background-color:#AB6768;
	color:#FFFFFF;
	border:#C1C1C1 double 3px;
	margin: 2px auto 15px;
	text-align:center;
	display:block;
}
/*プレゼンテーション*/
#mainarea3 {
  float: right;
  width: 650px;
}
#mainarea3 .info_box_list {
  overflow: hidden;
  *zoom: 1;
}
#mainarea3 .info_box_list .l_frame {
  margin: 0 -15px;
}
#mainarea3 .info_box_list .section {
  width: 310px;
  margin: 0 15px 60px;
}
/*sitemap*/
.sitemapdetailbox {
  margin-bottom: 10px;
  float:left;
}
.sitemapdetailbox .subtitle {
  font-size: 140%;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 20px;
  padding-left: 10px;
  border-left: 3px solid #ccc;
}

/*メンバー・問い合わせ・サイトマップなど*/
#mainarea6{
  width:100%;
  margin: auto;
}
.subject_header_mainarea6{
  width:100%;
  font-size: 140%;
  line-height: 1.4;
  margin-bottom: 15px;
}
/*メンバー*/
.member_visual{
	padding-bottom:30px;
}
.member_area{
	width:580px;
	margin:0 auto;
	letter-spacing: -0.4em;
}
.member_block{
	display:inline-block;
	letter-spacing: normal;
	width:270px;
	margin:7px;
	vertical-align:top;
}
.member_block .title_text{
	padding:6px 10px;
}
.member_block .title_text a{
	color:#FFF;
	font-size: 150%;
	font-weight:bold;
	text-decoration:none;
}
.member_block.nano1 .title_text{
	background:#FF7827;
}
.member_block.nano2 .title_text{
	background:#3BA9FF;
}
.member_block.nano3 .title_text{
	background:#01C302;
}
.member_block.nano4 .title_text{
	background:#D6DA01;
}
.member_block.nano5 .title_text{
	background:#C00;
}
.member_block .box{
	padding:10px;
}
.member_block.nano1{
	background:#FFA672;
}
.member_block.nano2{
	background:#7EC6FF;
}
.member_block.nano3{
	background:#58D658;
}
.member_block.nano4{
	background:#E4E657;
}
.member_block.nano5{
	background:#C66;
}
.member_block .box li{
	padding-bottom:5px;
	font-size: 140%;
	padding-left:14px;
	background:url(/mana/common/images/icon_arrow_01.gif) no-repeat left 5px;
}
.member_block .box p{
	padding-bottom:0;
	font-size: 140%;
	padding-left:14px;
	background:url(/mana/common/images/icon_arrow_01.gif) no-repeat left 5px;
}
.member_block .box li a, .member_block .box p a{
	text-decoration:none;
	color:#333;
}
.member_block .box li a:hover, .member_block .box p a:hover{
	text-decoration:underline;
}
.column_set{
	padding-bottom:30px;
}
.column_set .member_block .box{
	background:#C9C9C9;
}
.member_area .section{
	padding-bottom:10px;
}
.member_area .section .text_box{
	padding:10px;
	font-size: 140%;
	padding-left:14px;
}

@media screen and (max-width: 640px) {
.member_visual {
	padding-bottom:20px;
	margin: 0 10px;
}
.member_visual img{
	width:100%;
}
.member_area{
	margin: 0 10px;
	width:auto;
}
.member_area .member_block{
	display:block;
	width:100%;
	margin-left:0;
	margin-right:0;
}
.member_area .section .box p img{
	width:100%;
}
}
/*MANAのミッション*/
.missionBg{
  float:left;
  background-color:#FFFCD4;
  width: 530px;
  padding:10px;
}
.missionList{
  font-size: 130%;
  list-style-type:disc;
  margin:0 0 0 10px;
}
@media screen and (max-width: 640px) {
.missionBg{
  float:left;
  background-color:#FFFCD4;
  width: 100%;
  padding:10px　15px　10px　10px;
}
.missionList{
  font-size: 120%;
  list-style-type:disc;
  margin-right:10px;
}
}
/*ニュース　カンファレンス開催日*/
.exdateInfo{
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 5px 10px 0;
  font-size: 90%;
  line-height: 1.2;
}
/*MANA人員構成*/
.lineBox{
	width:100%;
}
.lineTop{
	width:100%;
	clear:both;
}
.line{
	width:100%;
	clear:both;
}
.lineBorder{
	border-bottom:solid #525252 1px;
	max-width:600px;
}
.cate{
	float:left;
	width:22%;
	max-width:142px;
	margin:1px;
	text-align:center;
	background-color:#AB6768;
	padding:3px;
	font-size:12px;
	color:#FFFFFF;
}
.catePosition{
	float:left;
	width:22%;
	max-width:142px;
	margin:1px;
	text-align:center;
	background-color:#cccccc;
	padding:3px;
	font-size:120%;
}
.cateNumber{
	float:left;
	width:22%;
	max-width:142px;
	margin:1px;
	text-align:center;
	padding:2px;
	font-size:1.3em;
}
.totalText{
	font-size:12px;
	clear:both;
}
/*メンバー　アコーディオン*/
#acMenu dt{
    display:block;
    width:90%;
    cursor:pointer;
    background: url(/mana/ib6qjo00000002fc/bg_arrow_right03.png) no-repeat 5px 20px #F3F3F3;
    font-size: 130%;
    font-weight: 700;
    margin: 0 5px 5px;
    border-left:3px solid #cccccc;
    padding:15px;
}
#acMenu dd{
    width:90%;
    line-height:20px;
    display:none;
    font-size: 130%;
    margin: 0 10px 10px 20px;
}
.memberBorder{
    border:1px solid #cccccc;
}
/*刊行物　タイトルarrow*/
.subject_header_gray .publication_title_text {
  font-size: 160%;
  font-weight: bold;
  line-height: 1.2;
  padding-bottom: 7px;
  margin-bottom: 25px;
  border-bottom: 1px solid #BF000F;
  padding-left: 10px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right03.png) no-repeat 0 30%;
}

/*Topカンファレンス　バナーテキスト*/
.banners p{
   font-size:120%;
   text-align:left;
   margin-left:5px;
   color:#3c3c3c;
}
p .pressInq{
   font-size:90%;
   color:#FF0000;
}

/*Topスライダー　キャプション*/
.bx-caption{
   padding:5px 0;
   height:45px;
}
.bx-caption p{
   padding-left:10px;
   font-size:1.3em;
   font-weight:700;
   color:#FFF;
   padding:0 70px 0 10px;
}
@media screen and (max-width: 640px) {
  .bx-caption{
     height:30px;
  }
  .bx-caption p{
     padding-left:10px;
     font-size:0.9em;
     color:#FFF;
     padding:5px;
  }
}
/*Top pickup*/
.thumbPickup{
   float:left;
   width:85px;
}
.pickupText{
   float:right;
   width:195px;
}

/*RH購読案内*/
#newsletter{
   font-size:1.3em;
   border:solid 1px #CCC;
   padding:10px;
}
@media screen and (max-width: 640px) {
  #newsletter{
    width:100%;
    font-size:1.3em;
  }
}

/*アクセス*/
.accessIndent{
   font-size:1.3em;
   width:30%;
   padding:5px 5px 5px 30px;
   margin:5px 0 20px 0;
   background: url(/mana/ib6qjo00000002fc/bg_arrow_down01_x2.png) no-repeat 0% 50%;
   border-bottom:solid 1px #BF000F;
   float:right;
}
.accessIndent a{
   text-decoration: none;
}

@media screen and (max-width: 640px) {
   .accessIndent{
      font-size:12px;
      width:100%;
      padding:5px 5px 5px 30px;
      margin:5px 0 10px 0;
      background: url(/mana/ib6qjo00000002fc/bg_arrow_down01_x2.png) no-repeat 0% 50%;
      border-bottom:solid 1px #BF000F;
      float:left;
   }
}
.accessSt{
   font-size:12px;
   font-weight:700;
   margin:10px 0;
}
.accessTxt{
   margin:10px 0 10px 10px;
}
/*アクセス 関連リンク */
.accessLinkarea {
  overflow: hidden;
  *zoom: 1;
}
.accessLinkarea ul {
  margin:0 10px;
  font-size: 110%;
}
.accessLinkarea li {
  padding-left: 15px;
  margin-bottom: 3px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right07.png) no-repeat 0 0.5em;
}

/*Top カンファレンス・イベントバナー*/
.banners li img{
  border:solid 1px #cccccc;
  width:300px;
}
.coneveAlt{
  font-size: 120%;
  text-align:left;
  color:#3c3c3c;
  padding:1px 0 0 5px;
}
.coneveDate{
  font-size: 120%;
  color:#3c3c3c;
  padding-left:20px;
  margin:0 0 2px 1px;
  background: url(/mana/ib6qjo00000002fc/icon_mic.gif) no-repeat 0;
}

/*MOU*/
.mouBox{
  width:99%;
  border-top:solid #525252 1px;
  clear:both;
}
.mouCountryBg{
  float:left;
  width:20%;
  /*max-width:144px;*/
  margin:1px;
  text-align:center;
  background-color:#AB6768;
  padding:5px;
  font-size:12px;
  color:#FFFFFF;
}
.mouCountry{
  float:left;
  width:20%;
  /*max-width:144px;*/
  margin:1px;
  text-align:center;
  padding:5px;
  font-size:12px;
}
.mouNameBg{
  float:left;
  width:54%;
  max-width:400px;
  margin:1px;
  text-align:center;
  background-color:#AB6768;
  padding:5px 3px 5px 8px;
  font-size:12px;
  color:#FFFFFF;
}
.mouName{
  float:left;
  width:54%;
  max-width:400px;
  margin:1px;
  text-align:left;
  padding:5px 3px 5px 8px;
  font-size:12px;
}
.mouDateBg{
  float:left;
  width:20%;
  max-width:144px;
  margin:1px;
  text-align:center;
  background-color:#AB6768;
  padding:5px;
  font-size:12px;
  color:#FFFFFF;
}
.mouDate{
  float:left;
  width:20%;
  max-width:144px;
  margin:1px;
  text-align:center;
  padding:5px;
  font-size:12px;
}
.mouBorder{
  border-bottom:solid #525252 1px;
  max-width:715px;
  margin:0 0 30px 0;
}
@media screen and (max-width: 640px) {
.mouNameBg{
  float:left;
  width:48%;
  max-width:300px;
  margin:1px;
  text-align:center;
  background-color:#AB6768;
  padding:5px 3px 5px 8px;
  font-size:12px;
  color:#FFFFFF;
}
.mouName{
  float:left;
  width:48%;
  max-width:300px;
  margin:1px;
  text-align:left;
  padding:5px 3px 5px 8px;
  font-size:12px;
}
}

/*プレゼン*/
.presenterTitle{
  font-size:15px;
  padding:0 0 2px 15px;
  margin-left:10px;
  background: url(/mana/ib6qjo00000002fc/bg_arrow_right02.png) no-repeat 0% 50%;
}
.presenterTitle a{
  text-decoration: none;
}
.presenterName{
  padding:0 0 2px 10px;
  font-size:14px;
  font-weight:700;
}
.presenterText{
  padding:0 0 2px;
  font-size:12px;
}
.presenterIndent{
  margin-left:30px;
}
.presenterHr{
border-bottom:dotted 1px #3c3c3c;
}

/*menberの個人ページ*/
#profile h4{
	font-size:1.5em;
	padding:20px 0 5px 0;
}
.profile_top_name{
	width:100%;
}
.profile_top_name h3{
	color:#78040B;
	font-size:1.6em;
	font-weight:600;
}
.profile_position{
	font-size:1.1em;
}
hr.profile_border{
	border-bottom:1px solid #CCCCCC;
	width:100%;
}
.profile_top_img{
	width:250px;
	height:140px;
	margin:10px;
	text-align:center;
	float:left;
}
.profile_top_img img{
	border:1px solid #CCCCCC;
}
.profile_top_right{
	width:290px;
	min-height: 150px;
	margin:0 0 5px 5px;
	padding: 0 0 0 10px;
	font-size:1.1em;
	border-left:1px dotted #CCCCCC;
	float:left;
}
.profile_top_right p{
	font-weight:600;
	padding-top:5px;
}

.profile_top_right ul li{
	margin-left:20px;
	list-style:disc;
}
.profile_top_right ul .li_nostyle{
	list-style:none;
}
.selectedpapers{
	border-bottom:1px dotted #CCCCCC;
	font-size:1.3em;
	padding:5px 0;
}
/*履歴*/
.history_area{
	width:100%;
	font-size:130%;
}
.history_area td{
	border-bottom:1px dotted #CCCCCC;
}
.history_area_text{
	padding-left:10px;
}

/*動画*/
.movieText{
  font-size:12px;
  padding:0 0 10px;
}
.movieFrame{
  width:516px;
  height:315px;
}
@media screen and (max-width: 640px) {
.movieFrame{
  width:100%;
}
}
.menberImg{
  width:85px;
  height:85px;
  border:1px solid #e2e2e2;
}

/*プレゼン動画*/
/* ページタイトル */
.researchTitle {
  margin-bottom: 10px;
  vertical-align: middle;
  font-size: 180%;
  font-weight: bold;
  line-height: 1;
  margin-left: 15px;
  border-bottom:1px dotted #CCC;
  padding-bottom:10px;
}
.researcherName {
  margin-bottom: 50px;
  vertical-align: middle;
  font-size: 130%;
  line-height: 1;
  margin:5px 10px 20px 15px;
}
#loadBox{
  width:700px;
  padding:5px 0 5px 10px;
}
/*再生ボタン類*/
.btnMovieBox{
  margin: auto;
  width:300px;
}
.btnMovieBox li{
  foat:left;
}
.btnMovie{
  float: left;
  margin-left:20px;
}
/*GEOSET用*/
/* ページタイトル */
.geosetTitle {
  margin-bottom: 10px;
  vertical-align: middle;
  font-size: 180%;
  font-weight: bold;
  line-height: 1;
  margin-left: 15px;
  border-bottom:1px dotted #CCC;
  padding-bottom:10px;
  color:#D70000;
  width:800px;
}
.geosetName {
  margin-bottom: 50px;
  font-weight: bold;
  vertical-align: middle;
  font-size: 130%;
  line-height: 1;
  margin:5px 10px 20px 15px;
  color:#FFFFFF;
}
.geosetHr{
  border: 0;
  height: 1px;
  background: #ccc;
  background-image: -webkit-linear-gradient(left, #111, #ccc, #111);
  background-image:    -moz-linear-gradient(left, #111, #ccc, #111);
  background-image:     -ms-linear-gradient(left, #111, #ccc, #111);
  background-image:      -o-linear-gradient(left, #111, #ccc, #111);
}
#geosetHeader{
  width:850px;
  margin:0 auto 30px;
}
#geosetMainarea{
  margin:auto;
  width: 850px;
}
#geosetLoadBox{
  width:830px;
  padding:5px 0 5px 10px;
}


/*---　組織体制　----*/
/*エリア*/
/*chartTop*/
#chartTop{
  margin:0 0 50px 0;
  width:600px;
}
.chartTopBox1{
  float:left;
  width: 150px;
  padding: 5px;
  background-color:#6C6C6C;
  border: #C1C1C1 double 3px;
  text-align: center;
}
.chartTopBox2{
  float:right;
  width: 150px;
  padding: 5px;
  background-color:#6C6C6C;
  border: #C1C1C1 double 3px;
  text-align: center;
}
.chartTopBox1 a, .chartTopBox2 a{
  color: #FFFFFF;
  text-align: center;
  text-decoration:none;
  font-size:1.2em;
  display:block;
}

@media screen and (max-width: 640px) {
    #chartTop{
      margin:0 0 50px 0;
      width:100%;
    }
    .chartTopBox1{
      float:left;
      width:35%;
      padding:20px;
      text-align: center;
    }
    .chartTopBox2{
      float:left;
      width:35%;
      padding:20px;
      text-align: center;
    }
    .chartTopBox1 a, .chartTopBox2 a{
      color: #FFFFFF;
      text-align: center;
      text-decoration:none;
      font-size:1.2em;
    }
}

/*chatExe*/
#chartExe{
  width:600px;
}

/*拠点長*/
#chartExeBox1{
  margin:0 auto 10px;
  width:160px;
  background-color:#FFCECF;
  padding:7px 0;
  text-align:center;
}
/*coo*/
#chartExeBox2{
  float:left;
  width:140px;
  margin:5px 30px 10px;
  background-color:#C3DAE0;
  padding:7px 0;
  text-align:center;
}

/*事務部門長*/
#chartExeBox3{
  float:left;
  width:140px;
  margin:5px 30px 15px 30px;
  background-color:#B7E7C1;
  padding:7px 0;
  text-align:center;
}
#chartExeBox3Sp{
  display:none;
  float:left;
  width:140px;
  margin:5px 35px 15px 40px;
  background-color:#B7E7C1;
  padding:7px 0;
  text-align:center;
}
/*副拠点長*/
#chartExeBox4{
  float:left;
  width:140px;
  margin:5px 30px 15px 30px;
  background-color:#FFCECF;
  padding:7px 0;
  text-align:center;
}
#chartExeBox4Sp{
  display:none;
  float:left;
  width:140px;
  margin:5px 35px 15px 40px;
  background-color:#FFCECF;
  padding:7px 0;
  text-align:center;
}

.chartExeImg{

}
.chartExeTxt{
  font-size:1.1em;
  padding:2px 0;
}
.chartExeName{
  font-size:1.4em;
  font-weight:700;
}
.chartExeLink{
  background-color:#888;
  width:60%;
  font-size:1.2em;
  font-weight:700;
  padding-right:20px;
  text-align:right;
}
.chartExeLink a{
  color:#FFF;
  text-decoration: none;
  display:block;
}

@media screen and (max-width: 640px) {
    #chartExe{
      width:100%;
    }
    /*拠点長*/
    #chartExeBox1{
      width: 100%;
    }
    /*coo*/
    #chartExeBox2{
      width: 100%;
      margin:0;
    }
    /*事務部門長*/
    #chartExeBox3{
      display:none;
    }
    #chartExeBox3Sp{
      display:inline;
      margin:0;
      width: 100%;
    }
    .chartExeImg{
      float:left;
      margin:0 30px;
      width:140px;
    }
    .chartExeTxt{
      text-align:center;
      padding:20px 0;
    }
    .chartExeName{

    }
    .chartExeLink{
      float:left;
      font-size:1.2em;
      font-weight:700;
      text-align:center;
      margin-top:20px;
      padding:20px;
      width:50%;
    }
    .chartExeLink a{
      color:#FFF;
      text-decoration: none;
    }
}

/*chatMidd*/
#chartMidd{
  width:600px;
}
.chartMiddLeft{
  float:left;
  width:250px;
  margin:10px 0 0 30px;
}
.chartMiddLeftSp{
  display:none;
  float:left;
  width:250px;
  margin:10px 0 0 30px;
}
.chartMiddRight{
  float: right;
  width: 270px;
  margin: 10px 0 10px 0;
}

/* 事務部門 */
.chartMiddLeftArea{
  width:180px;
  background-color:#B7E7C1;
  padding:5px 0;
  margin:0 0 30px 0;
}
.chartMiddLeftArea p, .chartMiddRightArea p{
  text-align:center;
  font-weight:700;
  font-size:1.2em;
}
.chartMiddLeftBox{
  width: 150px;
  padding: 5px;
  background-color:#303558;
  color: #FFFFFF;
  border: #C1C1C1 double 3px;
  margin: 2px auto 0;
  margin-bottom: 10px;
  text-align: center;
  font-size:1.2em;
}
.chartMiddLeftBox a{
  color:#FFFFFF;
  text-decoration:none;
  display:block;
}
/* 研究部門 */
.chartMiddRightArea{
  float:left;
  width: 270px;
  background-color:#C3DAE0;
  padding: 5px 0;
  margin:0 0 20px 0;
}
.chartMiddRightMateBox, .chartMiddRightMateBox, .chartMiddRightSystemBox, .chartMiddRightPowerBox, .chartMiddRightLifeBox, .chartMiddRightBox, .chartMiddRightTheoryBox{
  width:150px;
  padding:5px;
  margin: 2px auto 10px;
  text-align:center;
  display:block;
}
.chartMiddRightMateBox a, .chartMiddRightMateBox a, .chartMiddRightSystemBox a, .chartMiddRightPowerBox a, .chartMiddRightLifeBox a,.chartMiddRightBox a, .chartMiddRightTheoryBox a, .chartMiddRightTheoryBox span{
  color:#FFFFFF;
  text-decoration:none;
  display:block;
  font-size:1.2em;
}
.chartMiddRightMateBox{
  background-color:#FF8C1C;
  border:#C1C1C1 double 3px;

}
.chartMiddRightSystemBox{
  background-color:#2979CC;
  border:#C1C1C1 double 3px;
}
.chartMiddRightPowerBox{
  background-color:#009403;
  border:#C1C1C1 double 3px;
}
.chartMiddRightLifeBox{
  background-color:#E0A81A;
  border:#C1C1C1 double 3px;
}
.chartMiddRightTheoryBox{
  background-color:#C00;
  border:#C1C1C1 double 3px;
}
.chartMiddRightBox{
  background-color:#AB6768;
  border:#C1C1C1 double 3px;
}
@media screen and (max-width: 640px) {
  #chartMidd{
    width:100%;
  }
  .chartMiddLeft, .chartMiddRight{
    width:100%;
    margin:0;
    padding:0;
  }
  .chartMiddLeft{
    display:none;
  }
  .chartMiddLeftSp{
    width:100%;
    display:inline;
    margin:0;
  }
  .chartMiddLeftArea{
    padding:0;
    margin:0;
    width:100%;
  }
  .chartMiddRightArea{
    width:100%;
  }
  .chartMiddLeftBox{
    float:left;
    width:35%;
    padding:20px;
    text-align:center;
    display:block;
    margin:0;
  }
  .chartMiddRightMateBox, .chartMiddRightMateBox, .chartMiddRightSystemBox, .chartMiddRightPowerBox, .chartMiddRightLifeBox, .chartMiddRightBox, .chartMiddRightTheoryBox{
    float:left;
    width:35%;
    padding:20px;
    text-align:center;
    display:block;
    margin:0;
  }

}

/*chatBtm*/
.chartBtm{
  width:600px;
  margin:0 0 100px 0;
}
.chartBtmBox1{
  float:left;
  width: 150px;
  padding: 5px;
  background-color:#6C6C6C;
  border: #C1C1C1 double 3px;
  text-align: center;
}
.chartBtmBox2{
  float:right;
  width: 150px;
  padding: 5px;
  background-color:#6C6C6C;
  border: #C1C1C1 double 3px;
  text-align: center;
}
.chartBtmBox1 a, .chartBtmBox2 a{
  color: #FFFFFF;
  text-align: center;
  text-decoration:none;
  font-size:1.2em;
  display:block;
}
@media screen and (max-width: 640px) {
    .chartBtm{
      width:100%;
      margin:0 0 100px 0;
    }
    .chartBtmBox1{
      float:left;
      width:35%;
      padding:20px;
      background-color:#6C6C6C;
      border: #C1C1C1 double 3px;
      text-align: center;
    }
    .chartBtmBox2{
      float:left;
      width:35%;
      padding: 20px;
      background-color:#6C6C6C;
      border: #C1C1C1 double 3px;
      text-align: center;
      margin:0 0 10px 0;
    }
    .chartBtmBox1 a, .chartBtmBox2 a{
      color: #FFFFFF;
      text-align: center;
      text-decoration:none;
      font-size:1.2em;
    }
}
