@charset UTF-8;

body{
	margin: 0;
	padding: 0;
	min-width: 320px;
	background: #ffffff;
}

img{
	max-width: 100%;
	height: auto;
}

a img{
	border: 0;
}

a{
	text-decoration: none;
}

ul{
	list-style: none;
	padding: 0;
}

.ie8 img{
	width: auto;
}

/* clearfix */
.clearfix{
	zoom: 1;
}

.clearfix:after{
	content: "";
	display: block;
	clear:both;
}

#wrapper{
	max-width: 100%;
	margin: 0 auto;
	font-size: 15px;
	line-height: 1.5em;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","Osaka－等幅","Osaka-Mono","ＭＳ Ｐゴシック",sans-serif;
}

header{
	border-bottom: solid #bfbfbf 1px;
	text-align: center;
}

header #logo{
/*	float: left;*/
	display: inline-block;
	padding: 5px 15px;
}

nav{
}

nav ul{
	margin: 0;
	padding: 0;
}

nav ul li{
	text-align:center;
}

nav ul li a{
	display: block;
	padding: 5px 15px;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	color: #666666;
}

.ie7 nav ul{
	background: #1d4000;
}

footer{
/*	border-top: solid  4px #DFDFDF;*/
}

footer #sitemap{
	margin: 0 auto;
}

footer #copy{
	background: #0062cf;
	text-align: center;
	color: #ffffff;
	padding: 5px 0;
}

#content{
	margin: 0 auto;
	padding-bottom: 30px;
}

#content > aside {
	padding-bottom: 30px;
}

#content.side_border{
	border-left: solid 1px #dfdfdf;
	border-right: solid 1px #dfdfdf;
}

#content table#pressrelease,
table#pressrelease a{
	color: #707070;
}

table#pressrelease a:hover{
	text-decoration: none;
	color: #dddddd;
	font-weight: bold;
}

table#pressrelease td{
	padding: 5px 3px;
}

table#pressrelease .release_date{
	vertical-align: top;
}

/* masterslider */
#slideimages{
	padding: 30px 0;
}

#slideimages .amatz-style{
	width: 100px;
}

#slideimages #masterslider{
	border-bottom: solid #e50012;
	border-top: solid #0062cf;
}

#content h1{
	padding: 10px 10px 5px 10px;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 20px;
}

#content h1.title{
	color: #E50012;
	margin-top: 20px;
	border-bottom: solid 3px #E50012;
}

#content h1#info,
#content h1#cont{
	border-bottom: solid 1px #dfdfdf;
}

#content h1#info{
	color: #0062cf;
}

#content h1#cont{
	color: #e50012;
}

#content section{
	margin: 0 10px;
/*	padding: 0 5px;*/
}

#content #pagetop{
	color: #E50012;
	font-weight: bold;
	font-size: 16px;
	border-top: solid 2px #E50012;
	border-left: solid 2px #E50012;
	display: inline-block;
	margin: 5px 0;
	padding: 5px 10px;
}

.text_right{
	text-align: right;
}

/* ad */
aside {
	border-left: solid 1px #dfdfdf;
}

aside ul{
	padding: 0 10px;
}

aside ul li{
	float: left;
}

aside ul li img{
	width: 256px;
	height: 128px;
}

#sliderimage ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#recruitlist,
#servicelist{
	margin: 40px 0;
}

#recruitlist a,
#servicelist a{
	display: inline-block;
	width: 170px;
	color: #656565;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	border-bottom: solid 1px #BFBFBF;
}

#service .pj_img{
	width: 300px;
	height: 152px;
	margin-right: 35px;
}

#service .pj_cell{
	width: 100%;
	padding: 25px 0;
	border-bottom: solid #BFBFBF 1px;
}

#service .pj_spec .pj_name{
	font-size: 20px;
	font-weight: bold;
}

#service .pj_spec .pj_name a{
	color: #000000;
}

#service .pj_spec .pj_platform .pl_android,
#service .pj_spec .pj_platform .pl_ios,
#service .pj_spec .pj_platform .pl_pc{
	width: 80px;
	height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	display: inline-block;
}


#service .pj_spec .pj_platform .pl_android{
	background: #8DC221;

}

#service .pj_spec .pj_platform .pl_ios{
	background: #000000;

}

#service .pj_spec .pj_platform .pl_pc{
	background: #2ca6e0;

}

#service .pj_info > p{
	color: #656565;
	margin: 0;
	font-size: 16px;
}

#company table,
#recruit table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	width: 95%;
	margin: 5px 0;
	color: #656565;
	word-break: break-all;
	word-wrap: break-word;
}

#recruit table th{
	width: 110px;
}

#company table th{
	width: 120px;
}

#company table th,
#company table td,
#recruit table th,
#recruit table td{
	vertical-align: top;
}

#recruit table td p{
	margin: 0;
	line-height: 1.4em;
}

