@charset "UTF-8";
/* CSS Document */

.main-col{
	width:703px;
	float:left;
}

.side-col{
	width:250px;
	float:right;	
}

#page-nav li:first-child a{
	border-top:1px solid #ccc;	
}

#page-nav a{
	display:block;
	position:relative;
	color:inherit;
	text-decoration:none;
	padding:11px 0 12px 25px;
	background:url(../common/img/icn-link-circle_x2.png) 5px 45% no-repeat;
	background-size:13px 13px;	
	border-bottom:1px solid #ccc;
	-webkit-transition:background-color 0.3s,color 0.3s;
	transition:background-color 0.3s,color 0.3s;
}

.ltIE8 #page-nav a{
	background-image:url(../common/img/icn-link-circle.png);
}

#page-nav .current{
	color:#EE8500;	
}

#page-nav .current a{
	color:#EE8500;	
}

#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 a:hover{
	background-color:#FCE6D4;
	color:#EE8500;
}

/* All SP & Tablet */
@media screen and (max-width:1039px){
	.main-col{
		width:70%;
	}
	
	.side-col{
		width:27%;	
	}
	
	#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){

}