@charset "UTF-8";
/*
Theme Name: リクナビ進学ジャーナル
Theme URI:
Description: 2015/3 リクナビ進学ジャーナル用テーマ
Author: NEOPA
Version: 1.0
*/

/*=============================================
		reset
==============================================*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-weight: normal; font-size: 100%; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

article, aside, footer, header, nav, section { display: block; }

input[type=search] {
   -moz-appearance:none;
   -webkit-appearance:none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
/*=============================================
		basic style
==============================================*/
*, *:before, *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
html { font-size: 62.5%; }
body{
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 10px;
	font-size: 1.0rem;
	color: #666;
	background: url(images/bg.gif) top left repeat;
	line-height: 200%;
	margin: 0;
	padding: 0;
	margin-top: -134px;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
}
a, a:link, a:active, a:visited { text-decoration: none; color: #666; }
a:hover { color: #000; text-decoration: underline; }
a:hover, a:active { outline: 0; }
b, strong { font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace;_font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
img { border: 0; }
small { font-size:12px; font-size: 1.2rem;}
sub, sup {
	font-size:10px; font-size: 1.0rem;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; }
em { font-style: italic; }
blockquote {display: block;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}

.bold{font-weight:bold;}
.img-rounded{border-radius: 10px;}
.aligncenter {
    display: block;
    margin: 0 auto;
}
#wrap{
	width: 100%;
	min-width:980px;
	background-size:contain;
	padding-top:134px;
}
/*=============================================
		header
==============================================*/
#header {
  width: 100%;
  background:url(images/header_line.png) top center repeat-x,url(images/bg.gif) top left repeat;
  z-index:100;
  height:134px;
  position:fixed;
  top:0;
}
.header-inner {
  width: 980px;
  margin: 0 auto;
  padding: 16px 0 0;
}
#header h1 {
  float: left;
  margin-right: 18px;
}
#header p {
  float: left;
  margin-top:7px;
}
#navi{
	clear: both;
	margin-top:26px;
	height: 54px;
	background: #fff;
	border-bottom: 2px solid rgba(0,0,0,.1);
}
#gloval-nav{
	width: 980px;
	margin: 0 auto;
}
#gloval-nav li{
	float: left;
	width:163px;
	height:54px;
}
#gloval-nav li:nth-child(3),#gloval-nav li:nth-child(5){
	width:164px;
}
#gloval-nav li a{
	display: block;
	border-left: 1px solid rgba(0,0,0,.05);
	height: 52px;
	position:absolute;
}
#gloval-nav li a img{
	position: absolute;
	bottom: 0;
}
.search-wrap {
  float: right;
  position: relative;
}
.search-style{
	background: #f7f7f7;
	border: 1px solid #d1d1d1;
	border-radius: 6px;
	height: 30px;
	width: 300px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
 }
