@charset "UTF-8";


/* 基本設定 */

html, body {
	color: #666666;
	margin: 0px;
	padding: 0px;
	height:100%;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	background-color: #FFFFFF;
}

div,img,h1,h2,h3,h4,h5,h6,p,form,pre{
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
}

ul,li{
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}

a {
	color:#ff3399;
	text-decoration:none; 
}

a:visited {
	color:#993366;
	text-decoration:none; 
}

/* レイアウト */

#wrapper {
	margin: 0px auto;
	text-align: center;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
}

#header {
	background-color: #FFFFFF;
	width: 900px;
	height: 80px;
	margin: 0px auto;
	text-align: left;
	background-image: url(../img/header.png);
}

#top_wrapbox {
	width: 320px;
	float: left;
	font-size: 10px;
	padding-top: 31px;
	padding-left: 13px;
}

#navi {
	width: 539px;
	height: 40px;
	float: right;
	padding-top: 40px;
	padding-right: 27px;
}

#main_wrap {
	margin: 25px auto;
	background-color: #FFFFFF;
}

#main {
	margin: 0px auto;
	width: 898px;
	height:100%;
	min-height:100%;
	background-color:#FFFFFF;
	padding-top: 30px;
	padding-bottom: 30px;
	border:solid #CCCCCC;
	border-width:1px;
	border-radius: 30px;
}
	
.content {
	margin: 20px 49px;
	width: 800px;
	height:100%;
	background-color:#FFFFFF;
}

/* レイアウト 区切り線 */

.line-margin{
	margin:20px auto;
}

/* レイアウト ボックス内下合わせ */

.box-bottom{
	margin:auto 0px 0px;
}

.flyer-dm{
	margin: auto 0px 0px 0px;
}

.main-title{
	margin: 0px auto;

}

/* レイアウト 展覧会１　Exhibition202102フェルケール */

/* レイアウト 展覧会２　Exhibition202306浜岡DM */

/* レイアウト 展覧会３　Exhibition202406みほ日本平 */

.content-text03 {
	display:flex;
	width:800px;
}

.yukyu {
	flex:1 0 350px;
}

.fujisan {
	flex:1 0 300px;
}

.exhibition-dm03{
	flex:1 0 150px;
}

/* レイアウト 展覧会４　Exhibition202410起雲閣 */

.content-text04 {
	display:flex;
	gap:50px;
	width:800px;
}

.fujisankei {
	flex:1 0 400px;
}

.fujisankei-content {
	flex:1 0 350px;
	margin-top: 200px;
}

/* レイアウト 展覧会５　Exhibition202509青い空の下 */

.content-text05 {
	display:flex;
	gap:100px;
	width:800px;
}

.aoisora{
	flex:1 0 500px;
}

.aoisora-content {
	display:flex;
	width:500px;
}

.aoisoratext{
	flex:1 0 370px;
}

.exhibition-dm05{
	flex:1 0 130px;
}

.ulalena {
	flex:1 0 200px;
}

/* レイアウト 開催場所 */

.switch_image {
    position: relative;
}
.switch_image img {
    transition: opacity 0.5s;
}
.switch_image:hover img:first-of-type {
    opacity: 0;
}
.switch_image img:last-of-type {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
}
.switch_image:hover img:last-of-type {
    opacity: 1;
}

.eventtext {
	background-color:#FFFFFF;
	font-size: 12px;
	color: #666666;
	text-align: left;
}
.eventtext2 {
	background-color:#FFFFFF;
	font-size: 12px;
	color: #FF0097;
	text-align: left;
}


#page-top {
	position: fixed;
	bottom: 16px;
	right: 0px;
	font-size: 77%;
}

#page-top a {
	background-image: url(../img/pagetop.jpg) ;
	background-size:contain;
	text-decoration: none;
	color: #fff;
	width: 100px;
	height:60px;
	display: block;
	border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
}

#page-top a:hover {
	text-decoration: none;
	opacity: 0.5;
}

#footer_wrap {
	width: 900px;
	margin: 0px auto;
	text-align: center;
	padding-bottom: 50px;
}

#footer {
	width: 900px;
	height: 50px;
	background-color: #FFFFFF;
	clear: both;
	margin: 0px auto;
	background-image: url(../img/footer.png);
    position: absolute;
    bottom: 0;
}



