@charset "UTF-8";
/*
Theme Name: idai_theme
Theme URI:
Author: sakurage
Author URI: 
Description: 
Version: 1.0
*/
/* --------------------------------------------------
	 0. Reset
-------------------------------------------------- */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
/* --------------------------------------------------
	 1. General
-------------------------------------------------- */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Verdana, Arial, sans-serif;
	color: #333333;
	background-color: white;
	word-wrap: break-word;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	font-size: 16px;
	line-height: 1.8;
}
h1, h2, h3, h4, h5, h6 {
	color: #524942;
}
a:link, a:visited {
	color: #1046aa;
	text-decoration: none;
}
a:hover, a:active {
	color: #1046aa;
	text-decoration: underline;
}
ol, ul {
	list-style: none;
}
em, dl {
	font-style: normal;
}
sup, sub {
	font-size: 9px;
	line-height: 1.25;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
	background-color: transparent;
}
table caption, table th, table td {
	text-align: left;
	vertical-align: middle;
	padding: 10px;
}
table th {
	font-weight: bold;
}
table.border {
	width: 100%;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
table.border caption, table.border th, table.border td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
table.border th {
	white-space: nowrap;
	background-color: #f6f6f6;
}
table.border th.left, table.border td.left {
	text-align: left;
}
table.border th.center, table.border td.center {
	text-align: center;
}
table.border th.right, table.border td.right {
	text-align: right;
}
.ime-on {
	ime-mode: active;
}
.ime-off {
	ime-mode: inactive;
}
select, textarea, input[type="text"], input[type="email"], input[type="password"] {
	margin: 5px;
	padding: 4px 3px;
	color: #333;
	border: 1px solid #b3b3b3;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
input[type="radio"], input[type="checkbox"] {
	margin: 3px 0 5px 5px;
	cursor: pointer;
}
input[type="radio"] + label, input[type="checkbox"] + label {
	padding: 0 8px 0 2px;
	cursor: pointer;
}
 input:-moz-placeholder, textarea:-moz-placeholder {
 color: #999999;
}
input::-moz-placeholder, textarea::-moz-placeholder {
 color: #999999;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 color: #999999;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: #999999;
}
/* --------------------------------------------------
	 2. Font
-------------------------------------------------- */
/*@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot");
  src: url("fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("fonts/icomoon.woff") format("woff"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}*/
.icon {
	background: url(images/footer_arrow.png) no-repeat left center;
	margin-right: 0.5em;
}
/* --------------------------------------------------
	 3. Container
-------------------------------------------------- */
#container {
	position: relative;
}
.h1wrap100 {
	background: #1046aa;
	width: 100%;
	border-bottom: 1px #cccccc solid;
	height: 2em;
}
.h1wrap {
	/*	position: relative;
*/	width: 1024px;
	margin-left: auto;
	margin-right: auto;/* text-align: right; */
}

@media screen and (max-width: 1024px) {
.h1wrap {
	text-indent: 1em;
}
}
.h1areas {
	position: absolute;
	top: 5px;
	color: #ffffff;
	font-size: 9px;
	z-index: 9999;
	text-align: right;/* padding-right: 50px; */
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
#container #header, #container #content, #container #footer {
	margin: 0px auto;
	width: 95%;
}
}

@media screen and (min-width: 1024px) {
#container #header, #container #content, #container #footer {
	margin: 0 auto;
	max-width: 1024px;
	width: 100%;
}
}
/* --------------------------------------------------
	 4. Header
-------------------------------------------------- */
.header100 {
	background: #1046aa;
	width: 100%;
	margin-bottom: 8px;
}
#header {
	position: relative;
/*	background: #1046aa;
*/}
#header .logo a {
	background: url(images/header_logo.png) left bottom no-repeat;
	display: block;
	min-height: 86px;
	color: #ffffff;
	text-decoration: none !important;
}
.logotit_s {
	font-size: 16px;
	color: #f4f4f4;
	line-height: 2.0;
	font-weight: normal;
	margin-left: 125px;
}

@media screen and (max-width: 1023px) {
.logotit_s {
	margin-left: 0px;
}
}

@media screen and (max-width: 500px) {
.logotit_s {
	font-size: 12px;
}
}

@media screen and (max-width: 400px) {
#header .logo a {
	font-size: 1.6em !important;
	padding-top: 2.0em !important;
}
.logotit_s {
	line-height: 1.0;
	font-size: 0.5em;
	letter-spacing: 0em;
}
}
#header .logo a img {
	display: block;
	max-width: 100%;
	height: auto;
}
#header span.menu {
	display: none;
	position: absolute;
	right: 15px;
	top: 15px;
	padding: 9px;
	color: #fff;
	cursor: pointer;
}
#header span.menu:hover {
/*	background-color: #FFFFFF;
*/}
#header div.menu .main li a, #header div.menu .main li .private {
	display: block;
	padding: 10px 0;
	color: #524942;
	background-color: white;
	font-size: 1.1em;
}
#header div.menu .main li a:hover, #header div.menu .main li .private:hover {
	text-decoration: none;
	color: #1046aa;
	background-color: #f2f2f2;
}
#header div.menu .main li a span, #header div.menu .main li .private span {
	display: block;
}
#header div.menu .main li .private {
	color: #cfc9c4;
}
#header div.menu .main li .private:hover {
	color: #1046aa;
	background-color: white;
}

/*@media screen and (min-width: 320px) and (max-width: 799px) {
*/
@media screen and (max-width: 799px) {
	li.contact {
		display: none;
	}
#header .logo {
	padding: 25px 5px 20px;
}
#header .logo a {
	font-size: 1.8em;
	line-height: .8em;
	padding-left: 100px;
	padding-top: 1.0em;
}
#header span.menu {
	display: block;
	width: 32px;
	height: 15px;
}
.icon-list {
	position: absolute;
	top: 20px;
	right: 0;
	display: block;
	width: 32px;
	height: 28px;
	border-top: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	font-size: 0;
	cursor: pointer;
	-webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
.icon-list::after {
	position: absolute;
	top: 7px;
	left: 0;
	content: '';
	display: block;
	width: 32px;
	height: 3px;
	background-color: #FFFFFF;
}
#header div.menu {
	visibility: visible;
	overflow: hidden;
	height: 0;
	-webkit-transition: height 300ms cubic-bezier(0.2, 0.8, 0.4, 1);
	-moz-transition: height 300ms cubic-bezier(0.2, 0.8, 0.4, 1);
	-o-transition: height 300ms cubic-bezier(0.2, 0.8, 0.4, 1);
	transition: height 300ms cubic-bezier(0.2, 0.8, 0.4, 1);
}
#header div.menu .main li, #header div.menu .sub li {
	border-top: 1px solid #cccccc;
}
#header div.menu .main li a, #header div.menu .main li .private, #header div.menu .sub li a, #header div.menu .sub li .private {
	padding: 10px 15px;
}
#header div.menu .main li a span, #header div.menu .main li .private span, #header div.menu .sub li a span, #header div.menu .sub li .private span {
	background: transparent url(img/arrow-black.png) no-repeat right center;
	-webkit-background-size: 7px 12px;
	-moz-background-size: 7px 12px;
	-o-background-size: 7px 12px;
	background-size: 7px 12px;
}
#header div.menu .main li a span i, #header div.menu .main li .private span i, #header div.menu .sub li a span i, #header div.menu .sub li .private span i {
	padding-right: 5px;
}
#header div.menu .main {
/*	border-bottom: 5px solid #A5CAFF
*/}
#header div.menu .sub {
	border-bottom: 1px solid #cccccc;
}
#header div.menu .sub li a, #header div.menu .sub li .private {
	display: block;
	color: #524942;
	font-size: 12px;
	background-color: white;
}
#header div.menu .sub li a:hover, #header div.menu .sub li .private:hover {
	text-decoration: none;
	color: #1046aa;
	background-color: #f2f2f2;
}
#header div.menu .sub li a span, #header div.menu .sub li .private span {
	display: block;
}
#header div.menu .sub li .private {
	color: #cfc9c4;
}
#header div.menu .sub li .private:hover {
	color: #cfc9c4;
	background-color: white;
}
#header div.menu .sub li.sitemaps {
/*	display: none;
*/}
#header div.menu li.active a {
	color: #fff;
	background-color: #B8E3FF;
}
#header div.menu li.active a:hover {
	color: #fff;	
	background-color: #B8E3FF;/*	background-color: #5AB2FB;
*/}
#header div.menu li.active a span {
	background: transparent url(img/arrow-white.png) no-repeat right center;
	-webkit-background-size: 7px 12px;
	-moz-background-size: 7px 12px;
	-o-background-size: 7px 12px;
	background-size: 7px 12px;
}
#header.opened div.menu {
	height: 571px;
	height: 615px;
}
}

@media screen and (max-width: 320px) {
	#header.opened div.menu {
		height: 640px;
	}
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
/*#header .logo {
	padding: 30px 0;
}
#header .logo a {
	width: 460px;
}*/
#header .logo {
	padding: 25px 5px 20px;
}
#header .logo a {
	font-size: 1.8em;
	line-height: .8em;
	padding-left: 110px;
	padding-top: 1.0em;
}
#header div.menu .main li a span i, #header div.menu .main li .private span i {
	margin: 10px 0 15px;
	font-size: 18px;
}
#header div.menu .main li a span em, #header div.menu .main li .private span em {
	margin-bottom: 5px;
	font-size: 14px;
}
#header div.menu .sub {
	top: 30px;
}
}

/*@media screen and (min-width: 960px) {
*/
@media screen and (min-width: 1024px) {
#header .logo {
	padding: 30px 0px 15px;
}
#header .logo a {
	width: 600px;
	font-size: 36px;
	text-indent: 120px;
	line-height: 0.8;
	padding-top: 20px;
}
#header div.menu .main li a span i, #header div.menu .main li .private span i {
	margin: 10px 0 20px;
	font-size: 19px;
}
#header div.menu .main li a span em, #header div.menu .main li .private span em {
	margin-bottom: 10px;
	font-size: 15px;
}
#header div.menu .sub {
	top: 45px;
}
}

@media screen and (min-width: 800px) {
#header div.menu {
/*    margin-bottom: 30px;
*/  }
#header div.menu .main {
	display: none;/*
    display: table;
    table-layout: fixed;
    padding-top: 20px;
    width: 100%;
    border-top: 1px solid #d9d9d9;*/
}
#header div.menu .main li {
	display: table-cell;
	text-align: center;
}
#header div.menu .main li.home a span em {
	border-left: 1px solid #cccccc;
}
#header div.menu .main li.active:after {
	background: transparent url(img/header/line.png) repeat-x left top;
}
#header div.menu .main li.active a {
	color: #1046aa;
	background-color: #f7f7f7;
}
#header div.menu .main li.active a:hover {
	color: #007976;
	background-color: #f2f2f2;
}
#header div.menu .main li:after {
	content: " ";
	display: block;
	width: 100%;
	height: 3px;
}
#header div.menu .main li a span i, #header div.menu .main li .private span i {
	display: block;
}
#header div.menu .main li a span em, #header div.menu .main li .private span em {
	display: block;
	font-weight: bold;
	border-right: 1px solid #cccccc;
}
#header div.menu .sub {
	position: absolute;
	right: 0;
	overflow: hidden;
 *zoom: 1;
}
#header div.menu .sub li {
	float: left;
	margin-left: 30px;
	font-size: 14px;
}
#header div.menu .sub li.news, #header div.menu .sub li.guide, #header div.menu .sub li.privacy {
	display: none;
}
#header div.menu .sub li a, #header div.menu .sub li .private {
	padding: 5px 0;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
}
#header div.menu .sub li.sitemaps a, #header div.menu .sub li.sitemaps .private {
	color: #FFFFFF;
}
#header div.menu .sub li.sitemaps a:hover, #header div.menu .sub li.sitemaps .private:hover {
	color: #FFFFFF;
}
#header div.menu .sub li.sitemaps a span, #header div.menu .sub li.sitemaps .private span {
	padding-left: 10px;
	background: transparent url(img/header/arrow.png) no-repeat left center;
	-webkit-background-size: 4px 7px;
	-moz-background-size: 4px 7px;
	-o-background-size: 4px 7px;
	background-size: 4px 7px;
}
#header div.menu .sub li.sitemaps a span i, #header div.menu .sub li.sitemaps .private span i {
	display: none;
}
#header div.menu .sub li.contact a {
	padding: 5px 20px;
	color: #fff;/*    background-color: #1046aa;
