@charset "utf-8";

/*service共通*/
/* ローカルナビ */

	#jmenu {
		/*position:absolute;
		top:0;
		left:15%;*/
		text-align:right;
		display:table;
		width:100%;
	}
		#jmenu ul {
			padding: 0;
			margin:0;
			display:table-row;
		}
			#jmenu ul>li {
				list-style: none;
				display:table-cell;
				vertical-align:bottom;
		}
		#jmenu ul li a img{
			width:100%;
		}
		#jmenu ul li a img:hover{
			opacity:0.6;
		}
		#jmenu ul li.now a img{
			opacity:0.6;
		}
		#jmenu ul li.now a {
		color:#00A0E8;
		cursor: default;
		}
		#jmenu ul li.now a:hover {
		cursor: default;
		color:#00A0E8;
		}

/*---- service ------------------------------------------------------*/
#service-contents {
    margin: auto;
    position: relative;
    text-align: center;
    width: 100%;
}
#servicewrap{
}
#imgwrap #srect1{
	position:absolute;top:0;left:200px;z-index:1000;
}
#imgwrap #srect1 img{
	width:100%;
	}
#service{
	float:right;
	width:100%;
	text-align:center;
	margin-bottom:40px;
}
#service table{
	width:100%;
	margin:auto;
	}
#service table tbody tr td img{
	width:100%;
}
#service table tbody tr td{
padding-bottom:8px;
}
#service table tbody tr td a img:hover{
opacity:0.6;
}
/*==========================================*/
/*===mediaQuery=*/
/*==========================================*/
@media screen and (max-width: 640px) {
/*service共通*/
/* ローカルナビ */
	#jmenu {
		/*position:absolute;
		top:0;
		left:15%;*/
		text-align:right;
		display:block;
		width:100%;
		
	}
		#jmenu ul {
			padding: 0;
			margin:0;
			display:block;
		}
			#jmenu ul>li {
				list-style: none;
				display:block;
				vertical-align:bottom;
				width:50%;
				float:left;
		}
		#jmenu ul li a img{
			width:100%;
		}
		#jmenu ul li a img:hover{
			opacity:0.6;
		}
		#jmenu ul li.now a img{
			opacity:0.6;
		}
		#jmenu ul li.now a {
		color:#00A0E8;
		cursor: default;
		}
		#jmenu ul li.now a:hover {
		cursor: default;
		color:#00A0E8;
		}
		
/* ページ幅 */
	#service-contents #servicewrap #imgwrap > img{
		visibility:hidden;
	}
	#imgwrap #srect1{
		position:absolute;top:0;left:0;right:0;z-index:1000;
	}
	#imgwrap #srect1 img{
		width:100%;
		}
	#service{
		clear:both;
		width:100%;
		text-align:center;
		margin-top:-80px;
		margin-bottom:40px;
	}

}