@charset "UTF-8";
/******************************************************
*
*   1. headline
*
******************************************************/


/*  1. headline */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

h1.cat-title{
	background:url(../images/cattitle-gamedata.jpg) no-repeat;
	width:620px;
	height:80px;
}

p.cat-name{
	background:url(../images/catlavel-gamedata.png) no-repeat;

}
.itemBox01,.itemBox02{
	float:left;
	position: relative;
	padding:0 4px 5px 0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.itemBox02 table{
	width:100%;
}
.itemBox01 th.item-name{
	background:#339f5a;
	color:#fff;
	font-size:93%;
	font-weight:bold;
}

.itemBox01 th,.itemBox02 th{
	background:#ccf5eb;
	color:#339f5a;
	font-weight:bold;
	white-space:nowrap;
	border:1px solid #339f5a;
	padding:4px;
}

.itemBox01 td,.itemBox02 td{
	border:1px solid #339f5a;
	padding:4px;
}

.item-img{
	width:auto;
}
.itemBox01 td.item-img{
	text-align:center;
}
.itemBox02 td.item-img{
	text-align:center;
	width:25%;
}

.itemBox01 td.item-img img,
.itemBox02 td.item-img img{

	width:120px;
}


.skillBox{
	float:left;
	position: relative;
	padding:0 4px 5px 0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.skillBox th,.skillBox td{
	border:1px solid #339f5a;
	font-size:83%;
	padding:4px 2px;
}
.skillBox th{
	background:#ccf5eb;
	color:#339f5a;
	font-weight:bold;
}

.skillBox th.name,
.skillBox th.image,
.skillBox th.class,
.skillBox th.property,
.skillBox th.type,
.skillBox th.detail{
background:#339f5a;
	color:#fff;
}
.skillBox th.name{width:24%;}
.skillBox th.image,
.skillBox th.class,
.skillBox th.property,
.skillBox th.type{width:8%;}
.skillBox th.detail{width:48%;}

.sp-index01 li,.jobs-index01 li{
	background:url(../../common/images/parts-arrow03.png) 0 6px no-repeat;
	padding:0 0 0 10px;
	margin:0 0 0.5em 0;
	width:45%;
	float:left;
}
table.tpoint{
	width:100%;
	margin:0 0 12px 0;
}
.section table.tpoint tr th{
	border:1px solid #fd742f;
	background:#fff8d6;
	color:#fd742f;
	font-size:85%;
	font-weight:bold;
	padding:6px;
}
.section table.tpoint tr th.item{
width:30%;
}
.section table.tpoint tr td{
	border:1px solid #fd742f;
	padding:6px;
	font-size:85%;
}


/* Add By Camel 20131113 */
table.myTbl{
	width:100%;
	margin:0 0 12px 0;
}

table.myTbl tr th{
	border:1px solid #fd742f;
	background:#fff8d6;
	color:#fd742f;
	font-size:75%;
	font-weight:bold;
	padding:6px;
}
table.myTbl tr th.line01 { width: 8%;}
table.myTbl tr th.line02 { width: 15%;}
table.myTbl tr th.line03 { width: 10%;}
table.myTbl tr th.line04 { width: 15%;}
table.myTbl tr th.line05 { width: 17%;}
table.myTbl tr th.line06 { width: 20%;}
table.myTbl tr th.line07 { width: 15%;}

.section table.myTbl tr td{
	border:1px solid #fd742f;
	padding:6px;
	font-size:70%;
}

#filterArea{
	margin-bottom: 50px;
}

#filterArea .set02 td{
	overflow: hidden;
}
#filterArea #btnArea{
	overflow: hidden;
	width: 250px;
	margin: 0 auto;
}
#filterArea #btnArea #allCheck{
	width: 110px;
	height: 27px;
	float: left;
	cursor: pointer
}
#filterArea #btnArea #allClear{
	width: 110px;
	height: 27px;
	float: right;
	cursor: pointer
}

#filterArea .set02 td label{
	margin: 3px 10px 3px;
	display: block;
	float: left;
	cursor: pointer;
}
#filterArea .set02 td input{
	margin-right: 3px;
	cursor: pointer;
}

.disNone{
	display: none !important;
}



#gnav05 a{
	background:url(../../common/images/gnavi.png) no-repeat -1073px -60px;
	display:block;
	width:189px;
	height:60px;
}