@charset "utf-8";

/*============================================
 book.css
============================================*/


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

.kouninBlog{
float:left;
width:710px;
padding-left:20px;
}
.kouninBlog .thumb{
float:left;
width:130px;
}
.kouninBlog .txtArea{
float:right;
width:580px;
}
.kouninBlog .txtArea p{
padding-bottom:10px;
}
.kigyoukaBook{
float:left;
width:720px;
padding-left:10px;
}
.kigyoukaBook .thumb{
float:left;
width:160px;
}
.kigyoukaBook .txtArea{
float:left;
width:550px;
}
.kigyoukaBook .txtArea h4{
font-weight:bold;
color:#000000;
font-size:117%;
margin-bottom:6px;
}
.kigyoukaBook .txtArea p{
padding-bottom:10px;
}

.kigyoukaBook .dotLineArea{
width:550px;
margin-left:0px;
background:url(../img/bg_kigyoukadetail_01.gif) top left no-repeat;
margin-bottom:15px;
}
.kigyoukaBook .dotLineArea div{
background:url(../img/bg_kigyoukadetail_02.gif) bottom left no-repeat;
padding:10px;
}
.kigyoukaBookList{
}
.kigyoukaBookList .dotLineArea{
margin-left:10px;
background:url(../img/bg_kigyoukaBookList_01.gif) top left no-repeat;
margin-bottom:15px;
width:720px;
}
.kigyoukaBookList .dotLineArea dl{
background:url(../img/bg_kigyoukaBookList_02.gif) bottom left no-repeat;
padding-bottom:10px;
width:720px;
}
.kigyoukaBookList .dotLineArea dt{
padding:11px 0 0 11px;
width:131px;
float:left;
}
.kigyoukaBookList .dotLineArea dd{
width:550px;
padding:10px 20px 0 0px;
float:right;
}
.kigyoukaBookList .dotLineArea dd h4{
font-weight:bold;
font-size:117%;
}









.nextbackArea{
width:460px;
margin-left:10px;
background:url(../img/lin_cmn_01.gif) top left repeat-x;
padding-top:20px;
margin-bottom:60px;
clear:both;
}
.nextbackArea .next{
float:right;
width:180px;
text-align:right;
}
.nextbackArea .back{
float:left;
width:180px;
}
.nextbackArea .pageNumber{
float:left;
width:100px;
text-align:center;
}
.nextbackArea a{
}
.nextbackArea2{
width:460px;
margin-left:10px;
padding-top:20px;
margin-bottom:60px;
clear:both;
}
.nextbackArea2 .next{
float:right;
width:180px;
text-align:right;
}
.nextbackArea2 .back{
float:left;
width:180px;
}
.nextbackArea2 .pageNumber{
float:left;
width:100px;
text-align:center;
}
.nextbackArea3{
width:720px;
background:url(../img/lin_cmn_01.gif) top left repeat-x;
padding-top:20px;
margin-bottom:10px;
margin-left:10px;
clear:both;
}
.nextbackArea3 .next{
float:right;
width:240px;
text-align:right;
}
.nextbackArea3 .list{
float:left;
width:240px;
text-align:center;
}
.nextbackArea3 .back{
float:left;
width:240px;
}
.nextbackArea4{
width:720px;
padding-top:20px;
margin-bottom:10px;
margin-left:10px;
clear:both;
}
.nextbackArea4 .next{
float:right;
width:240px;
text-align:right;
}
.nextbackArea4 .back{
float:left;
width:240px;
}
.nextbackArea4 .pageNumber{
float:left;
width:240px;
text-align:center;
}


.dokuryouDataArea{
padding-bottom:10px;
}
.dokuryouDataArea h3{
font-weight:bold;
padding-left:10px;
margin-bottom:6px;
font-size:117%;
}
.dokuryouDataArea .dokuryouData{
padding-left:10px;
padding-bottom:4px;
border-bottom:solid 2px #000000;
}
.dokuryouDataArea .dokuryouDataSample{
padding-left:10px;
}
.dokuryouDataArea .dokuryouData table{
border:solid 1px #000000;
}
.dokuryouDataArea .dokuryouData table th{
background:#208fc1 url(../img/bg_yomimakutta_02.gif) right top repeat-y;
padding:4px 3px 4px;
width:70px;
line-height:1;
font-weight:normal;
color:#ffffff;
font-size:114%;
}
.dokuryouDataArea .dokuryouData table th.last{
background-image:none;
background-color:#208fc1;
}
.dokuryouDataArea .dokuryouData table th span{
margin-left:5px;
font-size:84%;
color:#CCCCCC;
}
.dokuryouDataArea .dokuryouData table td{
padding:15px 0 7px;
line-height:1;
background:#ffffff url(../img/bg_yomimakutta_03.gif) right top repeat-y;
text-align:center;
}
.dokuryouDataArea .dokuryouData table td.last{
background-image:none;
background-color:#ffffff;
}
.dokuryouDataArea .dokuryouData table td span{
color:#208fc1;
font-size:267%;
}
.dokuryouDataArea .dokuryouData p{
margin-top:5px;
font-size:84%;
color:#999999;
}

