@charset "utf-8";
/* top追加CSS */

/*
body:before{
	content:"";
	display:block;
	width:0;
	height:3000px;
	border-right:1px solid #f00;
	position:absolute;
	left: 50%;
	top: 0;
	margin-left:-500px;
	z-index: 9999;
}
body:after{
	content:"";
	display:block;
	width:0;
	height:3000px;
	border-left:1px solid #f00;
	position:absolute;
	left: 50%;
	top: 0;
	margin-left:500px;
	z-index: 9999;
}
*/

iframe{
	width:100%;
}
body{font-family:"メイリオ", "meiryo";}
#indexWrap{
	background: url(/images/common/head_bg.png) left top repeat-x;
}
#slideWrap{
	position:relative;
	height:400px;
}
#header{
	height:76px;
	margin-bottom:0;
}
/*bxSliderの設置*/
.bxWrapAll{
	background:#c9caca;
	width:100%;
	margin-top:0;
	overflow:hidden;
	position:relative;
	border-bottom:6px solid #006465;
}
.bx-wrapper{
	width:1500px !important;
	margin-bottom:0;
}
.bxWrapAll .slider{
	height:400px;
	overflow:hidden;
}
.bxWrapAll .slider li{
	height:400px;
}
.bxWrapAll .slider li .bg{
	background-position:center top;
	background-repeat:no-repeat;
	height:100%;
	display:block;
	text-indent:-9999px;
}
.bxWrapAll .slider li .bg:hover{
	opacity:0.8;
}
.bxWrapAll iframe{
	display:block;
	width:100%;
	height:100%;
	border:none;
}
.bx-controls-direction{display:block; width:1000px; margin:0 auto;position:relative;}
.bx-prev:after,
.bx-next:after{
	content:"";
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
	width:50px;
	height:150px;
	margin-top:-45px;
	position:absolute;
	top:50%;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top:-240px;
	outline: 0;
	width:auto;
	height:auto;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-prev{
	left:-295px;
}
.bx-wrapper .bx-next{
	left:545px;
}
.bx-prev:after{
	background-image:url(../topimg/slide_srw_l.png);
	right:45px;
}
.bx-next:after{
	background-image:url(../topimg/slide_srw_r.png);
	left:45px;
}
.bx-wrapper .bx-has-pager{
	width:250px;
	margin-left:-125px;
	text-align:center;
	position:absolute;
	bottom:0;
	left:50%;
	z-index:9999;
}
.bx-wrapper .bx-pager{
	display:inline-block;
	background:url(../topimg/bx_cntrl_bg.png) left top repeat;
	padding:13px 11px 11px;
	position:static;
	width:auto;
	border-radius:5px 5px 0 0;
	z-index:9999;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#449999;
}
.bxWrapAll .btnBox{
	display:table;
	background:#fff;
	margin-right:-500px;
	padding:7px 0 4px 0;
	position:absolute;
	bottom:0px;
	right:50%;
	border-radius:5px 5px 0 0;
	overflow: hidden;
}
.bxWrapAll .btnBox a{
	display:table-cell;
	background:url(../topimg/arw_r_grn.png) 15px center no-repeat;
	width:135px;/*160-25*/
	padding:2px 0 0 25px;
	height:23px;/*36-2*/
	color:#000;
	font-size:14px;
	line-height:23px;
	text-decoration:none;
}
.bxWrapAll .btnBox a:hover{opacity:0.5;}
.bxWrapAll .btnBox .btnDetail{
	border-right:1px dotted #000;
}

.bxWrapAll .snsBlock{
	background:#449999;
	position: absolute;
	top:205px;
	left:0;
	
	border-radius:0 8px 8px 0;
	box-shadow:2px 2px 2px 0 rgba(0,0,0,0.5);
}
.bxWrapAll .snsBlock #socp-share-buttons{
}
.bxWrapAll .snsBlock p{
	color:#fff;
	padding:7px 12px 6px 0;
	font-size:10px;
	line-height:1;
	text-align:right;
	border-radius:0 8px 0px 0;
}
.bxWrapAll .snsBlock ul{
	background:#fff;
	padding:5px 8px 6px 6px;
	border-radius:0 8px 8px 0;
}
.bxWrapAll .snsBlock ul li{
	line-height:0px;
	padding-top:5px;
	margin-bottom:0px !important;
	padding-bottom:0px !important;
}
.bxWrapAll .snsBlock ul ul{
	padding:0px !important;
}
.bxWrapAll .snsBlock ul ul li{
	padding:0px !important;
}

