@charset "utf-8";

/* templates
----------------------------------------------------------- */
.PT0 { padding-top: 0px !important;}
.PT5 { padding-top: 5px !important;}
.PT10 { padding-top: 10px !important;}
.PT15 { padding-top: 15px !important;}
.PT20 { padding-top: 20px !important;}
.PT80 { padding-top: 80px !important;}
.PL0 { padding-left: 0px !important;}
.PL5 { padding-left: 5px !important;}
.PL10 { padding-left: 10px !important;}
.PL15 { padding-left: 15px !important;}
.PL20 { padding-left: 20px !important;}
.PR0 { padding-right: 0px !important;}
.PR5 { padding-right: 5px !important;}
.PR10 { padding-right: 10px !important;}
.PR15 { padding-right: 15px !important;}
.PR20 { padding-right: 20px !important;}
.PB0 { padding-bottom: 0px !important;}
.PB5 { padding-bottom: 5px !important;}
.PB10 { padding-bottom: 10px !important;}
.PB15 { padding-bottom: 15px !important;}
.PB20 { padding-bottom: 20px !important;}
.PB200 { padding-bottom: 200px !important;}
.MT0 { margin-top: 0px !important;}
.MT5 { margin-top: 5px !important;}
.MT10 { margin-top: 10px !important;}
.MT15 { margin-top: 15px !important;}
.MT20 { margin-top: 20px !important;}
.MT80 { margin-top: 80px !important;}
.ML0 { margin-left: 0px !important;}
.ML5 { margin-left: 5px !important;}
.ML10 { margin-left: 10px !important;}
.ML15 { margin-left: 15px !important;}
.ML20 { margin-left: 20px !important;}
.MR0 { margin-right: 0px !important;}
.MR5 { margin-right: 5px !important;}
.MR10 { margin-right: 10px !important;}
.MR15 { margin-right: 15px !important;}
.MR20 { margin-right: 20px !important;}
.MB0 { margin-bottom: 0px !important;}
.MB5 { margin-bottom: 5px !important;}
.MB10 { margin-bottom: 10px !important;}
.MB15 { margin-bottom: 15px !important;}
.MB20 { margin-bottom: 20px !important;}
.MB30 { margin-bottom: 30px !important;}
.MB40 { margin-bottom: 40px !important;}
.MB50 { margin-bottom: 50px !important;}
.clear { clear: both;}
.center { text-align: center;}
.fl { float: left; display: inline;}
.fr { float: right; display: inline;}
.w50 { width: 50px !important;}
.w100 { width: 100px !important;}
.w150 { width: 150px !important;}
.w200 { width: 200px !important;}
.w250 { width: 250px !important;}
.w300 { width: 300px !important;}
.w330 { width: 330px !important;}
.w350 { width: 350px !important;}
.w360 { width: 360px !important;}
.w370 { width: 370px !important;}
.w380 { width: 380px !important;}
.w390 { width: 390px !important;}
.w400 { width: 400px !important}
.w500 { width: 500px !important}
.w100p { width: 100% !important}
.h50 { height: 50px !important;}
.h100 { height: 100px !important;}
.h150 { height: 150px !important;}
.h200 { height: 200px !important;}
.h300 { height: 300px !important;}
.h400 { height: 400px !important;}
.ssize { font-size: 10px;}
.lsize { font-size: 16px;}
.red { color: #F00; font-weight: normal;}
.em { color: #ad2118;}
.tl { text-align: left !important;}
.tr { text-align: right !important;}
.tc { text-align: center !important;}
.disnon { display: none !important;}
.line01 {
	clear: both;
	width: 100%;
	margin: 0 0 1em 0;
	height: 1px;
	border: none;
	background: url(images/common/line01.png) repeat-x left top;
}
.textTitle01 {
	clear: both;
	background: url(./images/common/title01_bg03.png) repeat-x left bottom #d3d3c6;
	padding: 1px 1px 3px 1px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
}
.textTitle01 span {
	display: block;
	padding: 8px 10px 6px 10px;
	border: 1px solid #fff;
	background: url(./images/common/title01_bg01.png) repeat-x left bottom #fff;
}
.textTitle01 a {
	color: #000;
}
.textTitle02 {
	clear: both;
	padding: 8px 10px 6px 10px;
	border: 1px solid #000;
	background: url(./images/common/title01_bg02.png) repeat-x left top #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
}
.textTitle02 span {
}
.textTitle03 {
	clear: both;
	background: url(./images/common/title01_bg03.png) repeat-x left bottom #d3d3c6;
	padding: 1px 1px 3px 1px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
}
.textTitle03 span {
	display: block;
	padding: 15px 15px 13px 15px;
	border: 1px solid #fff;
	background: url(./images/common/title01_bg01.png) repeat-x left bottom #fff;
}
.textTitle04 {
	clear: both;
	background: url(./images/common/title01_bg05.png) repeat-x left bottom #000;
	padding: 1px 1px 4px 1px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
}
.textTitle04 span {
	display: block;
	padding: 15px 15px 13px 15px;
	border: 1px solid #353535;
	background: url(./images/common/title01_bg04.png) repeat-x left bottom #fff;
	color: #fff;
}
.textTitle05 {
	margin: 0 0 10px 0;
	font-size: 20px;
	font-weight: bold;
	color: #ad2118;
}
.textTitle06 {
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
	font-size: 16px;
	font-weight: bold;
	border-left: 3px solid #ad2118;
	line-height: 1;
}
.textTitle07 {
	padding: 5px 10px;
	background: #dadacf;
	font-size: 12px;
	font-weight: bold;
}

.gw img{
  width: 100%;
  height: auto;
}


/* link
----------------------------------------------------------- */
.textLink01 a {
	padding: 0 0 0 10px;
	background: url(./images/common/arrow01.png) no-repeat left center;
	font-size: 12px;
}
/* btn
----------------------------------------------------------- */
.btnBox01 {
	clear: both;
	padding: 10px;
	text-align: center;
}
a.textBtn01 {
	display: inline-block;
	margin: 5px;
	width: 200px;
	height: 40px;
	border: none;
	background: url(images/common/btn_bg01.png) no-repeat left center;
	line-height: 40px;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}
a.textBtn02 {
	display: inline-block;
	margin: 5px;
	width: 200px;
	height: 40px;
	border: none;
	background: url(images/common/btn_bg02.png) no-repeat left center;
	line-height: 40px;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}
.submitBox01 {
	clear: both;
	padding: 10px;
	text-align: center;
}
.submitBox01 input{
	display: inline-block;
	margin: 5px;
	width: 200px;
	height: 40px;
	border: none;
	background: url(images/common/btn_bg01.png) no-repeat left center;
	line-height: 40px;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	text-align: center;
}
/* text
----------------------------------------------------------- */
.textBox01 {
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
}
.textBox01:before,.textBox01:after { content:""; display:table;}
.textBox01:after { clear:both;}
.textBox01 { zoom:1;}
.textBox01 p {
	margin: 0 0 1em 0;
}
/* detail
----------------------------------------------------------- */
.detailBox01 {
	background: url(./images/common/title01_bg03.png) repeat-x top;
	padding: 3px 0 0 0;
}
.detailTitle01 {
	background: url(./images/common/detailbox01_itme01.png) repeat-x left bottom;
	padding: 3px 0 0 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
}
.detailTitle01 span {
	display: block;
	padding: 15px 15px 13px 45px;
}
.detailTitle01 .digitalbook {
	background: url(./images/common/icon_digitalbook01.png) no-repeat 10px center;
}
.detailTitle01 .paperbook {
	background: url(./images/common/icon_paperbook01.png) no-repeat 10px center;
}
.detailBox01Inner {
	padding: 20px 0;
}
.detailBox01Inner:before,.detailBox01Inner:after { content:""; display:table;}
.detailBox01Inner:after { clear:both;}
.detailBox01Inner { zoom:1;}
.detailBox01 .images {
	position: relative;
	width: 280px;
	height: 345px;
	float: left;
	margin: 0 -280px 10px 0;
	background: url(./images/common/detailbox01_item02.png) no-repeat left top;
}
.detailBox01 .images img {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 250px;
	height: 333px;
}
.detailBox01 .info {
	float: right;
	width: 100%;
}
.detailBox01 .infoInner {
	margin: 0 0 0 280px;
}
.detailBox01 .shopping {
	padding: 20px 0;
}
.detailBox01 .shopping li {
	float: left;
	margin: 0 5px 5px 0;
}
.detailBox02 {
	background: url(./images/common/title01_bg03.png) repeat-x top;
	padding: 3px 0 0 0;
}
.detailTitle02 {
	background: url(./images/common/detailbox01_itme01.png) repeat-x left bottom;
	padding: 3px 0 0 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
}
.detailTitle02 span {
	display: block;
	padding: 15px 15px 13px 45px;
}
.detailTitle02 .pr {
	background: url(./images/common/icon_pr01.png) no-repeat 10px center;
}
.detailTitle02 .rank {
	background: url(./images/common/icon_rank01.png) no-repeat 10px center;
}
.detailTitle02 .campaign {
	background: url(./images/common/icon_campaign01.png) no-repeat 10px center;
}
.detailBox02Inner {
	position: relative;
	width: 680px;
	height: 430px;
}
.detailBox02Inner span {
	position: absolute;
	display: block;
	top: 40px;
	left: 205px;
	padding: 10px;
	background: url(./images/common/detailbox01_item02.png) no-repeat left top;
}
.detailBox02Inner.digitalbook {
	margin: 0 0 20px 0;
	background: url(./images/common/detail_bg_digitalbook01.png) no-repeat left top;
}
.detailBox02Inner.paperbook {
	margin: 0 0 20px 0;
	background: url(./images/common/detail_bg_paperbook01.png) no-repeat left top;
}
.prTitle01 {
	padding: 20px 0;
	background: url(./images/common/line01.png) repeat-x left bottom;
}
.prTitle01:before,.prTitle01:after { content:""; display:table;}
.prTitle01:after { clear:both;}
.prTitle01 { zoom:1;}
.prTitle01 .day {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: -80px;
	background: #ad2118;
	font-weight: normal;
	text-align: center;
	color: #fff;
	line-height: 80px;
	font-size: 12px;
}
.prTitle01 .title {
	float: right;
	width: 100%;
	font-size: 20px;
	line-height: 1.2;
	font-weight: bold;
}
.prTitle01 .title span {
	display: block;
	margin: 0 10px 0 100px;
}
.tagBox01 {
	margin: 0 0 30px 0;
	background: #ecece6;
	font-size: 12px;
}
.tagTitle01 {
	padding: 5px 10px;
	background: #dadacf;
	font-weight: bold;
}
.tagList01 {
	padding: 5px 10px;
}
.tagList01:before,.tagList01:after { content:""; display:table;}
.tagList01:after { clear:both;}
.tagList01 { zoom:1;}
.tagList01 li {
	float: left;
}
.tagList01 a {
	margin: 0 3px 0 0;
	padding: 0 0 0 10px;
	background: url(./images/common/arrow01.png) no-repeat left center;
}
/* comment
----------------------------------------------------------- */
#comment-area {
	padding: 20px 0;
}
#comment-area h3 {
	margin: 0 0 10px 0;
}
#comment-area li {
	clear: both;
	position: relative;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	background: url(./images/common/line01.png) repeat-x left bottom;
}
#comment-area .comment-author {
	font-size: 12px;
	color: #666;
	line-height: 30px;
	color: #ad2118;
}
#comment-area .comment-author img {
	float: left;
	margin: 0 10px 0 0;
}
#comment-area .comment-author .fn {
	font-style: normal;
	float: left;
	line-height: 30px;
}
#comment-area li p {
	clear: both;
	margin: 0 0 1em 0;
	padding: 0 0 0 40px;
	line-height: 1.2;
	font-size: 12px;
}
#comment-area li .reply {
	clear: both;
}
#comment-area .comment-meta {
	display: none;
}
#comment-form-area {
	margin: 0 130px;
	padding: 0;
}
#comment-form-area h3 {
	clear: both;
	background: #ad2118;
	margin: 0;
	padding: 5px 10px;
	color: #fff;
}
.comment_form_text {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background: url(./images/common/line01.png) repeat-x left bottom;
}
#comment-form-area h3 small {
	display: none;
}
#comment-form-area form {
	border: 1px solid #ad2118;
	padding: 20px;
}
#comment-form-area label span {
	font-size: 10px;
}
#comment-form-area .url{display:none;}
.form-submit {
	text-align: center;
}
.form-submit input[type="submit"] {
	display: inline-block;
	cursor: pointer;
	margin: 5px;
	width: 200px;
	height: 40px;
	border: none;
	background: url(./images/common/btn_bg02.png) no-repeat left center;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
.form-submit input[type="submit"]:hover {
	filter: alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;
}
/* list
----------------------------------------------------------- */
.listBox01 {
	padding: 20px 0;
}
.listBox01 .item {
	clear: both;
	background: url(./images/common/line01.png) repeat-x left bottom;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
}
.listBox01 .item:before,.listBox01 .item:after { content:""; display:table;}
.listBox01 .item:after { clear:both;}
.listBox01 .item { zoom:1;}
.listBox01.col2 .item {
	clear: none;
	float: left;
	width: 320px;
	margin: 0 20px 20px 0;
}
.listBox01 .images {
	position: relative;
	width: 110px;
	float: left;
	margin: 0 -110px 10px 0;
}
.listBox01 .images img {
	width: 100px;
	height: 133px;
	border: 1px solid #000;
}
.listBox01 .info {
	float: right;
	width: 100%;
}
.listBox01 .infoInner {
	margin: 0 0 0 110px;
}
.listBox01 .info .title {
	margin: 0 0 5px 0;
	font-size: 13px;
	line-height: 1.1;
}
.listBox01 .info .title span.digitalbook {
	display: block;
	padding: 0 0 5px 20px;
	background: url(./images/common/icon_digitalbook01.png) no-repeat left top;
}
.listBox01 .info .title span.paperbook {
	display: block;
	padding: 0 0 5px 20px;
	background: url(./images/common/icon_paperbook01.png) no-repeat left top;
}
.listBox01 .info .name {
	margin: 0 0 5px 0;
	font-size: 12px;
	line-height: 1.2;
}
.listBox01 .info .price {
	margin: 0 0 10px 0;
	font-size: 11px;
	color: #ad2118;
	line-height: 1;
}
.listBox01 .info .shopping {
	margin: 0 0 5px 0;
}
.listBox01 .info .shopping:before,.listBox01 .info .shopping:after { content:""; display:table;}
.listBox01 .info .shopping:after { clear:both;}
.listBox01 .info .shopping { zoom:1;}
.listBox01 .info .shopping li {
	float: left;
	margin: 0 5px 5px 0;
}



.pager01 {
	margin: 0 0 20px 0;
	padding: 20px 0;
	background: url(./images/common/line01.png) repeat-x left bottom;
}
.pager01.last {
	margin: 0 0 20px 0;
	padding: 0;
	background: none;
}
.pager01:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
* html .pager01 { height: 1%; }
.pager01 { display: block; }
.pager01 ul {
}
.pager01 ul { position: relative; float: left; left: 50%;}
.pager01 li { position: relative; float: left; left: -50%;}
.pager01 li {
	border: 1px solid #ccc;
	float: left;
	margin: 0 5px 0 0;
	background: #ad2118;
}
.pager01 li a {
	width: 20px;
	height: 20px;
	display: block;
	background: #fff;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	color: #000;
}
.pager01 li span {
	width: 20px;
	height: 20px;
	display: block;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	color: #fff;
}

.wp-pagenavi {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.wp-pagenavi:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
* html .wp-pagenavi { height: 1%; }
.wp-pagenavi { display: block; }
.wp-pagenavi { position: relative; float: left; left: 50%;}
.wp-pagenavi a,.wp-pagenavi span { position: relative; float: left; left: -50%;}
.wp-pagenavi span.current {
	border: 1px solid #ccc;
	min-width: 16px;
	height: 20px;
	margin: 0 5px 0 0;
	padding: 0 2px;
	background: #ad2118;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	color: #fff;
}
.wp-pagenavi a {
	border: 1px solid #ccc;
	min-width: 16px;
	height: 20px;
	margin: 0 5px 0 0;
	padding: 0 2px;
	background: #fff;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	color: #000;
}
.wp-pagenavi a:hover {
	color: #fff;
}
.wp-pagenavi .pages {
	display: none;
}
.wp-pagenavi span.extend {
	border: none;
	padding: 5px;
}
/* tableBox
----------------------------------------------------------- */
.tableBox01 {
	margin: 0 0 20px 0;
}
.tableBox01 table {
	width: 100%;
}
.tableBox01 tr {
	background: url(./images/common/line01.png) repeat-x left bottom;
}
.tableBox01 th {
	width: 100px;
	padding: 10px 0;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	font-weight: bold;
}
.tableBox01 td {
	padding: 10px 0;
}
.tableBox01 .price td {
	color: #ad2118;
}
.tableBox01 .dl01 {
	width: 100%;
}
.tableBox01 .dl01 dt {
	width: 30%;
	float: left;
}
.tableBox01 .dl01 dd {
	width: 70%;
	float: left;
}
/* form
----------------------------------------------------------- */
.wpcf7-validation-errors {
	border: 2px solid #ad2118;
	margin: 0 0 20px 0;
	padding: 20px;
	text-align: center;
	color: #ad2118;
}
.wpcf7-not-valid-tip-no-ajax {
	margin: 0 5px;
	text-align: center;
	font-size: 11px;
	color: #ad2118;
}

/* sitemap
----------------------------------------------------------- */
.siteMapBox01 {
	padding: 20px;
}
.siteMapBox01 .textTitle {
	margin: 0 0 10px 0;
	padding: 5px;
	background: url(images/common/line01.png) repeat-x left bottom;
	font-weight: bold;
}
.siteMapBox01 ul {
}
.siteMapBox01 li {
}
.siteMapBox01 li p {
	padding: 10px 0;
}
.siteMapBox01 li a {
	padding: 0 0 0 10px;
	background: url(images/common/arrow01.png) no-repeat left 8px;
	line-height: 12px;
}
.siteMapBox01 li ul {
}
.siteMapBox01 li ul,
.siteMapBox01 ul.low {
	margin: 0 0 0 20px;
}
.siteMapBox01 li ul li a,
.siteMapBox01 ul.low li a{
	background: url(images/common/arrow02.png) no-repeat left 8px;
}

/* top
----------------------------------------------------------- */
#visual {
	overflow: hidden;
	clear: both;
	position: relative;
	width: 960px;
	height: 280px;
	margin: 0 auto;
	background: url(./images/top/vnav_bg01.png) no-repeat right top;
}
.visualIn {
	width: 700px;
}
.visualIn .visual04 {
	position: relative;
}
.visualIn .visual04 a {
	display: block;
}
.visualIn .visual04 a.visual04Btn01 {
	position: absolute;
	top: 95px;
	left: 355px;
	width: 300px;
	height: 40px;
}
.visualIn .visual04 a.visual04Btn02 {
	position: absolute;
	top: 135px;
	left: 355px;
	width: 300px;
	height: 40px;
}
.visualIn .visual04 a.visual04Btn03 {
	position: absolute;
	top: 175px;
	left: 355px;
	width: 300px;
	height: 40px;
}
.visualIn .visual04 a.visual04Btn04 {
	position: absolute;
	top: 215px;
	left: 355px;
	width: 300px;
	height: 40px;
}
.bx-pager-item a {
	display: block;
	width: 260px;
	height: 70px;
	background: #fff;
}

.bx-pager-link.active img {
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
.topic01Inner {
	height: 120px;
	overflow-y: scroll;
}
.topic01 li {
	clear: both;
	padding: 8px 10px;
	line-height: 14px;
	font-size: 12px;
	background: url(./images/common/line01.png) repeat-x left bottom;
}
.topic01 li:before,.topic01 li:after { content:""; display:table;}
.topic01 li:after { clear:both;}
.topic01 li { zoom:1;}

.topic01 li span {
	display: block;
	float: left;
	width: 90px;
	margin: 0;
	font-size: 10px;
}
.topic01 li a {
	display: block;
	float: right;
	width: 550px;
}
.topic01 li img {
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
}

.topic02Inner {
	padding: 20px 0;
}
.topic02 li {
	clear: both;
	padding: 15px 0;
	line-height: 14px;
	font-size: 14px;
	background: url(./images/common/line01.png) repeat-x left bottom;
}
.topic02 li:before,.topic02 li:after { content:""; display:table;}
.topic02 li:after { clear:both;}
.topic02 li { zoom:1;}
.topic02 li span {
	float: left;
	width: 130px;
	margin: 0;
}
.topic02 li a {
	float: right;
	width: 540px;
}
.topic02 li img {
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
}

.keyword01 {
	background: #ecece6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height: 20px;
	font-size: 12px;
}
.keyword01 h2,
.keyword01 ul,
.keyword01 li {
	display: inline;
}
.keyword01 a {
	display: inline-block;
	padding: 0 5px;
	color: #000;
	font-size: 12px!important;
}
.booksList01 {
	margin: 0 0 20px 0;
}
.booksList01 ul {
	padding: 0 0 0 5px;
}
.booksList01 ul:before,.booksList01 ul:after { content:""; display:table;}
.booksList01 ul:after { clear:both;}
.booksList01 ul { zoom:1;}
.booksList01 li {
	position: relative;
	float: left;
	margin: 5px 10px 0 0;
	border: 1px solid #000;
}
.booksList01 li .images {
	position: relative;
	z-index: 1;
}
.booksList01 li .images img {
	width: 100px;
	height: 133px;
}
.booksList01 li .title {
	position: absolute;
	width: 90px;
	bottom: 0;
	left: 0;
	padding: 5px;
	z-index: 2;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99333333,EndColorStr=#99333333);
	background-color: rgba(51, 51, 51, 0.5);
}
.booksList01 li .title a {
	display: block;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	line-height: 1.1;
}
.bookStore01 {
	clear: both;
	margin: 0 0 20px 0;
}
.bookStore01Inner {
	background: url(./images/common/main_box01_bg01.png) repeat-x left top #ecece6;
}
.bookStore01 ul {
	padding: 5px 15px 5px 15px;
}
.bookStore01 ul:before,.bookStore01 ul:after { content:""; display:table;}
.bookStore01 ul:after { clear:both;}
.bookStore01 ul { zoom:1;}
.bookStore01 li {
	float: left;
}
.mainTab01 {
}
.mainTab01Nav {
	height: 27px;
	padding: 10px 10px 0 10px;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ad2118;
	background: #ecece6;
}
.mainTab01Nav ul {
}
.mainTab01Nav ul:before,.mainTab01Nav ul:after { content:""; display:table;}
.mainTab01Nav ul:after { clear:both;}
.mainTab01Nav ul { zoom:1;}
.mainTab01Nav li {
	float: left;
	width: 150px;
	height: 27px;
	margin: 0 10px 0 0;
	line-height: 30px;
}
.mainTab01Nav li a {
	display: block;
	width: 150px;
	height: 27px;
	line-height: 27px;
	color: #fff;
}
.mainTab01Nav li.btn01 {
	background: url(./images/top/main_tab_item01.png) no-repeat left top;
}
.mainTab01Nav li.btn02 {
	background: url(./images/top/main_tab_item02.png) no-repeat left top;
}
.mainTab01Nav li a {
	display: block;
	width: 150px;
	height: 27px;
	line-height: 27px;
	color: #fff;
	text-indent: -9999px;
}
.mainTab01Nav li.btn01 a {
	background: url(./images/top/main_tab_item01.png) no-repeat left top;
	background-position: 0 -27px;
}
.mainTab01Nav li.btn02 a {
	background: url(./images/top/main_tab_item02.png) no-repeat left top;
	background-position: 0 -27px;
}
.mainTab01Nav li.current a {
	display: none;
}
.mainTab01Nav li a:hover {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
.mainTab01Inner {
	position: relative;
	display: none;
}
.mainTab01Inner:before,.mainTab01Inner:after { content:""; display:table;}
.mainTab01Inner:after { clear:both;}
.mainTab01Inner { zoom:1;}
.mainTab01Inner.current {
	display: block;
}
.mainTab01List {
	position: absolute;
	top: 10px;
	left: 0;
	width: 310px;
	float: left;
	z-index: 2;
}
.mainTab01List .item {
	overflow: hidden;
	width: 310px;
	height: 100px;
	background: url(./images/common/main_tab_item06.png) no-repeat left bottom;
	cursor: pointer;
}
.mainTab01List .item:before,.mainTab01List .item:after { content:""; display:table;}
.mainTab01List .item:after { clear:both;}
.mainTab01List .item { zoom:1;}
.mainTab01List .item.current {
	background: url(./images/common/main_tab_item07.png) repeat-x left bottom;
}
.mainTab01List .images {
	position: relative;
	float: left;
	margin: 10px;
}
.mainTab01List .images a {
	position: absolute;
	display: block;
	top: -10px;
	left: -10px;
	width: 300px;
	height: 100px;
}
.mainTab01List .images img {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 60px;
	height: 80px;
	border: 1px solid #000;
}
.mainTab01List .info {
	float: right;
	width: 198px;
	padding: 10px 30px 10px 0;
}
.mainTab01List .info .title {
	margin: 0 0 5px 0;
	padding: 3px 0;
	font-size: 13px;
	line-height: 1.1;
}
.mainTab01List .item.current .info .title a {
	color: #fff;
}
.mainTab01List .info .title span.digitalbook {
	display: block;
	padding: 3px 0 3px 25px;
	background: url(./images/common/icon_digitalbook01.png) no-repeat left top;
}
.mainTab01List .info .title span.paperbook {
	display: block;
	padding: 3px 0 3px 25px;
	background: url(./images/common/icon_paperbook01.png) no-repeat left top;
}
.mainTab01List .item.current .info .title span.digitalbook {
	background: url(./images/common/icon_digitalbook02.png) no-repeat left top;
}
.mainTab01List .item.current .info .title span.paperbook {
	background: url(./images/common/icon_paperbook02.png) no-repeat left top;
}
.mainTab01List .info .name {
	margin: 0 0 5px 0;
	font-size: 12px;
	line-height: 1.2;
}
.mainTab01List .item.current .info .name {
	color: #fff;
}
.mainTab01List .info .price {
	margin: 0 0 10px 0;
	font-size: 11px;
	color: #ad2118;
	line-height: 1;
}
.mainTab01List .item.current .info .price {
	color: #fff;
}
.mainTab01Detail {
	position: relative;
	width: 340px;
	height: 410px;
	float: right;
	background: url(./images/top/main_tab_item03.png) no-repeat left top;
}
.mainTab01Detail .item {
	display: none;
}
.mainTab01Detail .item.current {
	display: block;
}
.mainTab01Detail .images {
	position: absolute;
	top: 7px;
	left: 5px;
	background: url(./images/top/main_tab_item05.png) no-repeat left top;
	/*
	width: 270px;
	height: 360px;
	*/
}
.mainTab01Detail .images img {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 220px;
	height: 303px;
}
.mainTab01Detail .shopping {
	position: absolute;
	top: 17px;
	right: 0;
}
.mainTab01Detail .shopping li {
	width: 100px;
	height: 30px;
}
.shopping01 { background: url(./images/common/bookstore_btn01_bg01.png) no-repeat left top;}
.shopping02 { background: url(./images/common/bookstore_btn02_bg01.png) no-repeat left top;}
.shopping03 { background: url(./images/common/bookstore_btn03_bg01.png) no-repeat left top;}
.shopping04 { background: url(./images/common/bookstore_btn04_bg01_booklive.png) no-repeat left top;}
.shopping05 { background: url(./images/common/bookstore_btn05_bg01.png) no-repeat left top;}
.shopping06 { background: url(./images/common/bookstore_btn06_bg01.png) no-repeat left top;}
.shopping07 { background: url(./images/common/bookstore_btn07_bg01.png) no-repeat left top;}
.shopping08 { background: url(./images/common/bookstore_btn08_bg01.png) no-repeat left top;}
.shopping09 { background: url(./images/common/bookstore_btn09_bg01.png) no-repeat left top;}
.shopping10 { background: url(./images/common/bookstore_btn10_bg01.png) no-repeat left top;}

/* 
----------------------------------------------------------- */

.twitterBox01 {
	clear: both;
}

.fbBox01 {
	clear: both;
}

#formmail { width: 100%; }

fieldset {
  margin: 0 0 1em;
  padding: 1em 2em;
}

#formmail dt {
  font-weight: bold;
  margin: 0 0 5px;
  padding: 5px 0 5px 5px;
}

#formmail dt span {
  font-weight: normal;
  color: #ff0000;
  padding: 0 1em;
}

#formmail dd {
  margin: 0 0 1.5em 0;
  padding: 0;
}



