<strong></strong>@charset "utf-8";
/* CSS Document */


/*===================== 　メインレイアウト　 ===================　*/

#business .contents{
	margin-bottom:180px;
}

/*事業紹介共通スキン*/
.new{
	color:#333 !important;
}
.new:after{
	content:"NEW!";
	color: #cd202c;
	font-size:12px;
}
.product.hidden{
	overflow:hidden;
}


/*事業紹介共通構造*/
.link-btn1.more{
	margin-top:30px;
	width:80%;
}
.link-btn1.more a{
	padding:15px;
	text-align:center;
}

.recbadge{
	position:absolute;
	top:-130px;
	right:90px;
}
.recbadge a{
	position:relative;
}
.recbadge img{
	position:absolute;
}

.link-btn3.more{
	margin-top:30px;
	width:60%;
}
.link-btn3.more a{
	padding:15px;
	text-align:center;
}
.link-btn3 a:hover{
	background:#323232;
}

.link-btn4 a{
	background:#f2f2f2;
	padding:15px;
	text-align:center;
	margin-top:20px;
	margin-bottom:25px;
}
.link-btn4 a:hover{
	background:#63beed;
	color:#fff !important;
}


/*===================== 　コンテンツヘッド（切り替えボタン）　 ===================　*/


/* 業種選択 */

.headlineArea{
	height:83px;
}

.headlineContents{
	position:relative;
}
.headlineArea h2{
	padding:24px 10px;
	font-size:28px;
	color:#fff;
}
.headlineContents nav{
	position:absolute;
	top:0;
	right:0;
	height:100%;
}
	.headlineContents .categorynav li{
		float:left;
		display:block;
		width:85px;
		height:83px;
		position:relative;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		color:#fff !important;
		background:rgba(255,255,255,0.65);
		border-left:dotted 1px #fff;
	}
	.headlineContents li.active{
		background:#323232 !important;
		border:none !important;
	}
		.headlineContents .categorynav li a{
			display:block;
			width:100%;
			height:100%;
		}
		.headlineContents .icon{
			position:absolute;
			top:10px;
			left:0;
			display:block;
			width:100%;
			color:#fff;
		}
		.headlineContents span.jobname{
			font-size:11px;
			display:block;
			position:absolute;
			bottom:10px;
			left:0;
			width:100%;
			text-align:center;
			color:#fff;
		}
/* --- 職種別設定 ------------*/


	.headlineContents .categorynav .game{
			font-size:46px;
	}
	.headlineContents .categorynav .social{
			font-size:40px;
	}
	.headlineContents .categorynav .web{
			font-size:43px;

	}



/* ===================== 　内容　 ===================　*/


/* コンシューマゲーム制作 */

