/* backnumber */

.frame {
margin: 20px 0px 0px 0px;
background: url(../imgs/book/frame_02.gif) repeat-y;
width: 900px;
}

.detail {
float: left;
margin: 0px 15px 0px 0px;
width: 645px;
}
.navi {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 0px;
border: 1px dotted #cccccc;
width: 236px;
}
.navi h3 {
margin: 0px 0px 3px 0px;
padding: 6px;
background-color: #bbbbbb;
border-bottom: 1px dotted #cccccc;
color: #ffffff;
}
.navi h3.set {
margin: 6px 0px 3px 0px;
border-top: 1px dotted #cccccc;
border-bottom: 1px dotted #cccccc;
}
.navi p {
padding: 3px 3px 3px 18px;
background: url(../imgs/base/arrow.gif) no-repeat left center;
}
.navi p.on {
padding: 6px 3px 6px 18px;
background-color: #ffeecc;
color: #333333;
}

.number {
}
.number p {
float: left;
border: 1px solid #cccccc;
margin: 0px 5px 0px 0px;
padding: 4px 6px 4px 6px;
}
.number p.on {
font-weight: bold;
background-color: #bbbbbb;
color: #ffffff;
}

.one {
float: left;
margin: 0px 0px 0px 0px;
width: 202px;
}

.two {
float: left;
margin: 0px 0px 0px 0px;
padding: 15px;
width: 668px;
}

.book {
margin: 0px 0px 10px 22px;
}

.photo {
border: 1px solid #cccccc;
padding: 4px;
}

.caption {
font-size: 80%;
line-height: 150%;
text-align: justify;
text-justify: distribute;
}
.caption strong {
color: #666666;
}

.t1 {
color: #cc9900;
font-size: 120%;
line-height: 120%;
}
.t2 {
color: #ee8800;
font-size: 180%;
line-height: 120%;
}
.t3 {
color: #999999;
font-size: 140%;
line-height: 120%;
}
.t4 {
margin: 0px 0px 5px 0px;
color: #ff9900;
font-size: 14px;
line-height: 120%;
}
.t5 {
margin: 0px 0px 5px 0px;
color: #cc9900;
font-size: 100%;
line-height: 120%;
}
.t6 {
margin: 0px 0px 5px 0px;
color: #666666;
font-size: 100%;
line-height: 120%;
}

.bar1 {
background-color: #ee8800;
margin: 0px 0px 10px 0px;
padding: 6px;
color: #ffffff;
font-size: 120% !important;
border: 1px dotted #cccccc;
font-weight: bold;
text-align: left;
}
.bar2 {
background-color: #cc9900;
margin: 0px 0px 0px 0px;
padding: 6px;
font-size: 100%;
color: #ffffff;
font-weight: bold;
}
.bar3 {
background-color: #77bb33;
margin: 0px 0px 10px 0px;
padding: 6px;
font-size: 120%;
color: #ffffff;
font-weight: bold;
}

.f1 {
background-color: #ffffff;
border: 1px solid #cc9900;
margin: 0px 0px 0px 0px;
padding: 6px;
}
.f2 {
background-color: #ffffff;
border: 1px solid #cccccc;
margin: 0px 0px 0px 0px;
padding: 6px;
}

.page {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 58px;
line-height: 150%;
}

.thumbnail {
width: 90px;
text-align: center;
}

a.tn {
}
a.tn:link {
color: #333333;
text-decoration: none;
}
a.tn:visited {
color: #666666;
text-decoration: none;
}
a.tn:hover {
color: #ff9900;
text-decoration: none;
}

.bg span {
background-color: #cc9900;
margin: 5px 0px 10px 0px;
padding: 3px;
font-size: 100%;
color: #ffffff;
font-weight: bold;
}