@charset "euc-jp";
 /*----------------------------
  common
----------------------------*/

@import "base.css";

body{
	min-width:1080px;
	font-size:14px;
	color:#2b2b2b;
	font-size: 16px;
}

.inner{
	width:960px;
	margin:0 auto;
}

a { color:#2075bb; }

h2{
	margin-bottom: 40px;
	font-size:34px;
	font-weight:100;
	border-bottom: solid 2px #2075bb;
}

h3{
	font-size:26px;
	font-weight:100;
}

ul {
	list-style-position:inside;
	list-style-type:disc;
}

p {
	margin-bottom: 24px;
	line-height: 30px;
}

table{
	width:100%;
	margin-bottom:50px;
	font-size: 15px;
}

table tr{
	border-bottom:dotted #999999 1px;
}

table select{
	height:25px;
}

table input, table textarea{
	border:solid 1px #BDBDBD;
}

table input[type="text"]{
	height:25px;
}

textarea{
	margin-bottom:20px;
}


.clearfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	visibility:hidden;
	clear:both;	
}

span.capitalize{
	text-transform:capitalize;
}

.pagetop_box{
	width:100%;
	padding:10px 0 6px;
}
.pagetop{
	padding-left:17px;
	float:right;
	background:url(../img/pagetop.png) left top no-repeat;
	color:#2075bb;
	cursor:pointer;
	font-size:86%;
	border:none;
}

.pagetop_box .inner .pagetop{
	padding-left:0;
	background:none;
}

.pagetop_box a{
	text-decoration:none;
}


/****** #bread
crumbs ******/
#breadcrumbs {
	margin-bottom:60px;
	padding:6px 0;
	background-color:#2075bb;
	font-size:82%;
}

#breadcrumbs ol li{
	display: inline;
	background-image:URL(../img/breadcrumbs.gif);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right:16px;
	color:#ffffff;
}
#breadcrumbs ol li.breadcrumbs_end{
	background-image:none;
	padding-right:none;
}
#breadcrumbs ol li a{
	color:#ffffff;
}


/* ####################  HEADER  ###############*/


body #header{
	padding:22px 0 26px;
	text-align:left;
}


#header #logo {
	width:309px;
	height:50px;
	margin-top: 15px;
	float:left;
	font-size: 30px;
}

#header #logo a {
	text-decoration: none;
}


#header #global_navi {
	width: 570px;
	height:50px;
	float:right;
	margin:11px 0 0 0;
	font-size:90%;
}

#global_navi ul li {
	width:140px;
	height:50px;
	float:left;
	border-right:dotted 2px #bdbdbd;
	list-style:none;
}
#global_navi ul li.navifirst {
	border-left:dotted 2px #bdbdbd;
}
#global_navi ul li a{
	width:140px;
	height:50px;
	display:block;
	line-height: 50px;
	text-align:center;
	text-decoration:none;
	font-weight: bold;
}




.top_body .top_navi,
.games_body .games_navi ,
.recruit_body .recruit_navi ,
.mailform_body .mailform_navi {
	border-bottom:solid 3px #2075bb;
}

.top_navi:hover,
.games_navi:hover ,
.recruit_navi:hover ,
.mailform_navi:hover {
	border-bottom:solid 3px #6AADE5;
}


/* ####################  CONTENT(index)  ###############*/

.top_contents {
	padding:40px 0;
}

/****** #top_image ******/
#top_image {
	height:370px;
	width:100%;
	background:url(../img/top_image_back.png) , #caecff;
	background-repeat:repeat-x;
	background-position:50% 50%;
}
#top_image img { display: block; }

/****** #top_banner ******/
#top_banner {
	padding: 70px 0 10px;
}

/****** #top_news_list ******/

#top_news_list .inner dl {
	width:900px;
	min-height:10px;
	margin: 0 30px;
}
#top_news_list .inner dl dt {
	width:120px;
	float:left;
	font-weight: 400;
}
#top_news_list .inner dl dd {
	float:left;
	width:780px;
	padding: 0 0 20px;
	font-size:16px;
}
#top_news_list .inner dl dd.newsend {
	padding: 0;
}
#top_news_list .inner .top_news_list_end{
	text-align:right;
	margin-top:50px;
}



/* ####################  CONTENT(others)  ###############*/
.pagecontents{
	min-height:450px;
	margin-bottom:100px;
}
.inner_wrap{
	margin-left:30px;
	margin-bottom: 50px;	
}



.inner table p {
	margin:0 0 10px;
	line-height:24px;
}

.listdot {
	list-style-type:disc;
	list-style-position:outside;
	margin-left : 1em ;
}

