@charset "UTF-8";

/*PC*/

/* フロート */
.fl{ float: left; }
.fr{ float: right; }

/*テンプレート　----------------------------------------------*/
	/*ヘッダ*/
header{
	width: 100%;
	height: 70px;
	border-bottom: 5px solid #E71E19;
}

header .inner{
	width: 1194px;
	margin: 0 auto;
}

header .inner.sp{
	display: none;
}

header .inner .logo{
	float: left;
	padding-top: 15px;
}

header .inner .navi{
	float: right;
	width: 597px;
}

header .inner .navi ul{
	overflow: hidden;
	border-left: 1px solid #dddddd;
}

header .inner .navi ul li{
	float: left;
	border-right: 1px solid #dddddd;
}

header .inner .navi ul li.twitter,
header .inner .navi ul li.facebook{
	border-right: 0px;
	padding-top: 15px;
}

header .inner .navi ul li.twitter{
	padding-left: 10px;
}
header .inner .navi ul li.facebook{
	margin-left: 20px;
}

	/*フッタ*/
footer {
	width: 100%;
	height: 40px;
	background: url(../_img/common/footer/bg.gif);
}

footer .inner{
	width: 1194px;
	margin: 0 auto;
	overflow: hidden;
}

footer .inner .navi{
	float: left;
	width: 370px;
	font-size: 11px;
	color: #fff;
	line-height: 1.1;
	padding-top: 11px;
}

footer .inner .navi a{
	color: #fff;
}

footer .inner .copyright{
	float: right;
	width: 234px;
	font-size: 11px;
	color: #fff;
	text-align: right;
	line-height: 1.1;
	font-family: "Helvetica", Gadget, sans-serif;
	padding-top: 13px;
}

#Contents{
	width: 100%;
	background: url(../_img/common/bg_page.gif) left top;
}

#Contents #Wrap{
	overflow: hidden;
	width: 1194px;
	padding: 30px 0 60px;
	margin: 0 auto;
}

/*左コンテンツ*/
#Main{
	float: left;
	width: 933px;
}

#Main #Border{
	width: 100%;
	border: 3px solid #e71e19;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

/*右コンテンツ*/
#Side{
	float: right;
	width: 234px;
}

#Side li{
	margin-bottom: 10px;
}
#Side li.wide{
	margin-bottom: 20px;
}

/*共通タイトル*/
#Main .titleSect{
	overflow: hidden;
	padding: 30px 37px 25px;
	border-bottom: 1px dotted #e71e19;
	background-color: #fff;
}

#Main .titleSect .title{
	float: left;
	width: 300px;
}

#Main .titleSect .eng{
	float: right;
	text-align: right;
	width: 200px;
	padding-top: 10px;
}

/*ページ枠*/
#Main .pageSect{
	padding: 30px 37px 60px;
	background-color: #fff;
}

/*ボタン-四角枠あり*/
a.modBtn{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1;
	color: #e71e19;
	border: 2px solid #e71e19;
	background-color: #fff;
	padding: 10px 55px 8px;
	text-decoration: none;
}
a.modBtn .iconDown{
	display: inline-block;
	background: url(../_img/common/ico_linkdown.gif) left center no-repeat;
	padding-left: 15px;
}
a.modBtn .iconRight{
	display: inline-block;
	background: url(../_img/common/ico_linkright.gif) left center no-repeat;
	padding-left: 15px;
}

/*ボタン-角丸枠あり*/
a.modRoundBtn{
	display: inline-block;
	width: 257px;
	height: 45px;
	font-size: 16px;
	font-weight: bold;
	line-height: 45px;
	color: #fff;
	text-align: center;
	border: 3px solid #f38885;
	background-color: #e81e1a;
	text-decoration: none;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
a.modRoundBtn:hover{
	background-color: #ff6663;
}
a.modRoundBtn span{
	display: inline-block;
	background: url(../_img/recruit/ico_arrow_rd.gif) left center no-repeat;
	padding-left: 30px;
}
a.modRoundBtn.gr{
	border: 3px solid #72f593;
	background-color: #0ec93d;
}
a.modRoundBtn.gr:hover{
	background-color: #2ce95b;
}
a.modRoundBtn.gr span{
	display: inline-block;
	background: url(../_img/recruit/ico_arrow_gr.gif) left center no-repeat;
	padding-left: 30px;
}



/*新着情報　----------------------------------------------*/

/*記事一覧*/
#News .listBox{
	padding-bottom: 35px;
}