.submit-style {
	height: 22px;
	width: 22px;
	border-style: none;
	float: left;
	text-indent: -9999px;
	background: url(images/icon_search.png) no-repeat;
	position: absolute;
	top: 4px;
	right: 10px;
}
/*=============================================
		bread nav
==============================================*/
#bread-nav{
	width: 100%;
	padding-top:140px;
	margin-bottom: 8px;
}
#bread{
	width: 980px;
	margin:0 auto;
}
#bread li{
	float: left;
	font-size: 12px;
	font-size: 1.2rem;
	color:#999;
}
#bread li a {
  	color: #003399;
}
#bread li:before{
	content:'＞';
	color:#666;
	margin: 0 10px;
}
#bread li:first-child:before{
	content:'';
}
/*=============================================
		contents common
==============================================*/
#contents{
	width: 980px;
	margin: 0 auto 60px;
	font-size: 12px;
	font-size: 1.2rem;
	position: relative;
}
.top #contents{
	padding-top: 148px;
}
.single #contents{
	padding-top: 8px;
}
#side{
	position: relative;
	width: 230px;
	float: right;
}
.main{
	float: left;
	width: 730px;
	margin-bottom:40px;
}
.text-content{
	background:#fff;
	border-radius:10px;
	padding:20px 30px;
	font-size:16px;
	font-size:1.6rem;
	line-height: 26px;
	margin-bottom:30px;
}
.title{
	margin-bottom:20px;
	font-size:22px;
	font-size: 2.2rem;
	line-height:34px;
	color:#80a235;
	font-weight: bold;
	background:url(images/icon_h1.gif) left center no-repeat;
	padding: 5px 0 5px 20px;
}
.block{
	margin-bottom: 45px;
}
.inner{
	width: 980px;
	margin:0 auto;
}
.badge-cat{
	height: 9px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	position: relative;
	z-index: 9;
	bottom: -9px;
}
.badge-cat img{
	position: relative;
	z-index: 12;
	bottom: 11px;
}
.badge-cat_column{ background: #79ccee; }
.badge-cat_trend{ background: #6acac7; }
.badge-cat_career{ background: #edb359;}
.badge-cat_exam{ background: #f19990; }
.badge-cat_learning{ background: #c89acd; }
.badge-cat_news{ background: #003399; }

.post-info{
	position: relative;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.post-link{
	display: block;
	position: relative;
}
.post-link:hover{
	color: #fff;
}
.post-link:hover .img-eyecatch{
	opacity: .7;
	-ms-filter: "alpha(opacity=70)";
}
.post-date{ float: left; }
.sns-cnt{ float: right; }
.sns-cnt li{
	display: inline-block;
	padding-left: 20px;
	margin-left:5px;
}
.sns-cnt li.f-cnt{ background: url(images/icon_fb_off.png) center left no-repeat;}
.sns-cnt li.t-cnt{ background: url(images/icon_tw_off.png) center left no-repeat; }
.post-link:hover .sns-cnt li.f-cnt{ background: url(images/icon_fb_on.png) center left no-repeat; }
.post-link:hover .sns-cnt li.t-cnt{ background: url(images/icon_tw_on.png) center left no-repeat; }
.badge-new,.badge-rank{
	position: absolute;
	z-index: 10;
}
.btn a{
	border-radius: 6px;
	color: #fff;
	position: relative;
	display: block;
	padding-left: 10px;
	text-align: center;
}
.btn a:before{
	width: 0;
	height: 0;
	content: "";
	border-left: 6px solid #fff;
	border-bottom: transparent 4px solid;
	border-top: transparent 4px solid;
	position: absolute;
}
.btn a:hover{
	text-decoration: none;
	background: #6db10d;
}
/*=================================
		top featured
==================================*/
#featured{
	float: left;
	width: 730px;
	height: 426px;
	border-radius: 10px;
	margin-right: 20px;
	margin-top: -9px;
}
.main-img{
	overflow: hidden;
	height: 426px;
	border-radius: 10px;
}
.main-img img{
	width:100%;
	height:auto;
}
#featured .post-link{
	height: 426px;
}
#featured .badge-new{
	left: -13px;
	top: 260px;
}
#featured .post-info{
	background: url(images/bg_post-infoF.png) bottom center no-repeat;
	bottom: 154px;
	height: 154px;
	padding: 36px 30px 14px;
}
#featured.cat_career .post-link:hover .post-info{ background: url(images/bg_post-infoF_career.png) bottom center no-repeat; }
#featured.cat_exam .post-link:hover .post-info{ background: url(images/bg_post-infoF_exam.png) bottom center no-repeat; }
#featured.cat_column .post-link:hover .post-info{ background: url(images/bg_post-infoF_column.png) bottom center no-repeat; }
#featured.cat_trend .post-link:hover .post-info{ background: url(images/bg_post-infoF_trend.png) bottom center no-repeat; }
#featured.cat_learning .post-link:hover .post-info{ background: url(images/bg_post-infoF_learning.png) bottom center no-repeat; }
#featured .post-title{
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 40px;
	margin-bottom:7px;
	height:80px;
}
#featured .post-date{
	font-size: 14px;
	font-size: 1.4rem;
}
/*=================================
		side ranking
==================================*/
#ranking-posts{
	background: #fff;
	border-radius: 10px;
	width: 230px;
	float: right;
	position: relative;
	height: 426px;
	margin-bottom: 10px;
}
#ranking-posts h3{
	position: relative;
	bottom:10px;
}
.rank-list{
	margin: 0 10px 10px;
}
.rank-list li{
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 13px;
	line-height: 18px;
	margin-bottom: 13px;
}
.rank-list li:last-child{ margin-bottom: 0; }
.rank-list li a{
	padding-left: 24px;
	display: inline-block;
	word-break:break-all;
}
.rank-list li.rank-1 a{ background: url(images/rank_1.gif) left center no-repeat; }
.rank-list li.rank-2 a{ background: url(images/rank_2.gif) left center no-repeat; }
.rank-list li.rank-3 a{ background: url(images/rank_3.gif) left center no-repeat; }
.rank-list li.rank-4 a{background: url(images/rank_4.gif) left center no-repeat;}
.rank-list li.rank-5 a{ background: url(images/rank_5.gif) left center no-repeat;}
.rank-list li.rank-6 a{ background: url(images/rank_6.gif) left center no-repeat;}
.rank-list li.rank-7 a{ background: url(images/rank_7.gif) left center no-repeat; }
.rank-list li.rank-8 a{ background: url(images/rank_8.gif) left center no-repeat;}
.rank-list li.rank-9 a{ background: url(images/rank_9.gif) left center no-repeat;}
.rank-list li.rank-10 a{ background: url(images/rank_10.gif) left center no-repeat;}
.rank-link{margin:0 10px;}

