@charset "utf-8";


/*============================================================

	[aizuyaichi.or.jp] artifact.css

============================================================*/


/*	content
------------------------------------------------------------*/
div#content:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
* html div#content {
	height: 1%;
	/*\*//*/
	display: inline-table;
	/**/
}
*:first-child+html div#content {
	min-height: 1%;
}


/*	copyright
------------------------------------------------------------*/
* html address {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../img/back/copyright.png", sizingMethod="crop");
}


/*	title
------------------------------------------------------------*/
h2 {
	background: url(../img/title/artifact.jpg) no-repeat;
}


/*	sidebar block
------------------------------------------------------------*/
div#sidebar {
	width: 70px;
}

div#sidebar h3 {
	height: 64px;
	background: url(../img/heading/artifact.jpg) no-repeat left top;
}


/*	section block
------------------------------------------------------------*/
div.section {
	float: right;
	width: 476px;
	margin: 24px 28px 0 0;
}

* html div.section {
	display: inline;
}

div.section h4 {
	margin-top: 0;
}


/* artifact */
div.page {
	position: relative;
}

div.creation {
	min-height: 84px;
	margin: 0 0 14px;
}

* html div.creation {
	height: 84px;
}

div.creation h5,
div.creation p.date,
div.creation p.type {
	float: right;
	width: 378px;
}

div.creation h5 {
	margin: 0 0 5px;
	line-height: 1.5;
	font-size: 16px;
	font-weight: normal;
}

div.creation p.date,
div.creation p.type {
	line-height: 1.5;
	font-size: 13px;
}

div.creation p.thumb {
	width: 84px;
	height: 84px;
}

* html div.creation p.thumb {
	margin-top: -49px;
}
*:first-child+html div.creation p.thumb {
	margin-top: -49px;
}

div.creation p.thumb a,
div.creation p.thumb img {
	display: block;
}

div.creation p.thumb a {
	border: none;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

div.creation p.thumb a:hover {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}


/*	popup
------------------------------------------------------------*/
div.popup {
	display: none;
	position: absolute;
	z-index: 81;
	left: -99px;
	top: 0;
	width: 518px;
	padding: 14px 28px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 28px 21px;
	border: 1px solid #000;
}


/* type */
div#category1 div.popup {
	background-image: url(../img/back/artifact_category1.gif);
}
div#category2 div.popup {
	background-image: url(../img/back/artifact_category2.gif);
}
div#category3 div.popup {
	background-image: url(../img/back/artifact_category3.gif);
}
div#category4 div.popup {
	background-image: url(../img/back/artifact_category4.gif);
}
div#category5 div.popup {
	background-image: url(../img/back/artifact_category5.gif);
}
div#category6 div.popup {
	background-image: url(../img/back/artifact_category6.gif);
}


/* photo */
div.popup p.photo {
	margin: 98px 0 28px;
	text-align: center;
}

div.popup p.photo img {
	display: inline;
	vertical-align: bottom;
}


/* description */
div.popup dt {
	float: left;
	font-weight: bold;
}

div.popup dd {
	padding-left: 4em;
}


/* pager */
div.popup p.pager a.close,
div.popup p.close a {
	padding: 0 0 0 16px;
	background: url(../img/bullet/close_popup.gif) no-repeat left center;	
}

div.popup p.pager a.close:hover,
div.popup p.close a:hover {
	background-image: url(../img/bullet/close_popup_o.gif);
}
	
div.popup p.pager {
	position: absolute;
	left: 140px;
	top: 14px;
	width: 406px;
}

div#category6 p.pager {
	left: 200px;
	width: 346px;
}

div.popup p.pager a,
div.popup p.pager span.selected {
	padding: 0 6px;
}

div.popup p.pager span.selected {
	font-weight: bold;
}

div.popup p.pager a.close {
	position: absolute;
	right: 0;
	top: 0;
}

div.popup p.close {
	margin-top: 28px;
	text-align: right;
}