.primary {
font-size: 1.4em;
line-height: 150%;
}
#container {
background-image: url(../images/bk_bak12.png);
background-repeat: repeat;
}
.box4 {
float: right
}
.box5 {
float: left
}
img.topvisual {
height: 110px;
width: 300px!important;
}
#csssubmenu > ul {
line-height: 1;
list-style: none;
margin: 0;
padding: 0;
vertical-align: baseline;
z-index: 999;
}
#csssubmenu > ul {
display: block;
position: relative;
width: 300px;
}
#csssubmenu > ul li {
display: block;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
#csssubmenu > ul li a {
background-color: #022131;
border-bottom: 1px dotted #666;
border-top: 1px dotted #3a3a3a;
color: #d8d8d8;
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 300;
margin: 0;
padding: 11px 20px;
position: relative;
text-decoration: none;
text-shadow: 0 1px 1px #000;/*	text-transform: uppercase;*/
}
#csssubmenu > ul li:first-child > a {
border-top: 0
}
#csssubmenu > ul li:last-child > a {
border-bottom: 0
}
#csssubmenu > ul li > a:hover, #csssubmenu > ul li:hover > a {
background-color: #de3d00;
border-color: transparent;
color: #ffffff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.pony #csssubmenu > ul li > a:hover, .pony #csssubmenu > ul li:hover > a {
background-color: #ffb700;
border-color: transparent;
color: #000000;
}
#csssubmenu > ul .has-sub > a::after {
border: 4px solid transparent;
border-left: 4px solid #d8d8d8;
content: '';
height: 0px;
position: absolute;
right: 10px;
top: 14px;
width: 0px;
}
#csssubmenu > ul .has-sub > a::before {
border: 4px solid transparent;
border-left: 4px solid #000;
content: '';
height: 0px;
position: absolute;
right: 10px;
top: 15px;
width: 0px;
}
#csssubmenu > ul .has-sub {
cursor: default;
}
#csssubmenu > ul li > a:hover::after, #csssubmenu > ul li:hover > a::after {
border-left: 4px solid #ffffff
}
#csssubmenu > ul li > a:hover::before, #csssubmenu > ul li:hover > a::before {
border-left: 4px solid rgba(0, 0, 0, 0.3)
}
#csssubmenu > ul ul {
left: 100%;
moz-transition: opacity 0.3s ease-in;
opacity: 0;
padding-left: 5px;
position: absolute;
top: -9999px;
transition: opacity 0.3s ease-in;
webkit-transition: opacity 0.3s ease-in;
width: 300px;
}
#csssubmenu > ul li:hover > ul {
opacity: 1;
top: 0px;
}
/*#csssubmenu > ul.pony {
	margin-top: 10px
}*/
/*#csssubmenu > ul.pony a {

}*/
#csssubmenu > li.pony {
margin-top: 10px;
}
#csssubmenu > ul li.pony a {
background: linear-gradient(#ffd500, #ffb700) !important;
background: -moz-linear-gradient( top, #ffd500 0%, #f7f720 0%, #ffb700) !important;
background: -webkit-gradient( linear, left top, left bottom, from(#ffd500), color-stop(0.0, #f7f720), to(#ffb700)) !important;
background-color: #ffdf3f !important;
border: 0px solid #ffd500;
color: #000000!important;
text-shadow: 0 0 0 rgba(0, 0, 0, 0.3);/*	text-shadow: 0px 0px 0px rgba(000,000,000,1), 0px 0px 0px rgba(255,255,255,0.2);*/
}
#csssubmenu > ul li.pony > a:hover, #csssubmenu > ul li.pony:hover > a {
background: linear-gradient(#ffd500, #ffb700) !important;
background: -moz-linear-gradient( top, #ffd500 0%, #f7f720 0%, #ffb700) !important;
background: -webkit-gradient( linear, left top, left bottom, from(#ffd500), color-stop(0.0, #f7f720), to(#ffb700)) !important;
background-color: #ffb700 !important;
border-color: transparent;
color: #000000!important;
text-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
}
/*#csssubmenu > ul li.blog {
	margin-top: 10px
}
#csssubmenu > ul li.blog a {
	background-color: #003366 !important;

	color: #ffffff;
	padding: 10px 20px;
	text-shadow: 0px -1px 0px rgba(000,000,000,0.7), 0px 1px 0px rgba(255,255,255,0.3);
}
#csssubmenu > ul li.blog > a:hover,  #csssubmenu > ul li.blog:hover > a {

	background-color: #003366 !important;
	border-bottom: 1px dotted #666;
	color: #ffffff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	border-left: 0px solid #003366;
	border-right: 0px solid #003366;
	border-bottom: 0px solid #000C19;
	border-top: 0px solid #003366;
}
.pony #csssubmenu > ul li.blog  > a:hover,  #csssubmenu > ul li.blog :hover > a {
	background-color: #003366 !important;
	border-bottom: 1px dotted #666;
	color: #ffffff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	border-left: 0px solid #003366;
	border-right: 0px solid #003366;
	border-bottom: 0px solid #000C19;
	border-top: 0px solid #003366;

}*/
#csssubmenu > ul li.yoshiki {
margin-top: 10px
}
#csssubmenu .image {
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
padding: 0px;
width: 300px;
}
#csssubmenu .image {
background: initial !important;
background-color: initial !important;
}
#csssubmenu .image li, #csssubmenu .image li >a:hover {
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-style: none;
margin: 0px;
padding: 0px;
background: initial;
background-color: initial;
}
#csssubmenu .image li a img {
width: 300px
}
#csssubmenu .image li > a:hover {
background-image: none!important;
background-color: none!important;
border-color: initial;
color: initial;
text-shadow: initial;
}
#csssubmenu .image li a {
margin: 0px;
padding: 0px;
}
.event #page-wrap #tab-one .list-wrap #tab1 li img {
height: 60px;
width: 100px;
}
.col.span_4.box5 aside p {
margin: 0px;
padding: 0px;
}
.flexslider .flex-caption {
background-color: rgb(0, 0, 0);
color: white;
float: left;
font-size: 1.1em;
line-height: 150%;
height: 30px !important;
left: 0px !important;
margin: 0px;
opacity: 0.7;
filter: alpha(opacity=60); /* IE lt 8 */
-ms-filter: "alpha(opacity=60)"; /* IE 8 */
-khtml-opacity: .60; /* Safari 1.x */
-moz-opacity: .60; /* FF lt 1.5, Netscape */
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
padding-top: 16px;
position: absolute;
top: 273px !important;
width: 580px !important;
}
.uma .col.span_4.box5 aside h1 {
background: -moz-linear-gradient(top, #FF7D00 0%, #BF0000);
background: -webkit-gradient(linear, left top, left bottom, from(#FF7D00), to(#BF0000));
background-color: #DE3D00;
color: #fff;
font-size: 16px;
margin: 0px;
padding: 10px;
text-align: center;
text-shadow: 0px 0px 0px #000;
}
.pony .col.span_4.box5 aside h1 {
background: -moz-linear-gradient( top, #ffd500 0%, #f7f720 0%, #ffb700) !important;
background: -webkit-gradient( linear, left top, left bottom, from(#ffd500), color-stop(0.0, #f7f720), to(#ffb700)) !important;
background-color: #ffb700 !important;
border: 0px solid #ffd500;
color: #000000;
text-shadow: 0px 0px 0px rgba(000,000,000,1), 0px 0px 0px rgba(255,255,255,0.2);
font-size: 16px;
margin: 0px;
padding: 10px;
text-align: center;
text-shadow: 0px 0px 0px #000;
}
#bgd {
/*	margin-bottom:20px;*/
}
#bgd:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
{
}
article .guide, article .publications, article .information, article .event_information, article .topic, article .news, article .topix, article .topics, article .event, article .pony {
background-color: #FFF;
border-radius: 2px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
moz-border-radius: 2px;
padding: 10px;
webkit-border-radius: 2px;
}
article section h1 {
background: -moz-linear-gradient(top, #FF7D00 0%, #BF0000);
background: -webkit-gradient(linear, left top, left bottom, from(#FF7D00), to(#BF0000));
background-color: #DE3D00;
color: #fff;
font-size: 105%;
margin: 0px;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 0.5em;
padding-top: 0.5em;
text-align: center;
}
/*.pony article section h1 {
	background: -moz-linear-gradient( top, #ffd500 0%, #f7f720 0%, #ffb700) !important;
	background: -webkit-gradient( linear, left top, left bottom, from(#ffd500), color-stop(0.0, #f7f720), to(#ffb700)) !important;
	background-color: #ffb700 !important;
	border: 0px solid #ffd500;
	color: #000000;
	text-shadow: 0px 0px 0px rgba(000,000,000,1), 0px 0px 0px rgba(255,255,255,0.2);
	font-size: 105%;
	margin: 0px;
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 0.5em;
	padding-top: 0.5em;
	text-align: center;
} 
*/
article section h1 strong {
font-size: 140%;
margin: 0px;
padding-bottom: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
padding-top: 0.5em;
text-align: center;
}
article section h1 .small {
font-size: 110%;
margin: 0px;
padding-bottom: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
padding-top: 0.5em;
text-align: center;
}
.ponynews .topic h1 {
background: linear-gradient(#ffd500, #a67003);
background: -moz-linear-gradient( top, #ffd500 0%, #f7f720 0%, #a67003);
background: -webkit-gradient( linear, left top, left bottom, from(#a67003), color-stop(0.0, #f7f720), to(#a67003));
background-color: #a67003;
font-size: 105%;
color: #000;
margin: 0px;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 0.5em;
padding-top: 0.5em;
text-align: center;
text-shadow: 0px 0px 0px rgba(000,000,000,1), 0px 0px 0px rgba(255,255,255,0.2);
}
.ponynews .topic h1 {
background-image: url(../images/h1_top_uma_y_600.png);
background-position: center top;
background-repeat: no-repeat;
padding-top: 30px;
}
.ponynews .topic section h2 {
color: #DE3D00;
font-size: 110%;
font-weight: bold;
margin-bottom: 5px;
margin-top: 10px;
text-align: center;
}
.pony .topic section .date, .ponynews .topic section .date {
color: #666;
display: block;
font-size: 90%;
text-align: right;
}
.topic section {
margin: 0 1em;
text-align: left;
}
.topic section .content {
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px!important;
}
.topic section .content p {
overflow: hidden
}
.information .topic h1 {
background-color: #a67003;
color: #fff;
font-size: 110%;
margin: 0px;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 0.5em;
padding-top: 0.5em;
text-align: center;
}
.information .topic h1 {
background-image: url(../images/topic_h1.jpg);
background-position: center top;
background-repeat: no-repeat;
padding-top: 30px;
padding-bottom: 20px;
text-shadow: 1px 1px 2px #4F5104;
}
.event_information .topic h1 {
background: -moz-linear-gradient(top, #009DD7 0%, #2C2C5B);
background: -webkit-gradient(linear, left top, left bottom, from(#009DD7), to(#2C2C5B));
background-color: #0E618E;
color: #fff;
font-size: 105%;
padding-left: 0.2em;
padding-right: 0.2em;
padding-top: 0.5em;
text-align: center;
line-height: 190%;
max-height: 110px;
}
.event_information .topic h1 {
background: -moz-linear-gradient(top, #d14514 0%, #611402);
background: -webkit-gradient(linear, left top, left bottom, from(#d14514), to(#611402));
background-color: #611402;
background-image: url(../images/event_h1.jpg);
background-position: center top;
background-repeat: no-repeat;
padding-top: 20px;
padding-bottom: 20px;
text-shadow: 1px 1px 2px #191717;
font-weight: bold;
min-height: 40px;
}
.information .topic section h2 {
color: #0E618E;
font-size: 120%;
font-weight: bold;
margin-bottom: 1em;
margin-top: 20px;
text-align: center;
}
.event_information .topic section h3 {
background: -moz-linear-gradient(top, #FFF 0%, #FFF);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
background-color: #FFF;
border-left-color: #0E618E;
border-left-style: solid;
border-left-width: 0.4em;
color: #0E618E;
margin-bottom: 0.5em;
margin-left: 0.2em;
margin-right: 0.3em;
margin-top: 1em;
padding-bottom: 0em;
padding-left: 0.4em;
padding-right: 0em;
padding-top: 0em;
text-align: left;
font-size: 110%;
clear: both;
}
.information .topic section h3 {
background: -moz-linear-gradient(top, #FFF 0%, #FFF);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
background-color: #FFF;
border-left-color: #0E618E;
border-left-style: solid;
border-left-width: 0.4em;
color: #0E618E;
margin-bottom: 0.5em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-top: 0.5em;
padding-bottom: 0em;
padding-left: 0.4em;
padding-right: 0em;
padding-top: 0em;
text-align: left;
}
.topic section .period {
color: #036;
display: block;
font-size: 90%;
margin-left: 1px;
text-align: left;
}
.listimage_v li span {
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 2px;
text-align: center;
}
.event_information .topic section .date {
color: #666;
display: block;
font-size: 90%;
text-align: right;
}
.information .topic section .date {
color: #666;
display: block;
font-size: 90%;
text-align: right;
}
/*.information section {
	margin: 0 1em
}*/
.information section .content {
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
}
.information section .content p {
overflow: hidden;
color: #000000;
}
/*.event_information section {
	margin: 0 1em
}*/
.event_information section .content {
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
}
.event_information section .content p {
overflow: hidden
}
.publications .topic h1 {
background: -moz-linear-gradient(top, #e6f0a3 0%, #d2e638 49%, #c3d825 100%, #dbf043 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6f0a3), color-stop(49%, #d2e638), color-stop(100%, #c3d825), color-stop(100%, #dbf043));
background-color: #e6f0a3;
color: #FFFFFF;
font-size: 105%;
margin: 0px;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 0.5em;
padding-top: 0.5em;
text-align: center;
}
.publications .topic h1 {
background-image: url(../images/publications_h1.jpg);
background-position: center top;
background-repeat: no-repeat;
padding-top: 40px;
padding-bottom: 10px;
font-weight: bold;
}
.publications .topic section h2 {
color: #0E618E;
font-size: 110%;
font-weight: bold;
margin-bottom: 5px;
margin-top: 10px;
text-align: center;
}
.publications .topic section h3 {
background: -moz-linear-gradient(top, #FFF 0%, #FFF);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
background-color: #FFF;
border-left-color: #0E618E;
border-left-style: solid;
border-left-width: 0.4em;
color: #0E618E;
margin-bottom: 0.5em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-top: 1em;
padding-bottom: 0em;
padding-left: 0.4em;
padding-right: 0em;
padding-top: 0em;
text-align: left;
}
.topic section .period {
color: #036;
display: block;
font-size: 90%;
margin-left: 1px;
text-align: left;
}
.listimage_v li span {
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 2px;
text-align: center;
}
.publications .topic section .date {
color: #666;
display: block;
font-size: 90%;
text-align: right;
}
/*.publications section {
	margin: 0 1em
}*/
.publications section .content {
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
}
.publications section .content p {
overflow: hidden
}
.publications table {
border-collapse: separate;
border-left: 1px solid #ccc;
border-spacing: 0px;
border-top: 1px solid #ccc;
width: 100%;
}
.publications table th {
background-color: #e6f0a3;
border-bottom: 1px solid #ccc;
border-left: 1px solid #fff;
border-right: 1px solid #ccc;
border-top: 1px solid #fff;
color: #444;
padding: 4px;
text-align: center;
vertical-align: top;
white-space: nowrap;
}
.publications table td {
background-color: #fafafa;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding-bottom: 0.25em;
padding-left: 0.2em;
padding-right: 0.5em;
padding-top: 0.2em;
vertical-align: middle;
white-space: nowrap;
}
.publications table td.right {
text-align: right
}
.publications table td.center {
background-color: #fafafa;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 4px;
text-align: center;
}
.publications table td img {
float: left;
margin-right: 10px;
}
.publications table tr td> table {
border: none;
border-collapse: separate;
border-spacing: 0px;
width: 100%;
}
.publications table tr td > table.syuppan td {
border: none;
padding: 0px;
vertical-align: middle;
}
.publications .topic section .content table tr td p {
display: table;
margin: 0px;
}
.publications .topic section .content table tr td b {
display: block;
font-size: 95%;
font-weight: bold;
text-align: right;
}
.publications .topic section .content table tr td strong {
display: block;
font-size: 100%;
font-weight: bold;
text-align: left;
}
.publications .topic section .content table tr td span {
display: block;
font-size: 90%;
font-weight: normal;
text-align: left;
}
.publications .topic section .content table tr td em {
display: block;
font-size: 90%;
font-style: normal;
font-weight: normal;
text-align: left;
text-transform: none;
}
.publications .topic section .content .listimage li {
margin-left: 6px
}
.guide .topic h1 {
background: -moz-linear-gradient(top, #009DD7 0%, #2C2C5B);
background: -webkit-gradient(linear, left top, left bottom, from(#009DD7), to(#2C2C5B));
background-color: #0E618E;
color: #fff;
font-size: 105%;
margin: 0px;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 0.5em;
padding-top: 0.5em;
text-align: center;
}
.guide .topic h1 {
background-image: url(../images/h1_top_uma_600.png);
background-position: center top;
background-repeat: no-repeat;
padding-top: 30px;
}
.guide .topic .content h2 {
color: #0E618E;
font-size: 110%;
font-weight: bold;
margin-bottom: 5px;
margin-top: 10px;
text-align: center;
text-align: left;
}
.guide .topic .content h3 {
background: -moz-linear-gradient(top, #FFF 0%, #FFF);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
background-color: #FFF;
color: #0E618E;
margin-bottom: 0.5em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-top: 1em;
padding-bottom: 0em;
padding-left: 0.4em;
padding-right: 0em;
padding-top: 0em;
font-size: 110%;
text-align: left;
}
.guide .topic .content h4 {
background: -moz-linear-gradient(top, #FFF 0%, #FFF);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
background-color: #FFF;
color: #0E618E;
font-size: 90%;
font-weight: bold;
margin-bottom: 0.5em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-top: 1em;
padding-bottom: 0em;
padding-left: 0.4em;
padding-right: 0em;
padding-top: 0em;
text-align: left;
}
.guideance .topic > h1 {
background: -moz-linear-gradient(top, #009DD7 0%, #2C2C5B);
background: -webkit-gradient(linear, left top, left bottom, from(#009DD7), to(#2C2C5B));
background-color: #0E618E;
color: #fff;
font-size: 130%;
margin: 0px;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 0.5em;
padding-top: 0.5em;
text-align: center;
}
.guideance .topic > h1 {
background-image: url(../images/publications_h1.jpg);
background-position: center top;
background-repeat: no-repeat;
padding-top: 40px;
padding-bottom: 10px;
text-shadow: 1px 1px #0E618E;
font-weight: bold;
}
.guideance .topic .content h2 {
border-left-color: #0E618E;
border-left-style: solid;
border-left-width: 0.4em;
color: #0E618E;
font-size: 110%;
font-weight: bold;
margin-bottom: 5px;
margin-top: 10px;
padding-left: 1em;
text-align: center;
text-align: left;
}
.guideance .topic .content h3 {
background: -moz-linear-gradient(top, #FFF 0%, #FFF);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
background-color: #FFF;
color: #0E618E;
margin-bottom: 0.5em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-top: 1em;
padding-bottom: 0em;
padding-left: 0.4em;
padding-right: 0em;
padding-top: 0em;
text-align: left;
}
.guideance .topic .content h4 {
background: -moz-linear-gradient(top, #FFF 0%, #FFF);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
background-color: #FFF;
color: #0E618E;
font-size: 90%;
font-weight: bold;
margin-bottom: 0.5em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-top: 1em;
padding-bottom: 0em;
padding-left: 0.4em;
padding-right: 0em;
padding-top: 0em;
text-align: left;
}
.guideance .topic section .content .map {
padding: 0
}
.guideance .topic section .content .map img {
border: thin solid #036;
margin: 0;
padding: 1px;
width: 560px;
}
.about .topic > h1 {
background: -moz-linear-gradient(top, #009DD7 0%, #2C2C5B);
background: -webkit-gradient(linear, left top, left bottom, from(#009DD7), to(#2C2C5B));
background-color: #0E618E;
color: #fff;
font-size: 105%;
margin: 0px;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 0.5em;
padding-top: 0.5em;
text-align: center;
}
.about .topic > h1 {
background-image: url(../images/about_h1.jpg);
background-position: center top;
background-repeat: no-repeat;
padding-top: 30px;
padding-bottom: 20px;
text-shadow: 1px 1px 2px #191717;
font-weight: bold;
}
.about .topic .content h2 {
border-left-color: #0E618E;
border-left-style: solid;
border-left-width: 0.4em;
color: #0E618E;
font-size: 110%;
font-weight: bold;
margin-bottom: 5px;
margin-top: 10px;
padding-left: 1em;
text-align: center;
text-align: left;
}
.about .topic .content h3 {
background: -moz-linear-gradient(top, #FFF 0%, #FFF);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
background-color: #FFF;
color: #0E618E;
margin-bottom: 0.5em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-top: 1em;
padding-bottom: 0em;
padding-left: 0.4em;
padding-right: 0em;
padding-top: 0em;
text-align: left;
}
.about .topic .content h4 {
background: -moz-linear-gradient(top, #FFF 0%, #FFF);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
background-color: #FFF;
color: #0E618E;
font-size: 90%;
font-weight: bold;
margin-bottom: 0.5em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-top: 1em;
padding-bottom: 0em;
padding-left: 0.4em;
padding-right: 0em;
padding-top: 0em;
text-align: left;
}
.about .topic section .content .map {
padding: 0
}
.about .topic section .content .map img {
border: thin solid #036;
margin: 0;
padding: 1px;
width: 560px;
}
.collections .topic > h1 {
background: -moz-linear-gradient(top, #009DD7 0%, #2C2C5B);
background: -webkit-gradient(linear, left top, left bottom, from(#009DD7), to(#2C2C5B));
background-color: #0E618E;
color: #fff;
font-size: 105%;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 0.5em;
padding-top: 0.5em;
text-align: center;
margin-bottom: 1em;
}
.collections .topic > h1 {
background-image: url(../images/about_h1.jpg);
background-position: center top;
background-repeat: no-repeat;
padding-top: 30px;
padding-bottom: 25px;
font-weight: bolder;
}
.collections .topic .content h2 {
color: #0E618E;
font-size: 100%;
font-weight: normal;
margin-bottom: 5px;
margin-top: 5px;
text-align: left;
}
.collections .topic .content h3 {
color: #FFF;
margin-bottom: 0.5em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-top: 1em;
padding-bottom: 0em;
padding-left: 0.4em;
padding-right: 0em;
padding-top: 0em;
text-align: left;
}
.collections .topic .content h4 {
background: -moz-linear-gradient(top, #FFF 0%, #FFF);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
background-color: #FFF;
color: #0E618E;
font-size: 90%;
font-weight: bold;
margin-bottom: 0.5em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-top: 1em;
padding-bottom: 0em;
padding-left: 0.4em;
padding-right: 0em;
padding-top: 0em;
text-align: left;
}
.collections .topic section .content .map {
padding: 0
}
.collections .topic section .content .map img {
border: thin solid #036;
margin: 0;
padding: 1px;
width: 560px;
}
.pony .topic h1 {
background-color: #a67003;
color: #000000;
font-size: 105%;
margin: 0px;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 0.5em;
padding-top: 0.5em;
text-align: center;
}
.pony .topic h1 {
background-image: url(../images/pony_h1.jpg)!important;
background-position: center top;
background-repeat: no-repeat;
padding-top: 30px;
padding-bottom: 20px;
text-shadow: 1px 1px #FBF8F8;
font-weight: bolder;
}
.pony .topic h1 section ~ p {
margin-top: 1em;
}
.pony .topic .content h2 {
color: #EF7F00;
font-weight: bold;
font-size: 105%;
margin-bottom: 5px;
margin-top: 5px;
text-align: left;
}
.pony .topic .content h3 {
color: #EF7F00;
margin-bottom: 0.5em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-top: 1em;
padding-bottom: 0em;
padding-left: 0.4em;
padding-right: 0em;
padding-top: 0em;
text-align: left;
}
.pony .topic .content h4 {
background-color: #ffdf3f;
background: linear-gradient(to bottom, #ffdf3f 0%, #ffdf3f 54%, #ffb700 100%);
background: -moz-linear-gradient(top, #ffdf3f 0%, #ffdf3f 54%, #ffb700 100%);
background: -ms-linear-gradient(top, #ffdf3f 0%, #ffdf3f 54%, #ffb700 100%);
background: -o-linear-gradient(top, #ffdf3f 0%, #ffdf3f 54%, #ffb700 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffdf3f), color-stop(54%, #ffdf3f), color-stop(100%, #ffb700));
background: -webkit-linear-gradient(top, #ffdf3f 0%, #ffdf3f 54%, #ffb700 100%);
color: #0E618E;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdf3f', endColorstr='#ffb700', GradientType=0 );
font-size: 90%;
font-weight: bold;
margin-bottom: 0.5em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-top: 1em;
padding-bottom: 0em;
padding-left: 0.4em;
padding-right: 0em;
padding-top: 0em;
text-align: left;
}
.pony .topic section .content .map {
padding: 0
}
.pony .topic section .content .map img {
border: thin solid #036;
margin: 0;
padding: 1px;
width: 560px;
}
.tate104 {
padding-left: 104px
}
#image_box {
margin-top: 10px;
position: relative;
}
#image_box .tiles {
list-style-type: none;
margin: 0;
padding: 0;
}
#image_box .tiles li {
background-color: #f5f5f5;
border: 1px solid #dedede;
border-radius: 2px;
display: block;
float: left;
margin: 5px;
min-height: 120px;
moz-border-radius: 2px;
moz-transition: all 0.3s ease-out;
opacity: 1;
o-transition: all 0.3s ease-out;
padding: 4px;
transition: all 0.3s ease-out;
webkit-border-radius: 2px;
webkit-transition: all 0.3s ease-out;
width: 250px;
}
#image_box li img {
width: 248px
}
#image_box a, #image_box a:hover {
background-color: #eee;/*    border: 1px solid #ddd;
        border-radius: 3px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
        color: #555;
        display: table-cell;
        font-size: 2em;
        font-weight: bold;
        min-height: 120px;
        padding: 5px 8px;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;*//*    width: 250px;*/
}
#image_box a:hover {
background-color: #ddd
}
#image_box .tiles li span {
color: #030;
display: block;
font-size: 90%;
font-weight: normal;
margin: 0.2em;
}
#image_box .tiles li span > b {
font-size: 110%;
font-weight: bold;
}
#image_box .tiles li span > b.small {
font-size: 92%;
}
.topic section .period {
color: #036;
display: block;
font-size: 90%;
margin-left: 1px;
text-align: left;
}
.listimage_v li span {
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 2px;
text-align: center;
}
.pony #image_box .tiles li {
background-color: #f5f5f5;
border: 1px solid #dedede;
border-radius: 2px;
display: block;
float: left;
margin: 5px;
min-height: 120px;
moz-border-radius: 2px;
moz-transition: all 0.3s ease-out;
opacity: 1;
o-transition: all 0.3s ease-out;
padding: 4px;
transition: all 0.3s ease-out;
webkit-border-radius: 2px;
webkit-transition: all 0.3s ease-out;
width: 140px;
}
.pony #image_box li img {
width: 140px
}
.pony #image_box a, .pony #image_box a:hover {
background-color: #FFFBFB;/*    border: 1px solid #ddd;
        border-radius: 3px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
        color: #555;
        display: table-cell;
        font-size: 2em;
        font-weight: bold;
        min-height: 120px;
        padding: 5px 8px;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;*//*    width: 140px;*/
}
.pony #image_box .tiles li span {
text-align: center
}
.guide .topic .date {
color: #666;
display: block;
font-size: 90%;
text-align: right;
}
/*.guide section {
	margin: 0 1em
}*/
.guide section .content {
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
}
.guide section .content p {
margin-bottom: 0.4em;
margin-left: 1em;
margin-right: 0.5em;
margin-top: 0.4em;
overflow: hidden;
}
.content .left {
float: left;
margin: 0px;
margin-right: 10px;
}
ul.listimage {
margin: 0px;
padding: 0px;
position: relative;
}
ul.listimage li {
float: left;
font-size: 12px;
line-height: 100%;
list-style: none outside;
margin: 0px;
margin-left: 1px;
position: relative;
text-align: center;
}
ul.listimage li img {
margin: 0px;
padding: 0px;
}
ul.listimage li.under {
clear: both;
margin-top: 16px;
}
ul.listimage_v {
margin: 0px;
padding: 0px;
}
ul.listimage_v li {
font-size: 12px;
line-height: 100%;
list-style: none outside;
margin-bottom: 16px;
margin-top: 10px;
text-align: center;
}
ul.listimage_v li img {
margin: 0px;
padding: 0px;
}
content .left table {
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-style: none;
margin: 0px;
padding: 0px;
}
content .left table tr {
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-style: none;
margin: 0px;
padding: 0px;
}
content .left table tr td {
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-style: none;
margin: 0px;
padding: 0px;
text-align: center;
}
content .left .list3 {
margin: 10px;
overflow: hidden;
}
.guide .topic .content .list7 dt a {
font-size: 90%
}
.guide .topic .content .list7 dd.sagari {
padding-left: 11em;
text-indent: -1em;
}
#map_basic {
border: thin solid #036
}
.clear {
clear: both
}
article .news section {
border-bottom-color: #999;
border-bottom-style: dotted;
border-bottom-width: 1px;
margin-bottom: 0em;
margin-top: 0.6em;
}
article .news > section h1 {
background: -moz-linear-gradient(top, #FFF 0%, #FFF);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
background-color: #FFF;
border-left-color: #de3d00;
border-left-style: solid;
border-left-width: 0.2em;
color: #DE3D00;
margin-bottom: 0.3em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-top: 0.3em;
padding: 0.4em;
text-align: left;
}
article .news dl {
margin-bottom: 0.8em;
margin-top: 0.3em;
}
article .news dl dt {
clear: both;
float: left;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 0;
padding-top: 5px;
width: 86px;
}
article .news dl dd {
margin-left: 90px;
padding: 5px 5px 5px 10px;
}
article .news p .date {
color: #666;
display: block;
font-size: 90%;
text-align: right;
}
article .news p {
margin: 0px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
}
article .topix {
}
article .topix ul {
margin: 6px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 6px;
/*	height:340px;*/
max-height: 340px;
overflow-y: scroll;
}
article .topix ul.all {
margin: 6px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 6px;
/*	height:340px;*/
max-height: initial;
max-height: auto;
overflow-y: visible!important;
}
article .topix ul li {
background-color: #fff;
border-bottom-color: #999;
border-bottom-style: dotted;
border-bottom-width: 1px;
clear: both;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 10px;
margin-top: 0px;
padding-bottom: 0.3em;
padding-left: 0.3em;
padding-right: 1em;
padding-top: 0.6em;
width: 95%;
display: block;
cursor: pointer;
}
article .topix ul li:hover {
background-color: #EFEFEF
}
article .topix ul li .date {
display: block;
font-size: 0.98em;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0.3em;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0em;
padding-right: 0.2em;
padding-top: 0px;
}
article .topix ul li .date em {
color: #F00;
font-weight: bold;
}
.umahaku {
background-color: #DE3D00;
color: #FFF;
}
.ponycenter {
background-color: #FCE903;
color: #333;
}
article .topix ul li p {
overflow: hidden
}
article .pony h1 {
background: -moz-linear-gradient( top, #ffd500 0%, #f7f720 0%, #ffb700) !important;
background: -webkit-gradient( linear, left top, left bottom, from(#ffd500), color-stop(0.0, #f7f720), to(#ffb700)) !important;
background-color: #ffb700 !important;
border: 0px solid #ffd500;
color: #000000;
text-shadow: 0px 0px 0px rgba(000,000,000,1), 0px 0px 0px rgba(255,255,255,0.2);
}
article .pony > p {
margin: 10px
}
article .pony .event {
border: 1px solid #CCC;
margin: 0.5em;
padding: 0.5em;
text-align: center;
}
article .event #page-wrap #tab-one .list-wrap #tab1, article .event #page-wrap #tab-one .list-wrap #tab2, article .event #page-wrap #tab-one .list-wrap #tab3, article .event #page-wrap #tab-one .list-wrap #tab4 {
clear: both
}
article .event #page-wrap div .list-wrap ul li {
border-bottom-color: #999;
border-bottom-style: dotted;
border-bottom-width: 1px;
clear: both;
padding: 10px;
}
article .event #page-wrap div .list-wrap ul li > img {
float: left;
margin: 0px;
margin-right: 0.5em;
}
article .event #page-wrap div .list-wrap ul li > a {
color: #DE3D00;
font-size: 1.02em;
font-weight: bold;
text-decoration: underline;
}
article .event #page-wrap div .list-wrap ul li > span {
font-size: 90%;
overflow: hidden;
}
article .event #page-wrap div .list-wrap ul li > span.place {
font-size: 90%;
zoom: 1;
}
article .event #page-wrap div .list-wrap ul li > p span.place {
font-size: 90%;
zoom: 1;
}
article .event #page-wrap div .list-wrap ul li:hover {
background-color: #EFEFEF;
text-decoration: none;
}
article .event #page-wrap #tab-2017 .list-wrap #tab3 li .date, article .event #page-wrap #tab-2016 .list-wrap #tab3 li .date, article .event #page-wrap #tab-2018 .list-wrap #tab3 li .date, article .event #page-wrap #tab-2019 .list-wrap #tab3 li .date, article .event #page-wrap #tab-2020 .list-wrap #tab3 li .date, article .event #page-wrap #tab-one .list-wrap #tab3 li .date {
display: block;/*	float: left;*/
}
article .event #page-wrap #tab-2017 .list-wrap #tab3 li, article .event #page-wrap #tab-2016 .list-wrap #tab3 li, article .event #page-wrap #tab-2018 .list-wrap #tab3 li, article .event #page-wrap #tab-2019 .list-wrap #tab3 li, article .event #page-wrap #tab-2020 .list-wrap #tab3 li, article .event #page-wrap #tab-one .list-wrap #tab3 li {
clear: both
}
article .event #page-wrap #tab-2017 .list-wrap #tab3 li p, article .event #page-wrap #tab-2016 .list-wrap #tab3 li p, article .event #page-wrap #tab-2018 .list-wrap #tab3 li p, article .event #page-wrap #tab-2019 .list-wrap #tab3 li p, article .event #page-wrap #tab-2020 .list-wrap #tab3 li p, article .event #page-wrap #tab-one .list-wrap #tab3 li p {
overflow: hidden
}
article .event #page-wrap #tab-2017 .list-wrap #tab3 li, article .event #page-wrap #tab-2016 .list-wrap #tab3 li, article .event #page-wrap #tab-2018 .list-wrap #tab3 li, article .event #page-wrap #tab-2019 .list-wrap #tab3 li, article .event #page-wrap #tab-2020 .list-wrap #tab3 li, article .event #page-wrap #tab-one .list-wrap #tab3 li {
border-bottom-style: initial;
}
article .event #page-wrap #tab-2017 .list-wrap #tab3 li li, article .event #page-wrap #tab-2016 .list-wrap #tab3 li li, article .event #page-wrap #tab-2018 .list-wrap #tab3 li li, article .event #page-wrap #tab-2019 .list-wrap #tab3 li li, article .event #page-wrap #tab-2020 .list-wrap #tab3 li li, article .event #page-wrap #tab-one .list-wrap #tab3 li li {
border-bottom-color: #999;
border-bottom-style: dotted;
border-bottom-width: 1px;
padding: 2px 10px 6px!important;
}
article .event #page-wrap #tab-2017 .list-wrap #tab3 li:hover, 
article .event #page-wrap #tab-2016 .list-wrap #tab3 li:hover, 
article .event #page-wrap #tab-2018 .list-wrap #tab3 li:hover, 
article .event #page-wrap #tab-2019 .list-wrap #tab3 li:hover, 
article .event #page-wrap #tab-2020 .list-wrap #tab3 li:hover, 
article .event #page-wrap #tab-one .list-wrap #tab3 li:hover {
background-color: initial;
}
article .event #page-wrap #tab-2017 .list-wrap #tab3 li li:hover, 
article .event #page-wrap #tab-2016 .list-wrap #tab3 li li:hover,
article .event #page-wrap #tab-2018 .list-wrap #tab3 li li:hover, 
article .event #page-wrap #tab-2019 .list-wrap #tab3 li li:hover, 
article .event #page-wrap #tab-2020 .list-wrap #tab3 li li:hover, 
article .event #page-wrap #tab-one .list-wrap #tab3 li li:hover {
background-color: #EFEFEF;
text-decoration: none;
}
article .event #page-wrap #tab-2017 .list-wrap #tab4 li, article .event #page-wrap #tab-2016 .list-wrap #tab4 li, article .event #page-wrap #tab-2018 .list-wrap #tab4 li, article .event #page-wrap #tab-2019 .list-wrap #tab4 li, article .event #page-wrap #tab-2020 .list-wrap #tab4 li, article .event #page-wrap #tab-one .list-wrap #tab4 li {
border-bottom-style: initial;
}
article .event #page-wrap #tab-2017 .list-wrap #tab4 li li, article .event #page-wrap #tab-2016 .list-wrap #tab4 li li, article .event #page-wrap #tab-2018 .list-wrap #tab4 li li, article .event #page-wrap #tab-2019 .list-wrap #tab4 li li, article .event #page-wrap #tab-2020 .list-wrap #tab4 li li, article .event #page-wrap #tab-one .list-wrap #tab4 li li {
border-bottom-color: #999;
border-bottom-style: dotted;
border-bottom-width: 1px;
}
article .event #page-wrap #tab-2017 .list-wrap #tab4 li:hover, article .event #page-wrap #tab-2016 .list-wrap #tab4 li:hover, article .event #page-wrap #tab-2018 .list-wrap #tab4 li:hover, article .event #page-wrap #tab-2019 .list-wrap #tab4 li:hover, article .event #page-wrap #tab-2020 .list-wrap #tab4 li:hover, article .event #page-wrap #tab-one .list-wrap #tab4 li:hover {
background-color: initial;
}
article .event #page-wrap #tab-2017 .list-wrap #tab4 li:hover, article .event #page-wrap #tab-2016 .list-wrap #tab4 li:hover, article .event #page-wrap #tab-2018 .list-wrap #tab4 li:hover, article .event #page-wrap #tab-2019 .list-wrap #tab4 li:hover, article .event #page-wrap #tab-2020 .list-wrap #tab4 li:hover, article .event #page-wrap #tab-one .list-wrap #tab4 li li:hover {
background-color: #EFEFEF;
text-decoration: none;
}
.two {
}
article .pony #page-wrap #tab-two .list-wrap #tab1, article .pony #page-wrap #tab-two .list-wrap #tab2, article .pony #page-wrap #tab-two .list-wrap #tab3, article .pony #page-wrap #tab-two .list-wrap #tab4 > div {
background-color: #FFFEF4;
border: 1px solid #CCC;
margin: 0px;
padding: 0px;
}
article .pony #page-wrap #tab-two .list-wrap #tab1 .left, article .pony #page-wrap #tab-two .list-wrap #tab2 .left, article .pony #page-wrap #tab-two .list-wrap #tab3 .left, article .pony #page-wrap #tab-two .list-wrap #tab4 .left {
float: left;
margin: 10px;
padding-right: 10px;
}
article .pony #page-wrap #tab-two .list-wrap #tab1 div .right, article .pony #page-wrap #tab-two .list-wrap #tab2 div .right, article .pony #page-wrap #tab-two .list-wrap #tab3 div .right, article .pony #page-wrap #tab-two .list-wrap #tab4 div .right {
margin-bottom: 0px;
margin-left: 240px;
margin-right: 0px;
margin-top: 0px;
padding: 10px;
}
article .pony #page-wrap #tab-two .list-wrap #tab3 div .right p.room, article .pony #page-wrap #tab-two .list-wrap #tab4 div .right p.room {
margin: 6px
}
article .pony #page-wrap #tab-two .list-wrap #tab3 div .right p.room .new, article .pony #page-wrap #tab-two .list-wrap #tab4 div .right p.room .new {
color: #F00
}
article .pony #page-wrap #tab-two .list-wrap #tab3 div .right p.update, article .pony #page-wrap #tab-two .list-wrap #tab4 div .right p.update {
background-color: #FFF;
border: 1px solid #CCC;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
padding: 10px;
}
.topix ul .module-triangle-right em {
color: #F00;
font-size: 90%;
font-weight: bold;
}
.left .figcaption {
color: #333;
display: block;
font-size: 85%;
margin: 0 auto;
text-align: center;
width: 240px;
}
h3~div {
padding-left: 1em
}
.pony.kitz.prof .topic .left {
margin-right: 0.5em;
padding: 0px;
width: 220px;
}
.pony.kitz.event .topic .left {
margin-right: 0.5em;
padding: 0px;
width: 220px;
}
.pony.kitz.prof .topic .right {
overflow: hidden
}
.pony.kitz.event .topic section .content section .content .left .figure {
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
.pony.kitz.prof .topic .left img {
width: 220px
}
.pony.kitz.event .topic .left img {
width: 220px
}
.col.span_8.box4 .pony.kitz.event .topic section .content section .content .right h2 {
color: #F30;
font-size: 120%;
font-weight: bolder;
margin: 0.5em;
padding: 0.5em;
}
.col.span_8.box4 .pony.kitz.event .topic section .content section .content .right h3 {
color: #F30;
font-size: 100%;
font-weight: bold;
}
.pony.kitz.photo .topic .figure {
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
margin-top: 0.5em;
width: 500px;
}
.pony.kitz.photo .topic section .content section {
margin-bottom: 0.5em;
margin-left: 0em;
margin-right: 0em;
margin-top: 0.5em;
}
.col.span_8.box4 .pony.kitz.photo .topic section .content section .figure h3 {
color: #003
}
.pony.kitz.photo .topic .figure img.tate {
width: 300px
}
.pony.kitz.guide .topic .left {
float: left
}
.pony.kitz.guide .topic .left .figure img {
width: 220px
}
.pony.kitz.guide .topic .right p.burasagari {
padding-left: 2em;
text-indent: -1em;
}
.pony.kitz.guide .topic .right {
overflow: hidden
}
table.joba {
background-color: #fde9d9;
border-collapse: collapse;
border-left: 1px solid #663300;
border-spacing: 0;
border-top: 1px solid #663300;
empty-cells: show;
font-size: 14px;
margin-left: 1em;
width: 520px;
}
.joba th {
background-color: #fcd5b4;
border-bottom: 1px solid #663300;
border-right: 1px solid #663300;
color: #330000;
padding-bottom: 1em;
padding-left: 1em;
padding-right: 1em;
padding-top: 1em;
text-align: center;
font-weight: bold;
}
.joba td {
border-bottom: 1px solid #663300;
border-right: 1px solid #663300;
padding-bottom: 1em;
padding-left: 1em;
padding-right: 1em;
padding-top: 1em;
}
.information .topic section .burasagari p {
padding-left: 2em;
text-indent: -2em;
}
.event_information .topic section .burasagari p {
padding-left: 2em;
text-indent: -2em;
}
/*.information .topic .figure {
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
}*/
/*.information .topic.bigimage .figure img {
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: center;
}*/
.image.personthumb li .figure {
text-align: center;
width: 126px;
}
.personthumb .figure {
width: 120px
}
.personthumb .figure img {
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
text-align: center;
width: 120px;
}
.topic .send .figure img {
height: 180px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
text-align: center;
}
.image.personthumb li {
float: left;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 10px;
margin-top: 0px;
padding: 0px;
width: 120px;
}
.event_information .topic h2 {
color: #212427;
font-size: 120%;
font-weight: bolder;
text-align: center;
margin-top: 2em;
margin-bottom: 1em;
clear: both;
}
.information .topic section h3 {
color: #006;
font-size: 120%;
font-weight: bold;
margin-top: 1em;
}
.information .topic section h3 + p {
margin-left: 1em;
}
.event_information .topic section h3 {
color: #006;
font-size: 120%;
font-weight: bold;
margin-top: 1.5em;
}
personthumb h1 {
color: #300;
font-size: 110%;
font-weight: bold;
text-align: left;
}
.personthumb .left {
width: 120px!important
}
.personthumb .left .figure img {
width: 120px!important
}
.information .topic .personthumb .left .figure {
width: 120px!important
}
.personthumb .left .h2 {
font-size: 110%;
font-weight: bold;
text-align: left;
}
.event_information .topic .personthumb .left .figure {
width: 120px!important
}
#map_basic {
height: 300px;
width: 570px;
}
.event_information .figurelist li {
float: left;
margin-right: 4px;
}
.topix ul .module-triangle-right span {
}
.topix ul .module-triangle-right .date {
color: #407980;
display: inline-block;
float: left;
font-size: 0.8em;
font-weight: bold;
margin-bottom: 0px;
margin-left: 0.1em;
margin-right: 0.3em;
margin-top: 0px;
padding-bottom: 0em;
padding-left: 0.2em;
padding-right: 0.2em;
padding-top: 0.3em;
text-align: left;
}
.topix ul .module-triangle-right a {
clear: both;
display: block;
font-size: 105%;
margin-bottom: 0;
margin-top: 0.6em;
padding-bottom: 0;
padding-left: 0.5em;
padding-top: 0.2em;
}
.topix ul .module-triangle-right p {
display: block;
font-size: 90%;
margin: 0.2em;
padding: 0.2em;
}
.topix ul .module-triangle-right .flag {
display: inline-block;
float: left;
font-size: 80%;
margin-bottom: 0px;
margin-left: 0.5em;
margin-right: 0.3em;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0.2em;
padding-right: 0.2em;
padding-top: 0px;
text-align: center;
width: 8em;
}
.topix ul .module-triangle-right em {
display: block;
float: left;
margin-left: 0.5em;
}
.umahaku_clolor {
background-color: #DE3D00;
color: #FFF;
}
.pony_color {
background-color: #FCE903;
color: #333;
}
.uma_end {
}
li img {
display: block;
vertical-align: text-bottom;
}
.slide {
color: #00F;
padding-bottom: 3px;
/*	padding-left: 20px;*/
padding-right: 6px;
padding-top: 3px;
text-decoration: underline;
width: 200px;
}
.slide:hover {
background-color: #FFCCAA;
cursor: pointer;
}
.target {
border: 1px solid #CCCCCC;
display: none;
margin: 20px;
padding: 15px;
}
#target1 {
border: thin solid #CFCCA7;
display: none;
margin: 1em;
padding: 15px;
}
#target2 {
border: thin solid #CFCCA7;
display: none;
margin: 1em;
padding: 15px;
}
#target3 {
border: thin solid #CFCCA7;
display: none;
margin: 1em;
padding: 15px;
}
#target4 {
border: thin solid #CFCCA7;
display: none;
margin: 1em;
padding: 15px;
}
.publications .topic section .shop h2 {
color: #0E618E;
font-size: 105%;
font-weight: bold;
margin-bottom: 0.5em;
margin-left: 0.8em;
margin-top: 1.5em;
padding-left: 1em;
text-align: left;
}
.publications .topic section .shop h3 {
background: -moz-linear-gradient(top, #FFF 0%, #FFF);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
background-color: #FFF;
border-left-color: #0E618E;
border-left-style: solid;
border-left-width: 0.4em;
color: #0E618E;
margin-bottom: 0;
margin-left: 0.3em;
margin-right: 0.3em;
margin-top: 1.5em;
padding-bottom: 0em;
padding-left: 0.4em;
padding-right: 0em;
padding-top: 0em;
text-align: left;
}
.publications .figure .figcaption {
font-size: 100%;
margin-left: 0.5em;
margin-right: 1.5em;
padding-left: 1em;
text-align: left;
}
.publications .figure .figcaption.center {
text-align: center;
}
.publications .figure .figcaption b {
color: #022131;
display: block;
font-size: 105%;
font-weight: bold;
overflow: visible;
text-indent: -0.5em;
}
.publications .shop p {
padding-left: 2em;
padding-right: 2em;
}
.publications .shop .figure {
width: 500px
}
.publications .shop .figure {
color: #000;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
text-align: center;
}
.publications .shop .figure img {
margin-bottom: 0.2em;
width: 500px;
}
.width220 .figure {
width: 220px
}
.width220 .figure {
color: #000;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
text-align: center;
}
.width220 .figure img {
margin-bottom: 0.2em;
width: 220px;
}
/*.pony .report.photo .figure.bigimage .vertical .figure,
.pony .report.photo .figure.bigimage .horizontal .figure {
	color: #000;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: center;
	width: 500px;
}*/
img.vertical {
margin-bottom: 0.2em;
width: 320px!important;
}
img.vertical.half {
margin-bottom: 0.2em;
width: 160px!important;
}
img.horizontal {
margin-bottom: 0.2em;
width: 500px!important;
}
#image_box2 {
margin-top: 10px;
position: relative;
}
#image_box2 .tiles {
list-style-type: none;
margin: 0;
padding: 0;
}
#image_box2 .tiles li {
background-color: #f5f5f5;
border: 1px solid #dedede;
border-radius: 2px;
display: block;
float: left;
margin: 5px;
min-height: 120px;
moz-border-radius: 2px;
moz-transition: all 0.3s ease-out;
opacity: 1;
o-transition: all 0.3s ease-out;
padding: 4px;
transition: all 0.3s ease-out;
webkit-border-radius: 2px;
webkit-transition: all 0.3s ease-out;
width: 500px;
}
#image_box2 li img {
width: 498px
}
#image_box2 a, #image_box2 a:hover {
background-color: #eee;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
color: #555;
display: table-cell;
font-size: 2em;
font-weight: bold;
min-height: 120px;
padding: 5px 8px;
text-align: center;
text-decoration: none;
vertical-align: middle;
width: 500px;
}
#image_box2 a:hover {
background-color: #ddd
}
#image_box2 .tiles li span {
color: #030;
display: block;
font-size: 90%;
font-weight: normal;
margin: 0.2em;
text-align: left;
}
#image_box2 .tiles li span > b {
font-size: 140%;
font-weight: bold;
padding: 4px;
display: inline-block;
}
.eventschedule .topic h1 {
background: -moz-linear-gradient(top, #009DD7 0%, #2C2C5B);
background: -webkit-gradient(linear, left top, left bottom, from(#009DD7), to(#2C2C5B));
background-color: #0E618E;
color: #fff;
font-size: 105%;
margin: 0px;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 0.5em;
padding-top: 0.5em;
text-align: center;
}
.eventschedule .topic h1 {
background-image: url(../images/publications_h1.jpg);
background-position: center top;
background-repeat: no-repeat;
padding-top: 40px;
padding-bottom: 10px;
text-shadow: 1px 1px #0E618E;
font-weight: bold;
}
.eventschedule .topic section h2 {
color: #1F636F;
font-size: 110%;
font-weight: bold;
margin-bottom: 5px;
margin-top: 10px;
text-align: center;
}
.eventschedule .topic section h3 {
color: #0E618E;
font-size: 110%;
font-weight: bold;
margin-bottom: 0.5em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-top: 1em;
padding-bottom: 0em;
padding-left: 0.4em;
padding-right: 0em;
padding-top: 0em;
text-align: left;
}
.eventschedule .topic section h4 {
background-color: #F1EDDE;
color: #FFF;
font-weight: bold;
margin-bottom: 0em;
margin-left: 0em!important;
margin-right: 0em;
margin-top: 1em;
padding-bottom: 0.5em;
padding-left: 1em!important;
padding-right: 1em;
padding-top: 0.5em;
text-align: left;
}
.eventschedule .topic .schedule.list {
background-color: #FAFBF4;
border: thin solid #E6E9D0;
margin: 1em;
padding: 0.5em;
}
.eventschedule .topic .content section .place {
background-color: #b8b474
}
.topic .content section h2 + p {
padding: 1em
}
.topic .content section h3 + p {
padding: 0.5em
}
.eventschedule .topic .content section .place {
color: #333;
font-size: 100%;
font-weight: bold;
margin-left: 0.5em;
}
.eventschedule .topic .content section dl dt b {
display: block;
font-size: 90%;
font-weight: bold;
margin: 0px;
}
.list30 {
background-color: #FFF;
margin-left: 0!important;
}
.list30 dt {
background-color: #FFF;
margin-left: 0!important;
margin-top: 0.5em;
}
.list30 dd {
border-bottom-color: #999;
border-bottom-style: dotted;
border-bottom-width: thin;
margin-left: 0!important;
text-align: left;
}
.list30 dd:nth-last-of-type(1) {
border: none
}
.eventschedule .topic .content section .list30 {
border: thin solid #F1EDDE
}
.schedule.list em {
color: #030;
display: inline-block;
font-size: 80%;
font-style: normal;
font-weight: bold;
margin-left: 0.3em;
}
.schedule.list .special {
color: #F00;
font-size: 105%;
}
.schedule.list .special a {
color: #F00;
}
.schedule.list .tokubetsu {
color: #00F;
font-size: 105%;
}
.eventschedule .kaisai {
color: #EA5C44
}
.mfp-content {
max-width: 540px
}
.mfp-close-btn-in .mfp-close {
color: #333 !important;
background: #FFF;
border-radius: 22px;
top: 0px;
right: 0px;
}
.mfp-div {
background-color: #FFF;
border-radius: 6px;
padding: 0.5em;
}
.popup-modal-dismiss {
clear: both;
text-align: center;
display: block;
margin-top: 0.6em;
margin-right: 0.2em;
margin-bottom: 0.2em;
margin-left: 0.2em;
}
.mfp-div h1 {
font-size: 110%;
font-weight: bold;
color: #C5931B;
margin: 0.5em;
}
.mfp-div .image {
float: left;
margin-right: 1em;
padding-right: 1em;
text-align: center;
_zoom: 1;
overflow: hidden;
}
.mfp-div .expla {
padding-left: 1em;
}
.mfp-div .image img {
width: 260px
}
.mfp-div p {
font-size: 1.35em;
line-height: 150%;
padding-right: 0.5em;
overflow: hidden;
}
.mfp-div .name {
font-size: 1.6em;
font-weight: bold;
color: #C5931B;
margin: 0.5em;
}
/*.flexslider .slides > img {
	width: 680px;
}*/

.topic section .content ul {
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
.pony .topic .content h2 {
color: #EF7F00;
font-weight: bold;
font-size: 105%;
margin-bottom: 5px;
margin-top: 1em;
text-align: left;
}
#image_box2 .tiles li span b em {
display: inline-block;
font-style: normal;
color: #FFFFFF;
font-variant: normal;
font-weight: bold;
font-size: 75%;
padding: 4px;
background-color: #003366;
margin-bottom: 4px;
}
.room.update {
margin: 6px;
background-color: #FFFFFF;
padding: 6px;
border: thin solid #E4E4E4;
}
.ponytitle {
color: #000000;
font-size: 120%;
font-weight: bold;
margin-top: 1em;
margin-bottom: 0em;
margin-left: 1em;
clear: both;
}
.list7 dd strong {
color: #EF0909;
font-weight: bold;
font-size: 130%;
}
.ponytitle.basya {
color: #F40F0F;
}
.ponytitle.ponyhikiuma {
color: #07E313;
}
.ponytitle.hikiuma {
color: #E7A80A;
}
#tab2 .list7 {
background-color: #FFFFFF;
padding: 0.5em;
border: thin solid #F2C85C;
}
.pony.kitz.guide .list7 {
background-color: #FFFFFF;
padding: 0.5em;
border: thin solid #F2C85C;
}
.col.span_8.box4 article .pony .event a {
color: #ED080C;
font-weight: bold;
}
.right .room.update .huzai {
text-align: center;
color: #1D1D1E;
font-weight: bold;
background-color: #E0DDDD;
}
.pony .topic section h2 {
margin-top: 1em;
text-align: justify;
color: #8B6D38;
font-weight: bold;
font-size: 105%;
text-align: center;
}
.pony .topic h3 {
margin-top: 0.5em;
text-align: justify;
color: #452D04;
font-weight: bold;
font-size: 100%;
}
.pony.kitz.photo .topic .content.clearfix section .figure img {
width: 500px;
}
.topic section h4 {
clear: both;
margin-top: 2em;
margin-left: 0.5em;
color: #0E618E;
font-weight: bold;
font-size: 110%;
}
.topic section h5 {
margin-top: 2em;
margin-bottom: 0.5em;
margin-left: 0.5em;
clear: both;
}
.topic section h3 ~ p {
margin-left: 1em;
}
.figure.left {
float: left;
margin-right: 10px;
margin-bottom: 1.5em;
width: 250px;
}
.figure.left:first-child {
margin-left: 30px;
}
.figure.left img {
margin-left: 0px;
/*	margin-right: 14px;*/
margin : 0 auto;
width: 240px;
}
.figure.left + h4 {
clear: both;
margin-top: 3em!important;
}
.topic section .term {
font-weight: bold;
color: #022131;
margin-top: 0em;
margin-bottom: 0em;
}
section .content.shop h2 {
color: #0E618E;
font-size: 105%;
font-weight: bold;
margin-bottom: 0.5em;
margin-left: 0.8em;
margin-top: 1.5em;
padding-left: 1em;
text-align: left;
clear: both;
padding-top: 1em;
}
.information .figure .figcaption {
font-size: 95%;
margin-left: 0.5em;
margin-right: 1.5em;
padding-left: 1em;
text-align: center;
padding-top: 0.5em;
}
.information .figure .figcaption b {
color: #022131;
display: block;
font-size: 105%;
font-weight: bold;
overflow: visible;
text-indent: -0.5em;
}
.topic section h6 {
margin-left: 1.5em;
font-weight: bold;
clear: both;
}
.topic section h5 {
font-weight: bold;
font-size: 100%;
color: #022131;
}
.topic section h5 ~ p {
margin-left: 1em;
}
.topic section h6 ~ p {
margin-left: 2em;
}
p.title {
color: #022131;
font-size: 102%;
font-weight: bold;
}
section .content.p {
overflow-x: hidden;
/* [disabled]overflow-y: hidden;
*/
}
.topic section .content h3 {
margin-top: 1em;
text-align: left;
text-decoration: none;
color: #641B00;
font-weight: bold;
font-size: 110%;
}
.event_information .topic table {
border-top: 1px solid #5a748f;
border-left: 1px solid #5a748f;
border-collapse: collapse;
border-spacing: 0;
background-color: #ffffff;
empty-cells: show;
margin-top: 1em;
margin-right: 1em;
margin-left: 1em;
margin-bottom: 1em;
width: 95%;
}
.event_information .topic th {
border-right: 1px solid #5a748f;
border-bottom: 1px solid #5a748f;
color: #330000;
background-color: #F0F2FF;
background-position: left top;
padding: 0.3em 1em;
text-align: center;
}
.event_information .topic td {
border-right: 1px solid #5a748f;
border-bottom: 1px solid #5a748f;
padding: 0.3em 1em;
text-align: left;
}
.event_information .topic td.cent {
border-right: 1px solid #5a748f;
border-bottom: 1px solid #5a748f;
padding: 0.3em 1em;
text-align: center;
}
.event_information .topic td.right {
border-right: 1px solid #5a748f;
border-bottom: 1px solid #5a748f;
padding: 0.3em 1em;
text-align: right;
}
/* balloon*/
#balloon-bottom-left {
position: relative;
display: inline-block;
padding: 0 15px;
width: auto;
min-width: 540px;
height: 50px;
color: #F6F6F6;
line-height: 50px;
text-align: center;
background-color: #F94B76;
border-radius: 60px;
z-index: 0;
}
#balloon-bottom-left:before {
content: "";
position: absolute;
bottom: -17px;
left: 15px;
margin-left: 0;
display: block;
width: 15px;
height: 15px;
background: #F94B76;
border-radius: 50%;
z-index: 0;
}
#balloon-bottom-left:after {
content: "";
position: absolute;
bottom: -25px;
left: 25px;
margin-left: 0;
display: block;
width: 8px;
height: 8px;
background: #F94B76;
border-radius: 50%;
z-index: 0;
}
#balloon-bottom-left + p {
margin-top: 2em;
}
#image_box3 {
margin-top: 10px;
margin-left: 18px;
position: relative;
}
#image_box3 .tiles {
list-style-type: none;
margin: 0;
padding: 0;
}
#image_box3 .tiles li {
background-color: #f5f5f5;
border: 1px solid #dedede;
border-radius: 2px;
display: block;
float: left;
margin: 5px;
min-height: 120px;
moz-border-radius: 2px;
moz-transition: all 0.3s ease-out;
opacity: 1;
o-transition: all 0.3s ease-out;
padding: 4px;
transition: all 0.3s ease-out;
webkit-border-radius: 2px;
webkit-transition: all 0.3s ease-out;
width: 250px;
}
#image_box3 li img {
width: 248px
}
#image_box3 a, #image_box a:hover {
background-color: #eee;/*    border: 1px solid #ddd;
        border-radius: 3px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
        color: #555;
        display: table-cell;
        font-size: 2em;
        font-weight: bold;
        min-height: 120px;
        padding: 5px 8px;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;*//*    width: 250px;*/
}
#image_box3 a:hover {
background-color: #ddd
}
#image_box3 .tiles li span {
color: #030;
display: block;
font-size: 90%;
font-weight: normal;
margin: 0.2em;
}
#image_box3 .tiles li span > b {
font-size: 110%;
font-weight: bold;
}
/*ポニーセンター用*/



