@charset "UTF-8";

/*---------------------------------------------

page.css

coded by cloud-box
linked to "/index.html"

---------------------------------------------*/

@import url(default.css);
@import url(photo.css);

header{
	width:1000px;
	margin:0 auto;
}

#ec{
	height:660px;
	background:url(../img/bg-main.jpg) no-repeat center top;
}

#ec .contents{
	width:1000px;
	margin:0 auto;
	display:block;
	position:relative;
}

#ec .contents h1{
	position:absolute;
	top:270px;
	left:0px;
}

#exhibition{
	width:1000px;
	height:1100px;
	margin:0 auto;
	background-color:#FFFFFF;
	position:relative;
}

#message{
	height:720px;
	background:url(../img/bg-message.png) no-repeat center top;
}

#message .contents{
	width:960px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	line-height:1.5;
	font-size:14px;
}

#message .contents .left{
	width:425px;
	margin:0 25px 0 30px;
	display:block;
	float:left;
}

#message .contents .right{
	width:425px;
	margin:0 30px 0 25px;
	display:block;
	float: right;
}

#iwate,
#miyagi,
#fukushima{
	width:1000px;
	margin:0 auto;
	display:block;
}

#iwate .contents,
#miyagi .contents,
#fukushima .contents{
	width:830px;
	margin:0 auto 30px;
	padding:0 45px 30px;
	display:block;
	overflow:hidden;
	border-bottom:#cccccc solid 1px;
	line-height:1.7;
}

#fukushima .no{
	border-bottom:none;
	margin-bottom:40px
}

#iwate .contents .left,
#miyagi .contents .left,
#fukushima .contents .left{
	float:left;
	padding:0 35px 0 0;
}

#iwate .contents .right,
#miyagi .contents .right,
#fukushima .contents .right{
	float:left;
	padding:0 0 0 35px;
}

#iwate .contents p,
#miyagi .contents p,
#fukushima .contents p{
	width:455px;
	display:block;
	float:left;
}

#iwate .contents p em{
	font-size:22px;
	font-weight:800;
	display:block;
	padding:5px 0 15px 0;
}

#iwate .contents p em:before {
	content: ' ■ ';
	color: #3BB9E5;
}

#miyagi .contents p em{
	font-size:22px;
	font-weight:800;
	display:block;
	padding:5px 0 15px 0;
}

#miyagi .contents p em:before {
	content: ' ■ ';
	color: #FF8689;
}

#fukushima .contents p em{
	font-size:22px;
	font-weight:800;
	display:block;
	padding:5px 0 15px 0;
}

#fukushima .contents p em:before {
	content: ' ■ ';
	color: #A1CC60;
}

#column{
	width:960px;
	margin:0 auto;
	border:#cccccc solid 1px;
	display:block;
}

#column p{
	padding:35px 95px 85px;
	line-height:1.7;
}

.credit{
	width:1000px;
	margin:0 auto;
	padding:30px 0 100px;
	text-align:center;
	font-size:12px;
	color:#777777;
}

#ec a:hover img,
#exhibition a:hover img, 
#iwate a:hover img, 
#miyagi a:hover img, 
#fukushima a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
}


/* Back to top button */

#nav-up{
	width:1000px;
	margin:0 auto;
}

#nav-up #back-top{
	position: fixed;
	bottom:20px;
	margin-left:900px;
	z-index:500;
}

/* arrow icon (span tag) */

 #nav-up #back-top span {
	width: 100px;
	height: 100px;
	display: block;
	background: url(../img/up-arrow.png) no-repeat center center;
}

#nav-up #back-top a:hover span {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*　SNS　*/

#sns{
	display: block;
	position: absolute;
	top: 33px;
	right: 207px;
}

#sns .facebook{
	float: left;
	width: 110px;
	display: block;
}

#sns .twitter{
	width: 100px;
	display: block;
	float: left;
}