﻿@charset "UTF-8";


/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:Verdana, Helvetica, sans-serif;
   color:#333;
   font-size:13px;
   background:#fff;
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#ff0000;
   text-decoration:none;
   background:#000000;
}

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

/* ========スクロールバー======== */

div{/* IE用スクロールバーカラー */
    scrollbar-arrow-color:#ff99ff;/* 矢印 */
    scrollbar-face-color:#ffffff;/* スクロールバー表面 */
    scrollbar-3dlight-color:#ff99ff;/* ボタン外側の左と上の枠 */
    scrollbar-darkshadow-color:#ff99ff;/* ボタン外側の右と下の枠 */
    scrollbar-highlight-color:#ff99ff;/* ボタン内側の左と上の枠 */
    scrollbar-shadow-color:#ff99ff;/* ボタン内側の右と下の枠 */
    scrollbar-track-color:#ffffff;/* バーのない背景の部分 */
}
div::-webkit-scrollbar {/* スクロールバー幅 */
    width: 8px;
    height: 8px;
}
div::-webkit-scrollbar-track {/* 背景 */
    background: #ffffff;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
div::-webkit-scrollbar-thumb {/* 表面 */
    background:#ffffff;
    -webkit-box-shadow: inset 0 0 6px rgba(255,020,147,0.9);
    border-radius: 10px;
}

/* ========TEMPLATE LAYOUT======== */
#top {
   width:960px;
/*   margin:0 auto; */
   margin-left: 10px; 
   margin-right:auto; 
   background:#fff;
   border-top:5px solid #008F7C;
   border-bottom:5px solid #008F7C;
}

#header {
   position:relative;
   width:960px;
   height:80px;
   background:#fff;
}

#menu {
   width:960px;
   background:#000;
}

#contents {
   clear:both;
   width:960px;
   margin-top:10px;
}

#main {
   float:left;
   margin:0 10px;
   width:580px;
}

#subL {
   float:left;
   width:180px;
}

#subR {
   float:left;
   width:180px;
}

#footer {
   position:relative;
   clear:both;
   width:960px;
}

/* 回り込み解除 */
#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
   padding:0 10px;
   font-size:24px;
   color:#00ff00;
   line-height:80px;
}

#header h1 a {
   color:#000000;
}

#header h1 a:hover {
   color:#ddd;
}

#header .pr {
   position:absolute;
   top:10px;
   right:0;
   content: url("../images/jr0bul.jpg")
}



/* ========MENU CUSTOMIZE======== */
#menu ul {
   margin:0;
   padding:0;
   background:url("../images/bg_menu.gif") 0 50% repeat-x;
}

#menu li {
   float:left;
   color:#333;
   list-style-type:none;
}

#menu ul .selected {
   float:left;
   color:#ffff00;
   list-style-type:none;
   background:url("../images/bg_menu2a.gif") 0 50% repeat-x;
}

#menu li a {
   display:block;
   margin-right:1px;
   padding:0 20px;
   line-height:2.5;
   color:#fff;
}

#menu li a:hover{
   color:#ffff00;
   background:url("../images/bg_menu2.gif") 0 50% repeat-x;
}


/* 回り込み解除 */
#menu ul:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
#main a {
   color:#008000;
}

#main a:hover {
   text-decoration:underline;
}

#main h2 {
   margin-bottom:5px;
   padding:2px 2px 2px 5px;
   font-size:15px;
   font-weight:bold;
   line-height:1.4;
   border-left:5px solid #000;
   background:url("../images/bg_h2.gif");
}

#main h3 {
   margin-bottom:5px;
   font-size:13px;
   border-bottom:3px double #000;
}

#main h4 {
   margin-bottom:2px;
   padding:3px;
   font-size:13px;
   line-height:1.4;
   background:#ddd;
}

#main h5 {
   margin-bottom:2px;
   font-size:13px;
   line-height:1.4;
   border-bottom:2px solid #333;
}

#main h6 {
   margin-bottom:2px;
   font-size:13px;
   line-height:1.4;
}

#main p{
   margin:0 0 1em 0;
   line-height:1.4;
}

#main dd{
   padding:0;
   margin:0 0 1em 1em;
   padding:3px;
   background:#f1f1f1;
}