article.pony .topix ul.all {
margin: 6px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 6px;
overflow-y: visible!important;
}
article.pony .topix ul li {
background-color: #fff;
border-bottom-color: #999;
border-bottom-style: dotted;
border-bottom-width: 1px;
clear: both;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 10px;
margin-top: 0px;
padding-bottom: 0.3em;
padding-left: 0.3em;
padding-right: 1em;
padding-top: 0.6em;
width: 95%;
display: block;
cursor: pointer;
}
article.pony .topix ul li:hover {
background-color: #EFEFEF
}
article.pony .topix ul li .date {
display: block;
font-size: 0.98em;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0.3em;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0em;
padding-right: 0.2em;
padding-top: 0px;
}
article.pony .topix ul li .date em {
color: #F00;
font-weight: bold;
}
article.pony .topix ul .module-triangle-right span {
}
article.pony .topix ul .module-triangle-right .date {
color: #407980;
display: inline-block;
float: left;
font-size: 0.8em;
font-weight: bold;
margin-bottom: 0px;
margin-left: 0.5em;
margin-right: 0.3em;
margin-top: 0px;
padding-bottom: 0em;
padding-left: 0.2em;
padding-right: 0.2em;
padding-top: 0.3em;
text-align: left;
}
article.pony .topix ul .module-triangle-right a {
clear: both;
display: block;
font-size: 105%;
margin-bottom: 0;
margin-top: 0.6em;
padding-bottom: 0;
padding-top: 0.2em;
}
article.pony .topix ul .module-triangle-right p {
display: block;
font-size: 90%;
margin: 0.2em;
padding: 0.2em;
}
article.pony .topix ul .module-triangle-right .flag {
display: inline-block;
float: left;
font-size: 80%;
margin-bottom: 0px;
margin-left: 0.5em;
margin-right: 0.3em;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0.2em;
padding-right: 0.2em;
padding-top: 0px;
text-align: center;
width: 8em;
height: 1em;
}
article.pony .topix ul .module-triangle-right em {
display: block;
float: left;
margin-left: 0.5em;
}
.collections .figure {
padding: 6px;
background-color: #f5f5f5;
border: thin solid #ACAEB4;
margin-left: auto;
margin-right: auto;
text-align: center;
max-width: 514px;
}
.collections .figure img {
padding: 0px;
margin: 0px;
width: 500px;
}
.collections .figure .figcaption {
width: 500px;
font-size: 1em;
text-align: left;
}
.figure.bigimage .figcaption em {
display: block;
font-style: normal;
color: #FFFFFF;
font-variant: normal;
font-weight: bold;
font-size: 1em;
padding: 4px;
background-color: #003366;
margin: 4px 0;
width: 7em;
text-align: center;
}
.figure.bigimage .figcaption em.red {
display: inline-block;
font-style: normal;
color: #FFFFFF;
font-variant: normal;
font-weight: bold;
font-size: 1em;
padding: 4px;
background-color: #FF0000;
margin: 4px 0;
width: 7em;
text-align: center;
}
.figure.bigimage .figcaption b {
display: block;
font-style: normal;
color: #003366;
font-variant: normal;
font-weight: bold;
font-size: 1.3em;
padding: 4px;
margin: 4px 0;
}
.tile .figure {
padding: 0;
margin: 0;
}
.tile .figure {
float: left;
margin-left: 20px;
margin-right: 0px;
margin-bottom: 0.5em;
}
.tile .figure img {
width: 240px;
}
.information .topic .tile {
margin-bottom: 0.5em;
margin-left: 20px;
margin-right: auto;
margin-top: 0.5em;
}
.information .topic .tile .figure {
float: left;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 0.5em;
width: 250px;
}
.information .topic .tile .figure img {
width: 240px;
}
.shop .figure .figcaption.left {
float: left;
margin-right: 0.5em;
margin-left: -1em;
text-align: left;
overflow: hidden;
font-size: 0.9em;
}
.shop .figure .figcaption.left ~ .figcaption {
margin-right: 0.5em;
text-align: left;
font-size: 0.9em;
overflow: hidden;
}
article .bajinews {
background-color: #FFF;
border-radius: 2px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
moz-border-radius: 2px;
padding: 10px;
webkit-border-radius: 2px;
}
article .bajinews h1 {
background: -moz-linear-gradient(top, #54007f 0%, #000000);
background: -webkit-gradient(linear, left top, left bottom, from(#54007f), to(#000000));
background-color: #2B063E;
color: #FFF;
font-weight: bold;
font-size: 105%;
margin: 0px;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 0.5em;
padding-top: 0.5em;
text-align: center;
}
article .bajinews > section h1 {
background: -moz-linear-gradient(top, #FFF 0%, #FFF);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
background-color: #FFF;
border-left-color: #2B063E;
border-left-style: solid;
border-left-width: 0.2em;
color: #DE3D00;
margin-bottom: 0.3em;
margin-left: 0.3em;
margin-right: 0.3em;
margin-top: 0.3em;
padding: 0.4em;
text-align: left;
}
article .bajinews > section h1 ~ p {
margin-left: 1em;
margin-right: 0.5em;
}
article .bajinews p .date {
color: #666;
display: block;
font-size: 90%;
text-align: right;
}
.notice {
border-radius: 4px;
background-color: #FDF2EE;
border: thin solid #FBDACD;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding: 0.5em;
}
.mfp-div .kome {
display: block;
font-size: 1.3em!important;
text-indent: -1em;
margin-left: 1em;
}
.figure.small.left {
margin-left: 10px;
}
.figure.small.left img {
width: 180px;
}
.figure.small.left .figcaption {
text-align: center;
}
.topic section > section {
margin: 0 0;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-wrapper {
max-width: 600px;
height: 100%;
}
.figcaption .playtime {
display: block;
padding-top: 0.1em;
padding-right: 0.5em;
padding-bottom: 0.1em;
padding-left: 0em;
color: #2C3B24;
margin: 0;
font-size: 0.9em;
}
section ~ p {
margin-top: 1em;
}
section ~ p.kome {
margin-top: 0.1em;
margin-left: 1.5em;
}
section + p.kome {
margin-top: 1em;
}
.topic .list {
margin-left: 1.5em;
list-style-position: inside;
list-style-type: disc;
}
figure ~ p {
clear: both;
margin-top: 0.5em;
margin-bottom: 1em;
}
.width240 .figure img {
width: 240px;
}
.content right p {
overflow: hidden;
}
.uma .fb-like {
margin-top: 1em!important;
margin-bottom: 1em;
width: 90px;
display: block;
margin-left: auto!important;
margin-right: 1em!important;
}

.pony .fb-like {
margin-top: 1em!important;
margin-bottom: 1em;
width: 90px;
display: block;
margin-left: auto!important;
margin-right: 1em!important;
}
.topic .associated {
margin-top: 3em;
margin-bottom: 1em;
border-bottom: thin solid #191818;
}
.topic .associated h1 {
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
font-size: 1.2em;
font-weight: bold;
text-align: left;
color: #FFF;
background: -moz-linear-gradient(top, #3F3E3E 0%, #3F3E3E);
background: -webkit-gradient(linear, left top, left bottom, from(#3F3E3E), to(#3F3E3E));
background-image: none!important;
background-position: center top;
background-repeat: no-repeat;
background-color: #3F3E3E;
text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
border-bottom: thin solid #CC0609;
}
.topic .associated h2 {
margin-top: 1em!important;
margin-left: 0.5em;
margin-right: 0.5em;
text-align: left!important;
}
.topic .associated p {
margin-left: 1em;
margin-right: 1em;
}
.list36 dd strong {
display: inline-block;
width: 16em;
font-size: 0.9em;
padding-right: 0.2em;
font-weight: normal;
text-align: left;
}
.list36 dd em {
display: inline-block;
width: 11em;
font-size: 0.9em;
padding-right: 0.2em;
font-weight: normal;
text-align: left;
}
.sage2 em {
display: inline-block;
width: 11em;
font-size: 0.9em;
padding-right: 0.2em;
font-weight: normal;
text-align: left;
}
.slide .fa.fa-file-text {
display: inline-block;
/*	width: 2em;*/
padding-right: 0.5em;
font-size: 1.5em;
}
.information .topic .left .figure {
margin-bottom: 0.5em;
margin-left: 0em;
margin-right: 0em;
margin-top: 0.5em;
width: 220px;
}
h3 + ul {
margin-left: 2em;
}
h3 + ul li {
list-style-position: outside;
list-style-type: square;
}
h4 + ul {
margin-left: 2em;
}
h4 + ul li {
list-style-position: outside;
list-style-type: circle;
}
.shop .figure.left.width120 {
margin-left: 1em;
}
.shop .figure.left.width120 img {
width: 120px!important;
}
.shop .figure.left.width240 {
margin-left: 1em;
}
.shop .figure.left.width240 img {
width: 240px!important;
}
.shop .figure.left.width160 {
margin-left: 1.3em;
width: 160px!important;
}
.shop .figure.left.width160 img {
width: 160px!important;
}
.content.shop h2 {
color: #0E618E;
font-size: 120%;
font-weight: bold;
margin-bottom: 5px;
margin-top: 20px;
margin-left: 0.2em;
text-align: left;
}
.content.shop .figure.left .figcaption {
color: #0E618E;
}
ul.sage {
margin-left: 1em;
padding-left: 1em;
}
ul.sage li {
font-weight: normal!important;
margin-bottom: 0.1em;
padding-left: 0.2em;
list-style-position: outside;
list-style-type: disc;
}
ul.sage2 {
padding-left: 2em;
}
ul.sage2 li {
font-weight: normal!important;
margin-bottom: 0.1em;
list-style-position: outside;
list-style-type: decimal;
}
.topic .recommend {
margin-top: 3em;
margin-bottom: 1em;
padding: 1px;
border: thin solid #E0DFDB;
}
.topic .recommend h1 {
margin-top: 0em;
margin-bottom: 0.5em;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
font-size: 1.1em;
font-weight: bold;
text-align: left;
color: #000;
background: -moz-linear-gradient(top, #3F3E3E 0%, #3F3E3E);
background: -webkit-gradient(linear, left top, left bottom, from(#3F3E3E), to(#3F3E3E));
background-image: none!important;
background-position: center top;
background-repeat: no-repeat;
background-color: #C1BD9D;
text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
border-bottom: thin solid #4394D0;
}
.topic .recommend p {
margin-left: 0.5em;
margin-right: 0.5em;
}
.figure.left.width160 {
margin-left: 10px;
width: 160px;
}
.figure.left.width160 img{
width: 160px!important;
}
.width160 img {
width: 160px!important;
}
.topic section p {
margin-top: 0.2em;
margin-bottom: 0.2em;
}
.inquiry dt {
background-color: #393;
color: #FFF;
display: inline-block;
font-size: 102%;
font-weight: bold;
padding-top: 0.1px;
padding-right: 1px;
padding-left: 1px;
padding-bottom: 0.1px;
text-align: center;/*	width: 7em;*/
}
.inquiry {
margin-top: 1em;
}
.event_information .topic .inquiry dt {
background-color: #393;
color: #FFF;
display: inline-block;
font-size: 102%;
font-weight: bold;
padding: 0.1em;
text-align: center;/*	width: 7em;*/
}
ul.sage2 {
padding-left: 1.5em;
}
ul.sage2 li {
font-weight: normal!important;
margin-bottom: 0.1em;
list-style-position: outside;
list-style-type: decimal;
}
.figcaption span {
font-size: 1.2em;
}
.fa.fa-link {
display: inline-block;
padding-right: 0.5em;
}
.topic h4 em {
display: block;
padding-left: 0;
color: #1D1D1D;
font-size: small;
font-style: normal;
}
.topic h4 em:before {
content: "【"
}
.topic h4 em:after {
content: "】"
}
.list-wrap .module-triangle-right .flag {
display: inline-block;
float: left;
font-size: 80%;
margin-bottom: 0px;
margin-left: 0.5em;
margin-right: 0.3em;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0.2em;
padding-right: 0.2em;
padding-top: 0px;
text-align: center;
width: 8em;
}
.topics ul .module-triangle-right .date {
color: #407980;
display: inline-block;
float: left;
font-size: 0.8em;
font-weight: bold;
margin-bottom: 0px;
margin-left: 0.5em;
margin-right: 0.3em;
margin-top: 0px;
padding-bottom: 0em;
padding-left: 0.2em;
padding-right: 0.2em;
padding-top: 0.3em;
text-align: left;
}
.topics ul .module-triangle-right a {
clear: both;
display: block;
font-size: 105%;
margin-bottom: 0;
margin-top: 0.6em;
padding-bottom: 0;
padding-top: 0.2em;
}
.topics ul .module-triangle-right p {
display: block;
font-size: 90%;
margin: 0.2em;
padding: 0.2em;
}
.topics .module-triangle-right .flag {
display: inline-block;
float: left;
font-size: 80%;
margin-bottom: 0px;
margin-left: 0.5em;
margin-right: 0.3em;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0.2em;
padding-right: 0.2em;
padding-top: 0px;
text-align: center;
width: 8em;
}
.topics ul .module-triangle-right em {
display: block;
float: left;
margin-left: 0.5em;
}
.topics #page-wrap div .list-wrap ul li > a {
padding: 0.1em 0.5em;
color: #DF480F;
font-size: 1.02em;
font-weight: bold;
text-decoration: underline;
}
.pony #tab-two #tab2 div + p {
margin: 1em 2em 1em 2em;
}
.copy {
text-align: center;
font-weight: bold;
font-size: large;
color: #02082B;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
}
.width242 .listimage li img {
width: 120px;
}
.width242 .listimage li {
width: 120px;
font-size: 12px;
overflow: hidden;
margin-left: 1px;
margin-right: 0px;
}
.width242 .listimage li:first-child {
margin-left: 0px;
}
.width242 .listimage {
margin: 0px;
padding: 0px;
}
ul.sage {
padding-left: 1.2em;
}
ul.sage li {
font-weight: normal!important;
margin-bottom: 0.1em;
padding-left: 0.2em;
list-style-position: outside;
list-style-type: disc;
}
dd ul.sage {
padding-left: 0.2em;
}
ul.sage1 {
padding-left: 1.2em;
}
ul.sage1 li {
font-weight: normal!important;
margin-bottom: 0.1em;
padding-left: 0.2em;
list-style-position: outside;
list-style-type: none;
}
ul.sage2 {
padding-left: 1.5em;
}
ul.sage2 li {
font-weight: normal!important;
margin-bottom: 0.1em;
list-style-position: outside;
list-style-type: decimal;
}
ul.sage_n {
padding-left: 1.5em;
}
ul.sage_n li {
font-weight: normal!important;
margin-bottom: 0.1em;
list-style-type: none;
}
dd ul.sage2 {
padding-left: 1.5em;
}
dd ul.sage2 li {
font-weight: normal!important;
margin-bottom: 0.1em;
list-style-position: outside;
list-style-type: decimal;
}
dd ul.sage_n {
padding-left: 0.5em;
}
dd ul.sage_n li {
font-weight: normal!important;
margin-bottom: 0.1em;
list-style-type: none;
}
.width124 .figure.left {
float: left!important;
margin-left: 10px!important;
margin-right: 0px;
padding: 0;
width: 120px!important;
}
.width124 .figure.left img {
width: 120px!important;
padding: 0;
margin: 0;
}
.width124 .figure.left .figcaption {
width: 120px!important;
padding: 0;
margin: 0;
}
.width124 .figure.left .figcaption.center {
text-align: center!important;
width: 124px;
}
.figure.left.width160 .figcaption.center {
text-align: center!important;
width: 160px;
font-size: 1.1em;
}
.pony .topic section .content h3+p {
padding-left: 1em;
}
h4 .nomal {
font-weight: normal;
font-size: 0.909em;
color: #000000;
}
section h4 + p {
margin-left: 1em!important;
}
.normalize {
font-weight: normal!important;
}
.squarered {
border: thin solid #FF0000;
color: #FF0000;
}
.list4c dd .sage1 {
margin-top: -2em;
margin-left: 1em;
}
.topic section + section {
margin-top: 1.5em;
;
;
margin-bottom: 0px;
}
.clearfix .figure.left.width350 {
width: 350px;
}
.clearfix .figure.left.width350 .figcaption {
width: 350px;
}
.clearfix .figure.left.width350 img {
width: 350px;
}
.hanbai {
text-align: center!important;
font-weight: bold!important;
font-size: x-large;
color: #F9080C;
margin-top: 1em!important;
margin-bottom: 1em!important;
padding-top: 0.5em!important;
padding-bottom: 0.5em!important;
background-color: #FDE9E9!important;
border-radius: 4px!important;
border: thin solid #FF8E92!important;
}
.horseevent {
position: relative!important;
background: #ffd98a!important;
margin-left: 1em!important;
padding: 0.4em 5px 0.4em 25px!important;
font-size: 20px!important;
color: #474747!important;
border-radius: 0 10px 10px 0!important;
text-align: left!important;
}
.horseevent:before {
font-family: FontAwesome!important;
/*content: "\f00c"!important;*/
content: "\f133"!important;
display: inline-block!important;
line-height: 40px!important;
position: absolute!important;
padding: 0em!important;
color: white!important;
background: #ffa337!important;
font-weight: normal!important;
width: 40px!important;
text-align: center!important;
height: 40px!important;
line-height: 40px!important;
left: -1.35em!important;
top: 50%!important;
-moz-transform: translateY(-50%)!important;
-webkit-transform: translateY(-50%)!important;
-ms-transform: translateY(-50%)!important;
transform: translateY(-50%)!important;
border: solid 3px white!important;
border-radius: 50%!important;
}
.msage {
display: block;
text-indent: -1.5em;
margin-left: 1.5em;
}
.figure.right.logo.width120 {
width: 120px;
margin-bottom: 0px;
margin-top: -70px;
margin-right: 2em;
margin-left: auto;
}
.figure.right.whitelogo.width200 {
width: 200px;
margin-bottom: 0px;
margin-top: 10px;
margin-right: 1em;
margin-left: auto;
}
.figure.left.logo + p {
float: left;
margin-left: 2em;
margin-bottom: 1em;
}
.figure.left.space {
margin-left: 30px!important;
}
.figure.right.logo.width120 img {
width: 160px;
}
.figure.right.whitelogo.width200 img {
width: 200px;
}
.two-hour span {
Visibility: hidden;
}
.information.announcement .topic .figure.left {
float: left;
}
.clearfix.width220 .figure.left img {
width: 220px;
}
.horseevent2 {
position: relative!important;
background: #ffd98a!important;
margin-left: 1.5em!important;
padding: 0.4em 5px 0.4em 50px!important;
font-size: 18px!important;
color: #474747!important;
border-radius: 0 20px 20px 0!important;
text-align: left!important;
}
.horseevent2:before {
font-family: FontAwesome!important;
content: "\f00c"!important;
display: inline-block!important;
line-height: 60px!important;
position: absolute!important;
padding: 0em!important;
color: white!important;
background: #ffa337!important;
font-weight: normal!important;
width: 55px!important;
text-align: center!important;
height: 55px!important;
line-height: 55px!important;
left: -1.35em!important;
top: 50%!important;
-moz-transform: translateY(-50%)!important;
-webkit-transform: translateY(-50%)!important;
-ms-transform: translateY(-50%)!important;
transform: translateY(-50%)!important;
border: solid 3px white!important;
border-radius: 50%!important;
}
.figure.small img {
width: 240px!important;
}
.redtext {
color: red;
}
.width180 .figure.left {
float: left!important;
margin-left: 10px!important;
margin-right: 0px;
padding: 0;
width: 180px!important;
}
.width180 .figure.left img {
width: 180px!important;
padding: 0;
margin: 0;
}
.width180 .figure.left .figcaption {
width: 180px!important;
padding: 0;
margin: 0;
text-align: center;
}
.joba tr #tdcent em {
font-size: 90%;
white-space: nowrap;
}
.pony .joba #tdcent {
clear: right;
}
.pony .joba #tdcent span {
float: right;
}
.fig_small figure span.small {
font-size: 0.8em;
display: block;
text-align: center;
line-height: 130%;
}
.topic .figure.left.width120 {
width: 120px;
margin-left: 0.5em!important;
}
.topic .figure.left.width120 img {
width: 120px;
}
.topic .figure.left.width120 .figcaption {
padding-left: 0;
width: 120px!important;
text-align: center!important;
}
.topic .figure.left.width213 {
width: 213x;
margin-left: 0.5em!important;
}
.topic .figure.left.width213 img {
width: 213px;
}
.topic .figure.left.width213 .figcaption {
width: 213px;
text-align: center!important;
}
.figure img.border {
border: thin solid #5B5B5B;
display: block;
position: relative;
}
.topic .figure.left.width240 {
width: 240px;
margin-left: 0.5em!important;
}
.topic .figure.left.width240 img {
width: 240px;
}
.topic .figure.left.width240 .figcaption {
width: 240px;
text-align: center!important;
}
.topic .figure.left.width140 {
width: 140px;
margin-left: 1.4em!important;
}
.topic .figure.left.width140 img {
width: 140px;
}
.topic .figure.left.width140 .figcaption {
width: 140px;
text-align: center!important;
}
.topic .logo {
margin-left: 360px;
margin-bottom: -40px;
}
.topic .figure.left.width160190 img {
width: 160px;
height: 190px;
}
.topic .figure.left.width160190 .figcaption {
width: 160px;
font-size: 80%;
text-align: center!important;
}
.figure.bigimage img.vertical140210 {
width: 140;
height: 210px;
}
.figure .figcaption.a_left {
text-align: left;
}
.figure .figcaption.vertical {
margin-bottom: 0.2em;
width: 320px!important;
}
.figure .figcaption.vertical.half {
margin-bottom: 0.2em;
width: 160px!important;
}
.topic.lozenge_black section h3 {
border: none;
color: #0E618E;
padding-left: 0em;
display: block!important;
text-align: left;
text-indent: -1em!important;
padding-left: 1em!important;
}
.pony .topic.lozenge_black section h3 {
border: none;
color: #0E618E;
padding-left: 0em;
display: block!important;
text-align: left;
text-indent: -1em!important;
padding-left: 1em!important;
margin-top: 1em!important;
font-size: 1.1em;
}
.topic.lozenge_black section h3:before {
content: "◆";
}

.topic.lozenge_white section h3 {
border: none;
color: #0E618E;
padding-left: 0em;
display: block!important;
text-align: left;
text-indent: -1em!important;
padding-left: 1em!important;
}
.pony .topic.lozenge_white section h3 {
border: none;
color: #0E618E;
padding-left: 0em;
display: block!important;
text-align: left;
text-indent: -1em!important;
padding-left: 1em!important;
margin-top: 1em!important;
font-size: 1.1em;
}
.topic.lozenge_white section h3:before {
content: "◇";
}
.joba tr .tdcent em {
font-size: 90%;
white-space: nowrap;
}
.pony .joba .tdcent {
clear: right;
}
.pony .joba .tdcent span {
float: right;
}
.pony.kitz.prof .topic .prof .left {
margin-left: 80px;
margin-bottom: 20px;
}
.pony.kitz.guide .topic section .ponytitle.basya {
}
.thumb4 {
margin-left: 16px;
}
.thumb2 {
margin-left: 16px;
}
#tab3 .left img, #tab4 .left img {
width: 220px;
}
.indnt {
display: block;
margin-left: 1em;
}
.square.news {
padding: 1em;
border: thin solid #8F8F8F;
}
.square.news > h4 {
margin-top: 0.5em;
}
#target1 > h4, #target2 > h4 {
margin-top: 0.5em;
}
dl ~ p.kome {
margin-left: 1em;
}
.burasagari_text {
padding-left: 1em;
text-indent: -1em;
}
p.figcaption {
clear: both;
margin-top: -24px;
font-size: 85%;
text-align: center;
}
dd ul.outerlist {
margin-left: 1em!important;
}
dd ul.outerlist li {
padding-left: 1em;
list-style: disc;
list-style-position: outside!important;
}
dd ul.outerlist li > span {
padding-left: 1em;
}
.fas {
text-indent: -1em;
padding-left: 2em;
}
.fas a {
margin-left: -0.5em;
}
.pony #tab-two #tab2 div p.fas {
margin: 1em 2em 1em 1em!important;
}
table + p.kome {
margin-left: 0.8em!important;
margin-right: 0em!important;
}
h2 span.kome, h3 span.kome {
padding-left: 2em;
font-size: small!important;
display: inline-block!important;
font-weight: normal!important;
}
/*dl.list3c dd.list20{
clear: both;
padding-left: 5em!important;
}
dl.list4c dd.list20{
clear: both;
padding-left: 6em!important;
}*/

dl.list3c + h5 {
margin-top: 0!important;
margin-bottom: 0;
font-size: 1em!important;
}
.hideopen h4 {
margin-top: 0.6em!important;
margin-bottom: 0.1em!important;
padding: 0.2em 0 0.1!important;
background: white!important;
font-size: 1.1em!important;
}
.leftbox {
float: left;
display: block;
}
.leftbox.en6 {
width: 6em;
margin-right: 1em;
}
.leftbox.en6 + div {
margin-left: 7em;
display: block;
}
p + h4 {
margin-top: 0.5em!important;
}
.indent_text {
text-indent: 1em;
}

h2 + p {
margin-left: 1em;
}
h3~div.imgbox {
padding-left: 0!important;
}
p.figcaption.right {
margin-top: -1em;
text-align: right;
}
.notice h4 {
margin-top: 0!important;
}
.whitelogo + h2 {
margin-top: 0em!important;
}
.logo_yokohamafc .figure {
/*background-image: url(../../uma/images/20191003_29.jpg);
background-size: 200px 180px;
background-position: right top;
background-repeat: no-repeat;
min-height: 180px!important;
margin-left: -1em!important;*/
width: 200px;
margin: 0;
float: right;
height: 180px;
z-index: -100;
clear: right;
}
.logo_yokohamafc .figure img {
width: 200px;
height: 180px;
}
.pony .numincrement h2 {
color: #3D3C39!important;
}
.numincrement h2 {
margin-top: 1em;
padding-top: 0.5em;
margin-bottom: 0.5em;
}
.numincrement h2 {
counter-increment: hnum;
margin-left: 0.2em;
margin-top: 0.2em;
font-weight: bold;
font-size: 1.2em!important;
margin-top: 0.5em;
text-align: left!important;
}
.numincrement h2::before {
content: counter(hnum) ". ";
}
h2 + h3 {
margin-top: 0!important;
padding-top: 0!important;
}
/*.numincrementh3 h3 {
	margin-top: 1em;
	padding-top: 0.5em;
	margin-bottom: 0.5em;
}*/
.numincrementh3 h3 {
counter-increment: hnum;
margin-left: 0em;
margin-top: 0.2em;
font-weight: bold;
font-size: 1.1em;
margin-top: 0.5em;
text-align: left!important;
text-indent: -1em;
padding-left: 1.5em;
}
.numincrementh3 h3::before {
content: counter(hnum) ". ";
}
.topic.border_none h3 {
margin-left: 0.5em;
border: none!important;
color: #0E618E;
padding-left: 0em;
display: block!important;
text-align: left;
text-indent: -1em!important;
padding-left: 1em!important;
}
.notice {
position: relative;
z-index: 1; 
}
.notice a.overall {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent:-999px;
z-index: 2; 
}

.primary p{
text-align: justify;
text-justify: inter-ideograph;
/*font-feature-settings: "palt";*/
font-feature-settings: "pwid";
font-size: 105%;
}
div.flexcenter {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
mfp-div p ruby{
font-size: 10px;
}
.figcaption dl > dt,
.figcaption dl > dd{
font-size: 118%;
}
h2 + dl,
h3 + dl{
margin-left: 1em;
}
.figure.width160 .figcaption {
width: 160px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-top: 0;
}
dd > p {
font-size: 1em!important;
margin-top: 0!important;
margin-bottom: 0!important;
}
.figure.left + div.caption.width240 {
clear: both;
display: block;
margin-left: auto!important;
margin-right: auto!important;
text-align: center!important;
width: 240px;
}
.figure.left + div.caption strong {
font-weight: bold;
}
#tab3 li ul li em {
display: block;
color: #333333;
font-weight: normal;
font-style: normal;
margin: 0;
padding: 0;
}
.list3c dd .burasagari_text {
display: block;
}
.figures.center .figure.width280 .figcaption {
text-align: center;
}
.schedule .joba tr .tdcent {
text-align: left!important;
vertical-align: text-top
}
.schedule .joba tr .tdcent span {
clear: both;
float: none;
}






@media print {
    .figures.center {
    display: block;
    }
    .figures .figure.single,
    .figures .figure.width500.single,
    .figures .figure.width340.single, 
    .figures .figure.width280.single {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    }
    .figures .figure.width180 {
    float: left;
    margin-left: 0px;
    margin-right: 2px;
    }
.figure.width180.print.boxcenter {
margin-left: 105.8px;
}
.figures.center .figcaption.center {
margin-top: -1em;
margin-left: auto;
margin-right: auto;
}

.kome {
clear: both;
}

}