@charset "UTF-8";

#guideNav li.outline {
	display: none;
}
#contents {
	max-width: 960px;
	width: 98%;
	padding-right: 240px;
	overflow: hidden;
	box-sizing: border-box;
}
.lclm {
	float: left;
	width: 96%;
}
.rclm {
	float: right;
	width: 240px;
	margin-right: -240px;
	padding-top: 1em;
}
.rclm li {
	margin-bottom: 20px;
}
.fixed {
    position: fixed;
    top: 0;
	right: 0;
    z-index: 100;
}
.rclm.fixed {
	margin:0 1% 0 0 ;
}
table {
	margin: 0 auto;
}
table caption {
	margin-bottom: 10px;
	font-weight: bold;
}
table th {
	width: 30%;
	min-width: 120px;
	padding: 12px 14px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #cccccc;
	background-color: #f6f6f6;
	vertical-align: middle;
}
table td {
	padding: 10px 14px;
	text-align: left;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}
#contents table td.caption, #contents table td span.caption {
	font-size: 11px;
	color: #282828;
	line-height: 18px;
}
#update {
	text-align: right;
	padding-top: 10px;
}
#update br {
	display: none;
}

.txt {
	margin-top: 1em;
	font-size: 10px;
}

.cap_wrap{
	padding:30px 10px;
}

.cap_wrap p{
	font-size:12px;
	line-height: 1.2!important;
}


@media screen and (max-width: 640px)  {
#contents {
	padding-right: 20px;
}
.lclm {
	float: none;
	width: 100%;
}
.rclm {
	float: none;
	margin: 20px auto 0;
}
.fixed {
	position: static;
}
.rclm.fixed {
	margin: 20px auto 0;
}
	
	.cap_wrap{
		padding:20px 0;
	}
}

@media screen and (max-width: 480px)  {
	table {
		border-bottom: 1px solid #cccccc;
		width: 100%;
	}
	table th {
		display: block;
		width: 100%;
		box-sizing: border-box;
		border-width: 1px 1px 0;
	}
	table td {
		display: block;
		box-sizing: border-box;
		border-width: 0 1px;
	}
	#update br {
		display: block;
	}
	.td_border {
		border: 1px solid #cccccc;
	}
}