/* ========subL CONTENTS CUSTOMIZE======== */
#subL .section {
   background:#DEDDD0;
}
#subL .section0 {
   background:#DEDDD0;
}
#subL .section_l {
   background:#DEDDD0;
}
#subL .section1 {
   background:#DEDDD0;
}
#subL .section1a {
   background:#DEDDD0;
}
#subL .section2 {
   background:#DEDDD0;
}
#subL .section3l {
   background:#DEDDD0;
}
#subL .section3r {
   background:#DEDDD0;
}
#subL .section4 {
   background:#DEDDD0;
}
#subL .section5 {
   background:#DEDDD0;
}
#subL .section5s {
   background:#DEDDD0;
}
#subL .section5r{
   background:#DEDDD0;
}
#subL .section5r1{
   background:#DEDDD0;
}
#subL .section5r2{
   background:#DEDDD0;
}
#subL .section5l3{
   background:#DEDDD0;
height:90px;
}
#subL .section6_1 {
   background:#DEDDD0;
}
#subL .section6_2 {
   background:#DEDDD0;
}
#subL .section7a {
   background:#DEDDD0;
}
#subL .section7b {
   background:#DEDDD0;
}

#subL h2 {
   padding:3px;
   font-size:14px;
   font-weight:bold;
   color:#fff;
   background:#49BC1D url("../images/bg_sub_h2.gif") 0 50% repeat-x;
}

#subL h3 {
   padding:3px;
   font-size:14px;
   font-weight:bold;
   color:#fff;
   background:#49BC1D url("../images/bg_sub_h2.gif") 0 50% repeat-x;
}

#subL ul {
   margin:0;
   padding:5px 0 1em 1em;
}

#subL li {
   margin:0;
   padding-left:18px;
   line-height:1.7;
   background:#DEDDD0 url("../images/bg_list.gif") 0 6px no-repeat;
   list-style:none;
}

#subL ul .selected_2 {
   background:#DEDDD0 url("../images/bg_list2.gif") 0 6px no-repeat;
}

/* ========subR CONTENTS CUSTOMIZE======== */
#subR .pr {
   margin:1px 0;
   text-align:center;
}

#subR h2 {
   padding:3px;
   font-size:14px;
   font-weight:bold;
   color:#fff;
   background:#49BC1D url("../images/bg_sub_h2.gif") 0 50% repeat-x;
}

#subR ul {
   margin:0;
   padding:5px 0 1em 1em;
}

#subR li {
   margin:0;
   padding-left:18px;
   line-height:1.8;
   background:#DEDDD0 url("../images/bg_list.gif") 0 4px no-repeat;
   list-style:none;
}


/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   padding:10px;
   text-align:right;
}

#pageTop a {
   padding:0 0 0 12px;
   background:url("../images/bg_pagetop.gif") 0 60% no-repeat;
}


/* ========FOOTER CUSTOMIZE======== */
.copyright {
   padding:20px 0;
   text-align:center;
   font-style:normal;
   font-size:8px;
   border-top:1px solid #ccc;
}

/* ========iframe CUSTOMIZE======== */
.frame_AA {
   width:577px;
   height:60px;
   overflow:no;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 1px;
   border:0px solid #c9c9c9; /* 枠線整形 */
}
.frame_BB {
   width:100%;
   height:240px;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 1px;
   border:0px solid #c9c9c9; /* 枠線整形 */
}
.frame_2 {
   width:400px;
   height:600px;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   marginwidth:0;
   marginheight:0;
   border:0px solid #c9c9c9; /* 枠線整形 */
   float:right;
   position:absolute;top:90px;left:0px;
}
.zoom_2 {
  -o-transform: scale(0.95);
  -o-transform-origin: 0 0;
  -ms-transform: scale(0.95);
  -ms-transform-origin: 0 0;
  -moz-transform: scale(0.95);
  -moz-transform-origin: 0 0;
  -webkit-transform: scale(0.95);
  -webkit-transform-origin: 0 0;
  transform: scale(0.95);
  transform-origin: 0 0;
   width:100%;
   height:100%;
}
.frame_44 {
   width:550px;
   height:200px;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 1px;
   border:0px solid #c9c9c9; /* 枠線整形 */
}
.frame_55 {
   width:200px;
   height:200px;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 1px;
   border:0px solid #000000; /* 枠線整形 */
}

