@charset "utf-8";

/*********************************
 *
 * PAGE STYLES
 *
 *********************************/

.txt_l {text-align: left !important}

/* fee */
table.fee {width:100%; margin:5px auto 0 auto;}
table.fee th, table.fee td {padding:0.7em 1em; border:1px solid #d6d6d1; vertical-align:middle;}
table.fee th {width:25%; background:#fafafa; font-weight:bold;}	
table.fee thead th {background:#2c9ec5; color:#fff; text-align:center;}
table.fee tbody td {text-align:center; vertical-align:middle;}


table.fee2 {width:100%; margin:5px auto 0 auto;}
table.fee2 th, table.fee2 td {padding:0.7em 1em; border:1px solid #d6d6d1; vertical-align:middle;}
table.fee2 th {background:#fafafa; font-weight:bold;}	
table.fee2 thead th {background:#2c9ec5; color:#fff; text-align:center;}
table.fee2 tbody td {text-align:center; vertical-align:middle;}


table td:empty { 
   background-image: linear-gradient(45deg, transparent 49%, #d6d6d1 49%, #d6d6d1 51%, transparent 51%); /* 右上がりの斜線 */
}


@media screen and (max-width: 767px) {
	.table_container {
		width:100%;
		overflow:auto;
		-webkit-overflow-scrolling:touch;
	}	
}