*/
}
#header div.menu .sub li.contact a:hover {
/*    background-color: #00938f;
*/  }
#header div.menu .sub li.contact a i {
	display: none !important;
}
}
/* --------------------------------------------------
	 5. Content
-------------------------------------------------- */
#content {
	position: relative;
	overflow: hidden;
 *zoom: 1;
}
/* --------------------------------------------------
	 6. Main
-------------------------------------------------- */
#main .breadcrumb {
	position: relative;
}
#main .breadcrumb > li {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
}
#main .breadcrumb > li.home:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
	color: #999999;
	padding-right: 5px;
}
#main .breadcrumb > li + li:before {
	padding: 0 5px;
	color: #999999;
	font-size: 8px;
	content: ">";
}
#main .breadcrumb > li.active {
	color: #666666;
}
.main_title {
	color: #1046aa;
	border-bottom: 1px solid #1046aa;
}
#main h2.title {
	margin-bottom: 15px;
	padding-left: 5px;
	color: #1046aa;
	border-bottom: 1px dotted #cccccc;
}
.txttitle {
	margin-bottom: 15px;
	padding-left: 5px;
	color: #1046aa;
	border-bottom: 1px dotted #cccccc;
	font-size: 1.6em;
}
.txttitle_mtop {
	margin-top: 15px;
}
#main article {
	position: relative;
}
#main article .content {
	overflow: hidden;
 *zoom: 1;
}
#main .pagination ul {
	text-align: center;
}
#main .pagination ul li {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	margin: 0 3px;
}
#main .pagination ul li a {
	display: block;
	padding: 3px 8px;
	color: #666666;
	border: 1px solid #cccccc;
}
#main .pagination ul li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #00938f;
}
#main .pagination ul li.active a {
	color: #fff;
	background-color: #1046aa;
}
#main .pagination ul li.active a:hover {
	background-color: #00938f;
}

@media screen and (max-width: 799px) {
#main .breadcrumb {
	margin-bottom: 20px;
	padding: 8px 15px;
	font-size: 11px;
	background-color: #f2f2f2;
}
#main .breadcrumb > li + li:before {
	padding: 0 2px;
}
.main_title {
	margin-bottom: 20px;
	padding-bottom: 20px;
	/*font-size: 16px;*/
	font-size: 1.8em;
	text-align: center;
}
#main h2.title {
	margin-bottom: 15px;
	padding-bottom: 5px;
	font-size: 14px;
}
#main article {
	padding: 0 15px;
}
#main article > section {
	margin-bottom: 40px;
}
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
#main {
	margin-bottom: 100px;
}
.main_title {
	margin-bottom: 30px;
	padding-bottom: 30px;
	font-size: 20px;
}
#main h2.title {
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-size: 16px;
}
#main article > section {
	margin-bottom: 50px;
}
}

/*@media screen and (min-width: 960px) {*/
@media screen and (min-width: 1024px) {
#main {
	margin-bottom: 120px;
}
.main_title {
	margin-bottom: 20px;
	/*    padding-bottom: 40px;
*/    font-size: 28px;
}
#main h2.title {
	margin-bottom: 30px;
	padding-bottom: 5px;
	font-size: 18px;
}
.txttitle {
	margin-bottom: 30px;
	padding-bottom: 5px;
	font-size: 18px;
}
.txttitle_mtop {
	margin-top: 30px;
}
#main article > section {
	margin-bottom: 60px;
}
}

@media screen and (min-width: 800px) {
#main {
	float: right;
	/*	padding-left: 15px;
	width: 75%;
*/	width: 73.1445%;
}
#main .breadcrumb {
	margin-bottom: 40px;
	padding: 5px;
	border-bottom: 1px solid #cccccc;
}
.main_title {
	padding-top: 20px;
}
}
/* --------------------------------------------------
	 7. Sub
-------------------------------------------------- */
/*#sub .banner {
  position: relative;
  overflow: hidden;
  background: transparent url(img/loader.gif) no-repeat center 100px;
  -webkit-background-size: 32px 32px;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  background-size: 32px 32px;
}
*/
#sub .banner li {
	text-align: center;
}
.banner_s {
	font-size: 0.9em;
	color: #858585;
}
#sub .banner li.private {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: 0.3;
}
#sub .banner li a {
	background: #1046aa;
	display: block;
	color: #ffffff;
	text-decoration: none;
	line-height: 1.2;
	font-weight: bold;
}
#sub .banner li a:hover {
	background-color: #3779F3;
}
#sub .banner li a img, #sub .banner li span img {
	margin-bottom: 10px;
	display: block;
	max-width: 100%;
	height: auto;
	background: #ffffff;
}
#sub .banner li a:hover img {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	background: #ffffff !important;
}
#sub .banner li h4 {
	font-weight: normal;
}
#sub .banner .nav {
	display: none;
}

@media screen and (max-width: 799px) {
#sub {
	/*    margin: 30px 0;
*/
	display: none;
}
#sub .banner {
	padding-top: 300px;
	background-color: #f2f2f2;
}
#sub .banner ul {
	position: absolute;
	left: 1000px;
	top: 0;
}
#sub .banner ul li {
	float: left;
	padding: 30px 0 20px;
}
#sub .banner ul li a, #sub .banner ul li span {
	margin: 0 auto;
	max-width: 240px;
}
#sub .banner ul li h4 {
	font-weight: bold;
}
#sub .banner ul li p {
	padding: 0 40px;
}
#sub .banner .nav {
	display: table;
	table-layout: fixed;
	width: 100%;
}
#sub .banner .nav .prev, #sub .banner .nav .next, #sub .banner .nav .dot {
	display: table-cell;
	vertical-align: middle;
	padding: 20px 0;
	text-align: center;
}
#sub .banner .nav .prev span, #sub .banner .nav .next span {
	cursor: pointer;
	color: #524942;
	font-size: 24px;
}
#sub .banner .nav .prev span:hover, #sub .banner .nav .next span:hover {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}
#sub .banner .nav .dot span {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	margin: 2px;
	color: #666666;
	font-size: 17px;
	cursor: pointer;
}
#sub .banner .nav .dot span.active {
	color: #1046aa;
}
#sub .banner .nav .dot span:hover {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
#sub {
	margin-bottom: 100px;
}
}

/*@media screen and (min-width: 960px) {*/
@media screen and (min-width: 1024px) {
#sub {
	margin-bottom: 120px;
}
}

@media screen and (min-width: 800px) {
#sub {
	float: left;
	/*    padding: 30px 0 0 0px;
*/
	padding: 0px;
	width: 25%;
	width: 24.414%;
}
#sub .banner {
	background: none;
}
#sub .banner li {
	margin-bottom: 1px;
}
#sub .banner li a {
	text-align: left;
	padding: 6px 0px 6px 20px;
}
.noback a {
	margin-top: 6px;
	padding: 0px !important;
	margin-bottom: 40px;
}
.noback a:hover {
	padding: 0px !important;
	background: #ffffff !important;
}
#sub .banner li p {
	display: none;
}
}
/* --------------------------------------------------
	 8. Footer
-------------------------------------------------- */
.gotop {
	position: absolute;
	right: 5px;
	top: -50px;
}
.footer100 {
	background: #424242;
	width: 100%;
}
#footer {
	margin-top: 60px;
	position: relative;
	background: #424242;
}
#footer .pagetop a {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
}
#footer .pagetop a:hover {
	text-decoration: none;
}
#footer .pagetop a:hover span {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}
#footer .pagetop a span {
	color: #524942;
	font-size: 40px;
}
#footer .museum img {
	display: block;
	max-width: 100%;
	height: auto;
}
#footer .link div {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
}
#footer .link div a:hover img {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}
#footer .link div a img {
	display: block;
	max-width: 100%;
	height: auto;
	border: 1px solid #cccccc;
}
#footer .social-button > ul {
	padding: 0;
	text-align: center;
	overflow: hidden;
 *zoom: 1;
}
#footer .social-button > ul > li {
	margin: 0 5px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
}
#footer .copyright {
	text-align: center;
}

@media screen and (max-width: 799px) {
#footer .pagetop {
	text-align: center;
}
#footer .museum {
	display: none;
}
#footer .link {
	display: table;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 20px;
	margin: 10px 0;
	width: 100%;
}
#footer .link div {
	display: table-cell;
}
#footer .link div img {
	max-width: 140px;
}
#footer .social-button {
	margin-bottom: 30px;
	padding: 10px 0;
	background-color: #f2f2f2;
}
#footer .social-button > ul > li {
	margin: 5px;
}
#footer .menu .logo {
	display: none;
}
#footer .menu .main li, #footer .menu .sub li {
	border-top: 1px solid #cccccc;
}
#footer .menu .main li a, #footer .menu .main li .private, #footer .menu .sub li a, #footer .menu .sub li .private {
	display: block;
	padding: 10px 15px;
	color: #FFFFFF;
	background-color: #ffffff;
	font-size: 1.1em;
}
#footer .menu .main li a:hover, #footer .menu .main li .private:hover, #footer .menu .sub li a:hover, #footer .menu .sub li .private:hover {
	text-decoration: none;
	color: #1046aa;
	background-color: #f2f2f2;
}
#footer .menu .main li a span, #footer .menu .main li .private span, #footer .menu .sub li a span, #footer .menu .sub li .private span {
	color: #333333;
	display: block;
	background: transparent url(img/arrow-black.png) no-repeat right center;
	-webkit-background-size: 7px 12px;
	-moz-background-size: 7px 12px;
	-o-background-size: 7px 12px;
	background-size: 7px 12px;
}
#footer .menu .main li a span i, #footer .menu .main li .private span i, #footer .menu .sub li a span i, #footer .menu .sub li .private span i {
	padding-right: 5px;
}
#footer .menu .main li .private, #footer .menu .sub li .private {
	color: #cfc9c4;
}
#footer .menu .main li .private:hover, #footer .menu .sub li .private:hover {
	color: #cfc9c4;
	background-color: white;
}
#footer .menu .main {
/*    border-bottom: 5px solid #1046aa;
*/  }
#footer .menu .sub {
	border-bottom: 1px solid #cccccc;
	display: none;
}
#footer .menu .sub li a {
	font-size: 12px;
}
#footer .menu .sub li.sitemaps {
	display: none;
}
#footer .menu li.active a {
	color: #fff;
	background-color: #B8E3FF !important;
}
#footer .menu li.active a:hover {
	color: #fff;
	/*	color: #1046aa !important;
*/	background-color: #B8E3FF;
}
#footer .menu li.active a span {
	background: transparent url(img/arrow-white.png) no-repeat right center;
	-webkit-background-size: 7px 12px;
	-moz-background-size: 7px 12px;
	-o-background-size: 7px 12px;
	background-size: 7px 12px;
}
#footer .copyright {
	font-size: 8px;
	color: #ffffff;
}
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
#footer .museum {
	position: absolute;
	left: 0;
	top: -60px;
	width: 480px;
}
#footer .link, #footer .social-button {
	padding: 30px 0;
}
#footer .link {
	width: 320px;
}
#footer .link div {
	width: 140px;
}
#footer .link div.saga-u {
	margin-right: 20px;
}
#footer .social-button {
	width: 460px;
}
#footer .menu {
	padding: 20px 0;
}
#footer .menu .logo {
	top: 40px;
	width: 240px;
}
#footer .menu .main, #footer .menu .sub {
	/*    margin-left: 250px;
*/    padding: 5px 0;
	font-size: 14px;
}
#footer .menu .main li, #footer .menu .sub li {
	font-size: 12px;
}
}