#News .listBox li{
	padding: 15px 3px;
	border-bottom: 1px dotted #b3b2b2;
}

#News .listBox li .date{
	display: inline-block;
	width: 120px;
	font-size: 14px;
}

#News .listBox li .cat{
	display: inline-block;
	width: 125px;
	font-size: 12px;
}

#News .listBox li .cat span{
	display: inline-block;
	text-align: center;
	color: #fff;
	background-color: #e71e19;
	padding: 0 5px;
}

#News .listBox li a.title{
	display: inline-block;
	font-size: 14px;
	color: #1a1a1a;
	background: url(../_img/common/ico_textlink.png) left 4px no-repeat;
	padding-left: 12px;
}
#News .listBox li a.title:hover{
	color: #e71e19;
}

/*もっと見るボタン*/
#News .moreBox{
	text-align: center;
	background: url(../_img/common/bg_highlight.gif) left top;
	padding: 12px 0;
}

/*詳細*/
#News .entryBox{
	margin-bottom: 40px;
}

	/*タイトル周り*/
#News .entryBox .entryDateCat{
	margin-bottom: 20px;
}
	
#News .entryBox .date{
	display: inline-block;
	width: 120px;
	font-size: 14px;
}

#News .entryBox .cat{
	display: inline-block;
	width: 125px;
	font-size: 12px;
}

#News .entryBox .cat span{
	display: inline-block;
	text-align: center;
	color: #fff;
	background-color: #e71e19;
	padding: 0 5px;
}

#News .entryBox .entryTitle{
	font-size: 24px;
	line-height: 1.1;
	font-weight: bold;
	padding-bottom: 12px;
	background: url(../_img/common/bg_entrytitle.gif) left bottom no-repeat;
	margin-bottom: 18px;
}

	/*記事周り*/
#News .entryBox .entryText{
	overflow: hidden;
	font-size: 14px;
	line-height: 2;
	margin-bottom: 30px;
}

#News .entryBox .entryText .pct.fr{
	margin-left: 30px;
	width: 348px;
}
#News .entryBox .entryText .pct.fr img{
	margin-bottom:10px;
}
#News .entryBox .entryText .pct.fl{
	margin-right: 30px;
}

	/*関連リンク*/
#News .entryBox .relatedLink{
	background-color: #f9f9f9;
}

#News .entryBox .relatedLink ul{
	padding: 20px 30px 8px;
}

#News .entryBox .relatedLink li{
	background-color: #f9f9f9;
	margin-bottom: 15px;
}

#News .entryBox .relatedLink li a{
	display: inline-block;
	font-size: 14px;
	color: #1a1a1a;
	background: url(../_img/common/ico_textlink.png) left 4px no-repeat;
	padding-left: 12px;
}
#News .entryBox .relatedLink li a:hover{
	color: #e71e19;
}

/*ページャー*/
#News .pagerBox{
	overflow: hidden;
	background: url(../_img/common/bg_highlight.gif) left top;
	padding: 12px;
}



/*開発実績　----------------------------------------------*/
#Product #Main .pageSect{
	padding: 30px 37px 40px;
}

/*記事一覧*/
#Product .detailBox{}

#Product .detailBox .title{
	font-size: 22px;
	line-height: 1.1;
	font-weight: bold;
	padding-bottom: 10px;
	background: url(../_img/common/bg_entrytitle.gif) left bottom no-repeat;
	margin-bottom: 18px;
}

#Product .detailBox > p{
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 20px;
}
#Product .detailBox > p.last{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
}

	/*カコミ*/
#Product .detailBox .platformArea{
	background-color: #faf8f5;
	padding: 20px 20px 14px;
	margin-bottom: 45px;
}

#Product .detailBox .platformArea .subTitle{
	font-size: 18px;
	height: 22px;
	font-weight: bold;
	padding-left: 28px;
	margin-bottom: 5px;
}
#Product .detailBox .platformArea .subTitle.console{
	background: url(../_img/product/ico_game.gif) left center no-repeat;
}
#Product .detailBox .platformArea .subTitle.mobile{
	background: url(../_img/product/ico_mobile.gif) left center no-repeat;
}

