@charset "shift_jis";
/*css*/
@import url(http://fonts.googleapis.com/css?family=Offside);
@import url(http://fonts.googleapis.com/css?family=Courgette);
@import url(http://fonts.googleapis.com/css?family=Share+Tech+Mono);


html{
background:#FFf;
}


.zero{
margin:0;
padding:0;
}

p{
color:#fff;
}

.a1013{
	color:#fc0;

}


figure {
	position: relative;
	display: inline-block;
	margin-right: 0px;
	width: 240px;
}
	figure img {
		max-width: 100%;
		vertical-align: top;
	}
	figure figcaption {
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 0px;
		font-size: 60%;
		color: #fff;
		background: #333;
	}



#jimu{

display:block;
width:900px;
height:auto;
float:left;
margin-left:0px;
padding:0;

}

a{
text-decoration:none;
}
.more{
display:block;
width:100px;
height:20px;
background:url(../jpg/icon-arrow-right1.png) 0 center no-repeat;
color:#fff;
padding:4px;
text-decoration:none;
font-size:13pt;
}

.more:hover{
background:url(jpg/icon-arrow-right1g.png) no-repeat;
background-position:5px;
border:none;
color:#005500;
padding:4px;
}


#back-top {
  position: fixed;
  left: 51%;
  margin-left: 440px;
  bottom: 40px;
  z-index: 1000;
  display: none;
  width: 22px;
  height: 22px;
  background: url("../jpg/up-arrow.png") 0 center no-repeat;
  cursor: pointer;

}
#back-top:hover {
  background: url("../jpg/up-arrow.png") 100% center no-repeat;
background-color: rgba(0,0,0,0);
-webkit-animation-name: button;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-iteration-count: 1;
}


body{
font-size:12px;
width:100%;
height:100%;
padding:0;
margin:0;
color:#000000;
border-collapse:collapse;
background:#444;
border-collapse:collapse;
border-spacing:0;
font-family: "ヒラギノ角ゴ Pro W3", "メイリオ";

}

#Pagetop{
display:none;
margin:0;
padding:0;
}

ul.Item{
margin-left:330px;
margin-top:-30px;
}

li.Item{
float:left;
display:block;
width:100px;
height:25px;
color:#fff;
border:1px solid #ffffff;
border-collapse:separate;
font-size:13pt;
font-weight:bold;
}

.pdf{
display:block;
width:90px;
height:22px;
padding:3px;
background:#d50000;
border:2px solid #999;
border-bottom:2px solid #222;
border-right:2px solid #222;
position:relative;
margin-left:0px;
margin-top:20px;
color:#fff;
font-size:12pt;
text-indent:22px;
letter-spacing:0.3em;
}

.pdf2 a:hover{
display:block;
width:340px;
height:22px;
padding-top:4px;
padding-left:10px;
background:#fff;
border:2px solid #999;
border-bottom:2px solid #222;
border-right:2px solid #222;
margin-left:0px;
margin-top:20px;
color:red;

}

.pdf2 a,
.pdf2 a:visited{
display:block;
width:340px;
height:22px;
padding-top:4px;
padding-left:10px;
background:#d50000;
border:2px solid #999;
border-bottom:2px solid #222;
border-right:2px solid #222;
margin-left:0px;
margin-top:20px;
color:#fff;
font-size:12px;
}




.paper :hover{
background:#4a4a4a;
color:#ff0000;
border:1px solid #ccc;
border-right:1px solid #999;
border-bottom:1px solid #999;
font-weight:bold;
}


h1 a,
h1 a:visited{
display:block;
width:200px;
height:50px;
border:1px solid #222;
font-size:20pt;
margin:0;
padding:0;
padding-top:35px;
margin-left:30px;
background:url(../../jpg/kobiki_icon5055.png) no-repeat ;
background-position:left center;
text-indent:50px;
color:#ffffff;
font-family:"メイリオ";
text-decoration:none;
letter-spacing:0.2em;
}

h4{
display:inline;
font-size:13pt;
color:#005500;
font-weight:bold;
}


h3{
display:block;
width:100%;
height:30px;
font-size:16pt;
color:#fff;
}

h2{
display:inline;
width:80%;
line-height:130%;
font-size:12pt;
font-weight:normal;
color:#00aa00;

}



b{
display:inline;
width:260px;
color:#00aa00;
font-size:11pt;
font-weight:normal;
padding-top:10px;
margin:0;
padding:0;
}

#Header{
display:block;
width:100%;
height:500px;
margin:0 auto;
position:relative;
top:0;
}

#Wrapper{
display:block;
width:100%;
height:500px;
margin:0 auto;

background-size:cover;
-moz-background-size:cover;
}

#Menu{
display:block;
width:100%;
height:100px;
padding:0;
margin:0;
background:#1f1f1f;
}

.menu-in,
.special-in,
.vision-in{
display:block;
width:960px;
margin:0 auto;
}

.timelimit{
display:block;
width:380px;
height:40px;
font-size:11pt;
text-decoration:none;
float:right;
position:relative;
margin-top:20px ;
right:50px;
color:#fff;
border-bottom:3px double #aaa;
border-collapse:separate;

}


