@import "http://www.kerc.or.jp/css/reset.css";
@import "http://www.kerc.or.jp/css/tools.css";
@import "http://www.kerc.or.jp/css/basic.css";
@import "http://www.kerc.or.jp/css/module.css";
@import "http://www.kerc.or.jp/css/layout.css";


#headerArea {
width:100%;
position: relative;
overflow:hidden;
height:525px;
z-index: 0;
min-width:970px;
}

#home #hdContainer {
height: 525px;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}

#bgGnavi {
background: url(http://www.kerc.or.jp/images/home/bg_jsImage.jpg) no-repeat;
width:1200px;
height:520px;
}

#flashContent {
width:100%;
height: 100%;
z-index: 1;
top: 0;
left: 0;
min-width:970px;
}

#flashContent.bgSet {
/*background:url(http://www.kerc.or.jp/images/home/bgTopHead.jpg) no-repeat;*/
}
/* @end */

/* @group mainArea */

#bodyArea {
z-index: 20;
position: relative;
}

#bodyArea div.inner {
position: relative;
}

#mainArea {
width: 960px;
position: relative;
}

#readArea {
margin: 10px 0 36px 270px;
}

#readArea h2 {
background: url(http://www.kerc.or.jp/images/home/h2ReadArea.png) no-repeat;
text-indent: -9999px;
margin-bottom: 16px;
}

#readArea p {
background: url(http://www.kerc.or.jp/images/home/pReadArea.png) no-repeat;
width: 689px;
height: 103px;
text-indent: -9999px;
margin-bottom: 0;
}

/* @group topicsArea */

#topicsArea {
margin: 0 0 29px 270px;
}

#topicsArea .titleBox {
padding-top: 45px;
margin-bottom: 17px;
}

#topicsArea h2 {
background: url(http://www.kerc.or.jp/images/home/h2Topics.png) no-repeat;
text-indent: -9999px;
width: 70px;
height: 20px;
float: left;
display: inline;
}

#topicsCategory {
float: right;
display: inline;
width: 340px;
}

#topicsCategory li {
float: left;
display: inline;
}

#topicsCategory li a {
display: block;
height: 22px;
text-indent: -9999px;
}

#topics01 a {
background: url(http://www.kerc.or.jp/images/home/topics01.png) no-repeat;
width: 73px;
}

#topics01 a:hover,
#topics01 a.active {
background: url(http://www.kerc.or.jp/images/home/topics01.png) no-repeat 0 -25px;
}

#topics02 {
margin-left: 8px;
}

#topics02 a {
background-image: url(http://www.kerc.or.jp/images/home/topics02.png);
width: 88px;
}

#topics02 a:hover,
#topics02 a.active  {
background: url(http://www.kerc.or.jp/images/home/topics02.png) no-repeat 0 -25px;
}

#topics03 {
margin-left: 4px;
}

#topics03 a {
background-image: url(http://www.kerc.or.jp/images/home/topics03.png);
width: 85px;
}

#topics03 a:hover,
#topics03 a.active  {
background: url(http://www.kerc.or.jp/images/home/topics03.png) no-repeat 0 -25px;
}

#topics04 {
margin-left: 4px;
}

#topics04 a {
background: url(http://www.kerc.or.jp/images/home/topics04.png) no-repeat;
width: 73px;
}

#topics04 a:hover,
#topics04 a.active {
background: url(http://www.kerc.or.jp/images/home/topics04.png) no-repeat 0 -25px;
}

#topicsArea dl dt {
float: left;
display: inline;
}

#topicsArea dl dd {
margin-left: 90px;
margin-bottom: 7px;
}

/* @end */

/* @group bookArea */

#recommendArea01,
#recommendArea02{
position: relative;
}

#recommendArea01 div.titleBox,
#recommendArea02 div.titleBox {
margin: 0 0 16px 270px;
}

div#bookArea01,
div#bookArea02 {
/*margin: 0 0 20px 0;*/
padding-left: 230px;
margin: 0 0 20px 30px;
overflow: hidden;
clear: both;
zoom: 1;
_width: 943px;
}