#company table td, #company table th,
#recruit table td, #recruit table th {
	font-weight: normal;
	border: 1px solid #BFBFBF;
	border-bottom: none;
	padding: 12px;
	text-align: left;
}

#company table tr th:first-child,
#recruit table tr th:first-child {
	border-left: 0;
}

#company table tr th:first-child + td,
#recruit table tr th:first-child + td{
	border-right: none;
}

#company table tr:first-child > td,
#company table tr:first-child > th,
#recruit table tr:first-child > td,
#recruit table tr:first-child > th{
	border-top: none;
}

#recruit p.recruit_text{
	color: #656565;
	padding: 0 15px;
}

#recruit .info_img img{
	width: 48%;
	height: auto;
	margin: 1%;
}

#recruit #recruit_break p{
	text-align: center;
	font-weight: bold;
	margin-top: 0;
}

#recruit #more_close,
#recruit #more{
	text-align: center;
}

#recruit #recruit_more{
	display: none;
}

#recruit h2{
	line-height: 1.2em;
}

@media only screen and (min-width: 900px){

	#content{
		width: 1000px;
	}

	#contentinner{
		float: left;
		width: 100%;
		margin-right: -280px;
	}

	nav ul{
		border-left: solid 2px #DFDFDF;
	}

	nav ul li{
		border-right: solid  2px #DFDFDF;
	}

	article#top{
		margin-right: 280px;
	}

	aside{
		float: right;
		width: 278px;
	}

	nav{
		display: inline-block;
		vertical-align: bottom;
		margin-bottom: 5px;
	}

	nav ul li{
		float: left;
	}

	#toggle{
		display: none;
	}

	#service .pj_img{
		float: left;
	}

	#service .pj_img img{
		width: 100%;
		height: 100%;
	}

	#service .pj_spec{
		display:-moz-box;
		display:-webkit-box;
		display:-o-box;
		display:-ms-box;
	}

	#service .pj_spec .pj_platform{
		text-align: right;
		margin: 5px 0;
		-moz-box-flex:1.0;
		-webkit-box-flex:1.0;
		-o-box-flex:1.0;
		-ms-box-flex:1.0;
	}

	#service .pj_spec .pj_name{
		-moz-box-flex:2.0;
		-webkit-box-flex:2.0;
		-o-box-flex:2.0;
		-ms-box-flex:2.0;
	}

	#service .pj_info{	}

	#service .pj_img{
		margin-right: 35px;
	}

	#recruit #recruit_break p{
		margin: 0 auto;
		font-size: 20px;
		max-width: 80%;
	}

}

@media only screen and (max-width: 900px){

	header{
		text-align: left;
	}

	#grobalnavi ul li{
		border: none;
	}

	#toggle {
		display: block;
		float: right;
		position: relative;
		width: 40px;
		height: 40px;
		margin: 5px 15px;	
		text-align: center;
	}

	#toggle a:link,
	#toggle a:visited,
	#toggle a:hover,
	#toggle a:active {
		color: #656565;
		text-decoration: none;
		font-size: 13px;
		margin-bottom: 0px;
	}

	#toggle div {
		border-top: solid 2px;
		border-radius: 1px;
		margin-top: 0px;
		margin-left: 1px;
		margin-bottom: 4px;
		background: #656565;
	}

	nav{
		display: none;
	}

	#service .pj_img{
		display: inline-block;
		vertical-align: bottom;
	}

	#service .pj_img{
		width: 200px;
		height: auto;
		margin-right: 10px;
	}

	#service .pj_img img{
		width: 100%;
		height: auto;
	}

	#service .pj_spec{
		display: inline-block;
		vertical-align: bottom;
		min-width: 280px;
	}

	#service .pj_name{
		padding: 25px 0;
		word-break: break-all;
	}

	#service .pj_platform{	}

	#service .pj_info{	}

	#company table td, 
	#company table th,
	#recruit table td, 
	#recruit table th {
		width: 95%;
		display: list-item;
		list-style: none;
		border: none;
	}

	#company table th,
	#recruit table th {
		border: 1px solid #BFBFBF;
	}

	#company table tr th:first-child,
	#recruit table tr th:first-child {
		border-left: 5px solid #BFBFBF;
	}

	#company table tr:first-child > th:first-child,
	#company table tr:last-child > th:first-child,
	#recruit table tr:first-child > th:first-child,
	#recruit table tr:last-child > th:first-child {
		border: 0;
		padding: 0;
	}

	aside {
		border-left: solid 0px #dfdfdf;
	}

	aside ul{
		padding: 0 10px;
		width: 520px;
		margin-right: auto;
		margin-left: auto;
	}
	#recruit #recruit_break p{
		font-size: 16px;
	}
}

@media only screen and (max-width: 550px) {
	aside ul{
		padding: 0 10px;
		width: 276px;
		margin-right: auto;
		margin-left: auto;
	}
}