@charset "EUC-JP";

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src:url(/fonts/google/MaterialIcons-Regular.eot); /* For IE6-8 */
	src:
	 local('Material Icons'),
	 local('MaterialIcons-Regular'),
	 url(/fonts/google/MaterialIcons-Regular.woff2) format('woff2'),
	 url(/fonts/google/MaterialIcons-Regular.woff) format('woff'),
	 url(/fonts/google/MaterialIcons-Regular.ttf) format('truetype');
}


/****************************** header ******************************/

body > header{
	min-width:1060px;
	background:#313940;
	border-bottom:1px solid #fff;
}

body > header h1,
body > header > div{
	padding:20px 0 10px;
	font-size:1em;
	line-height:100%;
}

body > header h1 a,
body > header > div a{
	display:block;
	width:330px;
	height:72px;
	margin:0px auto 10px;
	background:url(/images/logo_4gamer_w330.png) no-repeat center center transparent;
	background-size:contain;
	text-indent:-9999px;
}


/******************** nav ********************/

header nav{
	width:1060px;
	margin:0 auto;
	background:#F7941D;
	box-shadow:inset 0px -2px 2px 0px #E4891A;
	letter-spacing: -.40em;
}

header nav li{
	display:inline-block;
	font-size:80%;
	font-weight:bold;
	color:#CC7A18;
}

header nav li a,
header nav li span{
	display:block;
	padding:5px 10px;
	letter-spacing: normal;
	opacity:1;
	transition:background 0.1s ease-out 0s;
}

header nav li a{
	color:#fff !important;
}

header nav li a:hover{
	background:#cb7007;
	opacity:1;
	transition:background 0.1s ease-in 0s;
}


/********** coloring **********/

.genre_top header nav li:first-child,
.template_news header nav li:first-child,
.template_word header nav li:first-child,
.genre_business header nav li:nth-child(2),
.genre_technology header nav li:nth-child(3),
.genre_development header nav li:nth-child(4),
.genre_planning header nav li:nth-child(5),
.genre_management header nav li:nth-child(6),
.genre_art header nav li:nth-child(7),
.genre_event header nav li:nth-child(8),
.genre_recruit header nav li:nth-child(9){
	position:relative;
	z-index:100;
	background:#ece8e4;
	box-shadow:0px 1px 0 0 #ece8e4;
}

.genre_top header nav li:first-child a,
.template_news header nav li:first-child a,
.template_word header nav li:first-child a,
.genre_business header nav li:nth-child(2) a,
.genre_technology header nav li:nth-child(3) a,
.genre_development header nav li:nth-child(4) a,
.genre_planning header nav li:nth-child(5) a,
.genre_management header nav li:nth-child(6) a,
.genre_art header nav li:nth-child(7) a,
.genre_event header nav li:nth-child(8) a,
.genre_recruit header nav li:nth-child(9) a{
	color:#333 !important;
}

.genre_top header nav li:first-child a:hover,
.template_news header nav li:first-child a:hover,
.template_word header nav li:first-child a:hover,
.genre_business header nav li:nth-child(2) a:hover,
.genre_technology header nav li:nth-child(3) a:hover,
.genre_development header nav li:nth-child(4) a:hover,
.genre_planning header nav li:nth-child(5) a:hover,
.genre_management header nav li:nth-child(6) a:hover,
.genre_art header nav li:nth-child(7) a:hover,
.genre_event header nav li:nth-child(8) a:hover,
.genre_recruit header nav li:nth-child(9) a:hover{
	color:#333 !important;
	background:#ece8e4;
}


/********** published by 4gamer **********/

body > header > nav{
	position:relative;
}

body > header > nav div.by_4gamer{
	position:absolute;
	right:7px;
	top:7px;
	font-size:70%;
	line-height:100%;
	letter-spacing:0;
	color:#fff;
}

body > header > nav div.by_4gamer img{
	height:16px;
	margin-left:5px;
	vertical-align:bottom;
}


