@charset "utf-8";

/* ------------------------- TOC 
setup

 ------------------------- */

/* ============================== setup */
html { height: 100%; }
body { height: 100%; ;color: #000; background: url(../img/bg_large.gif) repeat 0 0 #fff; font-size: 12px; font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }

a { color: #00f; }
a:link { color: #00f; }
a:visited { color: #66c; }
a:hover, a:active { color: #f00; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }



/* ============================== layout */
#container { width: 910px; height: auto !important; height: 100%; min-height: 100%; position: relative; margin: 0 auto; background: url(../img/bg_small.png) repeat-y 0 0; }
#lc { width: 215px; }
#rc { position: absolute; right: 0; top: 0; width: 215px; }
#xperia { position: absolute; left: 260px; top: 36px; width: 430px; height: 710px; background: url(../img/bg_xperia.png) no-repeat 0 0; }
p#copyright { position: absolute; left: 300px; top: 760px; }


/* ============================== lc */
h1 img { margin-bottom: 41px; }
#lc dl { padding-bottom: 150px; }


/* ============================== rc */
#rc p { text-align: right; }
#rc p img { margin-bottom: 82px; margin-right: 5px; }
#rc dd#notice img { margin-top: 38px; }


/* ============================== xperia */
#xperia_display { position: absolute; top: 75px; left: 25px; }
#xperia_pane { width: 389px; height: 540px; overflow: hidden; display: none; }
#xperia_content { width: 320px; height: 540px; margin: 0 0 0 5px; }
#xperia_loading { width: 320px; height: 540px; overflow: hidden; display: none; }
#xperia_loading p { text-align: center; margin-top: 100px; color: #fff; }
#xperia_alt { width: 320px; margin-left: 5px; }
#xperia_alt p { margin-top: 100px; text-align: center; color: #fff; }