@charset "utf-8";


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

	[aizuyaichi.or.jp] about.css

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


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

	container

------------------------------------------------------------*/
div#container {
	min-height: 882px;
	background: #000;
}
* html div#container {
	height: 882px;
}

div#special {
	position: relative;
	width: 812px;
	height: 640px;
	margin: 0 auto;
	background: #000;
}


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


/*	title
------------------------------------------------------------*/
h2 {
	overflow: hidden;
	position: absolute;
	z-index: 1;
	left: 182px;
	top: 0;
	width: 630px;
	height: 630px;
	margin: 0;
	background: url(../img/back/about.jpg) no-repeat;
	text-indent: -1000em;
}


/*	content
------------------------------------------------------------*/
div#content {
	position: relative;
	z-index: 81;
	width: 630px;
	color: #FFF;
}
h1,
div#nav {
	z-index: 82;
}


/* message */
div#content p {
	width: 546px;
	margin: 0 42px 56px;
	text-align: justify;
	text-justify: inter-ideograph; /*IE*/
	word-break: break-all; /*IE*/
}

div#content p#tsubouchi {
	margin: 0 42px;
	padding: 98px 0 28px;
	text-align: center;
	font-size: 20px;
	letter-spacing: 0.2em;
}

/* menu */
div#content ul {
	list-style: none;
	margin: 0;
	padding: 0 21px 0 0;
}

div#content li {
	float: right;
	margin: 0 28px 0 0;
}

* html div#content li {
	display: inline;
}

div#content li#life,
div#content li#education,
div#content li#travel {
	margin-top: 56px;
}

div#content li a {
	position: relative;
	overflow: hidden;
	display: block;
	width: 84px;
	height: 294px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -10000em;
	outline: none;
}

div#content li:hover {
	background-position: 0 -294px;
}

div#content li#life {
	background-image: url(../img/menu/about_life.png);
}
div#content li#art {
	background-image: url(../img/menu/about_art.png);
}
div#content li#education {
	background-image: url(../img/menu/about_education.png);
}
div#content li#intercommunion {
	background-image: url(../img/menu/about_intercommunion.png);
}
div#content li#travel {
	background-image: url(../img/menu/about_travel.png);
}

* html div#content li {
	background: none !important;
}
* html div#content li#life {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/menu/about_life.png", sizingMethod="crop");
}
* html div#content li#art {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/menu/about_art.png", sizingMethod="crop");
}
* html div#content li#education {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/menu/about_education.png", sizingMethod="crop");
}
* html div#content li#intercommunion {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/menu/about_intercommunion.png", sizingMethod="crop");
}
* html div#content li#travel {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/menu/about_travel.png", sizingMethod="crop");
}


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

	@media print

------------------------------------------------------------*/
@media print {
}