charset "UTF-8";
	
	html{
		min-width: 1350px;
	}

	body{
		min-width: 1350px;
	}
	
/* header
***************************************************************************/
	#header-top-wrapper{
		min-width: 1350px;
	}

	#header-top{
		width: 1280px;
	}

	#header-middle-wrapper{
		min-width: 1350px;
		z-index : 7;
	}
	
	#header-middle{
		width: 1280px;
	}
	
	#welcomebox{
		/*131226*/
		/*left: 1100px;*/
		left: 1000px;
	}
			
	#menu-pulldown{
		left: 1252px;
	}

	#menu-pulldown:hover{
		background: #f1f1f1;
	}
		
	#menu-pulldown ul{
		right : -2px;
	}

	#header-nav-wrapper{
		min-width: 1350px;
	}

	#header-nav{
		width: 1270px;
	}
		
	/*
		#cb0202 | politics
		#d97008 | trend
		#cfb008 | hobby 
		#62c908 | health
		#00baac | life
		#007fc2 | science
		#6c23c8 | literature
	*/	
	
/* CONTAINER
********************************************/
	#container{
		position : relative;
		width : 1296px;
		margin : 0 auto;
		border :0;
		background : #fff;
		margin-top : 125px;
		margin-bottom: 60px;
	}
	
