@charset "utf-8"; body { background: #fffee9 url(../../images/bg.gif) repeat-x 0 0; text-align: center; } div.inner { margin: 0 auto; position: relative; min-width: 600px; max-width: 1000px; width: 95%; text-align: left; } /** * Layout setting * - double-tw, double-wt */ /* ========== Double - Sidebar on Left ========== */ div#main { margin-left: -1px; margin-right: -1px; width: 70%; float: right; display: inline; /* for IE6 */ border: solid 1px #f2f0c4; background-color: #ffffff; } div#side { width: 30%; float: left; display: inline; /* for IE6 */ } /* div#main > * ---------- */ body.double-tw div#main h2, body.double-tw div#main p#topicPath { margin-left: 20px; margin-right: 20px; } body.double-tw div#main div.box { margin: 20px; } /* div#side > * ---------- */ body.double-tw div#side dl { margin-right: 20px; } /* ========== Double - Sidebar on Right ========== */ body.double-wt div#main { margin-left: -1px; margin-right: -1px; width: 70%; float: left; display: inline; /* for IE6 */ border: solid 1px #f2f0c4; background-color: #ffffff; } body.double-wt div#side { width: 30%; float: right; display: inline; /* for IE6 */ } /* div#main > * ---------- */ body.double-wt div#main h2, body.double-wt div#main p#topicPath { margin-left: 20px; margin-right: 20px; } body.double-wt div#main div.box { margin: 20px; } /* div#side > * ---------- */ body.double-wt div#side dl { margin-left: 20px; } /** * Page structure * - */ /* ========== Each area ========== */ /* Skip ---------- */ span#skip { margin: 0; padding: 0; width: 1px; height: 1px; position: absolute; top: 0; left: 0; overflow: hidden; font-size: 1px; line-height: 0; } /* Logo & Summary ---------- */ div#pageHeader { margin-top: 40px; margin-bottom: 20px; } div#pageHeader p#logo { margin: 0; padding: 0; margin-bottom: 5px; } /* Global menu ---------- */ div#globalMenu ul { margin: 0; padding: 0; left: 0; border-left: solid 1px #36bed6; } div#globalMenu ul li { margin: 0; padding: 0; list-style: none; float: left; display: inline; /* for IE6 */ border-right: solid 1px #36bed6; } div#globalMenu ul li span { display: block; margin: 0 10px; } div#globalMenu ul li span a { display: block; padding: 0 10px; height: 30px; line-height: 30px; } div#globalMenu ul li span.current, div#globalMenu ul li span:hover { background: url(../../images/menu_on_l.gif) no-repeat 0 0; } div#globalMenu ul li span.current a, div#globalMenu ul li span:hover a { background: url(../../images/menu_on_r.gif) no-repeat 100% 0; color: #00accb; } /* Eyecatch ---------- */ div#eyecatch { margin-top: 20px; margin-bottom: 20px; border: solid 1px #ffffff; width: 100%; height: 200px; overflow: hidden; } /* Return ---------- */ div#return { margin-top: 10px; } div#return p { margin: 0; line-height: 1em; text-align: right; } /* Footer ---------- */ div#pageFooter { margin-top: 20px; margin-bottom: 40px; padding-top: 10px; border-top: solid 1px #f2f0c4; } div#pageFooter p { margin: 0; margin-bottom: 10px; } /* ========== Contents ========== */ /* Caption ---------- */ /* Topic path ---------- */ p#topicPath { margin: 0; } p#topicPath a { margin-right: 8px; padding-right: 10px; background: url(../../images/icon_arrow_gy.gif) no-repeat 100% 50%; } /* Headding tag ---------- */ div.box h2 { margin: 1em 0; height: 30px; line-height: 30px; background: url(../../images/ttl.gif) no-repeat 0 0; padding: 0 10px; color: #ffffff; clear: both; } /* Image ---------- */ div.box img.pict { padding: 5px; border: solid 1px #eeeeee; } /* Navigation ---------- */ dl.navigation { margin: 0; padding: 0; } dl.navigation dt { margin: 0; padding: 0; border: solid 1px #f2f0c4; border-bottom: none; background: url(../../images/navi_hdr_bg.gif) repeat-x 0 0; } dl.navigation dt span { display: block; height: 30px; line-height: 30px; padding: 0 10px; } dl.navigation dd { margin: 0; padding: 0; border: solid 1px #f2f0c4; border-top: none; background-color: #ffffff; margin-bottom: 20px; } dl.navigation dd ul { margin: 0; padding: 0; left: 0; } dl.navigation dd ul li { margin: 0; padding: 0 10px; list-style: none; height: 30px; line-height: 30px; border-top: solid 1px #f2f0c4; background: url(../../images/icon_arrow_gr.gif) no-repeat 97% 50%; } #main p { padding:0 20px; } /* -------------------file_get_contentsツイッター------------------- */ .fileget { border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; overflow-x:hidden; overflow-y:scroll; font-size:11px; height:600px; padding:3px; max-width:512px; min-width:172px; min-height:192px; } .twm{ border:1px solid #ccc; border-radius:5px 5px 0 0; padding:10px; } .twml{ font-size:13px; font-weight:bold; float:left; } .twmr{ float:right; margin-top:6.5px; } .fileget h2 { font-size:1em; font-weight:normal; } .cnt.cf { padding: 10px 0 0; border-top: 1px dashed #ddd; clear:both; } p.img{ float:left; width:20%; } .cnt h2 { float: right; width:70%; } span.ref{ background-image: url('http://i.yimg.jp/images/serp/ts/sp1_v9.png'); background-repeat: no-repeat; background-position: 0 -120px; } .ref{ display: block; float: left; width: 16px; height: 14px; margin-top: 2px; margin-right: 5px; background-position: 0 -120px; text-indent: -9999px; } .like { height: 20px; width: 25px; background-image: url('http://i.yimg.jp/images/serp/ts/ic_tyf_v3.png'); background-position: 0 0; background-repeat: no-repeat; float: right; text-indent: -9999px; } .tw { height: 20px; width: 25px; background-image: url('http://i.yimg.jp/images/serp/ts/ic_tyf_v3.png'); background-position: 0 0; background-repeat: no-repeat; float: right; background-position: -25px 0; text-indent: -9999px; } .re { height: 20px; width: 25px; background-image: url('http://i.yimg.jp/images/serp/ts/ic_tyf_v3.png'); background-position: 0 0; background-repeat: no-repeat; float: right; background-position: -50px 0; text-indent: -9999px; } #TSm .re span, #TSm .tw span, #TSm .like span { display: block; width: 24px; overflow: hidden; text-indent: -9999px; white-space: nowrap; } .cnt .inf .ref { display: block; float: left; } .lt{ word-break:keep-all; } .inf.cf{ float: right; color: #666; margin-bottom: 6px; } /* -------------------file_get_contentsツイッターここまで------------------- */