body {
    margin: 0;
    padding: 0;
    font-family: Helvetica, 'メイリオ', Meiryo, 'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #000;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
}

img {
    height: auto;
}

p {
    margin: 0;
}

#main-box p {
    margin-bottom: 10px;
    line-height: 1.8;
}

hr {
    clear: both;
}

.clearfix {
    clear: both;
}

ol li {
    margin-bottom: 10px;
    margin-left: -10px;
}

.page-header {
    padding: 0;
    margin: 0;
    border: none;
}

.moduletable {
    margin-bottom: 0;
    padding: 0;
}


/*=======================================================================
  共通
=======================================================================*/

html {
    overflow: auto;
}

#wrap {
    overflow-x: hidden;
    position: relative;
    margin: 0 auto 0;
    padding: 0 0 0;
}


/* header
____________________________________________________________________ */


/*#header {
	background: url(../images/header_bg.png) repeat-x scroll 0 0 #fff;
}
*/

.header {
    line-height: 1;
}

#header .container {
    position: relative;
}

.navbar-default {
    background-color: transparent;
    border: none;
}

.navbar {
    border: 1px solid transparent;
    margin-bottom: 0;
    min-height: 50px;
    position: relative;
}


/* guide
_____________________________________________________________________ */

.lan {
    position: absolute;
    top: 0;
    left: 0;
    width: 192px;
    line-height: 1;
    z-index: 99;
}


/* search
_____________________________________________________________________ */

.search-box {
    position: absolute;
    top: 0;
    right: 202px;
    width: 190px;
    line-height: 1.4;
    z-index: 90;
}

.input-wrap {
    box-sizing: border-box;
    background-color: #e6e6e6;
    height: 30px;
    padding: 2px;
}

.input-wrap span.icon-search {
    margin: 5px 0 0 5px;
    color: #afafaf;
}

.input-wrap input.inputbox {
    border: none;
    background-color: #e6e6e6;
}

.navbar-header {
    position: relative;
}

#brand {
    float: none;
    margin: 20px auto 10px;
    padding-left: 0;
    padding-top: 0;
    width: 279px;
}

#brand img {
    width: 279px !important;
    padding: 0;
}


/*
.navbar-collapse {
	border-top: 2px solid #00468c !important;
	border-bottom: 2px solid #00468c !important;
	margin: 0 -250% !important;
	padding: 0 250% !important;
}
*/

.navigation {
    margin: 0 auto;
}

.breadcrumb {
    background-color: #fff;
    text-align: right;
    padding: 12px 15px;
}

.breadcrumb a {
    color: #0085c7;
}


/*=======================================================================
  side
=======================================================================*/


/* sidenav-c
____________________________________________________________________ */

ul.sidenav-c {
    margin: 10px 0;
    padding: 0;
    width: 100%;
    clear: both;
    list-style-type: none;
    border: #005ca0 4px solid;
    zoom: 1;
}

ul.sidenav-c:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}

ul.sidenav-c li {
    margin: 0;
    padding: 0;
    width: 50%;
    border: #005ca0 1px solid;
    float: left;
}

ul.sidenav-c li a {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
}

ul.sidenav-c li a:hover {
    background-color: transparent;
}


/* sidenav-b
____________________________________________________________________ */

ul.sidenav-b {
    margin: 10px 0 20px;
    padding: 0;
    width: 100%;
    clear: both;
    list-style-type: none;
}

ul.sidenav-b li {
    margin: 0 1% 5px 0;
    padding: 0;
    width: 48%;
    float: left;
}

ul.sidenav-b li a {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
}

ul.sidenav-b li a:hover {
    background-color: transparent;
}


/* menu-b1
____________________________________________________________________ */

ul.menu-b1 {
    margin: 0 0 25px;
    padding: 0;
    width: 100%;
    clear: both;
    border-right: #00468c 10px solid;
    border-bottom: #00468c 10px solid;
    border-left: #00468c 10px solid;
}

ul.menu-b1 li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-bottom: #00468c 1px dotted;
}

ul.menu-b1 li.deeper.parent.active ul li,
ul.menu-b1 li.deeper.parent.current ul li {
    border-bottom: 0;
}

ul.menu-b1 li a {
    margin: 0;
    padding: 12px 10px 12px 25px;
    color: #333;
    font-size: 14px;
    display: block;
    line-height: 1.4;
    position: relative;
    text-decoration: none;
    background: url(../images/ico_side01.png) no-repeat scroll 10px center #fff;
}

