*{
	margin:0;
	padding:0;
}

html,
body {
	font-family: Helvetica, sans-serif;
	color: #666;
	letter-spacing: .4em;
	text-transform: uppercase;
	height: 100%;
}

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;
}

.top_title {
	font-size: 1.2em;
	margin-left: 20px;
	font-family: Helvetica, sans-serif;
	font-weight: lighter;
}

ul {
	text-align: right;
}

li:first-child {
	font-size: 0.7em;
	padding-right: 16px;
	font-weight: lighter;
	line-height: 2.6em;
    list-style: none;
	padding-top: 20px;
}

li {
	font-size: 0.7em;
	padding-right: 16px;
	font-weight: lighter;
	line-height: 2.6em;
    list-style: none;
}
li a:link {
	color: #666;
	text-decoration: none;
}
li a:visited {
	text-decoration: none;
	color: #666;
}
li a:hover {
	text-decoration: none;
	color: #333;
}
li a:active {
	text-decoration: none;
	color: #CCC;
}
.full_screen_bottom {
	cursor: pointer;
}

/*トップシャドウ*/
body:before {
    content: "";
    position: fixed;
    top: -10px;
    left: -10px;
    width: 110%;
    height: 10px;
 
    -webkit-box-shadow: 0px 0px 10px #666;
    -moz-box-shadow: 0px 0px 10px #666;
    -ms-box-shadow: 0px 0px 10px #666;
    -o-box-shadow: 0px 0px 10px #666;
    box-shadow: 0px 0px 10px #666;
    z-index: 100;
}
@media screen and (max-width: 600px) {
	#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px;
}
	.top_title {
	font-size: .75em;
	margin-left: 20px;
	font-family: Helvetica, sans-serif;
	font-weight: lighter;
	letter-spacing: .3em;
}
}