a, input, select, textarea {outline:none !important;
}
body {
	overflow-x:hidden;
	background:#ffffff;
}

.font {
	font-family:'Meiryo', Lucida Grande, sans-serif;
	font-weight:400; /*Normal*/
	font-weight:600; /*Semi-Bold*/
	font-weight:700; /*Bold*/
	font-weight:800; /*Extra-Bold*/	
}

.header {
	padding:5px 0;
	background:#fff;
}
.fleft {float:left;
}
.fright {float:right;
}
.clear {
	height:0;
	clear:both;
	font-size:0;
}
img {
	outline:0;
	vertical-align:top;
}

.main_image{
	padding-bottom: 20px;
}


.menu{
	margin-bottom: 10px;
	text-align: center;
	background:url(../img/menu_bg_off.gif) top center no-repeat #ffffff;
}
.menu a{
	min-height:150px;
	color:#313131;
	padding:40px 10px 10px 10px;
}
.menu a:hover{
	color:#313131;
	text-decoration: none;/*
	background-color: #cbf3fb;*/
	background:url(../img/menu_bg_on.gif) top center no-repeat #cbf3fb;

}


/*
.span4 {
	-webkit-transition: all 0.2s cubic-bezier(0.8, 0.0, 0.2, 1.0);
	-moz-transition: all 0.2s cubic-bezier(0.8, 0.0, 0.2, 1.0);
	transition: all 0.2s cubic-bezier(0.8, 0.0, 0.2, 1.0);

}

.span4 a {
	display: block;
	-webkit-transition: all 0.2s cubic-bezier(0.8, 0.0, 0.2, 1.0);
	-moz-transition: all 0.2s cubic-bezier(0.8, 0.0, 0.2, 1.0);
	transition: all 0.2s cubic-bezier(0.8, 0.0, 0.2, 1.0);
}
*/

.span4 {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}

.span4 a {
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
min-height:250px;
}

.subtitle{
	padding:0px 0px 40px 0px;
	font-size: 28px;
	line-height:1.2;
	letter-spacing: 3px;
	font-family:'Meiryo', Lucida Grande, sans-serif;
}
.menutext{
font-size:16px;
line-height:1.5;
text-align: left;
}

.footer {
	text-align: center;
	padding:15px 0;
	background:#fff;
}
.copyright{
}


.container {
width: 1600px;
}
.span16 {
width: 1570px;
}

.row{
margin-left: 0px;
}

@media (min-width: 768px) and (max-width: 1600px) {
.container{
width: auto;
}
.span16 {
    width: auto;
  }
.span4{
min-width:450px;
}

}





@media (max-width: 767px) {   
  
  .menu{
  	border-bottom:1px dotted #dcdcdc;
	margin-bottom: 0px;
  	}
  .menu a{
    width:70%;
	min-height:auto;
    margin: 0px auto;
    }

  .banner{
  width:70%;
  margin: 10px auto;
  text-align: center;
  }

  .span16 {
    width:auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
            }
  .container {
    width: auto;
  }

}