ul.menu-b1 li a:hover {
    background: url(../images/ico_side01.png) no-repeat scroll 10px center #e6e6e6;
    color: #333;
    text-decoration: underline;
}

ul.menu-b1 li img {
    margin-left: 8px;
}

ul.menu-b1 li.current>a {
  color: #00468c;
  font-weight: bold;
}
ul.menu-b1 li.active>a,
ul.menu-b1 li.current>a {
  background-color: #e6e6e6;
  font-weight:bold;
  color: #00468c;
}

ul.menu-b1 li.deeper.parent ul {
    display: none;
}

ul.menu-b1 li.deeper.parent.active ul,
ul.menu-b1 li.deeper.parent.current ul {
    display: block;
}

ul.menu-b1 li.deeper.parent.active ul li,
ul.menu-b1 li.deeper.parent.current ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

ul.menu-b1 li.deeper.parent.active ul li a,
ul.menu-b1 li.deeper.parent.current ul li a {
    margin: 0;
    padding: 6px 10px 6px 25px;
    color: #333;
    font-size: 13px;
    display: block;
    line-height: 1.4;
    position: relative;
    text-decoration: none;
    background: none;
}

ul.menu-b1 li.deeper.parent.active ul li a:hover,
ul.menu-b1 li.deeper.parent.current ul li a:hover {
    background: url(../images/ico_side01.png) no-repeat scroll 10px center #e6e6e6;
    color: #333;
    text-decoration: underline;
}

ul.menu-b1 li.deeper.parent.active ul li img,
ul.menu-b1 li.deeper.parent.current ul li img {
    margin-left: 8px;
}


/*=======================================================================
  bottom
=======================================================================*/

#bottom {
    padding: 20px 0;
    border-top: 2px solid #00468c;
}

#bottom .col-xs-6 {
    margin-bottom: 10px;
}


/*=======================================================================
  footer
=======================================================================*/

#footer {
    color: #333;
    background-color: #fff;
    min-height: 100px;
    padding: 0 0 20px 0;
	overflow: hidden;
}

#footer ul.infonav {
    color: #fff;
    background-color: #005ca0;
    text-align: center;
    margin: 0 -250% 20px!important;
    padding: 8px 250% !important;
}

#footer ul.infonav li {
    border-right: 1px solid #ccc;
    display: inline;
    list-style-type: none;
    margin: 0 3px 0 0;
    padding: 0 2px 0 0;
    text-decoration: none;
    font-size: 13px;
}

#footer ul.infonav li:first-child {
    border-left: 1px solid #ccc;
    padding-left: 2px;
}

#footer ul.infonav li a {
    color: #fff;
    text-decoration: none;
    display: inline;
}

#footer ul.infonav li a:hover {
    color: #3487c9;
    text-decoration: none;
}

#footer .f-logo img {
    width: 295px;
    margin-bottom: 15px;
}

#footer .copy {
    margin-bottom: 10px;
    color: #333;
    font-size: 11px;
    clear: both;
}