.bnSelect:hover{
	opacity:0.8;
}
.inner{
	width:1000px;
	margin:0px auto;
}
/*新着情報*/
#newInfo{
	background:url(../topimg/newinfo_bg.png) left top repeat-x #f0f0f0;
}
#newInfo a{
	color:#333333;
	text-decoration:none;
}
#newInfo a:hover{
	text-decoration:underline;
	color:#006465;
}
#newInfo .inner{padding:21px 0 0px;}
#newInfo .colL{
	width:721px;
	float:left;
}
#newInfo .colR{
	width:250px;
	padding:7px 0 31px;
	float:right;
}
#newInfo h2{
	padding:6px 0 5px;
	border-bottom:1px solid #bbb;
}
#newInfo h2 > *{display:block;}
#newInfo h2 .ttl{
	color:#006465;
	font-size:18px;
	float:left;
}
#newInfo h2 .btn{
	background:url(../topimg/arw_r_grn.png) 9px center no-repeat #fff;
	margin-top:1px;
	padding:5px 9px 3px 19px !important;
	color:#333;
	font-size:12px;
	line-height:1;
	text-align:left !important;
	float:right;
	border-radius:10px;
	text-decoration:none;
	border:1px solid #fff;
}
#newInfo h2 .btn:hover{
	color:#999;
	}
#newInfo .infoList{
	display:table;
	width:100%;
	padding:17px 0 12px;
	font-size:14px;
	line-height:1.7;
	border-bottom:1px dotted #CCC;
}
#newInfo .infoList:first-child{
	padding-top:11px;
	border-top:1px solid #FFF;
}
#newInfo .infoList > *{display:table-cell;}
#newInfo .infoList dt{width:120px;}
#newInfo .colR dt{
	background:url(../topimg/merumaga_hd.png) left top no-repeat;
	height:32px;/*54-13-9*/
	padding:14px 0 2px 77px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	line-height:1.3125;
}
#newInfo .colR dd{
	background:#fff;
	padding:11px 14px 14px 11px;
	font-size:14px;
	line-height:1.5;
}
#newInfo .colR dd .yellow{color:#ff9600;}
#newInfo .colR a.btnKantan{
	display:block;
}
#newInfo .colR a.btnKantan:hover{opacity:0.8; text-decoration:none;}
#newInfo .colR .btnArubaito{
	display:block;
	background:url(../topimg/arw_r_red.png) 65px center no-repeat #fff;
	height:31px;
	margin-top:13px;
	padding:0 0 0 75px;
	color:#a7352e;
	font-size:14px;
	line-height:32px;
	text-decoration:none;
	border:1px solid #a7352e;
	border-radius:5px;
}

#newInfo .colR .btnArubaito:hover{background-color:#eee;}
#newInfo .colR .btnOa{
	display:block;
	background:#fff;
	color:#449999;
	font-size:14px;
	text-decoration:none;
	border:1px solid #449999;
	border-radius:5px;
	margin-top:10px;
	text-align:center;
}
#newInfo .colR .btnOa em{
	background:url(../topimg/icon_deachan.png) no-repeat left 2px;
	padding: 9px 10px 2px 45px;
	margin-left:-10px;
display: inline-block;
}
#newInfo .colR .btnOa:hover{background-color:#eee;}

