@charset "UTF-8";

/*============================================================
//  
//  目次
//  ・topBox【TOPメイン画像】
//  ・topBox【TOPメイン画像】
//  ・releaseBox【最新刊】
//  ・leftBox【ニュース、四コマ漫画】
//  ・centerBox【注目の本、おすすめサービス】
//  ・rightBox【バナー、ランキング】
//  
//==========================================================*/

/*============================================================
//  announce【合併挨拶文】
//==========================================================*/

#announce{
	width:960px;
	height:auto;
	margin:20px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #5F9EA0;
	padding: 8px 0 8px 0;
	background-color: #fff;
}

#announce .text{
	font-size:14px;
	line-height:130%;
	font-weight:bold;
	color:#333;
	text-align: center;
}



/*============================================================
//  topBox【TOPメイン画像】
//==========================================================*/

#topBox{
	width:960px;
	height:390px;
	background:url(/img/top/bg_topBox.jpg) no-repeat;
}

/*  TOPスライド画像  */
#slide_picture{
	width:720px;
	height:375px;
	float:left;
	padding:15px 0 0 12px;
}

#main_img{
	display:none;
}

#main_img img{
	width:700px;
	height:315px;
	padding:8px;
	background-color: #fff;
}

/*#main_img img:hover{
	background-color:#A7CBFE;
}*/

#main_img span{
	display: none;
}

#main_img .bx-pager{
	width:100%;
	height:10px;
}

#main_img .pager-link{
	background: url(/img/top/slide_pointer.png) left bottom;
	height:10px;
	width:10px;
	display: block;
	float: left;
	margin: 10px 7px 0 0
}

#main_img .pager-active{
	background: url(/img/top/slide_pointer.png) left top;
}

/*  TOPバナー  */
#topBox #bannerBox{
	width:210px;
	height:375px;
	float:right;
	padding:15px 10px 0 0;
}

#topBox #bannerBox img{
	display:block;
}

#topBox #bannerBox li{
	width:200px;
	height:auto;
	padding:5px;
	background-color:#fff;
	margin-bottom:10px;
}

#topBox #bannerBox li:hover{
	background-color:#A7CBFE;
}

#topmainBox{
	width:960px;
	height:auto;
	margin-top:20px;
}


/*============================================================
//  releaseBox【最新刊】
//==========================================================*/

#releaseBox{
	width:960px;
	height:auto;
	margin:20px 0;
}

#releaseBox .title{
	width:960px;
	height:45px;
	text-indent:-9999px;
	line-height:100%;
	background:url(/img/top/ttl_newrelease.jpg) no-repeat;
}

#first-carousel {
	display:none;
}

#first-carousel .jcarousel-skin-tango .jcarousel-container {}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 880px;
	padding: 20px 40px;
	text-align:center;
}

.jcarousel-skin-tango .jcarousel-clip {
	overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:  880px;
	height: 150px;
}

#first-carousel .jcarousel-item {
	width: 110px;
	height: 150px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
	margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
	margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}

/*Horizontal Buttons*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: 70px;
	right: 8px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(/img/top/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
	left: 5px;
	right: auto;
	background-image: url(/img/top/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
	background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
	background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: 70px;
	left: 8px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(/img/top/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	left: auto;
	right: 5px;
	background-image: url(/img/top/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
	background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
	background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: -96px 0;
}



/*============================================================
//  leftBox【ニュース、四コマ漫画、合併のお知らせバナー】
//==========================================================*/

#topmainBox #leftBox{
	width:230px;
	float:left;
	height:auto;
	margin-right:20px;
}




/*====ニュース====*/
#topmainBox #leftBox .news{
	width:230px;
	margin-bottom:20px;
}

#topmainBox #leftBox .news .day p{
	font-size:10px;
	color:#01BFF3;
}

#topmainBox #leftBox .news .top .day .icon_maru{
	margin:0 4px 0 0;
	background:url(/img/common/icon_maru.gif) no-repeat -55px;
}

#topmainBox #leftBox .news .newsList{
	width:230px;
	height:45px;
	background:url(/img/top/ttl_news.jpg) no-repeat;
}

#topmainBox #leftBox .news .newsList img{
	margin-top:13px;
	margin-left:160px;
}

