@charset "UTF-8";
#background {
	margin: 0px;
	padding: 0px;
	height: 800px;
	width: 100%;
	position: absolute;
	z-index: 0;
	opacity: 0.3;
	behavior: url(/PIE.htc);
	top: 0px;
}

#contents {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 720px;
	border: 1px solid #000000;
	height: 700px;
	position: relative;
	top: 0px;
	right: 0px;
	z-index: 10;
}

#sidenavi {
	margin: 0px;
	float: left;
	text-align: left;
	width: 220px;
	padding: 0px;
	border: 1px solid #000000;
	height: 700px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
}
article#main {
	margin: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	height: 600px;
	position: relative;
	top: 30px;
	padding: 0px;
	width: 620px;
	left: 50px;
}
article#main #underconstruction {
	position: absolute;
	top: -40px;
	left: 150px;
	opacity: 0.8;
}

article#main #title { height: 100px; }

article#main #title h2 {
	background-image: url(../portfolio_img/portfolio.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
}

article#main #title h3 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 15px;
	font-weight: bolder;
	color: #003366;
	height: 30px;
}
section#portfolio {
	position: absolute;
	z-index: 0;
	top: 90px;
	width: 630px;
}
#portfolio ul { position: relative; }
#portfolio li {
	height: 218px;
	width: 157px;
	float: left;
}

section#portfolio a {
	height: 210px;
	width: 149px;
	border: 1px solid #FFFFFF;
	display: block;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

section#portfolio li.underconstruction a{
	background-image: url(../portfolio_img/underconstruction.png);
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.8;
}
section#portfolio li.commingsoon a{
	background-image: url(../portfolio_img/commingsoon.png);
	background-repeat: no-repeat;
	background-position: 18px center;
	opacity: 0.6;
}
section#portfolio li.mitsuneka a , section#portfolio li.mitsuneka a:link {
	background-image: url(../portfolio/thumbnail/nekaroku_i.png);
	background-repeat: no-repeat;
	background-position: 2px top;
	opacity: 0.8;
}
section#portfolio li.mitsuneka a:hover {
	background-image: url(../portfolio/thumbnail/nekaroku_i.png);
	background-repeat: no-repeat;
	background-position: 2px top;
	opacity: 1.0;
	
}

section#portfolio li.neka3 a, section#portfolio li.neka3 a:link { 
	background-image: url(../portfolio/thumbnail/neka3.png);
	background-repeat: no-repeat;
	background-position: 2px top;
	opacity: 0.8;
}
section#portfolio li.neka3 a:hover {
	background-image: url(../portfolio/thumbnail/neka3.png);
	background-repeat: no-repeat;
	background-position: 2px top;
	opacity: 1.0;
	
}

h3 img { position: absolute; opacity: 0.8; behavior: url(/PIE.htc); }
#img01 h3 img { left: 0px; top: 0px; }
#img02 h3 img { left: 156px; top: 0px; }
#img03 h3 img { left: 312px; top: 0px; }
#img04 h3 img { left: 0px; top: 150px; }
#img05 h3 img { left: 156px; top: 150px; }
#img06 h3 img { left: 312px; top: 150px; }
#img07 h3 img { left: 0px; top: 300px; }
#img08 h3 img { left: 156px; top: 300px; }
#img09 h3 img { left: 312px; top: 300px; }

#portfolio h3 a , #portfolio h3 a:link { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 12px; line-height: 18px; color: #000000; text-decoration: none; }
#portfolio h3 a:hover{ color: #990000; text-decoration: underline; }

footer{
	height: 20px;
	width: 960px;
	position: absolute;
	left: 0px;
	top: 900px;
	text-align: center;
	z-index: 20;
}