/* 基本レイアウト */ html { margin: 0; padding: 0; } form { margin: 0; padding: 0; } a { text-decoration: underline; } a img { border: 0; } /* 見出し */ h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1, h2, h3, h4, h5, h6, ol, ul, pre, blockquote { margin: 0; } /* リンク色（ページ全体） */ a { color: #0000ff; text-decoration: underline; } a:hover { color: #ff9900; } /* リンク色（サイトタイトル） */ #banner a { color: #666; text-decoration: none; } #banner a:hover { color: #ff9900; } /* 表示補助 */ .pkg { position: static; display: block; clear: both; padding: 10px 10px 10px 8px; } * html .pkg { display: inline-block; } /* no ie mac \*/ * html .pkg { height: 1%; } .pkg { display: block; } /* */ .img2{ float:left; margin:15px 7px 7px 0; } /* ページレイアウト */ body { min-width: 760px; text-align: center; /* center on ie */ margin: 0px; padding: 0; font-size: 0.85em; color: #000000; background: #cacaca; line-height: 1.7; ffont-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; } #container { position: relative; width: 760px; margin: 0 auto; background: #fff; text-align: center; padding: 0; background: url(img/bbg.gif) ; } #container:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /* ヘッダー（レイアウト） */ #banner { position: relative; margin: 0; width: 760px; /* necessary for ie win */ height: 30px; background: url(img/top.gif) no-repeat; } #banner2 { position: relative; margin: 0 5px; width: 750px; height: 180px; border-top: 5px solid #333; border-bottom: 5px solid #333; text-align: left; } *html #banner3 { position: relative; margin: 0 5px; width: 750px; height: 110px; background: url(img/02.jpg) no-repeat #fff; border-top: 10px solid #333; border-bottom: 10px solid #333; text-align: left; } #banner3 { position: relative; margin: 0 5px; width: 750px; height: 90px; background: url(img/02.jpg) no-repeat #fff; border-top: 10px solid #333; border-bottom: 10px solid #333; text-align: left; } /* ヘッダー（サイトタイトル） */ #banner h1 { margin: 0; color: #fff; font-size: 26px; font-weight: normal; line-height: 1.25; position:absolute; top: 30px; left:10px; text-indent:-5000px; font-family: "ヒラギノ角ゴ8","HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8"; } #banner3 h1 { margin: 0; color: #fff; font-size: 26px; font-weight: normal; line-height: 1.25; position:absolute; top: 30px; left:10px; font-family: "ヒラギノ角ゴ8","HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8"; } #banner p { margin: 0; padding: 0; color: #999; font-size: 12px; line-height: 1.25; position:absolute; bottom:3px; left: 10px; } #banner p.setumei { margin: 0; padding: 0; color: #999; font-size: 12px; line-height: 1.25; text-indent:-5000px; position:absolute; bottom:3px; left: 10px; } #banner2 p { width: 720px; margin: 0; padding: 5px; color: #fff; font-size: 18px; line-height: 1.5; position:absolute; top: 60px; left: 10px; text-indent:-5000px; font-family: "ヒラギノ角ゴ8","HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8"; } /* ヘッダーその他 */ #banner-description { display: none; } #search-banner { position: relative; margin: 0 5px; width: 750px; height: 180px; background: url(img/sr.gif) no-repeat; border-top: 1px solid #333; border-bottom: 1px solid #333; text-align: left; } #sb-header { margin: 0; color: #fff; font-size: 26px; font-weight: normal; line-height: 1.25; position:absolute; bottom: 10px; left:10px; font-family: "ヒラギノ角ゴ8","HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8"; } #search-banner p a { margin: 0; padding: 0; font-size: 18px; line-height: 1.5; color: #fff; position:absolute; bottom: 10px; right: 10px; font-family: "ヒラギノ角ゴ8","HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8"; } /* グローバルナビゲーション */ #navi { width: 750px; height: 35px; margin: 0 5px; padding: 0; background: url(img/nlbg.gif) ; position:relative; } #navi ul { height: 35px; list-style: none; margin: 0; padding: 0 0 0 12px; text-align: center; background: url(img/nlbg.gif) ; } #navi li { width: 145px; margin: 0; padding: 0; float: left; background: url(img/nli.gif) no-repeat ; } #navi li a { width: 145px; background: url(img/nli.gif) no-repeat ; display: block; font-size: 12px; line-height: 14px; margin: 0; padding: 13px 0 8px 4px; text-decoration: none; float: left; color: #fff; } #navi li a:hover { background: url(img/nlih.gif) no-repeat ; color: #ff6600; } /* メインコンテンツ全体 基本レイアウト*/ #pagebody { position: relative; width: 750px; margin: 0 5px; padding: 0; text-align: center; } /* メインコンテンツ基本レイアウト（記事部分） */ #main { display: inline; /* ie win bugfix */ position: relative; float: left; min-height: 1px; text-align: left; width: 550px; margin: 0; background: #fff; } #search-main { display: inline; /* ie win bugfix */ position: relative; float: right; min-height: 1px; text-align: left; width: 750px; margin: 0; background: #fff; } /* メインコンテンツ基本レイアウト（サイドメニュー） */ #menu { display: inline; /* ie win bugfix */ position: relative; float: right; min-height: 1px; text-align: left; width: 200px; } #menu .pkg { position: static; display: block; clear: both; padding: 10px 5px; } /* 記事部分レイアウト */ /* サイト説明 */ .description { position: relative; width: auto; font-size: 1em; line-height: 1.5; margin: 0; padding: 0; } .description h2 { font-size: 1.5em; } /* 記事部分見出し */ .header { /* ie win (5, 5.5, 6) bugfix */ p\osition: relative; width: 100%; w\idth: auto; margin: 15px 0 5px; height: 32px; line-height: 1.25; padding: 7px 0 0 35px; font-size: 1.1em; font-weight: bold; clear: both; background: url(img/h.gif) no-repeat; border-top: 1px dotted #8bbde4; border-bottom: 1px dotted #8bbde4; color: #fff; } .header2 { /* ie win (5, 5.5, 6) bugfix */ p\osition: relative; width: 100%; w\idth: auto; margin: 15px 0 5px; height: 32px; line-height: 1.25; padding: 8px 0 0 40px; font-size: 1.1em; font-weight: bold; clear: both; background: url(img/h2.gif) no-repeat; color: #003366; } /* 記事部分コンテンツ */ .entry { line-height: 1.5; margin: 0; padding: 10px 10px 10px 35px; border: 0px solid #ffd07a; background:url(http://www.baitogo.com/img/entry-bg.gif) repeat-y left; } .entry p{ background:url(http://www.baitogo.com/img/note_line.gif); padding-top: 5px; padding-bottom: 5px; line-height: 20px; } .entry li{ color:red; font-weight:bold; } .entry img{margin-right:7px; } .entry2 { line-height: 1.5; margin: 0; padding: 10px; background: #fff; border: 1px solid #ff6a06; } .entry li{margin-left:20px;} .more{ text-align: right; } .entry-header { margin-top: 10px; padding: 0 0 0 5px; font-size: 1em; font-weight: bold; line-height: 1.5; background: #f5f5f5; border-left: 5px solid #999; } .header a, .entry-header a { text-decoration: none; } .entry-footer, { margin: 5px 10px 0 0; border-top: 1px dotted #ccc; padding: 5px 0; color: #999; font-size: 10px; text-align: right; } .bread { margin: 5px 0 5px 5px; text-align: left; } .f-navi { margin: 5px 0; text-align: center; clear: both; } .gotop { margin-top: 30px; text-align: right; clear: both;} .img { float: left; margin: 0 5px 0 0; text-align: center; } .tb-info{ text-align: center;} .center { text-align: center; } dl { margin: 0; padding: 0; } dt { margin: 0; padding: 0; font-size: 1em; font-weight: bold; line-height: 1.25; } dd { margin: 0; padding: 0; font-size: 0.9em; line-height: 1.25; } /* ボックス部分 */ .boxheader { margin: 0 0 5px; padding: 0 0 5px 28px; font-size: 1.2em; font-weight: bold; line-height: 1.5; border-bottom: 1px solid #ffb833; background: url(img/bh.gif) no-repeat; } .box { width: auto; margin: 5px 0; padding: 5px 0; background: #f5f5f5; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; } .box li { width: auto; margin: 0; padding: 5px 0 5px 25px; font-size: 12px; border-bottom: 1px dotted #ccc; background: url(img/bli.gif) left no-repeat; } .box2 { width: auto; margin: 5px 0; padding: 5px; border: 1px dotted #ccc; } .box3 { width: auto; margin: 15px; padding: 10px; background:#fff; border-top: 4px solid #3c3c3c; border-bottom: 4px solid #3c3c3c; border-left: 1px dotted #000000; border-right: 1px dotted #000000; } .box3 dl { margin: 0; padding: 0; } .box li, .box3 dt { width: auto; margin: 0; padding: 5px 0 5px 25px; font-size: 12px; background: url(img/bli.gif) left no-repeat; } /* フッター */ #footer { position: relative; margin: 0 auto; padding: 0; width: 760px; height: 50px; text-align: center; font-size: 0.8em; clear: both; line-height: 50px; background: url(img/footer.gif) bottom no-repeat; color: #fff; } #footer-navi { width: 750px; height: 25px; font-size: 1em; text-align: center; line-height: 25px; clear: both; color: #666; } #footer-navi a { color: #666; } /* サイドメニュー内部 */ .listlabel { display: none; } .search { position: relative; width: 190px; height: 85px; margin: 10px 0; font-size: 12px; padding: 0; background: url(img/search.gif) no-repeat; } #side-search { position:absolute; top: 50px; left: 10px; } .module-content ul { margin: 0; padding: 0; list-style: none; } .module-content img{ float:left; margin-right:3px; margin-left:3px; } .module-content2 ul { margin: 0 0 0 0px; padding: 0; list-style: none; } .module-content li { width: 190px; background: url(img/li.gif) ; display: block; line-height: 20px; margin: 0; padding: 0; letter-spacing: 0; text-decoration: none; color: #666; border-bottom: 1px solid #666; } .module-content2 li.list01 { width: 190px; background: url(img/li01.gif) no-repeat; display: block; line-height: 20px; margin: 0 0 0 0px; padding: 0; letter-spacing: 0; text-decoration: none; color: #666; text-indent:-5000px; } .module-content2 li.list02 { width: 190px; background: url(img/li02.gif) no-repeat; display: block; line-height: 20px; margin: 0 0 0 0px; padding: 0; letter-spacing: 0; text-decoration: none; color: #666; text-indent:-5000px; } .module-content2 li.list03 { width: 190px; background: url(img/li03.gif) no-repeat; display: block; line-height: 20px; margin: 0 0 0 0px; padding: 0; letter-spacing: 0; text-decoration: none; color: #666; text-indent:-5000px; } .module-content li a { _width: 190px; background: url(img/li.gif) ; display: block; font-size: 0.9em; line-height: 1.5; margin: 0; padding: 7px 3px 7px 22px; letter-spacing: 0; text-decoration: none; color: #666; } .module-content li.li2 a { _width: 190px; background: url(img/li2.gif) ; display: block; font-size: 0.9em; line-height: 1.4; margin: 0; padding: 5px 3px 5px 22px; letter-spacing: 0; text-decoration: none; color: #666; } .module-content li.li2 a:hover { _width: 190px; background: url(img/li2.gif) ; display: block; } .module-content2 li.list01 a { _width: 190px; background: url(img/li01.gif) no-repeat; display: block; font-size: 0.9em; line-height: 1.5; margin: 0; padding: 7px 3px 7px 22px; letter-spacing: 0; text-decoration: none; color: #666; } .module-content2 li.list02 a { _width: 190px; background: url(img/li02.gif) no-repeat; display: block; font-size: 0.9em; line-height: 1.5; margin: 0; padding: 7px 3px 7px 22px; letter-spacing: 0; text-decoration: none; color: #666; } .module-content2 li.list03 a { _width: 190px; background: url(img/li03.gif) no-repeat; display: block; font-size: 0.9em; line-height: 1.5; margin: 0; padding: 7px 3px 7px 22px; letter-spacing: 0; text-decoration: none; color: #666; } .module-content li a:hover { background: url(img/lih.gif) ; color: #ff6600; } .module-content2 li.list01 a:hover { background: url(img/li01h.gif) no-repeat; color: #ff6600; } .module-content2 li.list02 a:hover { background: url(img/li02h.gif) no-repeat; color: #ff6600; } .module-content2 li.list03 a:hover { background: url(img/li03h.gif) no-repeat; color: #ff6600; } .module-content li.listlabel, .listlabel { width: 190px; height: 30px; color: #fff; background: url(img/ah.gif) ; line-height: 30px; margin: 0px; text-indent: 10px; font-size: 1em; font-weight: bold; display: block; } .module-content li.listlabel2, .listlabel2 { width: 190px; height: 50px; color: #fff; background: url(img/ninkilanking.gif) ; line-height: 50px; margin: 0px; text-indent: -5000px; font-size: 1em; font-weight: bold; display: block; } .module-content li.listlabel3, .listlabel3 { width: 190px; height: 50px; color: #fff; background: url(img/koujikyuu.gif) ; line-height: 50px; margin: 0px; text-indent: -5000px; font-size: 1em; font-weight: bold; display: block; } .module-content2 li.listlabel, .listlabel { width: 190px; height: 30px; color: #fff; background: url(img/ahh.gif) ; line-height: 30px; margin: 0px; text-indent: 10px; font-size: 1em; font-weight: bold; display: block; } .module-content li.listlabel a,.listlabel a { width: 190px; height: 30px; color: #fff; background: url(img/ahh.gif) ; line-height: 30px; margin: 0; padding: 0; font-size: 1em; font-weight: bold; display: block; } .module-content2 li.listlabel a,.listlabel a { width: 190px; height: 30px; color: #fff; background: url(img/ahh.gif) ; line-height: 30px; margin: 0; padding: 0; font-size: 1em; font-weight: bold; display: block; } .module-content li.listlabel a:hover, .listlabel a:hover { width: 190px; height: 30px; color: #fff; background: url(img/ah.gif) ; line-height: 30px; margin: 0px; font-size: 1em; font-weight: bold; display: block; } #sigotodata{ width:98%; height:auto; margin:0 0 10px 0; clear:both; border-bottom:1px solid #cacaca; border-left:1px solid #cacaca; border-right:1px solid #cacaca; z-index:3; margin-bottom:200px; } .sigototitle{background:#1e1e1e;font-weight:bold;color:#fff;margin:0;padding:5px 0 5px 10px;} #sigotodata p{ border-top:1px dotted #cacaca; margin:0; padding:5px 0 5px 10px; height:100%; font-size:0.9em; background:none; } #sigotodata p.pic{ background:#e7e7e7; } .sigotodata_left{ width:40%; height:auto; float:left; } .sigotodata_right{ width:59%; height:auto; float:right; border-left:1px solid #cacaca; } *html #sigoto_lanking{width:500px;padding-left:34px;height:200px; margin-top:20px; } #sigoto_lanking{width:90%;padding-left:34px;margin-right:30px;} p.lankingcaption{background:url(http://www.baitogo.com/img/lankingcaption-bg.gif) no-repeat; text-indent:-5000px; line-height:34px; margin:20px 0 2px 0; padding:0; border-right:1px solid #ffe1c3; } *html .lanking_title{ border-left:5px solid #ff771c; border-right:5ox solid #ff771c; font-weight:bold; font-size:1.0em; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; width:100%; background:#fddaa3; } .lanking_title{ border-left:5px solid #ff771c; border-right:5ox solid #ff771c; font-weight:bold; font-size:1.0em; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; width:97%; background:#fddaa3; } .sigoto_jouhou{ padding:0 0px 0 0px; border-right:1px dotted #cacaca; border-left:1px dotted #cacaca; } .sigoto_jouhou p{padding:0 5px 0 5px;} .black1{color:black; font-weight:bold;} .red1{color:red; font-weight:bold;} .red{color:red; } .orenge{color:#EA7500; font-weight:bold;} .blue1{color:blue; font-weight:bold;}　 .blue{color:blue;} .line{background-color:#ffff00;} .sh { margin: 60px 0 15px; padding: 10px 0 25px 10px; color: #ff5064; font-size: 1.5em; font-weight: normal; line-height: 1.25; text-align: left; clear: both; background; #fff; font-family: "HGP創英角ｺﾞｼｯｸUB"; } .tiikibaito{ padding:0 60px; } .tiikibaito img{ margin:10px 10px 0 0; }