html { height: 100%; width: 100%; background:#000; font-size:12px; }
body { background: none repeat scroll 0 0 #000; color: #333333; margin: 0; overflow: hidden; padding: 50px 0 0; text-align: left; height: 100%; width: 100%; }
#siFrame { color: #666666; background:#fff; height: 100%; width: 100%; z-index: 10; }
.clear { clear:both }
.left { float:left }
img { border:0 }
#t { width:100%; min-width:950px; height:50px; z-index:100; position:absolute; top:0; left:0; background: url(/images/tbar.png) repeat-x }
a { text-decoration:none; color:#09528b; outline:none }
a:hover { color:#000; cursor:pointer!important }
ul, li { list-style:none; float:left; margin:0; padding:0; text-overflow: ellipsis }
.t-main { float:left; width:auto!important }
.t-end li, .t-main li { height:45px; white-space:nowrap; position:relative; padding:5px 6px 0 }
.t-end li a { display:block; float:left; overflow:hidden; text-overflow:ellipsis; padding:7px 0 }
.t-end .t-subrel li { border:0; height:45px; display:block; padding:0 }
li.t-home, li.t-home a { width:200px; height:50px; display:block; text-indent:-2000em; background:url(/images/white_logo.gif) 50% 50% no-repeat; margin:0; padding:0 }
.t-main .t-summary { padding-right:0; border-right:0; overflow:hidden; width:450px; position:relative }
.t-main .t-summary { padding-right:0; border-right:0; overflow:hidden; width:450px; position:relative }
.t-main .t-title { color: #fff; display:block; font-weight:700; overflow:hidden; text-overflow:ellipsis; line-height:1.6; width:100%; border-right:1px dotted #666; }
.t-main .t-link { overflow:hidden; text-overflow:ellipsis; width:96%; font-size:12px; color:#939393; margin-right:.8em; display:block; float:left; line-height:1.2; padding-top:1px }
.t-end li.t-close { height:45px; }
#t-close { background: url("/works/images/whitearrow.gif") no-repeat scroll left 2px transparent; color: #FFFFFF; display: block; font-size: 12px; margin:10px 0 0 0; padding: 0 25px 0 15px; vertical-align: middle; line-height:12px}
.t-end .t-rel { height:42px; line-height:1.2; border-left:1px solid #6dd7e2; border-right:1px solid #00414d; padding:0; background:url(/images/emenubg.jpg) repeat-x top }
.t-end .t-rel div, .t-end .t-rel span { height:30px; float:left; padding:12px 7px 0 7px }
.t-end .t-rel div { cursor:pointer; color:#ccc; font-weight:700 }
.t-end .t-rel div.ready { color:#FFF }
.t-rel .t-subrel li div:hover { color:#FC0; }
.t-rel .t-subrel li div.selected { height:30; color:#FC0; background:url(/images/emenubg_on.jpg) repeat-x top; }
li.t-rel { font-weight: bold; color: #ffffff; }
.whoop { display:none }
.t-contents { border:7px solid #e0e0e0; border-top:0; position:relative; overflow:auto; z-index:9999; padding:15px; background:#fff }
.t-contents h2 { padding-left:50px; font-size:105%; font-weight:700; color:#71ac0a; clear:left; position:relative; display:block; background:url(/images/fdm.gif) left 115% repeat-x; margin:0 0 .3em }
.t-contents h2 span { background:#fff; padding:0 5px 0 5px }
.t-contents h2 em { background:#fff; padding:0 5px 0; font-size:0.9em }
/* ------------------------------
タイトル前の画像

#relc-t-news .t-contents h2 span { background:#fff url(img/news2.gif) 10px 50% no-repeat }
#relc-t-videos .t-contents h2 span { background:#fff url(img/youtube.gif) 10px 50% no-repeat }
#relc-t-tweets .t-contents h2 span { background:#fff url(img/twitter.gif) 10px 50% no-repeat }
------------------------------ */

.ad { float:right; height:150px; width:300px; background:#fff; position:relative }
.hide { cursor:pointer; float:left; font-weight:700; font-size:11px; color:#900; width:40px; left:20px; top:22px; display:block; border:1px solid #ccc; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:3px 0 }
.related-stories { float:left; position:relative; width:700px; overflow:hidden }
.related_box { width:700px; padding:5px 0 0 10px; }
.uicon { width:16px; height:16px; margin:0 5px 0 0; padding:0 }
.related_post li { float:none }
.rel_posts .right { width:120px }
.rel_posts .related_post { width:545px; overflow:hidden }
.rel_posts li { padding:3px 0; white-space: nowrap; }
.rel_posts li a { font-weight:700; font-size:.9em }
#introIMG { border:1px solid #A9A9A9; float:left; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#f7f7f7; border-radius:3px; margin:3px 10px 0 0; padding:3px }
ul.related_video li { float:none; clear:both; list-style:none; margin:2px 0; padding:0 }
ul.related_video li #introIMG { width:120px; position:relative }
.yu_desc { float:right; width:440px }
ul.related_dot li { border-bottom:1px dashed #ccc; padding:7px 0; display:block; width:680px; }
.rel-pages { clear:both; padding:10px 0 0 50px }
.rel-pages a { border:1px solid #ccc; margin:5px 15px 0 0; padding:0 10px }
.rel-pages a.curpage { color:red; font-weight:700 }
.right, .t-end { float:right }
