/* ==== Google font ==== */
@import url('http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:300,400,600,700');
/* === fontawesome === */
@import url('font-awesome.css');
/* ==== overwrite bootstrap standard ==== */
@import url('overwrite.css');
@import url('animate.css');

/*default
-----------------------------------*/

table{
	border-collapse:collapse;
	}



/*link
-----------------------------------*/
a{	}
a:hover,a:active{}
a:visited{	}


/*font size
-----------------------------------*/
.txt-10px{	font-size:84%;	}/*10px*/
.txt-11px{	font-size:92%;	}/*11px*/
.txt-14px{	font-size:117%;	}/*14px*/
.txt-16px{	font-size:133%;	}/*16px*/
.txt-18px{	font-size:150%;	}/*18px*/
.txt-20px{	font-size:167%;	}/*20px*/
.txt-22px{	font-size:183%;	}/*22px*/
.txt-24px{	font-size:200%;	}/*24px*/

.red{	color:#F00;	}

/*clearfixハック
-----------------------------------*/
.clearfix:after {
content: ""; 
display: block; 
clear: both; 
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



h1{
margin-bottom:30px;
padding:5px;
font-size:145%;
text-align:center;
color:#fff;
background-color:#000;
}
#content{
padding:0 20px;
}
h2{
margin-bottom:15px;
padding:3px 0 3px 10px;
font-size:145%;
line-height:1;
border-left:3px #000 solid;
}

/*clearfixハック
-----------------------------------*/
.clearfix:after {
content: ""; 
display: block; 
clear: both; 
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



h1{
	margin-bottom:30px;
	padding:5px;
	font-size:117%;
	text-align:center;
	color:#fff;
	background-color:#000;
}
#content{
padding:0 20px;
}
h2{
	margin-bottom:15px;
	padding:3px 0 3px 10px;
	font-size:190%;
	line-height:1.5;
	border-left:3px #000 solid;
	font-weight: bold;
}


/*clearfix*/

	.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	* html .cf { zoom: 1; }
	*:first-child+html .cf { zoom: 1; }

	table{
		margin-bottom: 10px;
		border-collapse: collapse;
	}
	th,td{ 
		margin: 0; 
		padding: 10px;
		vertical-align: top; 
		border: 1px solid #babcbf;
	}
	th{
		background: #e6e6e6;
	}


	@media only screen and (max-width: 800px) { 

		table{ 
			display: block; 
			position: relative; 
			width: 100%; 
		}
		table thead{ 
			display: block; 
			float: left; 
		}
		table tbody{ 
			display: -webkit-box;
			overflow-x: auto; 
		}

		table tr,
		table th,
		table td{ 
			display: block; 
		}


		/* borderの調整 */
		th{ 
			border-bottom: 0; 
		}
		td{ 
			border-left: 0; 
			border-right: 0; 
			border-bottom: 0; 
		}
		tbody tr{ 
			border-right: 1px solid #babcbf; 
		}
		th:last-child,
		td:last-child { 
			border-bottom: 1px solid #babcbf; 
		}

	}