@charset "utf-8";
/* CSS Document */

/*========================================================================================== Basic Style */
	
	html { height: 100%; padding-bottom: 1px; }
	
	body { padding: 0; margin: 0; line-height: 1; }

	a { color: #333333; }
	a:link, a:visited { text-decoration: none; }
	a:hover, a:active { text-decoration: none; }
		
	img { border: 0px; vertical-align:bottom; }
	
	table { border-collapse: collapse; border-spacing: 0; }		
		
	/*-------------------------------------------------- Text */

	*{font-family:"メイリオ", "ＭＳ Ｐゴシック", sans-serif;}
	
	body {
		font-size: 13px; /* モダンブラウザ向け */
		*font-size: small; /* IE 7向け */
		*font: x-small; /* IE 6以下 */
		line-height:1;
	}
	
	h1 {padding: 0px; margin: 0px; color:#333; line-height:1.2; font-size:131%; font-weight:bold;}
	h2 {padding: 0px; margin: 0px; color:#333; line-height:1.2; font-size:123.1%; font-weight:bold;}
	h3 {padding: 0px; margin: 0px; color:#333; line-height:1.6; font-size:116%; font-weight:bold;}
	h4 {padding: 0px; margin: 0px; color:#333; line-height:1.6; font-size:108%; font-weight:bold;}
	p {padding:0; margin:0; color:#333; line-height:1.6;}
	li {padding:0; margin:0; color:#333; line-height:1.6; list-style:none;}
	div {color:#444;}
	input,textarea,select,option {padding:2px; margin:0; color:#333; line-height:1; font-size:100%;}
	
	address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;}
	
	/*-------------------------------------------------- clearfix */

	.contents-clear {clear:both;}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.clearfix {display: inline-table;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

/*============================== sprite ==============================*/
	.recruit-naviarea .recruit-list,
	.page-top,
	.contents-text .more-bt,
	.contents-text .more-bt .arrow,
	.press-area .icon-aima,
	.press-area .icon-ap,
	.press-area .icon-woopie,
	#Company .more-bt,
	#Company .more-bt .arrow,
	.device li,
	.casual-device a,
	.casual-device a.iphone.disable,
	#tabcontent .icon-area,
	.about-right a,
	.pb-arrow {
		background:url(../../images/v2/sprite.png) no-repeat;
	}
	
/*============================== wrapper ==============================*/
	body {
		padding:0;
		}
		
	.wrapper {
		padding:0;
		margin:0 auto 0 auto;
		background:#FFF;
		position:relative;/*サイドナビ用*/
		width:100%;
		overflow:hidden;
	}
	
/*============================== header ==============================*/
	header {
		border-bottom:1px solid #DDD;
	}

	.wrapper.top header {
		border-bottom:0;
	}

	.header {
		padding:22px 0 0 0;
		border:0;
		margin:0 auto;
		width:970px;
		height:103px;
		position:relative;/*IE7pulldown-menu用*/
		z-index:1000;
	}

	.header .logo {
		padding:0;
		border:0;
		margin:0;
		width:220px;
		height:66px;
		float:left;
	}
	
	.header h1 img {
		width:220px;
		height:66px;
	}
	
	.header .global-navi {
		padding:26px 0 0 0;
		border:0;
		margin:0;
		width:611px;
		height:40px;
		float:right;
	}
		
	.header .global-navi li {
		padding:0;
		border:0;
		margin:0;
		float:left;
		position:relative;
	}
		
	.header .global-navi li a {
		padding:0 35px;
		border:0;
		margin:0;
		display:block;
		overflow:hidden;
		font-size:131%;
		font-weight:bold;
		color:#333;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	.header .global-navi li a:hover,
	.header .global-navi li.active a {
		color:#2DB9C2;
	}
			
	.header .global-navi li ul {
		display:none;
		padding:0;
		margin:0;
		-moz-box-shadow: 1px 1px 3px #666;
		-webkit-box-shadow: 1px 1px 3px #666;
		box-shadow: 1px 1px 3px #666;
		position:absolute;
		z-index:500;
		top:59px;
		left:-10px;
	}
		
	.header .global-navi li:hover ul {
		display:block;
	}
		
	.header .global-navi li ul li {
		float:none;
		padding:0;
		border:0;
		margin:0;
	}
		
	.header .global-navi li ul li a {
		color:#FFF;
		background:#29ABB1;
		display:block;
		padding:0 20px;
		border-bottom:1px dashed #FFF;
		line-height:3.0;
		text-align:left;
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		opacity:0.9;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		width:140px;
		font-weight:bold;
	}

	.header .global-navi li ul li a {
		border-bottom/*\**/:1px dotted #FFF\9;
	}

	.header .global-navi li ul li a:hover {
		background:#29ABB1;
		filter:alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
	}
		
/*------------------------------------------------------------------------------------------------------------ top*/
/*============================== top-container ==============================*/
	.top-container {
		padding:0;
		border:0;
		margin:0;
	}
		
	.top-key-image {
		padding:0;
		border:0;
		margin:0 auto 20px auto;
	}
	
	.top-key-image img {
		margin:0 auto;
	}
	
/*============================== under-contents ==============================*/
	.under-container {
		width:970px;
		margin:0 auto 10px auto;
	}
	
	.under-contents {
		padding:0;
		border:0;
		margin:0;
		width:620px;
		float:left;
	}

/*============================== index-contents ==============================*/

	.index-title {
		padding: 0 0 0 20px;
		border-left: 5px solid #48CDD5;
		margin: 0 0 5px 0;
		font-size: 20px;
		line-height: 2;
		color:#333;
	}

	.index-title span {
		margin:0 0 0 20px;
		color:#666;
		font-size:13px;
		font-weight:normal;
	}
	
	.service-box {
		padding:10px 0 0 0;
		margin:0 0 10px 20px;
	}
	
	.service-box .box {
		margin:0 13px 0 0;
		display:block;
		width:108px;
		float:left;
		position:relative;
	}

	.service-box .box:last-child {
		margin:0;
	}
	
/*IE8*/	
	.service-box .box {
		margin:0 10px 0 0\9;
	}
/*IE8*/	

	.service-box .box img {
		padding:0;
		border:1px solid #AAA;
		margin:0 0 10px 0;
		display:block;
		width:100px;
	}

	.service-box .box span {
		padding:0;
		display:block;
		text-align:center;
	}
	
	.service-box .box a {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	.service-box .box a:hover {
		color:#2DB9C2;
	}
	
	.service-box .box .label {
		top:0;
	}
	
	.service-box .box .label img {
		width:70px;
		height:70px;
	}

	.service-box .pickup-box {
		margin:0 13px 0 0;
		display:block;
		width:190px;
		float:left;
	}
	
	.service-box .pickup-box:last-child {
		margin:0;
	}

/*IE8*/
	.service-box .pickup-box {
		margin:0 5px 0 0\9;
	}	
/*IE8*/

	.service-box .pickup-box img {
		padding:0;
		margin:0 0 10px 0;
		display:block;
		border-radius:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;		
	}

	.service-box .pickup-box span {
		padding:0;
		display:block;
	}
	
	.service-box .pickup-box a {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	.service-box .pickup-box a:hover {
		color:#2DB9C2;
	}
	
/*============================== top-press-area ==============================*/
	.under-contents .top-press-area {
		padding:0;
		border:0;
		margin:0 0 20px 0;
		width:100%;
		float:left;
	}

	.under-contents .top-press-area .press-title {
		padding:0;
		border:0;
		margin:0 0 20px 0;
		width:600px;
		height:40px;
		background-position:0 -190px;
		text-indent:-9999px;
	}

	.under-contents .top-press-area .press-box {
		padding:0 0 0 20px;
		border:0;
		margin:0 0 15px 0;
		width:580px;
		clear:both;
		font-size:100%;
	}

	.top-press-area .press-box .date {
		padding:0;
		border:0;
		margin:0 10px 0 0;
		width:60px;
		display:block;
		float:left;
		line-height:1.5;
		color:#777;
	}
		
	.top-press-area .press-box .icon-aima,
	.top-press-area .press-box .icon-ap,
	.top-press-area .press-box .icon-woopie {
		padding:0;
		border:0;
		margin:2px 15px 0 0;
		width:70px;
		height:17px;
		display:block;
		background-position:0 -240px;
		text-indent:-9999px;
		float:left;
	}
	.top-press-area .press-box .icon-ap {
		background-position:-90px -240px;
	}
	.top-press-area .press-box .icon-woopie {
		background-position:-180px -240px;
	}
				
	.top-press-area .press-box .title {
		padding:0;
		border:0;
		margin:0;
		width:425px;
		line-height:1.5;
		float:left;
	}

	.top-press-area .press-box .title a {
		color:#516775;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}

	.top-press-area .press-box .title a:hover {
		color:#444;
		background-color:#EEE;
	}

	.top-press-area .bt {
		padding:0;
		border:0;
		margin:0;
		float:right;
	}
		
	.top-press-area .bt a {
		padding:0;
		border:0;
		margin:0;
		display:block;
		background-position:-255px -130px;
		width:135px;
		height:25px;
		overflow:hidden;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}

	.top-press-area .bt a:hover {
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		opacity:0.5;
	}


/*============================== top-under-right ==============================*/
	.top-under-right {
		padding:0;
		border:0;
		margin:0;
		width:300px;
		float:right;
	}		
		
	.top-under-right .right-banner {
		padding:0;
		border:0;
		margin:15px 0 10px 0;
	}
	
	.top-under-right .right-banner .recruit-banner {
		width:300px;
		margin:0 0 10px 0;
	}
	
/*------------------------------------------------------------------------------------------------------------ other-page*/
/*============================== container ==============================*/
	.container {
		padding:0;
		border:0;
		margin:0 auto 40px auto;
		width:970px;
	}

/*============================== left ==============================*/
	.left {
		padding:0;
		border:0;
		margin:0 30px 0 0;
		width:200px;
		float:left;
	}
	
	.left .left-navi-area {
		padding:0;
		margin:0;
		list-style:none;
	}

	.left .left-navi-area li {
		padding:0;
		width:200px;
	}

	.left .left-navi-area li.tall {
		padding:0;
		margin:0 0 8px -7px;
		width:202px;
		height:48px;
	}

	.left .left-navi-area li a.left-navi,
	.left .left-navi-area li a.left-navi-active {
		margin:0;
		border-bottom:1px solid #CCC;
		display:block;
		line-height:3;
		font-size:123.1%;
		font-weight:bold;
		color:#333;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}
	
	.left .left-navi-area li a:hover {
		color:#2DB9C2;
	}

	.left .left-navi-area li.tall a.left-navi,
	.left .left-navi-area li.tall a.left-navi-active {
		padding:9px 5px 0 30px;
		line-height:1.3;
		font-size:93%;
		height:37px;
	}
		
	.left .left-navi-area li a.left-navi,
	.left .left-navi-area li a.left-navi-active {
	}
	
	.left .left-navi-area li a.left-navi-active {
		color:#2DB9C2;	
	}

	.left .left-navi-area li .shadow {
		background-position:0 -460px;
		padding:0;
		border:0;
		margin:0;
		width:7px;
		height:5px;
		display:block;
	}

	.left .left-navi-area .left-subnavi,
	.left .left-navi-area .left-subnavi-active {
		padding:0;
		border-bottom:1px solid #CCC;
		margin:0 0 0 25px;
		width:175px;
		line-height:1;
	}

	.left .left-navi-area .left-subnavi a,
	.left .left-navi-area .left-subnavi-active a {
		padding:15px 0;
		border:0;
		margin:0;
		display:block;
		width:155px;
		color:#555;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
		float:left;
	}
	
	.left .left-navi-area .left-subnavi-active a {
		color:#2DB9C2;
	}

	.left .left-navi-area .left-subnavi a:hover {
		color:#2DB9C2;
	}

	.left .left-navi-area .sub-sub,
	.left .left-navi-area .sub-sub-active {
		padding:0;
		margin:0 0 0 45px;
		width:155px;
		line-height:1;
	}

	.left .left-navi-area .sub-sub a,
	.left .left-navi-area .sub-sub-active a {
		padding:15px 0;
		border:0;
		margin:0;
		display:block;
		color:#555;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
		width:135px;
		line-height:1.2;
	}
	
	.left .left-navi-area .sub-sub-active a {
		color:#2DB9C2;
	}

	.left .left-navi-area .sub-sub a:hover {
		color:#2DB9C2;
	}
	
	.left .left-under,
	.left .left-under a {
		display:none;
	}
	
	.left .left-navi-area .mark {
		display: block;
		float: left;
		width: 20px;
		height: 10px;
		margin: 17px 0 0 0;	
	}
		
/*============================== right ==============================*/
	.right {
		padding:0;
		border:0;
		margin:0;
		width:710px;
		float:right;
	}

	.contents-title,
	.contents-title h2 {
		padding:0;
		border:0;
		margin:10px 0;
	}

	.contents-image {
		padding:0;
		border:0;
		margin:10px 0 30px 0;
		position:relative;
		text-align:center;
	}

	.contents-image img {
		z-index:100;
	}

	.contents-image a {
		padding:0;
		margin:0;
		display:block;
		overflow:hidden;
		position:absolute;
		text-indent:-9999px;
		z-index:200;
		cursor:pointer;
		background:#FFF;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		opacity:0;
	}

	.contents-image a.woopie-service {
		top:150px;
		left:0;
		width:290px;
		height:150px;
	}
	.contents-image a.woopie-network {
		top:150px;
		right:30px;
		width:290px;
		height:130px;
	}
	.contents-image a.woopie-crawler {
		top:311px;
		left:145px;
		width:360px;
		height:79px;
	}
	.contents-image a.woopie-mobile {
		top:145px;
		left:200px;
		width:140px;
		height:70px;
	}
	.contents-image a.woopie-iPhone {
		bottom:90px;
		left:75px;
		width:130px;
		height:100px;
	}
	.contents-image a.woopie-browser {
		bottom:110px;
		right:90px;
		width:90px;
		height:100px;
	}
	.contents-image a.woopie-pc {
		bottom:30px;
		right:200px;
		width:120px;
		height:90px;
	}
	
	.contents-image a.issues-1 {
		top:10px;
		left:230px;
		width:205px;
		height:141px;
	}

	.contents-image a.issues-2 {
		top:127px;
		right:25px;
		width:223px;
		height:134px;
	}

	.contents-image a.issues-3 {
		bottom:105px;
		right:20px;
		width:222px;
		height:122px;
	}

	.contents-text {
		padding:0;
		border:0;
		margin:0 0 30px 0;
		width:710px;
		text-align:left;
	}

	.contents-text-top {
		padding:10px 0;
		border:0;
		margin:0;
		text-align:left;
		}

	.contents-text-top p {
		line-height:2;
		font-size:116%;
		margin:0;
		}
		
	.contents-text h3 {
		line-height:1.8;
		margin:0 0 5px 0;
		color:#333;
	}

	.contents-text p {
		line-height:1.8;
		font-size:116%;
		margin:0 0 20px 0;
	}

	.contents-text .more-bt {
		padding:0;
		margin:0 0 10px 0;
		float:right;
		border-radius: 2px;  
		-webkit-border-radius:2px;  
		-moz-border-radius: 2px;  
		line-height:2.5;
		font-size:108%;
		font-weight:bold;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
		overflow:hidden;
		clear:both;
		display:block;
		background:#2DB9C2;
	}
		
	.contents-text .more-bt .arrow {
		display:none;
		width:11px;
		height:12px;
		background-position:-580px -500px;
		float:left;
		margin:11px 8px 0 0;
	}

	.contents-text .more-bt a {
		color:#FFF;
		display:block;
		float:left;
		width:330px;
		text-align:center;
	}

	.contents-text .more-bt:hover {
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
	}
	
	.contents-casual {
	margin: 0 0 20px 0;
	height: 200px;
	font-style: italic;
	}
	
	.casual-list-box {
		width:140px;
		height:200px;
		float:left;
	}

	.image-box {
		padding:0;
		margin:0 0 10px 0;
	}
		
	.image-box img {
		width:120px;
		height:120px;
	}
		
	.game-title {
		background:none repeat scroll 0 0 #95d215;
		color:#FFF;
		font-size:85%;
		line-height:1;
		padding:4px;
		width:112px;
		display:block;
		text-align:center;
		transform:none;
	}

	.casual-device {
		padding:0;
		margin:0 0 0 5px;
		height:50px;
	}
	
	.casual-device a {
		display: inline-block;
		height: 50px;
		text-indent: -99999px;
		width: 50px;
		overflow:hidden;
	}
	
	.casual-device a.iphone {
		background-position: -352px 0;
	}
	
	.casual-device a.iphone.disable {
		background-position:-352px -60px;
	}


	.casual-device a.android {
		background-position: -404px 0;
	}
	
	.casual-device a.iphone,
	.casual-device a.android {
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}
	
	.casual-device a.iphone,
	.casual-device a.android {
		 filter: alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}

	.casual-device a:hover.iphone,
	.casual-device a:hover.android {
		 filter: alpha(opacity=35);
		-moz-opacity:0.35;
		opacity:0.35;
	}


/*============================== app-list ==============================*/
	.app-list-box {
		padding:0;
		margin:0 30px 20px 0;
		width:210px;
		height:371px;
		position:relative;
		background:#EEE;
		box-shadow:0 1px 0 0 rgba(0,0,0,0.2);
		-webkit-box-shadow:0 1px 0 0 rgba(0,0,0,0.2);
		-moz-box-shadow:0 1px 0 0 rgba(0,0,0,0.2);
		float:left;
		overflow:hidden;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}
	
	.app-list-box:nth-child(3n) {
		margin:0 0 10px 0;
	}

/*IE8*/
	.app-list-box {
		margin:0 25px 20px 0\9;
	}
/*IE8*/

	.app-list-box:hover {
		background:#E5E5E5;
	}

	.app-list-box .image-box .new-icon {
		position:absolute;
		left:2px;
		top:9px;
		z-index:100;
	}
		
	.app-list-box .image-box {
		padding:0;
		margin:10px;
		position:relative;
		height:176px;
	}

	.app-list-box .image-box img {
		width:190px;
		height:176px;
	}
	
	.app-list-box .text-box {
		margin:0 0 10px 0;
		height:115px;
	}
	
	.app-list-box .app-title {
		font-weight:bold;
		text-align:center;
		font-size:138.5%;
		line-height:1.2;
		padding-top:10px;
		margin:0 0 8px 0;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
		color:#333;
		overflow:hidden;
		max-height:50px;
	}

	.app-list-box:hover .app-title {
		color:#2DB9C2;
	}

	.app-list-box .app-description {
		text-align:center;
		font-size:95%;
		line-height:1.4;
		color:#666;
		margin:0 0 10px 0;
		overflow:hidden;
		max-height:16px;
	}
	
	.game-cate {
		clear:both;
		padding:0 0 5px 0;
		border-bottom:1px dotted #333;
		margin:0 0 10px 0;
		color:#333;
		font-size:138%;
		letter-spacing:1px;
	}
	
	.media-lavel {
		padding:0 10px;
		margin:0;
	}
	
	.media-lavel li {
		padding:4px;
		margin:2px 1px;
		display:inline-block;
		color:#FFF;
		font-size:85%;
		line-height:1;
	}
	
	.media-lavel li.aima {
		background:#95D215;
	}
	
	.media-lavel li.mixi {
		background:#D0AB55;
	}
	
	.media-lavel li.hangame {
		background:#F09B28;
	}
	
	.media-lavel li.gesoten {
		background:#999;
	}
	
	.media-lavel li.yahoo {
		background:#F58383;
	}
	
	.media-lavel li.vector {
		background:#6AB9FF;
	}

	.device {
		padding:0;
		margin:1px;
		background:#FFF;
		height:50px;
	}
	
	.device li {
		width:50px;
		height:50px;
		display:inline-block;
		text-indent:-9999px;
	}
	
	.device li.pc {
		background-position:-300px 0;
	}
	
	.device li.iphone {
		background-position:-352px 0;
	}
	
	.device li.android {
		background-position:-404px 0;
	}
	
	.device li.mobile {
		background-position:-456px 0;
	}
	
	.device li.pc.disable {
		background-position:-300px -60px;
	}
	
	.device li.iphone.disable {
		background-position:-352px -60px;
	}
	
	.device li.android.disable {
		background-position:-404px -60px;
	}
	
	.device li.mobile.disable {
		background-position:-456px -60px;
	}
	
	
/*============================== company-box ==============================*/
	.company-box {
		padding:0;
		border:0;
		margin:0 0 30px 0;
		width:710px;
		text-align:left;
	}

	.company-box .company {
		border-bottom:1px dotted #999;
		font-size:108%;
		padding:7px 0;
		width:710px;
	}

	.company-box .company .left-box {
		width:135px;
		float:left;
		line-height:2.4;
	}

	.company-box .company .right-box {
		width:570px;
		float:right;
		line-height:2.4;
	}

	.company-box .access {
		line-height:2.4;
		padding:15px 0 0 0;
		font-weight:bold;
		color:#666;
		font-size:108%;
	}
	.company-box .access-under {
		line-height:2.4;
		border-bottom:1px dotted #999;	
		padding:7px 0;
		font-size:108%;
	}
	
/*============================== press-area ==============================*/
	.press-area div {
		padding:0;
		border:0;
		margin:0 0 20px 0;
		clear:both;
	}

	.press-area .productTtl {
		padding:0;
		border:0;
		margin:0 20px 0 0;
		width:65px;
		display:block;
		float:left;
		line-height:1.7;
		color:#777;
		font-size:108%;
		font-weight:normal;
	}
		
	.press-area .icon-aima,
	.press-area .icon-ap,
	.press-area .icon-woopie {
		padding:0;
		border:0;
		margin:4px 20px 0 0;
		width:70px;
		height:17px;
		display:block;
		background-position:0 -240px;
		text-indent:-9999px;
		float:left;
	}
	.press-area .icon-ap {
		background-position:-90px -240px;
	}
	.press-area .icon-woopie {
		background-position:-180px -240px;
	}
				
	.press-area .text {
		padding:0;
		border:0;
		margin:0;
		width:475px;
		line-height:1.5;
		float:left;
	}

	.press-area .text a {
		font-size:108%;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}

	.press-area .text a:hover {
		color:#444;
		background-color:#EEE;
	}

/*============================== press-detail ==============================*/
	#under-contents-area {
		padding:0;
		border:0;
		margin:0;
		width:710px;
	}

	#under-contents-area strong {
		font-size:108%;
	}

	#under-contents-area a {
		text-decoration:underline;
	}

	#under-contents-area p {
		line-height:1.8;
		font-size:108%;
	}

 	#under-contents-area .productTtl {
 		color:#2DB9C2;
		font-weight:bold;
		padding:10px 0 0 0;
	}

 	#under-contents-area .productTtl a {
 		color:#2DB9C2;
	}
		
	.data-table {
		padding:15px 0;
		margin:0;
		width:650px;
	}
		
	.data-table table {
		padding:0;
		margin:0;
		width:648px;
		border:1px solid #CCC;
		border-collapse:collapse;
		background:none;
	}
		
	.data-table table td {
		padding:10px 5px;
		margin:0;
		border:1px solid #CCC;
		background:none;
		text-align:center;
		font-size:100%;
	}
	
	.press-share {
		margin:20px 10px 25px 0;
		float:left;
	}	
		
/*============================== recruit-container ==============================*/
	.container-large {
		padding:0;
		border:0;
		margin:0 auto 40px auto;
		width:970px;
	}

	.contents-title-long,
	.contents-title-long h2 {
		padding:0;
		border:0;
		line-height:3;
		color:#333;
		letter-spacing:1.5px;
		clear:both;
	}
	
	.contents-title-long h2.type2 {
		margin:0;
		font-size:197%;
	}
	
	.contents-title-long h2 {
		font-size:197%;
		margin:0;
	}
		
/* -------------------------- recruit ------------------------------*/	
	.recruit-header {
		width:100%;
		text-align:center;
		margin:0 0 20px 0;
		background:#245DD5;  
		background: -moz-linear-gradient(left top, #245DD5,  
            #245DD5 40%,  
            #1F50B9 50%,  
            #1F50B9);
		background:-webkit-gradient(linear, left top, right bottom, from(#245DD5),  
            color-stop(0.4, #245DD5),  
            color-stop(0.5, #1F50B9),  
            to(#1F50B9));
			display:block;
		}
	
	.recruit-header-sp {
		display:none;
	}
	
	.recruit-naviarea {
		padding:0;
		margin:0;
	}
	
	.recruit-naviarea .recruit-list {
		margin:0 30px 20px 0;
		width:460px;
		height:150px;
		display:block;
		float:left;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
		text-indent:-9999px;
		box-shadow: inset 0 0 0 8px rgba(255,255,255,0.6),0 1px 0 0 rgba(0,0,0,0.1);	
		-webkit-box-shadow: inset 0 0 0 8px rgba(255,255,255,0.6),0 1px 0 0 rgba(0,0,0,0.1);	
		-moz-box-shadow: inset 0 0 0 8px rgba(255,255,255,0.6),0 1px 0 0 rgba(0,0,0,0.1);
	}
	
	.recruit-naviarea .recruit-list:nth-child(2n) {
		margin-right:0;
	}
/*IE8*/
	.recruit-naviarea .recruit-list {
		margin-right:20px\9;
	}
/*IE8*/

	.recruit-naviarea .recruit-list:hover {
		box-shadow: inset 0 0 0 0px rgba(255,255,255,0.6);	
		-webkit-box-shadow: inset 0 0 0 0px rgba(255,255,255,0.6);	
		-moz-box-shadow: inset 0 0 0 0px rgba(255,255,255,0.6);	
	}
	
	.recruit-naviarea .recruit-list.list01 {
		background-position:0 -1400px;
	}
	.recruit-naviarea .recruit-list.list02 {
		background-position:0 -1550px;
	}
	.recruit-naviarea .recruit-list.list03 {
		background-position:0 -1700px;
	}
	.recruit-naviarea .recruit-list.list04 {
		background-position:0 -1850px;
	}

	.recruit-interview {
		padding:0;
		margin:0 0 30px 0;
	}
		
	.recruit-interview .interview-box {
		display:block;
		float:left;
		margin:0 18px;
		width:133px;
	}
	
	.recruit-interview .interview-box .image-area {
		border-radius:50%;
		background:#6CD8DD;
		width:135px;
		height:135px;
		float:left;
		margin:0 20px 10px 0;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}
	
	.recruit-interview .interview-box:hover .image-area {
		opacity:0.9;
		background:#DFD8C4;
	} 
	
	.recruit-interview .interview-box .image-area img {
		border-radius:50%;
		width:125px;
		height:125px;
		display:block;
		margin:5px;
	}
	
	.recruit-interview .interview-box .text-area {
		text-align:center;
		font-size:138.5%;
		line-height:1.2;
		float:left;
		width:135px;
	}

	.banner {
		clear:both;
		margin:0 0 30px 0;
		display:block;
	}
	
	.other-contents {
		clear:both;
		margin:0 0 30px 0;
	}
	
	.other-contents a {
		display:block;
		float:left;
	}
	
	.other-contents .list {
		padding:30px 0 30px 30px;
		width:190px;
		margin:0 10px 0 0;
		background:#F9F5F2;
		box-shadow: inset 0 0 0 6px rgba(0,0,0,0.1),0 1px 0 0 rgba(0,0,0,0.1);	
		-webkit-box-shadow: inset 0 0 0 6px rgba(0,0,0,0.1),0 1px 0 0 rgba(0,0,0,0.1);	
		-moz-box-shadow: inset 0 0 0 6px rgba(0,0,0,0.1),0 1px 0 0 rgba(0,0,0,0.1);
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}
	
	.other-contents .list:hover {
		background:#F4ECE8;
		box-shadow: inset 0 0 0 0px rgba(0,0,0,0.1),0 1px 0 0 rgba(0,0,0,0.1);	
		-webkit-box-shadow: inset 0 0 0 0px rgba(0,0,0,0.1),0 1px 0 0 rgba(0,0,0,0.1);	
		-moz-box-shadow: inset 0 0 0 0px rgba(0,0,0,0.1),0 1px 0 0 rgba(0,0,0,0.1);
	}


	.other-contents .list .name {
		font-size:131%;
		font-weight:bold;
		line-height:1;
		}
	
/*-------------------------------- recruit detail */

	.contents-title-short,
	.contents-title-short h2 {
		padding:0;
		border:0;
		margin:10px 0;
	}

	.photos-box {
		display:block;
		width:646px;
		_width:644px;
		height:202px;
		border:solid 1px #CCC;
		padding:1px;
		background: #FFF;
		margin:0 0 20px 0;
	}
		
	.person-photos {
		width:504px;
		height:202px;
		background:#FFF;
		padding:0;
		margin:0;
		display:block;
		float:left;
	}	
		
	.photo-way {
		display:block;
		float:right;
		width:139px;
		_width:136px;
		height:200px;
		border:0;
		text-align:right;
	}	
		
	.name-tipe {
		font-size:93%;
		padding:10px 10px 0 10px;
		display:block;
		color:#333;
		line-height:1.4;
	}

	#Company {
		padding:0;
		border:0;
		margin:0;
		width:650px;
	}
		
	.president-talkarea,
	.people-talkarea {
		display:block;
		float:left;
		width:430px;
		padding:0 0 25px 0;
	}
		
	.people-talkarea02 {
		display:block;
		clear:both;
		width:auto;
		padding:0 0 25px 0;
	}
		
	#Company .productTtl {
		color:#2DB9C2;
		font-size:108%;
		margin:0 0 5px 0;
	}

	#Company p {
		margin:0 0 15px 0;
	}
		
	.president-photoarea01,
	.president-photoarea02 {
		width:196px;
		height:196px;
		border:solid 1px #CCC;
		display:block;
		float:left;
		padding:1px;
		margin:5px 0 10px 20px;
	}
		
	.president-photoarea02 {
		margin:5px  20px 0 0;
	}
		
	.president-photoarea03,
	.president-photoarea04 {
		width:150px;
		height:150px;
		display:block;
		float:left;
		margin:5px 20px 25px 0;
	}
		
	.president-photoarea04 {
		float:right;
		margin:5px 0 25px 20px;
	}
	
	#Company .more-bt {
		padding:0 20px;
		margin:0 0 10px 10px;
		float:right;
		border-radius: 2px;  
		-webkit-border-radius:2px;  
		-moz-border-radius: 2px;  
		line-height:2.4;
		font-size:108%;
		font-weight:bold;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
		background:#2DB9C2;
	}
		
	#Company .more-bt a {
		color:#FFF;
		display:block;
		float:left;
	}

	#Company .more-bt:hover {
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
	}
	
	.sub-recruit div.right div.company-box a {
		color: #2db9c2;
}


/*-------------------------------- QandA css */
	.question {
		display:block;
		width:100%;
		font-size:108%;
		color:#2DB9C2;
		font-weight:bold;
		padding:15px 0 15px 0;
	}

	.answer {
		display:block;
		padding:0px 0 15px 25px;
		border-bottom:1px dotted #CCC;
		margin:0;
		color:#333;
		font-size:108%;
		line-height:180%;
	}

/*============================== service-list-area ==============================*/

	.result-box {
		padding:30px 0 0 0;
		margin:0 0 20px 0;
		position:relative;
	}
	
	.label {
		position:absolute;
		z-index:100;
		left:0;
		top:-1px;
	}
	
	.label img {
		width:120px;
	}
	
	.label img.mini {
		opacity: 0.9;
		width: 90px;
	}
	}
	
	.result-box .image-area {
		padding:0 50px 0 20px;
		float:left;
	}

	.result-box .description-area {
		margin:0;
		float:left;
		width:700px;
	}
	
	.result-box .description-area .app-title {
		margin:0 0 20px 0;
		font-size:153.9%;
	}
	
	.result-box .description-area .list {
		padding:0;
		margin:0 0 10px 0;
	}

	.result-box .description-area .list .left-list {
		padding:5px 0;
		margin:0 10px 0 0;
		width:80px;
		background:#AAA;
		color:#FFF;
		text-align:center;
		font-size:85%;
		float:left;
	}
	
	.result-box .description-area .list .right-list {
		padding:1px 0 0 0;
		width:610px;
		font-size:116%;
		float:left;
		line-height:1.4;
	}
	
	.result-box .description-area .list .right-list .chanel-area .chanel {
		float:left;
	}
	
	.result-box .description-area .list .right-list .chanel-area .etc {
		float:left;
		margin:20px 0 0 0;
	}
	
	.result-box .description-area .list .right-list .release {
		display:block;
		padding:0 0 10px 0;
		border-bottom:1px dotted #CCC;
		margin:0 0 10px 0;
		color:#2DB9C2;
	}
	

/*============================== service-list-area ==============================*/

	.service-list-area {
		padding:0;
		margin:0 0 20px 0;
		list-style:none;
	}
	
	.service-list-area .service-list {
		padding:12px;
		background:#EEE;
		display:inline-block;
		margin:0 30px 20px 0;
		box-shadow:0 1px 0 0 rgba(0,0,0,0.2);
		-webkit-box-shadow:0 1px 0 0 rgba(0,0,0,0.2);
		-moz-box-shadow:0 1px 0 0 rgba(0,0,0,0.2);
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
		position:relative;
	}
	
	.service-list-area .service-list:nth-child(3n) {
		margin:0;
	}
	
/*IE8*/
	.service-list-area .service-list {
		margin:0 20px 20px 0\9;
	}
/*IE8*/

	.service-list-area .service-list:hover {
		background:#E5E5E5;
	}
	
	.service-list-area .service-list a {
		display:block;
	}
	
	.service-list-area .service-list .image-area {
		margin:0 0 15px 0;
	}
	
	.service-list-area .service-list .image-area img {
		width:254px;
		width:275px;/**/
	}
	
	.service-list-area .service-list .text-area {
		text-align:center;
	}
	
	.service-list-area .service-list .text-area .name {
		font-size:18px;
		color:#333;
		font-weight:bold;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}
	
	.service-list-area .service-list a:hover .name {
		color:#2DB9C2;
	}
	
	
/*============================== privacy ==============================*/
	.contents-title-medium {
		padding:0;
		margin:0 auto 10px auto;
		width:690px;
		height:50px;
	}

	.contents-title-medium h2 {
		padding:0;
		margin:0 0 10px 0;
		width:690px;
		height:50px;
		background-position:0 -2810px;
		line-height:3.0;
		font-size:131%;
		color:#555;
	}

	.text-container {
		margin:0 auto;
		width:690px;
	}
	
	.text-container.recruit-page {
		padding:10px 0; 
		width:650px;
	}
		
	.text-container .productTtl {
 		color:#2DB9C2;
		font-weight:bold;
	}
		
	.text-container .AccordionPanelTab {
		font-weight:bold;
		line-height:2.0;
	}

	.text-container .AccordionPanelContent {
		margin:0 0 15px 0;
	}
	
	.text-container .AccordionPanelContent.left20 {
		margin:0 0 15px 20px;
	}
	

	.text-container p {
		line-height:2.2;
	}
	
	.text-container p.left20 {
		margin-left:20px;
	}
	
	.right-text {
		text-align:right;
	}
	
	.privacylink {
		color:#2DB9C2;
	}
	
	.privacy-table {
		margin:0 0 10px 0;
	}
	
	.privacy-table tr.title {
		background:#EFEFEF;
	
	}

	.privacy-table td {
		padding:20px 10px;
		border:1px solid #CCC;
		line-height:1.6;
	}

/*============================== breadcrumb ==============================*/

	.breadcrumb {
		padding:0;
		margin:30px 0 10px 0;
	}
	
	.breadcrumb li {
		display:inline-block;
		margin:0 10px 0 0;
		color:#666;
	}
	
	.breadcrumb li a {
		color:#666;
	}

	.breadcrumb li.disable {
		color:#AAA;
	}

/*============================== サイトマップ ==============================*/
	.site-map-title {
 		color:#2DB9C2;
		font-weight:bold;
		margin:0 0 10px 0;
		font-size:108%;
	}

	.site-map-box {
		line-height:1.8;
		padding:0 0 20px 10px;
		margin:0 0 30px 0;
		font-size:100%;
		border-bottom:1px dashed #BBB;
	}

	.site-map-box a {
		display:block;
		width:300px;
	}

	.site-map-box a:hover {
 		color:#2DB9C2;
	}

/*============================== footer-area ==============================*/
	.footer-area {
		padding:0;
		margin:0;
		width:100%;
		position:relative;
		clear:both;
		background:#D8D8D8;
	}
	
	.page-top {
		padding:0 0 0 20px;
		margin:0;
		display:block;
		position:absolute;
		top:-30px;
		right:30px;
		background-position:-180px -10px;
	}

/*============================== footer-contents-area ==============================*/
/*0720*/

	.footer-contents-area {
		margin:0 auto;
		width:970px;
	}
		
	.footer-contents-area .footer-left-area {
		float:left;
		padding:0;
		margin:0;
		width:100%;
	}

	*+html .footer-contents-area .footer-left-area {
		margin:0 0 30px 0;
	}
		
	.footer-left-area .title {
		padding:0;
		border:0;
		margin:0 0 20px 0;
		min-width:100px;
		height:30px;
		line-height:3.8;
		font-weight:bold;
		color:#666;
		font-size:116%;
	}

	.footer-left-area .service-area {
		padding:0;
		margin:0 0 20px 0;
		width:100%;
	}

	.footer-left-area .service-area .box,
	.footer-left-area .service-area .box-new {
		padding:0;
		margin:0 30px 0 0;
		_margin:0 25px 0 0;
		width:220px;
		color:#666;
		float:left;
	}
	
	.footer-left-area .service-area .box:last-child {
		margin:0;
	}

	.footer-left-area .service-area .box-new {
		position:relative;
	}

	.footer-left-area .service-area .box-new .new-icon {
		position:absolute;
		top:0;
		left:0;
		z-index:100;
		display:none;
	}
		
	.footer-left-area .service-area .box .thumbnail,
	.footer-left-area .service-area .box-new .thumbnail {
		padding:1px 1px 0 1px;
		border:3px solid #888;
		border-radius: 3px;  
		-webkit-border-radius:3px;
		-moz-border-radius:3px;		
		margin:0 0 5px 0;
		width:109px;
		float:left;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
		background:#FFF;
	}

	.footer-left-area .service-area .box .thumbnail:hover,
	.footer-left-area .service-area .box-new .thumbnail:hover {
		border:3px solid #5CBBC9;
	}
	
	.footer-left-area .service-area .box .thumbnail a img,
	.footer-left-area .service-area .box-new .thumbnail a img {
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}
		
	.footer-left-area .service-area .box .thumbnail a:hover img,
	.footer-left-area .service-area .box-new .thumbnail a:hover img {
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
		z-index:0;
	}

	.footer-left-area .service-area .box .thumbnail a img,
	.footer-left-area .service-area .box-new .thumbnail a img {
		width:100%;
	}

	.footer-left-area .service-area .box a.service-name,
	.footer-left-area .service-area .box-new a.service-name {
		padding:0;
		border:0;
		margin:0;
		width:220px;
		display:block;
		float:left;
		line-height:1.8;
		font-weight:bold;
		color:#444;
		font-size:93%;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}

	.footer-left-area .service-area .box a.service-name:hover,
	.footer-left-area .service-area .box-new a.service-name:hover {
		color:#AAA;
	}
	
	.footer-left-area .service-area .box span,
	.footer-left-area .service-area .box-new span {
		line-height:1.6;
		font-size:85%;
		color:#888;
	}

	.footer-contents-area .footer-right-area {
		float:right;
		padding:0;
		border:0;
		margin:0;
		width:260px;
		display:none;
	}

/*============================== footer-link-area ==============================*/
	.footer-link-area {
		padding:0;
		margin:0;
		width:100%;
		height:45px;
		position:relative;/*english用*/
		background:#777777;
	}

	.footer-link-area .bt-english {
		padding:0;
		border:0;
		margin:0;
		width:34px;
		height:34px;
		position:absolute;
		right:20px;
		top:8px;
		overflow:hidden;
		display:none;
	}

	.footer-link-area .bt-english a {
		display:block;
		padding:0;
		border:0;
		margin:0;
		width:34px;
		height:34px;
		background-position:-940px -210px;
		text-indent:-9999px;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}

	.footer-link-area .bt-english a:hover {
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
	}

	.footer-link-area ul {
		padding:10px 0 10px 0;
		margin:0 auto;
		list-style:none;
		color:#AAA;
		width:970px;
	}

	.footer-link-area ul li {
		padding:0;
		margin:0;
		display:inline-block;
		color:#AAA;
		vertical-align:middle;
	}

	.footer-link-area ul li a {
		color:#FFF;
		margin:0 10px;
		text-indent:0;
		line-height:2;
	}
	
	.footer-link-area ul li:first-child a {
		margin:0 10px 0 0;
	}

	.footer-link-area ul li a:hover {
		background:#777777;
	}

	.footer-link-area ul li .active {
		color:#BBB;
		cursor:default;
	}

	.footer-link-area ul li .active:hover {
		background:none;
	}
		
	.footer-address-area address {
		color:#999;
		line-height:2;
		font-size:85%;
		display:block;
		text-align:center;
	}
	.wrapper .top-container .under-contents iframe {
		width:100%;
	}
	
	.top-under-right .banner-area {
	}
	
	.sp-nav-box { display/*\**/: none\9; }
	
/*============================== about-pub ==============================*/
	
	.about-area {
		padding:20px 0;
		border-top:4px solid #5C5C5C;
		border-bottom:4px solid #5C5C5C;
		margin:0 0 20px 0;
		background:#333;
	}
	
	.about-contents {
		width:970px;
		margin:0 auto;
	}
	
	.about-left {
		float:left;
		width:570px;
	}
	
	.about-left h2 {
		margin:0 0 10px 0;
	}
	
	.about-left p {
		color:#FFF;
		font-size:108%;
	}
	
	.about-right {
		float:right;
	}
	
	.about-right a {
		background-position:-200px -160px;
		display:block;
		width:380px;
		height:100px;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
		-webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.5);
		-moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.5);
		box-shadow: 0 2px 1px 0 rgba(0,0,0,0.5);
		text-indent:-9999px;
	}

	.about-right a:hover {
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		opacity:0.9;
	}


/*----------------------- publish page -------------------------*/
.publish-header {
	text-align:center;
}
.publish-header-sp {
	display:none;
}
.container.publish {
	width:100%;	
	}
	
.publish .tab-area-bg {
	background:#FFC11F;
}

.publish .tab-area {
	width:970px;
	padding:30px 0 0 0;
	margin:0 auto;
}

.publish .tab-area .breadcrumb {
	margin:0 0 30px 0;
}

.publish .tab-area .breadcrumb li,
.publish .tab-area .breadcrumb a {
	color:#000;
}

.publish .tab-area .breadcrumb li.disable {
	color:#8C6800;
}

.publish .tab-area ul {
	padding:0;
	margin:0;
}

#tabnavi li{
	display:inline-block;
	margin:0 8px 0 0;
	width:182px;
	letter-spacing:4px;
	border-radius:6px 6px 0 0;
	background:#FFF;
}

#tabnavi li:last-child {
	margin:0;
}


#tabnavi li a {
	display:inline-block;
	background:#FFD463;
	color:#333;
	padding:12px 2px;
	border-radius:5px 5px 0 0;
	text-decoration:none;
	display:block;
	font-size:153.9%;
	text-align:center;
	font-weight:bold;
}

#tabnavi li a span {
	display:block;
}

#tabnavi li:nth-child(1) span.large {
	letter-spacing:-0.5px;
}