.dokuryouHello{
padding-left:10px;
margin-bottom:17px;
}
.dokuryouHello dt{
width:48px;
height:73px;
background:url(../img/icn_yomimakuttaHello.gif) 0 14px no-repeat;
float:left;
line-height:0;
font-size:0;
text-indent:-999999px;
}
.dokuryouHello dd{
width:412px;
height:73px;
margin-left:48px;
background:url(../img/prt_yomimakuttaHello.gif) 0 0 no-repeat;
line-height:0;
font-size:0;
text-indent:-999999px;
}

.yomimakuttaStep{
margin:0 0 0px 10px;
}
.dotLineAreaYomiStep{
margin-top:8px;
}
.dotLineAreaYomiStep dl{
padding-bottom:10px;
clear:both;
float:left;
}
.dotLineAreaYomiStep dt{
width:40px;
float:left;
}
.dotLineAreaYomiStep dd.yomiStep1{
margin-left:40px;
padding:8px 0 0 13px;
width:407px;
height:67px;
margin-bottom:10px;
background:url(../img/bg_yomimakutta_05.gif) 0 0 no-repeat;
line-height:1.7;
}
.dotLineAreaYomiStep dd.yomiStep2,
.dotLineAreaYomiStep dd.yomiStep3{
margin-left:40px;
padding:8px 0 0 13px;
width:407px;
height:67px;
margin-bottom:10px;
background:url(../img/bg_yomimakutta_05.gif) 0 0 no-repeat;
line-height:1.7;
}
.dotLineAreaYomiStep dd.yomiStepImg{
margin-left:40px;
padding:0px;
width:420px;
margin-bottom:10px;
}
.dotLineAreaYomiStep dd .stepLink{
display:inline;
margin:0 9px 0 1px;
}
.dotLineAreaYomiStep .stepClose{
margin-left:40px;
font-size:0;
line-height:0;
height:1px;
}

.yomimakuttaRank{
padding-left:10px;
}
.yomimakuttaRank h3{
width:460px;
border-bottom:solid 2px #000000;
margin-bottom:10px;
font-weight:bold;
font-size:117%;
}
.yomimakuttaRank .rankTab{
width:460px;
}
.yomimakuttaRank table tr td{
padding:10px 0 11px;
background:url(../img/lin_cmn_01.gif) 0 bottom repeat-x;
vertical-align:middle;
}
.yomimakuttaRank table tr td.cellRankHight,
.yomimakuttaRank table tr td.cellRankLow{
width:51px;
}
.yomimakuttaRank table tr td.cellRankHight p{
height:32px;
padding-top:15px;
padding-right:7px;
text-align:right;
background:url(../img/icn_yomimakuttaRankHigh.gif) 0 0 no-repeat;
}
.yomimakuttaRank table tr td.cellRankLow p{
height:32px;
padding-top:15px;
padding-right:7px;
text-align:right;
background:url(../img/icn_yomimakuttaRankLow.gif) 0 0 no-repeat;
}
.yomimakuttaRank table tr td.cellRankHight p span,
.yomimakuttaRank table tr td.cellRankLow p span{
font-size:158%;
font-weight:bold;
}
.yomimakuttaRank table tr td.cellBooks{
width:100px;
padding-left:31px;
padding-right:22px;
}
.yomimakuttaRank table tr td.cellBooks span{
font-size:158%;
font-weight:bold;
}
.yomimakuttaRank table tr td.cellFace{
padding-left:2px;
width:49px;/*bg�؂�΍�48+1px*/
}
.yomimakuttaRank table tr td.cellNickName{
width:181px;
padding-left:8px;
padding-right:16px;
}
.yomimakuttaRank .rankStepLink{
padding-top:5px;
float:left;
}
.yomimakuttaRank .rankStepLink li{
float:left;
width:95px;
}
.yomimakuttaRank .rankStepLink li.last{
width:75px;
}
.yomimakuttaRank .rankStepComment{
clear:both;
margin-top:10px;
}




/*検索エリア追加1213*/
.meicho_search{
margin-bottom:22px;
margin-left:10px;
}
.meicho_search img{
vertical-align:middle;
}
.meicho_search input{
width:263px;
margin-right:10px;
padding:1px 0;
margin-top:9px;
}