@charset "UTF-8";
html {
  color: #000;
  background: #fff;
}

body {
  font-family: Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

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

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

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

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input,
textarea,
select {
  *font-size: 100%;
}

legend {
  color: #000;
}

a:link {
  color: #006699;
  text-decoration: none;
}
a:visited {
  color: #006699;
  text-decoration: none;
}
a:hover, a:active {
  color: #006699;
  text-decoration: underline;
}

.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.w1p {
  width: 1% !important;
}

.w2p {
  width: 2% !important;
}

.w3p {
  width: 3% !important;
}

.w4p {
  width: 4% !important;
}

.w5p {
  width: 5% !important;
}

.w6p {
  width: 6% !important;
}

.w7p {
  width: 7% !important;
}

.w8p {
  width: 8% !important;
}

.w9p {
  width: 9% !important;
}

.w10p {
  width: 10% !important;
}

.w11p {
  width: 11% !important;
}

.w12p {
  width: 12% !important;
}

.w13p {
  width: 13% !important;
}

.w14p {
  width: 14% !important;
}

.w15p {
  width: 15% !important;
}

.w16p {
  width: 16% !important;
}

.w17p {
  width: 17% !important;
}

.w18p {
  width: 18% !important;
}

.w19p {
  width: 19% !important;
}

.w20p {
  width: 20% !important;
}

.w21p {
  width: 21% !important;
}

.w22p {
  width: 22% !important;
}

.w23p {
  width: 23% !important;
}

.w24p {
  width: 24% !important;
}

.w25p {
  width: 25% !important;
}

.w26p {
  width: 26% !important;
}

.w27p {
  width: 27% !important;
}

.w28p {
  width: 28% !important;
}

.w29p {
  width: 29% !important;
}

.w30p {
  width: 30% !important;
}

.w31p {
  width: 31% !important;
}

.w32p {
  width: 32% !important;
}

.w33p {
  width: 33% !important;
}

.w34p {
  width: 34% !important;
}

.w35p {
  width: 35% !important;
}

.w36p {
  width: 36% !important;
}

.w37p {
  width: 37% !important;
}

.w38p {
  width: 38% !important;
}

.w39p {
  width: 39% !important;
}

.w40p {
  width: 40% !important;
}

.w41p {
  width: 41% !important;
}

.w42p {
  width: 42% !important;
}

.w43p {
  width: 43% !important;
}

.w44p {
  width: 44% !important;
}

.w45p {
  width: 45% !important;
}

.w46p {
  width: 46% !important;
}

.w47p {
  width: 47% !important;
}

.w48p {
  width: 48% !important;
}

.w49p {
  width: 49% !important;
}

.w50p {
  width: 50% !important;
}

.w51p {
  width: 51% !important;
}

.w52p {
  width: 52% !important;
}

.w53p {
  width: 53% !important;
}

.w54p {
  width: 54% !important;
}

.w55p {
  width: 55% !important;
}

.w56p {
  width: 56% !important;
}

.w57p {
  width: 57% !important;
}

.w58p {
  width: 58% !important;
}

.w59p {
  width: 59% !important;
}

.w60p {
  width: 60% !important;
}

.w61p {
  width: 61% !important;
}

.w62p {
  width: 62% !important;
}

.w63p {
  width: 63% !important;
}

.w64p {
  width: 64% !important;
}

.w65p {
  width: 65% !important;
}

.w66p {
  width: 66% !important;
}

.w67p {
  width: 67% !important;
}

.w68p {
  width: 68% !important;
}

.w69p {
  width: 69% !important;
}

.w70p {
  width: 70% !important;
}

.w71p {
  width: 71% !important;
}

.w72p {
  width: 72% !important;
}

.w73p {
  width: 73% !important;
}

.w74p {
  width: 74% !important;
}

.w75p {
  width: 75% !important;
}

.w76p {
  width: 76% !important;
}

.w77p {
  width: 77% !important;
}

.w78p {
  width: 78% !important;
}

.w79p {
  width: 79% !important;
}

.w80p {
  width: 80% !important;
}

.w81p {
  width: 81% !important;
}

.w82p {
  width: 82% !important;
}

.w83p {
  width: 83% !important;
}

.w84p {
  width: 84% !important;
}

.w85p {
  width: 85% !important;
}

.w86p {
  width: 86% !important;
}

.w87p {
  width: 87% !important;
}

.w88p {
  width: 88% !important;
}

.w89p {
  width: 89% !important;
}

.w90p {
  width: 90% !important;
}

.w91p {
  width: 91% !important;
}

.w92p {
  width: 92% !important;
}

.w93p {
  width: 93% !important;
}

.w94p {
  width: 94% !important;
}

.w95p {
  width: 95% !important;
}

.w96p {
  width: 96% !important;
}

.w97p {
  width: 97% !important;
}

.w98p {
  width: 98% !important;
}

.w99p {
  width: 99% !important;
}

.w100p {
  width: 100% !important;
}

.w1e {
  width: 1em !important;
}

.w2e {
  width: 2em !important;
}

.w3e {
  width: 3em !important;
}

.w4e {
  width: 4em !important;
}

.w5e {
  width: 5em !important;
}

.w6e {
  width: 6em !important;
}

.w7e {
  width: 7em !important;
}

.w8e {
  width: 8em !important;
}

.w9e {
  width: 9em !important;
}

.w10e {
  width: 10em !important;
}

.w11e {
  width: 11em !important;
}

.w12e {
  width: 12em !important;
}

.w13e {
  width: 13em !important;
}

.w14e {
  width: 14em !important;
}

.w15e {
  width: 15em !important;
}

.w16e {
  width: 16em !important;
}

.w17e {
  width: 17em !important;
}

.w18e {
  width: 18em !important;
}

.w19e {
  width: 19em !important;
}

.w20e {
  width: 20em !important;
}

.w21e {
  width: 21em !important;
}

.w22e {
  width: 22em !important;
}

.w23e {
  width: 23em !important;
}

.w24e {
  width: 24em !important;
}

.w25e {
  width: 25em !important;
}

.w26e {
  width: 26em !important;
}

.w27e {
  width: 27em !important;
}

.w28e {
  width: 28em !important;
}

.w29e {
  width: 29em !important;
}

.w30e {
  width: 30em !important;
}

.m0 {
  margin: 0px !important;
}

.m5 {
  margin: 5px !important;
}

.m10 {
  margin: 10px !important;
}

.m15 {
  margin: 15px !important;
}

.m20 {
  margin: 20px !important;
}

.m25 {
  margin: 25px !important;
}

.m30 {
  margin: 30px !important;
}

.m35 {
  margin: 35px !important;
}

.m40 {
  margin: 40px !important;
}

.m45 {
  margin: 45px !important;
}

.m50 {
  margin: 50px !important;
}

.mat0 {
  margin-top: 0px !important;
}

.mat5 {
  margin-top: 5px !important;
}

.mat10 {
  margin-top: 10px !important;
}

.mat15 {
  margin-top: 15px !important;
}

.mat20 {
  margin-top: 20px !important;
}

.mat25 {
  margin-top: 25px !important;
}

.mat30 {
  margin-top: 30px !important;
}

.mat35 {
  margin-top: 35px !important;
}

.mat40 {
  margin-top: 40px !important;
}

.mat45 {
  margin-top: 45px !important;
}

.mat50 {
  margin-top: 50px !important;
}

.mar0 {
  margin-right: 0px !important;
}

.mar5 {
  margin-right: 5px !important;
}

.mar10 {
  margin-right: 10px !important;
}

.mar15 {
  margin-right: 15px !important;
}

.mar20 {
  margin-right: 20px !important;
}

.mar25 {
  margin-right: 25px !important;
}

.mar30 {
  margin-right: 30px !important;
}

.mar35 {
  margin-right: 35px !important;
}

.mar40 {
  margin-right: 40px !important;
}

.mar45 {
  margin-right: 45px !important;
}

.mar50 {
  margin-right: 50px !important;
}

.mab0 {
  margin-bottom: 0px !important;
}

.mab5 {
  margin-bottom: 5px !important;
}

.mab10 {
  margin-bottom: 10px !important;
}

.mab15 {
  margin-bottom: 15px !important;
}

.mab20 {
  margin-bottom: 20px !important;
}

.mab25 {
  margin-bottom: 25px !important;
}

.mab30 {
  margin-bottom: 30px !important;
}

.mab35 {
  margin-bottom: 35px !important;
}

.mab40 {
  margin-bottom: 40px !important;
}

.mab45 {
  margin-bottom: 45px !important;
}

.mab50 {
  margin-bottom: 50px !important;
}

.mal0 {
  margin-left: 0px !important;
}

.mal5 {
  margin-left: 5px !important;
}

.mal10 {
  margin-left: 10px !important;
}

.mal15 {
  margin-left: 15px !important;
}

.mal20 {
  margin-left: 20px !important;
}

.mal25 {
  margin-left: 25px !important;
}

.mal30 {
  margin-left: 30px !important;
}

.mal35 {
  margin-left: 35px !important;
}

.mal40 {
  margin-left: 40px !important;
}

.mal45 {
  margin-left: 45px !important;
}

.mal50 {
  margin-left: 50px !important;
}

.me0 {
  margin: 0em !important;
}

.me1 {
  margin: 1em !important;
}

.me2 {
  margin: 2em !important;
}

.me3 {
  margin: 3em !important;
}

.me4 {
  margin: 4em !important;
}

.me5 {
  margin: 5em !important;
}

.me6 {
  margin: 6em !important;
}

.me7 {
  margin: 7em !important;
}

.me8 {
  margin: 8em !important;
}

.me9 {
  margin: 9em !important;
}

.me10 {
  margin: 10em !important;
}

.mate0 {
  margin-top: 0em !important;
}

.mate1 {
  margin-top: 1em !important;
}

.mate2 {
  margin-top: 2em !important;
}

.mate3 {
  margin-top: 3em !important;
}

.mate4 {
  margin-top: 4em !important;
}

.mate5 {
  margin-top: 5em !important;
}

.mate6 {
  margin-top: 6em !important;
}

.mate7 {
  margin-top: 7em !important;
}

.mate8 {
  margin-top: 8em !important;
}

.mate9 {
  margin-top: 9em !important;
}

.mate10 {
  margin-top: 10em !important;
}

.mare0 {
  margin-right: 0em !important;
}

.mare1 {
  margin-right: 1em !important;
}

.mare2 {
  margin-right: 2em !important;
}

.mare3 {
  margin-right: 3em !important;
}

.mare4 {
  margin-right: 4em !important;
}

.mare5 {
  margin-right: 5em !important;
}

.mare6 {
  margin-right: 6em !important;
}

.mare7 {
  margin-right: 7em !important;
}

.mare8 {
  margin-right: 8em !important;
}

.mare9 {
  margin-right: 9em !important;
}

.mare10 {
  margin-right: 10em !important;
}

.mabe0 {
  margin-bottom: 0em !important;
}

.mabe1 {
  margin-bottom: 1em !important;
}

.mabe2 {
  margin-bottom: 2em !important;
}

.mabe3 {
  margin-bottom: 3em !important;
}

.mabe4 {
  margin-bottom: 4em !important;
}

.mabe5 {
  margin-bottom: 5em !important;
}

.mabe6 {
  margin-bottom: 6em !important;
}

.mabe7 {
  margin-bottom: 7em !important;
}

.mabe8 {
  margin-bottom: 8em !important;
}

.mabe9 {
  margin-bottom: 9em !important;
}

.mabe10 {
  margin-bottom: 10em !important;
}

.male0 {
  margin-left: 0em !important;
}

.male1 {
  margin-left: 1em !important;
}

.male2 {
  margin-left: 2em !important;
}

.male3 {
  margin-left: 3em !important;
}

.male4 {
  margin-left: 4em !important;
}

.male5 {
  margin-left: 5em !important;
}

.male6 {
  margin-left: 6em !important;
}

.male7 {
  margin-left: 7em !important;
}

.male8 {
  margin-left: 8em !important;
}

.male9 {
  margin-left: 9em !important;
}

.male10 {
  margin-left: 10em !important;
}

.male11 {
  margin-left: 11em !important;
}

.male12 {
  margin-left: 12em !important;
}

.male13 {
  margin-left: 13em !important;
}

.male14 {
  margin-left: 14em !important;
}

.male15 {
  margin-left: 15em !important;
}

.male16 {
  margin-left: 16em !important;
}

.male17 {
  margin-left: 17em !important;
}

.male18 {
  margin-left: 18em !important;
}

.male19 {
  margin-left: 19em !important;
}

.male20 {
  margin-left: 20em !important;
}

.nmat5 {
  margin-top: -5px !important;
}

.nmat10 {
  margin-top: -10px !important;
}

.nmat15 {
  margin-top: -15px !important;
}

.nmat20 {
  margin-top: -20px !important;
}

.nmat25 {
  margin-top: -25px !important;
}

.nmat30 {
  margin-top: -30px !important;
}

.nmat35 {
  margin-top: -35px !important;
}

.nmat40 {
  margin-top: -40px !important;
}

.nmat45 {
  margin-top: -45px !important;
}

.nmat50 {
  margin-top: -50px !important;
}

.nmar5 {
  margin-right: -5px !important;
}

.nmar10 {
  margin-right: -10px !important;
}

.nmar15 {
  margin-right: -15px !important;
}

.nmar20 {
  margin-right: -20px !important;
}

.nmar25 {
  margin-right: -25px !important;
}

.nmar30 {
  margin-right: -30px !important;
}

.nmar35 {
  margin-right: -35px !important;
}

.nmar40 {
  margin-right: -40px !important;
}

.nmar45 {
  margin-right: -45px !important;
}

.nmar50 {
  margin-right: -50px !important;
}

.nmab5 {
  margin-bottom: -5px !important;
}

.nmab10 {
  margin-bottom: -10px !important;
}

.nmab15 {
  margin-bottom: -15px !important;
}

.nmab20 {
  margin-bottom: -20px !important;
}

.nmab25 {
  margin-bottom: -25px !important;
}

.nmab30 {
  margin-bottom: -30px !important;
}

.nmab35 {
  margin-bottom: -35px !important;
}

.nmab40 {
  margin-bottom: -40px !important;
}

.nmab45 {
  margin-bottom: -45px !important;
}

.nmab50 {
  margin-bottom: -50px !important;
}

.nmal5 {
  margin-left: -5px !important;
}

.nmal10 {
  margin-left: -10px !important;
}

.nmal15 {
  margin-left: -15px !important;
}

.nmal20 {
  margin-left: -20px !important;
}

.nmal25 {
  margin-left: -25px !important;
}

.nmal30 {
  margin-left: -30px !important;
}

.nmal35 {
  margin-left: -35px !important;
}

.nmal40 {
  margin-left: -40px !important;
}

.nmal45 {
  margin-left: -45px !important;
}

.nmal50 {
  margin-left: -50px !important;
}

.p0 {
  padding: 0px !important;
}

.p5 {
  padding: 5px !important;
}

.p10 {
  padding: 10px !important;
}

.p15 {
  padding: 15px !important;
}

.p20 {
  padding: 20px !important;
}

.p25 {
  padding: 25px !important;
}

.p30 {
  padding: 30px !important;
}

.p35 {
  padding: 35px !important;
}

.p40 {
  padding: 40px !important;
}

.p45 {
  padding: 45px !important;
}

.p50 {
  padding: 50px !important;
}

.pat0 {
  padding-top: 0px !important;
}

.pat5 {
  padding-top: 5px !important;
}

.pat10 {
  padding-top: 10px !important;
}

.pat15 {
  padding-top: 15px !important;
}

.pat20 {
  padding-top: 20px !important;
}

.pat25 {
  padding-top: 25px !important;
}

.pat30 {
  padding-top: 30px !important;
}

.pat35 {
  padding-top: 35px !important;
}

.pat40 {
  padding-top: 40px !important;
}

.pat45 {
  padding-top: 45px !important;
}

.pat50 {
  padding-top: 50px !important;
}

.par0 {
  padding-right: 0px !important;
}

.par5 {
  padding-right: 5px !important;
}

.par10 {
  padding-right: 10px !important;
}

.par15 {
  padding-right: 15px !important;
}

.par20 {
  padding-right: 20px !important;
}

.par25 {
  padding-right: 25px !important;
}

.par30 {
  padding-right: 30px !important;
}

.par35 {
  padding-right: 35px !important;
}

.par40 {
  padding-right: 40px !important;
}

.par45 {
  padding-right: 45px !important;
}

.par50 {
  padding-right: 50px !important;
}

.pab0 {
  padding-bottom: 0px !important;
}

.pab5 {
  padding-bottom: 5px !important;
}

.pab10 {
  padding-bottom: 10px !important;
}

.pab15 {
  padding-bottom: 15px !important;
}

.pab20 {
  padding-bottom: 20px !important;
}

.pab25 {
  padding-bottom: 25px !important;
}

.pab30 {
  padding-bottom: 30px !important;
}

.pab35 {
  padding-bottom: 35px !important;
}

.pab40 {
  padding-bottom: 40px !important;
}

.pab45 {
  padding-bottom: 45px !important;
}

.pab50 {
  padding-bottom: 50px !important;
}

.pal0 {
  padding-left: 0px !important;
}

.pal5 {
  padding-left: 5px !important;
}

.pal10 {
  padding-left: 10px !important;
}

.pal15 {
  padding-left: 15px !important;
}

.pal20 {
  padding-left: 20px !important;
}

.pal25 {
  padding-left: 25px !important;
}

.pal30 {
  padding-left: 30px !important;
}

.pal35 {
  padding-left: 35px !important;
}

.pal40 {
  padding-left: 40px !important;
}

.pal45 {
  padding-left: 45px !important;
}

.pal50 {
  padding-left: 50px !important;
}

.cRed {
  color: #c00 !important;
}

.fw {
  font-weight: bold !important;
}

.fwn {
  font-weight: 400 !important;
}

.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

.lh {
  line-height: 1.75;
}

.lh135 {
  line-height: 135% !important;
}

.lh175 {
  line-height: 175% !important;
}

.lh200 {
  line-height: 200% !important;
}

.curd {
  cursor: default;
}

.curp {
  cursor: pointer;
}

.fzs {
  font-size: 85%;
}

.fzm {
  font-size: 114%;
}

.fzl {
  font-size: 128%;
}

.disbk {
  display: block !important;
}

/*
# box styles
*/
/*
## 固定幅・中央揃えのボックス
	<div class="mod-box-fixed">example</div>
*/
.mod-box-fixed {
  width: 980px;
  margin: 0 auto;
}

/*
## コンテンツの区切りを表す基本ボックス
	<div class="mod-section">example</div>
*/
.section-clearfix {
  zoom: 1;
  margin-top: 40px;
}
.section-clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.mod-box-section {
  margin-top: 40px;
  padding-bottom: 0;
}
.mod-box-section .section-body {
  padding: 0 15px;
}
.mod-box-section .section-body > :first-child {
  margin-top: 0 !important;
}
.mod-box-section.section-col1 {
  clear: both;
}
.mod-box-section.section-col2-left {
  clear: both;
  float: left;
  width: 49%;
}
.mod-box-section.section-col2-right {
  float: right;
  width: 49%;
  margin-top: 0;
}
.mod-box-section:first-child {
  margin-top: 0;
}

/*
	module:box-imgTxt
	- 画像とテキストの横並び
*/
.mod-box-imgTxt1 {
  zoom: 1;
}
.mod-box-imgTxt1:after {
  content: "";
  display: block;
  clear: both;
}
.mod-box-imgTxt1 .imgBox {
  float: left;
  margin-right: 20px;
}
.mod-box-imgTxt1 .textBox {
  overflow: hidden;
}

.mod-box-imgTxt2 {
  zoom: 1;
}
.mod-box-imgTxt2:after {
  content: "";
  display: block;
  clear: both;
}
.mod-box-imgTxt2 .imgBox {
  float: right;
  margin-left: 20px;
}
.mod-box-imgTxt2 .txtBox {
  overflow: hidden;
}

.mod-box-imgTxt3 {
  zoom: 1;
}
.mod-box-imgTxt3:after {
  content: "";
  display: block;
  clear: both;
}
.mod-box-imgTxt3 > ul > li {
  width: 47%;
  margin-bottom: 10px;
}
.mod-box-imgTxt3 .imgBox {
  float: left;
  margin-right: 20px;
}
.mod-box-imgTxt3 .textBox {
  overflow: hidden;
  margin-right: 0;
}

/*
	module:　mod-box-padding
-----------------------------------------------------------------*/
.mod-box-padding {
  padding: 20px;
}

#pickupContent {
  position: relative;
  width: 980px;
  overflow: hidden;
}
#pickupContent .mod-box-rec {
  margin-top: 20px;
  padding: 12px;
  background: #D9D9D9;
}
#pickupContent .mod-box-rec #topicsView {
  width: 100%;
  position: relative;
  overflow: auto;
}
#pickupContent .mod-box-rec #topicsView ul {
  display: block;
  width: 300%;
  height: 150px;
}
#pickupContent .mod-box-rec #topicsView ul li {
  float: left;
  width: 184px;
  text-align: center;
}
#pickupContent .mod-box-rec #topicsView ul li:first-child {
  margin-left: 0;
}
#pickupContent .mod-box-rec #topicsPager {
  letter-spacing: -.40em;
  margin-top: 10px;
  text-align: center;
  line-height: 0;
}
#pickupContent .mod-box-rec #topicsPager > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
}
#pickupContent .mod-box-rec #topicsPager li {
  width: 11px;
  height: 11px;
  margin: 0 5px;
  background: url("../images/i_circle.gif") no-repeat left top;
  font-size: 0;
  text-indent: -9999px;
  vertical-align: top;
  cursor: pointer;
}
#pickupContent .mod-box-rec #topicsPager li.active {
  background: url("../images/i_circle2.gif") no-repeat left top;
}

