@charset "utf-8";
/* CSS Document */

/* contents */
h2{
	position: relative;
	font-size:140%;
	color:#222222;
	padding: .25em 0 .5em .6em;
	border-left: 6px solid #0053cf;
	border-radius:5px;
	width:auto;
}
h2:after {	
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;	
	display:block;
	height:1px;
	margin:4px 0px 0px 0px;
	padding:0px;
	border-left: 6px solid #0053cf;
	background:-webkit-gradient(linear, left top, right bottom, from(#0053cf), to(#00b2ff));
	background:-moz-linear-gradient(left, #0053cf, #00b2ff);
	background:linear-gradient(left, #0053cf, #00b2ff);
}

/* section */

section{
	margin:50px 0px 70px 0px;
}

section table{
	margin:40px 0px 0px 0px;
	width:100%;
	border-collapse: collapse;
	border:1px solid #DDDDDD;
}
section table tbody tr th{
	width:35%;
	font-size:110%;
	color:#369;
	border-right: 2px solid #369;
	border-bottom:1px solid #DDDDDD;
	text-align:center;
	padding-left:.8em;
	padding-right:.8em;
	background-color:#EBF1F9;
}

section table tbody tr td{
	width:60%;
	padding:10px 0px;
	font-size:100%;
	line-height:1.85em;
	text-align:left;
	padding-left:.8em;
	padding-right:.8em;
	border-bottom:1px solid #DDDDDD;
}
section table tbody tr td p.caption{
	font-size:80%;
	line-height:1.7em;
	margin:0px;
	padding:0px;
}
section table tbody tr td p.ttl{
	margin:10px 0px 0px 0px;
	padding:0px;
}
@media screen and (max-width:650px) {
   section table, section tbody, section thead, section tfoot, section tr, section th, section td {
	  display: block;
  }
  section table tbody tr th{
	  border-right:none;
	  border-bottom:1px solid #369;
	  padding:0.1em 0em;
  }
  section table tbody tr th,
  section table tbody tr td{
	  width:auto;
  }
  section table tbody tr td.center {
	  text-align:center;
  }
}