#tabnavi li:nth-child(2) span.large {
	letter-spacing:-0.5px;
}

#tabnavi li a span.small {
	font-size:70%;
	margin:-5px 0 0 0;
	font-weight:normal;
	letter-spacing:1px;
}

#tabnavi li a:hover,
#tabnavi li a.active {
	background:#FFF;
	color:#333;
}
#tabcontent {
	padding:20px 0 0 0;
	margin:0 auto;
}

#tabcontent .area {
	width:970px;
	margin:0 auto 20px auto;
	position:relative;
}

#tabcontent .gray {
	background:#EEEEEE;
	padding:40px 0 50px 0;
	margin:0 0 10px 0;
}

#tabcontent .contents-title-long {
	border-bottom:1px solid #555;
	margin:0 0 20px 0;
}

#tabcontent .contents-title-long span {
	font-size:63%;
	font-weight:normal;
}

#tabcontent .normal-text {
	color:#333;
	line-height:1.4;
	font-size:138.5%;
	margin:0 0 60px 0;
	font-weight:bold;
}

#tabcontent .normal-text.small {
	font-size:100%;
}

#tabcontent .left,
#tabcontent .right {
	float:left;
	padding:40px 20px;
	border:2px solid #666;
	width:409px;
	height:200px;
}

#tabcontent .right {
	border:2px solid #48CDD5;
}