.mod-box-grid {
  zoom: 1;
}
.mod-box-grid:after {
  content: "";
  display: block;
  clear: both;
}
.mod-box-grid .grid-left {
  float: left;
  width: 720px;
}
.mod-box-grid .grid-right {
  float: right;
  width: 250px;
}

.mod-box-grid3 {
  zoom: 1;
}
.mod-box-grid3:after {
  content: "";
  display: block;
  clear: both;
}
.mod-box-grid3 .grid-left {
  float: left;
}
.mod-box-grid3 .grid-right {
  float: right;
}

.mod-box-border {
  padding: 20px;
  border: 2px solid #999;
}

.mod-box-lnav .title-wrap {
  position: relative;
  width: 250px;
  height: 76px;
}
.mod-box-lnav .title-wrap .lnav-trans {
  position: absolute;
  top: 26px;
  right: 15px;
}
.mod-box-lnav .title-wrap .lnav-trans li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: -5px;
}
.mod-box-lnav .title-wrap .lnav-trans li:first-child {
  margin-right: 3px;
}
.mod-box-lnav .title-wrap .lnav-trans li.current {
  border: 2px solid #fbcf02;
}
.mod-box-lnav .lnav-title {
  position: relative;
  display: table-cell;
  width: 250px;
  height: 76px;
  padding: 0 10px;
  background: #06694E;
  color: #FFF;
  font-size: 142%;
  font-weight: bold;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-box-lnav .lnav-title .langage-jp {
  position: absolute;
  top: 10px;
  right: 44px;
}
.mod-box-lnav .lnav-title .langage-en {
  position: absolute;
  top: 10px;
  right: 10px;
}
.mod-box-lnav .lnav-list {
  border: 1px solid #999999;
}
.mod-box-lnav .lnav-list > li {
  border-top: 1px solid #ccc;
}
.mod-box-lnav .lnav-list > li:first-child {
  margin-top: 0;
}
.mod-box-lnav .lnav-list > li > a {
  display: block;
  padding: 10px 10px 10px 30px;
  background: url("../images/i_ar.gif") no-repeat 10px center;
  color: inherit;
}
.mod-box-lnav .lnav-list > li > a:hover, .mod-box-lnav .lnav-list > li > a.is-active {
  background-color: #E6F0ED;
  text-decoration: none;
}
.mod-box-lnav .lnav-list > li ul li a {
  display: block;
  padding: 5px 10px 5px 40px;
  color: inherit;
}
.mod-box-lnav .lnav-list > li ul li a:hover, .mod-box-lnav .lnav-list > li ul li a.is-active {
  background: url("../images/i_ar7.png") no-repeat 30px center #388771;
  color: #fff;
  text-decoration: none;
}
.mod-box-lnav .lnav-list > li ul li li a {
  padding-left: 40px;
  background-image: none;
}
.mod-box-lnav .lnav-list > li ul li li a:hover, .mod-box-lnav .lnav-list > li ul li li a.is-active {
  background-image: none;
}

.mod-box-adminbar {
  letter-spacing: -.40em;
  position: fixed;
  width: 100%;
  margin-bottom: 5px;
  background: #333;
  z-index: 100;
}
.mod-box-adminbar > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
}
.mod-box-adminbar ul li {
  display: inline-block;
  margin: 0 !important;
  padding: 7px 20px 7px 20px;
  border-left: 1px solid #ddd;
  color: #fff;
}
.mod-box-adminbar ul li:last-child {
  border-right: 1px solid #ddd;
}
.mod-box-adminbar ul li:hover {
  background: #000;
  text-decoration: none;
}
.mod-box-adminbar ul li.adminbar-title {
  background-color: #555;
  color: #fff;
  font-weight: bold;
}
.mod-box-adminbar ul li.adminbar-title:hover {
  background: #555;
}
.mod-box-adminbar ul li a {
  display: block;
  color: #fff;
}
.mod-box-adminbar ul li a:hover {
  text-decoration: none;
}