.ifrm-container {
   width:760px;
   height:900px;
//   overflow:auto;
   overflow-x:hidden;
   overflow-y:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 1px;
   border:2px solid #c9c9c9; /* 枠線整形 */
}
.ifrm-container_a {
   width:480px;
   height:1000px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 1px;
   border:0px solid #c9c9c9; /* 枠線整形 */
}
.ifrm-container_b {
   width:450px;
   height:1000px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 1px;
   border:0px solid #c9c9c9; /* 枠線整形 */
}
.ifrm-container_c {
   width:420px;
   height:440px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 0px;
}
.ifrm-container_d {
   width:940px;
   height:1200px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 1px;
   border:0px solid #c9c9c9; /* 枠線整形 */
}
.ifrm-container_e {
   width:740px;
   height:700px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 1px;
   border:2px solid #c9c9c9; /* 枠線整形 */
}


.ifrm-box1 {
   width:550px;
   height:780px;
//   overflow:auto;
   overflow-x:auto;
   overflow-y:hidden;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 2px;
   border:0px solid #c9c9c9; /* 枠線整形 */
}
.ifrm-box2 {
   width:380px;
   height:650px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 2px;
   border: 0px solid #c9c9c9; /* 枠線整形 */
   margin: -100px 0px 130px 16px;
}
.ifrm-box3 {
   width:186px;
//   height:220px;
   height:190px;
   overflow:auto;
//   display: inline-block;
//   -webkit-overflow-scrolling:touch;
   margin: 0px 0px 0px 0px;
   border:0px solid #c9c9c9; /* 枠線整形 */
//position:absolute;top:120px;left:750px;
position:absolute;top:10px;left:765px;
}


.ifrm {
   width:100%;
   height:100%;
   border:none;
   display:block;
   margin: 0px 0px 0px 16px;
}

.ifrm-box_a0 {
   width:900px;
   height:500px;
}
.ifrm-box_dummy {
   width:30px;
   height:20px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 2px;
   border:0px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
}

.ifrm-box_a1 {
//   width:115px;
//   height:220px;
   width :300px;
   height:250px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 1px;
   border:0px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
}
.ifrm-box_b1 {
   width :270px;
   height:450px;
   overflow:hidden;
//   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 0px 0px 0px 0px;
   border:0px solid #c9c9c9; /* 枠線整形 */
}

.ifrm-box_c1 {
   width :440px;
   height:920px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 0px;
   border:0px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
-o-transform: scale(0.9);
-o-transform-origin: 0 0;
-ms-transform: scale(0.9);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.9);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.9);
-webkit-transform-origin: 0 0;
transform: scale(0.9);
transform-origin: 0 0;
}
.ifrm-box_c2 {
   width: 460px;
   height:960px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 0px;
   border:0px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
-o-transform: scale(0.8);
-o-transform-origin: 0 0;
-ms-transform: scale(0.8);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.8);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.8);
-webkit-transform-origin: 0 0;
transform: scale(0.8);
transform-origin: 0 0;
}
.ifrm-box_c3 {
   width :478px;
   height:300px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 0px;
   border:0px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
}
.ifrm-box_d1 {
   width :760px;
   height:400px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 2px;
   border: 1px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
}
.ifrm-box_d1a {
   width :760px;
   height:700px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 2px;
   border: 1px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
}
.ifrm-box_d2 {
   width :700px;
   height:200px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 2px;
   border: 0px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
}
.ifrm-box_d3 {
//   width :160px;
//   height:170px;
   width :260px;
   height:270px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 2px;
   border: 0px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
position:absolute;top:190px;left:700px;
}
.ifrm-box_e1 {
   width :300px;
   height:300px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 0px;
   border: 1px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
}
.ifrm-box_e2 {
   width :300px;
   height:300px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: -10px;
   border: 1px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
}
.ifrm-box_e3 {
   width :330px;
   height:480px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 0px;
   border: 0px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
}
.ifrm-box_e4 {
   width :610px;
   height:400px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 0px;
   border: 0px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
}
.ifrm-box_e5 {
   width :250px;
   height:120px;
   overflow:hidden;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 0px;
   border: 1px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
}
.ifrm-box_e6 {
   width :325px;
   height:120px;
   overflow:hidden;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 0px;
   border: 1px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
}
.ifrm-box_f {
   width :300px;
   height:600px;
   overflow:auto;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 0px;
   border: 1px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
}

