@charset "UTF-8";
/* ******************************************************************

	--archive.css--

	1. Layout setting

****************************************************************** */


/*==================================================================
	1. Layout setting
===================================================================*/
html { color:#333; }
a:link, a:visited { color:#06C; text-decoration:none; }
a:hover, a:active {	color:#06C; text-decoration:underline; }
html { background-color:#E8E8E8; }
body { background-color:#FFF; }

/* ------------------------------------------------------------------
	1.1. Header styles
-------------------------------------------------------------------*/
html, body {
	overflow-x:hidden;
}
#header {
	margin:0 auto;
	height:604px;
	background:url(../img/archive/bg_header.jpg) no-repeat 50% 0;
}
@media screen and (max-device-width: 640px) {
#header {
	width:1440px;
}
}
#header .headText {
	padding-bottom:58px;
	text-align:center;
}
#header .buttonList {
	width:880px;
	margin:0 auto;
}
#header .buttonList a.hover {
	display:block;
}
#header .buttonList li {
	float:left;
	width:auto;
	padding-right:25px;
}
*:first-child + html #header .buttonList li {
	padding-right:21px;
}
.headline1 {
	text-align:center;
	padding-top:160px;
}
.shareBox{
	margin-top:-5px;
}
.shareBox li{
	float:left;
	margin-right:5px;
	height:25px;
	line-height:25px;
}

/* ------------------------------------------------------------------
	1-2. Base styles
-------------------------------------------------------------------*/
#contents {
	clear:both;
	width:1440px;
	margin:0 auto;
}
#contents .block {
	background:#FFF;
}
#contents .block .blockInner {
	width:959px;
	margin:0 auto;
	padding:46px 8px 43px 59px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	color:#000;
}
#contents .block .blockInner a {
	color:#876b48;
	text-decoration:underline;
}
#contents .block .blockInner a:hover {
	text-decoration:none;
}
#contents .block .blockInner .headline2 {
	padding-bottom:28px;
	font-size:24px;
	font-weight:bold;
}
#contents .block .blockInner .headline2 span {
	font-size:30px;
	position:relative;
	top:2px;
	padding-right:5px;
}
#contents .block .blockInner p {
	padding-bottom:25px;
	line-height:1.45;
}
#contents .block .blockInner li {
	line-height:1.45;
}
#contents .block .blockInner ul {
	padding-bottom:53px;
}
#contents .block .blockInner ul.textList {
	padding:33px 0 52px;
}
#contents .block .blockInner ul.textList li {
	font-size:0;
	padding-bottom:8px;
}
#contents .block .blockInner ul.textList li a {
	padding:2px 0 0 6px;
}
#contents .section {
	clear:both;
	padding-top:50px;
	background:url(../img/archive/bg_section.jpg) no-repeat 0 0;
}
#contents .section .sectionInner {
	position:relative;
	min-height:325px;
	background:url(../img/archive/bg_sectioninner.jpg) no-repeat 0 0;
}
*:first-child + html #contents .section .sectionInner {
	height:325px;
}
#contents .section .sectionInner01 {
	position:relative;
	min-height:351px;
	background:url(../img/archive/bg_sectioninner01.jpg) no-repeat 0 0;
}
#contents .section .sectionInner .inner {
	width:982px !important;
	margin:0 auto !important;
}
#contents .section .sectionInner h2 {
	position:absolute;
	left:240px;
	top:15px;
	margin-top:-33px;
	padding-top:33px;
}
#contents .section .sectionInner .inner ul.itemList {
	position:absolute;
	width:982px;
	right:226px;
	bottom:25px;
	bottom:22px\0;
	text-align:right;
	margin-left:-27px;
}
*:first-child + html #contents .section .sectionInner ul.itemList {
	right:261px;
	bottom:43px;
	width:986px;
	margin:0;
}
#contents .section .sectionInner01 .inner ul.itemList {
	bottom:49px;
	bottom:47px\0;
}
*:first-child + html #contents .section .sectionInner01 ul.itemList {
	right:260px;
	bottom:67px;
}
#contents .section .sectionInner ul.itemList li {
	width:165px;
	display:inline-block;
	margin-left:27px;
}
*:first-child + html #contents .section .sectionInner ul.itemList li {
	display:inline;
	margin-left:32px;
}
#contents .section .sectionInner ul.itemList li .itemImage01 {
	position:relative;
	width:130px;
	background:#FFF;
}
#contents .section .sectionInner ul.itemList li .itemImage01 img.imageBook01 {
	position:absolute;
	left:-5px;
	top:0;
}
#contents .section .sectionInner ul.itemList li .itemImage01 img {
	vertical-align:bottom;
}
.itemImage01 .hover {
	display:block;
}
#contents .section .sectionInner ul.itemList li .itemImage02 {
	position:relative;
	width:144px;
	padding:0;
}
*:first-child + html #contents .section .sectionInner ul.itemList li .itemImage02 {
	margin-left:12px;
}
#contents .section .sectionInner ul.itemList li .itemImage02 img.imageBook02 {
	position:absolute;
	left:0;
	top:0;
}
#contents .section .sectionInner ul.itemList li .itemImage03 {
	position:relative;
	width:181px;
	margin-left:-15px;
	padding:0;
}
*:first-child + html #contents .section .sectionInner ul.itemList li .itemImage03 {
	margin-left:12px;
}
#contents .section .sectionInner ul.itemList li .itemImage03 img.imageBook03 {
	position:absolute;
	left:-7px;
	top:0;
}
#contents .section .sectionInner ul.itemList li ul.date {
	position:relative;
	margin:-20px 0 0 -23px;
	margin:-20px 0 0 -23px\0;
	z-index:10;
}
*:first-child + html #contents .section .sectionInner ul.itemList li ul.date {
	margin:-19px 0 0 -20px;
}
#contents .section .sectionInner ul.itemList li ul.date li {
	float:left;
	width:auto;
	margin:0 !important;
	padding:0 !important;
	font-size:0;
}
*:first-child + html #contents .section .sectionInner ul.itemList li ul.date li {
	margin:0 !important;
	width:19px;
	font-size:0;
}


