@charset "UTF-8";

/*---------------------------------------------------

CSS Information



File name:contents.css
Author: Hideyo Ryoken (admin)

--------------------------------------------------- */

/*----------------------------------------------------
	フロートした親要素の高さをそろえる
----------------------------------------------------*/

.clear:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.clear {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear {
	height: 1%;
}

.clear {
	display: block;
}
/* End hide from IE-mac */



/*----------------------------------------------------
	#common
----------------------------------------------------*/

.clear a.next {
	display: block;
	float: right;
	width: 300px;
	text-align: right;
}

.clear a.prev {
	display: block;
	float: left;
	width: 300px;
	text-align: left;
}

.caps {
	letter-spacing:1px;
}

.morelink {
	clear: both;
	padding: 20px 0 0 0;
}

.morelink a:link,
.morelink a:visited {
	display: block;
	width: 250px;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	background: #e8e8e8;
}

.morelink a:hover,
.morelink a:active {
	background: #eee;
}

.news {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	margin: 0;
	text-align:center;
	border-bottom: 1px solid #ddd;
	line-height:32px;
	font-size: 12px;
	background: #fff;
}

.news a {
	display: block;
	width: 100%;
	height: 32px;
	padding: 3px 0 0 0;
	text-decoration: none;
}

.news a:link {
	color: #000;
}

.news a:visited {
	color: #000;
}

.news a:hover {
	color: #000;
	background: #f0f0f0;
}

.news a:active {
	color: #000;
	background: #f0f0f0;
}


#top {
	position: relative;
	width: 925px;
	margin: 0 auto;
	}

#top #header {
	position: relative;
	width: 925px;
	height: 930px;
}

#top #header h1 {
	position: absolute;
	top: 72px;
	left: 22px;
	z-index: 10;
}

#top #header #bankart {
	position: absolute;
	top: 40px;
	left: 819px;
	z-index: 10;
}

#top #header .navi  {
	position: absolute;
	top: 80px;
	left: 335px;
	font-size: 14px;
	z-index: 10;
	width: 585px;
	padding: 38px 0 0 0;
}

#top #header .fixed  {
	position: fixed;
    top: 0;
	left: 0;
    z-index: 998;
	width: 100%;
}

#top #header .fixed ul {
	position: static;
	width: 585px;
	margin: 0 auto;
	padding: 0 14px 0 345px;
}

#top #header .navi ul li {
	float: left;
	padding: 0;
}

#top #header .statement {
	float: left;
	padding: 0;
	position: absolute;
	top: 585px;
	left: 25px;
}

#top #header #tesshu {
	position: absolute;
	top: 185px;
	left: 380px;
}

#top #footer {
	clear: both;
	width: 875px;
	padding: 0 0 25px 25px;
}

#top #footer .credit {
	line-height: 1;
	text-align: left;
}

.kagikakko {
	margin: 0 0 0 -0.5em;
}

/*----------------------------------------------------
	#index
----------------------------------------------------*/

body.index {
	background: url(../img/top/background.jpg) 50% 0px no-repeat;
}

.index #about,
.index #events,
.index #artists,
.index #archives,
.index #access {
	float: left;
	width: 900px;
	padding: 55px 0 45px 25px;
}

.index #contact {
	clear: both;
	width: 900px;
	padding: 25px 0 75px 25px;
}

.index #about p,
.index #events p,
.index #artists p,
.index #archives p,
.index #access p,
.index #contact p {
	background-color: #fff;
}

.index #about h3,
.index #events h3,
.index #artists h3,
.index #archives h3,
.index #access h3,
.index #contact h3 {
	background-color: #fff;
}

.index h2 {
	padding: 0 0 40px 0;
}

.index #about {
	width: 875px;
}


.index #about h3 {
	margin: 30px 0 15px 0;
	font-weight: bold;
}

.index #events #openstudio {
	width: 875px;
	margin: 0 0 30px 0;
}

.index #events #openstudio h3 {
	margin: 0 0 15px 0;
	font-size: 15px;
	font-weight: bold;
}

.index #events .event {
	float: left;
	width: 875px;
	margin: -1px 0 0 0;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.index #events .event .summary {
	float: left;
	width: 875px;
	padding: 7px 0;
	cursor:pointer;
}

.index #events .event .summary .date {
	float: left;
	width: 200px;
	margin: 0;
	font-style:italic;
}

.index #events .event .summary .title {
	float: left;
	width: 675px;
	margin: 0;
}

.index #events .event .content {
	display: none;
	position: relative;
	float: left;
	width: 675px;
	margin: 10px 0 0 200px;
}

.index #events .event .content .studioshusai {
	position: absolute;
	top: 0;
	left: -200px;
	width: 6em;
	padding: 5px 10px;
	text-align: center;
	background: #d8dfee;
}

.index #events .event .content .nyukyoshashusai {
	position: absolute;
	top: 0;
	left: -200px;
	width: 6em;
	padding: 5px 10px;
	text-align: center;
	background: #d8e8ee;
}