.mod-box-adminbar + * {
  padding-top: 45px;
}

.mod-box-unitedit {
  position: relative;
}
.mod-box-unitedit .unitedit-edit {
  display: block;
  position: absolute;
  right: 10px;
  top: 5px;
  padding: 7px 15px;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #FFF;
  color: #333 !important;
  font-size: 12px;
  line-height: 1;
  z-index: 100;
  opacity: 0.7;
}
.mod-box-unitedit .unitedit-edit:hover {
  background: #fafafa;
  text-decoration: none !important;
}

.mod-box-search {
  position: relative;
}
.mod-box-search table {
  width: 100%;
  vertical-align: middle;
}
.mod-box-search table thead th, .mod-box-search table thead td {
  padding: 10px;
  border: 1px solid #ccc;
  background: #EEE;
  font-weight: bold;
  vertical-align: middle;
  line-height: 1.4;
}
.mod-box-search table thead th {
  background: #EEE;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}
.mod-box-search table thead td {
  vertical-align: middle;
}
.mod-box-search table tbody th, .mod-box-search table tbody td {
  padding: 10px;
  border: 1px solid #ccc;
  vertical-align: middle;
}
.mod-box-search table tbody th {
  background: #EEE;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}
.mod-box-search table tbody th span.indis {
  font-size: 85%;
  vertical-align: middle;
  margin-left: 10px;
  color: #ed8835;
}
.mod-box-search table tbody td {
  vertical-align: middle;
}
.mod-box-search table tbody td .mod-list-check {
  margin-right: -20px;
}
.mod-box-search table tbody td .mod-list-check li {
  margin-right: 20px;
}
.mod-box-search table tbody td .mod-list-check li input {
  vertical-align: middle;
  margin-right: 5px;
}
.mod-box-search table tbody td .js-selector select {
  width: 100px;
  margin: 0;
  zoom: 1;
}
.mod-box-search table tbody td .js-selector dt {
  float: left;
  margin-right: 20px;
}
.mod-box-search table tbody td .js-selector dd {
  line-height: 1.8;
  vertical-align: middle;
}
.mod-box-search table tbody td .mod-box-label {
  zoom: 1;
  width: 70%;
}
.mod-box-search table tbody td .mod-box-label dt {
  float: left;
}
.mod-box-search table tbody td .mod-box-label dt .mod-input-f {
  width: 320px;
}
.mod-box-search table tbody td .mod-box-label dd {
  float: right;
  line-height: 1.8;
}
.mod-box-search table tbody td .arrow {
  background: url("../images/i_ar.gif") no-repeat left center;
  padding-left: 20px;
}
.mod-box-search .search-csv {
  position: absolute;
  right: 0;
  padding-left: 20px;
  background: url("../images/i_ar.gif") no-repeat left center;
  bottom: 10px;
}

.mod-box-inline {
  width: 100%;
}
.mod-box-inline .mod-box-label {
  float: left;
  vertical-align: middle;
  margin-right: 20px;
}
.mod-box-inline .mod-list-check {
  float: right;
  vertical-align: middle;
}

.mod-box-saftyNav {
  padding: 10px;
  border: 2px solid #999;
}
.mod-box-saftyNav > dt {
  position: relative;
  background: #06694E;
  float: left;
  height: 290px;
  width: 150px;
  font-size: 128%;
  color: #fff;
  text-align: center;
  padding-top: 10px;
  margin-right: 10px;
}
.mod-box-saftyNav > dt .mod-icon-private {
  position: absolute;
  left: 20px;
  top: 40px;
}
.mod-box-saftyNav > dd {
  float: left;
  width: 750px;
}
.mod-box-saftyNav > dd > ul {
  width: 100%;
  border-bottom: solid 1px #ccc;
}
.mod-box-saftyNav > dd > ul > li {
  border-top: 1px solid #ccc;
  padding: 5px 0;
}
.mod-box-saftyNav > dd > ul > li > ul li {
  display: table-cell;
  height: 46px;
  padding-left: 20px;
  vertical-align: middle;
}
.mod-box-saftyNav > dd > ul > li > ul li:first-child {
  padding-left: 0;
}
.mod-box-saftyNav > dd > ul > li > ul .nav-btn1 {
  display: block;
  width: 225px;
  padding-left: 10px;
  color: inherit;
  background: url("../images/i_ar6.png") no-repeat left center;
}
.mod-box-saftyNav > dd > ul > li > ul .nav-btn2 {
  display: block;
  padding-left: 10px;
  color: inherit;
  background: url("../images/i_ar6.png") no-repeat left center;
}
.mod-box-saftyNav > dd > ul > li > ul .nav-btn3 {
  position: relative;
  display: block;
  width: 215px;
  padding: 12px 0 12px 20px;
  background: #06694E;
  color: #fff;
  font-size: 114%;
  line-height: 1.2;
}
.mod-box-saftyNav > dd > ul > li > ul .nav-btn3:hover {
  background: #077355;
  text-decoration: none;
}
.mod-box-saftyNav > dd > ul > li > ul .nav-btn3:after {
  content: url("../images/i_ar8.gif");
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}
.mod-box-saftyNav > dd > ul > li > ul .nav-btn3.caution {
  background: #D00;
}
.mod-box-saftyNav > dd > ul > li > ul .nav-btn3.caution:hover {
  background: #F00;
}
.mod-box-saftyNav > dd > ul > li > ul .nav-btn1.caution {
  display: block !important;
  width: 225px !important;
  padding-left: 0px !important;
  color: inherit !important;
  background: none !important;
}


.mod-box-saftyNav > dd > ul > li > ul .nav-btn4 {
  position: relative;
  display: block;
  width: 215px;
  padding: 20px 0 20px 20px;
  background: #0c89d8;
  color: #fff;
  font-size: 128%;
  font-weight: bold;
  line-height: 1.2;
}
.mod-box-saftyNav > dd > ul > li > ul .nav-btn4:hover {
  background: #0d8fe2;
  text-decoration: none;
}
.mod-box-saftyNav > dd > ul > li > ul .nav-btn4:after {
  content: url("../images/i_ar8.gif");
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}
.mod-box-saftyNav > dd > ul > li > ul .nav-btn5 {
  position: relative;
  display: block;
  width: 215px;
  padding: 12px 0 12px 20px;
  background: #f08221;
  color: #fff;
  font-size: 114%;
  line-height: 1.2;
}
.mod-box-saftyNav > dd > ul > li > ul .nav-btn5:hover {
  background: #f1872b;
  text-decoration: none;
}
.mod-box-saftyNav > dd > ul > li > ul .nav-btn5:after {
  content: url("../images/i_ar8.gif");
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}
.mod-box-saftyNav > dd > ul > li > ul .pal70 {
  padding-left: 70px;
}

.mod-box-grid2 {
  zoom: 1;
}
.mod-box-grid2:after {
  content: "";
  display: block;
  clear: both;
}
.mod-box-grid2 .grid-left {
  float: left;
  width: 610px;
}
.mod-box-grid2 .grid-right {
  float: right;
  width: 250px;
}
.mod-box-grid2 .bgDark {
  zoom: 1;
  padding-left: 20px;
  background: #666666;
  border: solid 2px #999;
  font-weight: bold;
  vertical-align: middle;
}
.mod-box-grid2 .bgDark:after {
  content: "";
  display: block;
  clear: both;
}
.mod-box-grid2 a {
  display: table-cell;
  background: url("../images/i_ar8.gif") no-repeat left center;
  padding-left: 20px;
  height: 75px;
  color: #fff;
  font-size: 114%;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}

.mod-box-form {
  width: 100%;
  vertical-align: middle;
}
.mod-box-form .contact-form {
  width: 100%;
  border-collapse: collapse;
}
.mod-box-form .contact-form-information {
  margin-bottom: 20px;
}
.mod-box-form .contact-form-field {
  display: table;
  width: 100%;
  margin-top: -1px;
}
.mod-box-form .contact-form-field .form-label-wrap {
  display: table-cell;
  width: 220px;
  padding: 10px;
  border: 1px solid #ccc;
  background: #EEE;
  font-weight: bold;
  vertical-align: middle;
  line-height: 1.4;
  background: #EEE;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
}
.mod-box-form .contact-form-field .form-label-wrap .form-label {
  position: relative;
}
.mod-box-form .contact-form-field .form-label-wrap .form-label .must {
  position: absolute;
  right: 0px;
  top: 2px;
  display: inline-block;
  padding: 2px 3px;
  background: #cc0000;
  color: #fff;
  font-size: 71%;
}
.mod-box-form .contact-form-field .form-element {
  display: table-cell;
  padding: 10px;
  border: 1px solid #ccc;
  vertical-align: middle;
  line-height: 1.4;
}
.mod-box-form .contact-form-field .form-element .field_error {
  display: block;
  margin-top: 5px;
  color: #cc0000;
  font-size: 85%;
}
.mod-box-form .contact-form-field .form-element textarea {
  width: 100%;
  height: 5em;
}
.mod-box-form .contact-form-submit {
  margin-top: 20px;
  text-align: center;
}
.mod-box-form .contact-form-submit input {
  width: 200px;
  padding: 10px 0;
  border: 0;
  background: #06694E;
  color: #fff;
  font-size: 114%;
  cursor: pointer;
}
.mod-box-form .contact-form-submit input:hover {
  background: #05513c;
}

.mod-box-news4 {
  margin-top: -10px;
}
.mod-box-news4 > li {
  margin-top: 10px;
}
.mod-box-news4 > li dd span {
  font-weight: bold;
  display: block;
}

.mod-box-public-news {
  zoom: 1;
  padding: 10px;
  border: solid 1px #8d8d8d;
}
.mod-box-public-news:after {
  content: "";
  display: block;
  clear: both;
}
.mod-box-public-news .list-btn {
  float: right;
  width: 150px;
}
.mod-box-public-news .list-btn > li {
  display: block;
  text-align: center;
  margin: 8px 0;
  padding: 5px 10px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}
.mod-box-public-news .list-btn > li a {
  display: block;
  padding-left: 20px;
  color: black;
}
.mod-box-public-news .list-btn > li a.news {
  background: url("../../images/i_new_info.jpg") no-repeat center left;
}
.mod-box-public-news .list-btn > li a.event {
  background: url("../../images/i_new_event.jpg") no-repeat center left;
}
.mod-box-public-news .news-list {
  float: left;
  width: 785px;
}
.mod-box-public-news .news-list > li {
  zoom: 1;
  position: relative;
  margin-bottom: 10px;
}
.mod-box-public-news .news-list > li:after {
  content: "";
  display: block;
  clear: both;
}
.mod-box-public-news .news-list > li dl {
  width: 785px;
}
.mod-box-public-news .news-list > li dl dt {
  position: relative;
  float: left;
  width: 205px;
  margin-left: 30px;
  text-align: center;
  color: #ffffff;
  background: #666666;
}
.mod-box-public-news .news-list > li dl dt.news:before {
  content: "";
  position: absolute;
  top: 1px;
  left: -30px;
  width: 20px;
  height: 20px;
  background: url("../../images/i_new_info.jpg") no-repeat center left;
}
.mod-box-public-news .news-list > li dl dt.event:before {
  content: "";
  position: absolute;
  top: 1px;
  left: -30px;
  width: 20px;
  height: 20px;
  background: url("../../images/i_new_event.jpg") no-repeat center left;
}
.mod-box-public-news .news-list > li dl dd {
  width: 538px;
  float: right;
}
.mod-box-public-news .news-list > li.lastChild {
  margin-bottom: 0;
}

/*
	module:　mod-opacityHover
	- ホバー時に下の画像を透過させる
-----------------------------------------------------------------*/
.mod-link-opacity {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.mod-link-opacity:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

/*
	module:　mod-icon-arrow
	- アイコン付きテキストリンク
-----------------------------------------------------------------*/
.mod-icon-ar1, #footer #footer-top .sitemap-list > li.list-researcher dd a, .mod-box-sitemap .sitemap-top .sitemap-list > li.list-researcher dd a {
  display: inline-block;
  padding-left: 20px;
  background: url("../images/i_ar.gif") no-repeat left 0.25em;
}

.mod-icon-ar2, #footer #footer-top .sitemap-list > li.list-graduate dd a, .mod-box-sitemap .sitemap-top .sitemap-list > li.list-graduate dd a {
  display: inline-block;
  padding-left: 20px;
  background: url("../images/i_ar2.gif") no-repeat left 0.25em;
}

.mod-icon-ar3, #footer #footer-top .sitemap-list > li.list-industry dd a, .mod-box-sitemap .sitemap-top .sitemap-list > li.list-industry dd a {
  display: inline-block;
  padding-left: 20px;
  background: url("../images/i_ar3.gif") no-repeat left 0.25em;
}