/* ------------------------------------------------------------------
	1-3. Navi styles
-------------------------------------------------------------------*/
#navi {
	position:fixed;
	left:50%;
	margin-left:-720px;
	z-index:999;
	clear:both;
	width:1440px;
	height:34px;
	background:url(../img/archive/bg_navi.png) repeat;
}
#navi #naviInner {
	position:relative;
	width:980px;
	margin:0 auto;
	padding:8px 0 10px;
}
#navi .menu {
	position:absolute;
	right:10px;
	width:100px;
}
#navi .menu .buttonMemu {
	padding-left:5px;
}
#navi .menuBox {
	display:none;
	position:absolute;
	right:10px;
	top:0;
	width:215px;
	background:url(../img/archive/bg_navi.png) repeat;
}
#navi .menuBox p {
	height:16px;
	padding:8px 15px 11px 0;
}
#navi .menuBox .close a {
	float:right;
	width:16px;
	height:15px;
}
#navi .menuBox ul li {
	border-top:1px solid #494949;
	border-bottom:1px solid #252525;
}
#navi .menuBox ul li a {
	display:block;
	padding:8px 5px 8px 15px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}
#navi .menuBox ul li.last {
	padding-bottom:6px;
}
#navi .menuBox ul li.last span img {
	padding:17px 0 0 15px;
}
#navi .hover {
	display:block;
}

/* ------------------------------------------------------------------
	2-4. BookBlock styles
-------------------------------------------------------------------*/
.bookBlock {
	display:none;
	width:780px;
	padding:9px;
	border:1px solid #000;
	background:#FFF;
}
.bookBlockInner {
	margin:15px 55px 13px 45px;
}
.bookBlock h3 {
	margin-right:43px;
	padding:7px 11px 9px 11px;
	background:#000;
}
.imageBox {
	float:left;
	width:318px;
	text-align:center;
	border:1px solid #040703;
}
.imageBox .imageBoxInner{
	padding:30px 25px;
}
.imageBox img {
	width:268px;
	border:1px solid #040703;
}
.infoBox {
	float:right;
	width:320px;
}
.infoBox .number {
	height:20px;
	background:url(../img/archive/bg_title.gif) no-repeat 100% 0;
}
.infoBox .number span {
	display:inline-block;
	height:20px;
	padding:0 6px;
	border-right:1px solid #e8ecfa;
	background:#000;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	line-height:17px;
}
*:first-child+html .number span {
	line-height:20px;
}
.infoBox .title {
	padding:18px 44px 17px;
	background:#7c7c7c;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
}
.infoBox .detail {
	margin-bottom:9px;
	background:url(../img/archive/bg_detail.gif) repeat;
}
.infoBox .infoList {
	padding:15px;
}
.infoBox .buttonList {
	padding:4px 0 10px 10px;
}
.infoBox .buttonList li {
	float:left;
	height:33px;
	margin-right:7px;
	background:#FFF;
}
.infoBox .buttonList li a {
	display:block;
}
.socialList li {
	float:left;
	margin-right:4px;
}
.bookBlock .close {
	height:35px;
	background:#000;
}
.bookBlock .close a {
	display:none;
	float:right;
	margin-right:10px;
}
.fancybox-close{
	z-index:100;
}
.fancybox{
	position:relative;
}

/* ------------------------------------------------------------------
	2-6. Footer styles
-------------------------------------------------------------------*/
#footer {
	clear:both;
}
#footer .fSection01 {
	background:#202020;
}
#footer .fSection02 {
	background:#454545;
}
#footer .fSectionInner {
	width:982px;
	margin:0 auto;
}
.fSection01 {
	width:1440px;
	margin:0 auto;
	text-align:center;
}
.fSection01 .fSectionInner {
	padding:92px 0 23px;
}
*:first-child + html .fSection01 .fSectionInner {
	padding:92px 0 26px;
}
.fSection01 .copyright {
	padding-top:65px;
}
*:first-child + html .fSection01 .copyright {
	padding-top:67px;
}
.fSection02 {
	width:1440px;
	margin:0 auto;
}
.fSection02 .pageTop {
	float:right;
	margin:11px 20px 0 0;
}
#footer .hover {
	display:block;
}