@charset "utf-8";

/* reset
-------------------------------------------------------------------*/

html {
	font-size: 62.5%;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0px;
	padding: 0px;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
abbr, acronym {
	border:0;
}
body {
	color: #333333;
	text-align: center;
	line-height: 1.3em;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* style
-------------------------------------------------------------------*/

div#wrapper {
	background: #fff url(../img/bg_body.jpg) left top repeat-x;
	text-align: left;
}

/* header setting */

div#header {
	font-size: 1.2em;
	width:  970px;
	margin: 0 auto;
	padding-top: 40px;
}

/* breadcrumbs setting */

div#breadcrumbs {
	padding: 7px 0 10px 10px;
	font-size: 0.8em;
}

/* contents setting */

div#contents {
	background: url(../img/bg_contents.jpg) left bottom repeat-x;
	overflow: hidden;
}
div#contentsIn {
	width:  965px;
	margin: 0 auto;
	font-size: 1.2em;
	overflow: hidden;
	padding-left: 5px;
}

/* totop setting */

p#toTop {
	padding-top: 20px;
	clear: both;
	text-align: right;
}

/* pager */

div#pager {
	padding: 10px 0;
	text-align: center;
	background: url(../img/bg_author.gif) 0 0 repeat
}
div#pager a {
	font-weight: bold;
}
div#pager span.ditto_currentpage {
	padding: 0 5px;
	color: #75008D;
	font-size: 1.5em;
	font-weight: bold;
}
div#pager a.ditto_page {
	padding: 0 5px
}
div#pager span.ditto_previous {
	padding-right: 15px;
}
div#pager span.ditto_next {
	padding-left: 15px;
}

/* contentsLeft setting */

#contentsLeft {
	float: left;
	width: 220px;
	background: url(../img/bg_gnavi_b.gif) left bottom no-repeat;
	padding-bottom: 10px;
}
#contentsLeft h3 {
	background: url(../img/bg_gnavi_h3.gif) left center no-repeat;
	line-height: 2.5;
	padding-left: 25px;
	font-weight: bold;
}
#contentsLeft ul {
	background: #F1F1F1 url(../img/bg_gnavi_t.gif) left top no-repeat;
	padding-left: 6px;
	padding-top: 5px;
}
#contentsLeft ul li ul {
	background: none;
	padding: 10px 0 15px 12px;
}
#contentsLeft ul li ul li {
	background: url(../img/icon_arrow_01.gif) left center no-repeat;
	padding-left: 10px;
	line-height: 2;
}
#contentsLeft ul li.bnrList ul {
	background: none !important;
	padding: 10px 0 10px 5px !important;
}
#contentsLeft ul li.bnrList ul li {
	background: none !important;
	padding-left: 0 !important;
	padding-bottom: 5px !important;
	line-height: 0 !important;
}
li.bnrImg {
	background: none !important;
	padding-left: 0 !important;
	padding-bottom: 5px !important;
	line-height: 0 !important;
}


/* contentsRight setting */

div#contentsRight {
	float: right;
	width: 724px;
}

h2 {
	background: url(../img/bg_ttl_h2_b.gif) left bottom no-repeat;
	font-size: 1.5em;
	font-weight: bold;
	color: #00386D;
	padding-bottom: 7px;
}
h2 span {
	background: url(../img/bg_ttl_h2_t.gif) left top no-repeat;
	padding: 14px 12px 6px 25px;
	display: block;
	line-height: 1.2;
}

/* registryBox */

div#registryBox {
	background: url(../img/bg_registry.jpg) left top no-repeat;
	height: 129px;
	width: 720px;
	margin-bottom: 20px;
}
div#registryBox p {
	padding: 85px 0 0 485px;
}
div#registryBox ul {
	display: none;
}
div#registryBox strong {
	display: none;
}
body#topPageStyle div.sectionWrap,
body#categoryDetailStyle div.sectionWrap,
body#detailStyle div.sectionWrap {
	overflow: hidden;
	padding: 25px 15px;
	width: 694px;
}
body#topPageStyle div.bookList,
body#categoryDetailStyle div.bookList,
body#detailStyle div.bookList {
	background: url(../img/img_dot_01.gif) left bottom repeat-x;
	width: 694px;
	overflow: hidden;
	clear: both;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