.rank-link a,.event-link a{
	background: #a4a4a4;
	width: 167px;
	margin:0 auto 10px;
	padding:8px 0;
	font-size: 14px;
	font-size: 1.4rem;
	padding-left: 10px;
}
.rank-link a:before,.event-link a:before{
	left: 20px;
	top: 14px;
}
/*=================================
                site announce
==================================*/
#site-announce{
        clear: both;
        padding-left: 18px;
        margin-bottom: 10px;
}
#site-announce p a{
        display: block;
        color: red;
        text-decoration: underline;
}
/*=================================
		top news
==================================*/
.news-wrap{
	margin-bottom: 20px;
	clear: both;
}
#news-line{
	background: #fff;
	border-radius: 10px;
	clear:both;
	padding-left:18px;
	position: relative;
}
#news-line.open{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#news-line h3{
	float: left;
	padding-top: 12px;
}
#news-latest{
	font-size:14px;
	font-size: 1.4rem;
	padding-top: 12px;
	position: absolute;
	left: 140px;
}
.news-link{
	width: 45px;
	height: 40px;
	float: right;
	background: #003399;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	text-align: center;
	line-height: 34px;
	display: inline-block;
}
.news-link:hover{
	background: #cacaca;
	cursor: pointer;
}
.news-link img{
	vertical-align: middle;
}
#news-line.open .news-link{
	border-bottom-right-radius: 0;
	background: #cacaca;
}
#news-panel {
	background: #fff;
	padding: 14px 20px 10px;
	margin-top: 1px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#news-panel ul li{
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 15px;
	margin-bottom: 14px;
	font-size: 14px;
	font-size: 1.4rem;
}
.label-news{
	background: #003399;
	padding: 5px 10px;
	color: #fff;
	margin-right:10px;
	font-size: 12px;
	font-size: 1.2rem;
}
.label-date{
	display: inline-block;
	margin-right: 10px ;
}
.event-link a{
	width: 220px;
}
/*  RSS  */
.rss-link{
	text-align: right;
}
/*=================================
		top post list
==================================*/
.section-title{
	text-align: center;
	margin-bottom: 22px;
}
.post-list{
	overflow: hidden;
	margin-bottom: 10px;
}
.post-list>li{
	width: 230px;
	height: 348px;
	float: left;
	margin-left: 20px;
	padding-top: 2px;
}
.post-list>li:first-child{
	margin:0;
}
.post-list .post-link{ 
	height: 335px;
}
.post-list .badge-new,.post-list .badge-rank{
	left: 0;
	top: 197px;
}
.post-list .post-img {
	width: 230px;
	height:230px;
	background:#fff;
	border-radius:10px;
}
.post-list .post-img img{
	width:230px;
}
.post-list .post-info{
	background: url(images/bg_post-infoL.png) bottom center no-repeat;
	padding: 0 20px;
	height: 124px;
	bottom: 22px;
}
.post-list .post-link:hover .post-info.post-info_column{
	background: url(images/bg_post-infoL_column.png) bottom center no-repeat;
}
.post-list .post-link:hover .post-info.post-info_trend{
	background: url(images/bg_post-infoL_trend.png) bottom center no-repeat;
}
.post-list .post-link:hover .post-info.post-info_exam{
	background: url(images/bg_post-infoL_exam.png) bottom center no-repeat;
}
.post-list .post-link:hover .post-info.post-info_learning{
	background: url(images/bg_post-infoL_learning.png) bottom center no-repeat;
}
.post-list .post-link:hover .post-info.post-info_career{
	background: url(images/bg_post-infoL_career.png) bottom center no-repeat;
}
.post-list .post-title{
	font-size: 16px;
	font-size: 1.6rem;
	padding-top: 22px;
	line-height: 22px;
	margin-bottom: 12px;
	letter-spacing: 0.04em;
	height:82px;
}
.archive-link{
	float: right;
}
.archive-link a{
	background: #fff;
	width: 157px;
	color: #666;
	padding:0 0 0 10px;
	font-size: 12px;
	font-size: 1.2rem;
	height:26px;
	line-height:26px;
}
.archive-link a:before{
	left: 20px;
	top: 9px;
	border-left-color: #666;
}
.archive-link a:hover{
	color: #fff;
}
.archive-link a:hover:before{
	border-left-color: #fff;
}
/*=================================
		tag area top & single
==================================*/
#tag-wrap{
	height: 100px;
}
#tag-wrap.single-tag,#tag-wrap.news-tag{
	margin:30px 20px;
	border-radius: 10px;
	border: 2px solid #f2efd7;
	display: table;
    height: auto;
}
#tag-wrap h3{
	float: left;
}
#tag-wrap.single-tag h3, #tag-wrap.news-tag h3{
	display: table-cell;
	float: none;
	line-height: 0;
    vertical-align: middle;
    background: #f2efd7;
}
.tag-list{
	background: #fff;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 818px;
	height: 100px;
	padding: 12px 10px 15px 20px;
	float: left;
}
.single-post .tag-list{
	width: 516px;
	padding: 15px 10px 15px 20px;
	display: table-cell;
    position: relative;
    height: auto;
}
.single-post .news-tag .tag-list{
	width: 770px;
}
.tag-list a{
	display: inline-block;
	margin:4px 6px 6px;
    line-height: 24px;
}
.single-post .tag-list a{
	font-size:14px;
	font-size:1.4rem;
}
.tag-link{
	float: right;
	margin-top: -40px;
	margin-right: 10px;
}
.single-tag .tag-link,.news-tag .tag-link{
	margin:0 ;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.tag-link a{
	background: #a4a4a4;
	width: 88px;
	font-size: 12px;
	font-size: 1.2rem;
	padding-left: 10px;
	height:26px;
	line-height:26px;
}
.single-post .tag-list .tag-link a{
    font-size: 12px;
	font-size: 1.2rem;
}
.tag-link a:before{
	left: 20px;
	top: 9px;
}
.tag-link a:hover{
	text-decoration: none;
	background: #6db10d;
}
/*=================================
		archives common
==================================*/
/*  ranking */
#side #ranking-posts{
	height: auto;
}
#cat-header{
	background: #fff;
	border-radius: 10px;
	padding: 0 10px 0 30px;
	margin-bottom: 15px;
	height:63px;
	width:730px;
}
.cat-title{
	vertical-align: middle;
	font-size:16px;
	font-size:1.6rem;
	display:inline-block;
	line-height:63px;
}
.cat-title span{
	vertical-align:middle;
	padding-top:3px;
	display:inline-block;
}
#cat-header .cat-title img{
	vertical-align: middle;
}
.cat-title_column{color: #12abe9;}
.cat-title_trend{color: #35bfbb;}
.cat-title_career{color: #f5a528;}
.cat-title_exam{color: #f19990;}
.cat-title_learning{color: #c89acd;}
#cat-header p{
	font-size: 16px;
	font-size: 1.6rem;
	padding-left:15px;
	vertical-align:middle;
	display:inline-block;
}
.cat-archive{
	position: relative;
	margin-bottom: 15px;
}
.cat-archive .badge-cat{
	border-radius:0;
	border-top-left-radius: 10px;
	width:180px;
}
.cat-archive .badge-new{
	bottom:10px;
}
.cat-archive .post-link{
	height: 180px;
	display: table;
}
.cat-archive .cat-img{
	width: 180px;
	height:180px;
}
.cat-archive .cat-img .img-eyecatch{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	width:180px;
}
.cat-archive .post-info{
	width: 550px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background: #fff;
	padding: 9px 20px 15px 20px;
	height: 180px;
	display: table-cell;
	word-break:break-all;
	vertical-align:middle;
}
.cat-archive .post-title{
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 34px;
	letter-spacing: 0.04em;
	height:136px;
	display:table-cell;
	vertical-align:middle;
}

.cat-archive .post-link:hover .post-date{color: #fff;}
.cat-archive .post-link:hover .post-info_column{background: #79ccee;}
.cat-archive .post-link:hover .post-info_trend{background: #6acac7;}
.cat-archive .post-link:hover .post-info_career{background: #edb359;}
.cat-archive .post-link:hover .post-info_exam{background: #f19990;}
.cat-archive .post-link:hover .post-info_learning{background: #c89acd;}

.cat-archive .post-link_nocat:hover{color: #666;}
.cat-archive .post-link_nocat:hover .post-date{color: #666;}
.cat-archive .post-link_nocat:hover .sns-cnt li{color: #666;}
.cat-archive .post-link_nocat:hover .sns-cnt li.f-cnt{
	background: url(images/icon_fb_off.png) center left no-repeat;
}
.cat-archive .post-link_nocat:hover .sns-cnt li.t-cnt{
	background: url(images/icon_tw_off.png) center left no-repeat;
}
.cat-archive .post-link_nocat:hover .cat-img .img-eyecatch{
	opacity:1;
	-ms-filter: "alpha(opacity=100)";
}
/*=================================
		news event archive
==================================*/
#news-header{
	background: #fff;
	border-radius: 10px;
	padding: 0 30px;
	margin-bottom: 20px;
	height:63px;
	width:980px;
}
.news-title{
	vertical-align: middle;
	font-size:16px;
	font-size:1.6rem;
	display:inline-block;
	line-height:63px;
}
.news-title span{
	vertical-align:middle;
	color:#003399;
	display:inline-block;
	padding-top:3px;
}
#news-header p{
	font-size: 16px;
	font-size: 1.6rem;
	padding-left:15px;
	vertical-align:middle;
	display:inline-block;
}
.news-title img{
	vertical-align: middle;
}
.news-archive .post-link{
	background: #fff;
	border-radius: 10px;
	padding: 20px 30px;
	margin-bottom: 20px;
}
.news-archive .post-link:hover{
	background: #dfffd1;
	color: #666;
}
.news-archive .post-title{
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 34px;
	margin-bottom: 10px;
}
.news-archive .post-link:hover .post-title {
	text-decoration: underline;
}
.news-archive .post-link:hover .sns-cnt li.f-cnt{
	background: url(images/icon_fb_off.png) center left no-repeat;
}
.news-archive .post-link:hover .sns-cnt li.t-cnt{
	background: url(images/icon_tw_off.png) center left no-repeat;
}
.news-cat {
	margin-bottom:15px;
}
.news-cat li{
	display:inline-block;
	font-size:12px;
	font-size:1.2rem;
	margin-right:10px;
	vertical-align:top;
}
.news-cat .news-new{
	margin-left:-30px;
}
.news-cat .news-cat_news{
	background:#003399;
	padding:2px 10px;
	color:#fff;
}
.news-cat .news-cat_area{
	border:1px solid #999;
	padding:1px 8px;
	background:#fff;
}
.single-post .news-single .badge-cat.badge-cat_news{
	margin-bottom:40px;
}
.post-header.news-single .post-title{
	padding-top:10px;
}
.single-post .news-cat{
	padding:0 20px;
	margin-bottom:0;
}
/*=================================
		ranking archive
==================================*/
#rank-header{
	background: #fff;
	border-radius: 10px;
	padding: 8px 30px;
	margin-bottom: 20px;
}
#rank-cat{
	overflow: hidden;
	width: 790px;
	margin:0 auto;
	padding-bottom: 20px;
}
#rank-cat li{
	float: left;
	position: relative;
	margin-left: 10px;
}
#rank-cat li:first-child{
	margin-left:0;
}
#rank-cat li a{
	display: block;
	background: #fff;
	border-radius: 6px;
	padding:15px 28px;
	text-align: center;
	letter-spacing: 0.01em;
	font-size: 16px;
	font-size: 1.6rem;
}
#rank-cat li a:hover,#rank-cat li a.select{
	color: #fff;
	text-decoration: none;
}
#rank-cat li a:hover:after,#rank-cat li a.select:after{
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	border:8px solid transparent;  
    top:95%;
    left:43%;
}
#rank-cat li.all a:hover,#rank-cat li.all a.select{
	background: #0db14b;
}
#rank-cat li.all a:hover:after ,#rank-cat li.all a.select:after{
	border-top:13px solid #0db14b;
}
#rank-cat li.column a:hover,#rank-cat li.column a.select{
	background: #3dbef2;
}
#rank-cat li.column a:hover:after, #rank-cat li.column a.select:after{
    border-top:13px solid #3dbef2;
}
#rank-cat li.career a:hover,#rank-cat li.career a.select{
	background: #f5a528;
}
#rank-cat li.career a:hover:after, #rank-cat li.career a.select:after{
    border-top:13px solid #f5a528;
}
#rank-cat li.learning a:hover,#rank-cat li.learning a.select{
	background: #c89acd;
}
#rank-cat li.learning a:hover:after, #rank-cat li.learning a.select:after{
    border-top:13px solid #c89acd;
}
#rank-cat li.exam a:hover,#rank-cat li.exam a.select{
	background: #e28b82;
}
#rank-cat li.exam a:hover:after, #rank-cat li.exam a.select:after{
    border-top:13px solid #e28b82;
}
#rank-cat li.trend a:hover,#rank-cat li.trend a.select{
	background: #35bfbb;
}
#rank-cat li.trend a:hover:after, #rank-cat li.trend a.select:after{
    border-top:13px solid #35bfbb;
}
.rank-archive{
	clear: both;
}
.rank-archive .post-list>li{
	margin-bottom: 20px;
}
.rank-archive .post-list>li:nth-child(-n+2){
	width: 480px;
	height: 351px;
	margin-bottom:30px;
}
.rank-archive .main-img{
	overflow: hidden;
	height: 351px;
	border-radius: 10px;
}
.rank-archive .post-list>li:nth-child(-n+2) .post-title{
	font-size: 18px;
	font-size: 1.8rem;
	padding-top:34px;
	margin-bottom:6px;
	line-height:24px;
}
.rank-archive .post-list>li:nth-child(3), .rank-archive .post-list>li:nth-child(7){
	margin-left:0;
}
.rank-archive .post-list>li:nth-child(-n+2) .post-info{
	background: url(images/bg_post-infoR.png) bottom center no-repeat;
	padding: 0px 20px;
	height: 119px;
	bottom: 119px;
}
.rank-archive .post-list>li:nth-child(-n+2) .post-link:hover .post-info_career{ background: url(images/bg_post-infoR_career.png) bottom center no-repeat; }
.rank-archive .post-list>li:nth-child(-n+2) .post-link:hover .post-info_exam{ background: url(images/bg_post-infoR_exam.png) bottom center no-repeat; }
.rank-archive .post-list>li:nth-child(-n+2) .post-link:hover .post-info_column{ background: url(images/bg_post-infoR_column.png) bottom center no-repeat; }
.rank-archive .post-list>li:nth-child(-n+2) .post-link:hover .post-info_trend{ background: url(images/bg_post-infoR_trend.png) bottom center no-repeat; }
.rank-archive .post-list>li:nth-child(-n+2) .post-link:hover .post-info_learning{ background: url(images/bg_post-infoR_learning.png) bottom center no-repeat; }
.rank-archive .post-list>li:nth-child(-n+2) .badge-rank12{
	position: absolute;
	z-index: 10;
	top: 230px;
}
/*=================================
		single
=================================*/
.single-post{
	background: #fff;
	padding-bottom: 30px;
	border-radius: 10px;
	margin-bottom: 45px;
}
.post-header .badge-cat{
	bottom: 0;
}
.post-header .badge-cat img{
	bottom: 8px;
}
.post-header .badge-cat.badge-cat_news img{
	bottom: 0;
}
.post-header .post-title{
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 30px;
	padding:45px 20px 10px; 
	font-weight:bold;
}
.post-header .post-title_column{ color: #12abe9; }
.post-header .post-title_trend{ color: #35bfbb; }
.post-header .post-title_career{ color: #f5a528;}
.post-header .post-title_exam{color: #f19990;}
.post-header .post-title_learning{color: #c89acd;}
.post-header .post-date{
	padding:0 20px;
	color: #333;
	font-size: 14px;
	font-size: 1.4rem;
	float: none;
	margin-bottom:20px;
}
.sns-area{
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	padding: 20px 0 13px;
}
.sns-area .sns-list{
	text-align:center;
}
.sns-list li{
	margin-left: 20px;
	display:inline-block;
	vertical-align:top;
}
.sns-list li:first-child{
	margin-left:0;
}
.single-image{
	padding: 0 30px 30px;
	float: right;
}
.post-content{
	padding: 0 30px 60px;
	font-size: 16px;
	font-size:1.6rem;
	line-height: 26px;
	text-align: justify;
}
.post-content h2{
	font-size:22px;
	font-size: 2.2rem;
	line-height:30px;
	color:#80a235;
	font-weight: bold;
	background:url(images/icon_h1.gif) left top no-repeat;
	padding: 5px 0 5px 20px;
}
.post-content h3{
	font-size:20px;
	font-size: 2.0rem;
	line-height:28px;
	color:#80a235;
}
.post-content blockquote {
	border:1px solid #ccc;
	padding: 15px 20px;
	border-radius:8px;
	display:table-cell;
}
.post-content a{
	  color: #0ca946;
}
/*=================================
		single writer area
=================================*/
#writer-wrap{
	background:#f5f5f5;
	border-radius: 10px;
	margin:0 20px;
	padding: 20px 30px 20px 20px;
	display: table;
	width:690px;
}
#writer-wrap.writer-wide{
	display: table;
	width:940px;
}
.writer-photo{
	width: 96px;
	display: table-cell;
}
.writer-name{
	display: table-cell;
	vertical-align: top;
	padding-top:20px;
	padding-left: 20px;
	line-height: 1.6em;
	font-size: 14px;
	font-size: 1.4rem;
	width:260px;
}
.writer-info{
	display: table-cell;
	vertical-align: top;
	font-size: 12px;
	font-size: 1.2rem;
	padding-left: 20px;
	line-height: 1.6em;
	text-align: justify;
	position:relative;
}

.writer-link{
	float: right;
	margin-top:10px;	
}
.writer-link a{
	background: #fff;
	width: 137px;
	padding:6px 0;
	font-size: 12px;
	font-size: 1.2rem;
	padding-left: 10px;
	color:#666;
}
.writer-link a:hover{
	color:#fff;
}
.writer-link a:before{
	left: 20px;
	top: 10px;
	border-left: 6px solid #666;
}
.writer-link a:hover:before{
	border-left: 6px solid #fff;
}
.writer-link.writer-emp{
	position:absolute;
	bottom:0;
	right:0;
}
.reco-title{
	text-align: center;
	margin-bottom: 20px;
}

/*=================================
		pages
==================================*/
#page-header{
	background: #fff;
	border-radius: 10px;
	padding: 20px 30px;
	margin-bottom: 20px;
	width:980px;
	height:63px;
}
#page-header h2{
	line-height:0;
}
/*=================================
		writer pages
==================================*/
.writer-list{
	background: #fff;
	border-radius: 10px;
	padding: 20px 30px;
	margin-bottom: 20px;
	display: table;
	width:980px;
}
.writer-list .writer-name{
	width:282px;
	vertical-align:middle;
	padding-left:20px;
	padding-top:0;
}
.writer-list .writer-info{
	width:562px;
	vertical-align: middle;
	padding-left:24px;
	line-height:24px;
}
/*=================================
		tag & search  page
==================================*/
#tag #page-header,#search #page-header{
	margin-bottom: 15px;	
}
#page-header h2.tag-title{
	font-size:20px;
	font-size:2.0rem;
	line-height:1;
}
#search .cat-archive{
	margin-bottom:20px;
}
#tag .cat-archive .post-info,#search .cat-archive .post-info,
.wide-recom  .cat-archive .post-info{
	width:800px;
}
.search-error{
	width:980px;
	background:#fff;
	border-radius:10px;
	padding:30px;
	font-size:16px;
	font-size:1.6rem;
}


