@charset "utf-8";

/*-----------------------------------------------
	social & topicpath（ムックも読みにきてるので、むやみに消さないこと）
------------------------------------------------*/

#topicpath_wrap {
	position: relative;
	height: 36px;
}

#socialbtn_area {
	position: absolute;
	top: 10px;
	right: 0;
	display: inline-block;
}

#socialbtn_area .socialbtn {
	display: inline;
	text-align: right;
	float: right;
}

#socialbtn_area .facebook {
	margin-right: 12px;
}

.twitter {
	padding-right; 10px;
	width: 97px;
}

/*-----------------------------------------------
	frame
------------------------------------------------*/
#contents {
	color:#333333;
}
#contents #honshi {
	background:#ffffff;
	width: 940px;
	margin: 0 auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-bottom: 25px;
}
#contents #honshi p, #contents #honshi dl {
	margin: 0;
	padding: 0;
}
	
/*-----------------------------------------------
	topNav
------------------------------------------------*/
#topNav {
	text-align: right;
	margin-right: 50px;
}
#contents #honshi #topNav p {
	float: right;
	margin: 10px 0 0 10px;
}
#topNav p:first-child {
	margin: 0;
}

/*-----------------------------------------------
	mainArea
------------------------------------------------*/
#mainArea {
	margin: 0 50px 50px;
}
#mainArea #cover {
	float: left;
	border: 1px solid #cccccc;
	margin: 0;
}
#mainArea #releaseInfo {
	float: right;
	width: 424px;
}
#contents #honshi #mainArea #releaseInfo h1 {
	border-bottom: none;
	padding: 0;
	margin-bottom: 16px;
}
.releaseData {
	text-align: center;
	margin-top: 23px;
}
#contents #honshi .releaseData dl {
	margin-left: 40px;
	margin-bottom: 5px;
}
.releaseData dl dt, .releaseData dl dd{
	float:left;
}
.releaseData dl dt {
	margin-right: 5px;
}
.releaseData dl dd {
	margin-right: 18px;
}
.releaseData p {
	font-size: 100%;
}
.lookBtn {
	margin-top: 7px;
}
.lookBtn li {
	float: right;
	margin-left: 15px;
}
.lookBtn li:first-child {
	float: left;
	margin: 0;
}

/*-----------------------------------------------
	ECリンク
------------------------------------------------*/
.eclink {
	margin-top: 20px;
}
.eclinkBtn ul {
	float: left;
	width: 318px;
	margin-bottom: 10px;
}
.eclinkBtn ul li {
	float: left;
	margin: 0 6px 5px 0;
}



/*-----------------------------------------------
	section
------------------------------------------------*/
.section h2 {
	background: url(../images/index_line01.gif) repeat-x bottom left;
	padding-bottom: 6px;
	margin-bottom: 20px;
}

/*-----------------------------------------------
	article & next　共通
------------------------------------------------*/
#article ul li, #next ul li  {
	border: 1px solid #d0d0d0;
	padding: 14px;
}
#contents #honshi #article ul li p:first-child,
#contents #honshi #next ul li p:first-child {
	padding-bottom: 10px;
}
#article dl dt {
	font-weight: normal;
	margin: 10px 0 3px;
	font-size:12px;
}
#article dl dd, #next dl dd {
	color: #888888;
}
.logo {
	background: url(../images/index_logo01.jpg) no-repeat right top;
	height:20px;
}
.logo2 {
	background: url(../images/index_logo02.jpg) no-repeat right top;
}

/*-----------------------------------------------
	article
------------------------------------------------*/
#article {
	margin: 0 0 0 50px;
}
#article h2 {
	width: 840px;
}
#article .photo {
	border: 1px solid #cccccc;
}
#article ul li {
	margin-bottom: 24px;
}
#article .column2 li {
	width: 377px;
	float: left;
	margin-right: 26px;
	min-height: 388px !important;
}
	
