
div#canvaswrapper {
    margin : 0 auto;
    width : 800px;
    height : 600px;
}

canvas {
    margin: 0px;
}

div { 
    margin : 0px;
}
 

body {
    font-family:  "MS 明朝","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS-PGothic", "sans-serif";
    font-size : 12px;
    color : #FFF;
}

div#boothContent {
    background-color : rgba(40,40,40,0.8);
    width : 800px;
    height : 600px;
    position : absolute;
    top : 0%;
    left : 50%;
}

div#boothTitle {
    font-family : "MS 明朝", "ＭＳ Ｐゴシック", "MS-PGothic", "sans-serif";
    margin : 6px;
    position : relative;
    left : 45px;
    top : 80px;
    font-size : 20px;
    text-align : left;
    width : 700px;
}

div#boothCredit {
    /*text-align : right;*/
    margin : 6px;
    position : relative;
    left : 45px;
    top : 80px;
    text-align : left;
}

div#boothAbst {
    margin : 6px;
    text-align : left;
}

div#boothDocuments {
    text-align : left;
    width : 350px;
}

img.boothDocumentImg {
    width : 80px;
}

img.boothDocumentURLImg {
    width : 20px;
}

div#boothImg {
    position : relative;
    top : -330px;
    width : 200px;
}

img#boothImgMini {
    position : relative;
    left : 50px;
    width : 200px;

    -webkit-box-shadow: 2px 2px 4px #000;
    -moz-box-shadow: 2px 2px 4px #000;
    box-shadow: 2px 2px 4px #000;
}

div#tabs {
    width : 400px;
    height : 400px;
    position : relative;
    left : 300px;
    top : 74px;

    -webkit-box-shadow: 2px 2px 4px #000;
    -moz-box-shadow: 2px 2px 4px #000;
    box-shadow: 2px 2px 4px #000;
}

div#boothClose {
    position : absolute;
    top : 80px;
    right : 0%;
}

div#boothVectorR {
    position : absolute;
    right : 0%;
    top : 50%;
}

div#boothVectorL {
    position : absolute;
    left : 0%;
    top : 50%;
}


.bg {
    height:350px;
    overflow:auto;
    margin : 5px;
    
    /*ブラウザ対応*/
    -moz-border-radius : 3px;
    -webkit-border-radius : 3px;
    -o-border-radius : 3px;
    -ms-border-radius : 3px;
}


.twitter {
    width :600px;
    height:300px;
    background-color : #222;
    color:#FFF;
    /*ブラウザ対応*/
    -moz-border-radius : 2px;
    -webkit-border-radius : 2px;
    -o-border-radius : 2px;
    -ms-border-radius : 2px;
    text-align : left;
}

.entry{
    width  :600px;
    height :80px;
    background-color : #CCC;
}

.thumb {
    width  :48px;
    height :48px;
    background-color  : #BBB;
}

.tweet {
    position: relative;
    left:65px;
    width: 530px;
    height :75px;   
    top:-80px;
}

.tweet .body {
    color: #FFF;
    background-color: #333;
    padding: 10px;
    text-align : left;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}

.tweet .tail {
    border-top: 15px solid #333;
    border-left: 15px solid transparent; 
    position: absolute;
    bottom: 20px;
    left: -15px;
    width: 0; 
    height: 0; 
}


