/* //////////////////////////////////////////////////////////
/
/	BACE
/
////////////////////////////////////////////////////////// */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	color: #000;
	font-size: 14px;
	font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif;
	line-height: 1.7;
	letter-spacing: 1px;
	background-color: #fff;
	height: 100%;
}

div,dl,dt,dd,ul,ol,li{ 
	margin:0;
	padding:0;
}

img {
	border: 0;
	vertical-align: bottom;
}

a:link {color:#444;text-decoration: none;}
a:visited {color:#444;text-decoration: none;}
a:hover {color:#888;text-decoration: none;}
a:active {color:#888;text-decoration: none;}


a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=6);
  -ms-filter: "alpha(opacity=60)";
}

/* //////////////////////////////////////////////////////////
/
/	LAYOUT
/
////////////////////////////////////////////////////////// */
#wrapper {
	display: table;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.box {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	overflow: hidden;
	position: relative;
}
.box ul{
    list-style: none outside none;
    float: left;
    margin: 40px 0px 40px 0px;
    padding: 0;
    position: relative;
    left: 50%;
}
.box ul li{
	color:#AAA;
	float: left;
    margin-right: 0px;
    padding: 0px 15px;
    border-right: 1px solid #ccc;
    position: relative;
    left: -50%;
	line-height: 1.2;
	letter-spacing: 2px;
}
.box ul li:first-child{
    border-left: 1px solid #ccc;
}
.copy {
	clear: both;
}
.copy p{
	font-size: 75%;
	color:#AAA;
}
.copy p a {
	color:#AAA;
	text-decoration: none;
}
.copy p a:hover {
	color:#666;
	text-decoration: none;
}
/* //////////////////////////////////////////////////////////
/
/	レスポンシブ
/
////////////////////////////////////////////////////////// */
@media (max-width: 425px) {
#wrapper {
    display: block;
    width: 100%;
    height: auto;
    background-color: #fff;
    padding-top:30px; 
}
.box {
    display: block;
    text-align: center;
	overflow: hidden;
	position: static;
}
.box .logo img{
    width: 60%;
}
.box ul{
    margin: 30px 0px 20px 0px;
    float: none;
    position: static;
	padding: 0px 0px;
}
.box ul li{
	font-size: 110%;
	float: none;
    margin-right: 0px;
    padding: 0px 0px;
    border-right: 0px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
	width: 100%;
	position: static;
}
.box ul li:first-child{
    border-left: 0px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
}
.box ul li a{
    padding: 15px 0px;
	display: block;
}
.box ul li span {
    padding: 15px 0px;
	display: block;
}
}