#Product .detailBox .platformArea > p{
	font-size: 14px;
	line-height: 2.0;
}

	/*左右分割*/
#Product .detailBox .sampleArea{
	overflow: hidden;
	margin-bottom: 45px;
}

#Product .detailBox .sampleArea dl{
	width: 407px;
}

#Product .detailBox .sampleArea dt{
	font-size: 18px;
	line-height: 1.1;
	font-weight: bold;
	background: url(../_img/common/ico_circle_rd.gif) left 3px no-repeat;
	padding: 0 0 8px 18px;
	border-bottom: 1px dotted #b3b2b2;
	margin-bottom: 12px;
}

#Product .detailBox .sampleArea dd{
	font-size: 14px;
	line-height: 1.8;
}

#Product .detailBox .sampleArea dd p{
	margin-bottom: 15px;
}

#Product .detailBox .sampleArea dd .pct{
	text-align: center;
}



/*会社案内　----------------------------------------------*/
#Company #Main .pageSect{
	padding: 30px 37px 50px;
}

/*各詳細*/
#Company .detailBox{
}

#Company .detailBox .entryTitle{
	font-size: 24px;
	line-height: 1.1;
	font-weight: bold;
	padding-bottom: 12px;
	background: url(../_img/common/bg_entrytitle.gif) left bottom no-repeat;
	margin-bottom: 18px;
}

#Company .detailBox p.lead{
	font-size: 24px;
	line-height: 1.8;
	margin-bottom: 10px;
}

#Company .detailBox p{
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 30px;
}

#Company .detailBox .pct{
	margin-bottom: 30px;
}
#Company .detailBox .pct.fr{
	margin-left: 20px;
}

	/*テーブル部分*/
#Company .detailBox .spec{
	width: 100%;
	border-top: 1px solid #d2d1d1;
	border-left: 1px solid #d2d1d1;
	margin-bottom: 40px;
}

#Company .detailBox .spec th,
#Company .detailBox .spec td{
	padding: 15px;
	border-right: 1px solid #d2d1d1;
	border-bottom: 1px solid #d2d1d1;
}

#Company .detailBox .spec th{
	width: 150px;
	font-size: 14px;
	color: #e81e1a;
	background-color: #f7f7f7;
}

#Company .detailBox .spec td a {
	font-size: 120%;
	color: #1a1a1a;
}

/*ページャー*/
#Company .pagerBox{
	overflow: hidden;
	padding: 12px 0 12px 12px;
	background: url(../_img/common/bg_highlight.gif) left top;
}

#Company .pagerBox li{
	float: left;
	width: 203px;
	margin-right: 8px;
}

#Company .pagerBox li a.modBtn{
	padding: 10px 0;
	width: 100%;
	text-align: center;
}

#Company .pagerBox li a.modBtn span{
	display: inline-block;
	background: url(../_img/common/ico_linkright.gif) left center no-repeat;
	padding-left: 15px;
}
#Company .pagerBox li a:hover.modBtn{
	background-color:#e81e1a;
	color:#fff;
}

#Company .pagerBox li a:hover.modBtn span{
	background: url(../_img/common/ico_linkright_on.gif) left center no-repeat;
}

#Company .pagerBox li a.modBtn.current{
	background-color: #e81e1a;
	color: #fff;
}
#Company .pagerBox li a.modBtn.current span{
	background-image: none;
	padding-left: 0px;
}



/*事業内容　----------------------------------------------*/
#Business #Main .pageSect{
	padding: 30px 37px 50px;
}

/*各詳細*/
#Business .detailBox{
	overflow: hidden;
}

#Business .detailBox .entryTitle{
	width: 410px;
	font-size: 22px;
	line-height: 1.1;
	font-weight: bold;
	padding-bottom: 12px;
	background: url(../_img/common/bg_entrytitle.gif) left bottom no-repeat;
	margin-bottom: 18px;
}

#Business .detailBox .pct.sp{
	display: none;
}

#Business .detailBox .pct.fr{
	margin-left: 45px;
}

#Business .detailBox p{
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 40px;
	width:410px;
}



/*採用情報　----------------------------------------------*/
#Recruit #Main .pageSect{
	padding: 30px 37px 40px;
}

#Recruit .formTitle{
	margin-bottom: 22px;
}