/*@media screen and (min-width: 960px) {*/
@media screen and (min-width: 1024px) {
#footer .museum {
	position: absolute;
	left: 0;
	top: -80px;
	width: 640px;
}
#footer .link, #footer .social-button {
	padding: 40px 0;
}
#footer .link {
	width: 480px;
}
#footer .link div {
	width: 210px;
}
#footer .link div.saga-u {
	margin-right: 40px;
}
#footer .social-button {
	width: 470px;
}
#footer .social-button > ul {
	padding-top: 10px;
}
#footer .social-button > ul > li.line {
	display: none;
}
#footer .menu {
/*    padding: 40px 0;
*/  }
#footer .menu .logo {
	top: 60px;
	width: 320px;
}
#footer .menu .main, #footer .menu .sub {
	/*    margin-left: 370px;
*/    padding: 5px 0;
	font-size: 14px;
}
}

@media screen and (min-width: 800px) {
#footer {
}
#footer .pagetop {
	position: absolute;
	right: 20px;
	top: -60px;
}
#footer .link {
	float: left;
}
#footer .social-button {
	float: right;
}
#footer .social-button > ul {
	text-align: right;
}
#footer .menu {
	clear: both;
	position: relative;
	text-align: center;
}
#footer .menu .logo {
	position: absolute;
	left: 0;
}
#footer .menu .logo img {
	display: block;
	max-width: 100%;
	height: auto;
}
#footer .menu .main li, #footer .menu .sub li {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	padding-left: 1em;
}
#footer .menu .main li a, #footer .menu .main li .private, #footer .menu .sub li a, #footer .menu .sub li .private {
	padding-left: 15px;
	color: #FFFFFF;
	background: transparent url(img/arrow.png) no-repeat left center;
	-webkit-background-size: 6px 9px;
	-moz-background-size: 6px 9px;
	-o-background-size: 6px 9px;

	background-size: 6px 9px;
}
#footer .menu .main li a:hover, #footer .menu .main li .private:hover, #footer .menu .sub li a:hover, #footer .menu .sub li .private:hover {
/*    color: #1046aa;
*/  }
#footer .menu .main li a i, #footer .menu .main li .private i, #footer .menu .sub li a i, #footer .menu .sub li .private i {
	display: none;
}
#footer .menu .main li .private, #footer .menu .sub li .private {
	color: #cfc9c4;
}
#footer .menu .main li .private:hover, #footer .menu .sub li .private:hover {
	color: #cfc9c4;
}
#footer .copyright {
	font-size: 11px;
	border-top: 1px solid #d9d9d9;
	color: #ffffff;
	padding-bottom: 1.0em;
	line-height: 2.6;
}
}
/* --------------------------------------------------
	 9. Home
-------------------------------------------------- */
body.home #main, body.home #sub {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
/*body.home #main article.home .promotion {
  position: relative;
}
body.home #main article.home .promotion .nivoSlider {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}
body.home #main article.home .promotion .nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px;
  max-width: none;
  display: block;
  max-width: 100%;
  height: auto;
}
body.home #main article.home .promotion .nivo-main-image {
  display: block !important;
  position: relative !important;
  width: 100% !important;
}
body.home #main article.home .promotion .nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%;
  top: 0;
}
body.home #main article.home .promotion .attention {
  display: none;
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: #fff;
  font-size: 12px;
  text-shadow: 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black;
  z-index: 10;
}
*/
body.home #main article.home .news {
	position: relative;
}
body.home #main article.home .news h2 {
	margin-bottom: 10px;
	padding: 10px;
	border-bottom: 1px solid #cccccc;
}
body.home #main article.home .news h2 i {
	padding-right: 5px;
	color: #1046aa;
}
body.home #main article.home .news .nothing {
	text-align: center;
}
body.home #main article.home .news .more {
	position: absolute;
}
body.home #main article.home .news .more a {
	padding: 5px 10px;
	line-height: 1;
	color: #fff;
	background-color: #524942;
}
body.home #main article.home .news .more a:hover {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	text-decoration: none;
}
body.home #main article.home .news li {
	border-bottom: 1px dotted #999999;
}
body.home #main article.home .news li a {
	position: relative;
	display: block;
	padding: 10px;
}
body.home #main article.home .news li a:hover {
	text-decoration: none;
	background-color: #f7f7f7;
}
body.home #main article.home .news li a:hover .date {
	background-color: #d9d9d9;
}
body.home #main article.home .news li a:hover .title {
	text-decoration: underline;
}
body.home #main article.home .news li a .date {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	padding: 5px 10px;
	line-height: 1;
	color: #666666;
	font-size: 12px;
	background-color: #e6e6e6;
}
body.home #main article.home .news li a .date .week {
	font-size: 10px;
}
body.home #main article.home .news li a .title {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	padding: 5px 10px;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
body.home #main article.home .exhibition-event {
	position: relative;
	overflow: hidden;
 *zoom: 1;
}
body.home #main article.home .exhibition-event .exhibition, body.home #main article.home .exhibition-event .event {
	position: relative;
}
body.home #main article.home .exhibition-event .exhibition h2 i, body.home #main article.home .exhibition-event .event h2 i {
	padding-right: 5px;
}
body.home #main article.home .exhibition-event .exhibition .nothing, body.home #main article.home .exhibition-event .event .nothing {
	text-align: center;
}
body.home #main article.home .exhibition-event .exhibition .wait, body.home #main article.home .exhibition-event .event .wait {
	margin: 20px;
}
body.home #main article.home .exhibition-event .exhibition .more, body.home #main article.home .exhibition-event .event .more {
	position: absolute;
}
body.home #main article.home .exhibition-event .exhibition .more a, body.home #main article.home .exhibition-event .event .more a {
	padding: 5px 10px;
	line-height: 1;
	color: #fff;
	background-color: #524942;
}
body.home #main article.home .exhibition-event .exhibition .more a:hover, body.home #main article.home .exhibition-event .event .more a:hover {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	text-decoration: none;
}
body.home #main article.home .exhibition-event .exhibition li, body.home #main article.home .exhibition-event .event li {
	border-bottom: 1px dotted #999999;
}
body.home #main article.home .exhibition-event .exhibition li a, body.home #main article.home .exhibition-event .event li a {
	position: relative;
	display: block;
	padding: 10px 10px 10px 130px;
}
body.home #main article.home .exhibition-event .exhibition li a:hover, body.home #main article.home .exhibition-event .event li a:hover {
	text-decoration: none;
	background-color: #f7f7f7;
}
body.home #main article.home .exhibition-event .exhibition li a:hover img, body.home #main article.home .exhibition-event .event li a:hover img {
	border: 1px solid #b3b3b3;
}
body.home #main article.home .exhibition-event .exhibition li a:hover .date, body.home #main article.home .exhibition-event .event li a:hover .date {
	background-color: #d9d9d9;
}
body.home #main article.home .exhibition-event .exhibition li a:hover .title, body.home #main article.home .exhibition-event .event li a:hover .title {
	text-decoration: underline;
}
body.home #main article.home .exhibition-event .exhibition li a img, body.home #main article.home .exhibition-event .event li a img {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 100px;
	height: 80px;
	border: 1px solid #cccccc;
}
body.home #main article.home .exhibition-event .exhibition li a .date, body.home #main article.home .exhibition-event .event li a .date {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	margin-bottom: 10px;
	padding: 5px 10px;
	line-height: 1;
	color: #666666;
	font-size: 12px;
	background-color: #e6e6e6;
}
body.home #main article.home .exhibition-event .exhibition li a .date .week, body.home #main article.home .exhibition-event .event li a .date .week {
	font-size: 10px;
}
body.home #main article.home .exhibition-event .exhibition li a .title, body.home #main article.home .exhibition-event .exhibition li a .period, body.home #main article.home .exhibition-event .event li a .title, body.home #main article.home .exhibition-event .event li a .period {
	display: block;
	margin-bottom: 5px;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
body.home #main article.home .exhibition-event .exhibition li a .period, body.home #main article.home .exhibition-event .event li a .period {
	color: #524942;
}

@media screen and (max-width: 799px) {
body.home #main article.home {
	padding: 0;
}
/*  body.home #main article.home .promotion {
    margin-bottom: 20px;
  }
  body.home #main article.home .promotion .attention {
    font-size: 11px;
  }
*/  body.home #main article.home .news {
	margin-bottom: 30px;
}
body.home #main article.home .news .nothing {
	padding: 30px 0;
}
body.home #main article.home .news .more {
	right: 15px;
	top: 10px;
}
body.home #main article.home .news li .title {
	width: 100%;
}
body.home #main article.home .banner {
	display: none;
}
body.home #main article.home .exhibition-event.select-exhibition .event, body.home #main article.home .exhibition-event.select-event .exhibition {
	position: absolute;
	left: 0;
	top: 0;
}
body.home #main article.home .exhibition-event.select-exhibition .event h2, body.home #main article.home .exhibition-event.select-event .exhibition h2 {
	z-index: 2;
	background-color: #f7f7f7;
	border-top: 5px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}
body.home #main article.home .exhibition-event.select-exhibition .event ul, body.home #main article.home .exhibition-event.select-event .exhibition ul {
	display: none;
}
body.home #main article.home .exhibition-event.select-exhibition .event .nothing, body.home #main article.home .exhibition-event.select-event .exhibition .nothing {
	display: none;
}
body.home #main article.home .exhibition-event.select-exhibition .event .wait, body.home #main article.home .exhibition-event.select-event .exhibition .wait {
	display: none;
}
body.home #main article.home .exhibition-event.select-exhibition .event h2 {
	border-left: 1px solid #d9d9d9;
}
body.home #main article.home .exhibition-event.select-event .exhibition h2 {
	border-right: 1px solid #d9d9d9;
}
body.home #main article.home .exhibition-event.select-exhibition .exhibition .more, body.home #main article.home .exhibition-event.select-event .event .more {
	z-index: 3;
}
body.home #main article.home .exhibition-event .exhibition, body.home #main article.home .exhibition-event .event {
	padding-top: 100px;
	width: 100%;
}
body.home #main article.home .exhibition-event .exhibition h2, body.home #main article.home .exhibition-event .event h2 {
	position: absolute;
	top: 0;
	padding: 10px 0;
	width: 50%;
	text-align: center;
	cursor: pointer;
	z-index: 1;
	border-top: 5px solid #1046aa;
	border-bottom: 1px solid transparent;
}
body.home #main article.home .exhibition-event .exhibition h2 i, body.home #main article.home .exhibition-event .event h2 i {
	color: #1046aa;
}
body.home #main article.home .exhibition-event .exhibition .nothing, body.home #main article.home .exhibition-event .event .nothing {
	padding: 30px 0;
}
body.home #main article.home .exhibition-event .exhibition .wait, body.home #main article.home .exhibition-event .event .wait {
	margin: 0;
	padding-bottom: 30px;
	text-align: center;
}
body.home #main article.home .exhibition-event .exhibition .more, body.home #main article.home .exhibition-event .event .more {
	right: 15px;
	top: 65px;
}
body.home #main article.home .exhibition-event .exhibition h2 {
	left: 0;
}
body.home #main article.home .exhibition-event .event h2 {
	right: 0;
}
body.home #sub > .banner {
	margin: 30px 0;
}
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
body.home #main {
	margin: 0 auto;
	width: 800px;
}
body.home #main article.home {
	margin-bottom: 40px;
}
body.home #main article.home .promotion {
	margin-bottom: 30px;/*    min-height: 375px;
*/
}
body.home #main article.home .news {
	margin-bottom: 60px;
	width: 440px;
}
body.home #main article.home .news li .title {
	width: 22em;
}
body.home #main article.home .banner {
	right: 0;
	top: 415px;
}
body.home #main article.home .exhibition-event .exhibition {
	padding-right: 20px;
}
body.home #main article.home .exhibition-event .event {
	padding-left: 20px;
}
body.home #sub > .banner {
	margin: 20px auto 100px;
	width: 800px;
}
body.home #sub > .banner li {
	width: 173.75px !important;
}
}

