#order-info-box {
	width: 220px;
	float: right;
	background-color: #e0e0e0;
}
#order-info-box div {
	margin: 5px;
	padding: 5px;
	font-size: 80%;
}
#books-icon-box {
	margin: 4px;
	padding: 5px;
	border-top: 1px solid #888888;
	border-bottom: 1px solid #888888;
}
.book-icon {
	font-size: 50%;
	width: 80px;
	height: 80px;
	float: left;
}
#body-box p.books-desc {
	margin-bottom: 10px;
	font-size: 60%;
	font-weight: bold;
	clear: left;
	border-bottom: 1px solid #e0e0e0;
}
h4 {
	margin-top: 20px;
	font-size: 90%;
	border-bottom: 1px solid silver;
	line-height: 1.2em;
	color: #4d73b8;
}
#order-info-box dt {
	padding: 8px 0px 4px;
	font-size: 90%;
	font-weight: bold;
	text-decoration:underline;
	line-height: 1.2em;
}
#order-info-box dd {
	padding: 4px 0px;
	font-size: 90%;
	font-weight: bold;
	color: #5665ce;
	line-height: 1.2em;
}
#order-info-box img {
	vertical-align: middle;
}
#order-info-box dd.address {
	color: #333333;
	font-weight: normal;
	text-align: right;
	padding-bottom: 10px;
}
/* books info */
#body-box p {
	font-size: 100%;
	line-height: 1.5em;
}
#books-box {
	line-height: 1.5em;
	padding-right: 225px;
}
.title-th {
	width: 25%;
}
.summary-th {
	width: 30%;
}
.index-th {
	width: 30%;
}
.spec-th {
	width: 15%;
}
.booklist-table {
	border-collapse: collapse;
}
.booklist-table th {
	text-align: center;
	background-color: #d01a1a;
	background-image: url(../resources/book_bg_bh.png);
	color: #f0f0f0;
	font-size: 60%;
	line-height: 1.2em;
	padding: 5px;
}
.booklist-table td {
	vertical-align:top;
	padding: 4px;
	background: #f0f0f0;
	border-bottom: 1px solid #888888;
	font-size: 60%;
	line-height: 1.5em;
}
.booklist-table td p {
	font-size: 120%;
}
.booklist-table td.head {
	text-align: center;
}
.booklist-table td.head img {
	padding: 10px 0px;
}
.booklist-table td.ta {
	background: #e0e0e0;
}
.booklist-table td.tb {
	background: #f0f0f0;
}
.maglist-table {
	border-collapse: collapse;
}
.maglist-table th {
	text-align: center;
	background-color: #456cfd;	
	background-image: url(../resources/book_bg_mh.png);
	color: #f0f0f0;
	font-size: 60%;
	line-height: 1.2em;
	padding: 5px;
}
.maglist-table td {
	vertical-align:top;
	background: #f0f0f0;
	padding: 4px;
	border-bottom: 1px solid #888888;
	font-size: 60%;
	line-height: 1.5em;
}
.maglist-table td.head {
	text-align: center;
}
.maglist-table td.head img {
	padding: 10px 0;
}
.maglist-table td.ta {
	background: #e0e0e0;
}
.maglist-table td.tb {
	background: #f0f0f0;
}
p.book-title {
	text-align:center;
	font-weight: bold;
	font-sizse:120%;
}

div.caution {
	width: 90%;
	margin-left: 5%;
	padding: 5px;
	background: #fffd59;
	color: #e72020;
}

h3 {
	padding: 5px;
	margin: 10px 0px;
	clear: left;
	line-height: 1.2em;
	border-bottom: 1px solid #e0e0e0;
}

ol {
  width:550px;
  margin:10px auto;
  text-align:left;
  font-size: 120%;
}
li {
  margin:0 5px;
  padding:0 5px;
  list-style-type: none;
  list-style-position:inside;
  text-align:left;
}
ol.top-list {
  counter-reset: topcount 0;
}
ol.top-list > li {
  font-weight:bold;
}
ol.top-list > li:before {
  counter-increment: topcount;
  content: counter(topcount) ". ";
}
ol.sub-list {
  counter-reset: subcount 0;
}
ol.sub-list > li {
  font-weight:normal;
}
ol.sub-list > li:before {
  counter-increment: subcount;
  content: counter(topcount) ". " counter(subcount) ". ";
}