/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

/*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.cf{
		border-collapse: collapse;
		width:98%;
		margin:10px auto;
		}
	table.cf th,table.cf td{ 
		margin: 0; 
		padding: 10px;
		border: 1px solid #babcbf;
	}
	table.cf th{
		background: #e6e6e6;
	}


	@media only screen and (max-width: 800px) { 
		table.cf tbody::-webkit-scrollbar {
  			height: 10px;
		}
		table.cf tbody::-webkit-scrollbar-track {
		  border-radius: 5px;
		  background: #eee;
		}
		table.cf tbody::-webkit-scrollbar-thumb {
		 background: #000066;
	     border-radius: 10px;
		}
		table.cf tbody::-webkit-scrollbar-track-piece:start{ /* スクロールバーが表示されてない部分（前） */
	    	background: #C8D1E4;
		}

		table.cf tbody::-webkit-scrollbar-track-piece:end{ /* スクロールバーが表示されてない部分（後ろ） */
	    	background: #C8D1E4;
		}

		table.cf{ 
			display: block; 
			position: relative; 
			width: 98%; 
		}
			table.cf thead{ 
				display: block; 
				float: left; 
			}
			table.cf tbody{ 
				display: block; 
				width: auto; 
				position: relative; 
				overflow-x: auto; 
				white-space: nowrap; 
			}
			table.cf thead tr{ 
				display: block; 
			}
			table.cf th{ 
				display: block; 
				font-size:90%;
			}
			table.cf tbody tr{ 
				display: inline-block; 
				vertical-align: top; 
			}
			table.cf td{ 
				display: block; 
				font-size:90%;
			}

		/* borderの調整 */
		table.cf th{ 
			border-bottom: 0; 
			font-size:90%;
		}
		table.cf td{ 
		font-size:90%;
		}
		table.cf tbody tr{ 
			border-right: 1px solid #babcbf; 
		}
		table.cf th:last-child,
		table.cf td:last-child { 
			border-bottom: 1px solid #babcbf; 
		}
	}
	
	
}