#tabcontent .china-title {
	padding:14px 5px 12px 5px;
	margin:-70px auto 30px auto;
	width:240px;
	color:#FFF;
	text-align:center;
	font-size:167%;
	font-weight:bold;
	background:#666;
}

 .ribbon {
    padding-top:3px;
 	margin:-73px auto 40px auto;
    width:340px;
    height:43px;
    display:block;
    position:relative;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-decoration:none;
	z-index:100;
}
.ribbon .btn {
	padding:14px 5px 12px 5px;
    margin:0 auto;
    background-color:#48CDD5;
    text-align:center;
    color:white;
	position:relative;
	font-size:161.6%;
	font-weight:bold;
}
.ribbon .btn span {
	letter-spacing:-1px;
}
.btn:before, .btn:after {
    content:"";
    display:block;
    position:absolute;
    width:5%;
    height:0;
    top:15px;
    border-top: 20px solid #30C4CB;
    border-bottom: 20px solid #30C4CB;
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
    z-index:-1;
}
.btn:before {
    left:-16px;
    border-left:8px solid rgba(255, 255, 255, 0);
}
.btn:after {
    right:-16px;
    border-right:8px solid rgba(255, 255, 255, 0);
}

.pb-arrow {
	background-position:-150px -50px;
	width:60px;
	height:60px;
	position:absolute;
	bottom:110px;
	left:50%;
	margin:0 0 0 -45px;
	z-index:500;
}