2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

/* テキスト回り込み　ビジュアルエディタと一致させる goma-20160404/s */
p {
    display: block;
    margin: 1em 0;
}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
 
/* img */
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
 
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}
 
/* clearfix */
.clearfix {
    overflow: hidden;
    zoom: 1;
}
.clearfix:after {
    content: ""
    display: block;
    clear: both;
}
/* テキスト回り込み　ビジュアルエディタと一致させる goma-20160404/e */
/* 画像とテキストの横並び goma-20160420/s */

.waku {  
    width: 100%;  
    border: 1px solid #fff; 
    margin: 10px;  
}  
.waku div   {  
    width: 69%;   
    border: 2px solid #eee;  
    margin: 0 auto;  
} 
.waku-4t {  
    width: 100%;  
    border: 1px solid #fff; 
    margin: 10px;  
} 
.waku-4t div   {  
    width: 98%;   
    border: 2px solid #eee;  
    margin: 0 auto;  
} 

/* -------------------------------------------- */
ul.layout-2t{
width: 686px; margin: 4px; padding: 0px;
}
ul.layout-2t li{
float: left; width: 226px; height: 306px; list-style: none outside; margin: 0px; text-align: left;
}
ul.layout-2t li img{
width: 220px; height: 300px; margin: 0px 0px 0px;
}