.indent_ajust {
	padding-left : 1em ;
	text-indent : -1em ;
}

.button_box {/* w400px when 960px */
	height:50px;
	margin: 0 auto 30px;
	padding: 0 280px;
	text-align:center;
	line-height:50px;
}

.button_box .check_btn {
	width:250px;
	height:50px;
	display:block;
	margin:0 auto;
	background-color:#2075bb;
	color:#ffffff;
	cursor:pointer;
	border:none;
	font-weight:bold;
}

.button_box input[type=submit].submit {
	display:block;
	width:180px;
	height:50px;
	float:right;
	background-color:#2075bb;
	border:none;
	color:#ffffff;
	cursor:pointer;
	font-weight:bold;
}

.button_box input[type=submit].back {
	display:block;
	width:180px;
	height:50px;
	float:left;
	font-weight:bold;
	background-color:#DFDFDF;
	color:#424242;
	border:none;
	cursor:pointer;
	font-weight:bold;
}


.form_message{
	text-align: center;
	margin:24px 0 40px;
}

/****** #mailform ******/

#mailform table {
	margin-right: 50px;
	margin-left: 50px;
	width:860px;
}

#mailform .inner table th{
	padding:20px;
	font-size:16px;
	font-weight: normal;
}
#mailform .inner table td{
	padding:20px;
}

#mailform .inner h4{
	margin-bottom: 40px;
	font-size:26px;
	font-weight: 600;
	text-align:center;
}

.to_top{
	margin-top:80px;
}


/****** #privacy ******/

#privacy .inner ol,#privacy .inner ul{
	padding:0 50px;
	font-size:90%;
}
#privacy .inner li{
	padding-bottom:10px;
}
#privacy .inner p{
	margin : 0 50px 20px ;
	line-height: 20px;
	font-size:90%;
}
#privacy .inner .privacy_right {
	margin : 20px 0 35px ;
	text-align:right;
}
#privacy .inner h3 {
	margin-bottom:20px;
	padding:10px 0 10px 16px;
	border-bottom:none;
	border-left:12px solid #2075bb;
}
#privacy .inner h4 {
	margin:40px 0 16px;
	font-size:20px;
	font-weight:100;
}
#privacy .inner h5 {
	margin:10px 0 12px;
	font-size:18px;
	font-weight:100;
}
#privacy .inner ol.lower_roman {
	list-style-type : lower-roman;
}
#privacy .inner ul {
	list-style-type : disc;
	margin : 0 50px 0 ;
}


/****** #sitepolicy ******/
#privacy .inner .policy_area ul {
	margin: 0 0 10px 15px ;
}


/****** #newslist ******/
#newslist .inner dl {
	margin: 0 30px;
}
#newslist .inner dl dt {
	width:120px;
	float:left;
	font-weight: 400;
}
#newslist .inner dl dd {
	float:left;
	width:780px;
	padding: 0 0 20px;
	font-size:16px;
}
#newslist .inner dl dd.newsend {
	padding: 0;
}


/****** #news ******/

#news .inner h3 {
	margin: 0 50px 36px;
	padding:10px 0 10px 16px;
	font-size:24px;
	border-bottom:none;
	border-left:12px solid #2075bb;
}
#news .inner p.date {
	text-align:right;
	margin: 0 80px 30px;
}
#news .inner p {
	margin: 0 80px 30px;
	line-height: 30px;
	font-size:16px;
}
#news .inner dl {
	margin: 40px 80px 30px;
	display:inline-block;
	clear: both;
}
#news .inner dl dt {
	width:120px;
	padding: 10px 0 12px;
	float:left;
	border-bottom:solid 1px #bdbdbd;
}
#news .inner dl dd {
	float:left;
	width:680px;
	padding: 10px 0 12px;
	border-bottom:solid 1px #bdbdbd;
}

#news .inner h4 {
	margin: 0 60px 10px;
	padding:10px 0 0 20px;
    font-weight: normal;
	border-bottom:none;
}
#news .inner .inner_contents {
	margin: 0 90px 30px;
	line-height: 30px;
	font-size:16px;
}
.inner_contents_list {
	margin: 0 30px 20px;
}
#news .inner p.text-indent {
    margin-left: 1em;
    text-indent: -1em;
    margin-bottom: 0;
}

#news .inner ol {
    list-style: decimal;
}



/****** #recruit ******/

.recruit_message{
	line-height:24px;
}

#recruit .inner .now {
	margin: 0 30px 80px;
	padding: 20px 30px 10px;
	border:solid 1px #bdbdbd;
}

#recruit .inner hr {
	margin-bottom: 50px;
}

