@charset "utf-8";
/*------top page - content eria------*/


body{
background: url(../img/head/header_bg_top.jpg) top repeat-x;
}

.hidden{
display:none !important;
}

#contents{
width:980px;
margin: 0 0 0 0;
}

#newsBnr{
clear:both;
padding:24px 0 0 0;
}
#newsBnr li{
display:block;
padding:10px 0 0 0;
}

#contents .leftBox{
float:left;
width:660px;
position:relative;
}
#contents .rightBox{
float:right;
width:300px;
position:relative;
padding:20px 0 15px 0;
}

#contents h2{
width:100%;
height:153px;
padding:0;
margin: 0 0 -80px 0;
}
#contents h2 span{
display:none;
}

#TtlNewBooks{
background: url(../img/ttl_new_books.gif) no-repeat left 20px;
clear:both;
}
#TtlNews{
background:url(../img/ttl_news.gif) no-repeat left 20px;
clear:both;
}
#TtlPeriodical{
background:url(../img/ttl_periodical.gif) no-repeat left 20px;
clear:both;
}
#TtlSpecial{
background:url(../img/ttl_special.gif) no-repeat left 20px;
clear:both;
}

/*------
 news list
------*/

#newsList{
clear:both;
border-top: dotted 1px #cecece;
margin:0 16px 0 16px;
padding: 0;
}
#newsList dl {
border-bottom: dotted 1px #cecece;
background:url(../img/allow_01.gif) 5px 11px no-repeat;
padding:2px 0 3px 14px;
}
#newsList dl dt{
font-weight:bold;
font-size:80%;
color:#6c6c6c;
float:left;
padding:3px 0 0 0;
font-size:90%;
}
#newsList dl dd {
margin-left:6.5em;
padding:2px 6px 2px 6px;
line-height:1.3em;
}
#newsList dl dd a{
font-weight:bold;
line-height:1.5em;
}
#newsList img{
border:solid 1px #ccc;
padding:1px;
margin:0 0 0 20px;
background:#ffffff;
float:right;
}

.TtlLinks{
display:block;
position:absolute;
right:0;
top:45px;
}
.leftBox .TtlLinks{top:30px;}
.TtlLinks li{
float:right;
padding:0 8px 0 0;
}
.TtlLinks li a{
display:block;
background-repeat:no-repeat;
background-position:4px 4px;
padding:4px;
}
.TtlLinks li a:hover{
background-position:4px -11px;
}
.TtlLinks span{
display:none;
}

.BtnRSS a{
background-image:url(../img/btn_rss.gif) ;
width:38px;
height:11px;
padding:4px;
}
.BtnAllnewsList a{
background-image:url(../img/toppage/btn_allnews_list.gif) ;
width:34px;
height:11px;
padding:4px;
}


/*------
 new books
------*/

.ListNewBooks{
display:block;
width:952px;
margin:0 0 0 16px;
}
.ListNewBooks li{
display:block;
width:136px;
margin:10px 0;
float:left;
text-align:center;
}
.ListNewBooks li a{
display:block;
}
.ListNewBooks img{
-webkit-box-shadow: #888888 1px 2px 6px;
-moz-box-shadow: #888888 1px 2px 6px;
box-shadow: #888888 1px 2px 6px;
}


/*------
 PerioBooks
------*/

.ListPerioBooks li{
display:block;
width:182px;
padding:0 0 15px 14px;
text-align:center;
font-size:65.9%;
float:left;
}

.ListPerioBooks .perio_cover{
padding:10px 0 15px 0;
}
.ListPerioBooks .perio_cover img{
-webkit-box-shadow: #888888 1px 2px 6px;
-moz-box-shadow: #888888 1px 2px 6px;
box-shadow: #888888 1px 2px 6px;
}

.ListPerioBooks .perio_logo{
float:left;
width:106px;
margin:0;
padding:0;
}

.ListPerioBooks .perio_links{
margin:0;
padding:0;
float:right;
width:75px;
}
.ListPerioBooks .perio_links ul,
.ListPerioBooks .perio_links li{
display: block;
float:right;
margin:0;
padding:0;
width:75px;
}
.ListPerioBooks .perio_links li{
}
.ListPerioBooks .perio_links li a span{
display:none;
}

.ListPerioBooks .btn_backnumber a{
display:block;
background-image:url(../img/sideboxes/btn_backnumber.gif);
background-position:top;
height:17px;
width:75px;
border-bottom:solid 1px #f5f5f5;
}
.ListPerioBooks .btn_backnumber a:hover{
background-position:bottom;
}

.ListPerioBooks .btn_officialsite a{
display:block;
background-image:url(../img/sideboxes/btn_officialsite.gif);
background-position:top;
height:17px;
width:75px;
}
.ListPerioBooks .btn_officialsite a:hover{
background-position:bottom;
}

.perio_twitter{
clear:both;
text-align:left;
background:url(../img/toppage/twitter_bg1.gif) right top no-repeat;
}
*+html .perio_twitter { margin-bottom:70px;}
* html .perio_twitter { margin-bottom:70px;}

.perio_twitter p.tweet_list,
.perio_twitter p.loading{
line-height:1.25em;
padding:15px 7px 6px 29px;
/*white-space:nowrap;*/
word-break: break-all;
background:url(../img/toppage/twitter_bg2.gif) right bottom no-repeat;
}
.perio_twitter p.loading{
padding:20px 7px 11px 29px;
}

*+html .perio_twitter p.tweet_list { padding:8px 7px 6px 29px; }
* html .perio_twitter p.tweet_list { padding:8px 7px 6px 29px; }


/*------
 special list
------*/

#specialList{
clear:both;
margin:16px 0 0 0px;
}
#specialList dl {
display:block;
width:200px;
padding:0 0 15px 17px;
float:left;
}
#specialList dl dt{
font-weight:bold;
height:144px;
margin:0 0 7px 0;
}
#specialList dl dt a{
display: table-cell;
vertical-align:middle;
text-align:center;
height:144px;
width:192px;
border:solid 1px #ccc;
background:#eeeeee;
-webkit-box-shadow: #999999 1px 2px 6px;
-moz-box-shadow: #999999 1px 2px 6px;
box-shadow: #999999 1px 2px 6px;
}
#specialList dl dd {
font-weight:bold;
color:#6c6c6c;
font-size:90%;
margin:0 0 2px 0;
}
#specialList dl dd a{
aline-height:1.5em;
font-weight:normal;
font-size:110%;
}