#intro { background: url(../common/img/w80.png); position: absolute; top: 0; left: 0; width: 100%; text-align: center; cursor: pointer; overflow: hidden; }
#intro p { padding-top: 100px; }
#intro iframe { border: 1px solid #000; width: 700px; height: 400px; }
#intro span { background: #000; padding: 10px 20px; color: #fff; border-radius: 5px; }
#wrap.intro #youtube { background: #000; padding-top: 240px; }
#wrap.intro #movie { display: none; }

/* common */

#nav { margin-bottom: 0; }

#main { width: 600px; border: 10px solid #fff; float: left; }
#main p { padding-top: 10px; }

h2 { display: block; overflow: hidden; }
h2 a { height: 280px; display: block; overflow: hidden; }
h2 a.full { height: 400px; }

/* #news */
#news h3 { padding-top: 20px; border-bottom: 1px solid #000; }
#news li { font-size: 12px; border-top-width: 1px; clear: both; position: relative; }
#news a { display: block; color: #000; text-decoration: none; overflow: hidden; padding: 5px 0 5px 85px; }
#news a:hover { background: #eee; }
#news b { float: left; width: 440px; display: block; }
#news span.article-time { float: right; width: 70px; text-align: right; }
#news span.article-category { font-family: 'Strait'; position: absolute; top: 4px; left: 0; width: 70px; margin-top: 1px; font-size: 10px; background: #000; color: #fff; text-align: center; }

/* side */
#side { width: 320px; float: right; border: 10px solid #fff; }

/* youtube */
#youtube iframe { width: 100%; height: 240px; }
#youtube ul { background: #000; height: 150px; overflow: auto; }
#youtube li { clear: both; }
#youtube a { display: block; overflow: hidden; padding: 5px 10px; font-size: 11px; text-decoration: none; border-top: 1px solid #fff; color: #fff; font-weight: bold; }
#youtube a img { float: left; margin-right: 10px; }
#youtube .now a:before { content: "♪" }

/* twitter */
#twitter { margin-top: 10px; border: 5px solid #eee; padding: 10px; }
#twitter h3 a { line-height: 1.2; display: block; background: url(../common/img/twitter.png) no-repeat; padding-left: 58px; padding-top: 10px; height: 48px; text-decoration: none; }
#twitter h3 a strong { display: block; color: #000; font-size: 14px; }
#twitter h3 a span { font-size: 12px; font-weight: normal; }
#twitter-load p.text { padding-top: 10px; border-top: 1px dotted #ccc; font-size: 12px; }
#twitter-load p.time { padding-bottom: 10px; text-align: right; color: #999; }
#twitter-load p.time img { vertical-align: top; }
#twitter-more a { display: block; background: #eee; border-radius: 5px; padding: 3px; text-align: center; }
#twitter-more a:hover { background-color: #28b !important; color: #fff; }

/* banner */
#banner { clear: both; }
#banner li { display: inline; }
#banner img { float: left; margin: 10px; height: 30px; height: auto; }