#recruit .inner ul li{
	line-height:1.8em;
}

#recruit table ul {
	list-style-type:none;
}

#recruit .inner ul {
	margin-bottom: 16px;
}

#recruit .inner h3 {
	margin-bottom: 20px;
	font-size:24px;
	font-weight: normal;
}

#recruit .inner table th{
	width:150px;
	padding:15px;
	font-size:16px;
	font-weight: bold;
}
#recruit .inner table td{
	padding:15px;
}

#entry_form .inner_wrap {
	margin-left: 50px;
}

#entry_form .inner h4{
	margin-bottom: 40px;
	font-size:26px;
	font-weight: 600;
	text-align:center;
}

#entry_form .inner h5{
	font-size:18px;
	font-weight:bold;
	color:#2075bb;
}

#entry_form .inner table tr th{
	padding:20px;
	font-size:16px;
	font-weight: normal;
}
#entry_form .inner .recruit_skill_table th,
#entry_form .inner .recruit_skill_table td {
	padding:10px;
	text-align:center;
}

#entry_form .inner .recruit_skill_table td label {
	width:90%;
	height:100%;
	display:block;
}

#entry_form .inner_wrap p {
	margin-bottom:40px;
	line-height:30px;
}



#entry_form .inner table td{
	padding:20px;
}

#entry_form .err {
display: block !important;
color: #c21313;
padding: 2px;
}


/****** #games ******/

#games .unit {
	width: 860px;
	margin: 0 auto 30px;
	padding: 0 0 30px;
	border-bottom: 1px dotted #999999;
}
#games .unit-image {
	float: left;
	width: 198px;
	height: 198px;
	border: 1px solid #333;
}
#games .unit-image img {
	display: block;
	width: 198px;
	height: 198px;
}
#games .product-unit {
	width: 860px;
	padding: 15px 45px 30px;
}
#games .product-title {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 100%;
	vertical-align: middle;
	color:#2075bb;
}
#games .unit-detail {
	float: right;
	width: 635px;
}
#games .unit-title {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 100%;
	vertical-align: middle;
}
#games .unit-label {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 90px;
	margin: 0 0 0 5px;
	padding: 5px 0;
	background: #bbb;
	font-size: 85.7%; 
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 100%;
	vertical-align: middle;
}
#games .unit-label-ios { background: #FFA400; }
#games .unit-label-android { background: #A4C639; }
#games .unit-label-none { background: #999; }
#games .unit-description {
	margin: 20px 0;
	font-size: 85.7%;
	line-height: 140%;
}
#games .unit-data {
	float: left;
	width: 360px;
	font-size: 85.7%;
}
#games .unit-data dt {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 90px;
	padding: 0 0 5px;
	font-weight: bold;
}
#games .unit-data dd {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 210px;
	padding: 0 0 5px;
}
#games .unit-btns {
	float: right;
	width: 260px;
}
#games .comingsoon {
    opacity: 0.5;
}

/****** #outiline ******/

#outline .inner table{
	margin: 0 50px;
	width:860px;
}

#outline .inner table th{
	padding:15px;
	font-size:16px;
	font-weight: 600;
}
#outline .inner table td{
	padding:15px;
}



/* ####################  FOOTER  ###############*/

#footer_navi {
	width:960px;
	height:20px;
	text-align:left;
	padding:0 0 50px;
	display:inline-block;
	font-size:90%;
}

#footer_navi ul li {
	padding-right:30px;
	float:left;
	list-style:none;
}

#footer_navi ul li a {
	color:#ffffff;
}

#footer{
	padding: 20px 0 50px;
	color:#ffffff;
	background-color:#2075bb;
}

#copyright{
	text-align:center;
	font-size:small;
}


/* ----------------------------------------------------------
	ピックアップ(その時々の推したい機能やお知らせなど)スライダー
------------------------------------------------------------- */

.pickUp {
	width: 1080px;
	margin: 50px auto 0;
}

.pickUp__inner {
	position: relative;
}

.pickUp__viewport {
	width: 960px;
	margin: 0 auto;
	padding: 24px 0;
	overflow: hidden;
}

.pickUp__list {
	width: 1152px;
	list-style: none;
}

.pickUp__listItem {
	float: left;
	width: 960px;
	padding: 0 20px 0 0;
}
.pickUp__listItem:last-child {
	padding: 0;
}
.pickUp__listItem img {
	width: 100%;
}

.pickUp__btn {
	position: absolute;
	top: 140px;
	display: none;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}

.pickUp__btn--prev {
	left: 0;
}

.pickUp__btn--next {
	right: 0;
}



/*end*/