.ifrm-box_g1 {
   width :140px;
   height:220px;
   overflow:no;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 0px;
   border: 0px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
}
.ifrm-box_g2 {
   width :370px;
   height:280px;
   overflow:no;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 0px;
   border: 0px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
}

.ifrm-box_h {
   width :150px;
   height:100px;
   overflow:n0;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 0px;
   border: 0px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
position:absolute;top:125px;left:770px;
}

.ifrm-box_i {
   width :70px;
   height:30px;
   overflow:n0;
   display: inline-block;
   -webkit-overflow-scrolling:touch;
   margin: 0px;
   border: 0px solid #c9c9c9; /* 枠線整形 */
   margin: 0px 0px 0px 0px;
position:absolute;top:45px;left:880px;
}

.zoom {
-o-transform: scale(0.9);
-o-transform-origin: 0 0;
-ms-transform: scale(0.9);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.9);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.9);
-webkit-transform-origin: 0 0;
transform: scale(0.9);
transform-origin: 0 0;
}
.zoom_BB {
-o-transform: scale(0.9);
-o-transform-origin: 0 0;
-ms-transform: scale(0.9);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.9);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.9);
-webkit-transform-origin: 0 0;
transform: scale(0.9);
transform-origin: 0 0;
   width:100%;
   height:100%;
}
.zoom_44 {
-o-transform: scale(0.9);
-o-transform-origin: 0 0;
-ms-transform: scale(0.9);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.9);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.9);
-webkit-transform-origin: 0 0;
transform: scale(0.9);
transform-origin: 0 0;
   width:100%;
   height:100%;
}


.zoom8 {
-o-transform: scale(0.8);
-o-transform-origin: 0 0;
-ms-transform: scale(0.8);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.8);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.8);
-webkit-transform-origin: 0 0;
transform: scale(0.8);
transform-origin: 0 0;
}

.zoom9a {
-o-transform: scale(0.9);
-o-transform-origin: 0 0;
-ms-transform: scale(0.9);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.9);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.9);
-webkit-transform-origin: 0 0;
transform: scale(0.9);
transform-origin: 0 0;
width:120%;
height:100%;
border:none;
display:block;
}

.zoom9b {
-o-transform: scale(0.9);
-o-transform-origin: 0 0;
-ms-transform: scale(0.9);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.9);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.9);
-webkit-transform-origin: 0 0;
transform: scale(0.9);
transform-origin: 0 0;
width:120%;
height:31%;
border:none;
display:block;
}

.zoom9c {
-o-transform: scale(0.9);
-o-transform-origin: 0 0;
-ms-transform: scale(0.9);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.9);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.9);
-webkit-transform-origin: 0 0;
transform: scale(0.9);
transform-origin: 0 0;
width:120%;
height:100%;
border:none;
display:block;
}

.zoom_container_d {
-o-transform: scale(0.9);
-o-transform-origin: 0 0;
-ms-transform: scale(0.9);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.9);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.9);
-webkit-transform-origin: 0 0;
transform: scale(0.9);
transform-origin: 0 0;
width:115%;
height:100%;
border:none;
display:block;
}

.zoom_box1 {
-o-transform: scale(0.9);
-o-transform-origin: 0 0;
-ms-transform: scale(0.9);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.9);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.9);
-webkit-transform-origin: 0 0;
transform: scale(0.9);
transform-origin: 0 0;
width:110%;
height:100%;
border:none;
display:block;
}
.zoom_box2 {
-o-transform: scale(0.7);
-o-transform-origin: 0 0;
-ms-transform: scale(0.7);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.7);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.7);
-webkit-transform-origin: 0 0;
transform: scale(0.7);
transform-origin: 0 0;
width:140%;
height:100%;
border:none;
display:block;
margin: 0px 0px 0px 0px;
}
.zoom_box3 {
width:100%;
height:75%;
border:none;
display:block;
-o-transform: scale(0.6);
-o-transform-origin: 0 0;
-ms-transform: scale(0.6);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.6);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.6);
-webkit-transform-origin: 0 0;
transform: scale(0.6);
transform-origin: 0 0;
}


