@charset "UTF-8";
/* CSS Document */
.main-col{
	width:680px;
	float:left;
}

.side-col{
	width:270px;
	float:right;	
}
.main-col .ttl02{
	text-align:left;
	padding:0px 10px;
	font-weight:bold;
	font-size:18px;
}

.main-col .txt1{
	text-align:left;
	padding:0 10px;
	font-size:14px;
	line-height:1.6;
}

.main-col .case{
	width: 100%;
	margin:0px auto;
	padding:0 10px;
}

.main-col .case-harf{
	float:left;
	width:330px;
	text-align:left;
	margin-bottom:20px;
}

.main-col .border-green{
	margin:20px auto 5px;
	height:8px;
	width:100%;
	background:url(../img/bg-ttl-gray.png) left top repeat-x;
}

.main-col table{
	margin:0px auto;
	width:100%;
	border-top:1px solid #ccc;
	border-bottom:2px solid #ccc;
}

.main-col td,
.main-col th{
	padding:3px 2px;
}

.main-col th{
	font-weight:bold;
	white-space:nowrap;
	background-color: rgba(255,255,255,0);
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding-right:20px;
	padding-left:10px;
}

.main-col td{
	padding-left:20px;
	font-size:13px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}



/* All SP & Tablet */
@media screen and (max-width:1039px){
	.main-col{
		width:74%;
	}
	
	.side-col{
		width:22%;	
	}
	
	.main-col .case{
		width: 100%;
		margin:50px auto;
		padding: 0;
		background:none;
	}
	.main-col .case-harf{
	float:none;
	width:100%;
	text-align:left;
	margin-bottom:20px;
	}
	#page-nav a{
		font-size:13px;
		position:relative;
		z-index:1;
	}
	
	#page-nav a:after{
		content:"";
		display:block;
		position:absolute;
		right:10px;
		top:50%;
		z-index:1;
		width:6px;
		height:6px;
		border:2px solid #EE8500;
		margin-top:-4px;
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		border-bottom:none;
		border-left:none;	
	}

	#page-nav .current a{
		cursor:default;
	}
	
	#page-nav .current a:hover{
		background:none;	
	}
	
	#page-nav .current a:after{
		display:none;
	}
	
	.president{
		margin:0 0 5%;
		text-align:center;	
	}
	
	.president img{
		width:160px;	
	}
}

/* All SP */
@media screen and (max-width:639px){
	.main-col{
		width:100%;
		float:none;
	}
	
	.side-col{
		margin-top:10%;
		width:100%;
		float:none;
	}
	
	#page-nav a{
		padding:8px 0 8px 20px;
		background-size:11px 11px;	
	}
}

/* Portrait */
@media screen and (max-width:479px){

}

/* Landscape*/
@media screen and (min-width:480px) and (max-width:639px){

}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1039px){

}