#tabcontent .contents-area {
	margin:0 0 20px 0;
	clear:both;
}

#tabcontent .icon-area {
	float:left;
	margin:0 20px 0 0;
	width:80px;
	height:80px;
}

#tabcontent .icon-area.icon-01 {
	background-position:0 0;
}
#tabcontent .icon-area.icon-02 {
	background-position:0 -115px;
}
#tabcontent .icon-area.icon-03 {
	background-position:0 -350px;
}
#tabcontent .icon-area.icon-04 {
	background-position:0 -460px;
}
#tabcontent .icon-area.icon-05 {
	background-position:0 -580px;
}
#tabcontent .icon-area.icon-06 {
	background-position:0 -690px;
}

#tabcontent .icon-area.icon-china {
	background-position:0 -230px;
}

#tabcontent .text-area {
	float:left;
	width:290px;
}

#tabcontent .text-area .title {
	color:#555;
	font-size:131%;
	margin:0 0 10px 0;
	font-weight:bold;
	display:table-cell;
	vertical-align:middle;
	height:80px;
}

#tabcontent .text-area .title span {
	font-weight:normal;
	font-size:100%;
}

#tabcontent .text-area .description {
	font-size:131%;
	width:820px;
}

#tabcontent .box {
	float:left;
	border-right:4px solid #BBB;
	padding:0 40px 0 0;
	width:433px;
}

