﻿body {
	font: 13px/1.4em "Lucida Grande", "HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3", "TakaoPGothic", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	color: #333;
	background: #fff
}
#shoe {
	position: absolute;
	top: 8px;
	left: 8px;
}
#roof {
	position: absolute;
	left: 200px;
	top: 8px;
}
#sign {
	position: absolute;
	left: 65px;
	top: 0px;
	margin: 0;
}
#sign>div {
	position: absolute;
	top: 8px;
	left: 176px;
	font-family: "HiraMinPro-W6", "ヒラギノ明朝 Pro W6", "TakaoPMincho", "ＭＳ Ｐ明朝", serif;
	font-size: 88px;
	line-height: 93px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
#note {
	position: absolute;
	left: 65px;
	top: 0px;
	margin: 0;
}
#note>div {
	position: absolute;
	top: 128px;
	left: 216px;
	font-family: "HiraMinPro-W6", "ヒラギノ明朝 Pro W6", "TakaoPMincho", "ＭＳ Ｐ明朝", serif;
	font-size: 16px;
	line-height: 18px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
#menu {
	position: absolute;
	top: 174px;
	left: 0px;
	opacity: 0;
}
#menu>div {
	position: absolute;
	top: 0;
	width: 112px;
	margin: 0;
	padding: 1px 4px;
	font-weight: bold;
	font-size: 16px;
	color: rgba(64,64,64,1);
	text-align: center;
	cursor: pointer;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	border: 2px inset transparent;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#menu>div:hover {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	border-color: #ccc!important;
}
#menu>div>span {
	visibility: hidden;
}
#main>div {
	position: absolute;
	top: 200px;
	left: 16px;
	width: 840px;
	padding: 0 10px;
	display: none;
	background: transparent;
}
#main>div>h2 {
	width: 820px;
	margin: 24px auto 3px auto;
	padding: 4px 10px;
	-webkit-box-shadow: rgba(0,0,0,0.2) 2px 2px 3px;
	-moz-box-shadow: rgba(0,0,0,0.2) 2px 2px 3px;
	clear: left
}
#snap {
	margin: 8px auto 12px;
	padding: 3px auto;
	width: 480px;
	background: #eee;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	text-align: center;
	clear: left;
	cursor: pointer;
}
#copy {
	padding: 8px;
	clear: left;
	font: 10px sans-serif;
	color: #666;
	display: block!important;
}
.xbox>div {
	width: 100px;
	height: 75px;
	margin: 3px 3px 12px 3px;
	padding: 4px;
	border: 3px dotted #fff;
	background: #ddd;
	text-align: left;
	float: left;
}
.xbox>div>p {
	width: 94px;
	height: 69px;
	margin: 0;
	padding: 3px;
	color: #333;
	background: #ddd url(imgs/boots.gif) no-repeat bottom right; font: bold 12px/14px sans-serif;
	display: block;
	cursor: pointer
}
.xbox>div>p:hover {
	color: #000!important;
	background-color: #fff!important;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
}
#main>div>div>p:active {
	color: #ddd!important;
	background-color: #bbb!important
}
/*generic links*/
.kick {
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.kick:hover {
	color: #444;
	text-decoration: underline;
}
.kick:active {
	color: #888;
	text-decoration: none;
}
/*wdgt, gwks rightbox*/
.rite {
	margin: 12px auto auto 16px;
	text-align: right;
	float: right;
}
.dash {
	margin: 12px 3px; color: #555;
	font-size: 10px;
	text-align: right;
}

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

h3 {
	padding: 3px 8px;
	width: 600px;
	-webkit-box-shadow: rgba(0,0,0,0.2) 2px 2px 3px;
	-moz-box-shadow: rgba(0,0,0,0.2) 2px 2px 3px;
	clear: left;
}