#CDT{
display:block;
width:280px;
height:50px;
float:right;
font-weight:bold;
margin-top:50px;

}

.Special-Offer{
display:block;
width:380px;
height:50px;
padding:4px;
float:right;
margin-right:40px;
font-size:18pt;
font-weight:bold;
margin-top:-50px;
color:#ffff55;


}



#Special p{
color:#000;}

.figure{
display:block;
width:200px;
height:45px;
position:relative;
left:0;
margin-top:130px;
padding-top:5px;
text-indent:10px;
background: none;
font-size:20pt;
color:#fff;
}

#Entrance{
display:block;
width:300px;
height:180px;
background:url(jpg/kobiki_Entrance2.jpg)no-repeat ;
background-size:cover;
-moz-background-size:cover;
border:1px solid #ccc;
margin-right:10px;
float:left;
}


#Security{
display:block;
width:300px;
height:180px;
background:url(jpg/SecurityCamera.jpg)no-repeat ;
background-size:cover;
-moz-background-size:cover;
border:1px solid #ccc;
margin-right:10px;
float:left;
}

#Ecology{
display:block;
width:300px;
height:180px;
background:url(jpg/Led_Lighting02.jpg)no-repeat ;
background-size:cover;
-moz-background-size:cover;
border:1px solid #ccc;
float:left;
}

.maintenance{
display:inline;
}

#Spec{
display:block;
width:310px;
height:180px;
background:#000;
border:1px solid #ccc;
float:left;
}

#Vision{
display:block;
width:1000px;
height:460px;
background:#1f1f1f;
margin:0 auto;
margin-top:-25px;
border-top:20px solid #000;
}


#ginza1{
display:block;
width:290px;
height:340px;
margin-top:25px;
padding-left:20px;
padding-right:15px;
color:#c9c9c9;
margin-right:10px;
text-indent:1em;
clear:both;
}

#ginza1 p{
color:#fff;
display:block;width:280px;
}

#ginza1-13-7{
display:block;
width:290px;
height:380px;
margin-top:-360px;
margin-left:310px;
padding-left:10px;
padding-right:15px;
color:#c9c9c9;
margin-right:10px;
clear:both;

}

#ginza1-kb1{
display:block;
width:300px;
height:380px;
color:#c9c9c9;
margin-top:-360px;
margin-left:660px;

text-align:right;
text-decoration:underline;

}

.ginza-kb1 :hover{
bottom:-2px;
right: -2px;
text-decoration:underline;
}
.ginza-kb1 img{
width:300px;
height:340px;
border:2px solid #fcfcfc;
border-radius:10px;
-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
-moz-border-radius: 10px;	/* Firefox用 */
border-collapse:separate;
padding:2px;

}

.rrr{
display:block;
border-radius:6px;
-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
-moz-border-radius: 6px;	/* Firefox用 */
border-collapse:separate;
font-size:11px;
color:#fff;
float:left;
}


.rrr:visited,
.rrr:hover{
color:yellow;

}


.service1-in{
display:block;
width:250px;
height:70px;
border-bottom:1px solid #555555;
padding-bottom:20px;
background:url(jpg/icon_support247.png) no-repeat #1f1f1f;
background-position:left center;
padding-left:55px;
padding-top:10px;

}

.service2-in{
display:block;
width:250px;
height:70px;
border-bottom:1px solid #555555;
padding-bottom:20px;
background:url(jpg/icon_agreement.png) no-repeat #1f1f1f;
background-position:left center;
padding-left:55px;
padding-top:10px;
}

.service3-in{
display:block;
width:250px;
height:70px;
border-bottom:1px solid #555555;
padding-bottom:20px;
background:url(jpg/Video_security_icon.png) no-repeat #1f1f1f;
background-position:left center;
padding-left:55px;
padding-top:10px;
}



#Footer{
display:block;
width:100%;
height:70px;
background:#005500;
float:left;

}

.footer-in{
display:block;
width:960px;
height:50px;
background:#005500;
padding:10px;
color:#fff;
font-size:16pt;
margin:0 auto;
font-family: 'Share Tech Mono', sans-serif;

}


#block-list{
display:block;
float:left;
width:100%;
height:auto;
background:#3f3f3f;

}

ul{
margin-left:80px;
list-style-type: none;

}

li a,
li a:visited{
display:block;
width:250px;
height:auto;
padding:10px;
border:1px solid #000;
color:#fff;
text-decoration:none;
list-style-type:decimal-leading-zero;
font-family:"メイリオ";
}

li a:hover{
color:#ccc;
text-decoration:none;
background:#595959;
}





#Credit{
display:block;
width:100%;
height:80px;
background:#1f1f1f;
float:left;
}


.credit-in,
.credit p{
display:block;
width:960px;
height:40px;
padding-top:20px;
padding-bottom:10px;
color:#fff;
margin:0 auto;
font-size:12pt;
}