*+html div#bookArea01,
*+html div#bookArea02 {
position: relative;
width: 700px;
overflow: hidden;
}

div.panel {
float: left;
width: 238px;
zoom: 1;
position: relative;
}

div.panel.last {
width: 200px;
}

.filterBox {
width: 200px;
height: 200px;
zoom:1;
z-index: 10;
position: absolute;
top:0;
left:0;
}
span.book {
z-index: 5;
height: 200px;
width: 200px;
overflow: hidden;
display:block;
}

div.panel dl {
width: 186px;
margin-left: 16px;
}

div.panel dl dt {
margin: 0 0 9px 0;
font-size: 104%;
text-align: center;
line-height: 1.2em;
}

div.panel dl dt a {
display: inline-block;
text-align: left;
}

div.panel dl dd {
font-size: 88%;
padding: 0 5px;
}

div.coda-nav-left a {
position: absolute;
z-index: 20;
top: 230px;
left: 240px;
text-indent: -9999px;
background: url(http://www.kerc.or.jp/images/common/prevPageBtn.png) no-repeat 0 0;
width: 38px;
height: 38px;
}

div.coda-nav-left a:hover { background: url(http://www.kerc.or.jp/images/common/prevPageBtn.png) no-repeat 0 -38px; }

div.coda-nav-right a {
position: absolute;
z-index: 20;
top: 240px;
left: 910px;
text-indent: -9999px;
background: url(http://www.kerc.or.jp/images/common/nextPageBtn.png) no-repeat 0 0;
width: 38px;
height: 38px;
}

div.coda-nav-right a:hover { background: url(http://www.kerc.or.jp/images/common/nextPageBtn.png) no-repeat 0 -38px; }

div.alphaBox.png_bg {
position: absolute;
left: 0;
top: 0;
}

#recommendArea01 h2 {
float: left;
display: inline;
background: url(http://www.kerc.or.jp/images/home/h2Recommend01.png) no-repeat;
height: 20px;
text-indent: -9999px;
width: 154px;
}

#recommendArea01 p.searchLink {
float: right;
display: inline;
margin: 4px 8px 0 0;
}

#recommendArea01 p.searchLink a {
background: url(http://www.kerc.or.jp/images/home/recommend01Link.png) no-repeat;
display: block;
width: 59px;
height: 15px;
overflow: hidden;
text-indent: -9999px;
}

#recommendArea02 h2 {
float: left;
display: inline;
background: url(http://www.kerc.or.jp/images/home/h2Recommend02.png) no-repeat;
height: 20px;
text-indent: -9999px;
width: 154px;
}

#recommendArea02 p.searchLink {
float: right;
display: inline;
margin: 4px 8px 0 0;
}

#recommendArea02 p.searchLink a {
background: url(http://www.kerc.or.jp/images/home/recommend02Link.png) no-repeat;
display: block;
width: 82px;
height: 15px;
overflow: hidden;
text-indent: -9999px;
}

#recommendArea01 p.searchLink a:hover { background: url(http://www.kerc.or.jp/images/home/recommend01Link.png) no-repeat 0 -14px;}
#recommendArea02 p.searchLink a:hover { background: url(http://www.kerc.or.jp/images/home/recommend02Link.png) no-repeat 0 -15px;}

div#bookArea01 div.bookBox dl dt a,
div#bookArea02 div.bookBox dl dt a,
div#bookArea01 div.panel dl dt a,
div#bookArea02 div.panel dl dt a {
color: #63aa06;
font-weight: bold;
text-decoration: none;
}


/* @group sideArea */

#home #sideArea {
background-image: url(http://www.kerc.or.jp/images/home/bgAlpha.png);
z-index: 200;
width: 240px;
position: absolute;
top: 0;
margin-top: -50px;
clear: both;
}

/* 20110624 */
#topicsArea dl dd img{
vertical-align:middle;
margin-right:5px;
}
#tab1 dl dd img{
cursor:pointer;
}
#topicsArea .listLink{
 text-align:right;
}
#topicsArea .listLink a{
 font-size:88%;
}