/*@media screen and (min-width: 960px) {*/
@media screen and (min-width: 1024px) {
body.home #main {
	margin: 0 auto;
	width: 960px;
	width: 1024px;
}
body.home #main article.home {
	margin-bottom: 60px;
}
body.home #main article.home .promotion {
	margin-bottom: 40px;
	min-height: 450px;
}
body.home #main article.home .news {
	margin-bottom: 80px;
	width: 580px;
}
body.home #main article.home .news li .title {
	width: 32em;
}
body.home #main article.home .banner {
	right: 0;
	top: 500px;
}
body.home #main article.home .exhibition-event .exhibition {

	padding-right: 30px;
}
body.home #main article.home .exhibition-event .event {
	padding-left: 30px;
}
body.home #sub > .banner {
	margin: 20px auto 120px;
	/*    width: 960px;
*/	width: 1024px;
}
body.home #sub > .banner li {
	width: 213.75px !important;
}
}

@media screen and (min-width: 800px) {
body.home #container #content {
	margin: 0;
	width: 100%;
}
body.home #container #content #main article.home .promotion .attention {
	font-size: 14px;
}
body.home #container #content #main article.home .news {
	min-height: 220px;
}
body.home #container #content #main article.home .news h2 {
	font-size: 17px;
}
body.home #container #content #main article.home .news .nothing {
	padding: 50px 0;
}
body.home #container #content #main article.home .news .more {
	right: -5px;
	top: 10px;
	padding: 2px 5px;
	font-size: 11px;
}
body.home #container #content #main article.home .banner {
	position: absolute;
	width: 320px;
	height: 200px;
}
body.home #container #content #main article.home .banner img {
	display: block;
	max-width: 100%;
	height: auto;
}
body.home #container #content #main article.home .banner span {
	position: absolute;
	right: 10px;
	bottom: 8px;
	color: #fff;
	font-size: 11px;
	line-height: 1;
	text-shadow: 0 0 5px black, 0 0 5px black, 0 0 5px black;
}
body.home #container #content #main article.home .exhibition-event .exhibition, body.home #container #content #main article.home .exhibition-event .event {
	float: left;
	width: 50%;
}
body.home #container #content #main article.home .exhibition-event .exhibition h2, body.home #container #content #main article.home .exhibition-event .event h2 {
	margin-bottom: 10px;
	padding: 10px;
	font-size: 17px;
	border-bottom: 1px solid #cccccc;
}
body.home #container #content #main article.home .exhibition-event .exhibition h2 i, body.home #container #content #main article.home .exhibition-event .event h2 i {
	color: #1046aa;
}
body.home #container #content #main article.home .exhibition-event .exhibition .nothing, body.home #container #content #main article.home .exhibition-event .event .nothing {
	padding: 50px 0;
}
body.home #container #content #main article.home .exhibition-event .exhibition .more, body.home #container #content #main article.home .exhibition-event .event .more {
	padding: 2px 5px;
	font-size: 11px;
}
body.home #container #content #main article.home .exhibition-event .exhibition .more {
	right: 25px;
	top: 10px;
}
body.home #container #content #main article.home .exhibition-event .event .more {
	right: -5px;
	top: 10px;
}
body.home #container #content #sub {
	background-color: #f2f2f2;
}
body.home #container #content #sub > .banner ul {
	overflow: hidden;
 *zoom: 1;
}
body.home #container #content #sub > .banner ul li {
	float: left;
	margin: 35px 0 35px 35px;
}
body.home #container #content #sub > .banner ul li:first-child {
	margin-left: 0;
}
body.home #container #content #sub > .banner ul li h4 {
	font-size: 15px;
	font-weight: bold;
}
body.home #container #content #sub > .banner ul li p {
	display: block;
}
}
/* --------------------------------------------------
	10. News
-------------------------------------------------- */
body.news #main article.news.list .news li {
	border-bottom: 1px dotted #999999;
}
body.news #main article.news.list .news li a {
	position: relative;
	display: block;
	padding: 10px;
}
body.news #main article.news.list .news li a:hover {
	text-decoration: none;
	background-color: #f7f7f7;
}
body.news #main article.news.list .news li a:hover .date {
	background-color: #d9d9d9;
}
body.news #main article.news.list .news li a:hover .title {
	text-decoration: underline;
}
body.news #main article.news.list .news li a .date {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	padding: 5px 10px;
	line-height: 1;

	color: #666666;
	font-size: 12px;
	background-color: #e6e6e6;
}
body.news #main article.news.list .news li a .date .week {
	font-size: 10px;
}
body.news #main article.news.list .news li a .title {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	padding: 5px 10px;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
body.news #main article.news.detail section.news img {
	display: block;
	max-width: 100%;
	height: auto;
}
body.news #main article.news.detail section.news .date {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	margin-bottom: 10px;
	padding: 5px 10px;
	line-height: 1;
	font-size: 12px;
	background-color: #e6e6e6;
}
body.news #main article.news.detail section.news .date .week {
	font-size: 10px;
}
body.news #main article.news.detail section.attachment .attachment {
	margin-left: 1em;
}
body.news #main article.news.detail section.attachment .attachment li {
	display: table;
	table-layout: fixed;
	font-size: 14px;
}
body.news #main article.news.detail section.attachment .attachment li i, body.news #main article.news.detail section.attachment .attachment li a {
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
}
body.news #main article.news.detail section.attachment .attachment li i {
	color: #1046aa;
}
body.news #main article.news.detail section.attachment .attachment li a {
	color: #666666;
	text-decoration: underline;
}
body.news #main article.news.detail section.attachment .attachment li a:hover {
	color: #007976;
	text-decoration: none;
}

@media screen and (max-width: 799px) {
body.news .breadcrumb > li.active {
	max-width: 15em;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
body.news #main article.news.list .news li .title {
	width: 100%;
}
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
body.news .breadcrumb > li.active {
	max-width: 30em;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
body.news #main article.news.list .news li .title {
	width: 32em;
}
}

/*@media screen and (min-width: 960px) {*/
@media screen and (min-width: 1024px) {
body.news .breadcrumb > li.active {
	max-width: 40em;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
body.news #main article.news.list .news li .title {
	width: 42em;
}
}
/* --------------------------------------------------
	11. Exhibition
-------------------------------------------------- */
body.exhibition #main article.exhibition.list .exhibition li {
	border-bottom: 1px dotted #999999;
}
body.exhibition #main article.exhibition.list .exhibition li a {
	position: relative;
	display: block;
	padding: 10px 10px 10px 130px;
}
body.exhibition #main article.exhibition.list .exhibition li a:hover {
	text-decoration: none;
	background-color: #f7f7f7;
}
body.exhibition #main article.exhibition.list .exhibition li a:hover img {
	border: 1px solid #b3b3b3;
}
body.exhibition #main article.exhibition.list .exhibition li a:hover .date {
	background-color: #d9d9d9;
}
body.exhibition #main article.exhibition.list .exhibition li a:hover .title {
	text-decoration: underline;
}
body.exhibition #main article.exhibition.list .exhibition li a img {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 100px;
	height: 80px;
	border: 1px solid #cccccc;
}
body.exhibition #main article.exhibition.list .exhibition li a .date {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	margin-bottom: 10px;
	padding: 5px 10px;
	line-height: 1;
	color: #666666;
	font-size: 12px;
	background-color: #e6e6e6;
}
body.exhibition #main article.exhibition.list .exhibition li a .date .week {
	font-size: 10px;
}
body.exhibition #main article.exhibition.list .exhibition li a .title, body.exhibition #main article.exhibition.list .exhibition li a .period {
	display: block;
	margin-bottom: 5px;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
body.exhibition #main article.exhibition.list .exhibition li a .period {
	color: #524942;
}
body.exhibition #main article.exhibition.detail section.exhibition img {
	display: block;
	max-width: 100%;
	height: auto;
}
body.exhibition #main article.exhibition.detail section.exhibition .date {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	margin-bottom: 10px;
	padding: 5px 10px;
	line-height: 1;
	font-size: 12px;
	background-color: #e6e6e6;
}
body.exhibition #main article.exhibition.detail section.exhibition .date .week {
	font-size: 10px;
}
body.exhibition #main article.exhibition.detail section.exhibition .period {
	margin-bottom: 20px;
	padding: 10px 5px;
	color: #524942;
	font-weight: bold;
	text-align: center;
	border: 1px solid #cccccc;
	background-color: #f2f2f2;
}
body.exhibition #main article.exhibition.detail section.attachment .attachment {
	margin-left: 1em;
}
body.exhibition #main article.exhibition.detail section.attachment .attachment li {
	display: table;
	table-layout: fixed;
	font-size: 14px;
}
body.exhibition #main article.exhibition.detail section.attachment .attachment li i, body.exhibition #main article.exhibition.detail section.attachment .attachment li a {
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
}
body.exhibition #main article.exhibition.detail section.attachment .attachment li i {
	color: #1046aa;
}
body.exhibition #main article.exhibition.detail section.attachment .attachment li a {
	color: #666666;
	text-decoration: underline;
}
body.exhibition #main article.exhibition.detail section.attachment .attachment li a:hover {
	color: #007976;
	text-decoration: none;
}
body.exhibition #main article.exhibition.detail section.method .method li > span, body.exhibition #main article.exhibition.detail section.method .method li > a {
	display: block;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
body.exhibition #main article.exhibition.detail section.method .method li > span em, body.exhibition #main article.exhibition.detail section.method .method li > a em {
	font-weight: bold;
}
body.exhibition #main article.exhibition.detail section.method .method li > span {
	border: 1px solid #cccccc;
	background-color: #f2f2f2;
}
body.exhibition #main article.exhibition.detail section.method .method li > a {
	text-decoration: none;
	color: #fff;
	background-color: #1046aa;
	border: 1px solid #00938f;
}
body.exhibition #main article.exhibition.detail section.method .method li > a:hover {
	background-color: #00938f;
	border: 1px solid #007976;
}

@media screen and (max-width: 799px) {
body.exhibition .breadcrumb > li.active {
	max-width: 15em;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
body.exhibition #main article.exhibition.detail section.exhibition .period {
	font-size: 11px;
}
body.exhibition #main article.exhibition.detail section.method .message {
	margin-bottom: 1em;
}
body.exhibition #main article.exhibition.detail section.method .method {
	padding: 0 20px;
}
body.exhibition #main article.exhibition.detail section.method .method li {
	margin-bottom: 20px;
	text-align: center;
}
body.exhibition #main article.exhibition.detail section.method .method li.tel {
	display: none;
}
body.exhibition #main article.exhibition.detail section.method .method li > span span, body.exhibition #main article.exhibition.detail section.method .method li > a span {
	padding-right: 0.5em;
}
body.exhibition #main article.exhibition.detail section.method .method li > span span:after, body.exhibition #main article.exhibition.detail section.method .method li > a span:after {
	content: ":";
}
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
body.exhibition .breadcrumb > li.active {
	max-width: 30em;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
}