.zoom_box_a1 {
width:140%;
height:100%;
border:none;
display:block;
-o-transform: scale(0.8);
-o-transform-origin: 0 0;
-ms-transform: scale(0.8);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.8);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.8);
-webkit-transform-origin: 0 0;
transform: scale(0.8);
transform-origin: 0 0;
margin: 0px 0px 0px 0px;
}
.zoom_box_b1 {
width:140%;
height:100%;
border:none;
display:block;
-o-transform: scale(0.9);
-o-transform-origin: 0 0;
-ms-transform: scale(0.9);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.9);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.9);
-webkit-transform-origin: 0 0;
transform: scale(0.9);
transform-origin: 0 0;
margin: 0px 0px 0px 0px;
}
.zoom_box_b2 {
width:140%;
height:130%;
border:none;
display:block;
-o-transform: scale(0.8);
-o-transform-origin: 0 0;
-ms-transform: scale(0.8);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.8);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.8);
-webkit-transform-origin: 0 0;
transform: scale(0.8);
transform-origin: 0 0;
margin: 0px 0px 0px 0px;
}


.zoom_box_c1 {
width:160%;
height:280%;
border:none;
display:block;
-o-transform: scale(0.8);
-o-transform-origin: 0 0;
-ms-transform: scale(0.8);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.8);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.8);
-webkit-transform-origin: 0 0;
transform: scale(0.8);
transform-origin: 0 0;
margin: 0px 0px 0px 0px;
}

.zoom_box_c2 {
width:140%;
height:100%;
border:none;
display:block;
-o-transform: scale(0.85);
-o-transform-origin: 0 0;
-ms-transform: scale(0.85);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.85);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.85);
-webkit-transform-origin: 0 0;
transform: scale(0.8);
transform-origin: 0 0;
margin: 0px 0px 0px 0px;
}
.zoom_box_c3 {
width:160%;
height:200%;
border:none;
display:block;
-o-transform: scale(0.7);
-o-transform-origin: 0 0;
-ms-transform: scale(0.7);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.7);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.7);
-webkit-transform-origin: 0 0;
transform: scale(0.7);
transform-origin: 0 0;
margin: 0px 0px 0px 0px;
}

.zoom_box_d1 {
width:100%;
height:100%;
border:none;
display:block;
margin: 0px 0px 0px 0px;
}
.zoom_box_d2 {
width:100%;
height:100%;
border:none;
display:block;
-o-transform: scale(0.8);
-o-transform-origin: 0 0;
-ms-transform: scale(0.8);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.8);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.8);
-webkit-transform-origin: 0 0;
transform: scale(0.8);
transform-origin: 0 0;
margin: 0px 0px 0px 0px;
}
.zoom_box_d3 {
width:100%;
height:100%;
border:none;
display:block;
margin: 0px 0px 0px 0px;
}
.zoom_box_e1 {
width:500%;
height:500%;
border:none;
display:block;
-o-transform: scale(0.7);
-o-transform-origin: 0 0;
-ms-transform: scale(0.7);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.7);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.7);
-webkit-transform-origin: 0 0;
transform: scale(0.7);
transform-origin: 0 0;
margin: -10px 0px 0px 0px;
}
.zoom_box_e2 {
width:400%;
height:500%;
border:none;
display:block;
-o-transform: scale(0.7);
-o-transform-origin: 0 0;
-ms-transform: scale(0.7);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.7);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.7);
-webkit-transform-origin: 0 0;
transform: scale(0.7);
transform-origin: 0 0;
margin: 0px 0px 0px 0px;
}
.zoom_box_e3 {
width:300%;
height:400%;
border:none;
display:block;
-o-transform: scale(0.6);
-o-transform-origin: 0 0;
-ms-transform: scale(0.6);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.6);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.6);
-webkit-transform-origin: 0 0;
transform: scale(0.6);
transform-origin: 0 0;
margin: 0px 0px 0px 0px;
}
.zoom_box_e4 {
width:300%;
height:300%;
border:none;
display:block;
-o-transform: scale(0.7);
-o-transform-origin: 0 0;
-ms-transform: scale(0.7);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.7);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.7);
-webkit-transform-origin: 0 0;
transform: scale(0.7);
transform-origin: 0 0;
margin: 0px -1000px 0px 0px;
}
.zoom_box_e5 {
width:500%;
height:600%;
border:none;
display:block;
-o-transform: scale(0.18);
-o-transform-origin: 0 0;
-ms-transform: scale(0.18);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.18);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.18);
-webkit-transform-origin: 0 0;
transform: scale(0.18);
transform-origin: 0 0;
margin: 0px 0px 0px 0px;
}