/****************************** main ******************************/

.wrapper{
	width:1060px;
	min-height:1000px;
	padding:0px 0 0;
	margin:10px auto 0;
}

.main_contents{
	float:left;
	width:740px;
}

.template_top .main_contents,
.template_word .main_contents{
	margin-bottom:30px;
}

.wrapper:after,
.main_contents .pickup:after,
.main_contents .daily:after,
.main_contents .genre_index:after,
.search_container:after{
	content:" ";
	display:block;
	height:0px;
	clear:both;
}

.main_contents .pickup,
.main_contents .daily{
	width:740px;
	margin:0 auto 0 0;
	text-align:left;
}

.main_contents .daily article .article_tag,
.main_contents .genre_index article .article_tag,
.search_container article .article_tag{
	overflow:hidden;
}


/************************* index *************************/

.daily,
.genre_index,
.search_container,
.template_word .article_related{
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	background:#fff;
}

.daily,
.genre_index{
	padding-bottom:5px;
}

.search_container{
	min-height:5em;
	padding-bottom:5px;
	line-height:5em;
	text-indent:10px;
}


/******************* article ********************/

.daily article,
.genre_index article,
.search_container article,
.template_word .article_related article{
	position:relative;
	float:left;
	width:350px;
	padding:10px 5px 26px;
	margin:5px 5px 0;
	line-height:1em;
	text-indent:0;
	text-align:left;
	border-top:5px solid #ece8e4;
}


/********** nth **********/

.daily article:nth-child(1),
.daily article:nth-child(2),
.genre_index article:nth-child(1),
.genre_index article:nth-child(2){
	padding-top:5px;
	border:0px;
}

.daily article:nth-child(2n+1),
.genre_index article:nth-child(2n+1),
.search_container article:nth-child(2n+1){
	clear:both;
}


/********** inner **********/

.daily article h2,
.genre_index article h2,
.search_container article h2,
.template_word .article_related article h2{
	padding:0px;
	font-size:80%;
	line-height:1.5em;
}

.daily article > a:first-child,
.genre_index article > a:first-child,
.search_container article > a:first-child,
.template_word .article_related article > a:first-child{
	display:block;
	overflow:hidden;
	position:relative;
	float:left;
	width:140px;
	height:77px;
	margin:0px 10px 10px 0;
}

.daily article img,
.genre_index article img,
.search_container article img,
.template_word .article_related article img{
	display:block;
	position:relative;
	width:100%;
	left:50%;
	top:50%;
	-webkit-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

.daily article h2 + p,
.genre_index article h2 + p,
.search_container article h2 + p,
.template_word .article_related article h2 + p{
	display:block;
	clear:both;
	margin-bottom:0.3em;
	font-size:70%;
	line-height:1.5em;
}

.daily article .img_right_top,
.genre_index article .img_right_top,
.search_container article .img_right_top,
.template_word .article_related article .img_right_top{
	margin:0px 10px 10px 0px;
}


/********** time **********/

p.published_time,
.template_word .article_related p.published_time{
	display:block;
	padding:5px 0px 5px 5px;
	color:#999;
	font-size:50%;
	line-height:100%;
	text-align:right;
}

.target_4GAMER p.published_time:before{
	content:" ";
	display:inline-block;
	width:65px;
	height:12px;
	margin-right:5px;
	vertical-align:bottom;
	background:url(/images/logo_4gamer.png) no-repeat center bottom;
	background-size:contain;
}


/********** p **********/

.daily article h2 + p,
.genre_index article h2 + p,
.search_container article h2 + p,
.template_word .article_related article h2 + p{
	position:relative;
	overflow:hidden;
	height:4.3em;
	word-break:break-all;
	word-wrap:break-word;
}

.daily article h2 + p:after,
.genre_index article h2 + p:after,
.search_container article h2 + p:after,
.template_word .article_related article h2 + p:after{
	content:" ";
	position:absolute;
	right:0;
	top:2.9em;
	width:6em;
	height:1.5em;
	background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,1));
}