/*@media screen and (min-width: 960px) {*/
@media screen and (min-width: 1024px) {
body.exhibition .breadcrumb > li.active {
	max-width: 40em;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
}

@media screen and (min-width: 800px) {
body.exhibition #main article.exhibition.detail section.method .message {
	margin-bottom: 2em;
}
body.exhibition #main article.exhibition.detail section.method .method {
	display: table;
	table-layout: fixed;
	margin: 0 auto;
}
body.exhibition #main article.exhibition.detail section.method .method li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 10px;
}
body.exhibition #main article.exhibition.detail section.method .method li.tel-call {
	display: none;
}
body.exhibition #main article.exhibition.detail section.method .method li > span, body.exhibition #main article.exhibition.detail section.method .method li > a {
	font-size: 14px;
}
body.exhibition #main article.exhibition.detail section.method .method li > span i, body.exhibition #main article.exhibition.detail section.method .method li > a i {
	display: block;
	font-size: 30px;
}
body.exhibition #main article.exhibition.detail section.method .method li > span span, body.exhibition #main article.exhibition.detail section.method .method li > a span {
	display: block;
}
}
/* --------------------------------------------------
	12. Event
-------------------------------------------------- */
body.event #main article.event.list .event li {
	border-bottom: 1px dotted #999999;
}
body.event #main article.event.list .event li a {
	position: relative;
	display: block;
	padding: 10px 10px 10px 130px;
}
body.event #main article.event.list .event li a:hover {
	text-decoration: none;
	background-color: #f7f7f7;
}
body.event #main article.event.list .event li a:hover img {
	border: 1px solid #b3b3b3;
}
body.event #main article.event.list .event li a:hover .date {
	background-color: #d9d9d9;
}
body.event #main article.event.list .event li a:hover .title {
	text-decoration: underline;
}
body.event #main article.event.list .event li a img {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 100px;
	height: 80px;
	border: 1px solid #cccccc;
}
body.event #main article.event.list .event li a .date {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	margin-bottom: 10px;
	padding: 5px 10px;
	line-height: 1;
	color: #666666;
	font-size: 12px;
	background-color: #e6e6e6;
}
body.event #main article.event.list .event li a .date .week {
	font-size: 10px;
}
body.event #main article.event.list .event li a .title, body.event #main article.event.list .event li a .period {
	display: block;
	margin-bottom: 5px;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
body.event #main article.event.list .event li a .period {
	color: #524942;
}
body.event #main article.event.detail section.event img {
	display: block;
	max-width: 100%;
	height: auto;
}
body.event #main article.event.detail section.event .date {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	margin-bottom: 10px;
	padding: 5px 10px;
	line-height: 1;
	font-size: 12px;
	background-color: #e6e6e6;
}
body.event #main article.event.detail section.event .date .week {
	font-size: 10px;
}
body.event #main article.event.detail section.event .period {
	margin-bottom: 20px;
	padding: 10px 5px;
	color: #524942;
	font-weight: bold;
	text-align: center;
	border: 1px solid #cccccc;
	background-color: #f2f2f2;
}
body.event #main article.event.detail section.attachment .attachment {
	margin-left: 1em;
}
body.event #main article.event.detail section.attachment .attachment li {
	display: table;
	table-layout: fixed;
	font-size: 14px;
}
body.event #main article.event.detail section.attachment .attachment li i, body.event #main article.event.detail section.attachment .attachment li a {
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
}
body.event #main article.event.detail section.attachment .attachment li i {
	color: #1046aa;
}
body.event #main article.event.detail section.attachment .attachment li a {
	color: #666666;
	text-decoration: underline;
}
body.event #main article.event.detail section.attachment .attachment li a:hover {
	color: #007976;
	text-decoration: none;
}
body.event #main article.event.detail section.method .method li > span, body.event #main article.event.detail section.method .method li > a {
	display: block;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
body.event #main article.event.detail section.method .method li > span em, body.event #main article.event.detail section.method .method li > a em {
	font-weight: bold;
}
body.event #main article.event.detail section.method .method li > span {
	border: 1px solid #cccccc;
	background-color: #f2f2f2;
}
body.event #main article.event.detail section.method .method li > a {
	text-decoration: none;
	color: #fff;
	background-color: #1046aa;
	border: 1px solid #00938f;
}
body.event #main article.event.detail section.method .method li > a:hover {
	background-color: #00938f;
	border: 1px solid #007976;
}

@media screen and (max-width: 799px) {
body.event .breadcrumb > li.active {
	max-width: 14em;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
body.event #main article.event.detail section.event .period {
	font-size: 11px;
}
body.event #main article.event.detail section.method .message {
	margin-bottom: 1em;
}
body.event #main article.event.detail section.method .method {
	padding: 0 20px;
}
body.event #main article.event.detail section.method .method li {
	margin-bottom: 20px;
	text-align: center;
}
body.event #main article.event.detail section.method .method li.tel {
	display: none;
}
body.event #main article.event.detail section.method .method li > span span, body.event #main article.event.detail section.method .method li > a span {
	padding-right: 0.5em;
}
body.event #main article.event.detail section.method .method li > span span:after, body.event #main article.event.detail section.method .method li > a span:after {
	content: ":";
}
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
body.event .breadcrumb > li.active {
	max-width: 30em;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
}

/*@media screen and (min-width: 960px) {*/
@media screen and (min-width: 1024px) {
body.event .breadcrumb > li.active {
	max-width: 40em;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
}

@media screen and (min-width: 800px) {
body.event #main article.event.detail section.method .message {
	margin-bottom: 2em;
}
body.event #main article.event.detail section.method .method {
	display: table;
	table-layout: fixed;
	margin: 0 auto;
}
body.event #main article.event.detail section.method .method li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 10px;
}
body.event #main article.event.detail section.method .method li.tel-call {
	display: none;
}
body.event #main article.event.detail section.method .method li > span, body.event #main article.event.detail section.method .method li > a {
	font-size: 14px;
}
body.event #main article.event.detail section.method .method li > span i, body.event #main article.event.detail section.method .method li > a i {
	display: block;
	font-size: 30px;
}
body.event #main article.event.detail section.method .method li > span span, body.event #main article.event.detail section.method .method li > a span {
	display: block;
}
}
/* --------------------------------------------------
	13. Outline
-------------------------------------------------- */
body.outline #main article.outline section.greeting .image img, body.outline #main article.outline section.greeting .image-zoom img {
	display: block;
	max-width: 100%;
	height: auto;
}
body.outline #main article.outline section.greeting .greeting .director {
	text-align: right;
}
body.outline #main article.outline section.museum .image img {
	display: block;
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 799px) {
body.outline #main article.outline section.greeting .image {
	display: none;
}
body.outline #main article.outline section.greeting .image-zoom {
	margin: 0 auto 20px;
	width: 60%;
}
body.outline #main article.outline section.greeting .greeting .director {
	padding-top: 20px;
}
body.outline #main article.outline section.museum .image {
	margin-bottom: 15px;
}
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
body.outline #main article.outline section.greeting .image {
	width: 240px;
}
body.outline #main article.outline section.greeting .greeting {
	width: 340px;
	padding-left: 20px;
}
body.outline #main article.outline section.greeting .greeting .director {
	padding-top: 30px;
}
}

/*@media screen and (min-width: 960px) {*/
@media screen and (min-width: 1024px) {
body.outline #main article.outline section.greeting .image {
	width: 240px;
}
body.outline #main article.outline section.greeting .greeting {
	width: 460px;
	padding-left: 30px;
}
body.outline #main article.outline section.greeting .greeting .director {
	padding-top: 40px;
}
}

@media screen and (min-width: 800px) {
body.outline #main article.outline section.greeting .image-zoom {
	display: none;
}
body.outline #main article.outline section.greeting > div {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	vertical-align: top;
}
body.outline #main article.outline section.museum .image {
	margin-bottom: 20px;
}
}
/* --------------------------------------------------
	14. Support
-------------------------------------------------- */
body.support #main article.support section.greeting .image img {
	display: block;
	max-width: 100%;
	height: auto;
}
body.support #main article.support section.greeting .message .president {
	text-align: right;
}
body.support #main article.support section.donate .honoring {
	font-weight: bold;
	text-align: center;
}
body.support #main article.support section.donate .honoring .message em {
	color: #1046aa;
}
body.support #main article.support section.donate .honoring ul li {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
}
body.support #main article.support section.donate .honoring ul li i {
	display: block;
	font-weight: normal;
}
body.support #main article.support section.donate .link a {
	display: block;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background-color: #1046aa;
}
body.support #main article.support section.donate .link a:hover {
	text-decoration: none;
	background-color: #00938f;
}
body.support #main article.support section.donate .pdf li a {
	display: block;
	padding: 8px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #1046aa;
	border: 1px solid #00938f;
}
body.support #main article.support section.donate .pdf li a:hover {
	background-color: #00938f;
	border: 1px solid #007976;
}
body.support #main article.support section.naming-rights .entry {
	padding-top: 1em;
}

@media screen and (max-width: 799px) {
body.support #main article.support section.greeting .image {
	margin: 0 auto 20px;
	width: 60%;
}
body.support #main article.support section.greeting .message .president {
	padding-top: 10px;
}
body.support #main article.support section.donate .honoring {
	margin: 20px 0;
}
body.support #main article.support section.donate .honoring .message {
	margin: 0 auto;
	width: 15em;
	font-size: 16px;
}
body.support #main article.support section.donate .honoring ul {
	padding-top: 20px;
}
body.support #main article.support section.donate .honoring ul li {
	margin: 0 10px;
}
body.support #main article.support section.donate .honoring ul li i {
	margin-bottom: 10px;
	font-size: 60px;
}
body.support #main article.support section.donate .link {
	padding-top: 20px;
}
body.support #main article.support section.donate .link a {
	padding: 10px;
	font-size: 13px;
}
body.support #main article.support section.donate .pdf {
	padding-top: 20px;
}
body.support #main article.support section.donate .pdf li {
	margin: 20px;
}
body.support #main article.support section.donate .pdf li.kyousyokuin {
	display: none;
}
body.support #main article.support section.donate .pdf li a {
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
body.support #main article.support section.greeting .image {
	width: 240px;
}
body.support #main article.support section.greeting .message {
	width: 340px;
	padding-left: 20px;
}
body.support #main article.support section.donate .honoring {
	margin: 40px 0;
}
body.support #main article.support section.donate .honoring .message {
	font-size: 18px;
}
body.support #main article.support section.donate .honoring ul {
	padding-top: 30px;
}
body.support #main article.support section.donate .honoring ul li {
	margin: 0 20px;
}
body.support #main article.support section.donate .honoring ul li i {
	margin-bottom: 10px;
	font-size: 80px;
}
body.support #main article.support section.donate .link {
	padding-top: 40px;
}
body.support #main article.support section.donate .link a {
	padding: 20px;
}
body.support #main article.support section.donate .pdf {
	padding-top: 40px;
}
body.support #main article.support section.donate .pdf li {
	margin: 0 0 15px 15px;
}
body.support #main article.support section.donate .pdf li.panfu, body.support #main article.support section.donate .pdf li.kyousyokuin {
	margin-left: 0;
}
body.support #main article.support section.donate .pdf li.museumsakuhin a {
	width: 285px;
}
body.support #main article.support section.donate .pdf li a {
	width: 135px;
}
}