.mod-icon-ar4, #footer #footer-top .sitemap-list > li.list-ura dd a, .mod-box-sitemap .sitemap-top .sitemap-list > li.list-ura dd a {
  display: inline-block;
  padding-left: 20px;
  background: url("../images/i_ar4.gif") no-repeat left 0.25em;
}

.mod-icon-ar5, #footer #footer-top .sitemap-list > li.list-extramural dd a, .mod-box-sitemap .sitemap-top .sitemap-list > li.list-extramural dd a {
  display: inline-block;
  padding-left: 20px;
  background: url("../images/i_ar5.gif") no-repeat left 0.25em;
}

.mod-icon-ar9, #footer #footer-top .sitemap-list > li.list-public dd a, .mod-box-sitemap .sitemap-top .sitemap-list > li.list-public dd a {
  display: inline-block;
  padding-left: 20px;
  background: url("../images/i_ar9.gif") no-repeat left 0.25em;
}

.mod-icon-pdf {
  padding-right: 20px;
  background: url("../images/i_pdf.png") no-repeat right center;
}

.mod-icon-word {
  padding-right: 20px;
  background: url("../images/i_word.png") no-repeat right center;
}

.mod-icon-excel {
  padding-right: 20px;
  background: url("../images/i_excel.png") no-repeat right center;
}

.mod-icon-blank {
  padding-right: 20px;
  background: url("../images/i_blank.png") no-repeat right center;
}

.mod-icon-new {
  padding-right: 40px;
  background: url("../images/i_new.png") no-repeat right center;
}

.mod-icon-erad {
  padding-right: 40px;
  background: url("../images/i_erad.png") no-repeat right center;
}

.mod-icon-private {
  padding: 1px 5px;
  background: #0c89d8;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
}

.mod-icon-twitter {
  padding-right: 20px;
  background: url("../../images/i_twitter_s.gif") no-repeat right center;
}

.mod-icon-facebook {
  padding-right: 20px;
  background: url("../../images/i_facebook_s.gif") no-repeat right center;
}

.mod-list-common li, .wysiwyg ul li {
  position: relative;
  margin-top: 3px;
  padding-left: 12px;
}
.mod-list-common li:first-child, .wysiwyg ul li:first-child {
  margin-top: 0;
}
.mod-list-common li:after, .wysiwyg ul li:after {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 8px;
  height: 8px;
  background: #ccc;
}

