#shiroshizuku_container { width: 100%; height: 100%; min-width: 940px; min-height: 710px; font-family: Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Meiryo, sans-serif; position: relative; background-color: #f6f6f6; overflow: hidden; z-index: 998; }
#shiroshizuku_container img { max-width: none; display: inline-block; }
#shiroshizuku_container div.yes, #shiroshizuku_container div.no, #shiroshizuku_container div.next, #shiroshizuku_container div.close, #shiroshizuku_container div.return, #shiroshizuku_container div.detail { cursor: pointer; width: auto; padding: 0; margin: 0; background: none; border: none; font-size: 0; line-height: 0; overflow: visible; cursor: pointer; outline: none; }
#shiroshizuku_container #header_title { position: absolute; top: 0px; width: 100%; height: 57px; text-align: center; z-index: 2000; background: #fff; }
#shiroshizuku_container .q { display: none; }
#shiroshizuku_container .q h1 { position: absolute; top: 67px; width: 100%; height: 101px; z-index: 10; text-align: center; }
@media screen and (max-width: 1180px) { #shiroshizuku_container .q h1.q6 img, #shiroshizuku_container .q h1.q8 img { display: none; }
  #shiroshizuku_container .q h1.q6 { background: url(/~/Media/com/hadalabo/promo/shindan_shimi/title_q6_s.png) no-repeat top center; }
  #shiroshizuku_container .q h1.q8 { background: url(/~/Media/com/hadalabo/promo/shindan_shimi/title_q8_s.png) no-repeat top center; } }
#shiroshizuku_container .q .main { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; }
#shiroshizuku_container .q .main .no { position: absolute; top: 50%; margin-top: -32px; left: 50%; margin-left: -446px; }
#shiroshizuku_container .q .main .circle { position: absolute; top: 50%; left: 50%; margin-top: -238px; margin-left: -266px; }
#shiroshizuku_container .q .main .circle img { position: absolute; top: 0; left: 0; }
#shiroshizuku_container .q .main .circle .comment { width: 534px; height: 534px; position: absolute; top: -1px; left: -1px; background: url(/~/Media/com/hadalabo/promo/shindan_shimi/bg_main_comment.png) no-repeat; }
#shiroshizuku_container .q .main .circle .comment p { width: 400px; height: 400px; padding: 60px 67px; display: table-cell; vertical-align: middle; color: #096bb4; font-size: 15px; letter-spacing: 3px; line-height: 165%; }
#shiroshizuku_container .q .main .circle #circleLine { position: absolute; top: -20px; left: -20px; }
#shiroshizuku_container .q .main .yes { position: absolute; top: 50%; margin-top: -32px; left: 50%; margin-left: 325px; }
#shiroshizuku_container .q .main .next { position: absolute; top: 50%; margin-top: 150px; left: 50%; margin-left: -60px; }
#shiroshizuku_container .q footer { position: absolute; bottom: 0; width: 100%; z-index: 10; }
#shiroshizuku_container .q footer .wrap { position: relative; margin: 0 auto; height: 83px; padding-bottom: 30px; }
#shiroshizuku_container .q footer .comment { position: absolute; left: 50%; margin-left: -327px; text-align: center; font-size: 14px; letter-spacing: 1px; background: url(/~/Media/com/hadalabo/promo/shindan_shimi/bg_footer_comment.png) no-repeat; width: 669px; height: 83px; line-height: 83px; color: #ffffff; }
@media screen and (max-width: 1180px) { #shiroshizuku_container .q footer .comment { margin-left: -273px; background: url(/~/Media/com/hadalabo/promo/shindan_shimi/bg_footer_comment_s.png) no-repeat; width: 560px; } }
#shiroshizuku_container .q footer .doctor { position: absolute; bottom: 0; left: 50%; margin-left: 344px; line-height: 0; font-size: 0; }
@media screen and (max-width: 1180px) { #shiroshizuku_container .q footer .doctor { margin-left: 292px; } }
#shiroshizuku_container .q footer .return { position: absolute; bottom: 35px; left: 50%; margin-left: 530px; }
@media screen and (max-width: 1280px) { #shiroshizuku_container .q footer .return { bottom: 6px; margin-left: 300px; } }
@media screen and (max-width: 1180px) { #shiroshizuku_container .q footer .return { margin-left: 250px; } }
#shiroshizuku_container .q footer .sns { position: absolute; bottom: 30px; left: 30px; }
#shiroshizuku_container .q footer .sns a { margin-right: 5px; }
#shiroshizuku_container .a { display: none; position: absolute; width: 100%; height: 100%; overflow: hidden; padding-top: 57px; }
#shiroshizuku_container .a .header { position: absolute; top: 57px; width: 100%; height: 57px; text-align: center; border-top: solid 1px #096bb4; border-bottom: solid 1px #096bb4; z-index: 10; background: #fff; }
#shiroshizuku_container .a .header .arrow { position: absolute; bottom: -14px; left: 50%; margin-left: -7px; }
#shiroshizuku_container .a .main { position: absolute; top: 50%; left: 50%; }
#shiroshizuku_container .a .main .girl { position: absolute; top: -300px; left: -600px; }
#shiroshizuku_container .a .main .girl .shimi { position: absolute; top: 34px; left: 44px; }
#shiroshizuku_container .a .main .girl .line { position: absolute; top: 160px; left: 374px; }
#shiroshizuku_container .a .main .info { position: absolute; left: -74px; }
#shiroshizuku_container .a .main .info .icon { position: absolute; top: -248px; }
#shiroshizuku_container .a .main .info h2 { position: absolute; top: -218px; }
#shiroshizuku_container .a .main .info .read { position: absolute; top: -124px; width: 500px; font-size: 15px; color: #096bb4; line-height: 140%; letter-spacing: 2px; }
#shiroshizuku_container .a .main .info .more { position: absolute; top: 30px; height: 380px; width: 483px; text-align: center; }
#shiroshizuku_container .a .main .info .more .title { position: absolute; top: 0; left: 0; }
#shiroshizuku_container .a .main .info .more .detail { position: absolute; top: 155px; left: 35px; }
#shiroshizuku_container .a .main .info .more .return { position: absolute; top: 240px; left: 340px; z-index: 1; }
#shiroshizuku_container .a .main .info .doctor { position: absolute; top: -10px; left: 404px; }
#shiroshizuku_container .floating { display: none; position: absolute; top: 0; width: 100%; height: 100%; z-index: 9999; overflow-y: scroll; }
#shiroshizuku_container .floating .wrap { position: relative; padding: 76px 0 60px; width: 100%; }
#shiroshizuku_container .floating .bg { position: absolute; top: 0; width: 100%; height: 100%; background-color: #000000; cursor: pointer; }
#shiroshizuku_container .floating .main { position: relative; width: 868px; margin: 0 auto; float: none; }
#shiroshizuku_container .floating .main h1 { line-height: 0; margin: 0; }
#shiroshizuku_container .floating .main .comment { background: url(/~/Media/com/hadalabo/promo/shindan_shimi/bg_detail_body.png) repeat-y left top; font-size: 13px; padding: 40px 65px; }
#shiroshizuku_container .floating .main .comment dl { width: 740px; }
#shiroshizuku_container .floating .main .comment dt { position: relative; display: block; padding: 10px 0; background: url(/~/Media/com/hadalabo/promo/shindan_shimi/line_dot.png) repeat-x left bottom; font-weight: bold; }
#shiroshizuku_container .floating .main .comment dt:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#shiroshizuku_container .floating .main .comment dd { padding: 10px 0 30px; }
#shiroshizuku_container .floating .main .comment dd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#shiroshizuku_container .floating .main .comment .icon { float: left; width: 56px; padding-right: 4px; }
#shiroshizuku_container .floating .main .comment p { float: left; width: 656px; }
#shiroshizuku_container .floating .main .comment p.yes { color: #ef6b87; }
#shiroshizuku_container .floating .main .comment p.no { color: #096bb4; }
#shiroshizuku_container .floating .main .comment .state { position: absolute; top: 7px; right: 0; }
#shiroshizuku_container .floating .main .footer { background: url(/~/Media/com/hadalabo/promo/shindan_shimi/bg_detail_footer.png) no-repeat; height: 127px; }
#shiroshizuku_container .floating .close { position: absolute; top: -30px; right: -30px; }
#shiroshizuku_container #guard { position: absolute; top: 0; width: 100%; height: 100%; z-index: 1000; background-color: #f6f6f6; }
#shiroshizuku_container #info { display: none; position: absolute; top: 0; width: 100%; height: 100%; z-index: 3000; }
#shiroshizuku_container #info .bg { position: absolute; top: 0; width: 100%; height: 100%; z-index: 1000; background-color: #f6f6f6; cursor: pointer; }
#shiroshizuku_container #info .main { position: absolute; top: 50%; left: 50%; margin-top: -295px; margin-left: -580px; z-index: 1100; width: auto; float: none; }
#shiroshizuku_container #info .close { position: absolute; top: 50%; left: 50%; margin-top: -295px; margin-left: 540px; z-index: 1110; }
@media screen and (max-width: 1180px) { #shiroshizuku_container #info .main { margin-top: -239px; margin-left: -470px; width: 940px; float: none; }
  #shiroshizuku_container #info .close { margin-top: -239px; margin-left: 438px; }
  #shiroshizuku_container #info .close img { width: 32px; height: 32px; } }
#shiroshizuku_container #blinder { position: absolute; top: 0; width: 100%; height: 100%; z-index: 1000; background-color: #f6f6f6; }
#shiroshizuku_container #preload { display: none; }
#shiroshizuku_container #loading { position: absolute; top: 50%; left: 50%; margin-top: -73px; margin-left: -49px; z-index: 2000; }
#shiroshizuku_container #standby { position: absolute; width: 100%; height: 100%; z-index: 100; }
#shiroshizuku_container #standby .q, #shiroshizuku_container #standby .a, #shiroshizuku_container #standby .floating { display: block; }

#hadalabo_back { position: relative; z-index: 2; padding: 46px 0 48px; background: #fff; }
#hadalabo_back p a { margin: 0 auto; display: block; width: 348px; height: 38px; border: 1px solid #096bb4; text-decoration: none; background: #fff; padding-top: 15px; -moz-transition: all 400ms; -o-transition: all 400ms; -webkit-transition: all 400ms; transition: all 400ms; }
#hadalabo_back p a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
#hadalabo_back p a img { width: 316px; margin: 0 auto; }