.whatsArea{
	padding:140px 0 55px;
	width:100%;
	position:relative;
	background-position: center top;
	background-repeat: repeat;
	background-attachment: fixed;
}
.whatsArea.game{
	background-image:url(../images/top/game-bg.jpg);
}
.whatsArea.social{
	background-image:url(../images/top/social-bg.jpg);
}
.whatsArea.web{
	background-image:url(../images/top/web-bg.jpg);
}
.whatsArea:after{
	position:absolute;
	bottom:-25px;
	left:50%;
	margin-left:-39px;

	content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 44px solid #FFF;
    border-left: 39px solid transparent;
    border-right: 39px solid transparent;
}
/*
.whatsArea:after{
	content:url(../images/business/white-arrow.png);
	position:absolute;
	bottom:-25px;
	left:50%;
	margin-left:-48px;
}
*/

	.whatsArea .sub-navArea{
		background-color:rgba(0,0,0,0.65);
		background:#000\9;/* ie8 */
		filter: alpha(opacity=70);        /* ie 6 7 */
		-ms-filter: "alpha(opacity=70)";  /* ie 8 */
		width:100%;
		height:auto;
		padding:5px 0 7px 0;
		position:absolute;
		top:0;
		left:0;
		border-top:solid 5px #000;
	}
	.whatsArea .sub-navArea li{
		float:left;
		margin-right:50px;
		font-size:14px;
		padding:3px 0;
	}
	.whatsArea .sub-navArea li:hover{
		border-bottom:solid 1px #fff;
	}
	.whatsArea .sub-navArea .active{
		border-bottom:solid 1px #fff;
	}
	.whatsArea .sub-navArea span{
		color:#fff;
	}
	.whatsArea .sub-navArea a:hover{
		text-decoration:underline;
	}
	.whatsArea .sub-navArea .link:visited,.whatsArea .sub-navArea .link:link,
	.whatsArea .sub-navArea .link:active,.whatsArea .sub-navArea .link:hover{
		color:#fff;
		text-decoration:none;
	}

	.whatsContents .mainimg{
		float:left;
		width:45%;
		text-align:center;

	}
	.whatsContents .rightbox{
		float:right;
		width:50%;
		position:relative;
	}
		.whatsContents .rightbox h2{
			margin-bottom:55px;
		}
		.whatsContents .rightbox p{
			line-height:1.6;
		}

	.whatsArea .subbox{
		background:#fff;
		border:solid 1px #ccc;
		position:relative;
		padding:0 0 0 90px;
		margin-top:30px;
	}
	.whatsArea .subbox.game{
		padding:0 0 0 150px;
	}
		.whatsArea .subbox h3{
			padding:8px 15px;
			position:absolute;
			color:#fff;
			display:block;
			top:5px;
			left:-20px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		.whatsArea .subbox h3.game{
			background:#ff9c00;
		}
		.whatsArea .subbox h3.social{
			background:#00a2ff;
		}
		.whatsArea .subbox h3.web{
			background:#ed557d;
		}
		.whatsArea .subbox ul{
			padding:10px 15px;
			line-height:2.0;
			width:868px;
			-moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;
			box-sizing:border-box;
		}
		.whatsArea .subbox li{
			float:left;
			padding-left:5px;
			-moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;
			box-sizing:border-box;
			min-width:25%;

		}
		.whatsArea .subbox li:before{
			content:url(../images/arrow.png);
			margin-right:5px;

		}
		.small{
			font-size:11px;
		}


/* === 制作参加作品 ================================*/

.worksArea{
	background: #fff;
	padding:0 0 0px;
	margin-top:110px;
	overflow:hidden;
}
	.work-title{
		margin-bottom:40px;
	}
	.productList{
		margin-right:-15px;
	}
	.newachievements{
		margin-right:0px;
	}

	.width3box{
		width: 960px !important;
		margin: 0 auto 15px;
		position:relative;
		border-radius: 5px;
		background: #FFF;
		border:solid 1px #e1e1e1;

		box-sizing:border-box;

		-webkit-transition: background-color .3s ease 0s;
		transition: background-color .3s ease 0s;
	}
	.width3box:hover{
		background: #FFFFA6;
	}
	.width3box a {
		display: block;
		width: 958px;
		height: 100%;
		padding:30px 0px 30px;
		border-radius: 5px;
	}
	.width3box a:hover{
		color: #3f3f3f;
	}
	.width3pro-img{
		width:30% !important;
		box-sizing: border-box;
		text-align:center;
		float:left;
		padding-left:40px;
	}.width3pro-img img{
		width:200px;
		height:auto;
	}
	.width3pro-area{
		float:right;
		width:55% !important;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.width3box .pro_reg{
		font-size:10px;
		color:#717070;
		margin-top:10px;
		margin-bottom:15px;
	}
	.width3box .pro-handle{
		margin-top: 20px;
	}
	.productList>li{
		float: left;
		overflow:hidden;
		width: 310px;
		height: 220px;
		margin: 15px 15px 0px 0px;
		position:relative;
		background: #FFF;
		border:solid 1px #e1e1e1;

		box-sizing:border-box;
		border-radius: 5px;

		-webkit-transition: background-color .3s ease 0s;
		transition: background-color .3s ease 0s;
	}
	.productList>li>a,
	.productList>li.noLink{
		display: block;
		/*width: 310px;*/
		height: 220px;
		padding:30px 10px 10px;
		text-align: center;

		border-radius: 5px;
	}
	.productList>li .pro-area,
	.productList>li.noLink .pro-s-area {
		text-align: left;
	}

	.productList>li h3{
		text-align: left;
	}

	.productList .floatbox{
		background:#ff0;
	}

	.productList>li:hover{
		background-color: #FFFFA6;
	}
	.productList>li .link_box:hover{
		color: #3f3f3f;
	}
	.width3box .link_box .link_text,
	.productList>li .link_box .link_text{
		color: #3f3f3f;
		background: url(../images/business/blank_icon01.gif) no-repeat left center;
		padding: 0px 0px 0px 15px;
		border-bottom: solid 1px #3f3f3f;
	}
	.width3box .link_box:hover .link_text,
	.productList>li .link_box:hover .link_text{
		color: #69aa35;
		background: url(../images/business/blank_icon02.gif) no-repeat left center;
		padding: 0px 0px 0px 15px;
		border-bottom: none;
	}
.newachievements li{
		float: none;
		overflow:hidden;
		width: 100%!important;
		height: 220px;
		margin: 15px 15px 0px 0px;
		position:relative;
		background: #FFF;
		border:solid 1px #e1e1e1;

		box-sizing:border-box;
		border-radius: 5px;

		-webkit-transition: background-color .3s ease 0s;
		transition: background-color .3s ease 0s;
}
.newachievements>li>a,
.newachievements>li.noLink{
	display: block;
	/*width: 310px;*/
	height: 220px;
	padding:0px 0px 0px 0px!important;
	text-align: center;

	border-radius: 5px;
}

	.clickable {
		cursor: pointer;
	}
	.clickable table,
	.clickable li {
		cursor: auto;
	}


	.category-label{
		height: auto;
		width: auto;
		background: #eee;
		padding: 3px 5px;
		display: inline-block;
		font-size:11px;
	}

/* 作品説明 */

.pro-img{
	margin-right:10px;
	float: left;
	border-radius: 5px;
}

.pro-area{
	float: right;
	width: 185px;
	margin: 0px 0px 0px 0px;
}

.pro-title{
	margin: 15px 0px 0px 0px;
	padding-right:5px;

}
.puyo_touch{
	margin:0 0 15px!important;
}
.puyo_que{
	margin:0 0 15px!important;
}
.minspe{
	margin:0 0 15px!important;
}

/*.new{
	font-family: 'Raleway', sans-serif;
	color: #cd202c;
	font-weight: 600;
}*/

.pro-com{
	padding: 5px 0px 0px 0px;
	font-size: 0.8em;
}

.pro-link{
	text-align: right;
	margin-right: 25px;
	position:absolute;
	bottom:20px;
	right:0px;
}

	.pro-link a{
		color: #3f3f3f;
		background:url(../images/business/blank_icon01.gif) no-repeat left center;
		padding: 0px 0px 0px 15px;
		border-bottom: solid 1px #3f3f3f;
	}

	.pro-link a:hover{
		color: #69aa35;
		background:url(../images/business/blank_icon02.gif) no-repeat left center;
		padding: 0px 0px 0px 15px;
		border-bottom: solid 1px #69aa35;
		text-decoration: none;
	}
.product>h2{
	margin-top:100px;
}
.product:first-child>h2{
	margin-top:0px;
}
.product>h3{
	margin-top:70px;
}
.product:first-child>h3{
	margin-top:0px;
}


/* 機種別 */
.pro-area li.dsdl,
.pro-area li.pshome,
.pro-area li.iphone,
.pro-area li.wiiware,
.pro-area li.dsiware,
.worksArea li.ios,
.worksArea li.android,
.worksArea li.mobage,
.worksArea li.gree,
.worksArea li.steam,
.worksArea li.feature-phone{
	background: #eee;
	padding: 2px 5px;
	display: inline-block;
	margin:0 0 5px 0;
	font-size:12px;

}
	.pro-area li.dsdl{
		border-left: 3px solid #cc0000;
	}
	.pro-area li.pshome{
		border-left: 3px solid #333;
	}
	.pro-area li.iphone{
		border-left: 3px solid #cc0000;
	}
	.pro-area li.wiiware{
		border-left: 3px solid #21a6ff;
	}
	.pro-area li.dsiware{
		border-left: 3px solid #f3319f;
	}
	.switch{
		border-left: 3px solid #E60012;
	}
	.wii{
		border-left: 3px solid #4AC4EE;
	}

	.xbox360{
		border-left: 3px solid #6DC530;
	}
	.xboxOne{
		border-left: 3px solid #6DC530;
	}

	.psp,.psvita{
		border-left: 3px solid #3D74B5;
	}

	.ps2{
		border-left: 3px solid #000000;
	}

	.ps3{
		border-left: 3px solid #000000;
	}

	.ps4{
		border-left: 3px solid #000000;
	}

	.steam{
		border-left: 3px solid #000000;
	}

	.ds{
		border-left: 3px solid #EA3232;
	}

	.three-ds{
		border-left: 3px solid #EA3232;
	}

	.ios{
		border-left: 3px solid #ff7d0a;
	}

	.android{
		border-left: 3px solid #7bc25d;
	}

	.worksArea li.mobage{
		border-left: 3px solid #1E63A9;
	}

	.worksArea li.gree{
		border-left: 3px solid #16A0DA;
	}

	.worksArea li.feature-phone{
		border-left: 3px solid #C0C0C0;
	}


/*================================================= 　モバイルゲーム部門について　 =================================================　*/

/*ぷよくえ*/
.pro-atbox{
	width: 960px;
	border-radius: 5px;
	background-color: #FFF;
	margin: 0 auto;
	text-align: center;
	border:solid 1px #e1e1e1;
	padding:0 0 2%;
	box-sizing:border-box;
}

.pro-atbox:hover{
	background: #FFFFA6;
	-webkit-transition: background-color .3s ease 0s;
	transition: background-color .3s ease 0s;
}
.puyo-atbox:hover{
	background:none !important;
}
.pro-atbox a{
	display: block;
/*	width: 920px;
	padding: 20px;
*/
}
.pro-atbox a:hover{
	color: #3f3f3f;
}
.py-btn{
	margin-bottom:10px;
}
.pro-atbox .link_box .link_text{
	color: #3f3f3f;
	background: url(../images/business/blank_icon01.gif) no-repeat left center;
	padding: 0px 0px 0px 15px;
	border-bottom: solid 1px #3f3f3f;
}
.pro-atbox .link_box:hover .link_text{
	color: #69aa35;
	background: url(../images/business/blank_icon02.gif) no-repeat left center;
	padding: 0px 0px 0px 15px;
	border-bottom: none;
}
.product-web .link_box .link_text{
	color: #3f3f3f;
	background: url(../images/business/blank_icon01.gif) no-repeat left center;
	padding: 0px 0px 0px 15px;
	border-bottom: solid 1px #3f3f3f;
}
.product-web .link_box:hover .link_text{
	color: #69aa35;
	background: url(../images/business/blank_icon02.gif) no-repeat left center;
	padding: 0px 0px 0px 15px;
	border-bottom: none;
}
.pro-topimg{
	margin: 30px 0px 10px 20px;
	width: 23%;
	text-align: left;
	display: inline-block;
	vertical-align: top;
}
.pro-topimg.paper,
.pro-topimg.paper .pro-topimg{
	float: none;
}
.pro-topimg ul{
	text-align: left;
}
.pro-topimg img{
	margin: 20px 0px 10px 0;
	width:160px;
	border-radius:10px;
}
.pro-title-at{
	margin: 10px 0px 0px 0;
	font-size:1.55em;
	text-align: left;
}

.worksArea .red{
	color: #cd202c;
	font-size:12px;
}
.pro-atarea {
	width: 65%;
	display: inline-block;
	vertical-align: top;
}
.pro-atarea .appbtn{
	margin:20px 0px 0 0px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
.pro-atarea .appbtn li{
	margin: 0px 0px 20px 0px;
	cursor:pointer;
}
.pro-atarea .appbtn li:first-child{
	margin: 10px 0px 20px 0px;
}
.pro-atarea .appbtn.end li{
	margin: 0px 0px 20px 0px;
	cursor:auto;
}
.pro-atarea .appbtn.end{
	margin:30px 0px 0 0px;
}
/*.korokami .pro-atarea .appbtn{
	margin:80px 0px 0 0px;
}*/

.pro-atlink{
	text-align: right;
	margin-top:25px;
}
	.pro-atlink a{
		color: #3f3f3f;
		background:url(../images/business/blank_icon01.gif) no-repeat left center;
		padding: 0px 0px 0px 15px;
		border-bottom: solid 1px #3f3f3f;
	}.pro-atlink a:hover{
		color: #69aa35;
		background:url(../images/business/blank_icon02.gif) no-repeat left center;
		border-bottom: solid 1px #69aa35;
		text-decoration: none;
	}
.pro-atleft{
	float:left;
	margin: 20px 0px 0px 0px;
	width: 35%;
	text-align: left;
}
.qr{
/*	margin:0 0 0 10px;
*/}
.pro-atright{
	float:left;
	width: 65%;
	margin: 36px 0px 0px 0px;
}

.pro-atarea table{
	width: 100%;
	margin: 0px 0px 10px 0px;
	line-height: 1.8em;
	vertical-align: top;
}

.pro-atarea th{
	text-align: center;
	background :#f2f2f2;
	border-bottom: 1px solid #e5e2e2;
	padding: 4px;
	font-weight: normal;
	vertical-align: middle;
	width: 24%;
}

.pro-atarea td{
	border-bottom: 1px solid #e5e2e2;
	padding: 4px 10px;
	background:#FFF;
	vertical-align:middle;
}

.pro-atarea .at_soctable_2 td{
	border-bottom: 1px solid #e5e2e2;
	padding: 4px 10px;
	background:#FFF;
	vertical-align:middle;
	display: block;
}
/* ぷよくえend */


.product-s img{
	/*margin-left:30px;	*/
}
.product-s>li{
	width: 472px;
	height: 200px;
	overflow:hidden;
}
.pro-s-area{
	width:280px;
	float:right;
}

.gray{
	color:#999;
}

/*================================================= 　ＷＥＢ部門について　 =================================================　*/

.productList.product-web>li,
.productList.product-web>li a{
	height: 410px;
	/*padding:20px 0 20px;*/
}
	.product-web h3{
		margin: 10px 0px 10px 22px;
	}

	.original>li:hover{
		background: #FFFFA6;
		-webkit-transition: background-color .4s ease 0s;
		transition: background-color .4s ease 0s;
	}

.product .atention{
	width: 100%;
	text-align: left;
	padding-top:10px;
}

p.memo{
	margin: 0px 0px 2px 22px;
	text-align: left;
	font-size: 12px;
}
p.memo2{
	font-size: 10px;
	text-align: left;
	margin: 0px 0px 10px 22px;
}
.newachievements.productList.product-web>li,
.newachievements.productList.product-web>li a{
	height: 360px;
	/*padding:20px 0 20px;*/
}
.newachievements h3{
	margin: 10px 0px 0px 22px;
}
.newachievements p.memo{
	margin: 0px 0px 10px 22px;
	text-align: left;
	font-size: 12px;
}
.newachievements p.memo span{
	font-size: 10px;
	margin: 0 0 0 10px;
}


/*peakvox-site.php */

.link-btn2 a{
	display: block;
	padding: 8px 15px;
	background: #6eb335;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 3px rgba(0,0,0, .3);
	-webkit-transition: background-color .4s ease 0s;
	transition: background-color .4s ease 0s;
	color:#fff;
	width:300px;

}
.link-btn1 a:hover{
	background:#323232;
}
/* web部門について */
/* ページ内遷移タブ */

#works .webtab{
	width:100%;
	text-align:center;
	margin-bottom:50px;
}
.webtab li{
	width:180px;
	height: auto;
	display:inline-block;
	text-align:center;
	padding-right:10px;
}
.webtab li a:hover{
	background: #ed557d;
	color: #FFF !important;
	padding:10px;
}
.webtab a.active{
	background: #ed557d;
	color:#FFF !important;
	padding:10px;
	display: block;
	transition: background-color .3s ease 0s,color .3s ease 0s;
	border: #ed557d 1px solid;
}
.webtab a.passive{
    transition: background-color .3s ease 0s,color .3s ease 0s;
    border: 1px solid #ed557d;
    padding: 10px;
    display: block;
    color: #ed557d;
}
#entrust2{
	margin-top:30px;
}


/*drido.php */

.goods-name{
	width:200px;
	display:block;
	text-align:center;
	margin:20px 0px 0px -50px;
}

.paper{
	margin:20px 0px 0px 10px;
	overflow:hidden;
}

.one{
	clear:both;
	margin:0px 55px 30px 0px;
}

.nolight-three{
	margin: 0 auto;
	position:relative;
	margin-right:-15px;

}

	.nolight-three>li{
		float: left;
		width: 310px !important;
		height: 220px;
		border-radius: 5px;
		background: #FFF;
		margin: 15px 15px 0px 0px;
		border:solid 1px #e1e1e1;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding:30px 10px 10px;
	}