/*
	module:　mod-list-inline
	- 横並びリスト
-----------------------------------------------------------------*/
.mod-list-inline {
  letter-spacing: -.40em;
}
.mod-list-inline li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 20px;
  vertical-align: top;
  letter-spacing: normal;
}
.mod-list-inline li.lastChild {
  margin-right: 0 !important;
}

/*
	module: mod-list-indent
	- テキストの頭出し
-----------------------------------------------------------------*/
.mod-list-indent li {
  margin-left: 1em;
  text-indent: -1em;
}

/*
	module:　mod-list-col2
	- ulリストの2カラムパターン
-----------------------------------------------------------------*/
.mod-list-col2 {
  zoom: 1;
}
.mod-list-col2:after {
  content: "";
  display: block;
  clear: both;
}
.mod-list-col2 > li {
  float: left;
}
.mod-list-col2 > li:last-child, .mod-list-col2 > li.lastChild {
  float: right;
}
.mod-list-col2 > li.even {
  float: right;
}

.mod-list-col2-2 {
  zoom: 1;
}
.mod-list-col2-2:after {
  content: "";
  display: block;
  clear: both;
}
.mod-list-col2-2 > li {
  float: left;
  margin: 15px 0;
}
.mod-list-col2-2 > li.odd {
	clear: both;
}
.mod-list-col2-2 > li.even {
  float: right;
}

.mod-list-news > li {
  margin-top: 25px;
  *zoom: 1;
}
.mod-list-news > li:first-child {
  margin-top: 0;
}
.mod-list-news > li dl dt .news-date {
  color: #06694E;
}
.mod-list-news > li dl dt .news-cat {
  display: inline-block;
  margin-left: 5px;
  padding: 1px 10px;
  min-width: 16em;
  background: #666;
  color: #fff;
  font-size: 85%;
  text-align: center;
}
.mod-list-news > li dl dt .researcher {
  background: #06694e;
}
.mod-list-news > li dl dt .graduate {
  background: #068282;
}
.mod-list-news > li dl dt .industry {
  background: #ba823b;
}
.mod-list-news > li dl dt .ura {
  background: #5c5982;
}
.mod-list-news > li dl dt .extramural {
  background: #5C96BF;
}
.mod-list-news > li dl dd {
  margin-top: 5px;
}
.mod-list-news > li dl dd a {
  color: inherit;
}

.mod-list-news3 > li {
  margin-top: 10px;
  *zoom: 1;
}
.mod-list-news3 > li:first-child {
  margin-top: 0;
}
.mod-list-news3 > li dl dt {
  float: left;
  margin-right: 20px;
}
.mod-list-news3 > li dl dt .news-date {
  margin-right: 15px;
  color: #666;
}
.mod-list-news3 > li dl dt .news-cat {
  display: inline-block;
  padding: 1px 0;
  width: 6em;
  background: #006699;
  color: #fff;
  font-size: 85%;
  text-align: center;
}
.mod-list-news3 > li dl dd {
  margin-top: 5px;
  overflow: hidden;
}

.mod-list-nav li {
  padding: 7px 5px;
  border-top: 1px solid #ccc;
}

.mod-list-nav2 > li {
  background: url("../images/i_ar.gif") no-repeat left center;
  margin-top: 5px;
  padding: 5px 20px;
  border-bottom: 1px solid #ccc;
}
.mod-list-nav2 .lastChild {
  border-bottom: none;
}

.mod-list-2nd {
  margin-right: -16px;
}
.mod-list-2nd > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  vertical-align: top;
  border: solid 1px #999;
  width: 310px;
  margin-top: 20px;
  margin-right: 16px;
}
.mod-list-2nd > li dl dt {
  zoom: 1;
  font-size: 142%;
  background: #06694E;
  *zoom: 1;
}
.mod-list-2nd > li dl dt:after {
  content: "";
  display: block;
  clear: both;
}
.mod-list-2nd > li dl dt a {
  display: block;
  color: #fff;
  font-weight: bold;
  padding: 8px 22px 8px 10px;
  line-height: 1.2;
}
.mod-list-2nd > li dl dt span img {
  width: 310px;
  height: 110px;
}
.mod-list-2nd > li dl dt:after {
  line-height: 42px;
  position: absolute;
  top: 13px;
  right: 10px;
  content: url("../images/i_ar8.gif");
}
.mod-list-2nd > li dl dd {
  padding: 10px;
}
.mod-list-2nd > li dl dd li {
  display: block;
  color: #006699;
  border-bottom: 1px solid #999;
  line-height: 22px;
  margin-bottom: 10px;
  padding-left: 2em;
  text-indent: -2em;
}
.mod-list-2nd > li dl dd a {
  background: url("../images/i_ar.gif") no-repeat left center;
  padding-left: 20px;
  margin-left: 5px;
}
.mod-list-2nd > li dl li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.mod-list-2nd-2 {
  zoom: 1;
  margin-right: 20px;
  margin-bottom: -20px;
  letter-spacing: -.40em;
  overflow: hidden;
}
.mod-list-2nd-2:after {
  content: "";
  display: block;
  clear: both;
}
.mod-list-2nd-2 > li {
  float: left;
  width: 310px;
  margin-bottom: 20px;
  margin-right: 20px;
  border: 1px solid #999;
}
.mod-list-2nd-2 > li a {
  display: block;
  position: relative;
  line-height: 60px;
  background-color: #06694E;
  padding-left: 20px;
  letter-spacing: normal;
  font-size: 114%;
  font-weight: bold;
  color: #fff;
}
.mod-list-2nd-2 a:after {
  position: absolute;
  content: url("../images/i_ar8.gif");
  right: 10px;
  top: 50%;
  margin-top: -7px;
}

.mod-list-3th {
  margin-right: -2%;
  margin-bottom: -10px;
  letter-spacing: -.40em;
  overflow: hidden;
}
.mod-list-3th:first-child {
  margin-top: 0 !important;
}
.mod-list-3th > li {
  float: left;
  width: 48%;
  margin-bottom: 10px;
  margin-right: 2%;
}
.mod-list-3th > li a {
  display: block;
  position: relative;
  height: 100%;
  background-color: #e6f0ed;
  border-left: solid 7px #06694E;
  padding: 15px 40px 15px 20px;
  letter-spacing: normal;
  font-size: 114%;
  font-weight: bold;
  color: black;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-list-3th a:after {
  position: absolute;
  content: url("../images/i_ar.gif");
  right: 10px;
  top: 50%;
  margin-top: -7px;
}

.mod-list-4th {
  margin-left: -45px;
  letter-spacing: -.40em;
}
.mod-list-4th > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 44%;
  margin-left: 45px;
}
.mod-list-4th > li a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  width: 100%;
  line-height: 60px;
  background-color: #e6f2f2;
  border-left: solid 7px #068282;
  padding-left: 20px;
  margin-top: 10px;
  letter-spacing: normal;
  font-size: 114%;
  font-weight: bold;
  color: black;
}
.mod-list-4th a:after {
  position: absolute;
  content: url("../images/i_ar2.gif");
  right: 10px;
  top: 50%;
  margin-top: -7px;
}

.mod-list-pages {
  width: 100%;
  text-align: center;
}
.mod-list-pages li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 5px;
  vertical-align: middle;
}
.mod-list-pages .pages-link {
  display: block;
  height: 25px;
  width: 25px;
  border: solid 1px #06694E;
  text-align: center;
  vertical-align: middle;
  color: #06694E;
  line-height: 25px;
}
.mod-list-pages .pages-prev {
  color: #40ae82;
}
.mod-list-pages .pages-next {
  color: #40ae82;
}
.mod-list-pages .is-current {
  background: #40ae82;
  color: #fff;
}
.mod-list-pages .fs-current {
  background: #06694E;
}
.mod-list-pages .fs-current a {
  color: #fff;
}

.mod-list-news2 {
  margin: 0 10px;
}
.mod-list-news2 li {
  padding: 10px 5px 0 5px;
}
.mod-list-news2 li dl dt {
  float: left;
  margin-right: 20px;
  color: #666;
}
.mod-list-news2 li dl dd {
  position: relative;
}
.mod-list-news2 li dl dd span {
  position: absolute;
  display: block;
  text-align: center;
  left: 100px;
  font-size: 85%;
  margin-right: 20px;
  width: 60px;
  background: #333;
  color: #fff;
}
.mod-list-news2 li dl dd a {
  margin-left: 70px;
}
.mod-list-news2 li:first-child {
  padding-top: 0;
}

.mod-list-news4 > li {
  border-bottom: solid 1px #ccc;
  padding: 10px 0;
}
.mod-list-news4 > li dl {
  *zoom: 1;
  overflow: hidden;
}
.mod-list-news4 > li dl dt {
  float: left;
  margin-right: 20px;
}
.mod-list-news4 > li dl dd {
  overflow: hidden;
  *zoom: 1;
}
.mod-list-news4 > li dl dd span {
  display: block;
  font-weight: bold;
}
.mod-list-news4 > li:first-child {
  padding-top: 0;
}

.mod-list-inline2 {
  letter-spacing: -.40em;
  margin-right: -20px;
}
.mod-list-inline2 > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 20px;
  margin-bottom: 20px;
  vertical-align: top;
  letter-spacing: normal;
  width: 455px;
}
.mod-list-inline2 > li.lastChild {
  margin-right: 0 !important;
}
.mod-list-inline2 .show-list {
  float: right;
  background: url("../images/i_ar.gif") no-repeat left center;
  padding-left: 20px;
}

.mod-list-col3 {
  background: #f7f7f7;
  overflow: hidden;
}
.mod-list-col3 ul {
  float: left;
  width: 260px;
  padding: 20px;
}
.mod-list-col3 ul li {
  position: relative;
  padding-left: 12px;
}
.mod-list-col3 ul li:after {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 8px;
  height: 8px;
  background: #ccc;
}

.mod-list-inline3 {
  letter-spacing: -.40em;
}
.mod-list-inline3 li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 10px;
  margin-bottom: 10px;
  vertical-align: top;
  letter-spacing: normal;
}
.mod-list-inline3 li.lastChild {
  margin-right: 0 !important;
}