#Recruit .formSubTitle{
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 5px 23px;
	background: url(../_img/common/ico_circle_rd.gif) 3px 3px no-repeat;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px;
}
#Recruit .formSubTitle.gr{
	background: url(../_img/common/ico_circle_gr.gif) 3px 3px no-repeat;
}

/*一覧*/
#Recruit .indexBox{}

#Recruit .indexBox .mainPct{
	margin-bottom: 40px;
}

#Recruit .indexBox p{
	font-size: 14px;
	line-height: 1.7;
	margin: 0 0 24px 5px;
}
#Recruit .indexBox p.lead{
	font-size: 16px;
	margin: 0 0 24px 5px;
}
#Recruit .indexBox p.last{
	margin-bottom: 55px;
}

#Recruit .indexBox .linkArea{
	overflow: hidden;
	background-color: #faf8f5;
	padding: 17px 0 2px 17px;
	margin-bottom: 30px;
}

#Recruit .indexBox .linkArea li{
	float: left;
	width: 263px;
	margin-right: 15px;
	margin-bottom: 14px;
}

/*詳細*/
#Recruit .detailBox{
	margin-bottom: 50px;
}

#Recruit .detailBox .lead{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 20px;
}

#Recruit .detailBox .mainPct{
	margin-bottom: 35px;
}

#Recruit .detailBox .backgroundArea{
	margin-bottom: 35px;
	padding: 22px 22px 12px 22px;
	background-color: #f9f8f4;
}

#Recruit .detailBox .backgroundArea .title{
	font-size: 20px;
	margin-bottom: 10px;
}

#Recruit .detailBox .backgroundArea p{
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 8px;
}

	/*テーブル部分*/
#Recruit .detailBox .spec{
	width: 100%;
	border-top: 1px solid #d2d1d1;
	border-left: 1px solid #d2d1d1;
	margin-bottom: 40px;
}

#Recruit .detailBox .spec th,
#Recruit .detailBox .spec td{
	padding: 15px;
	border-right: 1px solid #d2d1d1;
	border-bottom: 1px solid #d2d1d1;
}

#Recruit .detailBox .spec th{
	color: #e81e1a;
	background-color: #f7f7f7;
}

#Recruit .detailBox .spec td{
	padding-bottom: 5px;
}

#Recruit .detailBox .spec td h5{
	font-weight: bold;
	border-left: 3px solid #e81e1a;
	padding-left: 5px;
	margin-bottom: 8px;
}

#Recruit .detailBox .spec td ul{
	margin-bottom: 10px;
	list-style-type: disc;
	list-style-position: inside;
}

#Recruit .detailBox .spec td li {
	line-height: 1.8;
}

#Recruit .detailBox .spec td li strong {
	font-size: 120%;
}

#Recruit .detailBox .submit_confirm_button {
	background: url(../_img/recruit/btn_entry.gif);
	width:324px;
	height:53px;
	border-width:0;
	border-style:none;
	text-indent: -9999px;
	cursor:pointer;
}
#Recruit .detailBox .submit_confirm_button:hover {
	background: url(../_img/recruit/btn_entry_o.gif);
}

/*フォーム*/
#Recruit .formBox{
	margin-bottom: 50px;
}

#Recruit .formBox p.caution{
	font-size: 12px;
	line-height: 1.5;
}
#Recruit .formBox p.caution.wide{
	margin-bottom: 20px;
}

#Recruit .formBox ul{
	border-top: 1px dotted #ccc;
	margin-bottom: 40px;
}

#Recruit .formBox li{
	overflow: hidden;
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
}

#Recruit .formBox .title{
	float: left;
	width: 160px;
	background-color: #f7f7f7;
	padding: 17px 0 0 0;
}

#Recruit .formBox .title span{
	margin-left: 15px;
}
#Recruit .formBox .title span.fcRed{
	margin-left: 3px;
}

#Recruit .formBox .entry{
	overflow: hidden;
	padding: 8px 15px 0 15px;
}
#Recruit .formBox .entry.pt{
	padding-top: 12px;
	line-height: 2;
}

#Recruit .formBox .entry p{
	margin-bottom: 10px;
}
#Recruit .formBox .entry p.caution{	
	padding-top: 5px;
	margin-bottom: 0px;
}
#Recruit .formBox .entry p.pt{
	padding-top: 8px;
	margin-bottom: 0px;
}

	/*フォーム枠*/