/*=================================
		keywords page
==================================*/
#keyword #page-header{
	padding-top:5px;
	padding-bottom:7px;
}
.tag-cloud{
	background: #fff;
	border-radius: 10px;
	padding: 30px;
	width:980px;
}
.tag-cloud a{
	padding:0 10px 20px;
	display:inline-block;
}
/*=================================
		pager
==================================*/
.wp-pagenavi{
	text-align:center;
}
.wp-pagenavi a,.wp-pagenavi span{
	display:inline-block;
	padding:12px 16px;
	text-align:center;
	background:#fff;
	border-radius:6px;
	font-size:16px;
	font-size:1.6rem;
	margin:0 5px;
}
.wp-pagenavi a.nextpostslink{
	margin:0;
	position: relative;
	padding-left:20px;
	padding-right:26px;
}
.wp-pagenavi a.previouspostslink{
	margin:0;
	position: relative;
	padding-left:28px;
	padding-right:18px;
}
.wp-pagenavi a:hover{
	background:#6db10d;
	color:#fff;
	text-decoration:none;
}
.wp-pagenavi span.current{
	background:#e8e8e8;
}
.wp-pagenavi span.extend{
	background:none;
	margin:0;
}
.wp-pagenavi a.nextpostslink:before{
	width: 0;
	height: 0;
	content: "";
	border-left: 6px solid #666;
	border-bottom: transparent 4px solid;
	border-top: transparent 4px solid;
	position: absolute;
	top:18px;
	right:12px;
}
.wp-pagenavi a.previouspostslink:before{
	width: 0;
	height: 0;
	content: "";
	border-right: 6px solid #666;
	border-bottom: transparent 4px solid;
	border-top: transparent 4px solid;
	position: absolute;
	top:18px;
	left:16px;
}
.wp-pagenavi a.nextpostslink:hover:before{
	border-left-color: #fff;
}
.wp-pagenavi a.previouspostslink:hover:before{
	border-right-color: #fff;
}
/*=================================
		PR banner
=================================*/
#pr-wrap{
	width:980px;
	clear:both;
	background:#fff;
	border-radius:10px;
	padding:20px 20px 5px 20px;
	margin-top:40px;
}
#pr-wrap ul{
	overflow:hidden;
}
#pr-wrap .banner1 li{
	margin-bottom:15px;
	text-align:center;
	line-height:0;
}
#pr-wrap .banner2 li{
	float:left;
	margin-right:20px;
	margin-bottom:15px;
	text-align:center;
	width:460px;
}
#pr-wrap .banner2 li:nth-child(even){
	margin-right:0;
}
#pr-wrap li a{
	display:block;
	line-height:0;
}
#pr-wrap li a:hover img{
	opacity: .7;
	-ms-filter: "alpha(opacity=70)";
}
#pr-wrap li img{
	border-radius: 10px;
}
#pr-wrap .banner2 li img{
	border-radius: 10px;
	width:100%;
}
/*=================================
		totop
=================================*/
#pagetop{
	position: relative;
	width: 980px;
	margin: 0 auto;
}
#pagetop a{
	z-index: 99;
	float: right;
	right: -62px;
	top: -34px;
	position: absolute;
}
@media only screen and (max-width : 1050px) {
	#pagetop a{
		right:0;
	}
}

/*=================================
		footer
=================================*/
#footer-nav{
	background: #043d8a;
	padding: 15px 0;
	margin-bottom: 2px;
	width: 100%;
	height: 90px;
}
.footer-banner{
	display:table;
	margin:0 auto;
	padding-right:69px;
}
.footer-banner li{
	display:table-cell;
	padding-right:15px;
	width:243px;
}
.footer-banner li .footer-logo{
	width:410px;
}
.footer-banner a:hover img{
	opacity: .7;
	-ms-filter: "alpha(opacity=70)";
}
#footer{
	background: #fff;
	padding: 10px 0;
}
#footer a{
	text-decoration:underline;
}
#footer-copy{
	float: left;
	color: #435b67;
}
#footer-copy img{
	display: inline-block;
	margin-right: 5px;
	vertical-align: text-bottom;
}
#footer-copy p a{
	color: #435b67;
	font-weight: bold;
	display:block;
	margin-bottom:2px;
}
#footer-copy p.copy a{
	text-decoration: none; 
	margin-bottom:2px;
}
.footer-link{
	float: right;
	margin-top: 18px;
}
.footer-link li{
	display: inline-block;
	margin-left: 20px;
}
.footer-link li a{
	color: #003399;
	vertical-align: top;
}