@media screen and (min-width: 960px) {
body.support #main article.support section.greeting .image {
	width: 240px;
}
body.support #main article.support section.greeting .message {
	width: 460px;
	padding-left: 30px;
}
body.support #main article.support section.greeting .message .president {
	padding-top: 30px;
}
body.support #main article.support section.donate .honoring {
	margin: 60px 0;
}
body.support #main article.support section.donate .honoring .message {
	font-size: 18px;
}
body.support #main article.support section.donate .honoring ul {
	padding-top: 50px;
}
body.support #main article.support section.donate .honoring ul li {
	margin: 0 20px;
}
body.support #main article.support section.donate .honoring ul li i {
	margin-bottom: 10px;
	font-size: 100px;
}
body.support #main article.support section.donate .link {
	padding-top: 60px;
}
body.support #main article.support section.donate .link a {
	padding: 25px;
}
body.support #main article.support section.donate .pdf {
	padding-top: 50px;
}
body.support #main article.support section.donate .pdf li {
	margin: 0 0 20px 20px;
}
body.support #main article.support section.donate .pdf li.panfu, body.support #main article.support section.donate .pdf li.kyousyokuin {
	margin-left: 0;
}
body.support #main article.support section.donate .pdf li.museumsakuhin a {
	width: 340px;
}
body.support #main article.support section.donate .pdf li a {
	width: 160px;
}
}

@media screen and (min-width: 800px) {
body.support #main article.support section.greeting .image, body.support #main article.support section.greeting .message {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	vertical-align: top;
}
body.support #main article.support section.donate .pdf {
	font-size: 0;
}
body.support #main article.support section.donate .pdf li {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	font-size: 13px;
}
body.support #main article.support section.donate .pdf li a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
}
/* --------------------------------------------------
	15. Information
-------------------------------------------------- */
body.information #main article.information section.information img {
	display: block;
	max-width: 100%;
	height: auto;
}
body.information #main article.information section.address dl dt {
	width: 5em;
	text-align: right;
}
body.information #main article.information section.address dl dd {
	margin: -1.66667em 0 5px 5em;
}
body.information #main article.information section.address em {
	color: #1046aa;
	font-weight: bold;
}
body.information #main article.information section.address .image img {
	display: block;
	max-width: 100%;
	height: auto;
}
body.information #main article.information section.access dt, body.information #main article.information section.access em {
	color: #1046aa;
	font-weight: bold;
}
body.information #main article.information section.access dt {
	margin-bottom: 0.5em;
}
body.information #main article.information section.access dd {
	margin-bottom: 1em;
	border-bottom: 1px dotted #cccccc;
}
body.information #main article.information section.access dd:last-child {
	border-bottom: none;
}
body.information #main article.information section.access dd p {
	margin-left: 2em;
	text-indent: -1em;
}
body.information #main article.information section.access ul, body.information #main article.information section.access em {
	margin-left: 1em;
	margin-bottom: 1em;
}
body.information #main article.information section.access .map img {
	display: block;
	max-width: 100%;
	height: auto;
	border: 1px solid #cccccc;
}
body.information #main article.information section.access .map a {
	display: block;
	padding: 10px;
	color: #fff;
	text-align: center;
	background-color: #1046aa;
}
body.information #main article.information section.access .map a:hover {
	text-decoration: none;
	background-color: #00938f;
}

@media screen and (max-width: 799px) {
body.information #main article.information section.address dl {
	margin-bottom: 20px;
}
body.information #main article.information section.access .map {
	margin: 0 auto;
	width: 90%;
}
body.information #main article.information section.access .map img {
	margin-bottom: 10px;
}
}

@media screen and (min-width: 800px) and (max-width: 1024px) {
body.information #main article.information section.address {
	min-height: 150px;
}
body.information #main article.information section.address .image {
	top: 50px;
	width: 240px;
}
body.information #main article.information section.access {
	min-height: 360px;
}
body.information #main article.information section.access .access {
	width: 300px;
}
body.information #main article.information section.access .map {
	top: 50px;
	width: 240px;
}
body.information #main article.information section.access .map img {
	margin-bottom: 10px;
}
}

/*@media screen and (min-width: 960px) {*/
@media screen and (min-width: 1024px) {
body.information #main article.information section.address {
	min-height: 200px;
}
body.information #main article.information section.address .image {
	top: 60px;
	width: 320px;
}
body.information #main article.information section.access {
	min-height: 490px;
}
body.information #main article.information section.access .access {
	width: 320px;
}
body.information #main article.information section.access .map {
	top: 60px;
	width: 320px;
}
body.information #main article.information section.access .map img {
	margin-bottom: 15px;
}
}

@media screen and (min-width: 800px) {
body.information #main article.information section.address {
	position: relative;
}
body.information #main article.information section.address .image {
	position: absolute;
	right: 0;
}
body.information #main article.information section.access {
	position: relative;
}
body.information #main article.information section.access dt {
	font-size: 14px;
}
body.information #main article.information section.access .map {
	position: absolute;
	right: 0;
}
}
/* --------------------------------------------------
	16. Guide
-------------------------------------------------- */
body.guide #main article.guide section.map img {
	display: block;
	max-width: 100%;
	height: auto;
}
body.guide #main article.guide section.guide > section .title i, body.guide #main article.guide section.guide > section .title em {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	vertical-align: top;
}
body.guide #main article.guide section.guide > section .image img {
	display: block;
	max-width: 100%;
	height: auto;
}
body.guide #main article.guide section.guide > section.cafe a {
	display: block;
	padding: 10px;
	color: #fff;
	text-align: center;
	background-color: #1046aa;
}
body.guide #main article.guide section.guide > section.cafe a:hover {
	text-decoration: none;
	background-color: #00938f;
}
body.guide #main article.guide section.guide > section.cafe .info {
	padding-top: 1em;
}
body.guide #main article.guide section.guide > section.cafe .info > dd {
	padding-left: 1em;
}
body.guide #main article.guide section.guide > section.cafe .info > dd dt {
	width: 6em;
	text-align: right;
}
body.guide #main article.guide section.guide > section.cafe .info > dd dd {
	margin: -1.66667em 0 5px 6em;
}
body.guide #main article.guide section.guide > section.cafe .info > dd ul {
	padding: 0.5em 0;
}
body.guide #main article.guide section.guide > section.cafe .info > dd ul li {
	margin-left: 1em;
	text-indent: -1em;
}
body.guide #main article.guide .outline > dl > dt {
	width: 7em;
	text-align: right;
}
body.guide #main article.guide .outline > dl > dd {
	margin: -1.66667em 0 5px 7em;
}
body.guide #main article.guide .outline > dl > dd dl {
	margin-left: -3em;
}
body.guide #main article.guide .outline > dl > dd dl dt {
	width: 11em;
	text-align: right;
}
body.guide #main article.guide .outline > dl > dd dl dd {
	margin: -1.66667em 0 5px 10.5em;
	width: 4em;
	text-align: right;
}
body.guide #main article.guide .outline .image img {
	display: block;
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 799px) {
body.guide #main article.guide section.map .zoom .guide {
	display: block;
	margin-bottom: 10px;
}
body.guide #main article.guide section.map .image {
	display: none;
}
body.guide #main article.guide section.guide > section {
	padding-top: 20px;
}
body.guide #main article.guide section.guide > section:first-child {
	padding-top: 0;
}
body.guide #main article.guide section.guide > section .title i {
	font-size: 21px;
}
body.guide #main article.guide section.guide > section .image {
	margin-bottom: 10px;
}
body.guide #main article.guide section.outline > dl {
	margin-bottom: 10px;
}
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
body.guide #main article.guide section.guide > section {
	margin-bottom: 30px;
	width: 270px;
}
body.guide #main article.guide section.guide > section .title {
	margin-bottom: 10px;
}
body.guide #main article.guide section.guide > section .title i {
	font-size: 25px;
}
body.guide #main article.guide section.outline .image {
	top: 55px;
	width: 270px;
}
}

/*@media screen and (min-width: 960px) {*/
@media screen and (min-width: 1024px) {
	body.guide #main article.guide section.guide > section {
		margin-bottom: 40px;
		width: 320px;
	}
	body.guide #main article.guide section.guide > section .title {
		margin-bottom: 20px;
	}
	body.guide #main article.guide section.guide > section .title i {
		font-size: 27px;
	}
	body.guide #main article.guide section.outline .image {
		top: 65px;
		width: 320px;
	}
}

@media screen and (min-width: 800px) {
	body.guide #main article.guide section.map .zoom {
		display: none;
	}
	body.guide #main article.guide section.guide {
		overflow: hidden;
	 *zoom: 1;
	}
	body.guide #main article.guide section.guide > section .image {
		margin-bottom: 10px;
	}
	body.guide #main article.guide section.guide > section.gallery, body.guide #main article.guide section.guide > section.special, body.guide #main article.guide section.guide > section.history, body.guide #main article.guide section.guide > section.cafe {
		clear: both;
		float: left;
	}
	body.guide #main article.guide section.guide > section.studio, body.guide #main article.guide section.guide > section.small, body.guide #main article.guide section.guide > section.promenade {
		float: right;
	}
	body.guide #main article.guide section.guide > section.cafe {
		margin-bottom: 0;
	}
	body.guide #main article.guide section.outline {
		position: relative;
	}
	body.guide #main article.guide section.outline .image {
		position: absolute;
		right: 0;
	}
}
/* --------------------------------------------------
	17. Sitemaps
-------------------------------------------------- */
body.sitemaps #main article.sitemaps li {
	border-top: 1px solid #cccccc;
}
body.sitemaps #main article.sitemaps li:first-child {
	border-top: none;
}
body.sitemaps #main article.sitemaps li a, body.sitemaps #main article.sitemaps li .private {
	display: block;
	padding: 10px 15px;
	color: #524942;
	background-color: white;
}
body.sitemaps #main article.sitemaps li a:hover, body.sitemaps #main article.sitemaps li .private:hover {
	text-decoration: none;
	color: #007976;
	background-color: #f2f2f2;
}
body.sitemaps #main article.sitemaps li a span, body.sitemaps #main article.sitemaps li .private span {
	display: block;
	background: transparent url(img/arrow-black.png) no-repeat right center;
	-webkit-background-size: 7px 12px;
	-moz-background-size: 7px 12px;
	-o-background-size: 7px 12px;
	background-size: 7px 12px;
}
body.sitemaps #main article.sitemaps li a span i, body.sitemaps #main article.sitemaps li .private span i {
	padding-right: 5px;
}
body.sitemaps #main article.sitemaps li .private {
	color: #cfc9c4;
}
body.sitemaps #main article.sitemaps li .private:hover {
	color: #cfc9c4;
	background-color: white;
}
/* --------------------------------------------------
	18. Privacy
-------------------------------------------------- */
body.privacy #main article.privacy section.disclaimer ul {
	list-style: disc;
	margin-left: 2em;
}
body.privacy #main article.privacy section.disclaimer ul li {
	margin-bottom: 1em;
}
/* --------------------------------------------------
	19. Contact
-------------------------------------------------- */
body.contact #main article.contact section.tel-fax li {
	font-weight: bold;
}
body.contact #main article.contact section.tel-fax li.tel, body.contact #main article.contact section.tel-fax li.fax {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
}
body.contact #main article.contact section.mail table.border {
	margin-bottom: 20px;
}
body.contact #main article.contact section.mail table.border span.required {
	padding-left: 1em;
	color: #d9534f;
}
body.contact #main article.contact section.mail table.border td label {
	cursor: pointer;
}
body.contact #main article.contact section.mail table.border td .zip {
	width: 8em !important;
}
body.contact #main article.contact section.mail .form-button {
	margin-bottom: 50px;
	padding: 20px 0;
	text-align: center;
	background-color: #f2f2f2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
