body {font: 13px/1.4em "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; color: #333; background: #fff}
h2 {margin: 8px 3px; text-shadow: 1px 1px 2px #bbb}
h1 {margin: 8px 0; padding: 3px; font: bold 56px/40px "Times", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif; color: #585E44; text-shadow: 2px 2px 2px #bbb}
.hedz {opacity: 0}
#menu {position: relative; top: 20px; left: 120px; width: 170px; margin: 8px 0; padding: 0; font-weight: bold; font-size: 18px; color: rgba(64,64,64,1); list-style-type: none}
#menu>li {width: 170px; position: absolute; top: 0; left: 0; padding: 3px; cursor: pointer; text-shadow: 1px 1px 2px #ccc; border: 1px solid transparent}
#menu>li:hover {border-color: #ccc}
#shoe {position: absolute; top: 540px; left: 630px; z-index: -1}
#menu>li>span {visibility: hidden}

.hedz_w {opacity: 0}
#menu_w {position: relative; top: -80px; left: 530px; width: 170px; margin: 8px 0; padding: 0; font-weight: bold; font-size: 18px; color: rgba(64,64,64,1); list-style-type: none}
#menu_w>li {width: 170px; position: absolute; top: 0; left: 0; padding: 3px; cursor: pointer; text-shadow: 1px 1px 2px #ccc; border: 1px solid transparent}
#menu_w>li:hover {border-color: #ccc}
#menu_w>li>span {visibility: hidden}

#menu_d {position: relative; top: -80px; left: 530px; width: 170px; margin: 8px 0; padding: 0; font-weight: bold; font-size: 18px; color: rgba(64,64,64,1); list-style-type: none}
#menu_d>li {width: 170px; position: absolute; top: 0; left: 0; padding: 3px; cursor: pointer; text-shadow: 1px 1px 2px #ccc; border: 1px solid transparent}
#menu_d>li:hover {border-color: #ccc}
#menu_d>li>span {visibility: hidden}

.dame {position: relative; top: 200px; left: 70px; margin: 8px 0; padding: 3px; font: bold 38px/38px "Times", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif; color: #585E44; text-shadow: 2px 2px 2px #bbb; opacity: 0}


.part {width: 800px; height: 600px; padding: 0 12px; position: absolute; top: 150px; left: 16px; display: none; background: transparent; overflow: auto}
.part {-webkit-box-shadow: rgb(245,245,245) 4px 4px 8px; -moz-box-shadow: rgb(245,245,245) 4px 4px 8px}
#copy {position: relative; top: 450px; left: 0px; padding: 0px; font: 10px sans-serif; color: #666}

h3 {clear: left}
#wrap {width: 974px; height: 745px; padding: 0; border: 1px solid rgb(235,235,235); -webkit-box-shadow: rgb(245,245,245) 4px 4px 8px; -moz-box-shadow: rgb(245,245,245) 4px 4px 8px; background: rgb(253,253,253)}

.part>img {margin: 8px 16px 0 0; float: left}
.part h2 {width: 560px; margin-right: 16px; float: left}
.part p {clear: left}
.jump {width: 100px; height: 75px; margin: 3px; border: 3px dotted #fff; background: #ddd; padding: 4px; float: left}
.jump p, .jump a {width: 94px; height: 69px; margin: 0; padding: 3px; background: #ddd url(imgs/boots.gif) no-repeat bottom right; font: bold 13px/15px sans-serif; color: #333; display: block; text-decoration: none; cursor: pointer}
.jump p:hover, .jump a:hover {color: #000; background-color: #fff}
.jump p:active, .jump a:active {color: #ddd; background-color: #bbb}
.kick {font-weight: bold; color: #333; text-decoration: none}
.kick:hover {color: #444; text-decoration: underline}
.kick:active {color: #888; text-decoration: none}

.each {width: 255px; height: 105px; margin: 12px 0; float: left}
.each>img {margin-right: 3px; clear: left; float: left}
.each>h5 {margin: 3px 0; padding: 0; font: bold 11px serif}
.each>ul {margin: 0}
.each>ul>li {list-style-type: none; font: 10px sans-serif}