@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Oxygen);
@import url(http://fonts.googleapis.com/css?family=PT+Mono);
@import url(http://fonts.googleapis.com/css?family=Share+Tech);


/* ---------------------------------------------------- TOPページ・エリア設定 ---------------------------------------------------- */

/* ---------------------------------------------------- メインイメージ設定 ---------------------------------------------------- */
body {
	overflow:auto;
	min-width:1000px;
}

#container_front {
	width:100%;
	height:100%;
	background-color:#FFF;
	min-height:inherit;
	position:fixed;
	bottom:0;
	right:0;
	overflow:hidden;
	min-width:1000px;
}

.front_contents_new  {
	width:100%;
	height:100%;
	padding-top:62.5%;
	margin:0 auto;
	position:absolute;
	top:0;
	left:0;
/*	background-position:right bottom;*/
}

.front_contents_new.bg_change1{background-image:url(../images/front_back01.jpg); background-repeat:no-repeat; background-size:contain;}
.front_contents_new.bg_change2{background-image:url(../images/front_back02.jpg); background-repeat:no-repeat; background-size:contain;}
.front_contents_new.bg_change3{background-image:url(../images/front_back03.jpg); background-repeat:no-repeat; background-size:contain;}

/*New*/
.front_contents_new.bg_change_new1{background: url(../images/bg_change_new1.png) no-repeat top center;background-size:cover;}
.front_contents_new.bg_change_new2{background: url(../images/bg_change_new2.png) no-repeat top center;background-size:cover;}
.front_contents_new.bg_change_new3{background: url(../images/bg_change_new3.png) no-repeat top center;background-size:cover;}
.front_contents_new.bg_change_new4{background: url(../images/bg_change_new4.png) no-repeat top center;background-size:cover;}
.front_contents_new.bg_change_new5{background: url(../images/bg_change_new5.png) no-repeat top center;background-size:cover;}
.front_contents_new.bg_change_new6{background: url(../images/bg_change_new6.png) no-repeat top center;background-size:cover;}
.front_contents_new.bg_change_new7{background: url(../images/bg_change_new7.png) no-repeat top center;background-size:cover;}
.front_contents_new.bg_change_new8{background: url(../images/bg_change_new8.png) no-repeat top center;background-size:cover;}
.front_contents_new.bg_change_new9{background: url(../images/bg_change_new9.png) no-repeat top center;background-size:cover;}
.front_contents_new.bg_change_new10{background: url(../images/bg_change_new10.png) no-repeat top center;background-size:cover;}
.front_contents_new.bg_change_new11{background: url(../images/bg_change_new11.png) no-repeat top center;background-size:cover;}
.front_contents_new.bg_change_new12{background: url(../images/bg_change_new12.png) no-repeat top center;background-size:cover;}
.front_contents_new.bg_change_new13{background: url(../images/bg_change_new13.png) no-repeat top center;background-size:cover;}
.front_contents_new.bg_change_new14{background: url(../images/bg_change_new14.png) no-repeat top center;background-size:cover;}



.front_btn_space {

	position: absolute;
	left: 0;
	bottom: 0;
	
	width: 100%;
	min-width: 1000px;
	height: 30%;
	min-height: 300px;

	overflow-x: auto;
	background-color: rgba(11,49,143,0.5);

	display: table;
	z-index: 10000;

}
.front_title {
	display: table-cell;
	vertical-align: middle;
	width: 45%;
	padding: 0 10px 0 20px;
}
.front_title img {
	width:100%;
}

ul.front_btn {
	display: table-cell;
	vertical-align: middle;
	width: 55%;
}
ul.front_btn:after {
	clear: both;
}
ul.front_btn li {
	float: left;
	width: 50%;
	padding: 10px;
}
ul.front_btn li:last-child {
	float: right;
	padding-right: 20px;
}
ul.front_btn li a {
	width: 100%;
	height: 180px;

	display:block;
	border:6px solid #FFF;
	text-align:center;
	color:#FFF;
	font-size:30px;
	line-height:1.4em;
	padding:20px 0 0 0 ;
	font-weight:900;
	cursor: pointer;
	text-shadow: 0 0 2px rgba(0,0,0,0.3);
	background-color:rgba(100,120,160,.1);
}
ul.front_btn li a:hover {
	cursor: pointer;
	background-color:rgba(255,255,255,.4);
	color:#0B318F;
	opacity:1;
}

.front_footer {
	width:100%;
	position: fixed;
	bottom:0;
	color:#CCC;
	z-index:5;
	padding:0 0 15px 40px;
	font-size:13px;
}
/* ------------------------------------------- TOP 時計 設定 ------------------------------------------ */

/*#clocks {
	display: block;
	width: 70px;
	height: 70px;
	position:absolute;
	right:18.6%;
	bottom:22%;


-webkit-transform: perspective(450px) rotateX(27deg) rotateY(-50deg) rotateZ(-25deg);
-moz-transform: perspective(200px) rotateX(15deg) rotateY(-25deg) rotateZ(-32deg);
-o-transform: perspective(200px) rotateX(15deg) rotateY(-25deg) rotateZ(-32deg);
-ms-transform: perspective(200px) rotateX(15deg) rotateY(-25deg) rotateZ(-32deg);
transform: perspective(200px) rotateX(15deg) rotateY(-25deg) rotateZ(-32deg);

}

.testbg {
	background-color:rgba(120,100,100,.5);
	width: 70px;
	height: 70px;
}
.clock {
	position: absolute;
}*/




@media all and (max-width: 801px ) {
	
/*body {
	overflow: inherit;
	position:relative;
	width:960px;
}*/

/*.front_btn_space {
	position:absolute;
	left:0;
	width:960px;
	height:700px;
	margin:0 auto;
	z-index:200;
}*/



}