/******************** search ********************/

.search_container article:nth-child(2n){
	width:340px;
	margin-right:15px;
}

.search_container article:nth-child(2n+1){
	width:340px;
	margin-left:15px;
}


/******************** word ********************/

.template_word .article_related article{
	width:335px;
	padding:10px 5px 26px;
}

.template_word .article_related h1{
	width:100%;
}

.template_word .article_related article:nth-child(2n+1){
	margin:5px 0 0 5px;
}

.template_word .article_related article:nth-child(2n){
	clear:both;
	margin:5px 5px 0 0;
}

.template_word .article_related article:nth-child(2),
.template_word .article_related article:nth-child(3){
	margin-top:0;
}


/******************** tag ********************/

.article_tag{
	list-style:none;
	font-weight:bold;
}

.article_tag{
	position:absolute;
	bottom:5px;
	height:16px;
	padding:0px 5px 0px 0px;
}

.article_news .article_tag{
	position:static;
	height:auto;
	padding:0;
}

.article_tag li{
	display:none;
	padding:3px 6px;
	font-size:60%;
	line-height:100%;
	vertical-align:top;
	color:#333;
}

.article_tag li a{
	color:#333;
	text-decoration:none;
}


/***** display *****/

.article_tag li.genre,
.article_tag li.theme,
.article_tag li.p_theme{
	display:inline-block;
}

.article_tag li.genre + li.genre,
.article_tag li.theme + li.theme,
.article_tag li.p_theme + li.p_theme + li.p_theme + li.p_theme{
	display:none;
}


/****** coloring *****/

.article_tag li.genre{
	background:#CDD8E8;
}

.article_tag li.theme{
	background:#FFEEC7;
}

.article_tag li.p_theme{
	background:#DBEFDE;
}


/******************** keyword ********************/

.main_contents .keyword ul,
.keyword_list ul,
.keyword_list dl ul,
.search_keyword ul{
	font-size:70%;
	line-height:150%;
}

.main_contents .keyword li,
.keyword_list li,
.keyword_list dl li,
.search_keyword li{
	display:inline;
}

.main_contents .keyword li a,
.keyword_list li a,
.keyword_list dl li a,
.search_keyword li a{
	display:inline-block;
	min-width:3em;
	margin:0px 3px 5px 0;
	text-align:center;
}

.keyword_list li a,
.keyword_list dl li a,
.search_keyword li a{
	padding:3px 0.5em;
	background:linear-gradient(#fff,#e3e3e3) !important;
	border:1px solid #e3e3e3;
	border-bottom-color:#bbb;
	border-radius:4px;
}

.main_contents .keyword li a:empty,
.keyword_list li a:empty,
.keyword_list dl li a:empty,
.search_keyword li a:empty{
	display:none;
}


/********** icon **********/

.main_contents .keyword li a:before,
.keyword_list li a:before,
.keyword_list dl li a:before,
.search_keyword li a:before{
	white-space: nowrap;
	word-wrap: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';
	font-smoothing: antialiased;
	font-family:'Material Icons';
	font-weight:normal;

	padding-right:2px;
	color:#4b739c;
	vertical-align:middle;
	content:"local_offer";
}

.search_keyword li a:before,
.main_contents .keyword li a[href^="/script/search/"]:before,
.keyword_list li a[href^="/script/search/"]:before,
.keyword_list dl li a[href^="/script/search/"]:before,
.search_keyword li a[href^="/script/search/"]:before{
	content:"search";
}


/********** orange **********/

.main_contents .keyword ul{
	margin-left:5px;
}

.main_contents .keyword li a,
.main_contents .keyword li a:before{
	color:#F7941D;
}


/********************** more *********************/

.article_more{
	position:relative;
	float:right;
	min-width:2em;
	height:25px;
	padding:0px 10px;
	margin:10px 8px 0 0;
	font-size:80%;
	text-align:center;
	line-height:24px;
	background:#fff;
	border-radius:4px;
}

.article_more:after{
	content:" ";
	position:absolute;
	right:-22px;
	top:0px;
	border:12px solid transparent;
	border-left-color:#fff;
}

.main_contents > .article_more:last-child{
	margin-bottom:-35px;
}


/******************** SNS ********************/

#SOCIALBOOKMARK{
	height:20px;
	margin-bottom:20px;
}

