@charset "UTF-8";
/* CSS Document */
body{
background-image:url(img/bg_st.gif);
background-repeat:repeat;
margin:0;
padding:0;
}
a,img{
border:none;
}
.float-left{
float:left;
}
.float-right{
float:right;
}
.clear{
clear:both;
}
.container{
width:960px;
margin:0 auto;
padding:0;
}
#header{
background-color:#000000;
margin:0 auto;
text-align:center;
}
.bg-black{
width:100%;
background-color:#000000;
padding:0 0 20px 0;
}
.main{
margin:30px auto;
width:940px;
background-color:#FFFFFF;
border-radius:10px;
text-align:center;
}

#footer{
margin:100px auto 0 auto;
padding:20px 0;
width:940px;
font-size:0.7em;
background-color:#000000;
color:#FFFFFF;
}
#footer a{
color:#FFFFFF;
margin:5px;
text-decoration: none;
}

#social{
width:132px;
height:193px;
background-image:url(img/totop.png);
position:fixed;
right:20px;
bottom:10px;
display:none;
}
.totop{
width:132px;
height:103px;
}
.socialbox{
width:184px;
height:80px;
background-image:url(img/bg_social.png);
position:fixed;
right:0px;
bottom:10px;
}
.social_button{
margin:10px;
float:right;
}

.scene,.main .img{text-align:center;
position:relative;
top:-35px;
width:920px;
margin:0 auto;
}
.scene{
width:866px;
padding:100px 40px 0 40px;
margin:0 auto;
background-repeat:no-repeat;
text-align:left;
}
.minibox{
clear:both;
margin:15px 0;
padding:0;
width:880px;
height:270px;
vertical-align:middle;
}
.columnA,.columnB{
display:table-cell;
width:47%;
vertical-align:middle;
}
.columnB{
width:45%;
}
*:first-child+html .minibox:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html .minibox{overflow:hidden;min-height:1em;}
* html .minibox{overflow:visible;height:1%;}
*:first-child+html .columnA,
*:first-child+html .columnB{float:left;}
* html .columnA,
* html .columnB{float:left;}

#scene01{
background-image:url(img/bg_scene01.png);
background-repeat:no-repeat;
height:1222px;
}
#scene02{
background-image:url(img/bg_scene02.png);
height:641px;
}
#scene03{
background-image:url(img/bg_scene03.png);
height:931px;
}
#scene04{
background-image:url(img/bg_scene04.png);
height:641px;
}
#scene05{
background-image:url(img/bg_scene05.png);
height:1222px;
}
#scene06{
background-image:url(img/bg_scene06.png);
height:1221px;
}
#scene07{
background-image:url(img/bg_scene07.png);
height:641px;
}
#scene08{
background-image:url(img/bg_scene08.png);
height:931px;
}
#scene09{
background-image:url(img/bg_scene09.png);
height:641px;
}
#scene10{
background-image:url(img/bg_scene10.png);
height:1221px;
}
#scene11{
background-image:url(img/bg_scene11.png);
height:930px;
}
#scene12{
background-image:url(img/bg_scene12.png);
height:641px;
}

.interview-frame{
margin:0 auto;
margin-top:30px;
text-align:left;
width:866px;
}
.interview{
clear:both;
margin:5px 0;
padding:0;
width:880px;
height:205px;
vertical-align:middle;
}
.interview img,.interview div{
margin:0px;
padding:0px;
}
.interview-left{
display:table-cell;
width:70%;
vertical-align:middle;
}
.interview-right{
display:table-cell;
width:30%;
vertical-align:middle;
text-align:right;
}
*:first-child+html .interview:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html .interview{overflow:hidden;min-height:1em;}
* html .interview{overflow:visible;height:1%;}
*:first-child+html .interview-left,
*:first-child+html .interview-right{float:left;}
* html .interview-left,
* html .interview-right{float:left;}

.buttonbox-height{
width:920px;
height:400px;
margin:0 auto;
}
.buttonbox{
width:460px;
height:400px;
margin:0px auto;
padding:0px;
text-align:center;
display:table-cell;
vertical-align:bottom;
}
.buttonbox2{
width:460px;
height:400px;
margin:0px auto;
padding:0px;
text-align:center;
vertical-align:bottom;
}
.buttonbox img,.buttonbox a,.buttonbox div{
margin:0px;
padding:0px;
}

.usobox{
width:920px;
padding-bottom:5px;
}
.uso{
line-height:1.5em;
font-size:0.6em;
text-align:right;
}