@charset "utf-8";


/*ヘッダ*/
#header2.shadow {
	box-shadow: 4px 4px 3px #C0C0C0;
}
#gray {
	color: #222222;
}

/*サムネール*/
#workimgs {
	width: 950px;
	overflow: hidden;
	margin-bottom: 50px;
}
#workimgs li {
	margin: 10px;
	float: left;
	list-style-type: none;
}
#workimgs img {
	border-width: 0px;
}
#workimgs a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/*モーダル枠組み*/
#open01,
#open02,
#open03,
#open04,
#open05,
#open06,
#open07,
#open08,
#open09,
#open10,
#open11,
#open12,
#open13,
#open14,
#open15,
#open15 {	
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	padding-top: 30px;
	display: none;
}
.close_overlay {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	text-indent: -9999px;
	display: block;
	background: #000000;
	opacity: 0.5;
	z-index: 5;
}

/*モーダル中身*/
.modal_window {
	position: relative;
	width: 700px;
	margin: auto;
	padding-bottom: 20px;
	overflow: hidden;
	text-align: center;
	display: block;
	background: #FFFFFF;
	z-index: 10;
}
.modalheader {
	width: 700px; height: 35px;
	margin-bottom: 15px;
	background-color: #222222;
}
.modal_window h2 {
	width: 500px;
	margin-top: 10px;
	color: #ffffff;
	font-size: medium;
	font-weight: normal;
	text-align: left;
	text-indent: 20px;
	float: left;
}
.closebox {
	width: 130px;
	margin-top: 15px;
	font-weight: bold;
	text-align: center;
	display: block;
	float: right;
}
.modal_window p {
	width: 660px;
	margin: 0px auto 10px;
	line-height: 150%;
	text-align: left;
}
.modalimg {
	margin-top: 20px;
}

/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
	0% {opacity:0;display:block;}
	100% {opacity:1;}
}
div#modal div:target {
	-webkit-animation-name: modalFadeIn;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	opacity: 1;
	display: block;
}