@charset "utf-8";

body  {
	font-family: "Arial","ＭＳ ゴシック", sans-serif;
  	font-size: 90%; /* フォントサイズは%などの相対値が基本 ptの絶対値だとブラウザ側でフォントの変更ができない */
	width:1000px;
	height:700px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #000000;


}

#container { 
	width: 905px;
	text-align: left;
	margin: 0 auto;
	padding-left:20px;

}


#header {
	margin-top:20px;
	width:1000px;
	height:100px;
}

#footer{
	float: right;
	width:400px;
	height:17px;
	padding-top:10px;
	border-top:#999 1px solid;
	margin-top:8px;
	margin-right:514px;
	
	}

#copy{
	margin-top:15px;
	}

p{
	margin:0px;
	font-size:14px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style:normal;
	font-variant:normal;
	width:500px;
	text-align:left;
	}

table{
	position: relative;
	left:-5px;
	line-height:9px;
	}

.extable{
	position: relative;
	left:-3px;
	line-height:9px;
	}


/*各ページCSS*/

.abouttext{
	position:absolute;
	top:336px;
	margin:0px;
	font-size:12px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style:normal;
	font-variant:normal;
	width:500px;
	line-height:8px;
	}

.infotext{
	position:absolute;
	top:127px;
	margin:0px;
	font-size:12px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style:normal;
	font-variant:normal;
	width:500px;
	}

.cafetext{
	position:absolute;
	top:0px;
	margin:0px;
	font-size:12px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style:normal;
	font-variant:normal;
	width:500px;
	}

.actext{
	position:absolute;
	top:0px;
	margin:0px;
	font-size:11px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style:normal;
	font-variant:normal;
	width:300px;

	}


#rogo {
	position: relative;
	top:50px;

	}

#content-topac {
	width:275px;
	float: right;
	height:427px;
	position:relative;
}

#content-top {
	width:427px;
	float: right;
	height:427px;
	position:relative;
}

#toppic{
	width:400px;
	height:400px;
	margin-right:40px;
	margin-left:30px;
	background-image:url(top/toppic.gif);
	background-repeat:no-repeat;
	float:left;
	margin-bottom:38px;
	}

#infopic{
	width:400px;
	height:400px;
	margin-right:40px;
	margin-left:30px;
	background-image:url(info/infopic.gif);
	background-repeat:no-repeat;
	float:left;
	margin-bottom:38px;
	}

#aboutpic{
	width:400px;
	height:400px;
	margin-right:40px;
	margin-left:30px;
	background-image:url(about/aboutpic.gif);
	background-repeat:no-repeat;
	float:left;
	margin-bottom:38px;
	}

#cafepic{
	width:400px;
	height:400px;
	margin-right:40px;
	margin-left:30px;
	background-image:url(cafe/cafepic.gif);
	background-repeat:no-repeat;
	float:left;
	margin-bottom:38px;
	}

#expic{
	width:400px;
	height:400px;
	margin-right:40px;
	margin-left:30px;
	background-image:url(ex/expic.gif);
	background-repeat:no-repeat;
	float:left;
	margin-bottom:38px;
	}
	
#acpic{
	width:552px;
	height:402px;
	margin-right:20px;
	margin-left:30px;
	background-image:url(ac/map.gif);
	background-repeat:no-repeat;
	float:left;
	margin-bottom:36px;
	
	}
	
	
#exlink a{
	text-decoration:none;
	color:black;
	}
	
#exlink a:hover{
	color:#666;
	
	}

#aclink a{
	text-decoration:none;
	color:black;
	}
	
#aclink a:hover{
	color:#666;
	
	}


#sen{
	padding:1px;
	border-top:#999 1px solid;
	display:block;
	}


/*右上の各ページナビ*/
#navi{
	margin-top:37px;
	margin-left:18px;
	height:14px;
	width:390px;
	margin-bottom:3px;

	}
	

#icon-c a{
	float:left;
	display:block;
	width:64px;
	height:16px;
	padding-top:6px;
	padding-bottom:6px;
	background:url(common/navi-cafe-re.gif) no-repeat;
	background-position:center;
	margin-left:1px;
}