body.contact #main article.contact section.mail .form-button .wpcf7-submit {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	padding: 6px 12px;
	cursor: pointer;
	border: 1px solid transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	white-space: nowrap;
	vertical-align: middle;
	color: #fff;
	font-size: 13px;
	background-color: #1046aa;
}
body.contact #main article.contact section.mail .form-button .wpcf7-submit:hover, body.contact #main article.contact section.mail .form-button .wpcf7-submit:focus, body.contact #main article.contact section.mail .form-button .wpcf7-submit:active {
	background-color: #00938f;
}
body.contact #main article.contact section.mail .wpcf7 .wpcf7-not-valid-tip {
	position: static;
	display: block;
	margin-top: 0;
	padding: 0;
	width: auto;
	font-size: 13px;
	color: #c00;
	background: none;
	border: none;
	z-index: auto;
}
body.contact #main article.contact section.mail .wpcf7 .wpcf7-list-item {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
}
body.contact #main article.contact section.mail .wpcf7 .wpcf7-not-valid {
	background-color: #f2dede;
}
body.contact #main article.contact section.mail .wpcf7 .wpcf7-response-output {
	margin: 20px 0;
	padding: 8px 30px 8px 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
body.contact #main article.contact section.mail .wpcf7 .wpcf7-validation-errors {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}
body.contact #main article.contact section.mail .wpcf7 .wpcf7-mail-sent-ok {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
body.contact #main article.contact section.mail .wpcf7 .wpcf7-mail-sent-ng {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}

@media screen and (max-width: 799px) {
	body.contact #main article.contact section.tel-fax > p {
		margin-bottom: 20px;
	}
	body.contact #main article.contact section.tel-fax li {
		margin-bottom: 15px;
		padding-right: 20px;
		font-size: 16px;
	}
	body.contact #main article.contact section.tel-fax li.time {
		font-size: 13px;
	}
	body.contact #main article.contact section.tel-fax li.time .week, body.contact #main article.contact section.tel-fax li.time .attention {
		font-size: 11px;
	}
	body.contact #main article.contact section.mail > p {
		margin-bottom: 20px;
	}
	body.contact #main article.contact section.mail table.border th, body.contact #main article.contact section.mail table.border td {
		clear: both;
		float: left;
		width: 100%;
	}
	body.contact #main article.contact section.mail table.border th input[type="text"], body.contact #main article.contact section.mail table.border th input[type="email"], body.contact #main article.contact section.mail table.border th textarea, body.contact #main article.contact section.mail table.border td input[type="text"], body.contact #main article.contact section.mail table.border td input[type="email"], body.contact #main article.contact section.mail table.border td textarea {
		width: 90%;
	}
	body.contact #main article.contact section.mail .form-button {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
	body.contact #main article.contact section.tel-fax > p {
		margin-bottom: 30px;
	}
	body.contact #main article.contact section.tel-fax li {
		margin-bottom: 20px;
		padding-right: 40px;
		font-size: 18px;
	}
	body.contact #main article.contact section.tel-fax li.time {
		font-size: 15px;
	}
	body.contact #main article.contact section.tel-fax li.time .week, body.contact #main article.contact section.tel-fax li.time .attention {
		font-size: 13px;
	}
	body.contact #main article.contact section.mail > p {
		margin-bottom: 40px;
	}
}

/*@media screen and (min-width: 960px) {*/
@media screen and (min-width: 1024px) {
	body.contact #main article.contact section.tel-fax > p {
		margin-bottom: 40px;
	}
	body.contact #main article.contact section.tel-fax li {
		margin-bottom: 20px;
		padding-right: 50px;
		font-size: 19px;
	}
	body.contact #main article.contact section.tel-fax li.time {
		font-size: 16px;
	}
	body.contact #main article.contact section.tel-fax li.time .week, body.contact #main article.contact section.tel-fax li.time .attention {
		font-size: 14px;
	}
	body.contact #main article.contact section.mail > p {
		margin-bottom: 50px;
	}
}
/* --------------------------------------------------
	97. Error404
-------------------------------------------------- */
/* --------------------------------------------------
	98. WordPress
-------------------------------------------------- */
.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
img.aligncenter {
	margin: 1.5em auto;
}
img.alignleft {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	margin: 0 1.5em 1em 0;
}
img.alignright {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *vertical-align: auto;
	zoom: 1;
 *display: inline;
	margin: 0 0 1em 1.5em;
}

/* --------------------------------------------------
	99. Print
-------------------------------------------------- */
@media print {
	#header, #footer {
		display: none;
	}
}
/******************************/

#slideshow {
	position: relative;
	height: 450px;
}
#slideshow div {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
	height: 450px;
	background-color: #FFF;
}
#slideshow div.active {
	z-index: 10;
	opacity: 1.0;
}
#slideshow div.last-active {
	z-index: 9;
}
#slideshow div img {
	height: 450px;
	display: block;
	border: 0;
	margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
	#slideshow {
		position: relative;
		height: auto;
	}
	#slideshow div {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 8;
		opacity: 0.0;
		height: auto;
		background-color: #FFF;
	}
	#slideshow div.active {
		z-index: 10;
		opacity: 1.0;
	}
	#slideshow div.last-active {
		z-index: 9;
	}
	#slideshow div img {
		height: auto;
		display: block;
		border: 0;
		margin-bottom: 10px;
	}
	#slideshow div img {
		width: 100%;
		height: auto;
		display: block;
		border: 0;
		margin-bottom: 10px;
	}
}
.promotion {
	border-bottom: #1046aa 1px solid !important;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.sideban {
}
.sidetit {
	border-left: 10px #1046AA solid;
	color: #373737;
	font-size: 16px;
	font-weight: bold;
	text-indent: 1em;
}
.sidetit_s {
	color: #858585;
	font-size: 12px;
	font-weight: normal !important;
	margin-left: 1em;
}
.sidetit_ss {
	margin-left: 2em;
}
.side_box {
	color: #303030;
	padding-top: 20px;
}
.side_16 {
	font-weight: bold;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.side_14 {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 16px;
}
.side_tel {
	font-weight: bold;
	font-size: 18px;
	line-height: 1.2;
}
.tel_s {
	font-size: 14px;
	margin-right: 1.0em;
}
.telt {
	letter-spacing: 0.06em;
}
.side_mail {
	font-size: 12px;
	line-height: 2.0;
	margin-bottom: 1.0em;
}
.name01 {
	font-size: 13px;
	line-height: 1.4;
}
.name02 {
	font-size: 13px;
	margin-bottom: 1.6em;
}
.footer_logo {
	background-image: url(images/bottom_logo.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 90%;
	max-width: 466px;
	height: 86px;
	text-indent: -999999px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 33px;
}
.footer_logo {
}
.sidemenu {
/*	border-top: 3px solid #7ccce9;
	padding-top: 5px;
*/}
.newstitle {
	border-left: 10px #525354 solid;
	color: #373737;
	font-size: 16px;
	font-weight: bold;
	text-indent: 1em;
}
.newsone {
	margin-top: 1.4em;
	margin-left: 0.4em;
	padding-left: 0.5em;
}
.newstit_one {
	color: #1046aa;
	font-size: 16px;
	margin-bottom: 1.0em;
}
.newstit_3 {
	font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
	padding-left: 0.5em;
}
.newstit_3 a {
	color: inherit;
	text-decoration: underline;
}
.newstit_2 {
	font-size: 15px;
	line-height: 1.4;
	background: url(images/news_arrow.gif) no-repeat top left;
	/* margin-bottom: 1.4em; */
	padding-left: 18px;
	background-position: 0px 2px;
}
.newstit_2 a {
	color: inherit;
	text-decoration: none;
}
.newstit_2 a:hover {
	color: #1046aa;
}
.newstit_3 a:hover {
	color: #1046aa;
}

.ban_video {
	margin-top: 1em;
}
.ban_video a img {
	width: 200px;
}
@media screen and (max-width: 640px) {
	.ban_video a img {
		width: 100%;
		max-width: 420px;
	}
}
.kaiki {
	font-size: 16px;/*	color: #848484;
*/}
.text_01 {
	margin-bottom: 0.4em;
	margin-top: 0.4em;
}
.jou {
	color: #333333;
    font-weight: bold;
    margin-left: 0.5em !important;
}
.greeting {
	margin-bottom: 3em;
}
.greeting p {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 18px;
}
.admi_txt {
	margin-bottom: 0.8em;
}
.admi_txta {
	margin-bottom: 2.5em;
}
/* table */
.jusyousya {
	width: 97%;
	margin-left: auto;
	margin-right: auto;
}
.jusyousya th, section td {
	padding: 10px;
	border: 1px solid #ddd;
}
.jusyousya th {
	background: #f4f4f4;
}
.jusyousya th {
	width: 20%;
	text-align: center;
}
.italic {
	font-style: italic;
}
.wish_list th, section td {
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
.jusyousya2 {
	margin-bottom: 1.6em;
}
.jusyousya2 th {
	width: 30%;
	text-align: center;
}

@media only screen and (max-width:480px) {
	.jusyousya th, .jusyousya td {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		border-top: none;
	}
	.jusyousya tr:first-child th {
		border-top: 1px solid #ddd;
	}
	.jusyousya2 td {
		text-align: center;
	}
	.jusyousya_num {
		font-size: 14px !important;
	}
}

.jusyousya_num {
	font-weight: bold;
	font-size: 18px;
	color: #595C63;
}
/* table */
.wish_list {
	margin: 0 auto 18px;
	padding: 0;
	background-color: #f9f9f9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px #ddd solid;
	border-spacing: 0;
}
.wish_list thead {
	background-color: #929292;
	color: #fff;
}
.wish_list th {
	margin-bottom: 9px;
	padding: 9px 15px;
	border-left: 1px #BACDD4 solid;
	font-weight: normal;
	text-align: center;
}
.wish_list th:first-child {
	border-left-width: 0;
}
.wish_list tbody {
	vertical-align: top;
}
.wish_list tbody td {
	border-left: 1px #ddd solid;
}
.wish_list tbody td:first-child {
	border-left-width: 0;
}

/* モバイル用 */
@media screen and (max-width: 768px) {
	body {
		font-size: 12px;
	}
	.wish_list {
		width: 100%;
	}
	.wish_list tbody tr {
		display: block;
		/*padding-bottom: 12px;*/
	}

	.wish_list tbody td {
		display: block;
		padding: 3px 0;
		width: 100%;
		border-left-width: 0;
	}
	.wish_list tbody td:before {
		display: inline-block;
		vertical-align: middle;
	 *vertical-align: auto;
	 *zoom: 1;
	 *display: inline;
		margin-right: 5px;
		color: #888;
		font-weight: normal;
	}
	.wish_list tbody td:nth-of-type(2):before {
		content: "開催年月日:";
	}
	.wish_list tbody td:nth-of-type(3):before {
		content: "開催場所:";
	}
	.wish_list tbody td:nth-of-type(4):before {
		content: "世話人又は総会長:";
	}
	/*.wish_list tbody td:nth-of-type(5):before {
			content: "販売元:";
		}*/
	.wish_list tbody .title {
		/*margin: 0 -15px;
			padding-right: 15px;
			padding-left: 15px;
			margin-bottom: 9px;*/
		background-color: #e2e2e2;
		color: #666666;
		font-weight: bold;
		text-align: center;
	}
	.sample_area01 th {
		display: none;
	}
	.sample_area01 tr {
		padding: 0 15px;
	}
	/* IE8対応 */
	.wish_list_pc {
		display: none;
	}
	.wish_list tr {
		display: block;
	}
	.wish_list thead {
		display: none;
	}
	.wish_list tbody tr {
		overflow: hidden;
	}
	.wish_list tbody tr:after {
	 *zoom: 1;
	}
	 .wish_list tbody tr:after:after {
	 content: "\0020";
	 display: block;
	 height: 0;
	 clear: both;
	 overflow: hidden;
	 visibility: hidden;
	}
	.wish_list tbody td {
		float: left;
	}
	.wish_list tbody td:before {
		display: inline-block;
		vertical-align: middle;
	 *vertical-align: auto;
	 *zoom: 1;
	 *display: inline;
		content: attr(data-th) ":";
	}
	.wish_list tbody .wish_list_inner {
		padding: 5px 15px;
	}
	.wish_list tbody .title {
		margin: 0\9;
		padding-right: 0\9;
		padding-left: 0\9;
	}
	.wish_list tbody .title:before {
		content: none;
	}
}

/* PC用 */
@media screen and (min-width: 769px) {
	body {
		font-size: 14px;
	}
	.wish_list {
		width: 100%;
	}
	.wish_list_mobile {
		display: none;
	}
	.wish_list th, .wish_list td {
		display: table-cell;
	}
	.wish_list td:before {
		display: none;
	}
	.wish_list tr:nth-child(even) {
		background-color: #eaeaea;
	}
	.wish_list td {
		padding: 9px 15px;
	}
	.wish_list td:before {
		display: none;
	}
	.wish_list .date {
		width: 15em;
	}
	.wish_list .title {
		width: 6em;
		text-align: center;
	}
}
.greetwrap {
	width: 100%;
	clear: both;
}
.greetingtxt {
	text-indent: 1.0em;
	margin-bottom: 1.2em;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.greetingtxt02 {
	text-indent: 0em;
}
.greettxtarea {
	line-height: 2.2em;
    margin-top: 3.0em;
}
.riji_img {
	float: right !important;
	max-width: 280px !important;
	margin-bottom: 1.0em;
	background-image: url(images/riji_img.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	height: auto;
	max-height: 250px;
	text-indent: -999999px;
}
.riji_name {
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	padding-top: 1.0em;
	font-size: 1.1em;
}
.riji_name2 {
	font-size: 1.2em;
	color: #0A0A0A;
}

@media screen and (max-width: 640px) {
	.riji_img {
		float: none !important;/*		max-width: 280px !important;
			margin-bottom: 1.0em;
			background-image: url(images/riji_img.jpg);
			background-repeat: no-repeat;
			background-size: contain;
			height: auto;
			max-height: 250px;
			text-indent: -999999px;
	*/	}
}
/**********************************************
				clearfix
**********************************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End Hack */ 
.clear {
	clear: both;
}
/*clearfix ここまで*/

#main {
	clear: both;
}
.one_cate {
	margin-bottom: 2.0em;
/*	border-bottom: dashed 1px #D2D2D2;
    padding-bottom: 1em;
*/}
.topmain_rimg {
	text-align: center;
	margin-bottom: 1.0em;
}
.topmain_r img {
	width: 95%;
}
.topr_c {
	margin-bottom: 1em;
}
.topr_c01 {
	border-bottom: 2px solid #ffffff;
}

@media screen and (min-width: 1024px) {
	.topmain_l {
		float: left;
		width: 76.997%;
	}
	.topmain_r {
		float: right;
		width: 20.026%;
		background-color: rgba(226, 226, 226, 0.64);
		padding: 1%;
	}
	.kaishi_name {
		font-size: 1.0em;
	}
}
.kaishi_tit {
	border-left: 10px #525354 solid;
	color: #373737;
	text-indent: 1em;
	margin-bottom: 0.8em;
}
.kaishi_name {
	color: #000000;
	font-size: 0.8em;
}
@media screen and (max-width: 1024px) {
	.kaishi_tit {
		font-size: 1.0em;
	}
	.kaishi_name {
		font-size: 1.0em;
	}
}

@media screen and (max-width: 1023px) {
	#main {
	}
	.topmain_l {
		float: none;
		width: 100%;
	}
	.topmain_r {
		float: none;
	}
	.topmain_rimg {
		width: 33%;
		float: left;
	}
	.topr_c {
		width: 100%;
	}
}
.promotion img {
	width: 100%;
	height: auto;
}
.s_img_no {
	opacity: 0;
}
/** feed **/
#feed,#feed2 {
	margin-top: 1.0em;
	font-size: 16px;
}
#feed .fwrap,#feed2 .fwrap {
	display: block;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #b5b87e;
	position: relative;
}
#feed div:last-child ,#feed2 div:last-child{
	border: none;
}
#feed div .date,#feed2 div .date {
	/*position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* -webkit-border-radius: 50px; */
    /*-moz-border-radius: 50px;*/
    /* border-radius: 50px; */
    /* background: #f1c427; */
    /* font-size: 10px; */
    /* text-align: center; */
    color: #525151;
    float: left;
    /* width: 150px; */
    /* height: 40px; */
    /* padding-top: 10px; */
    margin-right: 10px;
	font-size: 0.8em;
    padding-top: 0.2em;
}
#feed div img,#feed2 div img  {
	border: 3px solid #fff;
	float: left;
}
#feed div p.text,#feed2 div p.text {
	width: 420px;
	float: right;
}
#feed div h3,#feed2 div h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
#feed div .date {
	display: none;
}
#feed2 div .date {
	/*display: none;*/
}
#feed div img,#feed2 div img {
	display: none;
}
#feed div p.text,#feed2 div p.text {
	width: auto;
	float: none;
}
#feed div,#feed2 div {
	width: auto;
	/* padding-left: 0.5em; */
}
#feed h3,#feed2 h3 {
	color: #1046aa;
}
/** feed **/

