@charset "utf-8";




/*--------------------------
ヘッダー
---------------------------*/
#ceiling{
	height:200px;
}
#ceiling .siteName{
	padding: 3em 620px 0 40px;
	width: 300px;
}
#ceiling .siteName img{
	width: 247px;
}
.discription{
	color: #4D4D3A;
	margin: 0 auto;
	padding: 1em 520px 0 40px;
	width: 400px;
	z-index: 300;
}


/*--------------------------
コンテンツ(メインカラム)
---------------------------*/
.contents{
	background: url("../img/bg-contents.png");
	height: 505px;
}
.articles{
	background-color: transparent;
	left: 50%;
	margin: 30px 0 0 -200px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 660px;
	z-index: 100;
}

article figure{
	clear: both;
	float: right;
	border: 1px solid #eee;

}

.contents th,
.contents td{
	padding: 0.5em;
}



/* ナビゲーション
---------------------------*/
.utilities{
	float: left;
	position:absolute;
	top: 0;
	left: 50%;
	width: 260px;
	min-height: 465px;
}
.nav{
	position:absolute;
	top: 0;
	left: -480px;
	width: 260px;
}
.nav .global {
	background: url("../img/bg-nav.png");
	margin: 0;
	padding: 20px 0;
	min-height: 465px;

}
.nav .global li{
	border: none;
	border-top: 1px solid #4570A4;
	height: 55px;
	left: auto;
	margin: 0 auto;
	padding: 5px 0;
	position:relative;
	width: 220px;
}
.nav .global .search{
	border-top: none;
	padding: 0 0 5px 0;
	height: auto;
}
.nav .global a{
	position:relative;
	height: 55px;
	margin: 0;
	width: 100%;
	border: none;
}

.search form {
	width: 200px;
	padding: 10px;
}
.search #PageKeyword{
	width: 165px;
	margin: 0 5px 0 0;
}

.nav .books a{		background-image:url("../img/nav-index-books.png");}
.nav .author a{		background-image:url("../img/nav-index-author.png");}
.nav .background a{	background-image:url("../img/nav-index-background.png");}
.nav .map a{		background-image:url("../img/nav-index-map.png");}
.nav .words a{		background-image:url("../img/nav-index-words.png");}

.books a:hover,
.author a:hover,
.background a:hover,
.map a:hover,
.words a:hover{		background-position: -220px 0;}


/* mainVisual
---------------------------*/
.mainVisual{
	z-index: 100;
	overflow: hidden;
	position:relative;
	width: 660px;
}
.mainVisual .slide{
	width:100%;

}
.mainVisual .slide img{
//	position: absolute;
//	bottom: 0;
//	left: 0;

}

.bx-viewport{
}
.bx-controls{

}
.bx-next,
.bx-prev{
	background-color: rgba(0,0,0,.5);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	margin: -32px 0 0 0;
	height: 64px;
	width: 64px;
	position: absolute;
	top: 50%;
}
.bx-next{
	background-image: url(../img/bx-next.png);
	right: 0;
}
.bx-prev{
	background-image: url(../img/bx-prev.png);
	left: 0;
}

.bx-pager{
	margin: 10px 5px;
	width: 660px;

}
.bx-pager li{
	border-left: 1px solid #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 0 4px;
	height: 115px;
	width: 100px;
}
.bx-pager li:first-child{
	border-left: 1px solid transparent;
}
.bx-pager a{
	background-repeat: no-repeat;
	border: 2px solid transparent;
	display: block;
	height: 111px;
	position: relative;
	text-indent: -99999px;
	width: 96px;
}

.bx-pager .books01 a{	background-image: url("../img/mv-contents-01.png");}
.bx-pager .books02 a{	background-image: url("../img/mv-contents-02.png");}
.bx-pager .books03 a{	background-image: url("../img/mv-contents-03.png");}
.bx-pager .books04 a{	background-image: url("../img/mv-contents-04.png");}
.bx-pager .books05 a{	background-image: url("../img/mv-contents-05.png");}
.bx-pager .books06 a{	background-image: url("../img/mv-contents-06.png");}

.bx-pager .active{
	background-position: 0 -120px;
	border: 2px solid #A41709;
}
.bx-pager .active{
	background-position: 0 -120px;
	border: 2px solid #A41709;
}
.bx-pager .active:after{
	content: "";
	display: block;
	border: 5px solid transparent;
	border-bottom: 5px solid #A41709;
	height: 0;
	margin: 0 -5px 0 0;
	position: absolute;
	top: -12px;
	right: 50%;
}





.bx-pager .bx-pager-item{
	display: inline-block;
	padding: 0 5px;
}
.bx-pager-link{
	background:#f0f0f0;
	border: 1px solid #e8a;
	border-radius: 9px;
	display:block;
	text-indent: -9999px;
	width: 10px;
	height: 10px;
}



/*--------------------------
コンテンツ(サイドカラム)
---------------------------*/

.contents>aside{
	float: right;
	padding: 2em 0;
}
.contents>aside li{
	margin: 0 0 1em 0;
}