body#topPageStyle div.LastItemFitting,
body#categoryDetailStyle div.LastItemFitting,
body#detailStyle div.bookList {
	background: none;
	padding-bottom: 0;
}
body#topPageStyle div.bookList p.bookPhoto {
	background: url(../img/bg_book_top.jpg) 0 0 no-repeat;
	padding: 6px 0 0 6px;
	width: 90px;
	height: 110px;
	float: left;
}
body#categoryDetailStyle div.bookList p.bookPhoto,
body#detailStyle div.bookList p.bookPhoto {
	background: url(../img/bg_book.jpg) 0 0 no-repeat;
	padding: 9px 0 0 10px;
	width: 133px;
	height: 175px;
	float: left;
}
body#topPageStyle div.bookList p.bookPhoto img {
	width: 72px;
	height:96px;
}
body#categoryDetailStyle div.bookList p.bookPhoto img,
body#detailStyle div.bookList p.bookPhoto img {
	width: 120px;
	height:160px;
}
body#topPageStyle div.bookList div {
	overflow: hidden;
	float: right;
	width: 590px;
	padding-top: 5px;
}
body#topPageStyle div.bookList div ul {
	float: left;
}
body#topPageStyle div.bookList div p.detailBtn {
	padding-top: 20px;
	float: right;
}
body#categoryDetailStyle div.bookList div,
body#detailStyle div.bookList div {
	float: right;
	width: 540px;
	padding-top: 5px;
}
body#topPageStyle div.bookList div h3,
body#categoryDetailStyle div.bookList div h3 {
	background: url(../img/icon_ring_01.jpg) 0 9px no-repeat;
	font-size: 1.4em;
	padding: 7px 0 7px 25px;
	font-weight: bold;
	color: #00386D;
	line-height: 1.2;
}
body#topPageStyle div.bookList div ul,
body#categoryDetailStyle div.bookList div ul,
body#detailStyle div.bookList div ul {
	padding: 15px 0;
}
body#topPageStyle div.bookList div ul li,
body#categoryDetailStyle div.bookList div ul li,
body#detailStyle div.bookList div ul li {
	font-size: 1.2em;
	line-height: 1.6;
}
body#topPageStyle div.bookList div ul li span,
body#categoryDetailStyle div.bookList div ul li span,
body#detailStyle div.bookList div ul li span {
	font-weight: bold;
}
body#detailStyle div.bookList div ul li span.tax {
	padding-left: 0.5em;
	font-weight: normal;
	font-size: 0.8em;
}

/* underCategory */

body#categoryStyle div.sectionWrap {
	overflow: hidden;
	padding: 25px 15px;
	width: 694px;
}
body#categoryStyle div.sectionWrap ul {
}
body#categoryStyle div.sectionWrap ul li {
	background: url(../img/icon_arrow_01.gif) left center no-repeat;
	font-size: 1.2em;
	line-height: 1.8;
	padding-left: 15px;
}

/* contentAndmessage */

body#detailStyle div#contentAndMessage {
	width: 694px;
	padding-bottom: 40px;
}
body#detailStyle div#contentAndMessage h3 {
	background: url(../img/bg_author.gif) 0 0 repeat;
	line-height: 2.5em;
	padding-left: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
}
body#detailStyle div#contentAndMessage p {
	padding: 0 10px 20px 10px;
	line-height: 1.6;
	font-size: 1.2em;
}

/* detail */

body#detailStyle div#authorDetail {
	background: url(../img/bg_author.gif) 0 0 repeat;
	width: 694px;
}
body#detailStyle div#authorDetailIn {
	background: #fff;
	margin: 4px;
	padding: 15px;
	width: 656px;
	overflow: hidden;
}
body#detailStyle div#authorDetailIn div {
	float: left;
	width: 518px;
	background-color: #F9F9F9;
	padding-bottom: 15px;
}
body#detailStyle div#authorDetailIn div strong {
	font-size: 1.8em;
	display: block;
	padding: 12px 10px;
	background: url(../img/bg_author.gif) 0 0 repeat;
}
body#detailStyle div#authorDetailIn div p.authorTxt {
	padding: 15px;
	line-height: 1.6;
	font-size: 1.2em;
}
body#detailStyle div#authorDetailIn div p.btnBox {
	text-align: center;
}
body#detailStyle div#authorDetail {
	width: 694px;
	overflow: hidden;
}
body#detailStyle p#authorPhoto {
	float: right;
}
body#detailStyle p#authorPhoto img {
	width: 120px;
	height:160px;
}

/* footer setting */

div#footer {
	background: url(../img/bg_footer.jpg) left top repeat-x;
	clear: both;
}
div#footerIn {
	font-size: 1.2em;
	width:  960px;
	margin: 0 auto;
	height: 50px;
	overflow: hidden;
	padding-top: 15px;
}
div#footerIn ul {
	float: left;
}
div#footerIn ul li {
	display: inline;
	padding-right: 10px;
}
div#footerIn p {
	float: right;
}