@media screen and (max-width:480px) {
    #brand {
        /* template css */
        float: left;
        margin: 50px auto 20px;
        padding-left: 50px;
    }
    #footer .address {
        text-align: left;
        margin: 0 auto;
        line-height: 1.2;
        display: inherit;
    }
    #footer .address p {
        display: inherit;
        vertical-align: middle;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .header--fixed {
        position: relative;
    }
    section {
        margin-top: auto;
        padding-top: inherit;
    }
    #container {
        padding-bottom: 30px;
    }
    .nav-justified>li>a {
        margin-bottom: 5px;
        text-align: left;
        border-bottom: solid 1px #333;
    }
    /* nav menu
_____________________________________________________________________ */
    ul.sp-gnav {
        margin: 0;
        overflow: hidden;
        padding: 0;
        width: 100%;
        background-color: #f2f2f2;
    }
    ul.sp-gnav li {
        list-style-type: none;
        margin: 0;
        padding: 0;
        border-top: #00468c 1px solid;
        width: 50%;
        display: inline-block;
        background-color: #f2f2f2;
        vertical-align: top;
    }
    ul.sp-gnav li a {
        position: relative;
        padding: 12px 16px 12px 10px;
        color: #222;
        display: block;
        font-weight: bold;
        line-height: 1.5;
        text-decoration: none;
    }
    ul.sp-gnav li a:after {
        display: block;
        position: absolute;
        top: 50%;
        right: 10px;
        width: 7px;
        height: 7px;
        margin-top: -4px;
        border-top: solid 2px #00468c;
        border-right: solid 2px #00468c;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
    }
    ul.sp-gnav li a:hover {
        background-color: #ccc;
        text-decoration: underline;
        color: #00468c;
    }
    /*=======================================================================
  home
=======================================================================*/
    #feature img {
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    #navigation {
        background-color: #fff;
    }
    /*fixed */
    .headroom--unpinned .navbar-collapse {
        position: fixed;
    }
    .headroom--unpinned {
        transform: translateY(-130px);
    }
    section {
        margin-top: auto;
        padding-top: 130px;
    }
    .container>.navbar-header {
        padding: 0;
    }
    .navbar-header {
        /* bootstrap css */
        float: none;
    }
    #brand {
        float: none;
        margin: 25px 0 10px;
        padding-left: 0;
        padding-top: 0;
        width: 450px;
    }
    #brand img {
        width: 450px !important;
        padding: 0;
    }
    .lan {
        position: absolute;
        top: 0;
        left: inherit;
        right: 0;
    }
    /* cat-home tmp */
    #cat-home header .navbar {
        background-color: #fff;
    }
    #breadcrumbs {
        text-align: right;
        display: inherit;
    }
    .breadcrumb {
        list-style: outside none none;
        margin-bottom: 0;
        background-color: transparent;
        font-size: 12px;
    }
    .breadcrumb a {
        color: #6293c9;
    }
    /* global nav
_____________________________________________________________________ */
    ul.globalnav {
        margin: 0 0 10px;
        padding: 0;
        width: 750px;
        zoom: 1;
    }
    ul.globalnav:after {
        height: 0;
        visibility: hidden;
        content: ".";
        display: block;
        clear: both;
    }
    ul.globalnav li {
        margin: 0;
        padding: 0;
        display: inline;
        float: left;
        list-style-type: none;
        width: 125px;
        line-height: 1;
    }
    ul.globalnav li.gnav02 {
        width: 86px;
    }
    ul.globalnav li.gnav03 {
        width: 98px;
    }
    ul.globalnav li.gnav04 {
        width: 102px;
    }
    ul.globalnav li.gnav05 {
        width: 162px;
    }
    ul.globalnav li.gnav06 {
        width: 97px;
    }
    ul.globalnav li.gnav07 {
        width: 80px;
    }
    ul.globalnav li a {
        display: block;
        background: transparent url(../images/gnav_bg750.png) no-repeat scroll 0 0;
    }
    ul.globalnav li.gnav01 a {
        background-position: 0 0;
    }
    ul.globalnav li.gnav02 a {
        background-position: -125px 0;
    }
    ul.globalnav li.gnav03 a {
        background-position: -211px 0;
    }
    ul.globalnav li.gnav04 a {
        background-position: -309px 0;
    }
    ul.globalnav li.gnav05 a {
        background-position: -411px 0;
    }
    ul.globalnav li.gnav06 a {
        background-position: -573px 0;
    }
    ul.globalnav li.gnav07 a {
        background-position: -670px 0;
    }
    ul.globalnav li a:hover {
        background-color: transparent;
    }
    ul.globalnav li a:hover img,
    #cat-admission ul.globalnav li.gnav01 a img,
    #cat-public ul.globalnav li.gnav02 a img, #cat-backing ul.globalnav li.gnav02 a img,
    #cat-student ul.globalnav li.gnav03 a img,
    #cat-researchers ul.globalnav li.gnav04 a img,
    #cat-community ul.globalnav li.gnav05 a img,
    #cat-graduate ul.globalnav li.gnav06 a img,
    #cat-staffonly ul.globalnav li.gnav07 a img {
        visibility: hidden;
    }
    h1.pagetitle {
        margin: 0;
        padding: 0;
        background: url(../images/pagetitle_bg02.png) no-repeat scroll 0 0 transparent;
        line-height: 1;
        color: #fff;
        height: 100px;
    }
    h1.pagetitle img {
        width: 250px
    }
    /*=======================================================================
  bottom
=======================================================================*/
    #bottom {
        padding: 20px 0;
        border-top: 2px solid #00468c;
    }
    #bottom .col-xs-6 {
        margin-bottom: 0;
    }
    #bottom .col-sm-2 {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 1000px;
    }
    #container.col-md-9 {
        width: 730px;
    }
    #sidebar-2.col-md-3 {
        width: 270px;
    }
    /*fixed */
    .headroom--unpinned .navbar-collapse {
        position: relative;
    }
    .headroom--unpinned {
        transform: translateY(-130px);
    }
    section {
        margin-top: auto;
        padding-top: 130px;
    }
    #brand {
        float: none;
        margin: 10px 0 20px;
        padding-left: 0;
        padding-top: 0;
        width: 450px;
    }
