@charset "UTF-8";

/*============================================================
//  
//  トップページスタイル--------------------
//　・left_box
//　・right_box
//  
//==========================================================*/
#hd{height:350px;}

/*============================================================
//  ・left_box
//==========================================================*/


.top .left_box{
	width:500px;
	float:left;
}
.etc{
	border-width:0 0 0 0;
}
.pick_up #box{
	width:500px;
	padding:15px 0;
}
.pick_up .business,
.pick_up .study,
.pick_up .language,
.pick_up .general,
.pick_up .bunko{
	border:1px solid #ccc;
	border-width:0 0 1px 0;
}

.pick_up h2{
	width:445px;
	height:22px;
	color:#333;
	font-size:14px;
	padding:18px 0 0 55px;
	background:url(/img/top/pickup.jpg) no-repeat;
}
.pick_up .language,
.pick_up .general{
	background:#F8F8F8;
}
.pick_up #box h3{
	width:110px;
	height:110px;
	float:left;
}
.pick_up #box h3 a{
	width:110px;
	height:110px;
	text-indent:-9999px;
	display:block;
}
.business h3{ background:url(/img/top/icon_business.jpg) no-repeat;}
.study h3{ background:url(/img/top/icon_study.jpg) no-repeat;}
.language h3{ background:url(/img/top/icon_language.jpg) no-repeat;}
.general h3{ background:url(/img/top/icon_general.jpg) no-repeat;}
.bunko h3{ background:url(/img/top/icon_bunko.jpg) no-repeat;}

.pick_up h4{
	width:283px;
	padding:0 0 0 17px;
}
.business h4{ background:url(/img/common/icon_business.gif) no-repeat 0 2px;}
.study h4{ background:url(/img/common/icon_study.gif) no-repeat 0 2px;}
.language h4{ background:url(/img/common/icon_language.gif) no-repeat 0 2px;}
.general h4{ background:url(/img/common/icon_general.gif) no-repeat 0 2px;}
.bunko h4{ background:url(/img/common/icon_bunko.gif) no-repeat 0 2px;}