/* -------------------------------------------- */
ul.layout-4t{
width: 686px; margin: 4px; padding: 0px;
}
ul.layout-4t li{
float: left; width: 146px; height: 156px; list-style: none outside; margin: 0px; text-align: left;
}
ul.layout-4t li img{
width: 140px; height: 150px; margin: 0px 0px 0px;
}

/* -------------------------------------------- */


/* 画像の横並び goma-20160420/s */
ul.layout-2a{
width: 686px; margin: 4px; padding: 0px;
}
ul.layout-2a li{
float: left; width: 226px; list-style: none outside; margin: 0px; text-align: center;
}
ul.layout-2a li img{
width: 220px; height: 300px; margin: 0px 0px 0px;
}

/* -------------------------------------------- */

ul.layout-3a{
width: 686px; margin: 4px; padding: 0px;
}
ul.layout-3a li{
float: left; width: 226px; list-style: none outside; margin: 0px; text-align: center;
}
ul.layout-3a li img{
width: 220px; height: 300px; margin: 0px 0px 0px;
}
/* 画像の横並び goma-20160420/e */

/* -------------------------------------------- */
/* Youtubeをレスポンシブ goma-20171115/e */
/e */
movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*-------------------------------------------
	CVS新刊一覧
--------------------------------------------*/
h3.bookTitle {
    background: #eee;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 15px;
}
.book_detail {
    overflow: hidden;
    margin-bottom: 50px;
}
.book_detail .img {
    float: left;
    margin-right: 20px;
    width: 30%;
}
.book_detail .img img {
    border: 1px solid #ccc;
    width:90%;
}


