@charset "utf-8";
/*
------------------------------------------------------------------------------------------ 
Iam DesignNetwork Corporation
stylesheet top.css
------------------------------------------------------------------------------------------ 
*/

/* header */
#page_404 #header {
	text-align: center;
	padding: 20px 0 30px;
	margin-bottom: 30px;
	background: url(../image/site/page_404/bg_header.gif) left bottom repeat-x;
}

/* alpha */
#page_404 #alpha {
	width: 980px;
	margin: 0 auto;
}

#page_404 #alpha .fsr13 { font-size: 13px; }

#page_404 #alpha .contents_404 {
	padding: 60px 20px 60px;
	margin-bottom: 30px;
	background: url(../image/site/page_404/bg_404_msg.gif);
}

#page_404 #alpha .contents_404 h2 {
	font-size: 25px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 25px;
}

#page_404 #alpha .contents_404 dl dt {
	color: #000;
	font-size: 50px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 7px;
}

/* link_kaiyohaku */
#page_404 #alpha .link_kaiyohaku {
	width: 470px;
	float: left;
	border-top: 10px solid #42C8EA;
	border-right: 1px solid #42C8EA;
	border-bottom: 1px solid #42C8EA;
	border-left: 1px solid #42C8EA;
	background: url(../image/site/page_404/bg_kaiyohaku.jpg) bottom center no-repeat;
}
#page_404 #alpha .link_kaiyohaku .inner { padding: 20px 20px 70px; }

/* link_shurijo */
#page_404 #alpha .link_shurijo {
	width: 470px;
	float: right;
	border-top: 10px solid #8D0B0B;
	border-right: 1px solid #8D0B0B;
	border-bottom: 1px solid #8D0B0B;
	border-left: 1px solid #8D0B0B;
	background: url(../image/site/page_404/bg_shurijo.jpg) bottom center no-repeat;
}
#page_404 #alpha .link_shurijo .inner { padding: 20px 20px 70px; }

/* img */
#page_404 #alpha a img {
	opacity: 1;
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
}
#page_404 #alpha a img:hover {
	opacity: 0.7;
	-moz-opacity:0.60; /* Firefox CSS3以前 */
	filter: alpha(opacity=60); /* IE */
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
}

/* footer */
#page_404 #footer {
	padding: 25px 0;
	margin-top: 40px;
	background: url(../image/site/page_404/bg_header.gif) left top repeat-x;
}
#page_404 #footer p {
	color: #666666;
	font-size: 12px;
	line-height: 1.2;
}