.e_img { width: 100%; height: auto; }
.e_img_a { width: 40px; height: auto; }
.e_img_a2 { width: 21px; height: auto; }
.e_img_a22 { width: 30px; height: auto; }

.e_ab { position: absolute; }
.e_center { text-align: center; }

.e_rad { border-radius: 5px; }
.e_rad_f { border-radius: 12px; }

.e_fs { font-size: 0.84em; }
.e_fl { font-size: 1em; }


/* ----------- outage --------------- */
.outage_area { position: relative; width: 950px; margin: 0 auto; height: 1500px; }

.ou_00 { width: 100%; background-color: #2571b3; color: #fff; font-size: 1.4em; font-weight: bold; }
.ou_00 h3 { padding: 8px 10px; }

.ou_01 { background-color: #fff; top: 80px; left: 200px; width: 220px; height: 80px; border: 3px solid #2571b3; display: table; padding: 0 5px; }
.ou_01 p { display: table-cell; vertical-align: middle; }

.ou_02 { background-color: #fff; top: 80px; right: 200px; width: 220px; height: 80px; border: 3px solid #2571b3; display: table; padding: 0 5px; }
.ou_02 p { display: table-cell; vertical-align: middle; }

.ou_03 { background-color: #fff; top: 260px; left: 420px; width: 220px; height: 80px; border: 3px solid #2571b3; display: table; padding: 0 5px; }
.ou_03 p { display: table-cell; vertical-align: middle; font-size: 0.96em; }

.ou_04 { background-color: #fff; top: 260px; left: 660px; width: 220px; height: 80px; border: 3px solid #2571b3; display: table; padding: 0 5px; }
.ou_04 p { display: table-cell; vertical-align: middle; font-size: 0.96em; }

.ou_05 { background-color: #fff; top: 500px; left: 280px; width: 220px; height: 110px; border: 3px solid #2571b3; display: table; padding: 0 5px; }
.ou_05 p { display: table-cell; vertical-align: middle; }

.ou_06 { background-color: #fff; top: 500px; left: 660px; width: 220px; height: 110px; border: 3px solid #2571b3; display: table; padding: 0 5px; }
.ou_06 div { display: table-cell; vertical-align: middle; }

.ou_06 a { display: block; width: 160px; margin: 10px auto 0 auto; color: #fff; background-color: #2571b3; padding: 2px; text-align: center; text-decoration: none; }

.ou_06 a:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }

.ou_f1 { background-color: #fff; top: 180px; left: 0; width: 320px; height: 250px; border: 3px solid #f7931e; display: table; }

.ou_f11 { font-size: 1.2em; font-weight: bold; color: #e38619; padding-top: 8px; }
.ou_f12 img { width: 250px; height: auto; }
.ou_f13 { font-size: 0.84em; padding: 0 10px 10px 10px; }
.ou_f11,
.ou_f12,
.ou_f13 { margin: 0; }

.ou_07 { background-color: #2571b3; color: #fff; top: 640px; left: 180px; width: 200px; height: 60px; display: table; }
.ou_07 p { display: table-cell; vertical-align: middle; }

.ou_08 { background-color: #2571b3; color: #fff; top: 640px; left: 400px; width: 200px; height: 60px; display: table; padding: 0 5px; }
.ou_08 p { display: table-cell; vertical-align: middle; }

.ou_f2 { background-color: #fff; top: 560px; left: 0px; width: 160px; height: 140px; border: 3px solid #f7931e; display: table; }
.ou_f2 p { display: table-cell; vertical-align: middle; font-size: 0.84em; padding: 0 8px; }

.ou_in { background-color: #fff; top: 740px; right: 0px; width: 420px; height: 230px; border: 3px solid #c22a31; }

.ou_in_re { position: relative; }

.ou_in1 { background-color: #c22a31; color: #fff; font-size: 1em; padding: 10px 0 10px 0; }
.ou_in2 img { width: 370px; height: auto; padding-top: 10px; }
.ou_in1,
.ou_in2 { margin: 0; }

.ou_in3 { bottom: -45px; left: 140px; }
.ou_in3 img { width: 140px; height: auto; }

.ou_09 { background-color: #fff; top: 810px; left: 40px; width: 220px; height: 110px; border: 3px solid #2571b3; display: table; padding: 0 5px; }
.ou_09 p { display: table-cell; vertical-align: middle; }

.ou_10 { background-color: #fff; top: 990px; left: 40px; width: 220px; height: 110px; border: 3px solid #2571b3; display: table; padding: 0 5px; }
.ou_10 p { display: table-cell; vertical-align: middle; }

.ou_11 { background-color: #2571b3; color: #fff; top: 1020px; left: 400px; width: 260px; height: 60px; display: table; }
.ou_11 p { display: table-cell; vertical-align: middle; }

.ou_f3 { background-color: #fff; top: 810px; left: 290px; width: 200px; height: 140px; border: 3px solid #f7931e; display: table; }
.ou_f3 p { display: table-cell; vertical-align: middle; font-size: 0.84em; padding: 0 8px; }

.ou_f4 { background-color: #fff; top: 1130px; left: 5px; width: 930px; height: 330px; border: 3px solid #f7931e; }

.ou_f41 { top: 15px; left: 50px; width: 226px; height: auto; }
.ou_f42 { top: 15px; left: 350px; width: 226px; height: auto; }
.ou_f43 { top: 15px; left: 650px; width: 226px; height: auto; }
.ou_f44 { top: 276px; left: 20px; font-size: 0.84em; margin: 0; }

.ou_fn1 { top: 20px; left: 25px; z-index: 9999; }
.ou_fn2 { top: 20px; left: 325px; z-index: 9999; }
.ou_fn3 { top: 20px; left: 625px; z-index: 9999; }

/* --------------- arrow */
.ou_a01 { top: 52px; left: 300px; }
.ou_a02 { top: 52px; left: 620px; }
.ou_a03 { top: 235px; left: 520px; }
.ou_a04 { top: 235px; left: 750px; }
.ou_a05 { top: 475px; left: 350px; }
.ou_a06 { top: 475px; left: 430px; }
.ou_a07 { top: 475px; left: 750px; }
.ou_a08 { top: 715px; left: 750px; }
.ou_a11 { top: 745px; left: 500px; }
.ou_a12 { top: 970px; left: 830px; }
.ou_a09 { top: 785px; left: 140px; }
.ou_a10 { top: 965px; left: 140px; }
.ou_a13 { top: 100px; left: 300px; }
.ou_a14 { top: 100px; left: 600px; }

/* --------------- line */
.ou_l01 { top: 160px; left: 364px; z-index: -9999; width: 10px; height: 315px; }
.ou_l02 { top: 340px; left: 444px; z-index: -9999; width: 10px; height: 136px; }
.ou_l03 { top: 340px; left: 764px; z-index: -9999; width: 10px; height: 136px; }
.ou_l04 { top: 610px; left: 764px; z-index: -9999; width: 10px; height: 116px; }
.ou_l05 { top: 210px; left: 534px; z-index: -9999; width: 10px; height: 26px; }
.ou_l06 { top: 210px; left: 764px; z-index: -9999; width: 10px; height: 26px; }
.ou_l07 { top: 160px; left: 634px; z-index: -9999; width: 10px; height: 50px; }
.ou_l08 { top: 200px; left: 534px; z-index: -9999; width: 240px; height: 10px; }
.ou_l09 { top: 760px; left: 155px; z-index: -9999; width: 10px; height: 25px; }
.ou_l10 { top: 610px; left: 320px; z-index: -9999; width: 10px; height: 155px; }
.ou_l11 { top: 610px; left: 445px; z-index: -9999; width: 10px; height: 155px; }
.ou_l12 { top: 760px; left: 155px; z-index: -9999; width: 175px; height: 10px; }
.ou_l13 { top: 760px; left: 445px; z-index: -9999; width: 55px; height: 10px; }
.ou_l14 { top: 910px; left: 155px; z-index: -9999; width: 10px; height: 55px; }
.ou_l15 { top: 1045px; left: 245px; z-index: -9999; width: 605px; height: 10px; }
.ou_l16 { top: 980px; left: 845px; z-index: -9999; width: 10px; height: 75px; }

.ou_fa1 { top: 484px; left: 283px; z-index: 9999; }
.ou_fa2 { top: 660px; left: 157px; z-index: 9999; }
.ou_fa3 { top: 779px; left: 447px; z-index: 9999; }
.ou_fa4 { top: 1099px; left: 100px; z-index: 9999; }




@media screen and (max-width: 667px) {
.e_img { width: 100%; height: auto; }
.e_img_a { width: 5vw; height: auto; }
.e_img_a2 { width: auto; height: 5vw; transform: rotate(90deg); }
.e_img_a22 { width: 30px; height: auto; }

.e_rad_f { border-radius: 2vw; }
.outage_area { width: 90vw; height: 510vw; font-size: 3.4vw; line-height: 1.4; }
.ou_00 { font-size: 4vw; }
.ou_00 h3 { padding: 2vw; }

.ou_01 { background-color: #fff; top: 12.5vw; left: 12vw; width: 30vw; height: 20vw; border: 0.5vw solid #2571b3; display: table; padding: 1vw; }
.ou_01 p { display: table-cell; vertical-align: middle; }

.ou_02 { background-color: #fff; top: 12.5vw; right: 12vw; width: 30vw; height: 20vw; border: 0.5vw solid #2571b3; display: table; padding: 1vw; }
.ou_02 p { display: table-cell; vertical-align: middle; }

.ou_03 { background-color: #fff; top: 76.5vw; left: 29vw; width: 30vw; height: 20vw; border: 0.5vw solid #2571b3; display: table; }
.ou_03 p { display: table-cell; vertical-align: middle; font-size: 0.96em; }

.ou_04 { background-color: #fff; top: 76.5vw; left: 60vw; width: 30vw; height: 20vw; border: 0.5vw solid #2571b3; display: table; }
.ou_04 p { display: table-cell; vertical-align: middle; font-size: 0.96em; }

.ou_05 { background-color: #fff; top: 119vw; left: 10vw; width: 35vw; height: 20vw; border: 0.5vw solid #2571b3; display: table; }
.ou_05 p { display: table-cell; vertical-align: middle; }

.ou_06 { background-color: #fff; top: 119vw; left: 55vw; width: 35vw; height: 20vw; border: 0.5vw solid #2571b3; display: table; }
.ou_06 div { display: table-cell; vertical-align: middle; }
.ou_06 a { display: block; width: 30vw; margin: 1vw auto 0; color: #fff; background-color: #2571b3; padding: 0.5vw; text-align: center; text-decoration: none; }
.ou_06 a:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }

.ou_f1 { top: 35vw; left: 0; width: 22vw; height: 80.5vw; border: 0.5vw solid #f7931e; display: table; padding: 1vw; }
.ou_f1 p { margin: 0.5em 0 !important; line-height: 1.2; }

.ou_f11 { font-size: 3.4vw; font-weight: bold; color: #e38619; padding-top: 0; }
.ou_f12 img { width: 250px; height: auto; }
.ou_f13 { font-size: 3.4vw; padding: 0; }

.ou_07 { background: #2571b3; color: #fff; top: 149vw; left: 25vw; width: 25vw; height: 15vw; display: table; padding: 1vw; }
.ou_07 p { display: table-cell; vertical-align: middle; }

.ou_08 { background: #2571b3; color: #fff; top: 149vw; left: 51vw; width: 25vw; height: 15vw; display: table; padding: 1vw; }
.ou_08 p { display: table-cell; vertical-align: middle; }

.ou_f2 { background-color: #fff; top: 142vw; left: 0; width: 21.5vw; height: 30vw; border: 0.5vw solid #f7931e; display: table; padding: 1vw; font-size: 3vw; }
.ou_f2 p { display: table-cell; vertical-align: middle; font-size: 0.84em; padding: 0; line-height: 1.2; }

.ou_in { background-color: #fff; top: 174vw; right: 0; width: 40vw; height: 37vw; border: 0.5vw solid #c22a31; }

.ou_in_re { position: relative; }

.ou_in1 { background-color: #c22a31; color: #fff; font-size: 1em; padding: 1vw 0; margin: 0; line-height: 1.2; }
.ou_in2 { margin: 1vw 0; }
.ou_in2 img { width: 370px; height: auto; padding-top: 1vw; }

.ou_in3 { bottom: -45px; left: 140px; }
.ou_in3 img { width: 140px; height: auto; }

.ou_09 { background-color: #fff; top: 180vw; left: 0; width: 28vw; height: 20vw; border: 0.5vw solid #2571b3; display: table; padding: 1vw; }
.ou_09 p { display: table-cell; vertical-align: middle; }

.ou_10 { background-color: #fff; top: 221.5vw; left: 0; width: 30vw; height: 20vw; border: 0.5vw solid #2571b3; display: table; padding: 1vw; }
.ou_10 p { display: table-cell; vertical-align: middle; }

.ou_11 { background-color: #2571b3; color: #fff; top: 221.5vw; left: 39vw; width: 30vw; height: 15vw; display: table; padding: 1vw; }
.ou_11 p { display: table-cell; vertical-align: middle; }

.ou_f3 { background-color: #fff; top: 169vw; left: 32vw; width: 16vw; height: 140px; border: 0.5vw solid #f7931e; display: table; padding: 1vw; font-size: 3vw; }
.ou_f3 p { display: table-cell; vertical-align: middle; font-size: 0.84em; padding: 0; line-height: 1.2; }

.ou_f4 { background-color: #fff; top: 250vw; left: 0; width: 90vw; height: 255vw; border: 0.5vw solid #f7931e; }
.ou_f3 p { display: table-cell; vertical-align: middle; font-size: 0.84em; padding: 0; }

.ou_f41 { top: 5vw; left: 0; right: 0; width: 70vw; height: auto; margin: auto; }
.ou_f42 { top: 100vw; left: 0; right: 0; width: 70vw; height: auto; margin: auto; }
.ou_f43 { top: 175vw; left: 0; right: 0; width: 70vw; height: auto; margin: auto; }
.ou_f44 { top: 235vw; left: 5vw; padding-right: 5vw; font-size: 0.84em; }

.ou_fn1 { top: 5vw; left: 5vw; z-index: 9999; }
.ou_fn2 { top: 95vw; left: 5vw; z-index: 9999; }
.ou_fn3 { top: 170vw; left: 5vw; z-index: 9999; }

/* --------------- arrow */
.ou_a01 { top: 9.5vw; left: 24vw; }
.ou_a02 { top: 9.5vw; left: 60vw; }
.ou_a03 { top: 74vw; left: 43.5vw; }
.ou_a04 { top: 74vw; left: 73.5vw; }
.ou_a05 { top: 116.5vw; left: 23vw; }
.ou_a06 { top: 116.5vw; left: 33vw; }
.ou_a07 { top: 116.5vw; left: 73vw; }
.ou_a08 { top: 171.5vw; left: 80vw; }
.ou_a09 { top: 177vw; left: 11.5vw; }
.ou_a10 { top: 219vw; left: 11.5vw; }
.ou_a11 { top: 170vw; left: 56.5vw; }
.ou_a12 { top: 211vw; left: 75vw; }
.ou_a13 { top: 83vw; left: 0; right: 0; margin: auto; transform: rotate(90deg); width: 5vw; }
.ou_a14 { top: 160vw; left: 0; right: 0; margin: auto; transform: rotate(90deg); width: 5vw; }

/* --------------- line */
.ou_l01 { top: 32.5vw; left: 25vw; z-index: -9999; width: 1.5vw; height: 84.5vw; }
.ou_l02 { top: 96.5vw; left: 35vw; z-index: -9999; width: 1.5vw; height: 20vw; }
.ou_l03 { top: 96.5vw; left: 75vw; z-index: -9999; width: 1.5vw; height: 20vw; }
.ou_l04 { top: 139vw; left: 81.5vw; z-index: -9999; width: 1.5vw; height: 34vw; }
.ou_l05 { top: 54vw; left: 45vw; z-index: -9999; width: 1.5vw; height: 20vw; }
.ou_l06 { top: 54vw; left: 75vw; z-index: -9999; width: 1.5vw; height: 20vw; }
.ou_l07 { top: 32.5vw; left: 62vw; z-index: -9999; width: 1.5vw; height: 20vw; }
.ou_l08 { top: 52.5vw; left: 45vw; z-index: -9999; width: 31.5vw; height: 1.5vw; }
.ou_l09 { top: 174vw; left: 13vw; z-index: -9999; width: 1.5vw; height: 4.5vw; }
.ou_l10 { top: 139vw; left: 28vw; z-index: -9999; width: 1.5vw; height: 35vw; }
.ou_l11 { top: 139vw; left: 57vw; z-index: -9999; width: 1.5vw; height: 32.5vw; }
.ou_l12 { top: 174vw; left: 13vw; z-index: -9999; width: 16.5vw; height: 1.5vw; }
.ou_l13 { top: 760px; left: 445px; z-index: -9999; width: 55px; height: 1.5vw; }
.ou_l14 { top: 204vw; left: 13vw; z-index: -9999; width: 1.5vw; height: 15vw; }
.ou_l15 { top: 230vw; left: 30vw; z-index: -9999; width: 48vw; height: 1.5vw; }
.ou_l16 { top: 211.5vw; left: 77vw; z-index: -9999; width: 1.5vw; height: 20vw; }

.ou_fa1 { top: 115vw; left: 10vw; z-index: 9999; width: auto; height: 6vw;  }
.ou_fa2 { top: 155vw; left: 21vw; z-index: 9999; width: 4vw; }
.ou_fa3 { top: 170vw; left: 49.2vw; z-index: 9999; width: auto; height: 4vw; transform: rotate(90deg); }
.ou_fa4 { top: 246vw; left: 12vw; z-index: 9999; width: 4vw; height: auto; }
}