.author + #SOCIALBOOKMARK{
	position:absolute;
	right:20px;
	margin-top:-29px;
	margin-bottom:0px;
}


/********** flex **********/

#SOCIALBOOKMARK_BAR{
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
}

#SOCIALBOOKMARK_BAR .twitter_official{
	-webkit-order:1;
	order:1;
	padding-left:2px;
	vertical-align:middle;
}

#SOCIALBOOKMARK_BAR .facebook_share{
	-webkit-order:2;
	order:2;
	padding-left:2px;
	vertical-align:middle;
}

#SOCIALBOOKMARK_BAR .hatena{
	-webkit-order:3;
	order:3;
	padding-left:2px;
	vertical-align:middle;
}


/********* twitter *********/

#SOCIALBOOKMARK_BAR .twitter_official iframe{
	float:left;
}

#SOCIALBOOKMARK_BAR .twitter_official img{
	float:left;
	width:54px;
	height:20px;
}

#SOCIALBOOKMARK_BAR .twitter_search_link{
	position:relative;
	display: block;
	float: left;
	height: 14px;
	margin: 0px 0px 0px 4px;
	padding: 2px 3px 2px 1px;

	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN','meiryo';
	font-size: 9px;
	text-decoration: none;
	letter-spacing: -2px;
	line-height: 14px;

	border-radius: 2px;
	border: 1px solid #ddd;
	background-color: #FFF;
}

#SOCIALBOOKMARK_BAR .twitter_search_link:after,
#SOCIALBOOKMARK_BAR .twitter_search_link:before{
	content: " ";
	position: absolute;
	top: 50%;
	right: 100%;
	width: 0;
	height: 0;
	pointer-events: none;
	border: solid transparent;
}

#SOCIALBOOKMARK_BAR .twitter_search_link:after{
	margin-top: -4px;
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 4px;
}

#SOCIALBOOKMARK_BAR .twitter_search_link:before {
	margin-top: -5px;
	border-color: rgba(221, 221, 221, 0);
	border-right-color: #ddd;
	border-width: 5px;
}


/********* facebook *********/

#SOCIALBOOKMARK_BAR .facebook_share > div > span{
	vertical-align:top !important;
}


/****************************** right contents ******************************/

.right_contents:after{
	content:" ";
	clear:both;
	height:0;
	display:block;
}

.right_contents{
	float:right;
	width:300px;
	padding:0px 0px 0px 10px;
	background:#ECE9E4;
}

.right_contents img{
	vertical-align:top;
}


/******************** sns ********************/

.right_contents .sns_button{
	height:20px;
	margin-bottom:10px;
	list-style:none;
}

.right_contents .sns_button li{
	overflow:hidden;
	display:inline-block;
	height:20px;
	font-size:11px;
	line-height:20px;
}


/********** twitter **********/

.right_contents .sns_button li.twitter a:before{
	content:" ";
	display:block;
	float:left;
	width:11px;
	height:11px;
	margin:3px 2px 0 0;
	background:url(/images/logo_twitter_white.png) no-repeat center center;
	background-size:contain;
	vertical-align:baseline;
}

