@charset "shift_jis";

body {
	margin: 0;
	padding: 0;
	background: #b0e0e6;
	color: #333;
	font-size: 16px;
	text-align: center;
}

#cont {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

h1 {
	margin: 1em;
}

h2 {
	margin-top: 0.5em;
	margin-bottom: 1em;
	padding: 2px;
	border-top: 2px #ff66cc solid;
	border-bottom: 2px #ff66cc solid;
	border-left: 160px #ff66cc solid;
	border-right: 160px #ff66cc solid;
	background: #fff;
	color: #0000ff;
	font-size: 18px;
}

h3 {
	margin: 0.5em 0 0 0;
	padding: 0;
	color: #0000ff;
	font-size: 16px;
}

h4 {
	margin: 0;
	padding: 0;
	color: #0000ff;
	font-size: 16px;
}

hr {
	margin: 0;
	padding: 0;
	color: #ff66cc;
}

p {
	margin: 2em;
	padding: 0;
	line-height:1.5em;
}

ul {
	margin: 1em 2em;
	padding: 0;
	line-height:1.5em;
	text-align: left;
}

li {
	padding: 0 0 0 1.25em;
	background: url("../gokaku2013/list_mark.gif") 0 3px no-repeat;
	list-style-type: none;
}

table {
	margin: 0 auto 1em auto;
	border-collapse: collapse;
	border: solid 3px #ff66cc;
	font-size: 36px;
}

th, td {
	padding: 10px;
	border: solid 3px #ff66cc;
	background: #fff;
	text-align: right;
}
.under{
	background: #fff;
}
.under #content{
	width: 80%;
	margin: 0 auto;
	font-size: 100%;
	
}

/*  footprint
	-------------------------*/
	.under #content .footprint{
		margin: 0 auto 40px auto ;
	}

		.under #content .footprint ul{
			overflow: hidden ;
			margin-left: 0;
		}

			.under #content .footprint ul li{
				list-style: none ;
				display: inline-block ;
				margin: 0 15px 10px 0 ;
				font-size: 0.8rem ;
			}

				.under #content .footprint ul li a{
					position: relative ;
					padding: 0 25px 0 0 ;
				}

					.under #content .footprint ul li a:after{
						position: absolute ;
						display: block ;
						content: '' ;
						top: 4px;
						right: 0;
						box-sizing: border-box;
						width: 5px;
						height: 4px;
						border: 4px solid transparent;
						border-left: 5px solid #0168b3;
					}

/*  H1
	-------------------------*/
	.under #content h1{
		position: relative ;
		margin: 0 auto 40px auto ;
		font-size: 1.8rem ;
		font-weight: bold ;
		padding: 2px 5px 2px 30px ;
		border-left: 8px solid #0168b3 ;
		text-align: left;
	}

		.under #content h1:before{
			position:absolute ;
			content: '' ;
			width: 8px ;
			height: 50% ;
			top: 50% ;
			left: -8px ;
			background: #ff802c ;
		}

	/*  H2
	-------------------------*/
	.under #content h2{
		position: relative ;
		margin: 0 auto 35px auto ;
		padding: 0 0 5px 0 ;
		font-size: 1.3rem ;
		color: #333333 ;
		border-bottom: 2px solid #0168b3 ;
		font-family:'Yu Gothic';
		border-top: none;
    	border-left: none;
	    border-right: none;
		text-align: left;
	}
/*  table
	-------------------------*/
	.under #content .table{border:none;}
	.under #content .table table,
	.under #content .tableWrap table{
		width: 100% ;
		border-top: 1px solid #e5e5e5 ;
		border-left: 1px solid #e5e5e5 ;
		border-right: none ;
		border-bottom: none ;
		font-size: 100%;
	}

		.under #content .table table th,
		.under #content .table table td,
		.under #content .tableWrap table th,
		.under #content .tableWrap table td
		 {
			word-break: break-all;
		}

		.under #content .table table th,
		.under #content .tableWrap table th{
			border-right: 1px solid #e5e5e5 ;
			border-bottom: 1px solid #e5e5e5 ;
			border-top: none ;
		    border-left: none ;
			padding: 10px ;
			text-align: center ;
			box-sizing: border-box ;
			vertical-align: middle ;
		}

		.under #content .table table thead th,
		.under #content .tableWrap table thead th{
			background: #0168b3 ;
			color: #ffffff ;
		}

		.under #content .table table tbody th,
		.under #content .tableWrap table tbody th{
			background: #f7f7f5 ;
		}

		.under #content .table table td,
		.under #content .tableWrap table td{
			border-right: 1px solid #e5e5e5 ;
			border-bottom: 1px solid #e5e5e5 ;
			border-top: none ;
		    border-left: none ;
			padding: 10px ;
			box-sizing: border-box ;
			vertical-align: middle ;
		}

		.under #content .table table .orange,
		.under #content .tableWrap table .orange{
			background: #ff802c ;
		}
	
		.under #content .table table caption,
		.under #content .tableWrap table caption {
			text-align: left;
		}
		
		.nowrap{
			white-space: nowrap;
		}

		@media screen and (max-width:767px ){
			.under #content .table{
				overflow: auto;
				white-space: nowrap;
			}
			.under #content .tableWrap{
				overflow: auto;
				width: 100%;
			}
			.under #content .table::-webkit-scrollbar{
				height: 5px;
			}
			.under #content .table::-webkit-scrollbar-track{
				background: #F1F1F1;
			}
			.under #content .table::-webkit-scrollbar-thumb{
				background: #BCBCBC;
			}
		}
		
		/*  btn
	-------------------------*/
	.under #content .btn2{
		position: relative ;
		display: inline-block ;
		padding: 10px 30px ;
		border-radius:30px ;
		cursor: pointer ;
		text-decoration: none ;
	}

			.under #content .btn2::before{
				position: absolute ;
				display: block ;
				content: '' ;
				top: 17px;
				left: 15px;
				box-sizing: border-box;
				width: 7px;
				height: 4px;
				border: 4px solid transparent;
				border-left: 7px solid #ffffff;
			}

.under #content .btn2{ background: #ff802c ; color: #ffffff ; border: 1px solid #ff802c ;}

@media screen and (max-width:767px ){
	.under #content table th.sp_none {
		display: none;
	}
	.under #content table tbody {
		border-top: 1px solid #e5e5e5;
	}
	.under #content table td.block {
		display: block;
	}
}