@charset "utf-8";

#bgi-app-advice-0 { top:  50px; height:1513px; background-image:url("../img/bgi-app-advice-0.jpg"); }
#bgi-app-advice-1 { top:1563px; height:1513px; background-image:url("../img/bgi-app-advice-1.jpg"); }

.blue { color:#73C0F7; }


#box-app-advice-0 { margin:0 auto; width:914px; height:1471px; background-image:url("../img/bgi-box-app-advice-0.png"); background-repeat:no-repeat; }
#box-app-advice-0 { line-height:27px; font-size:14px; margin-top:30px; line-height:26px; margin-bottom:100px; }
#box-app-advice-0 .center { float:left; width:685px; margin:48px 115px 20px 114px; }
#box-app-advice-0 .center form#inquiry-form { margin-top:96px; }
#box-app-advice-0 .center input[type="text"],
#box-app-advice-0 .center textarea { background-repeat:no-repeat; background-position:center bottom; margin:0; padding:0; border:none; resize:none;
                                  margin-top:32px; /*margin-bottom:12px;*/ }
#box-app-advice-0 .center input[type="text"]:focus,
#box-app-advice-0 .center textarea:focus { outline:0px none black;
                                        color:#73C0F7; }
#box-app-advice-0 .center input[type="text"] { width:685px; background-image:url('../img/app-advice-line.png'); padding:0 1em; }
#box-app-advice-0 .center textarea { margin-top:16px; width:685px; height:320px; padding:4px 1em; line-height:23.5px; background-image:url('../img/app-advice-box.png'); }
label > div { cursor:text; }
form > label { display:block; margin-top:16px; margin-bottom:16px; }

input[type='checkbox'] { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; position:absolute; }
.checkbox { background-repeat:no-repeat; background-position:left bottom; cursor:pointer; overflow:hidden; display:block;
             background-image:url('../img/app-advice-checkbox.png'); height:28px; line-height:28px; padding:0 0 0 28px; }
.checkbox-on{ background-position:left top; }
#app-advice-category { margin-top:20px; margin-bottom:64px; }
#app-advice-category ul li { float:left; display:block; width:200px; height:28px; 
                          height:28px; line-height:28px; margin-top:12px; margin-right:12px; }

input[type='submit'].confirm { display:block; width:232px; height:69px; background:none; border:none; background-image:url('../img/app-advice-submit-confirm.png'); margin:48px auto; cursor:pointer; }
input[type='submit'].send { display:block; width:232px; height:69px; background:none; border:none; background-image:url('../img/app-advice-submit-commit.png'); margin:48px auto; cursor:pointer; float:right; }
input[type='submit'].back { display:block; width:232px; height:69px; background:none; border:none; background-image:url('../img/app-advice-submit-back.png'); margin:48px auto; cursor:pointer; float:left; }

#app-advice-tag-app-advice-0 { position:absolute; left:999px; top: 999px; }
#app-advice-tag-meeting-0 { position:absolute; left:999px; top: 999px; }
#app-advice-tag-app-advice-0  { position:absolute; left:999px; top: 999px; }
#app-advice-tag-app-0     { position:absolute; left:999px; top: 999px; }

.error { color:#ff0000; /*font-weight: bold;*/ }

#box-app-advice-1 { margin:0 auto; width:914px; height:auto; }
#box-app-advice-1 { line-height:27px; font-size:14px; margin-top:30px; line-height:26px; margin-bottom:100px; }
#box-app-advice-1 .center { float:left; width:685px; margin:48px 115px 20px 114px; }

#butterfly-0 { left: -20px; top: 160px;
            transform-origin:50% 50%;         transform:rotateZ(35deg) scale(0.70,0.70);
        -ms-transform-origin:50% 50%;     -ms-transform:rotateZ(35deg) scale(0.70,0.70);
    -webkit-transform-origin:50% 50%; -webkit-transform:rotateZ(35deg) scale(0.70,0.70);
       -moz-transform-origin:50% 50%;    -moz-transform:rotateZ(35deg) scale(0.70,0.70);
         -o-transform-origin:50% 50%;      -o-transform:rotateZ(35deg) scale(0.70,0.70); }
#butterfly-1 { left: 870px; top: 620px;
            transform-origin:50% 50%;         transform:rotateZ(-30deg) scale(0.70,0.70);
        -ms-transform-origin:50% 50%;     -ms-transform:rotateZ(-30deg) scale(0.70,0.70);
    -webkit-transform-origin:50% 50%; -webkit-transform:rotateZ(-30deg) scale(0.70,0.70);
       -moz-transform-origin:50% 50%;    -moz-transform:rotateZ(-30deg) scale(0.70,0.70);
         -o-transform-origin:50% 50%;      -o-transform:rotateZ(-30deg) scale(0.70,0.70); }
#butterfly-2 { left: -10px; top:1240px;
            transform-origin:50% 50%;         transform:rotateZ(15deg) scale(0.60,0.60);
        -ms-transform-origin:50% 50%;     -ms-transform:rotateZ(15deg) scale(0.60,0.60);
    -webkit-transform-origin:50% 50%; -webkit-transform:rotateZ(15deg) scale(0.60,0.60);
       -moz-transform-origin:50% 50%;    -moz-transform:rotateZ(15deg) scale(0.60,0.60);
         -o-transform-origin:50% 50%;      -o-transform:rotateZ(15deg) scale(0.60,0.60); }