#article .column3 li {
	width: 235px;
	float: left;
	margin-right: 22.5px;
}
#article .column4 li {
	width: 235px;
	height:280px;
	float: left;
	margin-right: 22.5px;
	margin-bottom: 50px;
	min-height: 258px;
}
#article .column2 dl {
	width: 375px;
}
#article .column3 .column4 dl {
	width: 233px;
}
#article .column2 dl dt {
	font-size: 12px;
	font-weight:normal;
}
#article .column3 dl dd {
	font-size: 80%;
}
#article .column4 dl dd {
	font-size: 80%;
}


/*-----------------------------------------------
	buy
------------------------------------------------*/
#buy {
	width: 424px;
	float: left;
	margin-left: 50px;
}

/*-----------------------------------------------
	next
------------------------------------------------*/
#next {
	width: 382px;
	margin-left: 508px;
	margin-right: 50px;
}
#next ul li {
	margin-bottom: 24px;
}
#next .leftColumn img {
	border: 1px solid #cccccc;
}
#contents #honshi #next ul li .columnBox p.leftColumn {
	margin: 0;
}
#next ul li .rightColumn {
	float: right;
	width: 210px;
}
#next ul li .rightColumn dt {
	margin: 0;
}
#next dl dt {
	font-weight: bold;
}
/*-----------------------------------------------
	mook
------------------------------------------------*/
#mook {
	background: #e8e8e8;
	clear: both;
	margin: 35px 0;
}
#mook h2 {
	background: #ffffff;
}
#mook ul {
	padding: 37px 0 50px 50px;
}
#mook ul li {
	float:left;
	width: 248px;
	padding-left: 48px;
}
#mook ul li:first-child {
	padding-left: 0;
}
#mook ul li h3 {
	margin-bottom: 3px;
}
#mook ul li p.leftColumn {
	border: 1px solid #cccccc;
}
#contents #honshi #mook ul li .rightColumn p {
	margin-top: 3px;
}
#contents #honshi #mook ul li .rightColumn p:first-child {
	margin-top: 0;
	margin-bottom: 18px;
}
/*-----------------------------------------------
	mook4col
------------------------------------------------*/
#mook-4col {
	background: #e8e8e8;
	clear: both;
	margin: 35px 0;
}
#mook-4col h2 {
	background: #ffffff;
}
#mook-4col ul {
	padding: 20px 0 25px 50px;
	overflow:hidden;
}
#mook-4col ul li {
	float:left;
	width: 180px;
	padding-left: 40px;
}
#mook-4col ul li:first-child {
	padding-left: 0;
}
#mook-4col ul li h3 {
	margin-bottom: 3px;
}
#mook-4col ul li p.leftColumn {
	margin-bottom:10px;
}
#mook-4col ul li p.leftColumn .book{
	width: 130px;
	margin: 0 25px;
}
#mook-4col ul li p.leftColumn .book-spark{
	width:120px;
	margin: 0 30px;
}
#mook-4col ul li .textColumn{
	margin-top:3px;
}
#contents #honshi #mook-4col ul li .textColumn p {
	margin-top: 3px;
	text-align:center;
}
/*-----------------------------------------------
	parts
------------------------------------------------*/
.column2 li, column3 li, column4 li{
	float: left;
}

/*.leftColumn {
	float: left;
}
.rightColumn {
	float: right;
}*/

/*----text----*/
#contents #honshi .captionText {
	font-size: 80%;
}
#contents #honshi .boldText {
	font-weight: bold;
}
#contents #honshi .highlightText {
	font-size: 150%;
}
#contents #honshi .icText {
	background: url(../images/index_ic01.gif) no-repeat center left;
	padding-left: 12px;
	font-weight: bold;
}
#contents #honshi .buyTextSub {
	font-size: 100%;
	margin-bottom: 3px;
}