#Recruit .formBox .fbox{
	box-sizing: border-box;
	padding: 5px 10px;
	font-size: 14px;
	height: 32px;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1) inset;
	margin: 0 5px -5px;
}

#Recruit .formBox .fbox.s1{ width: 225px; }
#Recruit .formBox .fbox.s2{ width: 115px; }
#Recruit .formBox .fbox.s3{ width: 62px; }
#Recruit .formBox .fbox.s4{ width: 375px; }
#Recruit .formBox .fbox.s5{ width: 82px; }
#Recruit .formBox .fbox.s6{ width: 665px; height: 160px; }

#Recruit .formBox .submit_confirm_button {
	background: url(../_img/recruit/btn_confirm.gif);
	width:309px;
	height:59px;
	border-width:0;
	border-style:none;
	text-indent: -9999px;
}
#Recruit .formBox .submit_confirm_button:hover {
	background: url(../_img/recruit/btn_confirm_o.gif);
}
#Recruit .formBox .submit_send_button {
	background: url(../_img/contact/btn_send.gif);
	width:309px;
	height:59px;
	border-width:0;
	border-style:none;
	text-indent: -9999px;
}
#Recruit .formBox .submit_send_button:hover {
	background: url(../_img/contact/btn_send_o.gif);
}

/*下部共通*/
#Recruit .formBottom {
	text-align: center;
}

#Recruit .formBottom a {
	color: #1a1a1a;
}

#Recruit .formBottom p {
	font-size: 14px;
	margin-bottom: 30px;
}
#Recruit .formBottom p.caution {
	font-size: 12px;
	margin-bottom: 30px;
}



/*お問い合わせ　----------------------------------------------*/
#Contact #Main .pageSect{
	padding: 30px 37px 50px;
}

/*フォーム*/
#Contact .formBox{}

#Contact .formBox p.caution{
	font-size: 12px;
	line-height: 1.5;
}
#Contact .formBox p.caution.wide{
	margin-bottom: 20px;
}

#Contact .formBox ul{
	border-top: 1px dotted #ccc;
	margin-bottom: 40px;
}

#Contact .formBox li{
	overflow: hidden;
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
}

#Contact .formBox .title{
	float: left;
	width: 160px;
	background-color: #f7f7f7;
	padding: 17px 0 0 0;
}

#Contact .formBox .title span{
	margin-left: 15px;
}
#Contact .formBox .title span.fcRed{
	margin-left: 3px;
}

#Contact .formBox .entry{
	overflow: hidden;
	padding: 8px 15px 0 15px;
}
#Contact .formBox .entry.pt{
	padding-top: 12px;
	line-height: 2;
}

#Contact .formBox .entry p{
	margin-bottom: 10px;
}
#Contact .formBox .entry p.caution{
	padding-top: 5px;
	margin-bottom: 0px;
}
#Contact .formBox .entry p.pt{
	padding-top: 8px;
	margin-bottom: 0px;
}

	/*フォーム枠*/
#Contact .formBox .fbox{
	box-sizing: border-box;
	padding: 5px 10px;
	font-size: 14px;
	height: 32px;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1) inset;
	margin: 0 5px -5px;
}

#Contact .formBox .fbox.s1{ width: 375px; }
#Contact .formBox .fbox.s2{ width: 665px; height: 160px; }

	/*フォーム下部*/
#Contact .formBox .formBottom {
	text-align: center;
}

#Contact .formBox .formBottom a {
	color: #1a1a1a;
}

#Contact .formBox .formBottom p {
	font-size: 14px;
	margin-bottom: 30px;
}
#Contact .formBox .formBottom p.caution {
	font-size: 12px;
	margin-bottom: 30px;
}

#Contact .formBox .submit_confirm_button {
	background: url(../_img/contact/btn_confirm.gif);
	width:309px;
	height:59px;
	border-width:0;
	border-style:none;
	text-indent: -9999px;
}
#Contact .formBox .submit_confirm_button:hover {
	background: url(../_img/contact/btn_confirm_o.gif);
}
#Contact .formBox .submit_send_button {
	background: url(../_img/contact/btn_send.gif);
	width:309px;
	height:59px;
	border-width:0;
	border-style:none;
	text-indent: -9999px;
}
#Contact .formBox .submit_send_button:hover {
	background: url(../_img/contact/btn_send_o.gif);
}