.mod-list-seminar {
  margin-right: -15px;
  margin-bottom: -20px;
}
.mod-list-seminar li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 312px;
  margin-right: 15px;
  margin-bottom: 20px;
  vertical-align: top;
}
.mod-list-seminar li dl dt {
  border-bottom: solid 1px #ccc;
}
.mod-list-seminar li dl dd {
  margin-top: 10px;
}

.mod-list-border {
  border-bottom: solid 1px #cccccc;
}
.mod-list-border > li {
  padding: 15px 0;
  border-top: solid 1px #cccccc;
}

.mod-list-tab dt {
  padding: 5px 10px;
  font-size: 85%;
  background: #ddd;
}
.mod-list-tab dd {
  zoom: 1;
  margin-top: 1px;
  background: #666666;
}
.mod-list-tab dd:after {
  content: "";
  display: block;
  clear: both;
}
.mod-list-tab ul {
  display: table;
  width: 100%;
}
.mod-list-tab ul li {
  display: table-cell;
  border-left: 1px solid #fff;
  background: #666666;
  color: #fff;
  font-size: 85%;
  text-align: center;
}
.mod-list-tab ul li:hover, .mod-list-tab ul li.is-current {
  background: #999999;
  text-decoration: none;
}
.mod-list-tab ul li:first-child {
  border-left: 0;
}
.mod-list-tab ul li a {
  display: block;
  padding: 10px 7px;
  color: #fff;
  text-decoration: none;
}

/*
	module:　mod-table-common
	- テーブルの基本スタイル
-----------------------------------------------------------------*/
.mod-table-common, .wysiwyg table {
  width: 100%;
  vertical-align: middle;
}
.mod-table-common caption, .wysiwyg table caption {
  font-weight: bold;
  padding-bottom: 5px;
}
.mod-table-common thead th, .wysiwyg table thead th, .mod-table-common thead td, .wysiwyg table thead td {
  padding: 10px;
  border: 1px solid #ccc;
  background: #EEE;
  font-weight: bold;
  vertical-align: middle;
  line-height: 1.4;
}
.mod-table-common thead th, .wysiwyg table thead th {
  background: #EEE;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}
.mod-table-common thead td, .wysiwyg table thead td {
  vertical-align: middle;
}
.mod-table-common tbody th, .wysiwyg table tbody th, .mod-table-common tbody td, .wysiwyg table tbody td {
  padding: 10px;
  border: 1px solid #ccc;
  vertical-align: middle;
  line-height: 1.4;
  word-break: break-all;
}
.mod-table-common tbody th, .wysiwyg table tbody th {
  background: #EEE;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
}
.mod-table-common tbody th span.indis, .wysiwyg table tbody th span.indis {
  font-size: 85%;
  vertical-align: middle;
  margin-left: 10px;
  color: #ed8835;
}
.mod-table-common tbody td, .wysiwyg table tbody td {
  vertical-align: top;
}

.mod-table-result {
  width: 100%;
  vertical-align: middle;
}
.mod-table-result thead th, .mod-table-result thead td {
  padding: 10px;
  background: #EEE;
  font-weight: bold;
  vertical-align: middle;
  line-height: 1.4;
}
.mod-table-result thead th {
  background: #EEE;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-right: solid 1px #fff;
}
.mod-table-result thead th:last-child {
  border-right: none;
}
.mod-table-result tbody tr {
  border-bottom: 1px solid #ccc;
}
.mod-table-result tbody th, .mod-table-result tbody td {
  padding: 10px;
  vertical-align: middle;
  line-height: 1.4;
  word-break: break-all;
}
.mod-table-result tbody th {
  background: #EEE;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
}

.mod-table-deteil {
  width: 100%;
  vertical-align: middle;
  margin-top: 20px;
}
.mod-table-deteil thead th, .mod-table-deteil thead td {
  padding: 10px;
  border: 1px solid #ccc;
  background: #EEE;
  font-weight: bold;
  vertical-align: middle;
  line-height: 1.4;
}
.mod-table-deteil thead th {
  background: #EEE;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}
.mod-table-deteil thead td {
  vertical-align: middle;
}
.mod-table-deteil tbody th, .mod-table-deteil tbody td {
  padding: 10px;
  border: 1px solid #ccc;
  vertical-align: middle;
}
.mod-table-deteil tbody th {
  background: #EEE;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}
.mod-table-deteil tbody th span.indis {
  font-size: 85%;
  vertical-align: middle;
  margin-left: 10px;
  color: #ed8835;
}
.mod-table-deteil tbody td {
  vertical-align: middle;
}
.mod-table-deteil tbody td .mod-list-check {
  margin-right: -20px;
}
.mod-table-deteil tbody td .mod-list-check li {
  margin-right: 20px;
}
.mod-table-deteil tbody td .mod-list-check li input {
  vertical-align: middle;
  margin-right: 5px;
}
.mod-table-deteil tbody td .js-selector select {
  width: 100px;
  margin: 0;
  zoom: 1;
}
.mod-table-deteil tbody td .js-selector dt {
  float: left;
  margin-right: 20px;
}
.mod-table-deteil tbody td .js-selector dd {
  line-height: 1.8;
  vertical-align: middle;
}
.mod-table-deteil tbody td .mod-box-label {
  zoom: 1;
  width: 70%;
}
.mod-table-deteil tbody td .mod-box-label dt {
  float: left;
}
.mod-table-deteil tbody td .mod-box-label dt .mod-input-f {
  width: 320px;
}
.mod-table-deteil tbody td .mod-box-label dd {
  float: right;
  line-height: 1.8;
}
.mod-table-deteil tbody td .arrow {
  background: url("../images/i_ar.gif") no-repeat left center;
  padding-left: 20px;
}

.mod-table-common2 {
  width: 100%;
  vertical-align: middle;
}
.mod-table-common2 caption {
  font-weight: bold;
  padding-bottom: 5px;
}
.mod-table-common2 thead th, .mod-table-common2 thead td {
  padding: 10px;
  border: 1px solid #ccc;
  background: #EEE;
  font-weight: bold;
  vertical-align: middle;
  line-height: 1.4;
}
.mod-table-common2 thead th {
  background: #EEE;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}
.mod-table-common2 thead td {
  vertical-align: middle;
}
.mod-table-common2 tbody tr {
  border: solid 1px #cccccc;
}
.mod-table-common2 tbody th, .mod-table-common2 tbody td {
  padding: 10px;
  border: 1px solid #ccc;
  vertical-align: middle;
  line-height: 1.4;
  word-break: break-all;
}
.mod-table-common2 tbody th {
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  background: #eeeeee;
}
.mod-table-common2 tbody th span.indis {
  font-size: 85%;
  vertical-align: middle;
  margin-left: 10px;
  color: #ed8835;
}
.mod-table-common2 tbody td {
  vertical-align: top;
}
.mod-table-common2 tbody td.supplement {
  border-bottom: dotted 2px #cccccc;
}
.mod-table-common2 tbody td a {
  text-decoration: underline;
}
.mod-table-common2 tbody td label {
  cursor: pointer !important;
}

/*
	module:　mod-txt-ttlx
	- 見出し
-----------------------------------------------------------------*/
.mod-txt-ttl2 {
  padding: 20px 25px;
  background: #4C4C4C;
  color: #fff;
  font-size: 185%;
  font-weight: bold;
  line-height: 1.4;
}

.mod-txt-ttl2-2 {
  position: relative;
  zoom: 1;
  padding: 0 25px;
  background: #06694E;
  color: #fff;
  font-size: 185%;
  font-weight: bold;
  line-height: 145px;
  vertical-align: middle;
}
.mod-txt-ttl2-2:after {
  content: "";
  display: block;
  clear: both;
}
.mod-txt-ttl2-2 span {
  position: absolute;
  top: 0;
  right: 30px;
}

.mod-txt-ttl2-3 {
  position: relative;
  zoom: 1;
  padding: 0 25px;
  background: #068282;
  color: #fff;
  font-size: 185%;
  font-weight: bold;
  line-height: 145px;
  vertical-align: middle;
}
.mod-txt-ttl2-3:after {
  content: "";
  display: block;
  clear: both;
}
.mod-txt-ttl2-3 span {
  position: absolute;
  top: 0;
  right: 30px;
}

.mod-txt-ttl3 {
  position: relative;
  margin-bottom: 20px;
  padding: 7px 15px;
  border: 1px solid #ccc;
  background: #E6F0ED;
  font-size: 157%;
  font-weight: bold;
  line-height: 1.2;
}
.mod-txt-ttl3:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background: #06694E;
}
.mod-txt-ttl3 .mod-icon-private {
  position: absolute;
  right: 10px;
  top: 12px;
}

.mod-txt-ttl3-2 {
  position: relative;
  height: 1.2em;
  margin-bottom: 20px;
  padding: 7px 15px;
  border: 1px solid #eee;
  background: #fcfcfc;
  font-size: 157%;
  font-weight: bold;
  line-height: 1.2;
}

.mod-txt-ttl4, .wysiwyg h4 {
  position: relative;
  margin: 0 -15px;
  margin-bottom: 20px;
  padding: 8px 15px;
  border: 1px solid #ccc;
  font-size: 128%;
  font-weight: bold;
  line-height: 1.2;
}
.mod-txt-ttl4:after, .wysiwyg h4:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background: #a5a5a5;
}

.mod-txt-ttl5, .wysiwyg h5 {
  margin-bottom: 10px;
  padding: 0 5px 5px 5px;
  border-bottom: 1px solid #a5a5a5;
  font-size: 114%;
  font-weight: bold;
  line-height: 1.2;
}

.mod-txt-ttl6, .wysiwyg h6 {
  margin-bottom: 18px;
  font-weight: bold;
}

.mod-txt-categoly {
  display: inline-block;
  margin-right: 10px;
  padding: 1px 10px;
  min-width: 16em;
  background: #666;
  color: #fff;
  font-size: 85%;
  text-align: center;
}

.mod-btn-back {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 200px;
  padding: 10px 0;
  margin-right: 20px;
  border: 0;
  background: #06694E;
  font-size: 114%;
  color: #FFF !important;
}

.mod-btn-green {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 200px;
  padding: 10px 0;
  margin-right: 20px;
  border: 0;
  background: #06694E;
  font-size: 114%;
  color: #FFF !important;
}

.mod-btn-green2 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 200px;
  padding: 10px 0;
  margin-right: 20px;
  border: 0;
  background: #40ae82;
  font-size: 114%;
  color: #FFF !important;
}

.mod-btn-box {
  border: solid 2px #999;
}
.mod-btn-box a {
  display: table-cell;
  background: url("../images/i_ar8.gif") no-repeat left center;
  width: inherit;
  height: 100px;
  overflow: hidden;
  vertical-align: middle;
  padding-left: 20px;
  color: #fff;
  font-size: 114%;
  font-weight: bold;
}

.mod-btn-login {
  position: relative;
  display: block;
  width: 150px;
  padding: 20px 0 20px 20px;
  background: #0c89d8;
  color: #FFF;
  font-size: 128%;
  font-weight: bold;
  line-height: 1.2;
}
.mod-btn-login:hover {
  background: #0d8fe2;
  text-decoration: none;
}
.mod-btn-login:after {
  content: url("../images/i_ar8.gif");
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}
.mod-btn-login:link {
  color: #FFF;
}
.mod-btn-login:visited {
  color: #FFF;
}

.mod-btn-blue {
  position: relative;
}
.mod-btn-blue a {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 160px;
  padding: 10px 0;
  padding-left: 10px;
  border: 0;
  background: #0c89d8;
  font-weight: bold;
  color: #FFF !important;
  text-align: left;
  text-decoration: none !important;
}
.mod-btn-blue:after {
  content: url("../images/i_ar8.gif");
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}

.mod-btn-blue2 {
  position: relative;
}
.mod-btn-blue2 a {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 95%;
  padding: 10px 0;
  padding-left: 10px;
  border: 0;
  background: #006699;
  font-weight: bold;
  color: #FFF !important;
  text-align: left;
  text-decoration: none !important;
}
.mod-btn-blue2:after {
  content: url("../images/i_ar8.gif");
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}

.mod-btn-blue3 {
  position: relative;
}
.mod-btn-blue3 a {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 95%;
  padding: 10px 0;
  border: 0;
  background: #006699;
  font-weight: bold;
  color: #FFF !important;
  text-align: center;
  text-decoration: none !important;
}

/*---------------------------- layout ----------------------------*/
html {
  background: #fff;
}

/* header */
#header #header-top {
  zoom: 1;
  padding: 5px 0;
  background: #D9D9D9;
}
#header #header-top:after {
  content: "";
  display: block;
  clear: both;
}
#header #header-top .header-search {
  zoom: 1;
  float: left;
}
#header #header-top .header-search:after {
  content: "";
  display: block;
  clear: both;
}
#header #header-top .header-search dt {
  float: left;
  width: 200px;
  height: 30px;
  background: url("../images/bg_search.gif") no-repeat left top;
}
#header #header-top .header-search dt input {
  width: 100%;
  height: 30px;
  padding: 3px 10px;
  border: none;
  background: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#header #header-top .header-search dd {
  float: left;
  line-height: 0;
}
#header #header-top .header-nav {
  letter-spacing: -.40em;
  float: right;
  width: 710px;
  margin-top: 2px;
  text-align: right;
}
#header #header-top .header-nav > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
}
#header #header-top .header-nav li {
  margin-left: 15px;
  vertical-align: middle;
}
#header #header-top .header-nav li a {
  padding-left: 20px;
  color: inherit;
}
#header #header-top .header-nav li a img {
  vertical-align: middle;
}
#header #header-top .header-nav li.nav-contact a {
  background: url("../images/i_contact.gif") no-repeat left center;
}
#header #header-top .header-nav li.nav-sitemap a {
  background: url("../images/i_sitemap.gif") no-repeat left center;
}
#header #header-top .header-nav li.nav-english a {
  padding-left: 20px;
  background: url("../images/i_english.gif") no-repeat left center;
}
#header #header-top .header-nav li.nav-access a {
  display: block;
  text-align: center;
  line-height: 22px;
  vertical-align: middle;
  color: #fff;
  background: #666;
  padding: 0 20px;
  font-size: 85%;
}
#header #header-top .header-nav li.js-print img {
  cursor: pointer;
}
#header #header-bottom {
  height: 140px;
  padding: 25px 0 0 0;
  text-align: center;
  line-height: 0;
}
#header #header-bottom .header-title {
  margin-top: 30px;
}
#header #header-bottom2 .mod-box-fixed {
  position: relative;
  height: 150px;
}
#header #header-bottom2 .header-logo {
  position: absolute;
  right: 0;
  top: 20px;
  line-height: 0;
}
#header #header-bottom2 .header-title {
  position: absolute;
  left: 0;
  top: 20px;
  line-height: 0;
}
#header #header-bottom2 .header-gnav {
  zoom: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