/*-------------------------------------------
特集・キャンペーン
--------------------------------------------*/
#campaign .overview {
	border: 5px solid #ddd;
	padding: 10px 20px 0;
	margin-bottom: 30px;
}
#campaign .category {
	background: #262626;color: #fff;
	font-weight: bold;
	padding: 6px 10px;
	margin-bottom: 20px;
}
#campaign .overview .title {
	font-size: 1.6em;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 15px;
}
#campaign .overview p {
	font-size: 1.4em;
	font-weight: bold;
}
#campaign .overview p span {
	display: inline-block;
	font-weight: normal;
	background: #eee;
	padding: 3px 10px;
	margin-right: 10px;
	width: 3em;
	text-align: center;
}

#campaign .detail .item {
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#campaign .detail .item h3 {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 10px;
}
#campaign .detail .item .img {
	float: left;
	padding-right: 30px;
}

#campaign .detail .item img {
	height: 221px;
	border: 1px solid #ccc;
}
#campaign .detail .item .shop {
	overflow: hidden;
	margin: 30px 0 0;
	padding: 0;
}
#campaign .detail .item .shop li {
	list-style: none;
	display: inline-block;
	margin: 0 15px 10px 0;
	margin-right: 10px;
}
#campaign .detail .item .shop li a {
	display: block;
	background: #ad2118;
	padding: 10px 20px;
	text-decoration: none;
	color: #fff;
}
#campaign .detail .item .shop li a:hover {
	background: #C55A5B;
}


/*-------------------------------------------
　郵便局イベント一覧
--------------------------------------------*/
#event-JP h3 { 
	background: #eee; 
	font-weight: bold; 
	font-size: 1.4em; 
	margin-bottom: 16px; 
	padding: 10px 14px;}
#event-JP h4 {
	font-weight: bold;
	font-size:1.2em;
	margin-bottom: 20px;}
#event-JP .bookDetail {margin-bottom: 20px;}
	#event-JP .bookDetail dt {float: left; margin-right: 10px; width: 30%;}
#event-JP table.eventDetail,
#event-JP table.eventDetail th,
#event-JP table.eventDetail td {
	border: 1px solid #ccc;
	border-collapse: collapse;
	padding: 10px 20px;
}
#event-JP table.eventDetail {width: 100%; margin-bottom: 3em;}
#event-JP .eventDetail th {font-weight: bold;background: #ffe26f;}
#event-JP .bookDetail {	overflow: hidden;margin-bottom: 20px;}
#event-JP .bookDetail dt {float: left;margin-right: 20px;}


/* end */