@charset "UTF-8";

html {
	height: 100%;
}
body {
	height: 100%;
	position: relative;
	font-size: 76%;
	font-family:
		"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",	/* MacOS X用フォント */
		"メイリオ",Meiryo,						/* WinVista用フォント*/
		"ＭＳ Ｐゴシック", "MS P Gothic",				/* Windows系フォント */
		sans-serif;							/* ゴシック系総称ファミリー */
	color: #333;
	line-height: 1.6;
}
:link { color: #666; font-weight: bold; text-decoration: none; }
:visited { color: black; font-weight: bold; text-decoration: none; }

div#wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
}
div.exhibition {
	width: 30%;
	height: 40%;
	position: absolute;
	left: 35%;
	top: 20%;
	float: none;
}
div.exhibition2015 {
	width: 30%;
	height: 30%;
	position: absolute;
	left: 35%;
	top: 30%;
	float: none;
}
a.exhibition {
	display: block;
	width: 100%;
	height: auto;
	float: none;
	border-bottom: 1px white solid;
	text-align: left;
	padding-bottom: 2%;
	margin-bottom: 5%;
}
a.exhibition:hover {
	border-bottom: 1px #666 solid;
}
p.exhibition {
	display: block;
	width: 100%;
	height: auto;
	float: none;
	border-bottom: 1px white solid;
	text-align: left;
	margin-bottom: 7%;
}
img.exhibition {
	width: 100%;
	height: auto;
	position: relative;
}
div.skip {
	width: auto;
	height: 5%;
	position: absolute;
	left: 35%;
	top: 5%;
	float: none;
}
a.skip {
	display: block;
	height: 100%;
	width: 100%;
}
div.back {
	display: none;
	width: auto;
	height: 5%;
	position: absolute;
	left: 10%;
	top: 5%;
	float: none;
}
a.back {
	display: block;
	height: 100%;
	width: 100%;
}
div.imgview {
	display: none;
	width: 100%;
	height: 80%;
	position: absolute;
	left: 0;
	top: 10%;
	float: none;
	text-align: center;
	overflow: hidden;
}
div.imgview.fullWide {
	top: 0;
	height: 100%;
}
img.zumen {
	height: 75%;
	width: auto;
	float: none;
	position: relative;
	margin-top: 0;
}
img.imgview {
	height: 100%;
	width: auto;
	float: none;
	position: relative;
	margin-top: 0;
}
/* -------------- */
/* exhibition2014 */
img#open, img#img01, img#img02, img#img03, img#img04, img#img05, img#img06, img#img07, img#img08, img#img09, img#img10, img#img11, img#img12, img#img13, img#img14, img#img15, img#img16, img#img17, img#img18, img#img19, img#close {
	display: none;
}
/* -------------- */
/* exhibition2015 */
img#onWall, img#onWhite, img#content1, img#content2, img#content3, img#content4, img#content5, img#content6, img#content7, img#content8 {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
/* -------------- */
p.imgtitle {
	display: block;
	display: none;
	width: 60%;
	height: auto;
	position: absolute;
	left: 20%;
	bottom: 0;
	text-align: right;
	line-height: 1.6;
	color: #666;
}
p.imgtitle.fullWide {
	width: 50%;
	left: 32%;
	bottom: 15%;
	text-align: right;
}
/* -------------- */
/* exhibition2014 */
div.leftarrow {
	width: 5%;
	height: 100%;
	position: absolute;
	left: 5%;
	top: 0;
	text-align: left;
}
div.rightarrow {
	width: 5%;
	height: 100%;
	position: absolute;
	left: 90%;
	top: 0;
	text-align: left;
}
a.arrow {
	width:100%;
	height: 100%;
	position: absolute;
	top: 0;
}
img.leftarrow, img.rightarrow {
	display: none;
	opacity: 0.5;
	width: 100%;
}
img.leftarrow:hover, img.rightarrow:hover {
	opacity: 1.0;
}
/* -------------- */
/* exhibition2015 */
div.overall {
	display: none;
	width: 10%;
	height: auto;
	position: absolute;
	right: 10%;
	top: 5%;
}
div.contentID {
	display: none;
	width: 3%;
	height: auto;
	position: absolute;
	right: 0;
	bottom: 5%;
}
div#next {right: 10%}
div#a {right: 13%}
div#b {right: 16%}
div#c {right: 19%}
div#d {right: 22%}
div#e {right: 25%}
div#f {right: 28%}
div#g {right: 31%}
div#h {right: 34%}
div#prev {right: 37%}

img.contentID {
	width: 100%;
	height: auto;
	opacity: 0.5;
}
img.overall {
	width: 100%;
	height: auto;
	opacity: 1.0;
}
a.contentID {
	width: 100%;
	height: 100%;
}
a.contentID:hover img {
	opacity: 1;
}
a.contentID img.selected {
	opacity: 1;
}
/* -------------- */
div.footer {
	width: 34%;
	height: 25%;
	position: absolute;
	left: 33%;
	bottom: 0;
	overflow: visible;
}
div.footer p.copyright {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	line-height: 1.6;
	text-align: left;
}
div.footer a.shinakoscom {
	display: block;
	width: 65%;
	height: auto;
	position: relative;
	line-height: 1.6;
	text-align: right;
}
img.shinakoscom {
	width: 100%;
	height: auto;
	position: relative;
}
div.footer p.rightsreserved {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	line-height: 1.6;
	text-align: right;
}
div.footermini {
	display: none;
	width: 80%;
	height: 5%;
	position: absolute;
	left: 10%;
	bottom: 0;
	overflow: visible;
}
div.footer p.footermini {
	display: inline;
	position: relative;
	line-height: 1.6;
	text-align: left;
	float: left;
}
div.footermini p a.shinakoscom {
	display: inline;
	vertical-align: bottom;
}
div.footermini p a.shinakoscom img.shinakoscom{
	width: 15%;
	height: auto;
	margin-top: -5%;
	position: relative;
}
div.kakushi {
	display: none;
}


/* ▼表示領域が901px以上の場合 */
@media screen and (min-width: 901px) {
    html{ font-size : 80%;} 
}
/* ▼表示領域が900px以下の場合 */
@media screen and (max-width: 900px) {
    html{ font-size : 76%;} 
}