.cnts{
	width:380px;
	float:right;
}
.inr{
	width:300px;
	float:right;
}
.inr p{
	color:#666;
}
.pick_up #box h4{
	color:#333;
	margin:10px 0;
}
.pick_up #box h4 a{
	color:#333;
	font-size:14px;
	text-decoration:none;
}
.pick_up #box h4 a:hover{
	background:#000;
	color:#fff;
}
.pick_up #box .left_cnts{
	width:245px;
	float:left;
}
.pick_up #box .left_cnts h5{
	width:135px;
	height:20px;
	margin:5px 0;
	background:url(/img/top/rakusyokan_title.jpg) no-repeat;
}
.pick_up #box .left_cnts h5 a{
	width:135px;
	height:20px;
	text-indent:-9999px;
	display:block;
}
.pick_up #box .right_cnts{
	width:245px;
	float:right;
}
.pick_up #box .right_cnts h5{
	width:135px;
	height:20px;
	margin:5px 0;
	background:url(/img/top/shinzinbutu_title.jpg) no-repeat;
}
.pick_up #box .right_cnts h5 a{
	width:130px;
	height:20px;
	text-indent:-9999px;
	display:block;
}
.pick_up #box .etc_cnts_box{
	width:135px;
	float:right;
	color:#666;
}
.etc_cnts_box #sub_title_leng {
	width:125px;
	padding:0 5px;
	color:#fff;
	margin:0 0 8px;
}
.etc_cnts_box .rakusho{background:#3398CC;}
.etc_cnts_box .shinzinbutu{background:#1F410F;}
.pick_up .etc_banner{
	width:115px;
	padding:15px 5px 0;
	float:left;
	text-align:center;
}
.pick_up .etc_banner .read{
	width:115px;
	margin:5px 0 0;
	font-size:10px;
	color:#333;
}
.pick_up .etc_banner .read .title a{
	font-size:12px;
	color:#000;
}
.pick_up .etc_banner .read .title a:hover{
	background:#000;
	color:#FFF;
}
.pick_up .etc_banner .read .txt{
	display:none;
}
.top_book{
	float:left;
	border:1px solid #ccc;
}
/*============================================================
//  ・right_box
//==========================================================*/

.top .right_box{
	width:440px;
	float:right;
}
.top .right_box .sp_area{
	width:440px;
	height:230px;
}

.top .right_box .ranking{
	width:215px;
	/*float:left;*/
}
.top .right_box .news{
	width:215px;
	float:right;
}
.top .right_box .ranking h2{
	width:160px;
	height:27px;
	padding:18px 0 0 55px;
	font-size:14px;
	color:#333;
	background:url(/img/common/ranking.jpg) no-repeat;
}
.top .right_box .news h2{
	width:160px;
	height:27px;
	padding:18px 0 0 55px;
	font-size:14px;
	color:#333;
	background:url(/img/common/news.jpg) no-repeat;
}
.top .right_box .box{
	width:183px;
	border:1px solid #ccc;
	border-width:0 1px 1px;
	padding:0 15px 10px;
}
.top .right_box .box .rank_img{
	float:left;
	margin:0 10px 0 0;
}
.top .right_box .box p a {
	color:#000;
	text-decoration:none;
}
.top .right_box .box p a:hover {
	color:#fff;
	background:#01BFF3;
	text-decoration:none;
}
.top .right_box .box .genre{
	color:#666;
}
.top .right_box .box .rank .rank_cnts_area{
	width:110px;
	float:right;
}
.top .right_box .box .rank{
	width:183px;
	padding:10px 0;
	border:1px solid #CACAC7;
	border-width:0 0 1px;
}

.top .right_box .box .rank .rank_1{
	width:80px;
	height:23px;
	padding:3px 0 5px 0;
	text-align:center;
	color:#fff;
	background:url(/img/common/rank_1.jpg) no-repeat;
}
.top .right_box .box .rank .rank_etc{
	width:80px;
	height:23px;
	padding:3px 0 5px 0;
	text-align:center;
	color:#19C5F4;
	background:url(/img/common/rank_etc.jpg) no-repeat;
}
.top .right_box .box .rank .rank_1 h3{
	font-size:12px;
}
.top .right_box .box .rank .rank_etc h3{
	font-size:12px;
}
.top .right_box .news .day{
	width:183px;
	padding:10px 0 0;
}
.top .right_box .news .news_cnts{
	width:183px;
	padding:0 0 10px;
	border:1px solid #CACAC7;
	border-width:0 0 1px;
}
.top .right_box .news .day .icon{
	float:left;
}
.top .day .icon_maru{
	margin:0 4px 0 0;
	background:url(/img/common/icon_maru.gif) no-repeat -55px;
}
.day p{
	font-size:10px;
	color:#01BFF3;
}
.top .right_box .ranking .ank,
.top .right_box .news .ank{
	text-align:right;
	margin:5px 0 ;
	color:#666;
}
.top .right_box .ranking .ank a,
.top .right_box .news .ank a{
	color:#19C5F4;
}
.top .right_box .ranking .ank a:hover,
.top .right_box .news .ank a:hover{
	text-decoration:none;
}



.top .right_box .column{
	width:215px;
	float:left;
}

/* ツイッター */
.top .right_box .social{
	width:215px;
	margin:0 auto 15px;
	text-align:center;
}
.top .right_box .social img{
	margin-bottom:10px;
}

.top .right_box .social .twtr-hd,
.top .right_box .social .twtr-ft{
	display:none;
}

.top .right_box .social .twtr-timeline{
	border:1px solid #ccc;
}

/*============================================================
//  ・犬山4コマ用追加 2011/12/27 mimrua
//==========================================================*/
.inu4koma{
	float:right;
	padding:15px 2px 15px 0;
	width:209px;
	margin-bottom:20px;
	text-align:right;
	border: 1px dashed #ccc;
}
.inu_title{
	text-align:left;
	font-size:10px;
	text-indent:-9999px;
	padding-top:30px;
	background:url(/img/top/inuyama_rgb.jpg) no-repeat 13px 0;
}