/* CSS Document
出版物のご案内 */

.main {
width: 570px;
margin: 0;
padding: 0;
}
.main p {
font-size: 80%;
line-height: 150%;
}
.col-b {
width: 264px;
float: left;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
padding: 5px;
border: 1px solid #CCCCFF;
text-align: left;
clear: both;
}
.col-br {
width: 264px;
float: right;
margin-bottom:10px;
margin-top: 10px;
margin-right: 0px;
padding: 5px;
border: 1px solid #CCCCFF;
text-align: left;
clear: right;
}

.topics {
width: 550px;
border: 3px double #6699CC;
margin-top: 20px;
margin-bottom:20px;
padding: 5px;
background-color: #FFFFCC;
text-align: center;
float: left;
display: inline;
clear: left;
}
.topics p {
line-height: 160%;
font-size: 80%;
color:#666666;
}
.koudoku {
width: 550px;
border: 1px dotted #CCCC99;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 5px;
float: left;
display: inline;
clear: left;
}
.koudoku p {
font-size: 80%;
line-height:150%;
}
.koudoku h4 {
margin-top: 5px;
margin-bottom: 3px;
border-bottom: 1px dotted #CCCC99;
padding-bottom: 3px;
font-size: 95%;
color: #669966;
}
p img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
clear: both;
}

.imgright {
float: right;
margin-left: 10px;
margin-bottom: 10px;
clear:both;
}

.col-b img {
float: left;
margin-top: 0px;
margin-right: 7px;
}

.col-br img {
float: left;
margin-top: 0px;
margin-right: 7px;
}

.col-b p {
font-size: 80%;
line-height: 120%;
}
.col-br p {
font-size: 80%;
line-height: 120%;
}

/*  高さ565　*/
.choryu0 {width: 545px;
height: 565px;
border: 1px solid #CCCCCC;
padding: 10px;
clear: both;
}

.choryu {width: 545px;
height: 550px;
border: 1px solid #CCCCCC;
padding: 10px;
clear: both;
}
.choryu2 {width: 170px;
text-align: left;
padding: 15px;
float: left;
clear: both;
}
.choryu2 p {
font-size: 70%;
line-height: 130%;
color:#6699CC;
clear:both;
}
.choryu3 {width: 330px;
padding-top: 15px;
padding-bottom: 15px;
float: right;
}
.choryu h3 {
margin-bottom: 10px;
padding: 4px 10px 4px 8px;
border-left: 6px solid #006666;
font-size: 80%;
}
.choryu0 h3 {
margin-bottom: 10px;
padding: 4px 10px 4px 8px;
border-left: 6px solid #006666;
font-size: 80%;
}

.choryu3 ul {
list-style: none;
list-style-image: url(../book/img/list-img.gif);
margin-left: 20px;
}
.choryu3 li {
line-height: 200%;
font-size: 80%;
}
.choryu3 img {
margin-right: 5px;
}
.choryu img {
margin-bottom: 5px;
clear: both;
}
.choryu p {
line-height:150%;
}
.sakuji {width: 330px;
padding-top: 15px;
float: right;
}
.sakuji img {
right:auto;
float: right;
}

.box {
width: 255px;
margin: 10px;
float:left;
}
.clearit {
clear:left;
margin:0;
padding:0;
line-height:150%;
}
.box P {
font-size: 80%;
line-height: 150%;
}
.box h4 {
font-size: 80%;
padding-bottom: 5px;
color:#336699;
}
.box table {
width: 200px;
border: 1px solid #CCCCCC;
border-collapse: collapse;
font-size: 80%;
}
.box th {padding: 5px;
border-bottom: 1px dotted #CCCCCC;
letter-spacing: 0.5em;
background-color:#CCCCCC;
}
.box tr {
padding: 5px;
border: 1px solid #CCCCCC;
}
.box td {
text-align: right;
padding: 5px;
border: 1px dotted #CCCCCC;
}


/*  見出し2　*/
.topics h3 {margin-top: 10px;
margin-bottom: 20px;
padding: 4px;
border-bottom: 1px #cccccc solid;
border-left: 10px #9999cc solid;
font-size: 95%;
color: #333366;
clear: both;
}
.topics h4 {margin-top: 5px;
margin-bottom: 3px;
border-bottom: 1px dotted #336699;
padding-bottom: 3px;
font-size: 95%;
color:#339999;
}

.col-b h4 {
font-size: 90%;
font-weight: normal;
padding-bottom: 3px;
padding-left: 5px;
border-bottom: 1px dotted #CCCCFF;
margin-bottom: 5px;
color: #333333;
}
.col-br h4 {
font-size: 90%;
font-weight: normal;
padding-bottom: 3px;
padding-left: 5px;
border-bottom: 1px dotted #CCCCFF;
margin-bottom: 5px;
color: #333333;
}


/*  テキスト　*/

.txt-s {font-size:70%;
color:#6699CC;
text-align: left;
font-weight:normal;
margin-top: 0px;
margin-left:0px;
margin-bottom: 0px;
clear:both;
}
.cap {font-size: 70%;
line-height: 140%;
}

.txt-red {
color:#990033;
}

.txt-80 {
font-size: 80%;
line-height: 160%;
}