#topmainBox #leftBox .news .news_cnts{
	width:200px;
	padding:0 15px 20px;
}

#topmainBox #leftBox .news .news_cnts .news_contents{
	width:185px;
	padding-left:15px;
}

/*====四コマ漫画====*/
#inu4koma{
	padding:15px 0 15px 0;
	width:230px;
	margin-bottom:20px;
	text-align:center;
	background:url(/img/common/box230_top.jpg) no-repeat;
	background-position:top left;
}
.inu_title{
	text-align:left;
	font-size:10px;
	text-indent:-9999px;
	padding-top:30px;
	background:url(/img/top/inuyama_rgb.jpg) no-repeat 18px 0;
}

#inu4koma img{
	padding-bottom:15px;
}

/*====合併のお知らせバナー====*/
#gappei{
	width:230px;
}

.gappei_bn{
	width:210px;
	padding:20px 10px;
}


/*============================================================
//  centerBox【注目の本、おすすめサービス】
//==========================================================*/

#topmainBox #centerBox{
	width:460px;
	float:left;
	height:auto;
	margin-right:20px;
}

#topmainBox #centerBox .innerBox{
	width:430px;
	padding:20px 0;
	margin:0 15px;
}

.b_line{
	border-bottom:1px solid #ccc;
}


/*====注目の本====*/
#topmainBox #centerBox .pick_up{
	width:460px;
	margin-bottom:20px;
}

#topmainBox #centerBox .pick_up .title{
	width:460px;
	height:45px;
	text-indent:-9999px;
	line-height:100%;
	background:url(/img/top/ttl_pickup.jpg) no-repeat;
}

#topmainBox #centerBox .pick_up .l_box{
	width:210px;
	float:left;
	padding-right:10px;
}

#topmainBox #centerBox .pick_up .group{
	margin-bottom:3px;
}

#topmainBox #centerBox .pick_up .txt .name a{
	font-size:12px;
}

#topmainBox #centerBox .pick_up .txt .detail{
	font-size:11px;
	line-height:130%;
	padding-top:5px;
}

#topmainBox #centerBox .pick_up .r_box{
	width:210px;
	float:left;
}

#topmainBox #centerBox .pick_up .img{
	width:70px;
	float:left;
	margin-right:10px;
}

#topmainBox #centerBox .pick_up .txt{
	width:130px;
	float:left;
}


/*====おすすめサービス====*/
#topmainBox #centerBox .recommend{
	width:460px;
	margin-bottom:20px;
}

#topmainBox #centerBox .recommend .title{
	width:460px;
	height:45px;
	text-indent:-9999px;
	line-height:100%;
	background:url(/img/top/ttl_recommend.jpg) no-repeat;
}

#topmainBox #centerBox .recommend .left_cnts{
	width:100px;
	float:left;
	margin-right:10px;
}

#topmainBox #centerBox .recommend .etc_cnts_box{
	width:320px;
	float:right;
}

#topmainBox #centerBox .recommend .etc_cnts_box #sub_title_leng {
	width:60px;
	padding:2px 15px;
	color:#fff;
	margin:0 0 5px;
	font-size:13px;
	text-align:center;
	background:#3398CC;
}

#topmainBox #centerBox .recommend .etc_cnts_box h5{
	font-size:13px;
	margin-bottom:3px;
}
#topmainBox #centerBox .recommend .etc_cnts_box h5 a{
	color:#333;
	text-decoration: none;
}

#topmainBox #centerBox .recommend .etc_cnts_box h5 a:hover{
	text-decoration: underline;
}

#topmainBox #centerBox .recommend .etc_banner{
	width:75px;
	padding:0 5px 0;
	float:left;
	text-align:center;
}
#topmainBox #centerBox .recommend .etc_banner .read{
	width:75px;
	margin:5px 0 0;
	font-size:10px;
	color:#333;
}
#topmainBox #centerBox .recommend .etc_banner .read .s_title a{
	font-size:11px;
}

#topmainBox #centerBox .recommend .etc_banner .read .txt{
	display:none;
}



/*============================================================
//  rightBox【バナー、ランキング】
//==========================================================*/

#topmainBox #rightBox{
	width:230px;
	float:right;
	height:auto;
}