#tabcontent .box.right {
	border-right:0;
	padding:0 0 0 40px;
}

#tabcontent .box .title {
	font-size:197%;
	font-weight:bold;
	margin:0 0 10px 0;
}

#tabcontent .box .description {
	line-height:1.4;
	margin:0 0 10px 0;
	min-height:60px;
}


#tabcontent .box.large {
	float:none;
	border-right:0;
	padding:0;
	width:970px;
}

#tabcontent .contents-area.margin-top {
	margin-top:70px;
}

/*--------------------------------------------------------*/
/*----------------------- @media -------------------------*/
/*--------------------------------------------------------*/


@media screen and (min-width:768px) {
	.sp-nav-box { 
		display:none;
	}
	
	header .header {
		position:relative;
	}
	}

@media screen and (max-width: 768px) {
	* { box-sizing:border-box;}
	body {
		padding:0;
		}
	.wrapper {
	width: 100%;
	text-align: left;
}
	header .header { width:inherit; height:inherit; padding:10px 10px 45px;}
	.header h1 img {width:102px; height:30px; *zoom:0.3;}
	.header .logo {width:102px; height:30px; *zoom:0.3; float:left; position:absolute;}
	.footer-area,.footer-contents-area {
		background:none;
		background-color:#DCDCDC;
	}
	
	.contents-title h2.press,
	.footer-left-area .title {
		background-image:none;
		text-indent:0;
		color:#777;
	}
	
	.footer-left-area .title {
		text-align:center;
	}
	
	.footer-left-area .seo-links .border {
		background:none;
	}
	
	.footer-link-area ul {
		width:100%;
	}
	
	.contents-text .more-bt,
	#Company .more-bt {
		display:block;
		clear:both;
		background:none;
		background-color:#48C2CD;
	}
		
	#Company .more-bt .arrow {
		display:none;
	}		
		
	/*------------- sp menu -------------*/	
	.sp-nav-box { 
		display:block;
	}
	
	.toggleMenu {
		float:right;	
		display:none;
		padding:7px;
	}
	
	.toggleMenu  img {
		width:20px;
	}
	
	.sp-nav {
		list-style: none;
		*zoom:1;
		background:#333;
		position:absolute;
		width:100%;
		right:0;
		top:55px;
	}
	
	.sp-nav:before,
	.sp-nav:after {
		content: " "; 
		display:table; 
	}
	
	.sp-nav:after {
		clear:both;
	}
	
	.sp-nav ul {
		list-style:none;
		width:9em;
	}
	
	.sp-nav a {
		padding:15px;
		color:#FFF;
	}
	
	.sp-nav li {
		position:relative;
	}
	
	.sp-nav > li, .sp-nav > li li {
		border-bottom: 2px solid #222;
		width:auto;
	}
	
	.sp-nav > li > .parent {
		background: url(../../images/v2/downArrow.png) right 0 no-repeat;
	}
	
	.sp-nav > li > a {
		display: block;
	}
	
	header ul {
		padding:0;
		margin:0;
		list-style:none;
	}
	header li ul li {
		text-indent:30px;
		border-top: 1px solid #999;
	}
	
	.sp-nav li ul {
		position: absolute;
		left: -9999px;
	}
	
	.sp-nav > li.hover > ul {
		left: 0;
	}
	.sp-nav li li.hover ul {
		left: 100%;
		top: 0;
	}
	.sp-nav li li a {
		display: block;
		position: relative;
		z-index:100;
	}
	
	.active {
        display: block;
    }
	
    .sp-nav > li {
		display:block;
        float: none;
		widows:4px;
	}
	
    .sp-nav > li > .parent {
        background-position: 95% 50%;
    }
	
    .sp-nav li li .parent {
        background:url(../../images/v2/downArrow.png)95% 50% no-repeat;
    }
	
	.active {
        display: block;
    }
	
    .sp-nav ul {
        display: block;
        width: 100%;
    }
	
   .sp-nav > li.hover > ul , .sp-nav li li.hover ul {
        position: static;
		background:#444;
    }
	
	.top-container {
		margin:0;
		padding:0;
		width:100%;
		height:inherit;
		position:relative;
		clear:both;
	}
	
	.top-container h2 {
		margin:0 0 10px 0;
		width:100%;
		height:inherit;
		font-size:16px;
	}
	
	.top-container h2 img {
		width:100%;
		height:auto;
	}
	
	header .header .global-navi {
		display:none;
	}
	
	.contents-text h3 {
		width:95%;
		margin:0 0 0 3%;
	}
	
	.under-container {
		width:100%;
	}
	
	.under-contents {
		width: 95%;
		margin:0 auto 30px auto;
		float:none;
	}
	
	.top-under-right,
	.under-contents iframe {
		width:100%;
		float:none;
		display:block;
		padding-bottom:10px;
	}
	
	.index-contents-area .text {
		width:100%;
		float:none;
	}
	
	.index-title {
		padding:0 0 0 5px;
	}
	
	.index-title span {
		display:none;
	}
	
	.service-box {
		padding:0;
		margin:0 0 10px 10px;
		display:-webkit-box;
		display:-moz-box;
		width:95%;
	}
	
	.service-box .pickup-box {
		margin:0;
		float:none;
		-webkit-box-flex:1;
		width:100%;
	}
	
	.service-box .pickup-box img {
		width:98%;
		margin:0 auto 5px auto;
	}

	.top-under-right .right-banner {
		margin:0;
		text-align:center;
	}
	
	.top-under-right .right-banner .recruit-banner {
		max-width:60%;
	}
	
	.top-under-right .right-banner .text {
		width:95%;
		margin:0 auto;
		text-align:left;
	}
	
	.service-box .box {
		margin:0;
		float:none;
		-webkit-box-flex:1;
		width:100%;
	}
	
	.service-box .box img {
		width:96%;
		margin:0 auto 5px auto;
	}
	
	.service-box .box .label {
		left:2px;
	}
	
	.service-box .box .label img {
		width:40px;
		height:40px;
	}
	
	.service-box .pickup-box span {
		font-size:13px;
		width:95%;
		margin:0 auto;
		line-height:1.3;
	}
	
	.service-box .pickup-box.last {
		display:none;
	}
	
	.service-list-area {
		padding:0 10px;
		display:-webkit-box;
		display:-moz-box;
		text-align:center;
	}
	
	.service-list-area .service-list {
		margin:0 0 10px 0;
	}

	.service-list-area .service-list:nth-child(3n) {
		margin:0 0 10px 0;
	}	
	 
	.service-list-area .service-list .image-area img {
		max-width:100%;
	}
	
	.service-list-area .service-list .text-area .name {
		font-size:13px;
		line-height:1.3;
	}
	
	.service-box .box span {
		font-size:11px;
		line-height:1.2;
	}
	
	/*========== footer-area =======*/
	.footer-area {
		width:100%;
		clear:both;
	}
	
	.footer-link-area {
		height:inherit;
	}
	
	.footer-link-area ul li:first-child a {
		margin:0 10px;
	}

	
	.footer-link-area address {
		color: #CCC;
		font-size:0.8em;
		background:#666;
		}

	.footer-contents-area {
		padding:0;
		margin:0 auto 20px;
		width:96%;
	}
	
	.footer-left-area .service-area {
		display:-webkit-box;
		display:-moz-box;
		text-align:center;
		width:auto;
	}
	
	.footer-left-area .service-area .box,
	.footer-left-area .service-area .box-new {
		margin: 0 0 12px 0;
		display:inline-block;
		float:none;
		width:auto;
	}
	
	.footer-left-area .service-area .box a.service-name, 
	.footer-left-area .service-area .box-new a.service-name {
		width:auto;
		float:none;
	}
	
	/*========== contents-area =======*/
	.contents-title,
	.contents-title h2,
	.contents-title-medium h2,
	.contents-title-medium,
	.contents-title-long,
	.contents-title-short,
	.contents-title-short h2 {
		background-image:none;
		height:inherit;
		text-indent:0;
		margin:0 0 10px 0;
		width:100%;
	}
	
	.contents-title-short h2,
	.contents-title-long h2.type2 {
		background-image:none;
		height:inherit;
		text-indent:0;
		font-size:15px;
	}
	.container .contents-title-long h2.type2 {
		margin:0 auto;
	}
	
	.contents-title-short h2,
	.contents-title-long h2,
	.contents-title h2,
	.contents-title-medium h2,
	.contents-title-long h2.type2 {
		padding:10px 0 0 0;
		margin:0 auto;
		width:95%;
		color:#333;
		line-height:1.4;
		font-size:15px;
	}
	
	h3 {
		padding:10px 0 0 0;
		margin:0;
	}
	
	.container-large,
	.container {
		width:100%;
		padding:0;
		clear:both;
	}
	
	.left,
	.right {
		float:none;
		width:100%;
		padding:0;
		margin:0 0 0;
	}
		 
	.main-photoarea,
	.left-navi-area {
		  width:100%;
	}
	
	.main-photoarea {
		display:none;
	}

	.left .left-navi-area {
		width:95%;
		margin:0 auto;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	
	.left .left-navi-area li {
		width:100%;
		padding:0;
		border:0;
		margin:0;
		height:auto;
	}
	
	
	.left .left-navi-area li a.left-navi,
	.left .left-navi-area li a.left-navi-active {
		width:100%;
		padding:0 0 0 25px;
		border:0;
		border-bottom:1px solid #FFF;
		margin:0;
		box-shadow:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		border-radius:0;
		height:auto;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		color:#666;
		background:#EEE;
		position:relative;
		font-size:13px;
	}
	
	.left .left-navi-area li a.left-navi-active {
		color:#2DB9C2;
	}
	
	.left .left-navi-area li a.left-navi:before,
	.left .left-navi-area li a.left-navi-active:before {
		position:absolute;
		left:10px;
		top:13px;
		content:"";
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 4px 0 4px 6px;
		border-color: transparent transparent transparent #999;
	}


	.left .left-navi-area li .shadow {
		display:none;
	}
	
	.left .left-navi-area .left-subnavi,
	.left .left-navi-area .left-subnavi-active {
		padding:0;
		border:0;
		margin:0;
		width:100%;
		height:auto;
		background:#FFF;
		line-height:1.2;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		overflow:hidden;
	}

	.left .left-navi-area .left-subnavi a,
	.left .left-navi-area .left-subnavi-active a {
		padding:10px 10px 10px 0;
		border-bottom:1px dotted #CCC;
		margin:0 0 0 20px;
		display:block;
		width:100%;
		height:auto;
		color:#555;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		font-size:12px;
		line-height:1.2;
	}

	.left .left-navi-area .left-subnavi-active a {
		color:#2DB9C2;
	}

	.left .left-navi-area .left-subnavi a:hover {
		color:#2DB9C2;
	}

	.left .left-navi-area .sub-sub,
	.left .left-navi-area .sub-sub-active {
		padding:0;
		border:0;
		margin:0;
		width:100%;
		height:auto;
		line-height:1.3;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		overflow:hidden;
	}
	
	.left .left-navi-area .mark {
		display:none;
	}

	.left .left-navi-area .sub-sub a,
	.left .left-navi-area .sub-sub-active a {
		padding:10px 10px 10px 0;
		border-bottom:1px dotted #CCC;
		margin:0 0 0 40px;
		display:block;
		width:100%;
		height:auto;
		color:#555;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	
	.left .left-navi-area .sub-sub-active a {
		color:#2DB9C2;
	}

	.left .left-navi-area .sub-sub a:hover {
		color:#2DB9C2;
	}
	
	.press-area,
	.text-container,
	.text-container.recruit-page,
	.contents-text-top p,
	.contents-text p {
		width:95%;
		margin:0 auto 10px auto;
		font-size:100%;
		line-height:1.4;
	}
	
	.contents-text-top p strong {
		font-weight:normal;
	}
	
	.contents-text-top {
		width:100%;
		padding:0;
	}
	
	.contents-image {
		width:95%;
		padding:0;
		margin:0 auto 10px auto;
		overflow: hidden;
	}
	
	.contents-image a,
	.contents-image img {
		max-width:100%;
	}
	
	.contents-text {
		width:95%;
		margin:0 auto;
	}
	
		
	
	.page-top {
		top:-28px;
		right:15px;
		background:none;
	}
	
	.footer-left-area .seo-links span {
		width:100%;
	}
	
	/*============================== left ==============================*/
	
	.company-box {
		width:95%;
		margin:0 auto 10px auto;
	}
	
	.company-box .access,
	.company-box .access-under,
	.company-box .map img,
	.company-box .company {
		width:98%;
		margin:0 auto;
	}
	
	.event-photos-box {
		border:none;
		margin:0;
		width:100%;
	}
	
	.photos-box {
		border:0;
		width:100%;
		height:auto;
	}
	
	.person-photos {
		width:100%;
		height:auto;
	}
	
	.person-photos img {
		width:100%;
		height:auto;
	}
	
	.photo-way {
		width: 100;
		height: auto;
		text-align: right;
		margin:0;
	}
	
	.event-photos-box .photos-list,
	.event-photos-box .photos-list02,
	.event-photos-box img {
		width:inherit;
	}
	
	.event-photos-box .photos-list,
	.event-photos-box .photos-list02 {
		float:none;
		clear:both;
		height:auto;
	}
	
	.name-tipe {
		text-align:right;
		float:none;
		padding:5px 0 0 0;
		margin:0;
		width:100%;
	}
	
	.event-photos-box a img {
		width:18%;
		height:inherit;
	}
	
	.company-box .company {
		padding:10px 0;
	}
	
	.company-box .company .left-box {
		width:25%;
		line-height:1.4;
	}
	
	.company-box .company .right-box {
		width:70%;
		line-height:1.4;
		padding:0;
	}
	
	.event-photos-box img {
		width:inherit;
	}
	
	.photo-way-01,
	.photo-way-02,
	.photo-way-03,
	.photo-way-04 {
		height:30px;
		clear:both;
		width:95%;
		margin:0 0 0 3%;
	}
	/*------ app -------*/	
	
	.app-list-area {
		display:-webkit-box;
		display:-moz-box;
		text-align:center;
	}
	
	.app-list-box {
		margin:0 0 10px 0;
		display:inline-block;
		float:none;
	}
	
	.app-list-box .image-box {
		margin:10px;
		position:relative;
	}
	.contents-text .more-bt {
		display:block;
		clear:both;
		background-color:#48C2CD;
		padding:0 10px;
		width:0 auto 10px auto;
		float:none;
	}
	
	.contents-text .more-bt a {
		width:auto;
		float:none;
		line-height:1.4;
		padding:7px 0;
	}
	
	.contents-text .more-bt .arrow {
		display:none;
	}
	
	.other-content01, .other-content02 {
		float:left;
	}
	
	.detailed-listarea .right-content {
		width:100%;
		clear:both;
	}
	
	.right-content li {
		padding:1%;
		margin:0;
	}
	
	.banner {
		float:none;
		width:95%;
		margin:0 auto 10px auto;
	}
	.banner a,
	.left-content {
		width:100%;
		color:#CCC;
	}
	
	.left-content a img  {
		display:none;
	}
	.other-content01, .other-content02 {
		width:48%;
		float:left;
		margin:1%;
	}
	.other-content01 a, .other-content02 a {
		width:100%;
	}
		
	.banner img {
		max-width:100%;
	}
	
	.detailed-listarea {
		width:100%;
	}
	
	#Company {
		width: 100%;
	}
	
	#under-contents-area {
	width: 100%;
	}
	
	.under-contents {
		width: 100%;
		margin:0;
		float:none;
	}
	
	.top-under-right,
	.under-contents iframe {
		width:100%;
		float:none;
		display:block;
		margin:0 auto;
		padding:0;
	}
	
	.top-under-right {
		margin:0 auto;
	}
	
	.top-under-right iframe {
		width:100%;
		float:none;
		display:block;
		margin:0 auto 30px auto;
		padding:0;
	}
	
	.index-contents-area .text {
		width:100%;
		float:none;
	}
	
	.breadcrumb {
		display:none;
	}
	
	.game-cate {
		clear:both;
		padding:0 0 5px 0;
		border-bottom:1px dotted #333;
		margin:0 auto 10px auto;
		color:#333;
		font-size:116%;
		letter-spacing:1px;
		width:95%;
	}
	
	.recruit-header {
		display:none;
	}
	
	.recruit-header-sp {
		margin:0;
		display:block;
	}
	
	.recruit-header-sp img {
		width:100%;
	}

	.recruit-naviarea {
		width:95%;
		margin:0 auto;
	}
	
	.recruit-naviarea .recruit-list {
		padding:10px;
		border:3px solid #CCC;
		width:100%;
		height:auto;
		box-sizing:border-box;
		margin:0 auto 10px auto;
		position:relative;
		background:#EEE;
		text-indent:0;
		text-align:center;
		line-height:2.8;
		font-weight:bold;
		-webkit-box-shadow:none;	
		-moz-box-shadow:none;	
		color:#333;
		font-size:16px;
	}
	
	.recruit-naviarea .recruit-list:hover {
		-webkit-box-shadow:none;	
		-moz-box-shadow:none;	
	}

	.recruit-interview {
		width:95%;
		margin:0 auto 10px auto;
	}
	
	.recruit-interview .interview-box {
		margin:0 5px 5px 5px;
		width:86px;
	}
	
	.recruit-interview .interview-box .image-area {
		width:86px;
		height:86px;
		margin:0 0 5px 0;
	
	}
	
	.recruit-interview .interview-box .image-area img {
		width:80px;
		height:80px;
		margin:3px;
	}
	
	.recruit-interview .interview-box .text-area {
		font-size:13px;
		width:85px;
	}

	.other-contents {
		clear:both;
		width:95%;
		margin:0 auto 10px auto;
	}
	
	.other-contents a {
		display:block;
		float:left;
	}
	
	.other-contents .list {
		padding:15px 0 15px 10px;
		border:2px solid #CCC;
		margin:0 1% 10px 0;
		box-sizing:border-box;
		width:49%;
		box-shadow:none;
	}
	
	.other-contents .list:hover {
		background:#F4ECE8;
	}

	.other-contents .list:nth-child(2n) {
		margin:0 0 10px 0;
	}
	
	.other-contents .list .name {
		font-size:13px;
		font-weight:bold;
		line-height:1;
	}
	
	.result-box {
		width:95%;
		padding:10px 0;
		margin:0 auto;
	}
	
	.result-box .image-area {
		float:none;
		text-align:center;
	}
	
	.result-box .image-area img {
		max-width:50%;
	}

	.result-box .description-area {
		float:none;
		width:100%;
	}
	
	.result-box .description-area .app-title {
		line-height:1.2;
		font-size:16px;
		margin:0 0 10px 0;
	}
	
	.result-box .description-area .list {
		margin:0 0 8px 0;
	}
	
	.result-box .description-area .list .left-list {
		margin:0 10px 5px 0;
		font-size:12px;
	}
	
	.result-box .description-area .list .right-list {
		width:auto;
		font-size:12px;
	}
	
	.result-box .description-area .list .right-list .chanel-area .chanel {
		width:20%;
		text-align:center;
	}
	
	.result-box .description-area .list .right-list .chanel-area .chanel img {
		width:90%;
	}