/* ナビゲーション　レイヤー */

#navi ul {
	float: left;
	display: inline;
}

#navi li {
	float: left;
	display: inline;
	height: 40px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#navi li a {
	height: 40px;
	display: block;
	overflow: hidden;
}

#navi li.profile a {
	width: 77px;
	background-image: url(../img/navi.png);
	background-position:0px 0px;
}

#navi li.blog a {
	width: 77px;
	background-image: url(../img/navi.png);
	background-position:-77px 0px;
}

#navi li.gallery a {
	width: 77px;
	background-image: url(../img/navi.png);
	background-position:-154px 0px;
}

#navi li.china a {
	width: 77px;
	background-image: url(../img/navi.png);
	background-position:-231px 0px;
}

#navi li.archive a {
	width: 77px;
	background-image: url(../img/navi.png);
	background-position:-308px 0px;
}

#navi li.links a {
	width: 77px;
	background-image: url(../img/navi.png);
	background-position:-385px 0px;
}

#navi li.contact a {
	width: 77px;
	background-image: url(../img/navi.png);
	background-position:-462px 0px;
}

#navi li.profile, #navi li.profile a:hover, #navi li.profile_on a {
	width: 77px;
	background-image: url(../img/navi.png);
	background-position:0px -40px;
}

#navi li.blog, #navi li.blog a:hover, #navi li.blog_on a {
	width: 77px;
	background-image: url(../img/navi.png);
	background-position:-77px -40px;
}

#navi li.gallery, #navi li.gallery a:hover, #navi li.gallery_on a {
	width: 77px;
	background-image: url(../img/navi.png);
	background-position:-154px -40px;
}

#navi li.china, #navi li.china a:hover, #navi li.china_on a {
	width: 77px;
	background-image: url(../img/navi.png);
	background-position:-231px -40px;
}

#navi li.archive, #navi li.archive a:hover, #navi li.archive_on a {
	width: 77px;
	background-image: url(../img/navi.png);
	background-position:-308px -40px;
}

#navi li.links, #navi li.links a:hover, #navi li.links_on a {
	width: 77px;
	background-image: url(../img/navi.png);
	background-position:-385px -40px;
}

#navi li.contact, #navi li.contact a:hover, #navi li.contact_on a {
	width: 77px;
	background-image: url(../img/navi.png);
	background-position:-462px -40px;
}



/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */

#main:after, #con:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}


/* Mac IE には適用させない \*/
* html #main { height:1px; }
#main { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */








/* その他
******************************************************************************************** */



.size14px {  font-size: 14px}
.size16px {  font-size: 16px}
.size16px-140 {  font-size: 16px; line-height: 140%}
.size14px-130 {  font-size: 14px; line-height: 130%}
.size12px-160 {  font-size: 12px; line-height: 160%}
.size12px-130 {  font-size: 12px; line-height: 130%}
.size11px-120 {  font-size: 11px; line-height: 120%}
.size11px-130 {  font-size: 11px; line-height: 130%}
.size11px-140 {  font-size: 11px; line-height: 140%}
.size10px-140 {  font-size: 10px; line-height: 140%}
.size10px-130 {  font-size: 10px; line-height: 130%}
.size10px {  font-size: 10px}
.size09px-130 {  font-size: 10px; line-height: 130%}
.size09px {  font-size: 10px}

.sizeup_110 {	font-size: 110%;}
.sizeup_120 {	font-size: 120%;}
.sizeup_130 {	font-size: 130%;}
.sizeup_140 {	font-size: 140%;}
.sizedown_90 {	font-size: 90%;}
.sizedown_80 {	font-size: 80%;}
.sizedown_70 {	font-size: 70%;}
.sizedown_60 {	font-size: 60%;}


.midashi01 {
	font-size: 1.3em;
	color: #666666;
}

.midashi02 {
	font-size: 1.8em;
	color: #9c0e15;
	margin-top: 5px;
	margin-bottom: 10px;
}

.itembox {
	padding: 10px;
	border: 1px solid #4AA267;
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 10px;
	margin-bottom: 15px;
}

.midashi03 {
	font-size: 1.2em;
	color: #095184;
}

.pink {
	color: #FF0097;
}
.blue {
	color: #3366FF;
}