@charset "utf-8";

/*---------------------------
opacity100%
---------------------------*/

.fix_left1 a:hover img ,
.fix_left2 a:hover img ,
.fix_left3 a:hover img ,
.fix_right1 a:hover img ,
.fix_right2 a:hover img ,
.fix_right3 a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-ms-filter: "alpha(opacity=100)";
}

/*---------------------------
fix_left
---------------------------*/
.fix_left1,
.fix_left2,
.fix_left3 {
	position: fixed;
	left: 0;
	z-index:1000;
}

.fix_left1{top: 80px;margin: 0 0 0 -375px;text-align: right;}
.fix_left2{top: 250px;margin: 0 0 0 -375px;text-align: right;}
.fix_left3{top: 420px;margin: 0 0 0 -375px;text-align: right;}

.fix_left1 a ,
.fix_left2 a ,
.fix_left3 a {
	display: block;
	width:100px;
	height:150px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

.fix_left1 a:hover,
.fix_left2 a:hover,
.fix_left3 a:hover {
	margin: 0 0 0 375px;
	width:475px;
	left: 0;
}



/*---------------------------
fix_left_salew
---------------------------*/

.fix_left_salew a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-ms-filter: "alpha(opacity=100)";
}

.fix_left_salew {
	position: fixed;
	left: 0;
	z-index:1000;
}

.fix_left_salew {top: 80px;margin: 0 0 0 -375px;text-align: right;}

.fix_left_salew a {
	display: block;
	width:100px;
	height:320px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

.fix_left_salew a:hover {
	margin: 0 0 0 375px;
	width:475px;
	left: 0;
}


/*---------------------------
fix_right
---------------------------*/
.fix_right1,
.fix_right2,
.fix_right3 {
	position: fixed;
	right: 0px;
	z-index:1001;
}

.fix_right1{top: 80px;margin: 0;text-align: left;}
.fix_right2{top: 250px;margin: 0;text-align: left;}
.fix_right3{top: 420px;margin: 0;text-align: left;}

.fix_right1 a ,
.fix_right2 a ,
.fix_right3 a {
	display: block;
	width:50px;
	height:150px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

.fix_right1 a:hover,
.fix_right2 a:hover,
.fix_right3 a:hover {
	width:200px;
	right: 0;
}

/*---------------------------
fix_right w475ver
---------------------------*/
.fix_right1,
.fix_right2,
.fix_right3 {
	position: fixed;
	right: 0;
	z-index: 100;
}

.fix_right1{top: 80px;margin: 0;text-align: left;}
.fix_right2{top: 250px;margin: 0;text-align: left;}
.fix_right3{top: 420px;margin: 0;text-align: left;}

.fix_right1 a ,
.fix_right2 a ,
.fix_right3 a {
	display: block;
	width:100px;
	height:150px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

.fix_right1 a:hover,
.fix_right2 a:hover,
.fix_right3 a:hover {
	width:475px;
	right: 0;
}


/*---------------------------
ブロニカ
---------------------------*/
#Footer-area {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%; 
	height: 50px;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	z-index:10000000000000;
}
#Footer-area .container {
	position:relative;
	width: 1100px;
	padding-top: 13px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	background:none !important;
}
#Footer-area .container:before {
	content: url(//www.10keiya.com/project/bronica/images/icon_bronica.png);
	position: absolute;
    left: 0;
    top: -20px;
}
#Footer-area .container a {
	color: #fff;
	text-decoration: none;
}
#Footer-area .container p {
	display: inline-block;
	font-size: 13px;
}


#footcommon {
	padding-bottom: 37px;
}