@charset "utf-8";
/*************************************************
CSS
/jp/ja/share/css/style.css

*************************************************/
/* setting
-------------------------------------------------- */
body {
  line-height: 1.75;
}
/* font-family */
body, textarea, #container { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }


/* wrapper
-------------------------------------------------- */
/* header
-------------------------------------------------- */
/* globalNav current */
body.corporate #globalNavCorporate a,
body.business #globalNavBusiness a,
body.news #globalNavNews a,
body.ir #globalNavInvestorRelations a,
body.recruit #globalNavRecruit a,
body.csr #globalNavCsr a {
  color: #0099cc;
}


/* main contents
-------------------------------------------------- */
.localNavArea .subHead {
  font-size: 125%;
}


/* footer
-------------------------------------------------- */
#globalFooter .footerNavArea {
	width: 850px;
}
#globalFooter li {
	margin-right: 15px;
	font-size: 93%;
}

/* newsItem 20140516 */
.newsItem li {
	position: relative;
	min-height: 106px;
	margin: 20px 0 0 0;
	padding: 0 0 0 190px;
	line-height: 1.5;
}
.newsItem li a:active {
	color: #0099cc;
	text-decoration: underline;
}
.newsItem li a:hover {
	text-decoration: underline;
}
.newsItem li a:visited {
	color: #006699;
}
.newsItem li .headInfo {
	display: block;
	margin-bottom: 7px;
}
.newsItem li .tag {
	display: inline-block;
	min-width: 63px;
	max-height: 14px;
	padding: 5px 0;
	color: #fff;
	font-size: 68.75%;/* 11px*/
	background-color: #99a6b3;
	text-align: center;
	vertical-align: top;
}
.newsItem li .date {
	margin-left: 10px;
	font-size: 87.5%;/* 14px*/
}
.newsItem li .company {
	display: block;
	margin-top: 5px;
	font-size: 87.5%;/* 13px*/
}
.newsItem li .thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 168px;
	height: 104px;
	overflow:hidden;
	border: 1px solid #ddd;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	_left: -180px;/* IE6 */
}
.newsItem li a:hover .thumb {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
}

/* newsTable01 */
.newsTable01 tr td:last-child {
  width: 778px;
}
.newsTable01 .categoryLabel {
  width: 60px;
  text-align: center;
  vertical-align: top;
}
.newsTable01 .categoryLabel span {
  width: 60px;
  margin-top: 5px;
}


/* label */
.newsTable01 .categoryLabel span {
  background-color: #789;
}
.newsTable01 .categoryLabel span.activities,
.newsTable01 .categoryLabel span.education,
.newsTable01 .categoryLabel span.mecenat,
.newsTable01 .categoryLabel span.technical,
.newsTable01 .categoryLabel span.promoting  {
  background-color: #bd0;
}
.newsTable01 .categoryLabel span.internet-society,
.newsTable01 .categoryLabel span.support,
.newsTable01 .categoryLabel span.authenticate,
.newsTable01 .categoryLabel span.awareness,
.newsTable01 .categoryLabel span.company-visit {
  background-color: #d37;
}
.newsTable01 .categoryLabel span.social {
  background-color: #f90;
}


/*#contactBlock*/
#contactBlock.multiColumn2 {
	margin-top: 40px;
	padding: 39px;
	border: 1px solid #dddddd;
}
#contactBlock.multiColumn2 .columnItem {
	box-sizing: border-box;
	float: left;
	width: 430px;
	margin-right: 40px;
	padding-right: 39px;
	border-right: 1px solid #dddddd;
	text-align: center;
}
#contactBlock.multiColumn2 .columnItem:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
}
html*#contactBlock.multiColumn2 .columnItem {
	width: 350px;
	overflow: hidden;
}
#contactBlock.multiColumn2 .columnItem h3 {
	font-size: 112.5%;
}
#contactBlock.multiColumn2 .columnItem:last-child h3 {
	margin-bottom: 18px;
}
#contactBlock.multiColumn2 .columnItem p {
	margin-top: 0;
}
#contactBlock.multiColumn2 .columnItem .telNum a {
	color: #778899;
	line-height: 1;
	font-size: 200%;/*32px*/
	font-weight: bold;
	text-decoration: none;
	cursor: default;
	text-align: center;
}
#contactBlock.multiColumn2 .columnItem .notesText {
	margin-top: 20px;
	line-height: 1.5;
}
#contactBlock.multiColumn2 .columnItem .actionButtonArea {
	margin: 0;
	text-align: center;
}
#contactBlock.multiColumn2 .columnItem .actionButton01 {
	margin-top: 0;
}


/* otherLinkArea */
.otherLinkArea .bulletLink01 li a {
	line-height: 1.3;
}


/* Nav Smartphonesite
------------------------------- */
#globalHeader {
  height: auto;
}
#globalHeaderInner {
	/* height: 119px; */
}
#globalHeader .NavSmartphonesite {
  background-color: #445566;
  text-align: center;
  font-family: sans-serif;
  line-height: 1;
}

#globalHeader .NavSmartphonesite a {
  display: block;
  padding: 45px 25px;
  text-decoration: none;
  font-size: 281.25%;
}
#globalHeader .NavSmartphonesite a .icon {
	padding-top: 6px;
	padding-bottom: 6px;
}
#globalHeader .NavSmartphonesite a .icon:after {
  content: "スマートフォン版を表示";
}
#globalHeader .NavSmartphonesite a span span {
  display: none;
}