#icon-c a:hover{
	background:url(common/navi-cafe.gif) no-repeat;
	background-position:center;
}

#icon-u a{
	float:left;
	display:block;
	width:84px;
	height:16px;
	padding-top:6px;
	padding-bottom:6px;
	background:url(common/navi-use-re.gif) no-repeat;
	background-position:center;
	margin-left:2px;

}

#icon-u a:hover{
	background:url(common/navi-use.gif) no-repeat;
	background-position:center;}

#icon-i a{
	float:left;
	display:block;
	width:64px;
	height:16px;
	padding-top:6px;
	padding-bottom:6px;
	background:url(common/navi-ex-re.gif) no-repeat;
	background-position:center;
	margin-left:2px;

}

#icon-i a:hover{
	background:url(common/navi-ex.gif) no-repeat;
	background-position:center;
}


#icon-y a{
	float:left;
	display:block;
	width:64px;
	height:16px;
	padding-top:6px;
	padding-bottom:6px;
	background:url(common/navi-info-re.gif) no-repeat;
	background-position:center;
	margin-left:4px;
	

}

#icon-y a:hover{
	background:url(common/navi-info.gif) no-repeat;
	background-position:center;
}


#icon-r a{
	float:left;
	display:block;
	width:85px;
	height:16px;
	padding-top:6px;
	padding-bottom:6px;
	background:url(common/navi-about-re.gif) no-repeat;
	background-position:center;


}

#icon-r a:hover{
	background:url(common/navi-about.gif) no-repeat;
	background-position:center;
}


/*作品写真*/

#works{
	width: 48px;
	margin-bottom:7px;
	float: left;
	}


/*Spazio写真拡大*/

.photo img {border: none;}
.photo {
	float:left;
	width: 52px;
	margin-bottom:10px;
	}
.photo a .large {
	display: none;
	position: absolute;
	width: 1px;
	height: 1px;
	}
.photo a.popup,
.photo a.popup:visited {
	display: block;
	}
.photo a.popup:hover {
	background-color: #fff;
	}
.photo a.popup:hover .large {
	display: block;
	width: 400px;
	height: 400px;
	position: absolute;
	background-color:white;
	top:0px;
	left:-448px;
	z-index:100;
	}


/*臨時アバウト*/

.photo2 img {border: none;}
.photo2 {
	float:left;
	width: 48px;
	margin-bottom:7px;
	}
.photo2 a .large {
	display: block;
	position: absolute;
	width: 1px;
	height: 1px;
	}
.photo2 a.popup,
.photo2 a.popup:visited {
	display: block;
	}
.photo2 a.popup:hover {
	background-color: #fff;
	}
.photo2 a.popup:hover .large {
	display: block;
	width: 502px;
	height: 102px;
	position: absolute;
	background-color:white;
	top:0px;
	left:-525px;
	z-index:100;
	}
	
/*臨時アバウト*/

.photo3 img {border: none;}
.photo3 {
	float:left;
	width: 48px;
	margin-bottom:7px;
	}
.photo3 a .large {
	display: block;
	position: absolute;
	width: 1px;
	height: 1px;
	}
.photo3 a.popup,
.photo3 a.popup:visited {
	display: block;
	}
.photo3 a.popup:hover {
	background-color: #fff;
	}
.photo3 a.popup:hover .large {
	display: block;
	width: 502px;
	height: 302px;
	position: absolute;
	background-color:white;
	top:0px;
	left:-525px;
	z-index:100;
	}
	
	
/*臨時美術館*/

.photo4 img {border: none;}
.photo4 {
	float:left;
	width: 48px;
	margin-bottom:7px;
	}
.photo4 a .large {
	display: block;
	position: absolute;
	width: 1px;
	height: 1px;
	}
.photo4 a.popup,
.photo4 a.popup:visited {
	display: block;
	}
.photo4 a.popup:hover {
	background-color: #fff;
	}
.photo4 a.popup:hover .large {
	display: block;
	width: 525px;
	height: 400px;
	position: absolute;
	background-color:white;
	top:0px;
	left:-525px;
	z-index:100;
	}