/* global nav
_____________________________________________________________________ */
    ul.globalnav {
        margin: 0 0 10px;
        padding: 0;
        width: 970px;
        zoom: 1;
    }
    ul.globalnav:after {
        height: 0;
        visibility: hidden;
        content: ".";
        display: block;
        clear: both;
    }
    ul.globalnav li {
        margin: 0;
        padding: 0;
        display: inline;
        float: left;
        list-style-type: none;
        width: 162px;
        line-height: 1;
    }
    ul.globalnav li.gnav02 {
        width: 111px;
    }
    ul.globalnav li.gnav03 {
        width: 126px;
    }
    ul.globalnav li.gnav04 {
        width: 133px;
    }
    ul.globalnav li.gnav05 {
        width: 209px;
    }
    ul.globalnav li.gnav06 {
        width: 126px;
    }
    ul.globalnav li.gnav07 {
        width: 103px;
    }
    ul.globalnav li a {
        display: block;
        background: transparent url(../images/gnav_bg.png) no-repeat scroll 0 0;
    }
    ul.globalnav li.gnav01 a {
        background-position: 0 0;
    }
    ul.globalnav li.gnav02 a {
        background-position: -162px 0;
    }
    ul.globalnav li.gnav03 a {
        background-position: -273px 0;
    }
    ul.globalnav li.gnav04 a {
        background-position: -399px 0;
    }
    ul.globalnav li.gnav05 a {
        background-position: -532px 0;
    }
    ul.globalnav li.gnav06 a {
        background-position: -741px 0;
    }
    ul.globalnav li.gnav07 a {
        background-position: -867px 0;
    }
    ul.globalnav li a:hover {
        background-color: transparent;
    }
    ul.globalnav li a:hover img,
    #cat-admission ul.globalnav li.gnav01 a img,
    #cat-public ul.globalnav li.gnav02 a img,
    #cat-student ul.globalnav li.gnav03 a img,
    #cat-researchers ul.globalnav li.gnav04 a img,
    #cat-community ul.globalnav li.gnav05 a img,
    #cat-graduate ul.globalnav li.gnav06 a img,
    #cat-staffonly ul.globalnav li.gnav07 a img {
        visibility: hidden;
    }
    #footer .copy {
        text-align: right;
    }
/*=======================================================================
  side
=======================================================================*/
/* sidenav-c
____________________________________________________________________ */
    ul.sidenav-c {
        margin: 10px 0;
        padding: 0;
        width: 240px;
        clear: both;
        list-style-type: none;
        border: #005ca0 5px solid;
        zoom: 1;
    }
    ul.sidenav-c:after {
        height: 0;
        visibility: hidden;
        content: ".";
        display: block;
        clear: both;
    }
    ul.sidenav-c li {
        margin: 0;
        padding: 0;
        width: 100%;
        border-bottom: #005ca0 1px solid;
        float: left;
    }
    ul.sidenav-c li a {
        margin: 0;
        padding: 0;
        display: block;
        position: relative;
        text-align: center;
    }
    ul.sidenav-c li a:hover {
        background-color: transparent;
    }
/* sidenav-b
____________________________________________________________________ */
    ul.sidenav-b {
        margin: 10px 0;
        padding: 0;
        width: 240px;
        clear: both;
        list-style-type: none;
    }
    ul.sidenav-b li {
        margin: 0 0 5px;
        padding: 0 0 10px;
        float: none;
        width: 240px;
    }
    ul.sidenav-b li a {
        margin: 0;
        padding: 0;
        display: block;
        position: relative;
    }
    ul.sidenav-b li a:hover {
        background-color: transparent;
    }