/* sectionIrregularWrap */

body#topPageStyle div.sectionIrregularWrap {
	overflow: hidden;
	padding: 20px 15px;
	width: 694px;
}
body#topPageStyle div.amazonIrregularWrap {
	overflow: hidden;
}
body#topPageStyle div#amazon {
	overflow: hidden;
	padding-left: 100px;
}

/* amazon */

div.amazonItem {
	border: 1px solid #F0F0F0;
	width: 125px;
	float: left;
	padding: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
}
p.amazonPhoto {
	text-align: center;
}
p.amazonTtl {
	padding: 5px 0;
	text-align: center;
	font-weight: bold;
}
p.amazonDetail {
	text-align: center;
}
p.amazonUrl {
	padding-top: 10px;
	text-align: center;
}

/* inputForm */

p.formPoint {
	padding-bottom: 25px;
	font-size: 0.9em;
	text-align: right;
}
.formMessage {
	color: #F00;
	line-height: 1.4;
}
p.formMessage {
	text-align: center;
}
div.formWrapper {
	border: 1px solid #ccc;
	padding: 1px 1px 0 1px;
	margin-bottom: 5px;
}
h3.formTitle {
	margin-bottom: 5px;
	font-size: 1.2em;
	font-weight: bold;
	background: url(../img/icon_ring_01.jpg) left center no-repeat;
	padding-left: 20px;
	line-height: 1.8;
}
div.formWrapper table {
	width: 100%;
}
div.formWrapper table th {
	background: #ECF5FF url(../img/bg_form.jpg) 3px 0 no-repeat;
	border-bottom: 1px solid #fff;
	width: 12em;
	padding: 15px;
	padding-left: 20px;
	vertical-align: top;
	line-height: 1.4;
	color: #00386D;
}
div.formWrapper table th span {
	padding-left: 0.2em;
	color: #00386D;
}
div.formWrapper table td,
div.formWrapper table td.bgNone{
	background: url(../img/img_dot_02.gif) left bottom repeat-x;
	vertical-align: top;
	padding: 15px 5px;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
}
div.formWrapper table td.bgNone {
	background: none;
}
div.formWrapper table td span {
	display: block;
	font-size: 0.9em;
	padding-top: 5px;
	line-height: 1.2;
	color: #5B5B5B;
}
div.formWrapper table td img {
	padding-bottom: 10px;
}
div.formWrapper table td input {
	border: 1px solid #C1DFFF;
	padding: 2px 4px;
}
div.formWrapper table td select {
	border: 1px solid #C1DFFF;
	padding: 2px 0 2px 4px;
}
div.formWrapper table td input.w100 {
	width: 98%;
}
div.formWrapper table td input.w150 {
	width: 150px;
}
div.formWrapper table td input.w250 {
	width: 250px;
}
div.formWrapper table td input.w350 {
	width: 350px;
}
div.formWrapper table td textarea {
	padding: 2px 4px;
	font-size: 1em;
	border: 1px solid #C1DFFF;
	width: 98%;
	height: 100px;
	line-height: 1.4;
}
div#btnArea {
	text-align: center;
}
div.leadTxt {
	padding-bottom: 1em;
}
div.leadTxt p {
	padding-bottom: 1em;
	line-height: 1.4;
}

/* form */

div.formMessage {
	padding-bottom: 1.5em;
	font-size: 120%;
}

/* mag */

div#magBox {
	width: 694px;
	line-height: 1.4;
}
div#magBox div.detail {
	overflow: hidden;
	_zoom: 1;
	margin-bottom: 1.5em;
	font-size: 120%;
	padding: 0 10px;
}
div#magBox div.detail img {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
div#magBox h3 {
	background: url(../img/bg_author.gif) 0 0 repeat;
	line-height: 2.5em;
	padding-left: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
}
div#magBox div.formWrap {
	padding: 0 10px 30px 10px;
}
div#magBox div.formWrap div.magForm {
	padding: 5px 0 10px 10px;
	border: 1px solid #DFDFDF;
	background-color: #f7f7f7;
	margin-top: 15px;
}
div#magBox div.formWrap div.magForm p {
	padding-bottom: 5px;
}
div#magBox div.formWrap div.magForm input.text {
	width: 405px;
	height: 24px;
	font-size: 150%;
	border: 1px solid #ccc;
	margin-right: 10px;
	padding: 3px;
	line-height: 1;
}
div#magBox div.formWrap div.magForm input {
	vertical-align: middle;
}
div#magBox div.formWrap div.magForm span {
	font-size: 120%;
	padding-right: 5px;
}
div#magBox ul {
	padding-bottom: 10px;
	padding-left: 10px;
}
div#magBox ul li {
	background: url(../img/icon_arrow_01.gif) 0 4px no-repeat;
	padding-left: 5px;
}
div#magBox p.magLink {
	clear: both;
	margin-bottom: 1em;
	text-align: right;
	padding: 6px 0;
}

