@charset "UTF-8";

#channel-heade,footer .site-footer {font:13px/1 overpass,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, sans-serif ; line-height:1.6em;}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}

#channel-header {
	background: #464646 url(../images/common/channel-nav-bg.png) repeat-x center top;
	height: 40px;
	width: 100%;
	overflow: hidden;
}

#channel-header #redhat-logo {
	float: right;
	margin-right: 15px;
	margin-top:5px;
	text-align:right;
}
#channel-header #redhat-logo a img {
	height: auto;
	width: 86px;
}

#channel-header #channel-nav {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	border-left: 1px solid #333;
	border-right: 1px solid #666;
	
}
#channel-header #channel-nav li {
	float: left;
	display:table;
	max-width: 120px;
	border-right: 1px solid #333;
	border-left: 1px solid #666;
	height:40px;
}
#channel-header #channel-nav li a {
	display: table-cell;
	vertical-align:middle;
	height: 40px;
	font-size:11px !important;
	line-height: 1em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#CCCCCC;
	padding:0px 8px;
	width:auto;
	background: url(../images/common/channel-nav-bg.png) repeat-x center 0px;
	text-shadow: -1px -1px 0px #111,1px 1px 0px #555; 
}
#channel-header #channel-nav li a span {
	color:#CC0000;
	font-weight:normal;
}
#channel-header #channel-nav li a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background: url(../images/common/channel-nav-bg-on.png) repeat-x center center;
	height: 40px;
	text-shadow: -1px -1px 0px #111,1px 1px 0px #777; 
}
#channel-header #channel-nav li a:hover span {
	color: #FF0000;
}
#channel-header #channel-nav li#nav-login a {
	padding:0px;
}

.home #channel-header #channel-nav li#nav-openeye a,
.search #channel-header #channel-nav li#nav-openeye a,
.page-id-788 #channel-header #channel-nav li#nav-openeye a,
.archive.tag #channel-header #channel-nav li#nav-openeye a,
.category-19 #channel-header #channel-nav li#nav-openeye a,
.category-17 #channel-header #channel-nav li#nav-openeye a,
.category-20 #channel-header #channel-nav li#nav-openeye a,
.category-13 #channel-header #channel-nav li#nav-openeye a,
.category-16 #channel-header #channel-nav li#nav-openeye a,
.category-18 #channel-header #channel-nav li#nav-openeye a,
.category-45 #channel-header #channel-nav li#nav-openeye a,
.category-46 #channel-header #channel-nav li#nav-openeye a,
.category-47 #channel-header #channel-nav li#nav-openeye a,
.category-48 #channel-header #channel-nav li#nav-openeye a,
.category-49 #channel-header #channel-nav li#nav-openeye a {
	background: url(../images/common/channel-nav-bg-on.png) repeat-x center center;
	color: #FFFFFF;
}
#obi #channel-header #channel-nav li#nav-engineers a,
#itModernization #channel-header #channel-nav li#nav-engineers a,
#rhel #channel-header #channel-nav li#nav-engineers a,
#storage #channel-header #channel-nav li#nav-engineers a,
#jboss #channel-header #channel-nav li#nav-engineers a,
#partner #channel-header #channel-nav li#nav-engineers a,
#oss #channel-header #channel-nav li#nav-engineers a
 {
	background: url(../images/common/channel-nav-bg-on.png) repeat-x center center;
	color: #FFFFFF;
}
#training #channel-header #channel-nav li#nav-meetup a,
#reug #channel-header #channel-nav li#nav-meetup a,
#event #channel-header #channel-nav li#nav-meetup a {
	background: url(../images/common/channel-nav-bg-on.png) repeat-x center center;
	color: #FFFFFF;
}
#footer-info .container {
	margin-right: auto;
	margin-left: auto;
	max-width: 960px;
	width:100%;
}


/* SP Landscape */
@media screen and (max-width:460px) {
#channel-header #redhat-logo {
	
	width:75px;
}
#channel-header #redhat-logo img {
	width:100%;
	height:auto;
}


#channel-header #channel-nav {
	margin: 0;
}

#channel-header #channel-nav li {
	max-width: 70px;
}
#channel-header #channel-nav li a {
	font-size:10px !important;
	padding:0px 3px;
}

}

/*----------------------
footer
----------------------*/
.site-footer{ background-color:#292A2F; font-size:12px !important;}
#footer-info {
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer-info .container {
	position: relative;
	height:120px;
	overflow:hidden;
}

#footer-info a {
	color: #CCC !important;
	text-decoration:none;
}
#footer-info a:hover {
	color: #FFF !important;
	text-decoration:underline;
}
#footer-info .footer-nav-list {
	margin-top: 15px;
	margin-bottom: 0px;
	padding: 0px 0px 50px;
	float: left;
}
#footer-info .footer-nav-list li {
	float: left;
	color: #CCC;
	margin-left:20px;
}

#footer_snavi {
	text-align: right;
	float: right;
	margin-right:15px;
	margin-top: 15px;
}
#footer_snavi li {
	float: left;
	margin-left:20px;
}
#footer_snavi li a {
	line-height: 18px;
}
#footer_snavi li .fb {
	background: url(../images/common/fb_ico.png) no-repeat left center;
	padding-left: 22px;
	padding-top: 3px;
	padding-bottom: 1px;
}
#footer_snavi li .contact_btn {
	background: url(../images/common/arrow01.png) no-repeat left center;
	padding-left: 24px;
	padding-top: 3px;
	padding-bottom: 1px;
}
#footer-info .footer-nav-list .copyright {
	clear: both;
	float: none;
	padding-top:8px;
}

a#scroll-top {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	height: 42px;
	width: 42px;
	z-index: 9999;
	line-height: 3em;
	background: #333333 url(../images/common/scroll-top.png) center center no-repeat;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
a#scroll-top:hover {
	background-color: #666666;
}

/* SP Landscape */
@media screen and (max-width:640px) {
#footer-info{font-size:93%;}
#footer-info #footer_snavi {
	text-align: center;
	float:none;
	position: static;
	margin:0 auto;
	width:100%;
	padding:10px 0px 0;
}
#footer-info #footer_snavi li {
	margin:0px 5px;
	float:none;
	display: inline;
}
#footer-info .footer-nav-list {
	padding:0;
	text-align: center;
	clear:both;
	float:none;
	display:block;
}
#footer-info .footer-nav-list li {
	margin:0 5px;
	float:none;
	display:inline;
}
#footer-info .footer-nav-list .copyright {
	clear: both;
	padding-top:2px;
	display:block;
}
}
li{ list-style:none;}
.social-icon span {
	height: 20px;
	width: 20px;
	display:inline-block;
}
.social-icon .ico-facebook {
	background: url(../images/sns-icon/facebook.svg) no-repeat center center;
	background-size:20px 20px;
}
.social-icon .ico-twitter{
	background: url(../images/sns-icon/twitter.svg) no-repeat center center;
	background-size:20px 20px;
}
.social-icon a{ opacity:0.66;}
.social-icon a:hover{ opacity:1;}