/*----link----*/
#contents #honshi .anchorLink {
	background: url(../images/index_ic01.gif) no-repeat center left;
	padding-left: 12px;
}
#contents #honshi .externalLink {
	background: url(../images/index_ic03.gif) no-repeat center left;
	padding-left: 10px;
}
#contents #honshi .icLink {
	/*background: url(../images/index_ic02.gif) no-repeat center left;
	padding-left: 10px;*/
	text-align:center;
}
#contents #honshi .anchorLink a,
#contents #honshi .externalLink a,
#contents #honshi .icLink a {
	color: #333333;
}
#contents #honshi .anchorLink a:hover,
#contents #honshi .externalLink a:hover,
#contents #honshi .icLink a:hover {
	color: #E75991;
}
#contents #honshi .banner {
	font-size: 0;
}





/*-----------------------------------------------
	clearFix
------------------------------------------------*/
.releaseData:after,
.column2:after,
.column3:after,
.column4:after,
.eclinkBtn:after,
#topNav:after,
.releaseData dl:after,
#releaseInfo:after,
#mainArea:after,
.lookBtn:after,
.columnBox:after,
#mook ul:after,
#next:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.yokoku-text{
	text-align:center;
	line-height:1.3 !important;
}
.yokoku-text dl dt{
	font-weight:normal !important;
	font-size:17px !important;
	color:#000 !important;
}
.yokoku-text dl dd{
	font-weight:bold !important;
	font-size:20px !important;
	color:#000 !important;
    line-height: 1.2;
}
/*----------------------------
margin 調整
----------------------------*/
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb11{margin-bottom:11px !important;}
.mb12{margin-bottom:12px !important;}
.mb13{margin-bottom:13px !important;}
.mb14{margin-bottom:14px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mt0{margin-top:0px !important;}
.mt2{margin-top:2px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr45{margin-right:45px !important;}
.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml140{margin-left:140px !important;}
/*----------------------------
padding 調整
----------------------------*/
.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.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;}
.pt30{padding-top:30px !important;}
.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
/*----------------------------
font 調整
----------------------------*/
.fs_11{font-size:11px !important;}
.fs_12{font-size:12px !important;}
.fs_13{font-size:13px !important;}
.fs_14{font-size:14px !important;}
.fs_15{font-size:15px !important;}
.fs_16{font-size:16px !important;}
.fs_17{font-size:17px !important;}
.fs_18{font-size:18px !important;}
.fs_19{font-size:19px !important;}
.fs_20{font-size:20px !important;}
.fs_21{font-size:21px !important;}
.fs_22{font-size:22px !important;}
.fs_23{font-size:23px !important;}
.fs_24{font-size:24px !important;}
.fs_25{font-size:25px !important;}
.fs_ss{font-size:70% !important;}
.fs_s{font-size:80% !important;}
.fs_m{font-size:120% !important;}
.fs_l{font-size:140% !important;}
.fs_ll{font-size:160% !important;}
.fs_lll{font-size:200% !important;}
.pink{color:#e4007f !important;}
.red{color:#F00 !important;}
.orange{color:#F60 !important;}
.black{color:#000 !important;}
.bold{font-weight:bold !important;}
.gray{color:#a1a1a1 !important;}
.blue{color:#5eb9e1 !important;}
.udl{text-decoration: underline !important;}
/*----------------------------
その他 調整
----------------------------*/
.vat{vertical-align:top !important;}
.vab{vertical-align:bottom !important;}
.vam{vertical-align:middle !important;}
.ar{text-align:right !important;}
.ac{text-align:center !important;}
.al{text-align:left !important;}
.clear{clear:both !important;}
.bg_yellow{background-color:#fff372;color:#000;}
.ovf_h{overflow:hidden !important;}
.t_indent li,
p.t_indent{
	margin-left:1em;
	text-indent:-1em;
}
.flL{float:left;}
.flR{float:right;}
.clearfix {
	*zoom: 1;
}
.clearfix:after {
	content: '';
	display: table;
	clear: both;
}
.block{
	display:block;
}
.in-block{
	display:inline-block;
	*zoom:1;
	*display:inline;
}
.flL{float:left !important;}
.flR{float:right !important;}