.zoom_box_e6 {
width:140%;
height:140%;
border:none;
display:block;
-o-transform: scale(0.8);
-o-transform-origin: 0 0;
-ms-transform: scale(0.8);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.8);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.8);
-webkit-transform-origin: 0 0;
transform: scale(0.8);
transform-origin: 0 0;
margin: 0px 0px 0px 0px;
}
.zoom_box_f {
width:140%;
height:120%;
border:none;
display:block;
-o-transform: scale(0.85);
-o-transform-origin: 0 0;
-ms-transform: scale(0.85);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.85);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.85);
-webkit-transform-origin: 0 0;
transform: scale(0.85);
transform-origin: 0 0;
margin: 0px 0px 0px 0px;
}
.zoom_box_g1 {
width:120%;
height:120%;
border:none;
display:block;
-o-transform: scale(0.8);
-o-transform-origin: 0 0;
-ms-transform: scale(0.8);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.8);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.8);
-webkit-transform-origin: 0 0;
transform: scale(0.8);
transform-origin: 0 0;
margin: 0px 0px 0px 0px;
}
.zoom_box_g2 {
width:265%;
height:265%;
border:none;
display:block;
-o-transform: scale(0.4);
-o-transform-origin: 0 0;
-ms-transform: scale(0.4);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.4);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.4);
-webkit-transform-origin: 0 0;
transform: scale(0.4);
transform-origin: 0 0;
margin: 0px 0px 0px 0px;
}
.zoom_box_i {
width:100%;
height:100%;
border:none;
display:block;
-o-transform: scale(0.8);
-o-transform-origin: 0 0;
-ms-transform: scale(0.8);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.8);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.8);
-webkit-transform-origin: 0 0;
transform: scale(0.8);
transform-origin: 0 0;
margin: 0px 0px 0px 0px;
}

.zoom7 {
-o-transform: scale(0.7);
-o-transform-origin: 0 0;
-ms-transform: scale(0.7);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.7);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.7);
-webkit-transform-origin: 0 0;
transform: scale(0.7);
transform-origin: 0 0;
}
.zoom6 {
-o-transform: scale(0.6);
-o-transform-origin: 0 0;
-ms-transform: scale(0.6);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.6);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.6);
-webkit-transform-origin: 0 0;
transform: scale(0.6);
transform-origin: 0 0;
}
.zoom5 {
-o-transform: scale(0.5);
-o-transform-origin: 0 0;
-ms-transform: scale(0.5);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.5);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.5);
-webkit-transform-origin: 0 0;
transform: scale(0.5);
transform-origin: 0 0;
}
.zoom4 {
-o-transform: scale(0.4);
-o-transform-origin: 0 0;
-ms-transform: scale(0.4);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.4);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.4);
-webkit-transform-origin: 0 0;
transform: scale(0.4);
transform-origin: 0 0;
}
.zoom9a {
-o-transform: scale(0.9);
-o-transform-origin: 0 0;
-ms-transform: scale(0.9);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.9);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.9);
-webkit-transform-origin: 0 0;
transform: scale(0.9);
transform-origin: 0 0;
}
.zoom7a {
-o-transform: scale(0.7);
-o-transform-origin: 0 0;
-ms-transform: scale(0.7);
-ms-transform-origin: 0 0;
-moz-transform: scale(0.7);
-moz-transform-origin: 0 0;
-webkit-transform: scale(0.7);
-webkit-transform-origin: 0 0;
transform: scale(0.7);
transform-origin: 0 0;
}

.boxA_z {
 background:#ffc;
}

.boxB_z {
 background:#fcc;
}

.boxC_z {
 background:#ccf;
}

.boxD_z {
 background:#cfc;
}

.boxE_z {
 background:#fcf;
}

body_z {
 text-align:center;
}

.container_z {
 margin-left:auto;
 margin-right:auto;
}

.boxB_z {
 width:480px;
 height:400px;
 float:left;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  display: inline-block;
  margin: 0px;
}

.boxC_z {
 width:480px;
 height:200px;
 float:left;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  display: inline-block;
  margin: 0px;
}

.boxD_z {
 width:480px;
 height:200px;
 float:left;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  display: inline-block;
  margin: 0px;
}

.boxE_z {
 width:100%;
 clear:left;
}
.zoom8a {
  width:100%;
  height:100%;
  border:none;
  display:block;
}