/* menu-b1
____________________________________________________________________ */
    ul.menu-b1 {
        margin: 0 0 25px;
        padding: 0;
        width: 240px;
        clear: both;
        border-right: #00468c 10px solid;
        border-bottom: #00468c 10px solid;
        border-left: #00468c 10px solid;
    }
    ul.menu-b1 li {
        list-style-type: none;
        margin: 0;
        padding: 0;
        border-bottom: #00468c 1px dotted;
    }
    ul.menu-b1 li.deeper.parent.active ul li,
    ul.menu-b1 li.deeper.parent.current ul li {
        border-bottom: 0;
    }
    ul.menu-b1 li a {
        margin: 0;
        padding: 12px 10px 12px 25px;
        color: #333;
        font-size: 14px;
        display: block;
        line-height: 1.4;
        position: relative;
        text-decoration: none;
        background: url(../images/ico_side01.png) no-repeat scroll 10px center #fff;
    }
    ul.menu-b1 li a:hover {
        background: url(../images/ico_side01.png) no-repeat scroll 10px center #e6e6e6;
        color: #333;
        text-decoration: underline;
    }
    ul.menu-b1 li.current>a {
        color: #00468c;
        font-weight: bold;
    }
    /* 半透明設定
_____________________________________________________________________ */
    a:hover img {
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1000px;
    }
}


/*=======================================================================
  main 
=======================================================================*/


/* h1
_____________________________________________________________________ */

#main h1 {
    background: #00468c;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 30px;
    padding: 10px 15px;
    line-height: 1.4;
    position: relative;
    clear: both;
}

#main h1:before {
    content: "";
    position: absolute;
    bottom: -23px;
    left: 5%;
    border: 12px solid transparent;
    border-top: 12px solid #00468c;
}

h2 {
    margin: 50px 0 20px;
    padding: 0 0 0 20px;
    color: #00468C;
    font-size: 18px;
    font-weight: bold;
    line-height: 2.78;
    height: 50px;
    background-color: #e6e6e6;
    border-left: 7px solid #00468C;
    overflow: hidden;
    clear: both;
}

#main-box h3 {
    margin: 40px 0 20px;
    padding: 6px 0 6px 40px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background: url(../images/tit02.png) no-repeat scroll 15px center #00468c;
    clear: both;
}

#main-box h3.outline {
    padding: 6px 0 6px 50px;
    background: url(../images/tit02a_bg.png) no-repeat scroll 0 center #00468c;
}

#main-box h3.theme {
    padding: 6px 0 6px 50px;
    background: url(../images/tit02b_bg.png) no-repeat scroll 0 center #00468c;
}

#main-box h3.staff {
    padding: 6px 0 6px 50px;
    background: url(../images/tit02c_bg.png) no-repeat scroll 0 center #00468c;
}

#main-box h3.perf {
    padding: 6px 0 6px 50px;
    background: url(../images/tit02d_bg.png) no-repeat scroll 0 center #00468c;
}

.categories-listcat-field h3.page-header,
.blogcat-field h3.page-header {
    background-color: #fff;
    border: 2px solid #ccc;
    margin: 0 0 20px;
    padding: 4px 20px;
}

.box-line2 h3 {
    margin: 0 0 10px;
}

#sidebar-2 h3 {
    margin: 0;
    padding: 16px 4px;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    background-color: #00468c;
    clear: both;
}

h4 {
    margin: 30px 0 10px;
    padding: 4px 0 2px 25px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    clear: both;
    background: url(../images/tit01.png) no-repeat scroll 0 0.5em transparent;
}

.well h4 {
    margin: 0;
    padding: 4px 0 2px 25px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    clear: both;
    background: url(../images/tit01.png) no-repeat scroll 0 0.5em transparent;
}

.box-line h4,
.box-g h4 {
    margin: 0 0 10px 0;
    padding: 0;
    background-image: none;
    font-size: 20px;
    font-weight: normal;
}

.box-line2 h4 {
    margin: 0 0 10px 0;
    padding: 0;
    background-image: none;
    font-size: 20px;
    color: #00468c;
}

h5 {
    margin: 30px 0 10px;
    color: #00468c;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
}

#cat-field h5 {
    margin-top: 0;
}


/* font
_____________________________________________________________________ */

.red-b {
    color: #e53828;
    font-weight: bold;
}

.blue-b {
    color: #00468c;
    font-weight: bold;
}

.green-b {
    color: #8cc63f;
    font-weight: bold;
}

.pink-b {
    color: #fd75a7;
    font-weight: bold;
}

.telno,
.tel {
    font-size: 20px;
    font-weight: bold;
    color: #00468c;
}