/*============================== about-pub ==============================*/
	
	.about-area {
		padding:0;
		border-top:0;
		border-bottom:0;
		margin:10px;
		background:#48CDD5;
		text-align:center;
	}
	
	.about-area a {
		padding:15px 10px;
		width:100%;
		background:none;
		box-shadow:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		text-indent:0;
		font-weight:bold;
		font-size:16px;
		height:auto;
		color:#FFF;
		position: relative;
	}
	
	.about-area a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 15px;
		width: 6px;
		height: 6px;
		margin: -4px 0 0 0;
		border-top: solid 2px #FFF;
		border-right: solid 2px #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	.about-contents {
		width:100%;
		margin:0 auto;
	}
	
	.about-left {
		display:none;
	}
	
	.about-right {
		width:100%;
		margin:0 auto;
		float:none;
	}
	
	.about-right a img {
		display:none;
	}

/*============================== publish page ==============================*/

.container.publish {
	padding:0;
}

.publish-header {
	display:none;
}

.publish-header-sp {
	display:block;
}
.publish-header-sp img {
	max-width:100%;
}

.publish .tab-area {
	width:100%;
}

#tabnavi {
	display:-webkit-flex;
}

#tabnavi li{
	width:100%;
	display:block;
	margin:0 2px 0 0;
}

