@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	color: #333;
	background-image:url(back2b.jpg);
	background-repeat:repeat;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

a {
	color: #6E21FF; /* #b7a077; */
}
a:visited {
	color: #B121FF; /* #a8a8a8; */
}
a:hover {
	color: #0D21FF; /* #988564; */
	font-weight: bold;
	text-decoration: none;
}
a:hover img { opacity: 0.7; }

h1, h2, h3 { margin-top: 0; }
p {
	margin-top: 0;
	line-height: 1.6;
	text-indent: 1em;
}

img { vertical-align: bottom; }

#wrapper {
	width: 82%;
	margin: 0 auto;
	overflow: hidden;
	background-color: #fff;
}

main {
	width: 90%;
	margin: 0 auto;
	/* background-image:url(back_test.png); */
	display:block; /* IE対策に追加 */
}

main h1 {
	padding: 30px 30px 30px 20px;
	font-size: 22px;
	border-bottom: solid 1px #8b7348;
}
main h2 {
	font-size: 20px;
	border: 1px solid #b7a077;
	padding: 11px 22px;
	border-radius: 5px;
}
main h3 {
	font-size: 16px;
	border-left: solid 3px #b7a077;
	padding: 4px 9px 4px 14px;
}

header {
	width: 90%;
	height: 155px;
	margin: 0 auto 5px auto;
	background-color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1ede4), color-stop(100%, #fff));
	background: -webkit-linear-gradient(top, #f1ede4 0%, #fff 100%);
	background: linear-gradient(to bottom, #f1ede4 0%, #fff 100%);
}

header h1 {
	float: left;
	width: 90%;
	margin: 60px 0 10px 0;
	padding-left: 22px;
	color: #333;
}

header #header_contact {
	float: right;
	margin: 5px 35px 15px 0;
	text-align: right;
}

header h1 a, header #header_contact a {
	color: #333;
	text-decoration: none;
}

header #header_contact a {
	text-decoration: underline;
}

header h1 a:visited, header #header_contact a:visited {
	color: #333;
	text-decoration: none;
}

header #header_contact a:visited {
	color: #333;
	text-decoration: underline;
}

header h1 a:hover, header #header_contact a:hover {
	color: #333;
	text-decoration: none;
}

#main {
	width: 100%;
	float: left;
}

/*

#sidebar {
	width: 220px;
	float: right;
}
#side_contact h2 {
	background-color: #b7a077;
	color: #fff;
	padding: 7px;
	font-size: 14px
}
#side_contact_address {
	font-weight: bold;
	font-size: 20px;
	font-style: normal;
}
#side_contact_address img {
	vertical-align: middle;
	margin-right: 5px;
}

*/

footer {
	background-color: #352b23;
	text-align: center;
}
footer #footer_nav {
	background-color: #efefef;
	padding: 10px 0;
}
footer #footer_nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
footer #footer_nav li {
	display: inline;
	border-left: solid 1px #aaa;
	margin-left: 8px;
	padding-left: 8px;
	font-size: smaller;
}
footer #footer_nav li:last-child {
	border-right: solid 1px #aaa;
	padding: 0 8px;
}
footer small, footer address {
	display: block;
	padding: 8px 0 0 0;
	color: #fff;
}
footer small a {
	color: #fff;
}
footer small a:visited {
	color: #fff;
}
footer small a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

footer address {
    font-style: normal;
    padding: 0 0 8px 0;
}

table {
	width: 100%;
	border-collapse: collapse;
	/* margin-bottom: 16px; */
	margin: 5px auto 11px auto;
	font-size: 88%;
}
th, td {
	border: 1px solid #c7c7c7;
	padding: 8px;
}
th {
	background-color: #f1ede4;
	text-align: left;
	/* max-width: 10em; */
}

.supplementary_note {
    font-size: 80%;
    font-weight: normal;
    background-color: #f1ede4;
}

.fb-like {
    margin-top: 10px;
}

.up {
	padding-left: 29px;
	background: url("upicon_b7a077.png") no-repeat 0 50%;
}

.new {
	padding-left: 29px;
	background: url("newicon_b7a077.png") no-repeat 0 50%;
}

#ref th {
	width: 10%; /* 6em; */
}
#ref td {
	width: 90%;
}

th#no {
	width: 6%; /* 2em; */
}
th#ID {
	width: 10%; /* 3em; */
}
th#editor {
    width: 18%; /* 3em; */
}
th#loc {
    width: 15%; /* 2.5em; */
}

#form_search {
	background: #f1ede4;
	padding: 15px 30px;
	border: 1px solid #ddd;
	border-top: 0;
	margin-bottom: 15px;
}

#form_search #f_name {
	width: 15em;
	padding: 1.5em;
}

#form_search #submit_button {
	background-color: #b7a077;
	border: 1px solid #b7a077;
	padding: 15px 60px;
	border-radius: 10px;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	transition: background-color 0.1s linear;
}
#form_search #submit_button:hover {
	background-color: #c7ae81;
}

/* 書籍版取り扱い業者連絡先 */
#purchase, #errata {
  margin-left: 1em;
}
#purchase div, #errata div {
  font-weight: bold;
}
#purchase dl, #errata p {
  background: #f1ede4;
  border: 1px solid #ddd;
  border-top: 0;
  width: 521px;
}
#purchase dl dt,
#purchase dl dd,
#errata, dl dt,
#errata dl dd {
  padding: 10px;
  border-top: 1px solid #ddd;
}
#purchase dl dt, #errata dl dt {
  width: 100px;
  float: left;
  clear: left;
  font-weight: bold;
}
#purchase dl dd, #errata dl dd {
  background-color: #fff;
  border-left: 1px solid #ddd;
  margin-left: 100px;
  width: 400px;
}