.infoarea {
	width: 85%;
	border: 1px solid #C3C3C3;
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
	font-size: 1.2em;
	margin-top: 5em;
	text-align: center;
}
.info_01 {
	margin-bottom: 0.6em;
}
.info_02 {
	margin-bottom: 1.0em;
}
.info_03 {
}

@media screen and (max-width: 500px) {
	.infoarea {
		margin-top: 2em;
		text-align: left;
	}
}
.maparea {
}

.textlist_01 {
	margin-left: 2em;
}
.textlist_l {
	width: 45%;
	float: left;
}
.textlist_r {
	width: 40%;
	float: left;
}
@media screen and (min-width: 800px) {
	.textlist_l {
		width: 40%;
		float: left;
	}
	.textlist_r {
		width: 40%;
		float: left;
	}
	.maparea2 {
		display: none !important;
	}
}
@media screen and (max-width: 799px) {
	.maparea {
		display: none;
	}
	.maparea2 {
		visibility: visible !important;
	}
	.textlist_l {
		width: 100%;
		float: none;
	}
	.textlist_r {
		width: 100%;
		float: none;
	}
}
.sitemaplist {
}
.sitemaplist2 {
	list-style-type: circle;
    list-style-position: outside;
    font-size: 0.9em;
}
.sitemaplist a {
	color: #333333;
	font-size: 1.2em;
    line-height: 2.0;
    margin-bottom: 1.4em;
}
.sitemaplist a:hover {
	color: #1046aa;
	text-decoration: none;
}

/*.sitemaplist li a {
	background-image: url(images/news_arrow.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}*/
.sitemaplist li a:hover {
}

@media screen and (max-width: 800px) {
	#content {
		margin-left: auto;
		margin-right: auto;
		width: 95%;
	}
}

@media screen and (min-width: 800px) {
	.aboutmenu li a {
		background: #D9FFFC !important;
		color: #404040 !important;
		font-size: 0.8em;
		padding: 1em 1em 1em 2em !important;
		background-image: url(images/listback.png) !important;
		background-position: 8px 1.1em !important;
		background-repeat: no-repeat !important;
	}
	.aboutmenu li a:hover {
		color: #333333 !important;
	}
	.aboutmenu1 {
		display: none;
	}
	.fsitemap {
		display: none !important;
	}
}

@media screen and (max-width: 799px) {
	.aboutmenu1 {
		visibility: visible !important;
	}
	.aboutmenu2 {
		visibility: visible !important;
	}
	.fsitemap {
		visibility: visible !important;
	}
	.aboutmenu1 li a {
		background: #D9FFFC !important;
		color: #404040 !important;
		font-size: 0.8em;
		padding: 1em 0em 1em 3.5em !important;
	}
	.aboutmenu1 li a:hover {
		color: #333333 !important;
	}
	.aboutmenu2 li a {
		background: #FFFFFF !important;
		color: #404040 !important;
	}
	ul .aboutmenu2 li a {
		background-image: url(images/listback2.png) !important;
		background-position: 30px 1.4em !important;
		background-repeat: no-repeat !important;
	}
	.aboutmenu2 li a:hover {
		background: #f2f2f2 !important;
		color: #666666 !important;
		background-image: url(images/listback2.png) !important;
		background-position: 30px 1.4em !important;
		background-repeat: no-repeat !important;
	}
}
/*@media screen and (max-width: 799px) {
.contact a {
	border-bottom: 1px solid #cccccc;
}
}
*/
.mainmenu_s {
	text-indent: 1.0em;
}
.mainmenu_s li a {
	color: #666666 !important;
	background-image: url(images/listback2.png) !important;
	background-position: 20px 1.2em !important;
	background-repeat: no-repeat !important;

/*	background-color: #B8E3FF !important;
*/}
/** menu メニュー　開閉 **/
#panel-btn {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 40px;
	margin: 20px 0 10px;
	border-radius: 50%;
	background: #fff;
}
#panel-btn:hover {
	background: #fafafa;
}
#panel-btn-icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 2px;
	margin: -1px 0 0 -7px;
	background: #2196F3;
	transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 14px;
	height: 2px;
	background: #2196F3;
	transition: .3s;
}
#panel-btn-icon:before {
	margin-top: -6px;
}
#panel-btn-icon:after {
	margin-top: 4px;
}
#panel-btn .close {
	background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after {
	margin-top: 0;
}
#panel-btn .close:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
#panel-btn .close:after {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.borddl {
	text-decoration: underline;
}
.junbi {
	text-align: center;
    font-size: 1.8em;
    margin-top: 4.0em;
}
span.banner_s {
	font-weight: normal;
}
ul.aboutmenu a {
    font-weight: normal !important;
}
.gaid_tit {
	margin-left: 0.5em !important;
	margin-bottom: 30px !important;
	padding-right: 18px;
  border-bottom: 1px #ccc dashed;
  padding-bottom: 20px;
}
.gaid_tit a {
	color: #1046aa !important;
}
.gaid_tit a:hover {
	color: #1046aa !important;
	text-decoration: underline;
}
.sets00 {
	font-size: 16px;
}
.sets01 {
	display: block;
	text-indent: 60px;
	margin-top: 20px;
}
.sets04 {
	display: block;
	text-indent: 60px;
	margin-bottom: 20px;
}
.sets02 {
	display: block;
	margin: 5px 0px;
	text-indent: 180px;
}
.sets03 {
	text-align: right;
	display: block;
}
@media screen and (max-width: 799px) {
	li a.active {
		background-color: #B8E3FF !important;
	}
}
.red_txt {
	font-size: 0.8em;
	color: #FD2629;
}
.red_txt a {
	color: #FD2629 !important;
	text-decoration: underline !important;
}
.red_txt a:hover {
	color: #666666 !important;
}
.voicebox {
    width: 100%;
    height: 500px;
    overflow: auto;
    border: 1px solid #ccc;
    background: #fff;
    margin: 20px auto 30px auto;
	padding: 5px 5px;
}
.topicstext {
	font-size: 0.8em;
	padding-left: 18px;
}
.news1w {
	margin-bottom: 1.4em;
}
/** 20160906 追加 **/
.sets05 {
	padding-left: 1em;
}
.sets06 {
	text-indent: 2em;
	margin-top: 5px !important;
}
.sets07 {
	text-indent: 1.5em;
	margin-top: 5px !important;
}
.sets08 {
	text-align: right;
	display: block;
}
/** お知らせ news **/
.txcenter {
  text-align: center;
}
.txright {
  text-align: right;
}
/** 移行アドレス **/