@charset "utf-8";

html{}

body{min-width:1280px;
	margin:0;
	padding:0;
	font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
		 overflow-y:scroll;}

a,a:visited{border:none;
	text-decoration:none;
	color:rgba(0,124,255,1.00);}
	
a:hover{opacity:0.7;}
	
img{border:none;}

.pc{display: block;}
.sp{display: none;}

#container{width:100%;
	margin:0;
	padding:0;
	overflow:hidden;}

#header{width:100%;
	min-width:1280px;
	height:50px;
	background:rgba(255,255,255,1.00);
	border-bottom:rgba(215,219,224,1.00) solid 1px;
	position:fixed; top:0; left:0;
	overflow:hidden;
	z-index:1;}

.logo_main{float:left;
	margin-left:155px;}
	
.logo_main img{height:50px;}
	
.menu_main{width:400px;
	float:right;
	margin-right:155px;
	overflow:hidden;}
	
.menu01,.menu02,.menu03,.menu04{width:100px;
	height:50px;
	background-repeat:no-repeat;
	background-position:center center;
	float:left;}

.menu01 img,.menu02 img,.menu03 img,.menu04 img{width:100%;
	height:100%;}
	
.menu01{background:url(../img/menu01_on.png);}
	
.menu01:hover{background:url(../img/menu01_off.png);}
	
.menu02{background:url(../img/menu02_on.png);}

.menu02:hover{background:url(../img/menu02_off.png);}
	
.menu03{background:url(../img/menu03_on.png);}

.menu03:hover{background:url(../img/menu03_off.png);}
	
.menu04{background:url(../img/menu04_on.png);}

.menu04:hover{background:url(../img/menu04_off.png);}

#menu_main_sf img{width:0;
	height:0;}

#main{margin-top:50px;}


#footer{border-top:rgba(215,219,224,1.00) solid 1px;
	padding:15px 0;
	overflow:hidden;}
	
.footer_block01{height:55px;
	line-height:15px;
	margin-left:155px;
	font-size:12px;
	float:left;}

.footer_text01{font-size:14px;
	line-height:25px;}

.footer_text02_01{clear:both;
	float:left;}

.footer_text02_02{float:left;
	margin-left:10px;}

.footer_img01{height:55px;
	margin-left:10px;
	float:left;}
	
.footer_img01 img{height:55px;}

.footer_img02{height:40px;
	margin-right:155px;
	padding-top:15px;
	float:right;}
	
.footer_img02 img{height:40px;}

.footer_block02{height:30px;
	line-height:15px;
	padding-top:25px;
	font-size:12px;
	float:right;}
/* フォント */
.fs14{font-size:14px;}

.lh25{line-height:25px;}
/* fix_btn */

.fix_btn{width:65px;
	height:140px;
	position:fixed; bottom:50px; right:50px;
	z-index:2;}
	
.fix_btn img:hover{opacity:0.7;}

/* sf_menu */
.menu_inner{display:none;}

@media screen and ( max-width:736px )
{
html{overflow-x:hidden;}

body{width:100%;
	min-width:100%;
	overflow:hidden;
	-webkit-text-size-adjust: none;}

#main{width:100%;}

a:hover{opacity:1.0;}

.pc{display: none;}
.sp{display: block;}

#container{width:100%;}
	
.logo_main{float:left;
	margin-left:10px;
	padding:5px 0;}

#header{width:100%;
	min-width:100%;
	height:50px;
	background:rgba(255,255,255,1.00);
	position:fixed; top:0; left:0;
	overflow:hidden;
	z-index:9999;}
	
.menu_main{width:0;
	display:none;
	overflow:hidden;}

#menu_main_sf{width:50px;
	height:50px;
	position:fixed; top:0; right:0;
	margin-right:10px;
	background:url(../img/menu_btn_sf02.gif);
	background-size:50px 50px;
	background-position:left top;
	cursor:pointer;
	z-index:9999;}

#menu_main_sf img{width:50px;
	height:50px;}

#footer{clear:both;}

.footer_block01{height:90px;
	line-height:15px;
	margin-left:10px;
	float:left;
	overflow:hidden;}

.footer_text02_01{clear:both;
	font-size:8px;}

.footer_text02_02{clear:both;
	margin-left:40px;
	font-size:8px;}
	
.footer_img01{clear:both;
	height:40px;
	margin-left:10px;
	padding-top:10px;
	float:left;}
	
.footer_img01 img{height:40px;}

.footer_img02{height:40px;
	margin-right:0;
	padding-top:10px;
	float:left;}
	
.footer_img02 img{height:40px;}

.footer_block02{float:left;
	height:24px;
	line-height:12px;
	padding-top:26px;
	font-size:8px;
	float:left;}
	
.fix_btn{width:65px;
	height:140px;
	position:fixed; bottom:10px; right:10px;
	z-index:2;}
	
.fix_btn img:hover{opacity:1.0;}

.menu_btn_on{background-size:60px 60px;
	background-repeat:no-repeat;
	background-position:center center;}

.menu_btn_on img{opacity:0;}

.menu_inner{width:200px;
	max-width:55%;
	min-height:100%;
	max-height200%;
	overflow-y:scroll;
	overflow:hidden;
	color:rgba(255,255,255,1.00);
	background:rgba(140,140,140,0.90);
	opacity:0;
	position:fixed; right:0; top:51px;
	z-index:0;}

.menu_inner ul{margin:0;
	padding:0;}

.menu_inner ul li{width:170px;
	height:40px;
	margin:0 10px;
	padding:10px 0;
	line-height:40px;
	text-align:left;
	font-size:12px;
	list-style:none;
	color:rgba(255,255,255,1.00);
	border-bottom:rgba(255,255,255,1.00) solid 1px;}

.menu_inner ul li a{color:rgba(255,255,255,1.00);
	display:block;}

.menu_on{display:block;
	animation:display_swich 0.5s forwards;}


.move{animation:move_x 0.5s forwards;}

@-webkit-keyframes move_x{
	0%{padding-left:0;}
	100%{padding-left:200px;
	}
}

@-moz-keyframes move_x{
	0%{padding-left:0;}
	100%{padding-left:200px;
	}
}
@keyframes move_x{
	0%{padding-left:0;}
	100%{padding-left:200px;
	}
}

@keyframes display_swich{
	0%{opacity:0;}
	100%{opacity:1;}	
}

}