/*新しいタイトルのご案内*/
#newTtl{
	padding:40px 0 22px;
}
#newTtl h2{
	margin-bottom:38px;
}
#newTtl h2 > *{display:block;}
#newTtl h2 .ttl{
	padding-top:11px;
	color:#006465;
	font-size:25px;
	font-weight:bold;
	line-height:1;
	float:left;
}
#newTtl h2 .btn{
	display:block;
	background:url(../topimg/arw_r_grn.png) 127px 14px no-repeat #f0f0f0;
	padding:14px 28px 12px 22px !important;
	text-align:left !important;
	color:#449999;
	font-size:13px;
	line-height:1;
	text-decoration:none;
	border-radius:5px;
	border:1px solid #f0f0f0;
	float:right;
}
#newTtl h2 .btn:hover{background-color:#fff;}
#newTtl .newTtlList{
	margin-right:-20px;
}
#newTtl .newTtlList li{
	width:318px;/*320-2*/
	margin:0 20px 28px 0;
	padding:0px;
	float:left;
	border:1px solid #ccc;
}
#newTtl .newTtlList li .img{
	display:block;
}
#newTtl .newTtlList li .txtBox{padding:15px;}
#newTtl .newTtlList li .txtBox > *{display:block;}
#newTtl .newTtlList li .txtBoxInner{
	height:100px;
}
#newTtl .newTtlList li .ttl{
	font-size:16px;
	line-height:1.4;
	display:block;
}
#newTtl .newTtlList li .txt{
	font-size:13px;
	line-height:1.615;
	display:block;
}
#newTtl .newTtlList li .clearfix a{
	display:inline-block;
	background:url(../topimg/arw_r_wht_s.png) 29px 13px no-repeat #449999;
	padding:13px 38px 12px 43px;
	color:#fff;
	font-size:14px;
	text-align:left;
	line-height:1;
	text-decoration:none;
}
#newTtl .newTtlList li .clearfix a.btnIssue{
	padding:13px 45px 12px 50px;
}
#newTtl .newTtlList li .clearfix a:hover{opacity:0.8;}
#newTtl .newTtlList li .clearfix a.btnInfo{float:left;}
#newTtl .newTtlList li .clearfix a.btnSubscription{float:right;}
#newTtl .newTtlList li .clearfix a.btnIssue{float:right;}


/*刊行中タイトルのご案内*/
#publication{
	background:#f0f0f0;
	padding:40px 0px 53px;
}
#publication h2{
	margin-bottom:21px;
}
#publication h2 > *{display:block;}
#publication h2 .ttl{
	padding-top:14px;
	font-size:25px;
	font-weight:bold;
	line-height:1;
	float:left;
}
#publication h2 .btn{
	display:block;
	background:url(../topimg/arw_b_grn.png) 127px center no-repeat #fff;
	margin-left:12px;
	padding:13px 23px 12px 16px !important;
	text-align:left !important;
	color:#449999;
	font-size:13px;
	line-height:1;
	text-decoration:none;
	border-radius:5px;
	float:right;
}
#publication h2 .btn:hover{opacity:0.8;}
#publication h2 .btn.opn{
	background-image:url(../topimg/arw_t_wht.png);
	background-color:#333;
	color:#fff;
}
#publication h2 form{
	display:table;
	float:right;
	border-radius:5px;
	position:relative;
	border-collapse:collapse;
}
#publication h2 form > *{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	display:table-cell;
	height:38px;
	line-height:38px;
	border:none;
	box-sizing:content-box;
}
#publication h2 .searchBox{
	border:1px solid #d6d6d6;
	background:#fff;
	width:197px;/*225-28*/
	padding:0 14px;
	font-size:13px;
	border-radius:5px;
}
#publication h2 .btnSubmit{
	background:url(../topimg/icn_search.png) 7px center no-repeat #449999;
	width:26px;/*61-9-26*/
	padding:0px 9px 0px 26px;
	color:#fff;
	font-size:13px;
	border-radius:0px 5px 5px 0px;
	cursor:pointer;
	position:absolute;
	right:0px;
	top:1px;
}
#publication h2 .btnSubmit:hover{opacity:0.8;}
#publication .genreBox{
	display:none;
	background:#eaeaea;
	margin:0 0px 10px;
	padding-top:10px;
	border-radius:5px;
}
#publication .inBox{
}
#publication .genreBox ul{
	padding:0 0px;
	text-align:left;
}
#publication .genreBox li{
	display:inline-block;
	margin:0 0px 8px 7px;
}
#publication .genreBox a{
	display:block;
	background: url(../topimg/genre_bg.png) 3px 2px no-repeat #fff;
	width:130px;/*148-2*/
	height:33px;/*33-2*/
	color:#000;
	text-align:center;
	line-height:36px;
	text-decoration:none;
	border-radius:5px;
	border:1px solid #449999;
	letter-spacing:-1px;
}
#publication .genreBox a:hover{opacity:0.7;}
#publication .genreBox a.select{
	background: url(../topimg/genre_bg_slct.png) 3px 2px no-repeat #499;
	color:#fff;
}
#publication .genreBox a.select:hover{opacity:1;}