/* layout
_____________________________________________________________________ */

.clear {
    clear: both;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.vatop {
    vertical-align: top;
}

.thumbs_left {
    float: left;
    margin: 0 20px 30px 0;
}

.thumbs_right {
    float: right;
    margin: 0 0 30px 20px;
}


/* list
_____________________________________________________________________ */

ul.list-ico {
    margin: 0;
    padding: 0;
    list-style: none outside none;
}

ul.list-ico li {
    margin: 0 0 5px;
    padding: 2px 0 2px 18px;
    background: url(../images/ico_circle1.gif) no-repeat scroll 0 0.4em transparent;
    min-height: 1em;
}


/* more
_____________________________________________________________________ */

.more {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none outside none;
}

.more a {
    margin: 0 0 5px;
    padding: 4px 0 4px 10px;
    background: url(../images/ico_mnav01.png) no-repeat scroll 0 center transparent;
    line-height: 1.6;
    min-height: 1em;
}

ul.more li {
    padding: 0 0 10px 0;
}

ul.more,
ul.more-4c {
    position: relative;
    margin: 0 0 30px;
    padding: 10px 0 0;
    width: 100%;
    zoom: 1;
}

ul.more {
    margin: 0 0 10px;
}

.well ul.more {
    margin: 0 0 0 20px;
}

ul.more:after,
ul.more-4c:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}

ul.more-4c li {
    margin: 0;
    padding: 0 1% 10px 0;
    font-size: 14px;
    list-style-type: none;
    float: left;
    display: inline;
    width: 24%;
}

ul.more li {
    display: block;
    width: auto;
    float: left;
    margin-right: 5px;
    padding: 0 10px 5px 0;
}

ul.more li a,
ul.more-4c li a {
    margin: 0 0 2px;
    padding: 4px 10px 4px 10px;
    color: #00468c;
    display: block;
    line-height: 1.6;
    background: url(../images/ico_mnav01.png) no-repeat scroll 0 center transparent;
}

ul.more li a:hover,
ul.more-4c li a:hover {
    color: #0078c8;
    background-color: #efefef;
}


/* more2
_____________________________________________________________________ */

.more2 {
    margin: 20px 0 30px;
    padding: 0;
    list-style: none outside none;
    display: block;
    clear: both;
}

.more2 a {
    padding: 13px 20px 13px 32px;
    background-color: #6690ba;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.more2 a:hover {
    background-color: #3e6e96;
}


/* clear
_____________________________________________________________________ */

.box-line2:before,
.box-line2:after,
.box-line:before,
.box-line:after,
.box-g:before,
.box-g:after {
    display: table;
    content: " ";
}

.box-line2:after,
.box-line:after,
.box-g:after {
    clear: both;
}


/* box
_____________________________________________________________________ */

.box-line {
    margin: 10px 0 30px;
    padding: 20px;
    border: 1px solid #00468c;
    border-radius: 6px;
}

.box-line2 {
    padding: 20px;
    margin-bottom: 20px;
    border: 2px solid #00468c;
}

#main-box .box-line2 p,
#main-box .box-line p {
    margin-bottom: 0;
    line-height: 1.8;
}

.box-line2 ul.mnav-3c {
    margin-bottom: 0;
}

.box-line2 ol,
.box-line ol {
    margin: 0;
}

.box-line2 ol li {
    margin-bottom: 1px;
}

.box-line2 ol li:last-child,
.box-line ol li:last-child {
    margin-bottom: 0;
}

.box-g {
    margin: 10px 0 30px;
    padding: 20px;
    border-radius: 6px;
    background-color: #e5ecf3;
}


/* table ta-type1
_____________________________________________________________________ */

table.ta-type1 {
    margin: 5px 0 20px 0;
    border-collapse: collapse;
    border: 2px solid #00468c;
    width: 100%;
}

table.ta-type1 th {
    padding: 8px;
    color: #000;
    background-color: #e5ecf3;
    border-bottom: 2px solid #00468c;
    border-right: 2px solid #00468c;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
}

#cat-field table.ta-type1 {
    border-right: none;
    border-left: none;
}

#cat-field table.ta-type1 th {
    border-right: none;
}

table.ta-type1 td {
    padding: 8px;
    border: 2px solid #00468c;
    vertical-align: top;
}

#cat-field table.ta-type1 td {
    padding: 8px;
    border-bottom: 1px solid #00468c;
    border-right: none;
    border-left: none;
    vertical-align: top;
}


