/* general*/

html,body{
    margin:0;
    padding:0;
    height:100%;
}
body{
	font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3', 'Hiragino Kaku Gothic Pro', 'ƒƒCƒŠƒI', Meiryo, Osaka, 'HGƒSƒVƒbƒNE','‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic', "Helvetica Neue", Helvetica, Arial, sans-serif; 
	color:#222222;
	font-size:14px;
	line-height: 1.428571429;
  	background:#eeeeee;
}

a{
	color:#222222;
	font-weight:bold;
	line-height:1.8;
}
a:hover{
	color:#222222;
}

ul{
	list-style:none;
	margin:0;
	padding:0;
}

#wrap{
	width:100%;
	height:100%;
	position:relative;
}
#wrap > #main{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;

}
.content{
	width:50%;
	height:100%;
	float:left;
	position:relative;
	margin:0;
	padding:0;
}

.ca_wrap{
	background:url(../img/ca_bgphoto.jpg) center center;
	background-size: cover;
}
.mi_wrap{
	background:url(../img/mi_bgphoto.jpg) center center;
	background-size: cover;

}
.copy .btn{
	display:block;
	margin:120px auto 0;
	text-align:center;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
/*	display:table-cell;
	vertical-align:middle;*/
}
.copy .btn:hover{
	padding-top:10px;
}

.outline_wrap{
	position:absolute;
	top:40%;
	left:10%;

}

.division{
	margin-bottom:30px;
	transition: all 0.2s linear;
}

.division:hover{
-webkit-filter: drop-shadow(rgba(0, 0, 0, 0.9) 0 0 8px);
}
.outline ul li > span{
	display:inline-block;
	background:#fff;
	padding:6px 12px;
	margin-bottom:10px;
	border-radius:4px;
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.8);
	box-shadow:0px 0px 10px rgba(0,0,0,0.8);
	font-size:12px;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.outline ul li.linked > span:hover{
	background:#ff7e00;
}
.outline ul li.unlinked > span{
	background:rgba(255, 255, 255, 0.3);
	color:#fff;
}

.outline ul li span.en{
	font-size:8px;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	padding-left:5px;
}
.outline a{
	text-decoration:none;
/*	-webkit-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	background:url(../img/arrow_15px_bl02.png) right center no-repeat;*/
}
.outline ul li.linked:hover a{
	color:#fff;
	
/*	padding-right:20px;
	background:url(../img/arrow_15px_or.png) right center no-repeat;*/
}
.outline ul li.linked:hover a span.en{
	color:#000;
}



/* 404page */
.message_wrap{
	padding:40px 200px 0;
}
.message{
	text-align:center;
	padding:25px 0;
}

.message img{
	margin:0 auto;
}

ul.links{
	margin:40px 0 0;
}

ul.links li a{
	background:url("http://www.fujigen.co.jp/img/arrow_15px_bl.png") left center no-repeat;
	padding-left:20px;
	font-size:14px;
}

ul.links li a:hover{
	background:url("http://www.fujigen.co.jp/img/arrow_15px_or.png") left center no-repeat;
	padding-left:20px;
}

footer{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background:#000;
	background:rgba(0,0,0,0.9);
	padding:15px 0 5px;
	margin:0;
	text-align:center;
	color:#fff;
}

footer p.logo{
	margin-bottom:10px;
}
footer p.copyright{
	font-weight:700;
	font-family: 'Raleway', sans-serif;
	font-size:10px;
	margin:0;
}

@media(min-width:1200px){}
@media(min-width:992px){
	ul.links{
		margin-left:87px;
	}
}
@media(max-width:992px){
	.message_wrap{
		padding-left:100px;
		padding-right:100px;
	}
}
@media(max-width:767px){
	.message_wrap{
		padding-left:80px;
		padding-right:80px;
	}
}
@media(max-width:480px){
	.message_wrap{
		padding:0 20px;
	}
	.message{
		padding:20px 0;
	}
	ul.links{
		list-style:none;
		padding:0;
		margin:20px 0 0;
	}
	footer .logo img{
		width:25%;
	}
}