@charset "utf-8";


/* ================================================================================ */
/*      header     */  
/* ================================================================================ */

#wrapper{
	width:100%;
	background-color:#f6f6f6;
}

.header {
	width:100%;
	height:175px;
	background:#ffffff;
	background:url(../images/bg_header_list.png) repeat-x 0 0;
	position:relative;
}
.header .innerBlock {
	width:960px;
	margin:0 auto;
	position:relative;
}
.header .mainLogo {
	position:absolute;
	top:31px;
	left:0px;	
}
.header .mainImage {
	position:absolute;
	top:105px;
	left:38px;
}

/* ================================================================================ */
/*      header nav list     */  
/* ================================================================================ */

.header #headernavBlock {
	position:absolute;
	width:200px;
	height:80px;
	top:21px;
	right:365px; 
}
.header #headernavBlock span{
	visibility: hidden; 
}
.header #headernavBlock .nav01 {
	position:absolute;
	width:200px;
	height:20px;
	top:20px;
	right:0;
	display:block;
}
.header #headernavBlock .nav02 {
	position:absolute;
	width:200px;
	height:20px;
	top:50px;
	right:0;
	display:block;
}
.header #headernavBlock .nav01 a{
	width:200px;
	height:20px;
	background:url(../images/headernav01.png) 0 0 no-repeat;
	display:block;
	text-decoration:none;
	outline:none;
}
.header #headernavBlock .nav02 a{
	width:200px;
	height:20px;
	background:url(../images/headernav02.png) 0 0 no-repeat;
	display:block;
	text-decoration:none;
	outline:none;
}
.header #headernavBlock .nav01 a:hover,
.header #headernavBlock .nav01 a:active,
.header #headernavBlock .nav02 a:hover,
.header #headernavBlock .nav02 a:active{
	width:200px;
	height:20px;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	display:block;
	text-decoration:none;
}

/* ================================================================================ */
/*      contContainer     */  
/* ================================================================================ */
.contContainer {
width:100%;
background-color:#f9f9f9;
overflow:hidden;
	padding-top:6px;
}
.contContainer .innerBlock {
width:870px;
margin:0 auto;
	margin-bottom:15px;
	padding:0 45px;
	position:relative; /*追加 contFooterのため*/
}

/* ================================================================================ */
/*      contBody     */  
/* ================================================================================ */

.paragraph{margin-top:24px;}

.contBody {
	clear:both;
	width:870px;
	margin:30px auto 20px;
	padding-bottom:25px;
	position:relative; /*追加 contFooterのため*/
}

.contBody a{
outline:none;
}
.contBody h3{
	color:#666;
	font-weight:bold;
	font-size:108%;
	padding-left:18px;
	margin-bottom:24px;
	margin-top:24px;
	background:url(../images/square.gif) 0 47% no-repeat;
	white-space: normal;
	overflow-wrap:normal;
	word-wrap: normal;
}

.contBody h3:first-child{margin-top:0;}

.contBody h4{
	font-weight:normak;
	font-size:116%;
	padding-left:16px;
	margin-bottom:24px;
	background:#e6e6e6;
	border:1pxx solid #ccc;
	white-space: normal;
	overflow-wrap:normal;
word-wrap: normal;}


.dataFrame{
	margin:12px 0;
	background-color:#e9e9e9;
	padding:24px 24px 24px 0;
}

.contBody .dataBox{
margin:24px auto 0;
text-align:left;
position:relative;
border: solid 1px #ccc;
border-radius: 3px;
box-shadow: 6px 6px 6px rgba(0,0,0,0.1);
}


@media print{
	.contBody .dataBox{
box-shadow: none;}
}

.contBody .dataBox .dataBox-innerBlock{
	padding:0px 12px 12px;
	border:6px solid #e6e6e6;
	background-color:#ffffff;
	overflow:hidden;}

.contBody .dataBox h4{ /*資料タイトル　フォントサイズ20px インラインclassで設定 */
	font-weight:bold;
	font-size:107.7%;
padding-left:10px;
margin-bottom:24px;
	border-left:5px solid #bf1a20;
white-space: normal;
overflow-wrap:normal;
word-wrap: normal;
	background:none;
}
.contBody .dataBox h4 span.category1{
font-size:14px;
font-weight:normal;
color:#647baf;
line-height:1.8;
}	
.contBody table{
width:100%;
	background-color:#ffffff;
}
.contBody table th{
width:25%;
}
.contBody td.dataimages{
width:200px;
padding:0 5px 5px;
text-align:center;
	vertical-align:top;
	position:relative;
}
.contBody td.dataimages a{
display:block;
}

