body {background-color:#f9f9f9;}

#main * {
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#GlobalNav ul li a {border-bottom: 1px solid #f9f9f9;}

@media only screen and (max-device-width: 767px){
#GlobalNav ul li a {border: 0;}
}

header#globalHeader {border-bottom: 1px solid #eee;}

.localNav .list a {border-bottom: 1px solid #999;}

#main {padding:0px 0 50px;}
#main #mainContent {width: 940px; margin:0 auto;}
#mainContent header {margin-bottom:50px; text-align: center;}
#mainContent header h1 {text-align: center; margin: 0 0 30px; padding-top: 30px; float: none;}
#mainContent header h1 img {height: 28px;}

@media only screen and (max-device-width: 768px){
#main #mainContent {width: auto; padding: 0 15px;}
}

.lead p {line-height: 1.65; font-size: 13px;}
.lead q,
.lead cite {font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; font-style: normal;}
#main h1 .subTitle {font-size:16px; line-height:1.5;}
#main h2 {font-size:20px; line-height:1.5; margin: 0 0 10px 0}
#main h3 {font-size:13px; font-weight: bold;}
#main li {list-style:none;}
#main:after {content: ""; display: block; clear: both;}

#main .column {width: 960px; height: auto; padding-bottom:50px; background-color:#f9f9f9;}

@media only screen and (max-device-width: 768px){
#mainContent header .lead {text-align: left;}
.lead br {display: none;}
.lead q,
.lead cite {font-weight: bold;}
#main .column {width: auto; padding-bottom: 20px;}
}

#categorySelect {border-bottom: 1px solid #ddd; margin-bottom: 50px; text-align: center;}
ul#filters {margin:0 auto 30px; padding:0; display: flex; flex-wrap: wrap; justify-content: center;}
ul#filters li {float:left; padding:8px; cursor:pointer; border-right: dotted 1px #ccc; font-size: 16px;}
/*html[lang="en"] ul#filters li {font-size: 12px;}*/
ul#filters li:last-child {border-right:none;}
ul#filters li:hover {transition-property: all; transition: 0.3s linear; background-color: #eee;}
ul#filters li.current {border-bottom: none; background-color: #eee;}
ul#filters li:after {content: ""; display: block; clear: both;}

.category_tab {margin:0; padding:0 15px 15px 15px; text-align: right;}
.category_tab h3 {font-size:12px; margin:0; padding:0;}
.category_tab ul {font-size:11.5px; margin:0; padding:0; color: #666;}
.category_tab ul li {cursor:pointer;}

#main .column .col {width:300px; height:auto; margin:0 18px 18px 0; float:left;  background-color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:rgba(190, 192, 194, 0.20) 1px 2px 2px 1px;
-webkit-box-shadow:rgba(190, 192, 194, 0.20) 1px 2px 2px 1px;
-moz-box-shadow:rgba(190, 192, 194, 0.20) 1px 2px 2px 1px;
box-sizing: border-box;
}
.no-boxshadow #main .column .col {border: 1px solid #ccc;}

@media only screen and (max-device-width: 768px){
#main .column .col {width: 31%; margin: 0 1% 2%;}
}
@media only screen and (max-device-width: 767px){
#mainContent header {margin-bottom:30px;}
#main .column .col {width: auto; margin: 0 0 15px;}
/*ul#filters,
.category_tab {display: none;}*/
ul#filters li {width:50%; border-bottom:dotted 1px #ccc; font-size:12px;}
ul#filters li:nth-of-type(2),
ul#filters li:nth-of-type(4) {border-right:none;}
ul#filters li:nth-of-type(5),
ul#filters li:nth-of-type(6) {border-bottom:none;}
}
#main .column .col img {
width:100%;
border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
}
#main .column .col a {text-decoration:none;}
#main .column .col a figure {margin:0; padding:0;}
#main .column .col a .caption {margin:0; padding:15px; line-height:1.5;}
#main .column .col a .caption h2.title {margin:0 0 10px; padding:0; font-size:20px;}
#main .column .col a .captionBody {margin:0; padding:0; font-size:13px; color: #666; line-height: 1.9;}
#main .column .col a .captionBody section {border-radius: 5px; padding: 10px; border: 1px solid #ddd; margin: 1em 0;}
#main .column .col a .captionBody section h3:first-child {margin-top: 0;}
#main .column .col a .captionBody section p:last-child {margin-bottom: 0;}
#main .column .col a .captionBody aside {border-radius: 5px; padding: 10px; border: 1px solid #ddd; font-size: 11.5px;}
#main .column .col a .captionBody ul {padding-left: 1.5em;}
#main .column .col a .captionBody aside ul {padding-left: 0;}
#main .column .col a .captionBody li {list-style: disc; margin: 0 0 1em; padding: 0;}
#main .column .col a .captionBody li:last-child {margin-bottom: 0;}
#main .column .col a .captionBody li li {list-style: none;}
#main .column .col a .captionBody .url {word-break: break-word; display: block;}

#main .column .col table {width:100%; font-size: 11.5px;}
#main .column .col table th, table td {border: 1px solid #ddd; padding: 2px;}
#main .column .col table th.period, table td.period {white-space:nowrap; text-align:center;}

#main .column:after {content: ""; display: block; clear: both;}

.readMore {font-size: 11px; text-decoration: underline; display: inline-block;}
#main .column .col a:hover .readMore {color: #7f0019;}