@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

/* ------- ClearFix */
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
/* For IE 6/7 */
.cf {zoom:1;}

body{background:url(images/bg.jpg) repeat-x;
     font-size:17px;
	 font-family:Arial, Helvetica, sans-serif}

#wrapper{
	width:960px;
	margin:0 auto;
	position:relative;}

.share{
	position:absolute;
	right:120px;
	top:30px;}
	
.remodal h1{
	font-size:30px;
	font-weight:bolder;}
	
.remodal h2{
	font-size:20px;
	color:#F00;}
	
.remodal h3{
	font-size:24px;
	font-weight:bolder;
	color:#618eff;}
	
.remodal h4{
	font-weight:bolder;
	color:#ffcc01;}
	
.remodal p{color:#8fc31f;}

#questionnaire{
	position:absolute;
	top:420px;
	left:41px;
	background:url(material/button_q_hover.png) no-repeat;}

#questionnaire a{display:inline-block;}

#questionnaire a:hover{background-color: transparent;}

#questionnaire a:hover img{visibility:hidden;}

.videoBox .play {
	width:350px;
	height:197px;
	position: absolute;
	top:470px;
	left:30px;
	opacity: 0.9;
}

.video {
	width:350px;
	height:197px;
	position:absolute;
	top:470px;
	left:41px;
  -webkit-transition: 0.5s ease-in-out;
}
.video:hover {
  opacity: 0.7;
}

#menu{
	position:absolute;
	top:0px;
	right:0px;
	left:7px;
	bottom:2480px;
	margin:auto;
	width:960px;
	height:141px;}
	
#menu h1{float:left;}

#menu h2{float:left;}

.densha{
	position:absolute;
	top:1580px;
	right:0px;
	left:0px;
	bottom:0px;
	margin:auto;
	width:833px;
	height:262px;}

#fb-root{float:right;}
	
img.bgmaximage{
  position:fixed !important;}

#maincontent {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;}	

#main{
	z-index:0;
	text-align:center;
	max-width: 100%;
    height: auto;
	line-height:0;}

#main h3{text-align:center;}
	
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
}
 
.pagetop a:hover {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}

.modal-open {
	position:absolute;
	left:460px;
    top:410px;
    color:#000000;
    text-decoration:underline;
	font-weight:bolder;
}

.modal-open:hover{
	cursor:pointer;
	color:#ff6666;}

.button-link {
	color: #00f ;
	text-decoration: underline ;
}
 
.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}

.company1{text-align:center;}
	
#footer{
	position:absolute;
	bottom: 0;
	width:100%;
	height:170px;
	background-color:#3a3a3c;
	line-height::0;
	padding-top:20px;}
	
#footer p{color:#FFF;
        text-align:center;
		margin-top:30px;}