@charset "utf-8";

ul.list_table_box {
	overflow:hidden;
}
ul.list_table_box li {
	margin:0 30px 50px 0;
	float:left;
}
ul.list_table_box li:nth-child(2n) {
	margin:0 0 50px 0;
}

.table_box {
	width:435px;
	font-size:14px;
}
.table_box.no_ttl{
	padding:35px 0 0;
}

.txt_arrow {
    background: url("../img/system/arrow.jpg") no-repeat scroll left 50% rgba(0, 0, 0, 0);
    padding-left: 15px;
    vertical-align: bottom;
}
/* ------------------------------
    cast
------------------------------ */
.cast_area .box {
    margin-bottom: 58px;
}


/* ------------------------------
    cast_d
------------------------------ */

.cast_d_area ul.list_thum li {
    margin: 0 8px 8px 0;
    position: relative;
}
.cast_d_area ul.list_thum li img{
		width:146px;
}
.cast_d_face {
	float:left;
	margin:0 20px 18px 0;
}
.cast_d_txt {
	position:absolute;
	right:35px;
	top:120px;
}
.cast_d_txt th{
	width:100px;
}
.cast_d_face img {
  border: 1px solid #CBB955;
}
table.tbl_cast_d th,td{
	padding:10px 10px;
}
table.tbl_cast_d {
	width:502px;
	background:url(../img/cast_d/name_bg.jpg) no-repeat 0 2px;
}

.cast_d_area ul.list_thum {
	float:left;
}
.cast_d_area .box .middle {
	overflow:hidden;
}

/* ------------------------------
    recruit
------------------------------ */
.recruit_area table th {
	width:30%;
}
/* ------------------------------
    system
------------------------------ */
.system_area table th{
	width:30%;
}
.system_area a {
	color:#ff408c;
}
.btn_map {
	display:none;
}
.txt_arrow {
	display:block;
}
/* ------------------------------
    contact
------------------------------ */
.contact_area table {
	width:80%;
	margin:0 auto;
}
.contact_area table th{
	width:25%;
}
.contact_area table td div{
	display: inline-block;
}
#btn_area {
	margin: 25px auto 25px;
	text-align: center;
}
#btn_area input {
	margin: 0 10px;
	width: 150px;
	cursor:pointer;
}
input.button_gold {
	background-color: #618b2f;
}
input.button_silver {
	background-color: #bcbcbc;
}
input[type="submit"] {
	border-style: none;
	color: #FFFFFF;
	padding:10px 10px;
}
input[type="text"],
textarea {
	width:350px;
	background-color:#f5f2e4;
}
.example {
	font-size:12px;
}
.contact_area p {
	margin:45px 90px;
	font-size:12px;
}

@media screen and (max-width : 640px){
.table_box {
	width:100%;
}
.table_box.no_ttl{
	padding:0;
}
.table_box .ttl img {
	width:60%;
}

/* ------------------------------
    cast
------------------------------ */	


/* ------------------------------
    cast_d
------------------------------ */

.cast_d_area ul.list_thum li {
    margin: 0 0 2% 2%;
    position: relative;
		width:15%;
}
.cast_d_area ul.list_thum li:first-child {
    margin: 0 0 2% 0;
}
.cast_d_area ul.list_thum li img{
		width:100%;
		border:none;
}
.cast_d_face {
	float:none;
	margin:0 0 2% 0;
}
.cast_d_txt {
	position:relative;
	width:100%;
	top:0;
	left:0;
}
.cast_d_txt th{
	width:100px;
}
.cast_d_face img {
  border:none;
}
table.tbl_cast_d th,td{
	padding:10px 10px;
}
table.tbl_cast_d {
	width:100%;
	background:url(../img/cast_d/name_bg.jpg) no-repeat 0 2px;
}
.cast_d_area ul.list_thum {
	float:none;
}
/* ------------------------------
    recruit
------------------------------ */

ul.list_table_box li {
	margin:0 0 20px 0;
	float:none;
}
ul.list_table_box li.no_mb {
	margin:0;
}
/* ------------------------------
    system
------------------------------ */

.system_area table th{
	width:40%;
}
table.tbl_system th.nb,
table.tbl_system td.nb {
	border-bottom: 1px solid #D7C45D;
}

.btn_map {
	display:block;
	width:50%;
}
.txt_arrow {
	display:none;
}
/* ------------------------------
    contact
------------------------------ */
.contact_area table {
	width:100%;
	margin:0 auto;
}
.contact_area table th{
	width:35%;
}

.contact_area table td div{
	display:block;
}
#btn_area {
	margin: 25px auto 25px;
	text-align: center;
}
#btn_area input {
	margin: 0 5px;
	width: 40%;
}
input.button_gold {
	background-color: #618b2f;
}
input.button_silver {
	background-color: #bcbcbc;
}
input[type="submit"] {
	border-style: none;
	color: #FFFFFF;
	padding:10px 10px;
}
input[type="text"],
textarea {
	width:90%;
}
.example {
	font-size:12px;
}
.contact_area p {
	margin:0;
	font-size:12px;
}

}