.back_image {
width: 1024px;
height: 768px;
margin: 24px auto;
position: relative;
overflow:hidden;
}

#left_back {
float: left;
position: absolute;
z-index: 20;
line-height: 40%;
}

#main_area {
float: left;
position: absolute;
z-index: 2;
}

#main_age {
float: left;
position: relative;
z-index: 80;
}

#main_talk {
float: left;
position: relative;
z-index: 60;
}

#main_wam {
float: left;
position: relative;
z-index: 50;
}

#main_soft {
float: left;
width: 784px;
height: 702px;
position: absolute;
left: 224px;
top: 50px;
//overflow-y: scroll;
z-index: 40;
}


#soft_all {
float: left;
width: 728px;
height: 220px;
position: absolute;
left: 0px;
top: 250px;
//overflow-y: scroll;
z-index: 40;
background-color: rgba( 40, 14, 0, 0.8 );
border-radius: 18px;
padding: 24px;
border: solid 1px #ffffff;
}


#main_support {
float: left;
position: relative;
z-index: 30;
}


.wam_wam {
float: left;
width: 500px;
position: absolute;
left: 262px;
top: 200px;
background-color: rgba( 40, 14, 0, 0.8 );
margin: 8px;
border-radius: 18px;
line-height: 120%;
padding: 24px;
border: solid 1px #ffffff;
text-align:center;
z-index: 40;
color: #ffffff;
font-weight: bold;
}

.wam_face {
float: left;
position: relative;
left: -148px;
top: -48px;
z-index: 10;
}


.wam_talk {
float: left;
width: 300px;
height: 200px;
position: absolute;
left: 256px;
}


.wam_top {
float: left;
position: absolute;
left: 240px;
top: 50px;
background-color: rgba( 240, 170, 100, 0.8 );
border-radius: 18px;
padding: 16px;
border: solid 0.5px #ffffff;
}

.middle_back {
float: left;
width: 512px;
height: 768px;
position: absolute;
left: 256px;
}

.middle_back_top {
width: 750px;
text-align: right;
height: 180px;
position: relative;
z-index: 30;
}

.question_area {
overflow-y: scroll;
width: 750px;
height: 540px;
}


.question {
background-color: rgba( 40, 14, 0, 0.8 );
margin: 8px; 
width: 660px;
border-radius: 18px;
line-height: 120%;
padding: 4px 24px;
border: solid 0.5px #ffffff;
}

.question_area a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

.question_area a:link {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

.question_area a:visited {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

.question_area a:hover {
color: #ffd000;
font-weight: bold;
text-decoration: none;
}

.question_area a:active {
color: #ffd000;
font-weight: bold;
text-decoration: none;
}




.right_back {
float: left;
width: 256px;
height: 768px;
position: absolute;
left: 768px;
}

.change_log {
margin-top: 50px;
margin-bottom: 10px;
margin-right: 5px;
padding: 12px;
font-size: 12px;
background-color: #ffffff;
border-radius: 5px;
width: 226px;
height: 300px;
overflow-y: scroll;
}

.surface_box {
float: left;
width: 260px;
height: 572px;
position: absolute;
left: 4px;
top: 190px;
z-index: 10;
}

.surface {
float: left;
position: absolute;
left: -60px;
top: 180px;
z-index: 10;
}

#balloon {
float: left;
width: 780px;
height: 250px;
background-image: url('/web/20160420064150im_/http://www.wam-wam.com/image/balloon.png');
position: absolute;
left: 180px;
top: 500px;
z-index: 80;
}

.subtitles {
width: 680px;
height: 160px;
margin: 60px 40px;
font-weight: bold;
font-size: 18px;
color: #ffffff;
}


.collision_face {
float: left;
width: 100px;
height: 90px;
position: absolute;
left: 100px;
top: 250px;
z-index: 50;
}

.collision_bust {
float: left;
width: 160px;
height: 90px;
position: absolute;
left: 80px;
top: 390px;
z-index: 50;
}


.bgm_set {
float: left;
width: 120px;
height: 32px;
position: absolute;
left: 740px;
top: 10px;
z-index: 100;
}

.voice_set {
float: left;
width: 200px;
height: 32px;
position: absolute;
left: 880px;
top: 10px;
z-index: 100;
}

.agecheck {
float: left;
width: 500px;
height: 400px;
position: absolute;
left: 262px;
top: 200px;
z-index: 40;
background-color: rgba( 40, 14, 0, 0.8 );
margin: 8px;
border-radius: 18px;
padding: 24px;
border: solid 1px #ffffff;
color: #ffffff;
font-weight: bold;
text-align:center;
}

.agecheck a {
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}

.agecheck a:link {
color: #ffffff;
font-weight: bold;
text-decoration: underline;

}
.agecheck a:visited {
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}

.agecheck a:hover {
color: #ffd000;
font-weight: bold;
text-decoration: underline;
}

.agecheck a:active {
color: #ffd000;
font-weight: bold;
text-decoration: underline;
}

.soft_header{
float: left;
min-width: 84px;
background-color: rgba( 40, 14, 0, 0.8 );
margin: 8px;
border-radius: 18px;
padding: 4px 24px;
border: solid 1px #ffffff;
color: #ffffff;
font-weight: bold;
text-align:center;
}

.soft_header_list a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

.soft_header_list a:link {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

.soft_header_list a:visited {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

.soft_header_list a:hover {
color: #ffd000;
font-weight: bold;
text-decoration: none;
}

.soft_header_list a:active {
color: #ffd000;
font-weight: bold;
text-decoration: none;
}

.general{
float: left;
background-color: rgba( 40, 14, 0, 0.8 );
margin: 8px;
border-radius: 18px;
padding: 24px;
line-height: 120%;
border: solid 1px #ffffff;
color: #ffffff;
font-weight: bold;
text-align:center;
}

.general a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

.general a:link {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

.general a:visited {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

.general a:hover {
color: #ffd000;
font-weight: bold;
text-decoration: none;
}

.general a:active {
color: #ffd000;
font-weight: bold;
text-decoration: none;
}




iframe#twitter-widget-0 {
margin-right: 5px;
width: 250px !important;
height: 300px;
}



/*
     FILE ARCHIVED ON 06:41:50 Apr 20, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:41:13 Jan 20, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  exclusion.robots.policy: 0.18
  exclusion.robots: 0.196
  RedisCDXSource: 37.891
  captures_list: 450.206
  PetaboxLoader3.datanode: 499.294 (5)
  LoadShardBlock: 384.523 (3)
  esindex: 0.016
  load_resource: 2545.898 (2)
  PetaboxLoader3.resolve: 2345.589 (2)
  CDXLines.iter: 24.148 (3)
*/