/*  スライドバナー  */
#topmainBox #subBnr01{
	width:230px;
	height:auto;
	margin-bottom:20px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
	width: 230px;
	height: 180px;
	padding: 20px 0;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
	width: 230px;
	height: 180px;
	background-color:#fff;
}

#third-carousel .jcarousel-item img{
	width: 218px;
	height: 138px;
	border:1px solid #ccc;
	background-color:#fff;
	padding:5px;
}

#third-carousel .cap{
	padding-top:3px;
	font-size:12px;
	width: 218px;
}

/*Vertical Buttons*/
.jcarousel-skin-tango .jcarousel-next-vertical {
	position: absolute;
	left: 0px;
	width: 230px;
	height: 20px;
	cursor: pointer;
	background: transparent url(/img/top/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
	background-position: 0 -20px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
	background-position: 0 -40px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
	cursor: default;
	background-position: 0 -60px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 230px;
	height: 20px;
	cursor: pointer;
	background: transparent url(/img/top/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
	background-position: 0 -20px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
	background-position: 0 -40px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
	cursor: default;
	background-position: 0 -60px;
}

#topmainBox #subBnr02{
	width:230px;
	height:auto;
}

#topmainBox #subBnr02 a{
	font-size:12px;
}

#topmainBox #subBnr02 li{
	margin-bottom:20px;
}

/*ツイッター*/
#topmainBox #twitterBox{
	width:230px;
	height:auto;
	margin-bottom:20px;
}

#topmainBox #twitterBox .ttl_twitter{
	text-align:center;
	margin-bottom:3px;
}

/*ランキング*/
#topmainBox #rightBox .ranking h2{
	width:230px;
	height:45px;
	text-indent:-9999px;
	line-height:100%;
	background:url(/img/top/ttl_ranking.jpg) no-repeat;
}

#topmainBox #rightBox .ranking .box{
	width:210px;
	margin:0 10px;
}

#topmainBox #rightBox .ranking .box .rank .rank_cnts_area{
	width:110px;
	float:left;
}

#topmainBox #rightBox .ranking .box .rank{
	width:190px;
	padding:20px 10px;
	border-bottom:1px solid #ccc;
}

#topmainBox #rightBox .ranking .box .rank .rank_img{
	float:left;
	width:60px;
	margin-right:10px;
}

#topmainBox #rightBox .ranking .box .rank p {
	margin-top:5px;
}

#topmainBox #rightBox .ranking .box .rank p a {
	font-size:12px;
}

#topmainBox #rightBox .ranking .box .genre{
	font-size:10px;
	color:#666;
}

#topmainBox #rightBox .ranking .box .rank .rank_1{
	width:110px;
	height:20px;
	text-align:center;
	text-indent:-9999px;
	line-height:100%;
	background:url(/img/top/icon_first.gif) no-repeat;
}

#topmainBox #rightBox .ranking .box .rank .rank_2{
	width:110px;
	height:20px;
	text-align:center;
	text-indent:-9999px;
	line-height:100%;
	background:url(/img/top/icon_second.gif) no-repeat;
}

#topmainBox #rightBox .ranking .box .rank .rank_3{
	width:110px;
	height:20px;
	text-align:center;
	text-indent:-9999px;
	line-height:100%;
	background:url(/img/top/icon_third.gif) no-repeat;
}

#topmainBox #rightBox .ranking .box .rank .rank_4{
	width:110px;
	height:20px;
	text-align:center;
	text-indent:-9999px;
	line-height:100%;
	background:url(/img/top/icon_forth.gif) no-repeat;
}

#topmainBox #rightBox .ranking .box .rank .rank_5{
	width:110px;
	height:20px;
	text-align:center;
	text-indent:-9999px;
	line-height:100%;
	background:url(/img/top/icon_fifth.gif) no-repeat;
}

#topmainBox #rightBox .ranking .box .rank .rank_etc{
	width:110px;
	height:17px;
	padding-top:3px;
	color:#fff;
	font-size:12px;
	text-align:center;
	background-color:#5EBD27;
	font-family:"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
}


#topmainBox #rightBox .ranking .date{
	margin-top:5px;
}

#topmainBox #rightBox .ranking .ank{
	margin:10px 0;
}