/* mag */

div#pubBox {
	width: 694px;
	line-height: 1.4;
}
div#pubBox p.ttlImg {
	text-align: center;
}
div#pubBox div.detail {
	overflow: hidden;
	margin-bottom: 1.5em;
	font-size: 120%;
	_zoom: 1;
	padding: 0 10px;
}
div#pubBox div.detail img {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
div#pubBox div.detail p span {
	font-size: 80%;
	display: block;
	padding-top: 0.5em;
}
div#pubBox dl dd {
	font-size: 120%;
	padding-right: 10px;
}
div#pubBox dl dd p {
	padding: 5px 0 5px 10px;
}
div#pubBox dl dt.style01 {
	background: url(../img/bg_author.gif) 0 0 repeat;
	line-height: 2.5em;
	padding-left: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 120%;
}
div#pubBox dl dt.style01 span {
	font-size: 90%;
	font-weight: normal;
	padding-left: 10px;
}
div#pubBox dl dt.style02 {
	font-weight: bold;
	font-size: 120%;
	padding-left: 10px;
}
div#pubBox ol {
	padding: 5px 0 25px 35px;
}
div#pubBox ol li {
	list-style-type: decimal;
	line-height: 1.2;
	margin-bottom: 10px;
}
div#pubBox ul {
	background: none !important;
	padding-left: 10px !important;
	padding-bottom: 20px !important;
	text-indent: 0px;
}
div#pubBox ul li {
	background: none !important;
	overflow: hidden !important;
	font-size: 100% !important;
	padding-left: 1em !important;
	line-height: 1.2 !important;
	margin-bottom: 10px;
	text-indent: -1em;
}
div#pubBox table {
	width: 674px;
	margin-left: 10px;
	margin-bottom: 20px;
	
}
div#pubBox table th {
	padding: 0 15px 8px 0; 
}
div#pubBox table td {
	padding-bottom: 8px; 
}
div#pubBox strong {
	font-weight: bold;
}
div#pubBox dl dd.pubLastBox {
	padding-top: 15px;
	padding-bottom: 3em;
	overflow: hidden;
	padding-right: 10px;
}
div#pubBox dl dd.pubLastBox p {
	padding-top: 0 !important;
}
div#pubBox dl dd.pubLastBox img {
	float: left;
	padding-right: 10px;
}
div#pubBox p.linkForm {
	clear: both;
	margin-bottom: 1em;
	text-align: right;
	padding: 6px 0;
}
div#amazoncontent {
	width: auto !important;
}

/* mailMagazine */

div#mailMagazine {
	background: url(../img/bg_magmag.gif) left top no-repeat;
	overflow: hidden;
	_zoom: 1;
	width: 720px;
	height: 118px;
	margin-bottom: 20px;
}
div#mailMagazine div.mailLeftBox {
	display: none;
}
div#mailMagazine div.mailRightBox {
	float: right;
	width: 200px;
	margin: 15px 15px 0 0;
}
p.mailAttention {
	text-align: center;
	padding-top: 25px;
}

/* bnr-link */

p.bnrListTxt {
	font-size: 1.2em;
	line-height: 1.2;
	padding-bottom: 10px;
}
div.linkSample {
	margin-top: 25px;
	width: 690px;
}
div.linkSample p {
	padding-bottom: 15px;
}
div.linkSample div {
	background-color: #f7f7f7;
	border: 1px solid #e7e7e7;
	padding: 10px;
	font-size: 1.2em;
	line-height: 1.2;
}

/* searchForm */

div#searchForm {
	background: url(../img/img_google.gif) 10px 50% no-repeat;
	padding: 10px;
	border: 1px solid #DFDFDF;
	background-color: #f7f7f7;
	margin-bottom: 20px;
	margin-right: 5px;
}
div#searchForm input.text {
	width: 220px;
	height: 24px;
	font-size: 150%;
	border: 1px solid #ccc;
	margin: 0 10px;
	padding: 2px;
}
div#searchForm input.btn {
	width: 100px;
	height: 28px;
	border: 1px solid #ccc;
	margin-right: 10px;
	font-size: 120%;
}
div#searchForm input {
	vertical-align: baseline;
}
div#searchForm span {
	font-size: 120%;
	padding-left: 100px;
}