/* @override http://www.denkipodcast.com/crosstalk/styles.css */ @charset "UTF-8"; /* デフォルトスタイルのリセット */ * { font-size: 100%; font-style: normal; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0px; padding: 0px; /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;*/ } a:link, a:visited { color: #333; } a:hover { color: #333; } a:active { outline: none; } /*クリックボーダー消去*/ a:focus { -moz-outline-style: none; } /*クリックボーダー消去*/ html { height: 100%; overflow-y: scroll; } #all:after　{ clear:　both; content:""; display:　block; /*カラム落ち対策*/ } /* 共通要素 */ body { text-align: center; margin: 0px; padding: 0px; background:#FFF url(http://www.denkipodcast.com/crosstalk/files/bg.gif) repeat; } .hidden { display: none!important; visibility: hidden; } .imgLeft { float: left; margin-right: 20px; margin-bottom: 5px; display: inline-block; } .imgRight { float: right; margin-left: 20px; margin-bottom: 5px; display: inline-block; } .small { font-size: 10px; } /* コンテンツ内　囲みデザイン */ .kakomi01 { padding: 10px; border: 1px solid #4ea634; clear: both; background-image: url(../../images/kakomi-bg01.jpg); background-repeat: repeat; background-position: right bottom; } /* レイアウト要素 */ #wrap { text-align:center; } #headWrap { background:url(http://www.denkipodcast.com/crosstalk/files/bg-container.jpg) repeat-x; } #head {width:756px; margin-right: auto; margin-left: auto; text-align: left; height:240px; background:url(http://www.denkipodcast.com/crosstalk/files/header-bg.jpg) no-repeat;} #contentWrap { width:756px; text-align:center; margin-right:auto; margin-left:auto;} #content { width:731px; background:url(http://www.denkipodcast.com/crosstalk/files/pagebody-bg.gif) repeat-y; overflow:hidden; height:auto; padding:25px 0 25px 25px;} #main { width: 500px; overflow: visible; height: auto; float:left; text-align:left;} #side { float: right; width:231px; overflow:visible; height:auto;} #foot { background-color:#2653aa; color:#fff; text-align:center; font:10px "Lucida Grande", Lucida, Verdana, sans-serif; margin:0; padding-bottom:7px; padding-top:7px; } /* ヘッダ　デザイン */ #head h1 { margin:0; padding:0; width:756px; height:240px; text-indent:-9999px;} #head h1 a:link, #head h1 a:visited, #head h1 a:hover { width:756px; height:240px; display:block;} /* コンテンツ　デザイン */ #main { color:white; font-size:12px; line-height:1.4em;} #main a:link, #main a:visited {color:white; text-decoration:none;} #main a:hover {color:white; text-decoration:underline;} #newEntry { background:url(http://www.denkipodcast.com/crosstalk/files/entry-bg.jpg) no-repeat left top; width:426px; padding:20px 10px 10px 64px; clear:both; overflow:hidden; border-bottom:1px solid #141414;} #oldEntry { background:url(http://www.denkipodcast.com/crosstalk/files/entry-bg02.jpg) no-repeat left top; width:426px; padding:20px 10px 10px 64px; clear:both; overflow:hidden; border-bottom:1px solid #141414;} .asset-title { overflow:hidden; height:auto; width:100%; padding-bottom:8px; margin-bottom:0; border-bottom:1px solid #000000;} h3 { font-size:16px; font-weight:bold; float:left; width:350px;} .date { float:right; width:76px; font-size:11px; text-align:right;} .asset-entry { overflow:hidden; height:auto; width:100%; margin-top:0; padding-top:8px; border-top:1px solid #595959;} .guest { float:left; width:130px;} .info { float:right; width:296px;} .guest p { font-size:12px; font-weight:bold; line-height:1.2em; width:120px; color:#c0c0c0;} .guest p img { margin:0; padding:0;} .guestTitle { background:url(http://www.denkipodcast.com/crosstalk/files/guest-title.gif) no-repeat; width:120px; height:13px; margin:0; padding:0; text-indent:-9999px;} .guestName { margin-top:5px;} .guestSmall { font-size:10px; font-weight:normal; font-style:normal;} .info {} .info p { font-size:12px;} .info p.btPodcast { width:203px; height:56px; background:url(http://www.denkipodcast.com/crosstalk/files/podcast.jpg) no-repeat; float:left; text-indent:-9999px; margin-top:10px;} .info p.btPodcast a { display:block; width:203px; height:56px;} .info p.btPodcast a:hover { display:block; width:203px; height:56px; background:url(http://www.denkipodcast.com/crosstalk/files/podcast-over.jpg) no-repeat;} .info .btEtc { float:right; width:92px;} .info p.btItunes { width:92px; height:56px; background:url(http://www.denkipodcast.com/crosstalk/files/itunes.jpg) no-repeat; text-indent:-9999px; margin-top:10px;} .info p.btYoutube { width:92px; height:56px; background-image:url(http://www.denkipodcast.com/crosstalk/files/youtube.jpg); text-indent:-9999px; margin-top:6px;} .info p.btItunes a { width:92px; height:56px; display:block;} .info p.btItunes a:hover { width:92px; height:56px; display:block; background:url(http://www.denkipodcast.com/crosstalk/files/itunes-over.jpg) no-repeat;} .info p.btYoutube a { width:92px; height:56px; display:block;} .info p.btYoutube a:hover { width:92px; height:56px; display:block; background-image:url(http://www.denkipodcast.com/crosstalk/files/youtube-over.jpg);} #btArchives { width:500px; height:30px; background:url(http://www.denkipodcast.com/crosstalk/files/bt-archives.jpg) no-repeat; text-indent:-9999px;} #btArchives a { width:500px; height:30px; display:block;} #btArchives a:hover { background:url(http://www.denkipodcast.com/crosstalk/files/bt-archives-over.jpg) no-repeat; width:500px; height:30px; display:block;} /* サイドバー　デザイン */ #sideDesign { width:208px; margin-right:auto; margin-left:auto;} #sponsorBanner {} #sponsorBanner img {} #sponsorBanner a { display:block; margin-bottom:10px;} #sbNews { text-indent:-9999px; width:208px; height:55px; background:url(http://www.denkipodcast.com/crosstalk/files/sidebar_news.gif) no-repeat;} #sbNews a {width:208px; height:55px; display:block;} #sbNews a:hover { text-indent:-9999px; width:208px; height:55px; background:url(http://www.denkipodcast.com/crosstalk/files/sidebar_news-over.gif) no-repeat;} #sbNewsEntry { width:168px; padding:10px 20px; background:url(http://www.denkipodcast.com/crosstalk/files/sidebar_news-bg.gif) repeat-y; text-align:left;} #sbNewsEntry p { font-size:11px; padding-bottom:0.5em;} #sbDesc01 { text-indent:-9999px; width:208px; height:290px; background:url(http://www.denkipodcast.com/crosstalk/files/sidebar_desc01.gif) no-repeat; margin-bottom:0px;} #sbDesc02 { text-indent:-9999px; width:208px; height:81px; background:url(http://www.denkipodcast.com/crosstalk/files/sidebar_desc02.gif) no-repeat;} #sbH3a { text-indent:-9999px; width:208px; height:16px; background:url(http://www.denkipodcast.com/crosstalk/files/sidebar_h3a.gif) no-repeat;} #sbH3b { text-indent:-9999px; width:208px; height:16px; background:url(http://www.denkipodcast.com/crosstalk/files/sidebar_h3b.gif) no-repeat;} #sbH3c { text-indent:-9999px; width:208px; height:16px; background:url(http://www.denkipodcast.com/crosstalk/files/sidebar_h3c.gif) no-repeat;} #sbH3aName { text-indent:-9999px; width:208px; height:64px; background:url(http://www.denkipodcast.com/crosstalk/files/sidebar_h3a-name.gif) no-repeat; clear:both;} #sbH3bName { text-indent:-9999px; width:208px; height:105px; background:url(http://www.denkipodcast.com/crosstalk/files/sidebar_h3b-name.gif) no-repeat; clear:both;} #sbH3cName { text-indent:-9999px; width:208px; height:52px; background:url(http://www.denkipodcast.com/crosstalk/files/sidebar_h3c-name.gif) no-repeat; clear:both;} #sbDenki { text-indent:-9999px; width:208px; height:40px; background:url(http://www.denkipodcast.com/crosstalk/files/sidebar_denki.gif) no-repeat} #sbDenki a {width:208px; height:40px; display:block;} /*#sbDenki a:hover { text-indent:-9999px; width:208px; height:40px; background:url(http://www.denkipodcast.com/crosstalk/files/sidebar_denki-over.gif) no-repeat}*/ #sbFoot { /*text-indent:-9999px;*/ width:208px; height:70px; background:url(http://www.denkipodcast.com/crosstalk/files/sidebar_foot.gif) no-repeat; overflow:hidden; text-align:center; font-size:11px; padding-top:10px;} #sbShitsumonbako { text-indent:-9999px; width:178px; margin:1px auto 10px;} #sbShitsumonbako a:link, #sbShitsumonbako a:visited { width:178px; height:40px; background:url(http://www.denkipodcast.com/crosstalk/files/shitsumonbako.gif) no-repeat 0 0; display:block;} #sbShitsumonbako a:hover { width:178px; height:40px; background:url(http://www.denkipodcast.com/crosstalk/files/shitsumonbako.gif) no-repeat 0 -40px; display:block;} #rssDesign { font-size:11px;} /* アーカイブページ */ #newsEntry a:link, #main a:visited {color:black; text-decoration:none;} #newsEntry a:hover {color:black; text-decoration:underline;} #archiveTitle { background:url(http://www.denkipodcast.com/crosstalk/files/archive-title.jpg) no-repeat; width:500px; height:30px; text-indent:-9999px;} #newsTitle { background:url(http://www.denkipodcast.com/crosstalk/files/news-title.jpg) no-repeat; width:500px; height:30px; text-indent:-9999px;} #newsEntry { width:480px; padding:20px 10px 10px; clear:both; overflow:hidden; color:#424242; margin-bottom:20px;} #newsEntry .asset-title { overflow:hidden; height:auto; width:100%; padding-bottom:8px; margin-bottom:0; border-bottom:1px solid #595959;} #newsEntry h3 { font-size:16px; font-weight:bold; float:left; width:350px;} #newsEntry .date { float:right; width:76px; font-size:11px; text-align:right;} #newsEntry .asset-entry { overflow:hidden; height:auto; width:100%; margin-top:0; padding-top:8px; border-bottom:1px solid #595959; padding-bottom:10px; background:url(http://www.denkipodcast.com/crosstalk/files/newsEntryBG.jpg) no-repeat right bottom;} #newsEntry .info { width:460px; margin-right:10px; margin-left:10px;} /* フッタ　デザイン */ #footer p { margin:0; padding:0; clear:both;} /* メールフォーム　http://www.denkipodcast.com/crosstalk/form.html */ #mailFormTitle { background:url(http://www.denkipodcast.com/crosstalk/files/mailform-title.jpg) no-repeat; width:500px; height:30px; text-indent:-9999px;} #mailForm { color: #222; font-size: 12px; margin-top:20px;} #mailForm td { padding-top: 5px; } #mailForm input, #mailForm textarea {font-size: 12px; border-color: gray; border-width: 1px; border-style: solid; margin: 2px;} .ss-powered-by {visibility: hidden; display: none;}