/* BASIC css start */
*{margin:0;padding:0;box-sizing:border-box}
   
   img{vertical-align:baseline}
   a{text-decoration: none}
   /*·¹À̾ƿô*/
.foot {position:relative;
       margin-top:90px;
       letter-spacing: 120%; 
       margin-left: auto; 
       margin-right:auto;
       min-width:1400px;
       width:100%;
       background-color: #333333;
       border-top: 1px solid #333333;}

#footer .section {
	float: left;
	padding: 30px 50px 20px 0;
}
#footer .section h2 {
	padding: 0 0 15px;
}
#footer .section .info {
	padding: 0 0 15px;
	font-size: 11px; line-height: 1.5; color: #ccc;
	text-transform: uppercase;
}
#footer .section .info a {
	font-size: 11px; line-height: 1.5; color: #898989;
	text-transform: uppercase;
	text-decoration: none;
}
#footer .section ul li {
	float: left;
	font-size: 11px; line-height: 11px; color: #898989;
        margin-bottom:10px;
}
#footer .section ul li a {
        color:#ccc;
        font-size: 12px;
}
#footer .section ul li:before {
	content: '|';
	float: left;
	padding: 0 10px;
	font-size: 11px; line-height: 11px; color: #898989;
}
#footer .section ul li:first-child:before {
	display: none;
}


#footer .section ul li a:hover {
	font-size: 12px; line-height: 11px; color: #898989;
	    text-decoration: underline;
}

/*µÎ¹ø°*/
#footer .section2 {
	float: left;
        margin:10px;
	padding: 20px 90px 20px 0;
        border-right:solid 1px #444444;
}
#footer .section2 h2 {
	padding: 0 0 0px 0px;
	font-size: 12px; line-height: 14px; font-weight: 200; color:#ccc;
        text-align: left;
}
#footer .section2 .tel {
	font-size: 30px; line-height: 30px; color: #e6df5b;
	margin: 10px 0 18px;
}
#footer .section2 .text {
	font-size: 10px; line-height: 1.7; color: #ccc;

}
#footer .section2 .text1 {
	font-size: 12px; line-height: 1.7; color: #ccc;

}


/*¼¼¹ø°*/
#footer .section3 {
        margin:15px 0px 15px 5px;
        width:240px;
	float: right;
	text-align: center;
        padding:25px 20px 20px 0px;
}
#footer .section3 h2 {
	padding: 0 0 15px 10px;
	font-size: 12px; line-height: 14px; font-weight: 500; color:#ccc;
        text-align: left;
}

#footer .section3 .company {
	padding: 0 2px 0px 2px;
        display: inline-block;
}

}
#footer .section3 ul {
	padding: 0 0 30px; margin: 0 -5px 0 0;
	font-size: 0; letter-spacing: 0; line-height: 0;
}
#footer .section3 li {
        display: inline-block;
        font-size:12px;
        color: #333;
        background-color:#555;
        margin:2px;
}
#footer .section3 li a {
	display: block;
	width: 90px; height: 30px;
	font-size: 12px; letter-spacing: normal; line-height: 30px; color: #fff;
	text-decoration: none;
	text-align: center;
        border:solid 1px #555;
}
#footer .section3 li:nth-child(6) a:hover {
	color: #ff0000;
}

#footer .section3 a:hover {
	background-color:#3c3c3c;
        border:solid 1px #2f2f2f;
        transition: 0.7s;
        color:#eeeeee;
}


}
#footer .section3 .copy {
	font-size: 10px; line-height: 10px; color: #8a8a8a;
}
#footer .section4 {
	float: right;
	padding: 0 10px 0 0;
        font-size: 10px; line-height: 10px; color: #000;
}
#footer .section4 ul li {
	float: right;
	padding: 0 0 0 0;
	font-size: 10px; line-height: 40px; color: #000;
}
.footer_band {
            position: relative;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
    border-top: 1px solid #e2e2e2;
    background-color: #fff;

}
.footer_band .band1 {

    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
    line-height: 60px;

}
.footer_band .band1 .copy {
       float:left;
       font-size:11px;
       color:#898989;

}
.footer_band .band1 .copy2 {
	float: right;
	padding: 10px 0 0 0;
}
.footer_band .band1 .copy2 li{
	float: right;
	padding: 0 10px 0 10px;
	font-size: 10px; line-height: 40px; 
}


   
#scrollUp {
   
	bottom: 2%;
	right: 0px;
	background: #000;
	color: #fff;
	font-size: 30px;
	font-family: verdana;
       letter-spacing:1px;
	border-radius: 2px;
	opacity: .8;
	padding: 4px 14px 2px 14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 2px;

	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	transition: background 200ms linear;
}
	#scrollUp:hover {
		background: #555;
	}

.to_top2 {position:fixed; bottom:10px; left:0px; z-index:100;}
figure.snip0078 {  color: #fff;  position: relative;  float: left;  margin: 10px 1%;  min-width: 220px;  max-width: 300px;  max-height: 310px;  width: 100%;  text-align: center;
}
figure.snip0078 * {  -webkit-box-sizing: padding-box;  box-sizing: padding-box;
}

figure.snip0078 figcaption {
  bottom: 0;  width: 95%;  right: 0;  position: absolute;  background: #000000;  padding: 15px; -webkit-transition: all 0.3s;  transition: all 0.3s;  -webkit-transform: translateY(0);  transform: translateY(0);  box-shadow: 0 0px 10px -10px #000000;
}
figure.snip0078 figcaption h2,
figure.snip0078 figcaption p {  margin: 0;  color: #ffffff; }
figure.snip0078 figcaption h2 {  font-weight: 700;  text-transform: uppercase; font-size:16px; padding-bottom: 5px; background:url(/design/cubesnow/2017/icon_7.png) no-repeat 70% 8%; padding-right: 20px; }
figure.snip0078 figcaption p {  font-size: 12px; font-weight: 500; letter-spacing: 2px;}
figure.snip0078 figcaption span { color: #ffe900 }
figure.snip0078 a {  left: 0;  right: 0;  top: 0;  bottom: 0;  position: absolute;  z-index: 1; }
figure.snip0078.yellow figcaption {  background: #262626; border-radius: 20px;}
figure.snip0078:hover figcaption,
figure.snip0078.hover figcaption {  -webkit-transform: translateY(-8px);  transform: translateY(-8px);  box-shadow: 0 15px 15px -15px #000000; opacity: 0.8;}

.pc {background:#fff; padding:45px; text-align:center;min-width:1400px;}
.pc a {margin:20px; padding:20px 40px 20px 40px;font-size:68px; color:#63666e; text-decoration:none; text-align:center; border:4px solid #9d9db0; border-radius:10px;}
   







/* BASIC css end */