/* socialArea
--------------------------------- */
html {
	overflow: auto;
}
* html {
	overflow: hidden;
	overflow-x: auto;
	height: 100%;
}
body {
	overflow-x: hidden;
	min-width: 1020px;
	height: 100%;
	position: relative;
}
* html body {
	overflow-y: auto;
}
#socialArea {
	margin: 0 -500%;
	padding: 40px 500%;
	width: 100%;
	background-color: #789;
}
#socialArea .sectionInnerLv2 {
	float: left;
	width: 300px;
	height: 360px;
	margin-right: 40px;
	padding: 20px 0;
	background-color: #fff;
}
#socialArea .sectionInnerLv2 h2 {
	margin: 0;
	text-align: center;
}
#socialArea .sectionInnerLv2 .noscript {
	display: none;
}
#socialArea .sectionInnerLv2 + .sectionInnerLv2 {
	margin-top: 0;
}
#socialArea noscript ul {
	margin: 20px;
}
#socialArea #facebookArea {
	height: 380px;
	padding-bottom: 0;
}
#socialArea #facebookArea h2 {
	margin-top: 0!important;
	margin-bottom: 8px!important;
}
#socialArea #twitterArea {
	width: 295px;
	padding-left: 5px;
}
#socialArea #twitterArea h2 {
	margin-top: 0!important;
	margin-bottom: 20px!important;
}
#socialArea #twitterArea #twitter-widget-1 {
	width: 295px;
	height: 284px;
}
#socialArea #blogArea #feeds span.loading {
	display: block;
	height: 100%;
	background: url(/jp/ja/share/img/icon_loader.gif) center center no-repeat;
}
#socialArea #blogArea {
	margin-right: 0;
}
#socialArea #blogArea h2 {
	margin-top: 0!important;
	margin-bottom: 20px!important;
}
#socialArea #blogArea li {
	margin: 0 10px 10px;
}
#socialArea #blogArea li a {
  display: block;
  width: 248px;
  height: 33px;
  padding: 20px 15px;
  border: 1px solid #dddddd;
  color: #456;
  line-height: 2.2;
  font-size: 100%;/*18px*/
  font-weight: bold;
}
#socialArea #blogArea li a:hover {
  text-decoration: none;
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
}
#socialArea #blogArea li a img {
  float: left;
  padding-right: 15px;
}


#socialArea #blogArea #feeds {
	display: none;
	height: 284px;
	margin: 0;
	overflow: auto;
	line-height: 1.2;
	font-size: 81.25%;/* 13px */
}
#socialArea #blogArea #feeds ul {
	margin: 0;
	padding: 0 13px;
}
#socialArea #blogArea #feeds li {
	margin: 0 0 15px 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #ddd;
}
#socialArea #blogArea a img {
	padding-left: 0;
	vertical-align: middle;
}
#socialArea #blogArea a .icon01 {
	padding-left: 12px;
}
#socialArea #blogArea a:hover {
	text-decoration: none;
}
#socialArea #blogArea span[title^="GREE Engineers' Blog"]:after {
	content: "Engineer";
}
#socialArea #blogArea span[title^="GREE Creators Blog"]:after {
	content: "Creator";
}
#socialArea #blogArea span[title^="GREE PR Blog"]:after {
	content: "PR";
}
#socialArea #blogArea .blogTitle {
	/display: none!important;/* IE6,7 */
}
#socialArea .blogListImg {
	display: block;
	width: 254px;
	margin: 10px auto;
}
#socialArea #blogArea #feeds .headInfo {
	display: block;
	margin-bottom: 7px;
	font-size: 68.75%;/* 11px */
}
#socialArea #blogArea #feeds .published {
	color: #456;
}
#socialArea #blogArea #feeds .blogTitle {
	display: inline-block;
	margin-right: 10px;
	min-width: 63px;
	max-height: 14px;
	padding: 5px 7px;
	color: #fff;
	background-color: #99a6b3;
	text-align: center;
	vertical-align: middle;
}
#socialArea #blogArea a .articleTitle:hover {
	text-decoration: underline;
}


/* slider
--------------------------------- */
#HeroImg.contentsHeader h1 {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	_display: block!important;/* IE6 */
}

#sliderWrap {
	_display: none;/* IE6 */
}
#slider {
	display: none;
}
#slider li {
	width: 980px !important;
	margin: 0 auto !important;
	overflow: visible !important;
	text-align: center;
}
#slider li a:hover {
	opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}
#sliderBg {
	position: relative;
	width: 980px;
	margin: 0 auto;
	overflow: visible;
}
#sliderBg div {
	position: absolute;
	top: -408px;
	width: 10000px;
	height: 408px;
	background-color: #d0f3ff;
	opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
	z-index: 9998;
}
#sliderBg #bgLeft {
	right: 980px;
}
#sliderBg #bgRight {
	left: 980px;
}

#sliderWrap #pagerWrap {
	border-top: 1px solid #dddddd;
	background-color: #e7e8e9;
}
#sliderWrap #pager {
	width: 525px;
	margin: 0 auto;
	padding: 15px 0;
}
#sliderWrap #pager li {
	float: left;
	width: 120px;
	margin-right: 15px;
}
#sliderWrap #pager li:last-child {
	margin-right: 0;
}
#sliderWrap #pager a {
	display: block;
	border: 1px solid #ccc;
}
#sliderWrap #pager a.active {
	border: 1px solid #00a0dc;
}
#sliderWrap #pager li img {
	width: 118px;
	height: auto;
	-ms-interpolation-mode: bicubic;
}