small{
display:block;
width:400px;
height:50px;
background:url(jpg/icon_tel0335615055.png)no-repeat;
margin-left:500px;
text-indent:55px;
font-size:18pt;
margin-top:-35px;
padding-top:10px;
}

#keiyaku{
display:block;
width:800px;
height:100%;
border:none;
float:left;
}



#kobiki-4f{
display:block;
width:900px;
height:100%;
border:none;
padding:4px;
padding-top:1205px;
float:left;
margin: 0 auto;
margin-left:160px;
}


 
#keiyaku p{
color:#000;
font-size:12pt;
line-height:100%;
text-decoration:underline;
margin-left:0;
}

#spec{
text-indent:25px;
}


#kobiki-4f B{
display:block;
width:900px;
font-size:16pt;
margin-top:40px;
color:green;
border-bottom:2px solid green;
}


.left-name{
display:block;
width:120px;
height:20px;
color:#000;
padding:5px;
border-left:2px solid #000;
border-bottom:1px solid #000;
background:#fff;
margin-right:4px;
float:left;
}


.right-name{
display:block;
width:580px;
height:20px;
color:#000;
padding:5px;
border-left:2px solid #000;
border-bottom:1px solid #000;
background:#fff;
margin-right:4px;
margin-left:1px;
}


.top-name{
display:block;
width:150px;
height:40px;
color:#000;
padding:0;
border-bottom:1px solid #000;
background:#fff;
margin-right:4px;
float:left;
}

.bottom-name{
display:block;
width:150px;
height:40px;
color:#000;
padding:0;
border-left:2px solid #000;
border-bottom:1px solid #000;
background:#fff;
margin:0;
float:left;
}

.bottom-name b,
.top-name b{
display:block;
color:#000;
font-size:12px;
border-left:2px solid #000;
}

#keiyaku{
display:block;
width:100%;
padding:50px;
height:auto;
letter-spacing:0.1em;
}

#keiyaku s{
display:block;
width:200px;
border-bottom:2px solid #ddd;
text-decoration:none;
}


table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 900px;
}

table tr{
  border-bottom: solid 1px #ddd;
  cursor: pointer;
}

table td:hover{
  background-color: #d4f0fd;
}

table th,table td{
  text-align: center;
  width: 200px;
  padding: 10px 0;
}

.slider{
display:block;
width:640px;
height:360px;
padding:0;
border:none;
margin:0;
margin-bottom:20px;
background:#000;
}


.tel{
display:block;
float:right;
width:400px;
height:40px;
font-size:28px;
margin:0 auto;
margin-top:-55px;
text-indent:35px;
background:url(../jpg/icon_tel0335615055.png)no-repeat;
background-size:28px 28px;
}

P.title{
display:block;
width:800px;
height:30px;
border-left:5px solid #000;
border-bottom:1px solid #000;
text-indent:20px;
font-size:18px;
font-weight:bold;
color:#000;
float:left;
margin-top:40px;
padding-top:5px;
letter-spacing:0.2em;
}

#lifeline{
display:block;
width:800px;
height:auto;
padding:30px;
padding-left:10px;
color:#000;

float:left;

}

#lifeline p{
color:#000;
font-size:14px;
line-height:1.6;
font-family:"メイリオ";
letter-spacing:0.1em;

}

#info{
display:block;
width:220px;
height:120px;
border:1px solid #ddd;
float:left;
color:#ddd;
padding-left:20px;
margin-left:20px;
position:relative;
}

#info2{
display:block;
width:220px;
height:120px;
border:1px solid #ddd;
float:left;
color:#ddd;
padding-left:50px;
margin-left:50px;
position:relative;
}

#info p{
color:#0c0c0c;
}

#red{
display:block;
width:100%;
color:crimson;
font-size:15px;
margin-bottom:50px;
}

#camp{
float:left;
color:red;
font-size:12pt;
}

#camp h1{
width:800px;
height:50px;
font-size:40px;
color:red;
}

#camp h1{
font-size:18px;
font-weight:300;
color:#d00000;
}

table{
padding:1px;
border:none;
margin:0;
width:800px;
}

tr,th{
width:70px;
padding:2px;
margin:1px;
margin-left:3px;
border-top:1px solid #000;
border-left:1px solid #000;
font-size:11px;
color:#000;

}

#denki{
margin-top:10px;
color:#000;
font-size:11px;
}

#denki2{
margin-top:10px;
color:#000;
font-size:12px;
margin-left:500px;
}


#CDT {
width: 100%;
text-align: center;
font-size: 25pt;
font-weight: bold;
color:red;
font-family: 'Noto Sans JP', sans-serif;

}

#CDT01 {
width: 100%;
text-align: center;
font-size: 25pt;
font-weight: bold;
color: red;
font-family: 'Noto Sans JP', sans-serif;

}

.ttl {
color: red;
font-size: 28px;
font-weight: 600;
text-align: center;
margin: 0;
line-height: 1.5;

}

.timer {
display:block;
background: #d00000;
color:#fff;
margin: 5px auto;
padding: 0px;
text-align:center;
display:block;
border: 1px solid #d00000;


}