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

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


.sec-dreamsta{
	border:1px solid #ddd;
	width:660px;
	padding:10px 0 0;	
	position:relative;
	z-index:1;
	background:#fff;
	margin: 0 22px 0 0;
}

.sec-dreamsta .image{
	position:relative;
	z-index:1;
	text-align:center;
	margin-top:5px;
}

.sec-dreamsta a{
	text-decoration:none;
	
}

.sec-dreamsta .category{
	width:40%;
	text-align:center;
	padding:0 0 0 7px;
	color:#fff;
	margin-left:-7px;
	font-size:14px;
	background:#00B2B2;
}
.triangle-rightop:before {
    content: "";
    display: block;
	margin-left:-7px;
    width: 0;
    height: 0;
    border-top: 7px solid #89898A;
    border-left: 7px solid transparent;
}

.sec-dreamsta .ico{
	float:right;
	margin:-30px 20px 0 auto;
}

.sec-dreamsta .category.ishikawa{
	background-color:#42B9AC;
}

.sec-dreamsta .category.toyama{
	background-color:#EE8500;	
}

.sec-dreamsta .category.fukui{
	background-color:#E55F74;	
}
.sec-dreamsta .namebox{
	margin:10px 10px 20px;
	padding:10px;
	min-height:2.2em;
	
}
.sec-dreamsta  .name{
	line-height:1.6;
	font-size:24px;
	float:left;
}

.sec-dreamsta  .date{
	line-height:1.6;
	font-size:16px;
	float:right;
}
.sec-dreamsta .ttl{
	margin:0 12px 0;
	padding:10px 5px;
	line-height:1.6;
	min-height:2.0em;
	font-size:24px;
	font-weight:bold;
}
.sec-dreamsta .ishikawa-ttl{
	color:#42B9AC;
}
.sec-dreamsta .toyama-ttl{
	color:#EE8500;
}
.sec-dreamsta .fukui-ttl{
	color:#E55F74;
}

.main-col .ttl01{
	text-align:left;
	padding:10px;
	font-weight:bold;
	font-size:18px;
}

.main-col .txt{
	text-align:left;
	padding:0 10px;
}

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

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

.main-col .border{
	margin:30px 10px;
	padding:10px 5px;
	border-bottom:2px solid #ccc;
	border-top:2px solid #ccc;
	line-height:1.5;
	min-height:3.2em;
	font-size:12px;
}


#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;
}

#page-nav .ttl{
	text-align:left;
	padding:50px 0 10px;
	font-weight:bold;
	font-size:18px;
}
#page-nav .no-img a{
	display:block;
	position:relative;
	color:inherit;
	text-decoration:none;
	padding:11px 0 12px;
	background-image:none;	
}
#page-nav .no-img a:after{
	display:none;
}

/* All SP & Tablet */
@media screen and (max-width:1039px){
	.main-col{
		width:70%;
	}
	
	.side-col{
		width:26%;	
	}
	.sec-dreamsta{
	border:1px solid #ddd;
	width:100%;
	}
	.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){

}