@charset "utf-8";

body{
	/*background-color:#FFFFFF;*/
	background-image:url(../img/background.png);
}

#wrapper, #header, #contents, #footer {
    width: 100%;
}
#hedder .inner, #contents .inner, #footer .inner {
    width: 1000px;
    margin: 0 auto;
}
#wrapper {
    min-width: 1000px;
}

/*#footer {
    clear: both;
}*/

/*#wrapper {
	width:1000px;
	margin:0px auto;
	background-image:url(../img/background.png);
	background-color:#FFFFFF;
	box-shadow: 0 0 10px #666666;
	-moz-box-shadow: 0 0 10px #666666;
	-webkit-box-shadow: 0 0 10px #666666;
}*/

#hedder {
	background:url(../img/hedder_bar.png) no-repeat;
	background-color:#f3eed5;
	opacity:0.9;
	margin-bottom: 40px;
}

#hedder .inner {
	/*width:1000px;*/
	height:225px;
	position:relative;
}

h1 #name {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	width:400px;
	height:50px;
	background:url(../img/hedder_background.png) no-repeat;
	position:absolute;
	top:130px;
	left:110px;
}

h3 #logo {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	width:110px;
	height:110px;
	background:url(../img/odw_logo_80.png) no-repeat;
	position:absolute;
	top:100px;
}

.nav1 {
	display: block;
	width:300px;
	height:42px;
	background:url(../img/portfolio_off.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:absolute;
	top:28px;
	left:700px;	
}

.nav1:hover {
	background-image:url(../img/portfolio_on.png);
}

/* ここから下はプルダウンメニュー */
#nav ul ul{
	display:none;
}

#nav ul li:hover ul{
	display:block;}

/* ここまで */


.nav2 {
	display: block;
	width:300px;
	height:42px;
	background:url(../img/plofile_off.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:absolute;
	top:92px;
	left:700px;
}

.nav2-1 {
	display: block;
	width:110px;
	height:42px;
	background-image:url(../img/nav_about_me_off.png);
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:absolute;
	top:92px;
	left:487px;
}

.nav2-2 {
	display: block;
	width:110px;
	height:42px;
	background-image:url(../img/nav_skill_off.png);
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:absolute;
	top:92px;
	left:595px;
}

.nav2:hover {
	background-image:url(../img/plofile_on.png);
}

/* おまけ */


.nav2-1:hover{
	background-image:url(../img/nav_about_me_on.png);
}

/*.skill_icon:hover:after{
	content:"◆";
	color:#261408;
	position:absolute;
	top:100px;
	left:595px;
}*/

.nav2-2:hover{
	background-image:url(../img/nav_skill_on.png);
}

/* ここまで */


.nav3 {
	display: block;
	width:300px;
	height:42px;
	background:url(../img/contact_off.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:absolute;
	top:157px;
	left:700px;
}


.nav3:hover {
	background-image:url(../img/contact_on.png);
}




.portfolio_icon {
	background-image:url(../img/portfolio_off.png);
}

.plofile_icon {
	background-image: url(../img/plofile_off.png);
}

.contact_icon {
	background-image: url(../img/contact_off.png);
}

#contents {
	margin-bottom:40px;
}

#footer {
	height:100px;
	text-align:center;
	background-color:#f3eed5;
	opacity:0.9;
}

#footer p {
	line-height:100px;
}