@charset "utf-8";

/* Base
========================================== */
@import "../common/css/base/reset.css";
@import "../common/css/base/structure.css";
@import "../common/css/base/header.css";
@import "../common/css/base/footer.css";
@import "../common/css/base/globalnavi.css";
@import "../common/css/base/textdecorations.css";

/* 追記
========================================== 
a:link, a:visited{
	color: #333;
}*/
.clearfix:after{
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}

.clearfix{
	display:inline-block;/* MAC IE用　*/
	min-height:1%;/* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/*--ここまでMAC IEは非適用 */

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
.mt20{	margin-bottom:20px;}
.mb20{	margin-bottom:20px;}
.mb40{	margin-bottom:40px;}

#eco_head{
	margin:10px 0 20px;
	position:relative;
}
#eco_head p{
	position:absolute;
	top:415px;
	right:20px;
	width:610px;
	font-size:110%;
	line-height:22px;
}
#eco_head a{
	position:absolute;
	top:122px;
	right:24px;
}
#eco_head a:hover img{
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background: none;
}

#contents {
	font-size:15px;
	line-height:24px;
}
.kamakura01l{
	width:580px;
	float:left;
	position:relative;
	margin-right:19px
}
.kamakura01r{
	width:301px;
	float:right;
	position:relative;
}

.kamakura02l{
	width:301px;
	float:left;
	position:relative;
	margin-right:19px
}
.kamakura02r{
	width:570px;
	float:right;
	position:relative;
}

.kamakura02r ul.blue {
	background:##E8F8FF;
	padding:10px;
	line-height:24px;
}

.kamakura02r ul.blue li{
	line-height:24px;
}

.

.f_l {
	float: left;
}
.f_r {
	float: right;
}



.item215{
	float:left;
	width:215px;
	margin-right:13px;
	text-align:center;
	
}
.item215 a:hover {
	text-decoration: underline;
	color:#333;
	

}

.item215 h4{
	color:#333;
	margin-top:5px;
	font-weight:bold;
	font-size:20px
	
}

.item215 h4 span{
		color:#333;
	margin-top:5px;
	font-size:12px
	
}
.item215 p {
		color:#333;
		display:block
}
.item215 p.blue {
	padding:5px;
	background:#069;
	color:#fff;
	font-weight:bold;
	border:#069 2px solid;
	border-radius: 5px;
	text-align:center;
	font-size:14px;
	display:block;
	margin-top:5px
}

.item215 p.yellow {
	padding:5px;
	background:#c90;
	color:#fff;
	font-weight:bold;
	border-radius: 5px;
	text-align:center;
	font-size:14px;
	display:block;
	margin-top:5px
}

.item215 p.red {
	padding:5px;
	background:#a82d11;
	color:#fff;
	font-weight:bold;
	border-radius: 5px;
	text-align:center;
	font-size:14px;
	display:block;
	margin-top:5px
}


.item215 p span{
	font-weight:bold;
	font-size:14px;
	
}

.item215r{
	float:right;
	width:215px;
	text-align:center;
	color:#333;

}

.item215r h4{
		color:#333;
	margin-top:5px;
	font-weight:bold;
	font-size:20px
	
}

.item215r h4 span{
	color:#333;
	margin-top:5px;
	font-size:12px
	
}
.item215r p {
		display:block

}
.item215r p.blue {
	padding:5px;
	background:#069;
	color:#fff;
	font-weight:bold;
	border:#069 2px solid;
	border-radius: 5px;
	text-align:center;
	display:block;
	margin-top:5px
}

.item215r p.yellow {
	padding:5px;
	background:#c90;
	color:#fff;
	font-weight:bold;
	border-radius: 5px;
	text-align:center;
	display:block;
	margin-top:5px
}
.item215r p.yellow a:link{
	color:#fff;
}

.item215r p.red {
	padding:5px;
	background:#a82d11;
	color:#fff;
	font-weight:bold;
	border-radius: 5px;
	text-align:center;
	font-size:12px;
	display:block;
	margin-top:5px
}
.item215r p.red a:link{
	color:#fff;
}



.item215r p span{
		color:#333;
	font-size:14px;

}

p.small{
	
	font-size:11px;
	
}


h3.way{
background:#2C82B9;padding:10px;font-size:16px;font-weight:bold;color:#FFF;margin-bottom:10px}


#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 60px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}