#tabnavi li a {
	font-size:11px;
	height:50px;
}

#tabnavi li a span {
	line-height:1.2;
}

#tabnavi li a span.small {
	display:none;
}

#tabcontent {
	padding:10px 0 0 0;
	width:95%;
	margin:0 auto;
}

#tabcontent .area {
	width:100%;
}

#tabcontent .left,
#tabcontent .right {
float: none;
padding: 20px 10px 10px;
border: 2px solid #666;
width: auto;
height: auto;
}

#tabcontent .left {
	margin:0 0 40px 0;
}

.pb-arrow {
	display:none;
}

#tabcontent .china-title {
	font-size:15px;
	margin:-40px auto 10px auto;
}

.ribbon {
	margin:-50px auto 20px auto;
	width:94%;
}

.ribbon .btn {
	font-size:15px;
}

#tabcontent .contents-area.margin-top {
	margin-top:0;
}

#tabcontent .contents-title-long {
	margin:0 0 10px 0;
}

#tabcontent .contents-title-long h2 {
	width:100%;
	margin:0 0 5px 0;
}

#tabcontent .normal-text {
	font-size:13px;
	margin:0 0 50px 0;
	font-weight:normal;
}

#tabcontent .contents-area {
	margin:0 0 10px 0;
}

#tabcontent .icon-area {
	margin:0 auto;
	float:none;
}

#tabcontent .text-area {
	float:none;
	text-align:center;
	padding:10px 0 0 0;
	width:auto;
}

#tabcontent .text-area .title {
	font-size:14px;
	margin:0 0 5px 0;
	display:block;
	height:auto;
}

#tabcontent .text-area .description {
	font-size:14px;
	margin:0 0 5px 0;
	width:auto;
}

#tabcontent .box,
#tabcontent .box.large {
	width:100%;
	padding:0;
	border:0;
	margin:0 0 10px 0;
}

#tabcontent .box.right {
	padding:0;
}

#tabcontent .box .title {
	font-size:16px;
}

#tabcontent .box img {
	width:100%;
}

#tabcontent .gray {
	padding:10px;
}



}




		
@media screen and (max-width: 320px) {
	
	.wrapper .top-container .under-contents .iframe-box iframe {
	width:300px;
	
	}
}