#publication .pubList{
	margin:0px 0px 14px;
	padding-top:10px;
}
#publication .pubList ul{
	margin-right:-10px;
}
#publication .pubList li{
	margin:0 10px 10px 0;
	text-align:center;
	float:left;
}
#publication .pubList a{
	display:block;
	background:#fff;
	width:166px;/*192-24-2*/
	height:198px;/*230-32*/
	padding:12px 12px 20px 12px;
	color:#000;
	text-decoration:none;
	border:1px solid #fff;
}
#publication .pubList a:hover{border-color:#449999;}
#publication .pubList li.yoko a{/*imgが横長*/
	height:180px;/*230-50*/
	padding:30px 12px 20px 12px;
}
#publication .pubList .txt{
	display:block;
	height:40px;
	margin-top:10px;
	font-size:12px;
	line-height:1.69;
}
#publication .pubList .yoko .txt{margin-top:25px;}
#publication .btnMore{text-align:center;}
#publication .btnMore a{
	display:inline-block;
	background:url(../topimg/btn_more.png) left center no-repeat;
	padding:5px 0px 5px 38px;
	color:#449999;
	font-size:18px;
	text-decoration:none;
}
#publication .btnMore a:hover{opacity:0.5;}

#publication .hideRow{display:none;}

/*バナーの設置*/
#wrapper{width: auto;}
#topcontents{width: auto;}
#footer{
	width:915px;
	margin:0px auto;
}
#bnZone{
	background:#fff;
	clear:both;
}
#bnZone > div{
	width:1000px;
	margin:0px auto;
}
#bnZone ul{
	padding:0px 0px 53px;
	margin-right:-12px;
}
#bnZone li{
	float:left;
	margin-right:12px;
	line-height:0;
}
#bnZone li.bnTxt a{
	background:url(../topimg/icn_bn.jpg) left center no-repeat #fff;
	display:block;
	width:128px;/*130-2*/
	height:57px;/*59-2*/
	color:#449999;
	font-size:14px;
	line-height:1.4;
	border:1px solid #ccc;
}
#bnZone li.bnTxt a .txt{
	display:inline-block;
	padding:12px 0 0 33px;
	text-align:center;
}
#bnZone li.bnTxt2 a .txt{
	padding-left:20px;
}
#bnZone li a:hover{opacity:0.5;}


#footerWrap{
	background:#449999;
	padding:0;
	color:#fff;
	font-family:"ＭＳ Ｐゴシック";
}
.footerInner{
	width:1000px;
	padding:27px 0 36px;
}
.footerSeries li{
}
.footerInner li a{
	color:#fff;
}
.footerInner h3{
	background-image:url(../topimg/ico_footer_wht.gif);
	color:#fff;
	font-size:12px;
}
.footerInner h3 .endTtl{
	font-weight:normal;
}
.footerInner h3 .endTtl a{
	color:#fff;
}
.footerSeries,
.footerGuide{
	border-right:1px dotted #fff;
}
.footerCopyright{
	background:#fff;
	padding-top:24px;
}