/* 
***************************************************************************************************************/
	#container > section{
		width: 300px;
		height: 250px;
		border: 6px solid #e8e7e7;
		float: left;
		margin-top: 12px;
		margin-right: 6px;
		margin-left: 6px;
		position: relative;
	}

	#container > #ranking{
		width: 274px;
		height: 224px;
		padding: 13px;
		background-color: #77c5ec;
		border: 6px solid #77c5ec;
		color: #fff;
	}

	#container > #ranking h2{
		font-size: 21px;
		font-weight: normal;
		margin-bottom: 9px;
		letter-spacing: 0.05em;
	}

	#container > #ranking ol li{
		line-height: 1.58;
		list-style-type: decimal;
		list-style-position: inside;
		width: 262px;
		white-space: nowrap;
		overflow:hidden;
		-webkit-text-overflow: ellipsis;
		-moz-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}

	#container > #ranking ol li a{
		color: #fff;
	}

	#container > #ranking ol li a:hover{
		text-decoration: underline;
	}


	#container > #outlink{
		width: 274px;
		height: 224px;
		padding: 13px;
		background-color: #77c5ec;
		border: 6px solid #77c5ec;
		color: #fff;
	}

	#container > #outlink h2{
		font-size: 21px;
		font-weight: normal;
		margin-bottom: 2px;
		letter-spacing: 0.05em;
	}
	#container > #outlink h2 a{
		color: #fff;
		text-decoration: none;
	}

	#container > #outlink h2 a:hover{
		text-decoration: underline;
	}

	#container > #outlink ol li{
		line-height: 1.58;
		list-style-type: decimal;
		list-style-position: inside;
		width: 262px;
		white-space: nowrap;
		overflow:hidden;
		-webkit-text-overflow: ellipsis;
		-moz-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}

	#container > #outlink ol li a{
		color: #fff;
	}

	#container > #outlink ol li a:hover{
		text-decoration: underline;
	}



	#container > #koyomi{
		width: 260px;
		height: 218px;
		padding: 16px 20px;
		background-color: #77c5ec;
		border: 6px solid #77c5ec;
		color: #fff;
	}

	#container > #koyomi p{
		font-size: 34px;
		background: url("../images2/common/koyomi.png") no-repeat 0 0;
		padding-top: 25px;
		margin-bottom: 5px;
		width: 260px;
		white-space: nowrap;
		overflow:hidden;
		-webkit-text-overflow: ellipsis;
		-moz-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}

	#container > #koyomi ul{
		width: 125px;
		float: left;
	}

	#container > #koyomi ul:last-child{
		float: right;
		width: 105px;
	}

	#container > #koyomi ul li{
		line-height: 1.91;
		list-style-type: disc;
		list-style-position: inside;
		font-size: 11px;
		width: 125px;
		white-space: nowrap;
		overflow:hidden;
		-webkit-text-overflow: ellipsis;
		-moz-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}

	#container > #koyomi ul li:nth-child(6), #container > #koyomi ul li:nth-child(7){
		list-style-type: none;
	}

	#container > #koyomi ul:last-child li:nth-child(3), #container > #koyomi ul:last-child li:nth-child(4){
		list-style-type: none;
		line-height: 1;
	}

	#container > #koyomi ul:last-child li:nth-child(3){
		margin-top: 5px;
		margin-bottom: 10px;
	}

	#container > #koyomi ul li img{
		vertical-align: top;
	}

	#container > #categ{	width: 260px;	height: 218px;	padding: 16px 20px;	background-color: #77c5ec;	border: 6px solid #77c5ec;	color: #fff;	}
	#container > #categ p{	font-size: 34px;	padding-top: 16px;	margin-bottom: 9px;	width: 260px;	white-space: nowrap;	overflow:hidden;	-webkit-text-overflow: ellipsis;	-moz-text-overflow: ellipsis;	-ms-text-overflow: ellipsis;	-o-text-overflow: ellipsis;	text-overflow: ellipsis;	}

	#container > #categ_politics{	width: 260px;	height: 218px;	padding: 16px 20px;	background-color: #cb0202;	border: 6px solid #cb0202;	color: #fff;	}
	#container > #categ_politics p{	font-size: 34px;	padding-top: 16px;	margin-bottom: 9px;	width: 260px;	white-space: nowrap;	overflow:hidden;	-webkit-text-overflow: ellipsis;	-moz-text-overflow: ellipsis;	-ms-text-overflow: ellipsis;	-o-text-overflow: ellipsis;	text-overflow: ellipsis;	}

	#container > #categ_trend{	width: 260px;	height: 218px;	padding: 16px 20px;	background-color: #d97008;	border: 6px solid #d97008;	color: #fff;	}
	#container > #categ_trend p{	font-size: 34px;	padding-top: 16px;	margin-bottom: 9px;	width: 260px;	white-space: nowrap;	overflow:hidden;	-webkit-text-overflow: ellipsis;	-moz-text-overflow: ellipsis;	-ms-text-overflow: ellipsis;	-o-text-overflow: ellipsis;	text-overflow: ellipsis;	}

	#container > #categ_hobby{	width: 260px;	height: 218px;	padding: 16px 20px;	background-color: #cfb008;	border: 6px solid #cfb008;	color: #fff;	}
	#container > #categ_hobby p{	font-size: 34px;	padding-top: 16px;	margin-bottom: 9px;	width: 260px;	white-space: nowrap;	overflow:hidden;	-webkit-text-overflow: ellipsis;	-moz-text-overflow: ellipsis;	-ms-text-overflow: ellipsis;	-o-text-overflow: ellipsis;	text-overflow: ellipsis;	}

	#container > #categ_health{	width: 260px;	height: 218px;	padding: 16px 20px;	background-color: #62c908;	border: 6px solid #62c908;	color: #fff;	}
	#container > #categ_health p{	font-size: 34px;	padding-top: 16px;	margin-bottom: 9px;	width: 260px;	white-space: nowrap;	overflow:hidden;	-webkit-text-overflow: ellipsis;	-moz-text-overflow: ellipsis;	-ms-text-overflow: ellipsis;	-o-text-overflow: ellipsis;	text-overflow: ellipsis;	}

	#container > #categ_life{	width: 260px;	height: 218px;	padding: 16px 20px;	background-color: #00baac;	border: 6px solid #00baac;	color: #fff;	}
	#container > #categ_life p{	font-size: 34px;	padding-top: 16px;	margin-bottom: 9px;	width: 260px;	white-space: nowrap;	overflow:hidden;	-webkit-text-overflow: ellipsis;	-moz-text-overflow: ellipsis;	-ms-text-overflow: ellipsis;	-o-text-overflow: ellipsis;	text-overflow: ellipsis;	}

	#container > #categ_science{	width: 260px;	height: 218px;	padding: 16px 20px;	background-color: #007fc2;	border: 6px solid #007fc2;	color: #fff;	}
	#container > #categ_science p{	font-size: 34px;	padding-top: 16px;	margin-bottom: 9px;	width: 260px;	white-space: nowrap;	overflow:hidden;	-webkit-text-overflow: ellipsis;	-moz-text-overflow: ellipsis;	-ms-text-overflow: ellipsis;	-o-text-overflow: ellipsis;	text-overflow: ellipsis;	}

	#container > #categ_literature{	width: 260px;	height: 218px;	padding: 16px 20px;	background-color: #6c23c8;	border: 6px solid #6c23c8;	color: #fff;	}
	#container > #categ_literature p{	font-size: 34px;	padding-top: 16px;	margin-bottom: 9px;	width: 260px;	white-space: nowrap;	overflow:hidden;	-webkit-text-overflow: ellipsis;	-moz-text-overflow: ellipsis;	-ms-text-overflow: ellipsis;	-o-text-overflow: ellipsis;	text-overflow: ellipsis;	}

	/*140530*/
	#container > #categ_books{	width: 260px;	height: 218px;	padding: 16px 20px;	background-color: #000;	border: 6px solid #000;	color: #fff;	}
	#container > #categ_books p{	font-size: 34px;	padding-top: 16px;	margin-bottom: 9px;	width: 260px;	white-space: nowrap;	overflow:hidden;	-webkit-text-overflow: ellipsis;	-moz-text-overflow: ellipsis;	-ms-text-overflow: ellipsis;	-o-text-overflow: ellipsis;	text-overflow: ellipsis;	}

	#container > #pickup{
		position: relative;
		width: 276px;
		height: 220px;
		padding: 16px 12px 14px 12px;
		background-color: #77c5ec;
		border: 6px solid #77c5ec;
		color: #fff;
	}

	#container > #pickup h2{
		font-size: 29px;
		font-weight: normal;
		margin-bottom: 10px;
		background: url("../images2/common/tokusyu.png") no-repeat 0 0;
		padding-top: 28px;
	}

	#container > #pickup ul li{
		width: 123px;
		float: left;
		padding-left: 10px;
		background: url("../images2/common/sankaku2.png") no-repeat 0 4px;
		white-space: nowrap;
		overflow:hidden;
		-webkit-text-overflow: ellipsis;
		-moz-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		line-height: 1.6;
	}

	#container > #pickup ul li a{
		color: #fff;
	}

	#container > #pickup ul li a:hover{
		text-decoration: underline;
	}

	#container > #pickup ul li:nth-child(2n+1){
		margin-right: 10px;
	}

	#container > #pickup time{
		position: absolute;
		right: 20px;
		bottom: 20px;
	}

	#container > .matome{
		/*position: relative;*/
		width: 272px;
		height: 222px;
		padding: 14px;
		font-size: 13px;
		overflow: hidden;
	}

	#container > .matome12{
		width: 272px;
		height: 496px;
		/*padding: 14px;*/
	}

	#container > .matome21{
		width: 596px;
		height: 222px;
		/*padding: 14px;*/
	}

	#container > .matome .matome-number{
		position: absolute;
		/*top: -22px;
		right: -22px;
		font-size: 12px;*/
		top: -25px;
		right: -25px;
		font-size: 15px;
		font-weight: bold;
		width: 46px;
		height: 28px;
		padding-top: 32px;
		padding-left: 14px;
		border-radius: 30px;
		color: #fff;
		z-index: 4;
	}

	#container > .matome .tokusyu-thum{
		position: relative;
		display: block;
		width: 300px;
		height: 250px;
		/*top: -14px;
		left: -14px;*/
		margin-top: -14px;
		margin-left: -14px;
		margin-bottom: 14px;
	}

	#container > .matome12 .tokusyu-thum{
		
	}

	#container > .matome21 .tokusyu-thum{
		float: left;
		margin-right: 14px;
	}

	#container > .matome-right .tokusyu-thum{
		float: right;
		margin-left: 14px;
		margin-right: -14px;
	}

	#container > .matome-politics{
		border: 6px solid #cb0202;
	}

	#container > .matome-trend{
		border: 6px solid #d97008;
	}

	#container > .matome-hobby{
		border: 6px solid #cfb008;
	}

	#container > .matome-health{
		border: 6px solid #62c908;
	}

	#container > .matome-life{
		border: 6px solid #00baac;
	}

	#container > .matome-science{
		border: 6px solid #007fc2;
	}

	#container > .matome-literature{
		border: 6px solid #6c23c8;
	}
	/*140530*/
	#container > .matome-books{
		border: 6px solid #000;
	}

	#container > .matome-politics .matome-number{
		background-color: #cb0202;
	}

	#container > .matome-trend .matome-number{
		background-color: #d97008;
	}

	#container > .matome-hobby .matome-number{
		background-color: #cfb008;
	}

	#container > .matome-health .matome-number{
		background-color: #62c908;
	}

	#container > .matome-life .matome-number{
		background-color: #00baac;
	}

	#container > .matome-science .matome-number{
		background-color: #007fc2;
	}

	#container > .matome-literature .matome-number{
		background-color: #6c23c8;
	}
	/*140530*/
	#container > .matome-books .matome-number{
		background-color: #000;
	}

	#container > .matome .breadcrumb{
		position: relative;
		top: 0;
		right: 0;
		left: 0;
		overflow: hidden;
		padding-left: 66px;
		height: 17px;
	}

	#container > .matome-politics .breadcrumb{
		background: url("../images2/common/politics.png") no-repeat 0 center;
	}

	#container > .matome-trend .breadcrumb{
		background: url("../images2/common/trend.png") no-repeat 0 center;
	}

	#container > .matome-hobby .breadcrumb{
		background: url("../images2/common/hobby.png") no-repeat 0 center;
	}

	#container > .matome-health .breadcrumb{
		background: url("../images2/common/health.png") no-repeat 0 center;
	}
	/*140928*/
	#container > .matome-jijiyogo .breadcrumb{
		background: url("../images2/common/jijiyogo.png") no-repeat 0 center;
	}

	#container > .matome-life .breadcrumb{
		background: url("../images2/common/life.png") no-repeat 0 center;
	}

	#container > .matome-science .breadcrumb{
		background: url("../images2/common/science.png") no-repeat 0 center;
	}

	#container > .matome-literature .breadcrumb{
		background: url("../images2/common/literature.png") no-repeat 0 center;
	}
	/*140204*/
	#container > .matome-books .breadcrumb{
		background: url("../images/common/books.png") no-repeat 0 center;
	}

	#container > .matome .breadcrumb span{
		margin-top: 2px;
	}

	#container > .matome-politics .breadcrumb span, #container > .matome-politics .breadcrumb span a{
		color: #cb0202;
	}

	#container > .matome-trend .breadcrumb span, #container > .matome-trend .breadcrumb span a{
		color: #d97008;
	}

	#container > .matome-hobby .breadcrumb span, #container > .matome-hobby .breadcrumb span a{
		color: #cfb008;
	}

	#container > .matome-health .breadcrumb span, #container > .matome-health .breadcrumb span a{
		color: #62c908;
	}

	#container > .matome-life .breadcrumb span, #container > .matome-life .breadcrumb span a{
		color: #00baac;
	}

	#container > .matome-science .breadcrumb span, #container > .matome-science .breadcrumb span a{
		color: #007fc2;
	}

	#container > .matome-literature .breadcrumb span, #container > .matome-literature .breadcrumb span a{
		color: #6c23c8;
	}
	/*140530*/
	#container > .matome-books .breadcrumb span, #container > .matome-books .breadcrumb span a{
		color: #000;
	}

	#container > .matome .matome-topic{
		margin-top: 6px;
	}

	#container > .matome .matome-topic h1{
		/*color: #00baac;*/
		font-size: 18px;
		font-weight: normal;
		font-weight: bold;
		border: 0;
		letter-spacing: 0.05em;
		margin-bottom: 10px;
	}

	#container > .matome .matome-topic h1 a{
		text-decoration: none;
	}

	#container > .matome .matome-topic h1 a:hover{
		text-decoration: underline;
	}

	#container > .matome-politics .matome-topic h1 a{
		color: #cb0202;
	}

	#container > .matome-trend .matome-topic h1 a{
		color: #d97008;
	}

	#container > .matome-hobby .matome-topic h1 a{
		color: #cfb008;
	}

	#container > .matome-health .matome-topic h1 a{
		color: #62c908;
	}

	#container > .matome-life .matome-topic h1 a{
		color: #00baac;
	}

	#container > .matome-science .matome-topic h1 a{
		color: #007fc2;
	}

	#container > .matome-literature .matome-topic h1 a{
		color: #6c23c8;
	}	
	/*140530*/
	#container > .matome-books .matome-topic h1 a{
		color: #000;
	}	

	#container > .matome .point{
		margin-top: 14px;
		margin-bottom: 24px;
	}

	#container > .matome12 .point{
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#container > .matome .point p{
		font-size: 13px;
		font-weight: bold;
	}

	#container > .matome .point ul li{
		margin-top: 7px;
		padding-left: 10px;
		background: url("../images2/common/sankaku.png") no-repeat 0 2px;
		width: 262px;
		white-space: nowrap;
		overflow:hidden;
		-webkit-text-overflow: ellipsis;
		-moz-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}

	#container > .matome .point ul li:first-child{
		margin-top: 5px
	}

	#container > .matome .matome-curator img{
		margin-right: 8px;
		float: left;
		border: 1px solid #bfbfbf;
	}

	#container > .matome .matome-curator p{
		font-size: 10px;
		margin-top: 6px;
		float: left;
	}

	#container > .matome .matome-curator time{
		float: right;
		margin-top: 20px;
	}

	.more{
		position: absolute;
		bottom: -40px;
		left: 50%;
		margin-left: -27px;
		font-size: 14px;
	}

	.more a{
		text-decoration: none;
	}

	.more a:hover{
		text-decoration: underline;
	}