@charset "shift_jis";

.listArea h2 {
	border-bottom: 1px solid #000;
	font-size: 1.2em;
	padding-bottom: 5px;
	padding-left: 5px;
}
ul.txtlink li.right {
	margin: 15px 0;
	float: right;
}

ul.btnArea {
	height: 42px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
	ul.btnArea li {
		width: 171px;
		margin: 0px 20px 0px 0px;
		padding: 0px;
		float: left;
	}

table.stTbl {
	margin: 30px 0px 3px 0px;
	padding: 0px;
	clear: both;
}
	table.stTbl th {
		padding-right: 10px;
	}
	
/* main area
 -------------------------------------- */
.mod-content {
	overflow: visible;
}

/* table layout */
table.lenzTbl {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
}
	table.lenzTbl th {
		padding: 5px 10px;
		border-bottom: 1px solid #333;
		border-right: 1px solid #333;
		text-align: center;
		font-weight: bold;
		white-space: nowrap;
	}
	table.lenzTbl th.top-Gray {
		color: #FFFFFF;
		background: #777777;
	}
	table.lenzTbl th.side-Gray {
		background: #CCCCCC;
		width: 15%;
	}
	table.lenzTbl td {
		padding: 5px 10px;
		border-bottom: 1px solid #333;
		border-right: 1px solid #333;
		text-align: center;
	}
	table.lenzTbl td.Gray {
		background: #EEEEEE;
		white-space: nowrap;
	}
	table.lenzTbl td.Gray-left {
		background: #EEEEEE;
		text-align: left;
		white-space: nowrap;
	}
	table.lenzTbl td.Gray-small {
		background: #EEEEEE;
		font-size: 10px;
	}
/*===========================================
	flashTbl
=============================================*/

table.flashTbl {
	width:100%;
	margin: 0px auto;
	padding: 0px;
	border-top:1px solid #333;
	border-left:1px solid #333;
}
table.flashTbl th {
	padding: 5px 10px;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	text-align:center;
	background:#CCCCCC;
	font-weight:bold;
}
table.flashTbl th.side-Gray,
table.flashTbl td.side-Gray {
	background:#CCCCCC;
	width:20%;
}
table.flashTbl td {
	padding: 5px 10px;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	text-align:center;
}
table.flashTbl td.Gray {
	background:#EEEEEE;
}
table.flashTbl td.Gray-left {
	background:#EEEEEE;
	text-align:left;
	white-space:nowrap;
}

@media(max-width: 640px){
	ul.btnArea {
		height: auto;
	}
		ul.btnArea li {
			width: auto;
			float: none;
		}
	ul.txtlink li.right {
		float: left;
	}
	/* main area
	 -------------------------------------- */
	.mod-content {
		overflow: scroll;
	}
	/* table layout */
	table.lenzTbl {
		width: auto;
	}
		table.lenzTbl th,
		table.flashTbl th {
			padding: 5px 10px;
		}
		table.lenzTbl th.side-Gray,
		table.flashTbl th.side-Gray{
			width: auto;
		}
		table.lenzTbl td,
		table.flashTbl td {
			padding: 5px 10px;
		}
		table.lenzTbl td.Gray {}
		table.lenzTbl td.Gray-left {}
		table.lenzTbl th,
		table.lenzTbl td {
		}
		table.flashTbl td.Gray-left{
			white-space:normal;
			word-break:break-all;
			min-width: 60px;
		}
		.mq-break{
			display:block;
		}
}