.contBody .dataBlockRight{
	padding-left:0px;
	padding-right:24px;
}
.contBody .bookdata{
width:100%;
}
.contBody .bookdata th,
.contBody .bookdata td{ /*data*/
border:1px solid #ccc;
padding:5px;
color:#333333;
background:#e6e6e6;
text-overflow: ellipsis;
white-space: pre-wrap;
word-wrap: break-word;
}
.contBody .bookdata th{
background:#ffffff;
}


/*===========================
listdata　LINK
============================*/
.contBody .listdata a{
color:#003399;
text-decoration:underline;
overflow:hidden;
}


.contBody .listdata a:hover,
.contBody .listdata a:active {
text-decoration:underline;
color:#647baf;
overflow:hidden;
}

/* ================================================================================ */
/*        見開き一覧     */  
/* ================================================================================ */
#itembox {
	width: 870px;
	margin-top:0px;
	border-top:1px solid #fff;
}
#itembox ul {
	list-style-type: none;
	width: 870px;
	margin-right: -12px;
}
#itembox ul li {
	width: 200px; /* 配置画像のボックス幅 */
	text-align: center;
	float: left;
	margin-right:11px;
	padding-bottom:10px;
	display:block;
}

#itembox ul li a:hover{
	display:block;
}
.itembox .item1{
}

/* 見開き　表示サイズ（表紙） */

.thumbnail img{
	text-align:center;
	margin:15px auto 5px;
}


/* ================================================================================ */
/*      contFooter     */  
/* ================================================================================ */
.contFooter {
width:870px;
position:absolute; /*追加 contBodyに関連づけ*/
top:-24px;
right:0;
}

/* ================================================================================ */
/*      returnnav     */  
/* ================================================================================ */
.returnnav {
width:300px;
float:right;
}
.returnnav ul,
.returnnav ul li {
float:right;
display:block;
}
.returnnav ul li a{
display:block;
line-height:25px;
width:6.0em;
height:25px;
text-align:center;
background:#cccccc url(../images/icon-returnnav.png) 0.75em 0 no-repeat;
margin-right:0px;
padding-left:1em;
color:#ffffff;
text-decoration:none;
}
.returnnav ul li a:hover {
text-decoration:none;
background:#647baf url(../images/icon-returnnav.png) 0.75em 0 no-repeat;
overflow:hidden;
}
.btnCorner{
width: 300px;
 height: 25px;
margin: 0;
background: #ccc;
}
.btnCorner{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
 border-radius: 3px;
}




/* ================================================================================ */
/*      RETURN PAGE TOP      */
/* ================================================================================ */
#pagetop_Block {
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:25px;
	z-index:1000;
	text-align:center;
}
#pagetop{
	margin:0 auto 0 785px;
	bottom: 0px;
	z-index:1000;
	text-align:center;
}
#pagetop span{
	display:none;
}
#pagetop a{
	width:80px;
	height:30px;
	display:block;
	margin:0 0 50px 0;
	padding:5px 10px;
	background:#999999 url(../../../imgs_common/Btn_pagetop.png) no-repeat 15px 50%;
	font-size:77%;
	color: #000;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	text-align: center;
	line-height: 1.2;
	text-decoration: none;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	box-shadow:10px 0 0 0 #999999,0 3px 3px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:10px 0 0 0 #999999,0 3px 3px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:10px 0 0 0 #999999,0 3px 3px 0 rgba(0,0,0,0.1);
	filter:alpha(opacity=40);
	opacity:0.4;
	-moz-opacity:0.4;
}
#pagetop a:hover {
	background: #999999 url(../../../imgs_common/Btn_pagetop.png) no-repeat 15px 50%; /* ie用 */
	color: #fff;
	box-shadow:
		10px 0 0 0 #999999,
		0 3px 3px 0 rgba(0,0,0,0.1);
	color: #fff;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}