.right_contents .sns_button li.twitter a{
	display:block;
	float:left;
	width:89px;
	height:20px;
	padding:1px 8px 1px 6px;
	line-height:18px;
	font-size:10px;
	color:#fff;
	background:#1b95e0;
	border-radius:3px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


/********** facebook **********/

.right_contents .sns_button li.facebook a:before{
	content:" ";
	display:block;
	float:left;
	width:14px;
	height:14px;
	margin:3px 4px 0;
	background:url(/images/logo_facebook_white.png) no-repeat center center;
	background-size:contain;
	vertical-align:baseline;
}

.right_contents .sns_button li.facebook a{
	display:block;
	float:left;
	height:20px;
	padding:0px 6px 0 0;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
	text-shadow:0 -1px 0 #354c8c;
	color:#fff;
	background:linear-gradient(#4c69ba, #3b55a0);
	border-radius:2px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


/********** hatena **********/

.right_contents .sns_button li.hatena:before{
	content:" ";
	display:block;
	float:left;
	width:19px;
	height:20px;
	background:url(/images/logo_hatena_button.png) no-repeat left top;
}

.right_contents .sns_button li.hatena a{
	display:block;
	float:left;
	height:20px;
	padding:0px 6px 0 2px;
	line-height:18px;
	font-size:10px;
	font-weight:bold;
	text-shadow:0 1px 0 #fff;
	color:#333;
	background:linear-gradient(#fff 50%, #f0f0f0 50%);
	border:1px solid #b0c1db;
	border-left:0px;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


/********** rss **********/

.right_contents .sns_button li.rss a{
	display:block;
	float:left;
	height:20px;
	padding:0px 4px;
	font-size:11px;
	line-height:20px;
	background:#ff9900;
	background:linear-gradient(#ff9900, #ee8800);
	color:#fff;
	border:1px solid #f98900;
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.2);
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:2px;
}


/******************** search ********************/

.search_box{
	height:22px;
	text-align:left;
}

.search_box input.google_search{
	display:inline-block;
	width:220px;
	height:16px;
	margin:0;
	padding:0;
	vertical-align:top;
}


/******************** recruit ********************/

.recruit_box{
	position:relative;
	clear:both;
	margin-top:15px;
}

.recruit_box h2{
	position:relative;
	float:left;
	height:12px;
	padding:8px 6px 8px 12px;
	font-size:12px;
	line-height:100%;
	background:#fff;
}

.recruit_box h2:after{
	content:" ";
	display:block;
	position:absolute;
	right:-28px;
	bottom:0;
	border:14px solid transparent;
	border-bottom-color:#fff;
	border-left-color:#fff;
}

.recruit_box p{
	clear:both;
	padding:5px 10px;
	font-size:80%;
	background:#fff;
}


/********** powerd by ssa **********/

.recruit_box .recruit_ssa{
	position:absolute;
	right:0;
	top:0;
	width:180px;
	height:23px;
}

.recruit_box .recruit_ssa img{
	width:180px;
}


/********** search **********/

.recruit_search:before{
	content:" ";
	display:block;
	position:absolute;
	z-index:100;
	top:-2px;
	left:50%;
	margin-left:-3px;
	border:6px solid transparent;
	border-top-color:#fff;
}

.recruit_search{
	position:relative;
	height:20px;
	padding:10px 0px;
	text-align:center;
	box-shadow:inset 0px 1px 0px 0px #E1F1F0;
	border-top:1px solid #BBCBCA;
	border-bottom:1px solid #BBCBCA;
	background:#C3E3E0;
}

.recruit_box h2 + .recruit_search{
	clear:both;
}

.recruit_box h2 + .recruit_search:before{
	content:none;
}

.recruit_search input.search{
	margin:0;
	padding:0;
	width:210px;
	height:16px;
	vertical-align:top;
	display:inline-block;
}

.search_box input.button,
.recruit_search input.button{
	display:inline-block;
	width:60px;
	height:20px;
	margin:0;
	padding:0;
	vertical-align:top;
	cursor: pointer;

	font-size:70%;
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN','meiryo';
	line-height:20px;
	color:#333333;
	text-align:center;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);

	border: 1px solid #ccc;
	border-bottom-color:#666;
	border-color:#f89406 #f89406 #ad6704;
	border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-radius:3px;

	background-color: #faa732;
	background-image: linear-gradient(#fbb450, #f89406);
	background-repeat: repeat-x;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}


/********** tab **********/

.recruit_box ul:after{
	content:" ";
	clear:both;
	height:0;
	display:block;
}

.recruit_box ul{
	list-style:none;
	font-size:70%;
	line-height:100%;
	background:#fff;
}

.recruit_box ul li{
	float:left;
	width:73px;
	text-align:center;
	background:#fff;
	background:linear-gradient(#fff,#f9f9f9);
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	box-shadow:inset 0px 0px 0px 1px #fff;
}

.recruit_box ul li a{
	display:block;
	padding:10px 0;
}

.recruit_box ul li:last-child{
	width:76px;
	border-right:1px solid #ccc;
}


/******************** banner ********************/

h2.recruit_banner{
	clear:both;
	padding:5px 10px;
	margin-top:20px;
	font-size:80%;
	line-height:20px;
	color:#fff;
	background:#F7941D;
}


/********** rectangle **********/

.right_contents .banner_rectangle{
	clear:both;
	width:300px;
	height:250px;
	margin-top:10px;
	background:#ddd;
}


/********** article **********/

.right_contents .pr_article{
	clear:both;
	width:300px;
	margin-top:10px;
	list-style:none;
}

.right_contents .pr_article img{
	width:280px;
	height:156px;
}


/***** li *****/

.right_contents .pr_article li{
	position:relative;
	font-size:75%;
	line-height:1.5em;
	margin-bottom:10px;
	padding:10px;
	background:#fff;
	box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #fff, inset 0px 0px 0px 3px #ffe5c5;
	box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 3px #fff, inset 0px 0px 0px 4px #eee;
//	overflow:hidden;
}

.right_contents .pr_article li:before,
.right_contents .pr_article li:after{
	content:" ";
	display:block;
	position:absolute;
	width:26px;
	height:8px;
	background:#ece8e4;
}

.right_contents .pr_article li:before{
	top:-1px;
	left:-11px;
	box-shadow:0px 1px 0px 0px rgba(0,0,0,0.12);
	box-shadow:0px 1px 0px 0px #ccc8c4;
	-webkit-transform:rotate3d(0,0,1,-45deg);
	transform:rotate3d(0,0,1,-45deg);
}

.right_contents .pr_article li:after{
	bottom:-2px;
	right:-11px;
	box-shadow:0px -1px 0px 0px rgba(0,0,0,0.12);
	box-shadow:0px -1px 0px 0px #ccc8c4;
	-webkit-transform:rotate3d(0,0,1,-45deg);
	transform:rotate3d(0,0,1,-45deg);
}

.right_contents .pr_article li a:last-child:after{
	content:" ";
	display:block;
	clear:both;
	height:0;
}


/***** p *****/

.right_contents .pr_article li p:before{
	display:block;
//	float:right;
	width:7em;
	padding:5px;
	margin-bottom:5px;
	font-size:11px;
	line-height:1em;
	text-align:center;
	background:#ff0;
//	box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,0.2), 1px 1px 0px rgba(0,0,0,0.1);
}

.right_contents .pr_article li p{
	float:right;
	width:155px;
	text-align:left;
	font-weight:bold;
}

.right_contents .pr_article li p a:visited{
	color:#4b739c;
}

/***** pattern_1 *****/

.right_contents .pr_article li.news p:before{
	content:"ニュース";
}

.right_contents .pr_article li.event p:before{
	content:"イベント";
}

.right_contents .pr_article li.information p:before{
	content:"お知らせ";
}

.right_contents .pr_article li.news p:before,
.right_contents .pr_article li.event p:before,
.right_contents .pr_article li.information p:before{
	color:#fff;
	background:linear-gradient(#ff0,#fe0);
	background:#1c652f;
}


/***** pattern_2 *****/

.right_contents .pr_article li.interview p:before{
	content:"インタビュー";
}

.right_contents .pr_article li.report p:before{
	content:"テストレポート";
}

.right_contents .pr_article li.series p:before{
	content:"連載";
}

.right_contents .pr_article li.reading p:before{
	content:"読み物";
}

.right_contents .pr_article li.editorial p:before{
	content:"論説";
}

.right_contents .pr_article li.interview p:before,
.right_contents .pr_article li.report p:before,
.right_contents .pr_article li.series p:before,
.right_contents .pr_article li.reading p:before,
.right_contents .pr_article li.editorial p:before{
	background:linear-gradient(#ff0,#fe0);
	background:#ffdd00;
}


/***** pattern_3 *****/

.right_contents .pr_article li.guide p:before{
	content:"入門・活用";
}

.right_contents .pr_article li.special p:before{
	content:"特別企画";
}

.right_contents .pr_article li.pr p:before{
	content:"広告企画";
}

.right_contents .pr_article li.recruit p:before{
	content:"求人";
}

.right_contents .pr_article li.guide p:before,
.right_contents .pr_article li.recruit p:before,
.right_contents .pr_article li.special p:before,
.right_contents .pr_article li.pr p:before{
	color:#fff;
	background:linear-gradient(#555,#333);
	background:#1b3698;
}


/***** pattern_4 *****/

.right_contents .pr_article li.company p:before{
	content:"会社情報";
}

.right_contents .pr_article li.product p:before{
	content:"製品情報";
}

.right_contents .pr_article li.ir p:before{
	content:"IR";
}

.right_contents .pr_article li.books p:before{
	content:"Books";
}

.right_contents .pr_article li.books p:before,
.right_contents .pr_article li.ir p:before,
.right_contents .pr_article li.product p:before,
.right_contents .pr_article li.company p:before{
	color:#fff;
	background:linear-gradient(#555,#333);
	background:#555;
}


/***** pattern_5 *****/

.right_contents .pr_article li.foreign p:before{
	content:"海外記事";
}

.right_contents .pr_article li.flash p:before{
	content:"速報";
}

.right_contents .pr_article li.foreign p:before,
.right_contents .pr_article li.flash p:before{
	color:#fff;
	background:linear-gradient(#555,#333);
	background:#a52828;
}


/********** normal **********/

.right_contents .banner{
	clear:both;
	width:300px;
	margin-top:10px;
	list-style:none;
}

.right_contents .banner li{
	float:left;
	width:145px;
	height:145px;
	background:#ddd;
	margin-bottom:10px;
}

.right_contents .banner li.odd{
	margin-right:10px;
}

/*
.right_contents .banner li:nth-child(2n+1){
	margin-right:10px;
}
*/


/********** bottom **********/

.right_contents .banner_bottom{
	clear:both;
	width:300px;
	padding-top:20px;
	list-style:none;
}

.right_contents .banner_bottom li{
	width:300px;
	height:80px;
	margin-bottom:10px;
}


/****************************** footer ******************************/

footer{
	clear:both;
	padding:20px 0;
	margin-top:20px;
	text-align:center;
	color:#fff;
	background:#313940;
	min-width:1060px;
}

footer img{
	width:150px;
	vertical-align:text-bottom;
}

footer small{
	display:block;
	margin-top:5px;
	font-size:70%;
	line-height:100%;
}

footer nav + p{
	font-size:80%;
}

footer nav + p + p small{
	margin-top:20px;
}

footer small img{
	width:100px;
	vertical-align:text-bottom;
}

footer p.site_smartphone{
	display:none;
}


/******************** nav ********************/

footer nav{
//	width:1060px;
	margin:0 auto 20px;
}

footer nav li{
	display:inline-block;
	padding:5px 10px;
	color:#fff;
	font-size:80%;
	font-weight:bold;
	color:#555E67;
}

footer nav li a{
	color:#fff !important;
}