.index #artists h2 {
	padding: 0 0 25px 0;
}

.index #artists .floormap {
	margin: 0 0 25px -33px;
}

.index #artists .floorimage {
	float: left;
	width: 900;
	height: 133;
	margin: 0 0 25px 0;
}

.index #artists .floorimage li {
	float: left;
	margin: 0;
	padding: 0 25px 0 0;
}

.index #artists .zone {
	position: relative;
	float: left;
	width: 900px;
}

.index #artists .zone h3 {
	position: absolute;
	top: 0;
	left: -55px;
}

.index #artists .zone ul li {
	position: relative;
	float: left;
	width: 425px;
	height: 40px;
	margin: -1px 25px 0 0;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.index #artists .zone ul li .roomid {
	position: absolute;
	top: 8px;
	left: 0;
	display: block;
	width: 50px;
}

.index #artists .zone ul li .name {
	position: absolute;
	top: 8px;
	left: 50px;
	display: block;
	width: 400px;
}

.index #artists .zonea ul li .roomid {
	color: #005e67;
}

.index #artists .zoneb ul li .roomid {
	color: #005e3c;
}

.index #artists .zonec ul li .roomid {
	color: #81282c;
}

.index #artists .zoned ul li .roomid {
	color: #1e2e53;
}

.index #artists .artistprofile {
	display: none;
}

.artistprofiledescription {
	margin: 30px;
	background: #fff;
}

.artistprofiledescription h4 {
	margin: 30px 0 25px 0;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
}

.index #archives h2 {
	clear: both;
	padding: 0;
}

.index #archives .article {
	float: left;
	margin: 40px 0 0 0;
}

.index #archives .article h3 {
	margin: 0 0 15px 0;
	font-size: 15px;
	font-weight: bold;
}

.index #archives .article p {
	width: 875px;
	margin: 0 0 23px 0;
}

.index #archives ul {
	float: left;
	padding: 0 0 10px 0;
}

.index #archives ul li {
	float: left;
	overflow: hidden;
	width: 125px;
	height: 85px;
	margin: 0 25px 0 0;
}

.index #archives ul li img {
	display: block;
	width: 125px;
}

.index #archives ul li .archivephoto {
	display: none;
}

.archivephotodescription p {
	padding: 5px 0 5px 5px;
	margin: 0;
}

.archivephotodescription p img {
	width: 100%;
}

.archivephotodescription p + p {
	padding: 10px 0 5px 5px;
	margin: 0;
}

.index #access .map {
	width: 875px;
	margin: 0 0 40px 0;
}

.index #access .map img {
	padding: 0 0 8px 0;
}

.index #access .more {
	width: 875px;
	text-align: right;
	font-size: 12px;
}

.index #access .info {
	float: left;
	width: 350px;
	margin: 0 25px 0 0;
}

.index #access .attention {
	float: left;
	width: 525px;
}

.index #access .info h3,
.index #access .attention h3 {
	margin: 0 0 25px 0;
}

.index #contact h3 {
	margin: 0 0 25px 0;
}

.index #contact table  {
	width: 875px;
	margin: 0;
	border-collapse: collapse;
}

.index #contact table th {
	width: 75px;
	padding: 0 0 10px 0;
	vertical-align: top;
	font-weight: normal;
}


.index #contact table td  {
	width: 800px;
	padding: 0 0 10px 0;
	vertical-align: top;
	font-weight: normal;
}

/*----------------------------------------------------
	#archives
----------------------------------------------------*/

body.archives {
	background: url(../img/archives/background.jpg) 50% 0px no-repeat;
}

.archives #top #header {
	position: relative;
	width: 925px;
	height: 222px;
}

.archives #top #header h1 {
	position: absolute;
	top: 72px;
	left: 22px;
	z-index: 10;
}

.archives #top #header #bankart {
	position: absolute;
	top: 40px;
	left: 819px;
	z-index: 10;
}

.archives #archives {
	float: left;
	width: 900px;
	padding: 55px 0 45px 25px;
}

.archives #archives h2 {
	width: 900px;
	margin: 0 0 60px 0;
}

.archives #archives #entrycolumn {
	float: left;
	width: 630px;
	margin: 0 45px 0 0;
	font-size: 120%;
}

.archives #archives #entrycolumn .entry { 
	margin: 0 0 75px 0;
}

.archives #archives #entrycolumn .entry .meta {
	margin: 0 0 0 0;
}

.archives #archives #entrycolumn .entry h3 {
	margin: 0 0 30px 0;
	font-weight: bold;
}

.archives #archives #navicolumn {
	float: left;
	width: 200px;
	margin: 4px 0 0 0;
}

.archives #archives #navicolumn h4 {
	margin: 0 0 20px 0;
	font-weight: bold;
}

.archives #archives #entrycolumn .entry p {
	background-color: #fff;
}

.archives #archives #entrycolumn .entry h3 {
	background-color: #fff;
}