@charset "UTF-8";


/* Micro clearfix */

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* 必要要素の初期設定 */

body {
-webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 width: 100%;
 margin: 0;
 padding: 0;
 color:#ffffff;
 font-size: 12px;
  font-family: ヒラギノ角ゴ Pro W3,"Helvetica Neue","Helvetica Neue Bold", Helvetica,Hiragino Kaku Gothic Pro,平成明朝, ＭＳ Ｐ明朝, MS PMincho, sans-serif;
	 
 background-color:#111540;
 /*
 min-width:1000px;
 */
 
}
a {
 text-decoration:none;
 outline:none;
}

a:focus{
	outline: none;
}

ul {
 margin: 0;
 padding: 0;

}

li{
	list-style:none;	
}

/* ベースレイアウト */

#wrapper {
 width: 100%;
 margin: 0;
 padding:0;


}

.contents{
	width:100%;
	position:relative;	
}

.logo{
	width:124px;
	z-index:9999;
	position:fixed;
	opacity: .0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: .0; /* Safari 1.x */
	-moz-opacity: .0; /* FF lt 1.5, Netscape */		
}

.tokyo{
	position:relative;
	display:block;
	width:100%;
	padding:0;
	margin:0;
		
}

.tokyo img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}

.comparea{
	width:100%;
	
	background:#000000;
	padding:70px 0;
}

.compbox{
	display:block;
	position:relative;
	width:640px;
	margin:0 auto;
	border-top:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
}

.comp01{
	line-height:30px;
	font-size:14px;
	text-align:center;
	display:inline-block;
	color:#ffffff;
	width:94px;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	margin:0;
	padding:0;
		
}
.comp02{
	width:530px;
	line-height:30px;
	display:inline-block;
	font-size:14px;
	text-align:left;
	color:#ffffff;
	border-bottom:1px solid #c0c0c0;
	margin:0;
	padding:0 0 0 15px;
		
}

.brpc{
	display:none;	
}


@media only screen and (max-width: 640px) {
	
	.logo{
		width:40%;
	z-index:9999;
	position:fixed;
	opacity: .0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: .0; /* Safari 1.x */
	-moz-opacity: .0; /* FF lt 1.5, Netscape */		
}

.logo img{
	width:100%;
	height:auto;	
}

.comparea{
	width:100%;
	
	background:#000000;
	padding:70px 0;
}

.compbox{
	display:block;
	position:relative;
	width:90%;
	margin:0 5%;
	border-top:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
}

.comp01{
	line-height:30px;
	font-size:12px;
	text-align:left;
	display:inline-block;
	color:#ffffff;
	width:96%;
	border-right:0px solid #c0c0c0;
	border-bottom:0px solid #c0c0c0;
	margin:0;
	padding:0 0 0 4%;
	font-weight:bold;
		
}
.comp02{
	width:96%;
	line-height:24px;
	display:inline-block;
	font-size:12px;
	text-align:left;
	color:#ffffff;
	border-bottom:1px solid #c0c0c0;
	margin:0;
	padding:0 0 4px 4%;
		
}

.brpc{
	display:block;	
}


}