*{margin:0; padding:0; border:0;}
	html {}
	body {background: url('../images/bg.png') center top no-repeat; padding: 0; margin: 0; }
	ul,li,ol{list-style:none}

	#wrap {width: 1000px; margin: 0 auto;}
    .content {width: 100%; overflow: hidden;text-align:center}
	.content.pc h1{margin-bottom:50px;background:url('../images/title_pc.png') center no-repeat;height:127px;text-indent:-9999px}
	.pc-layout {display:block;padding:100px 0;}
	.m-layout  {display:none;}
	


	.tab_menu1 {width:666px;margin:0 auto;overflow:hidden}
	.tab_menu2 {width:898px;margin:-30px auto 0;overflow:hidden}
	.tab_menu1 li,.tab_menu2 li  {float:left;margin-right:30px;}
	.tab_menu1 li:last-child,.tab_menu2 li:last-child{margin-right:0}
	.tab_menu1 li a,.tab_menu2 li a {text-indent:-9999px;display:block;width:202px;height:278px}

	.no1 {background:url('../images/bg_01.png')center no-repeat}
	.no2 {background:url('../images/bg_02.png')center no-repeat}
	.no3 {background:url('../images/bg_03.png')center no-repeat}
	.no4 {background:url('../images/bg_04.png')center no-repeat}
	.no5 {background:url('../images/bg_05.png')center no-repeat}
	.no6 {background:url('../images/bg_06.png')center no-repeat}
	.no7 {background:url('../images/bg_07.png')center no-repeat}

	.no1:hover {background:url('../images/bg_01_on.png')center no-repeat}
	.no2:hover {background:url('../images/bg_02_on.png')center no-repeat}
	.no3:hover {background:url('../images/bg_03_on.png')center no-repeat}
	.no4:hover {background:url('../images/bg_04_on.png')center no-repeat}
	.no5:hover {background:url('../images/bg_05_on.png')center no-repeat}
	.no6:hover {background:url('../images/bg_06_on.png')center no-repeat}
	.no7:hover {background:url('../images/bg_07_on.png')center no-repeat}



	#footer {width: 980px; height: 120px; position: relative; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.2);} 
	#footer .foot { height:60px; margin-left: 45px; margin-top: 30px;} 
	#footer span {float: left; display: inline-block; background:url(images/line.png) left 100px top 5px no-repeat;}
	#footer span a {display: inline-block; width: 100%; height: 100%;}
	#footer span img{margin-top: 6px;}
	#footer span .btn_jh {width: 92px; height: 28px;background:url('../images/logo_jh.png') center top no-repeat; margin-left: 16px; margin-right: 10px; position: relative;}
    #footer span .btn_jh:after{display: block; clear: both; content: ''; width: 1px; height: 16px; background: #fff; opacity: 0.5; position: absolute; right: -13px; top:6px;}
    #footer span .btn_jh_2 {width: 158px; height: 28px;background:url('../images/logo_jh02.png') center top no-repeat; margin-left: 16px; margin-right: 10px;}
	
	.footer_m {display: none;margin: 30px auto;width: 430px;}			
    .ad_list{color:#fff; font-size: 12px; opacity: 0.5;}
    .ad_list>li{list-style: none;  float: left; margin-left: 20px; line-height: 28px; position: relative;}
    .ad_list>li:after{display: block; clear: both; content: ''; width: 1px; height: 13px; background: #fff; opacity: 0.5; position: absolute; right: -10px; top:8px;}
    .ad_list>li:last-child:after {display: none;}

@media only screen and (max-width: 1000px) {
	body {width:100%;height:100%;background: url('../images/bg_m.png') center top no-repeat;background-size: cover;}
	#wrap{width:auto;}
	.pc-layout {display:none;}
	.m-layout  {display:block;padding:60px 0 0;}


	.m-layout > img{width:80%;max-width:436px}
	.tab_menu_m{margin: 0 auto;margin-top: 60px;position: relative;width: 535px;height: 964px;background: url('../images/bg_con_m.png') center top no-repeat;}
	.tab_menu_m li{position:absolute;}
	.tab_menu_m li a{width: 202px;height: 278px;text-indent: -9999px;display:block;}
	.tab_menu_m li.n01_m{top:0px;left: 0}
	.tab_menu_m li.n02_m{top:0px;left: 221px}
	.tab_menu_m li.n03_m{top:228px;left: 110px}
	.tab_menu_m li.n04_m{top:228px;left: 332px}
	.tab_menu_m li.n05_m{top:456px;left: 0px}
	.tab_menu_m li.n06_m{top:456px;left: 221px }
	.tab_menu_m li.n07_m{top:684px;left: 110px}


	#footer {display: none; }		
	.footer_m {display:block; border-top:1px solid rgba(255,255,255,0.2); padding-top:30px;}
	.footer_m span img {width:100%; margin:0 0 30px 25px;}
    .footer_m p{text-align: center;}
	.footer_m p a{display: inline-block; width: 100%; height: 100%;}
	.footer_m p .logo01 {width: 92px; height: 28px;background:url('../images/logo_jh.png') center top no-repeat; margin-right: 20px; position: relative;}
	.footer_m p .logo01:after{display: block; clear: both; content: ''; width: 1px; height: 15px; background: #fff; position: absolute; top:6px; right: -12px;}
	.footer_m p .logo02 {width: 158px; height: 28px;background:url('../images/logo_jh02.png') center top no-repeat;}
	.footer {display: none;}
	.ad_list{margin-top: 10px; opacity: 0.5;}
	.ad_list p{line-height: 20px;}
}