/* table ta-line
_____________________________________________________________________ */

table.ta-line {
    margin: 5px 0 10px 0;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    width: 100%;
}

table.ta-line-f {
    margin: 5px 0 10px 0;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

table.ta-line th,
table.ta-line td,
table.ta-line-f th,
table.ta-line-f td {
    padding: 8px 10px 8px 10px;
    border-top: solid 1px #00468c;
    border-bottom: solid 1px #00468c;
    vertical-align: top;
}

table.ta-line th,
table.ta-line-f th {
    background-color: #f4f4f4;
    font-weight: bold;
    color: #000;
}


/* narrow */

table.narrow th,
table.narrow td {
    padding: 0;
    font-size: 13px;
}

table.narrow th {
    padding: 3px 5px;
    text-align: center;
}

table.narrow th a {
    color: #444;
    text-decoration: underline;
}

table.narrow th a:hover {
    background-color: #444;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    text-decoration: underline;
}

table.narrow td a {
    color: #19448e;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 3px 5px;
    position: relative;
}

table.narrow td a:hover {
    display: block;
    background-color: #19448e;
    color: #fff;
    text-decoration: none;
    z-index: 10;
}


/* mnav
_____________________________________________________________________ */

ul.mnav,
ul.mnav-2c,
ul.mnav-3c {
    position: relative;
    margin: 0 0 30px;
    padding: 10px 0 0;
    width: 100%;
    zoom: 1;
}

ul.mnav:after,
ul.mnav-2c:after,
ul.mnav-3c:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}

ul.mnav li,
ul.mnav-2c li,
ul.mnav-3c li {
    margin: 0;
    padding: 0 1% 10px 0;
    font-size: 14px;
    list-style-type: none;
    float: left;
    display: inline;
}

ul.mnav-2c li {
    width: 49%;
}

ul.mnav-3c li {
    width: 32%;
}

ul.mnav li a,
ul.mnav-2c li a,
ul.mnav-3c li a {
    margin: 0 0 2px;
    padding: 8px 10px 8px 25px;
    color: #00468c;
    border: 1px solid #00468c;
    border-radius: 20px;
    display: block;
    line-height: 1.3;
    background: url(../images/ico_mnav01.png) no-repeat scroll 15px center transparent;
}

#cat-field ul.mnav li {
    width: 25%;
}

#cat-field ul.mnav li a {
    padding: 4px 0 4px 10px;
    border: none;
    background: url(../images/ico_mnav02.png) no-repeat scroll 0 center transparent;
}

ul.mnav li a:hover,
ul.mnav-2c li a:hover,
ul.mnav-3c li a:hover {
    color: #0078c8;
    background-color: #e6e6e6;
}


/*=======================================================================
  listnews
=======================================================================*/

ul.listnews {
    margin: 0;
    padding: 0;
    list-style: none outside none;
    background-color: #fff;
}

ul.listnews li {
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #0078c8;
    list-style-type: none;
    text-align: left;
    text-decoration: none;
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.listnews li p.items-text {
    margin: 0;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 0 2px 0;
}

ul.listnews li a {
    margin: 0;
    line-height: 1.7;
    display: block;
    position: relative;
    color: #333;
    background-color: transparent;
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.listnews li a:visited {
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

ul.listnews li a:hover {
    background-color: #f2f2f2;
    color: #583c32;
}

ul.listnews li .postdate {
    padding: 0 15px 0 0;
    color: #007ce9;
}

ul.listnews li img {
    margin: 0;
    padding: 0 0 2px 0;
    vertical-align: middle;
}

@media print {
    /* 校正印刷用 */
    section {
        padding-top: 0;
    }
    #cat-field .container #main article {
        height: 251mm;
        page-break-after: always;
        position: relative;
    }
    #cat-field .container #main article div.page-header:before {
        position: absolute;
        right: 0;
        top: -20px;
        content: "Print CSS";
    }
    header#header,
    #breadcrumbs,
    .infonav,
    .back-to-top,
    #sidebar-2,
    #bottom {
        display: none;
    }
    #main h1::before {
        border: none;
    }
    h1 {
        border-bottom: 2px solid #333;
    }
}


/* Search Results */

#filter-search {
    vertical-align: top;
}

.search-box span.highlight {
    background-color: #FFFFCC;
    font-weight: bold;
    padding: 1px 4px;
}