#header #header-bottom2 .header-gnav:after {
  content: "";
  display: block;
  clear: both;
}
#header #header-bottom2 .header-gnav li {
  float: left;
  margin-left: 4px;
  padding: 1px 1px 0 1px;
  background: #666;
}
#header #header-bottom2 .header-gnav li:first-child {
  margin-left: 0;
}
#header #header-bottom2 .header-gnav li a {
  display: table-cell;
  width: 190px;
  height: 75px;
  color: #fff;
  font-size: 114%;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
#header #header-bottom2 .header-gnav li a:hover, #header #header-bottom2 .header-gnav li a.is-active {
  background: #fff;
  text-decoration: none;
}
#header #header-bottom2 .header-gnav li.gnav-researcher {
  background: #06694e;
}
#header #header-bottom2 .header-gnav li.gnav-researcher a:hover,
#header #header-bottom2 .header-gnav li.gnav-researcher a.is-active {
  color: #06694e;
}
#header #header-bottom2 .header-gnav li.gnav-graduate {
  background: #068282;
}
#header #header-bottom2 .header-gnav li.gnav-graduate a:hover,
#header #header-bottom2 .header-gnav li.gnav-graduate a.is-active {
  color: #068282;
}
#header #header-bottom2 .header-gnav li.gnav-industry {
  background: #ba823b;
}
#header #header-bottom2 .header-gnav li.gnav-industry a:hover,
#header #header-bottom2 .header-gnav li.gnav-industry a.is-active {
  color: #ba823b;
}
#header #header-bottom2 .header-gnav li.gnav-ura {
  background: #5c96bf;
}
#header #header-bottom2 .header-gnav li.gnav-ura a:hover,
#header #header-bottom2 .header-gnav li.gnav-ura a.is-active {
  color: #5c96bf;
}
#header #header-bottom2 .header-gnav li.gnav-public {
  background: #40ae82;
}
#header #header-bottom2 .header-gnav li.gnav-public a:hover,
#header #header-bottom2 .header-gnav li.gnav-public a.is-active {
  color: #40ae82;
}

#topicpath {
  margin: 20px 0 10px 0;
}
#topicpath .mod-box-fixed {
  position: relative;
  background: #D9D9D9;
  overflow: hidden;
  *zoom: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#topicpath ol {
  zoom: 1;
  width: 960px;
  height: 32px;
}
#topicpath ol:after {
  content: "";
  display: block;
  clear: both;
}
#topicpath ol li {
  float: left;
  padding: 8px 22px 5px 15px;
  background: url("../images/i_topicpath.gif") no-repeat right center;
  font-size: 85%;
}
#topicpath ol li a {
  color: inherit;
}
#topicpath ol li:last-child, #topicpath ol li.lastChild {
  background: none;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#topicpath .printbtn {
  position: absolute;
  right: 0;
  top: 0;
  height: 22px;
  padding: 5px 10px 5px 30px;
  background: #D9D9D9;
}
#topicpath .printbtn li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  cursor: pointer;
}
#topicpath .printbtn button {
  cursor: pointer;
}

#pagetop {
  width: 980px;
  margin: 0 auto;
  margin-top: 30px;
  text-align: center;
}
#pagetop a {
  display: block;
}
#pagetop a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

#extramural {
  zoom: 1;
  margin-top: 20px;
  padding: 10px;
  border: 2px solid #999;
}
#extramural:after {
  content: "";
  display: block;
  clear: both;
}
#extramural .extramural-title a {
  float: left;
  width: 222px;
  height: 135px;
  padding-top: 74px;
  margin-right: 20px;
  background: #5C96BF;
  color: #fff;
  font-size: 157%;
  font-weight: bold;
  text-align: center;
}
#extramural .extramural-title a:hover, #extramural .extramural-title a:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  text-decoration: none;
}
#extramural .extramural-title span {
  font-size: 72%;
}
#extramural .extramural-content {
  padding-right: 230px;
  background: url("../images/bg_extramural.jpg") no-repeat right bottom;
  overflow: hidden;
  *zoom: 1;
}
#extramural .extramural-content ul {
  zoom: 1;
  margin-bottom: -1px;
  overflow: hidden;
}
#extramural .extramural-content ul:after {
  content: "";
  display: block;
  clear: both;
}
#extramural .extramural-content ul li {
  float: left;
  width: 212px;
  margin-right: 20px;
  padding: 10px 5px;
  border-bottom: 1px solid #ccc;
}

#public {
  zoom: 1;
  margin-top: 20px;
  padding: 10px;
  border: 2px solid #999;
}
#public:after {
  content: "";
  display: block;
  clear: both;
}
#public .public-title a {
  float: left;
  width: 222px;
  height: 81px;
  margin-right: 20px;
  background: #40ae82;
  color: #fff;
  font-size: 157%;
  font-weight: bold;
  text-align: center;
  line-height: 81px;
}
#public .public-title a:hover, #public .public-title a:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  text-decoration: none;
}
#public .public-title span {
  font-size: 72%;
}
#public .public-content {
  padding-right: 222px;
  background: url("../images/bg_public.jpg") no-repeat right bottom;
  overflow: hidden;
  *zoom: 1;
}
#public .public-content ul {
  zoom: 1;
  margin-bottom: -1px;
  overflow: hidden;
}
#public .public-content ul:after {
  content: "";
  display: block;
  clear: both;
}
#public .public-content ul li {
  float: left;
  width: 212px;
  margin-right: 20px;
  padding: 10px 5px;
  border-bottom: 1px solid #ccc;
}

