html{
	padding:0;
	margin:0;
}

body{
	padding:0;
	margin:0;
	margin-top: 0px;
	margin-left:0px;
	font:13px Georgia, Century, serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    *font-size:small;
    *font:x-small;
	color:#333;
}

#box {
	position:fixed;
	margin:0 auto;
	width:100%;
    left:50%;
	margin-left:-50%;
	z-index:1;
	
}

ul#navi {
	position:absolute;
	margin:0;
	padding:0;
	width:18%;
	height:34px;
	background:#000;
	list-style:none;
	z-index:3;
	bottom:100px;
	
}

ul#navi li {
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:25px;
	z-index:3;
}

ul#navi li a {
	display:block;
	padding:0px 0px;
	padding-top:7px;
	width:100%;
	height:27px;
	background-color:#000;
	text-align:center;
	font-family:verdana;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
}

ul#navi2 {
	position:absolute;
	margin:0;
	padding:0;
	padding-bottom:9px;
	width:17.5%;
	height:25px;
	background:#000;
	list-style:none;
	margin-left:-45px;
	z-index:2;
	bottom:100px;
}

ul#navi2 li {
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:25px;
	z-index:2;
}

ul#navi2 li a {
	display:block;
	padding:0px 0px;
	padding-top:7px;
	width:100%;
	height:25px;
	background-color:#000;
	text-align:center;
	font-family:verdana;
	color:#FFF;
	text-decoration:none;
	
}


#home{
	position:absolute;
	margin-top:0%;
	width:900px;
    left:50%;
	margin-left:-300px;
}
#profile{
	position:absolute;
	margin-top:100%;
	width:900px;
    left:50%;
	margin-left:-300px;
}
#introduction{
	position:absolute;
	margin-top:200%;
	width:900px;
    left:50%;
	margin-left:-300px;
}
#portfolio{
	position:absolute;
	margin-top:300%;
	width:900px;
    left:50%;
	margin-left:-300px;
}
#contact{
	position:absolute;
	margin-top:400%;
	height:100%;
	width:900px;
    left:50%;
	margin-left:-300px;
}


#tab li {
  padding: 0px;
  list-style: none;
  cursor: pointer;
  margin-left:-44px;
}
#tab li.select {
}
.disnon {
  display: none;
  
}
.content_wrap {
  clear: left;
  width: 710px;
  height: 100px;
  font-size: 20px;
  text-align: center;
  line-height: 100px;
  background: #000;
  color: #fff;
}

/* ここからが重要なフッター下部設定 */
html,body{
    height:100%;
}
div#container{
    position:relative;
    min-height:100%;
}
* html div#container{
    height:100%;
}
div#main{
    padding-bottom:50px;
}
div#footer{
    position:absolute;
    bottom:0px;
    width:100%;
    height:50px;
	margin:0;
	padding:0;
}

#grade{
    position:absolute;
    width:100%;
    height:125px;
	z-index:1;
	bottom:0px;
	color:#FFF;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.kuhaku{
	margin-left:15px;
}

#tab li {
  padding: 0px;
  list-style: none;
  cursor: pointer;
  margin-left:-44px;
}
#tab li.select {
}
.disnon {
  display: none;
  
}
.content_wrap {
  clear: left;
  width: 980px;
  height: 90%;
  font-size: 20px;
  text-align: left;
  padding-top:30px;
  line-height: 100px;
  background: #FFF;
  color: #000;
  font:12px Georgia, Century, serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    *font-size:small;
    *font:x-small;
}

.field {
  padding:20px;
}

img.bg {
  min-height: 80%;
  min-width: 800px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px){
img.bg {
  left: 50%;
  margin-left: -400px; }
}

img.bg2 {
  min-height: 60%;
  min-width: 800px;
  width: 100%;
  height:  90%;
  position: fixed;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px){
img.bg2 {
  left: 50%;
  margin-left: -400px; }
}

div#container {
  position: relative;
  width:100%;
}
html { overflow: hidden; }