#page-cnav {
  zoom: 1;
}
#page-cnav:after {
  content: "";
  display: block;
  clear: both;
}
#page-cnav #cnav-extramural {
  zoom: 1;
  position: relative;
  float: left;
  width: 460px;
  margin-top: 20px;
  padding: 10px;
  border: 2px solid #999;
}
#page-cnav #cnav-extramural:after {
  content: "";
  display: block;
  clear: both;
}
#page-cnav #cnav-extramural:after {
  content: '';
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 222px;
  height: 206px;
  background: url("../images/bg_extramural.jpg") no-repeat left -50px #eee;
  z-index: -1;
}
#page-cnav #cnav-extramural .extramural-title {
  float: left;
  width: 222px;
  height: 45px;
  margin-right: 15px;
  background: #5C96BF;
  color: #fff;
  font-size: 157%;
  font-weight: bold;
  text-align: center;
  line-height: 45px;
}
#page-cnav #cnav-extramural .extramural-title span {
  font-size: 72%;
}
#page-cnav #cnav-extramural .extramural-content {
  overflow: hidden;
  *zoom: 1;
}
#page-cnav #cnav-extramural .extramural-content ul {
  zoom: 1;
  margin-bottom: -1px;
  overflow: hidden;
}
#page-cnav #cnav-extramural .extramural-content ul:after {
  content: "";
  display: block;
  clear: both;
}
#page-cnav #cnav-extramural .extramural-content ul li {
  width: 212px;
  margin-right: 20px;
  padding: 10px 5px;
  border-bottom: 1px solid #ccc;
}
#page-cnav #cnav-about {
  zoom: 1;
  float: right;
  width: 460px;
  margin-top: 20px;
  padding: 10px 10px 10px 10px;
  border: 2px solid #999;
  background: url("../images/bg_about2.jpg") no-repeat right top;
}
#page-cnav #cnav-about:after {
  content: "";
  display: block;
  clear: both;
}
#page-cnav #cnav-about .about-list {
  text-align: center;
}
#page-cnav #cnav-about .about-list li {
  margin-top: 5px;
}
#page-cnav #cnav-about .about-list li:first-child {
  margin-top: 0;
}
#page-cnav #cnav-about .about-list li a {
  display: table-cell;
  *display: block;
  width: 222px;
  height: 45px;
  background: #465663;
  color: #fff;
  font-size: 114%;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

/* footer */
#footer {
  margin-top: 25px;
}
#footer #footer-top {
  padding: 30px 0;
  background: #333;
  color: #fff;
  		/*
  		.sitemap-about {
  			@include inline-block-child;
  			margin-top: 35px;
  
  			li {
  				margin-left: 12px;
  
  				&:first-child {
  					margin-left: 0;
  				}
  
  				a {
  					display: block;
  					width: 236px;
  					height: 37px;
  					background: url("../images/bg_frame.gif") no-repeat left top;
  					font-weight: bold;
  					text-align: center;
  					line-height: 37px;
  				}
  			}
  		}*/
}
#footer #footer-top a {
  color: inherit;
}
#footer #footer-top .mod-list-nav li {
  border-top: 1px solid #616161;
}
#footer #footer-top .sitemap-home {
  font-weight: bold;
}
#footer #footer-top .sitemap-list {
  zoom: 1;
  margin-top: 20px;
}
#footer #footer-top .sitemap-list:after {
  content: "";
  display: block;
  clear: both;
}
#footer #footer-top .sitemap-list > li {
  float: left;
  width: 160px;
  margin-left: 15px;
}
#footer #footer-top .sitemap-list > li:first-child {
  margin-left: 0;
}
#footer #footer-top .sitemap-list > li.list-industry {
  width: 200px;
}
#footer #footer-top .sitemap-list > li.list-ura {
  width: 190px;
}
#footer #footer-top .sitemap-list > li.list-extramural {
  width: 200px;
}
#footer #footer-top .sitemap-list > li.list-public {
  width: 200px;
}
#footer #footer-top .sitemap-list > li dl dt {
  height: 55px;
  font-weight: bold;
}
#footer #footer-top .sitemap-about {
  zoom: 1;
  height: 58px;
  margin-top: 20px;
  padding: 10px 10px 10px 10px;
  border: 2px solid #999;
  background: url("../images/bg_about3.jpg") no-repeat left top;
}
#footer #footer-top .sitemap-about:after {
  content: "";
  display: block;
  clear: both;
}
#footer #footer-top .sitemap-about .about-list {
  letter-spacing: -.40em;
  text-align: center;
}
#footer #footer-top .sitemap-about .about-list > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
}
#footer #footer-top .sitemap-about .about-list li {
  margin-left: 5px;
}
#footer #footer-top .sitemap-about .about-list li:first-child {
  margin-left: 0;
}
#footer #footer-top .sitemap-about .about-list li a {
  display: table-cell;
  *display: block;
  width: 167px;
  height: 58px;
  background: #465663;
  color: #fff;
  font-size: 114%;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
#footer #footer-top .sitemap-aside {
  letter-spacing: -.40em;
  margin-top: 30px;
  text-align: center;
}
#footer #footer-top .sitemap-aside > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
}
#footer #footer-top .sitemap-aside li {
  padding: 0 10px;
  border-right: 1px solid #999;
}
#footer #footer-top .sitemap-aside li:first-child {
  border-left: 1px solid #999;
}
#footer #footer-bottom {
  padding: 35px 0;
}
#footer #footer-bottom .mod-box-fixed {
  zoom: 1;
}
#footer #footer-bottom .mod-box-fixed:after {
  content: "";
  display: block;
  clear: both;
}
#footer #footer-bottom .footer-address {
  zoom: 1;
  float: left;
  width: 500px;
}
#footer #footer-bottom .footer-address:after {
  content: "";
  display: block;
  clear: both;
}
#footer #footer-bottom .footer-address dt {
  float: left;
  margin-right: 35px;
}
#footer #footer-bottom .footer-address dd {
  overflow: hidden;
  *zoom: 1;
  line-height: 27px;
}
#footer #footer-bottom .footer-copyright {
  float: right;
  font-size: 71%;
  line-height: 27px;
}

.mod-box-sitemap .sitemap-top a {
  color: inherit;
}
.mod-box-sitemap .sitemap-top .mod-list-nav li {
  border-top: 1px solid #999;
}
.mod-box-sitemap .sitemap-top .sitemap-home {
  font-weight: bold;
}
.mod-box-sitemap .sitemap-top .sitemap-list {
  zoom: 1;
  margin-top: 20px;
}
.mod-box-sitemap .sitemap-top .sitemap-list:after {
  content: "";
  display: block;
  clear: both;
}
.mod-box-sitemap .sitemap-top .sitemap-list > li {
  float: left;
  width: 215px;
  margin-left: 15px;
}
.mod-box-sitemap .sitemap-top .sitemap-list > li:first-child {
  margin-left: 0;
}
.mod-box-sitemap .sitemap-top .sitemap-list > li.list-public {
  width: 200px;
}
.mod-box-sitemap .sitemap-top .sitemap-list > li dl dt {
  height: 55px;
  font-weight: bold;
}
.mod-box-sitemap .sitemap-top .sitemap-about {
  letter-spacing: -.40em;
  margin-top: 35px;
}
.mod-box-sitemap .sitemap-top .sitemap-about > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
}
.mod-box-sitemap .sitemap-top .sitemap-about li {
  margin-left: 12px;
}
.mod-box-sitemap .sitemap-top .sitemap-about li:first-child {
  margin-left: 0;
}
.mod-box-sitemap .sitemap-top .sitemap-about li a {
  display: block;
  width: 236px;
  height: 37px;
  background: url("../images/bg_frame.gif") no-repeat left top;
  font-weight: bold;
  text-align: center;
  line-height: 37px;
}
.mod-box-sitemap .sitemap-top .sitemap-aside {
  letter-spacing: -.40em;
  margin-top: 30px;
  text-align: center;
}
.mod-box-sitemap .sitemap-top .sitemap-aside > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
}
.mod-box-sitemap .sitemap-top .sitemap-aside li {
  padding: 0 10px;
  border-right: 1px solid #999;
}
.mod-box-sitemap .sitemap-top .sitemap-aside li:first-child {
  border-left: 1px solid #999;
}

.wysiwyg h4 {
  margin-top: 35px;
}
.wysiwyg h5 {
  margin-top: 25px;
}
.wysiwyg h6 {
  margin-top: 15px;
}
.wysiwyg p {
  margin-top: 1em;
}
.wysiwyg ol {
  margin-top: 1em;
  counter-reset: li;
}
.wysiwyg ol li {
  position: relative;
  padding: 10px 25px;
  border-bottom: 1px solid #ccc;
}
.wysiwyg ol li:first-child {
  margin-top: 0;
  border-top: 1px solid #ccc;
}
.wysiwyg ol li:before {
  counter-increment: li;
  content: counter(li) ".";
  position: absolute;
  top: 10px;
  left: 0;
}
.wysiwyg ul {
  margin-top: 1em;
}
.wysiwyg table {
  margin-top: 1em;
  font-size: 100%;
}
.wysiwyg *:first-child {
  margin-top: 0;
}
.wysiwyg strong {
  font-weight: bold;
}
.wysiwyg em {
  font-style: italic;
}

.mceContentBody {
  padding: 15px 30px;
}

.js-print-off {
  display: none;
}

.js-print-off2 {
  display: none;
}

.js-hide .js-print-on {
  display: none;
}
.js-hide .js-print-off2 {
  display: table-caption;
}
.js-hide .js-print-off {
  display: block;
}

#header-nav						{ position: relative; zoom: 1; width: 460px !important; padding-right: 270px; color: #444; }
#header-nav .nav-english		{ position: absolute; top: 0; right: 101px; z-index: 2; width: 157px; text-align: center; }
#header-nav .nav-english p		{ height: 18px; padding: 1px 8px 3px 28px; background: #fff url("/en/images/i_english_alpha.gif") no-repeat 8px center; cursor: pointer; }
#header-nav .nav-english ul		{ display: none; border-bottom: 1px solid #ccc; }
#header-nav .nav-english ul li	{ margin-left: 0 !important; background: #fff; }
#header-nav .nav-english ul li a{ display: block; padding: 2px 8px !important; border-top: 1px solid #ccc; background: none !important; text-decoration: none; }
#header-nav .nav-access			{ position: absolute; top: 0; right: 0; }