/* ポイントマーク 画像 */ .p1mark { font-size: 14px; font-style: normal; font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W6"; line-height:70px; height: 70px; color: #003399; background: url(img/p1.gif) no-repeat left;  padding-left:60px; text-indent: 50px; } .p2mark { font-size: 14px; font-style: normal; font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W6"; line-height:70px; height: 70px; color: #003399; background: url(img/p2.gif) no-repeat left;     padding-left:60px; text-indent: 50px; } .p3mark { font-size: 14px; font-style: normal; font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W6"; line-height:70px; height: 70px; color: #003399; background: url(img/p3.gif) no-repeat left;     padding-left:60px; text-indent: 50px; } /* 基本レイアウト */ img, div { behavior: url(http://beauty-trial.org/cosme/iepngfix.htc); } html { margin: 0; padding: 0; } form { margin: 0; padding: 0; } a { text-decoration: underline; } a img { border: 0; } /* 見出し */ h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W7"; } /* リンク色(ページ全体) */ a { color: #0000ff; text-decoration: underline; } a:hover { color: #ff9900; } /* ●バナー画像入れ替え● */ #banner { background: url(img/banner.jpg) no-repeat bottom left; } /* ●タイトル背景色● */ /* ページレイアウト */ body { min-width: 850px; text-align: center; margin: 0 auto; padding: 0; font-size: 0.8em; color: #333; background: url(img2/bodybg.gif) repeat-x; line-height: 1.5; font-family: "MS Pゴシック"; position: relative; } /* ヘッダー(レイアウト) */ #header { position: relative; margin: 0 auto; padding: 0; width: 850px; border-left: 1px solid #c1e0fd; border-right: 1px solid #c1e0fd; height: 78px; text-align: left; background: url(img2/headerbg.gif) repeat-x; } #banner { position: relative; margin: 0 auto; padding: 0; width: 850px; height: 180px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; text-align: left; } #logo { margin: 0; position:absolute; top: 10px; left: 10px; } /* ヘッダー(サイトタイトル) */ #header h1 { margin: 0; font-size: 14px; font-weight: normal; line-height: 1.25; position:absolute; top: 15px; left: 300px; color: #666; } #header p { width:450px; margin: 0; font-size: 10px; font-weight: normal; line-height: 1.25; position:absolute; top: 35px; left: 300px; color: #666; } #home { margin: 0; width: 48px; height: 48px; position:absolute; top: 20px; right: 126px; background: url(img2/home1.gif) no-repeat; } #home a { margin: 0; width: 48px; height: 48px; display: block; background: url(img2/home1.gif) no-repeat; } #home a:hover { margin: 0; width: 48px; height: 48px; background: url(img2/home2.gif) no-repeat; } #rss { margin: 0; width: 48px; height: 48px; position:absolute; top: 20px; right: 68px; background: url(img2/rss1.gif) no-repeat; } #rss a { margin: 0; width: 48px; height: 48px; display: block; background: url(img2/rss1.gif) no-repeat; } #rss a:hover { margin: 0; width: 48px; height: 48px; background: url(img2/rss2.gif) no-repeat; } #un { margin: 0; width: 48px; height: 48px; position:absolute; top: 20px; right: 10px; background: url(img2/un1.gif) no-repeat; } #un a { margin: 0; width: 48px; height: 48px; display: block; background: url(img2/un1.gif) no-repeat; } #un a:hover { margin: 0; width: 48px; height: 48px; background: url(img2/un2.gif) no-repeat; } #home a span, #rss a span { display: none; } #banner h2 { width: 590px; height: 20px; margin: 0; padding: 0; font-size: 12px; font-weight: normal; line-height: 20px; position:absolute; top: 0px; left: 0px; color: #fff; z-index: 2; text-indent: 8px; } #banner p { margin:0 } /* メインコンテンツ全体 基本レイアウト*/ #container { position: relative; width: 850px; margin: 0 auto; padding: 10px 0; text-align: center; background: #fff; border-left: 1px solid #c1e0fd; border-right: 1px solid #c1e0fd; } #container p.bread{ text-align: left; font-size: 0.8em; padding: 0 0 0 5px; margin:0 0 10px 0; } #container p.bread2{ text-align:right; padding:0; margin:10px 0 0 0; } #container:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /* メインコンテンツ基本レイアウト(記事部分) */ #main { display: inline; /* ie win bugfix */ position: relative; float: left; min-height: 1px; text-align: left; width: 590px; margin:0; padding: 0; } #content { display: inline; /* ie win bugfix */ position: relative; float: left; min-height: 1px; text-align: left; width: 590px; _width:590px; margin: 0; padding: 0 0 0 5px; } .contents { position: relative; min-height: 1px; text-align: left; margin: 0 0 5px; padding: 0; _padding: 0; border: 1px solid #eee; background: #fcfcfc; } #pickupt { position: relative; min-height: 1px; text-align: left; width: 510px; height: 40px; margin: 10px 0 0; padding: 1px 0; background: url(img/pickupt.gif) no-repeat top; } #pickupt span { display: none; } #pickup { position: relative; min-height: 1px; text-align: left; width: 490px; * width: 510px; margin: 0; padding: 10px; clear: both; display: block; background: url(img/pickup.gif) no-repeat bottom; } .tops { position: relative; text-align: left; width: 490px; min-height: 120px; margin: 0; padding: 1px 0; clear: both; display: block; border-bottom: 1px dotted #0099ff; } #main #pickup p { margin: 5px 0; line-height: 1.2; font-size: 1em; } /* メインコンテンツ基本レイアウト(サイドメニュー) */ #right { position: relative; float: right; min-height: 1px; text-align: left; width: 200px; padding: 0 5px 0 0; margin: 0; background: #fff; } #side { position: relative; float: right; min-height: 1px; text-align: left; width: 270px; _width: 270px; padding: 0; margin:0; } #right { float: right; } #left { float: left; } /* 記事部分見出し */ .header1 { position: relative; width: auto; _width: 100%; margin: 0px; padding: 12px 0 12px 10px; border-top: 3px solid #006699;/* 大見出し上部ライン色 */ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; line-height: 1.25; font-size: 1.4em; font-weight: normal; font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W8"; text-transform: uppercase; clear: both; letter-spacing: 0.1em; background: url(img/li.gif); } .header { width: 770px; height: 40px; position: relative; margin: 0; padding: 7px 0 0 15px; line-height: 1; color: #fff; font-size: 1.8em; font-weight: normal; font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W8"; letter-spacing: 0.1em; background: url(img2/headerh2bg.gif) no-repeat; } .header1 .date { display: block; font-size: 0.6em; color: #666; letter-spacing: 0em; margin: 0; padding: 0; position:absolute; top: 5px; right: 5px; } .header2 { width: 590px; height: 30px; padding: 0 0 0 15px; font-size: 1.3em; font-weight: bold; font-family: "MS P明朝", "平成明朝"; line-height: 30px; clear:both; background: url(img2/headerh2bg2.gif) no-repeat; } .header2 a { color: #444;} .header3 { position: relative; margin-top: 10px; background:url(http://www.tou-hyou.com/img/header3bg.gif) no-repeat; padding: 2px 0 2px 40px; font-size: 1.1em; font-weight: normal; font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W8"; line-height: 30px; } .header4 { position: relative; margin-top: 0px; padding: 2px 0 2px 40px; font-size: 1.6em; font-weight: normal; line-height:35px; color:#0f80ff; border-bottom:3px solid #72c8ff; font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W8"; } .header-btitle1 { widht: 750px; height: 73px; line-height: 100px; font-size: 1.6em; font-weight: bold; color: #d83243; padding: 5px 0 5px 100px; background: url(img2/hpoint1.gif) no-repeat left; } .header-btitle2 { widht: 750px; height: 73px; line-height: 100px; font-size: 1.6em; font-weight: bold; color: #d83243; padding: 5px 0 5px 110px; background: url(img2/hpoint2.gif) no-repeat left; } .header-btitle3 { widht: 750px; height: 73px; line-height: 100px; font-size: 1.6em; font-weight: bold; color: #d83243; padding: 5px 0 5px 110px; background: url(img2/hpoint3.gif) no-repeat left; } .hbox { font-size: 1.0em; line-height: 25px; } .tops .header { position: relative; margin: 0; border-bottom: none; padding: 0 0 0 5px; font-size: 14px; font-weight: normal; font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W6"; color: #ff6600; line-height: 1.25; display: inlineblock; letter-spacing: 0; } .header a, .header2 a { text-decoration: none; } #main p { padding: 0 10px; font-size:1.2em; } #main p.note{ margin: 25px 0; background-image: url(img/dottedline.gif); line-height: 25px; } .entry { line-height: 1.5; margin: 5px 0; padding: 10px; clear:both; } .entry2header{ height:10px; background:url(img/entry2bg.gif) no-repeat left top; } .entry2 { line-height: 1.5; margin: 0 0 10px 0; padding: 10px 20px 40px 20px; clear:both; background:url(img/entry2bg.gif) no-repeat left bottom #daf2f1; color:#666; } body #main .entry2 p{ padding:0; margin:0 0 10px 0; font-size:0.9em; } .entry2 .setnaiyou{ display:block; width:70px; height:19px; background:url(img/setnaiyou.gif) no-repeat; text-indent:-5000px; } .entry h3{ font-weight:bold; font-family: "MS Pゴシック"; font-size:1.2em; clear:both; } .entry .note p{ background:url(http://www.tou-hyou.com/img/note_line.gif); line-height:34px; } .more { float:right; margin: 5px; clear:both; } .shousai{ display:block; float:right; } .shousai a{ display:block; width:90px; height:23px; text-indent:-5000px; background:url(img/shousaikotira.gif) no-repeat; } .shousai a:hover{ display:block; width:90px; height:23px; text-indent:-5000px; background:url(img/shousaikotirah.gif) no-repeat; } /* フッター */ #footer { position: relative; width: 850px; margin: 0 auto 10px; padding: 0; height: 80px; text-align: center; font-size: 0.9em; clear: both; background: #fff; } #footer p { margin: 0; padding: 0; } .copy { margin: 0; padding: 20px 0 0; color: #667ec8; font-size: 0.9em; } #f-navi { position: relative; width: 850px; margin: 0 auto; text-align: center; padding: 10px 0; border-top: 1px solid #ccc; border-left: 1px solid #c1e0fd; border-right: 1px solid #c1e0fd; border-bottom: 1px solid #ccc; background: url(img2/f-navibg.gif) repeat; } /* サイドメニュー内部 */ .cat-header { position: relative; width: 200px; margin: 0 auto; } #right li.ctitle { position: relative; display: block; width: 200px; _width:200px; height: 35px; margin: 0; padding: 0 0 0 10px; text-align: left; color: #fff; background: url(img2/st.gif) no-repeat; font-size: 12px; font-family: "MS P明朝", "平成明朝"; line-height: 40px; font-weight: bold; } .cat-header span { display: none; } .cat-cont { position: relative; width: 200px; _width: 200px; margin: 0 auto; } #right .cat-cont ul { margin: 0; padding: 0; } #right .cat-cont li a { display: block; width: 200px; height: 35px; font-size: 14px; line-height: 36px; margin: 0; padding: 0; letter-spacing: 0; text-decoration: none; color: #666; padding-left: 25px; border-left: none; border-bottom: none; background: url(img2/li.gif) no-repeat left; } #right .cat-cont li a:hover { color: #eb3846; text-decoration: underline; background: url(img2/li.gif) no-repeat left; } .sidebottom { width: 200px; height: 12px; background: url(img2/sidebottom.gif) no-repeat; } #side ul, #right ul { margin: 0; padding: 0; list-style: none; } #side li, #right li { width: 200px; _width: 200px; display: block; line-height: 20px; margin: 0; padding: 0; letter-spacing: 0; text-decoration: none; color: #666; background: url(img2/li.gif) ; } #side li a, #right li a { width: auto; _width: 200px; font-size: 0.9em; padding: 0; color: #666; display: block; line-height: 1.5; margin: 0; text-decoration: none; } #side li a:hover, #right li a:hover { color: #b01c69; } .side-header { position: relative; width: auto; height: 30px; _height: 40px; margin: 5px 0 0; padding: 10px 0 0; color: #333; background: url(img2/st.gif) no-repeat; font-size: 11px; line-height: 20px; text-align: center; letter-spacing: 1em; } .box { position: relative; width: auto; _width: 100%; line-height: 1.5; margin: 0 0 5px; padding: 0 15px; font-size: 0.9em; border: 1px solid #dcdcdc; } .gotop { height: 18px; text-align: right; margin: 15px; padding: 0 20px 0 0; background: url(img/gotop.gif) no-repeat right; clear: both; } #side p, #left p { margin: 5px 0; padding: 0; } .center { text-align: center; } .widget { margin: 0; padding: 10px 0; } .widget-center { margin: 0; padding: 10px 0; text-align: center; } .img { margin: 0 10px 10px; float: left; } .imgr { margin: 0 10px 10px; float: right; } .imgt { margin: 5px 5px 10px 10px; float: left; } .line { both; margin: 0 5px; } img { border: none; } #left table { width: 190px; font-size: 0.9em; margin: 0 auto 4px; } #left th { padding: 2px 0; text-align: center; border: 1px solid #ddd; background: #eee; } #left td { padding: 2px 0; text-align: center; border: 1px solid #ddd; background: #fff; } #left dl { margin: 5px; } .side2 { margin: 0; padding: 0; width: 200px; min-height: 200px; _height: 200px; background: url(img/side2.gif) no-repeat right; text-align: center; } .side-cont { margin: 10px 0 10px; padding: 0 10px; background: #fff; text-align: left; border:#869ad6 solid 1px; } .rcont { margin: 0; padding: 0; line-height: 1.2; font-size: 0.9em; text-align: left; } .tops { font-size: 0.85em; margin: 0; } #pickup p { margin: 0 5px; } .imgleft{ float:left; margin:0 10px 10px 0; } .imgright{ float:right; margin:0 0 10px 10px; } .entry1{ padding:5px 15px 5px 15px; background:url(img/entry1bodybg.gif) repeat-y; clear:both; } .entry1top { padding:5px 15px 5px 15px; background:url(img/entry1bg.gif) no-repeat; clear:both; height:15px; } .entry1bottom { padding:5px 15px 5px 15px; background:url(img/entry1bottombg.gif) bottom no-repeat; clear:both; height:15px; } .entry3{ margin:20px 0 0 0; } .lanking{ clear:both; border:1px solid #cacaca; } .lanking .imgleft{ float:left; margin:10px 10px 10px 0; } .lanking p{ width:373px; float:right; } .cosmelanking{ padding-top:20px; border-top:1px dotted #e2e0e0; } .cosmelanking .lankingtitle{ display:block; line-height:50px; text-indent:-5000px; background:url(img/cosmelankingbg.gif) no-repeat; } .lanking .lankingcosmetitle{ display:block; color:#667ec8; font-weight:bold; margin:0 0 10px 0; } /* 文字装飾 */ .b /* 太文字 */ { font-weight: bold; } .br /* 赤太文字 */ { color: #0052d9; font-weight: bold; } .bb /* 黒太文字 */ { color: #000; font-weight: bold; } .bbr /* 大き目の赤文字 */ { color: #FF2B2B; font-size: 1.2em; font-family: "HGP創英角ゴシックUB"; font-weight: normal; } .bbb /* 大き目の黒文字 */ { color: #000; font-size: 1.2em; font-family: "HGP創英角ゴシックUB"; font-weight: normal; } .linered /* 黄色ラインに赤太文字 */ { color: #D50035; font-weight: bold; background: #ffff00;} / .linebrack /* 黄色ラインに黒太文字 */ { color: #000000; font-weight: bold; background: #ffff00;} / .line /* 背景マーカー処理 */ { color: #ff0000; background: #ffff00; } /*ピンクふと文字*/ .pink{ color:#ff6fb3; font-weight:bold; } /* 文字色 */ .red { color: #FF2B2B; } /* 赤 */ .blue { color: #506DC5; font-size:16px;} /* 青 */ .green { color: #339900; } /* 緑 */ .orange { color: #ff9900; } /* オレンジ */ .line /* 背景マーカー処理 */ { background: #ffff00; } .linered { color: #D50035; font-weight: bold; background: #ffff00;} / .u /* アンダーライン */ { border-bottom: 1.2px solid ; border-color: #FF6347; } .u1 /* アンダーライン */ { border-bottom: 1px dotted ; border-color: #ff0000; } .u2 /* アンダーライン */ { border-bottom: 1px dotted ; border-color: #32CD32; } .u3 /* アンダーライン */ { border-bottom: 1px solid ; border-color: #ff9900; } .u4 /* アンダーライン */ { border-bottom: 5px double ; border-color: #ff9900; } .order a { display: block; height: 60px; width: 320px; margin: 50px auto; background: url(imgimg/push.gif) no-repeat #ff0000; text-indent: -9999px; } .order a:hover { display: block; height: 60px; width: 320px; margin: 50px auto; background: url(imgimg/push_h.gif) no-repeat #ff9900; } /*PRスタイル*/ #news div{ width:100%; border:#cdd2e0 solid 1px; padding:10px; margin-bottom:10px; } #news div a{ font-size:1.2em; font-weight:bold; } #main #news div p{ margin:5px 0 0 0; padding:0; } #main #news div .imgleft2{ float:left; margin:0 10px 0 0; } #news div .prurl{ color:#92c0ff; } #news div img{ border:1px solid #e3e0e0; } /* 赤小文字 */ .kome { font-size: 12px; color: #cc0000; line-height: 1.25;} .s { text-align: center; font-size: 12px; color: #333; line-height: 1.25; } .copy { text-align: center; font-size: 12px; color: #666; line-height: 1.25; margin: 5px 0 50px;} /* ラインマーカー -------------------------------------------------------------*/ .line1 { background: #ff99cc; } /*ピンク*/ .line2 { background: #ff9966; } /*オレンジ*/ .line3 { background: #ccff66; } /*黄緑*/ .line4 { background: #99ccff; } /*水色*/ .line5 { background: #ccccff; } /*ラベンダー*/ /* フォントの指定 -------------------------------------------------------------*/ .font{ font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W8"; } .arial{ font-family: "Arial"; } .arial-b{ font-family: "Arial Black"; } .comic{ font-family: "Comic Sans MS"; } .courier{ font-family: "Courier New"; } .time{ font-family: "Times New Roman"; } .impact{ font-family: "Impact"; } .trebuchet{ font-family: "Trebchet MS"; } .verdana{ font-family: "Verdana"; } /* フォントのサイズ -------------------------------------------------------------*/ .fs9{ font-size: 9pt!important; } .fs10{ font-size: 10pt!important; } .fs11{ font-size: 11pt!important; } .fs12{ font-size: 12pt!important; } .fs14{ font-size: 14pt!important; } .fs16{ font-size: 16pt!important; } .fs18{ font-size: 18pt!important; } .fs20{ font-size: 20pt!important; } .fs22{ font-size: 22pt!important; } .fs24{ font-size: 24pt!important; } /* 線 -------------------------------------------------------------*/ .border1 { border: 1px solid #cccccc; }/*グレーの線*/ .border2 { border: 1px solid #ff99cc; }/*ピンクの線*/ .border3 { border: 1px solid #cc0000; }/*赤の線*/ .border4 { border: 1px solid #000000; }/*黒の線*/ .border5 { border: 6px solid #ff0000; }/*黒の線*/ body .entry img.borderimg { display:inline; padding:1px; _padding:2px; border:1px solid #4d7bff; background:#fff; } #bannertop{ width:978px; _width:850px; height:auto; background:none; padding:10px; margin-bottom:10px; border:1px solid #cacaca; } .new{ padding:0; margin-bottom:15px; } .bannertopinner1{ width:200px; height:250px; float:left; background:#666; margin-right:10px; } .bannertopinner2{ width:508px; height:250px; float:left; background:none; margin-right:10px; } body .bannertopinner2 p.listmark{ line-height:24px; text-indent:20px; text-align:left; padding:0; margin:0; font-size:0.8em; background:url(img/listbg.gif) no-repeat left; } body .bannertopinner2 p{ line-height:24px; text-indent:20px; text-align:left; padding:0; margin:0; font-size:0.8em; } .dottedline{ border-bottom:1px dotted #cacaca; clear:both; } .bannertopinner3{ width:250px; height:250px; background:#fff; float:right; } /*フロート左右*/ .left{ float:left; } .right{ float:right; } /*ポイント*/ ul.point{ float:right; width:560px; _width:580px; height:180px; _height:200px; background:url(img/point.gif) no-repeat; margin:0px; padding:10px; list-style-type:none; } ul.point li{ padding:0 0 0 70px; line-height:60px; } /*ポイントボックス*/ .pointline{ width:790px; height:27px; background:url(img/waku1.gif) no-repeat top; clear:both; } .pointlinebottom{ width:750px; _width:790px; height:auto; background:url(img/waku2.gif) no-repeat bottom; padding:5px 20px 10px 20px; margin-bottom:15px; } .pointlinebottom p{ background:url(img/dottedline.gif); line-height:25px; margin-bottom:20px; } /*データテーブル*/ table.data { width: 790px; border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0; font-size:0.9em; } table.data th { padding: 5px; border: #E3E3E3 solid; border-width: 0 0 1px 1px; background: #f0f8eb; font-weight: bold; line-height: 120%; text-align: center; white-space: nowrap; } table.data td { padding: 5px; border: 1px #E3E3E3 solid; border-width: 0 0 1px 1px; text-align: center; } /*お申込ボタン*/ .omousikomi a{ margin:15px 0; width:100%; height:82px; display:block; text-indent:-5000px; background:url(img/syousai.gif) no-repeat center; } .omousikomi a:hover{ background:url(img/syousai2.gif) no-repeat center; } /*ライン*/ .line-green{ width:100%; height:1px; margin:15px 0; background:url(img/hrbg.gif) repeat-x; clear:both; } /*ランキングテーブル*/ /*データテーブル*/ table#ranking { width: 770px; border: 1px #ccc solid; border-collapse: collapse; border-spacing: 0; } table#ranking th { padding: 10px 10px; border: #ccc solid; border-width: 0 0 1px 1px; background: #e0ffff; font-weight: bold; line-height: 120%; text-align: center; white-space: nowrap; } table#ranking td { padding: 5px; border: 1px #ccc solid; border-width: 0 0 1px 1px; text-align: left; font-size:0.8em; _font-size:0.8em; } table#ranking td.centerboth{ text-align:center; white-space: nowrap; } /*オススメ商品*/ .osusume { width: 590px; border: 1px solid #6699ff; padding: 10px 10px; font-size: 1em; text-align: left; margin-bottom: 20px; } .osusumename { color: #000000; text-align: left; font-size: 1.2em; font-weight: bold; width: 590px; height: 30px; margin: 0 0 5px 0; padding: 3px 0 2px 20px; background: url(img2/osusumenamebg.gif) no-repeat; } .point { text-align: left; margin: 0 0 0 20px; font-size: 0.8em; background: url(img2/osusume-line.gif) no-repeat bottom; } .osusumeshou { width: 580px; margin: 5px 0; padding: 5px 5px; background: url(img2/infobg.gif) repeat-x; } .osususho a { width: 216px; height: 34px; display: block; background: url(img2/osususho1.gif) no-repeat; text-indent:-5000px; text-align: center; position:relative; margin: 0 auto; } .osususho a:hover { background: url(img2/osususho2.gif) no-repeat;} /*新着*/ .new-main { width: 280px; float: left; text-align: left; } .new-box { font-size: 1em; width: 280px; padding: 5px 0; border-top: 1px solid #6699ff; border-left: 1px solid #6699ff; margin-bottom:10px; background: #fff; } .new-box a { color: #ff6868; text-decoration: underline; } .new-box a:hover { color: #f0f; text-decoration: none; } /*注目*/ .info-main { width: 280px; float: right; text-align: left; } .info-box { font-size: 0.8em; width: 280px; padding: 5px 0; border-top: 1px solid #6699ff; border-left: 1px solid #6699ff; margin-bottom:10px; background: #fff; } .info-box a { color: #ff6868; text-decoration: underline; } .info-box a:hover { color: #f0f; text-decoration: none; } /*回り込み解除*/ .clear{ clear:both;} .main-con { width: 590px; height: 30px; padding: 0 10px; line-height: 30px; font-size: 1.1em; font-weight: bold; color: #fff; background: url(img2/maincontop.gif) no-repeat; } .main-con2 { width: 590px; font-size: 0.9em; color: #fff; background: url(img2/mainconin.gif) repeat; } .main-conin { margin: 0 auto; text-align: left; width: 590px; padding: 0 10px; font-size: 1em; color: #fff; background: url(img2/mainconin.gif) repeat; } .main-con3 { width: 590px; height: 35px; padding: 0 10px; margin-bottom: 20px; background: url(img2/mainconbottom.gif) no-repeat; } /*サイドアクセスランキング*/ .siderank { width: 196px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 10px 0; background: #fff; } .siderank1 { background: url(img2/siderank1.gif) no-repeat bottom; padding: 0 2px; font-size: 0.8em; } .siderank2 { background: url(img2/siderank2.gif) no-repeat bottom; padding: 10px 2px; font-size: 0.8em; } .siderank3 { background: url(img2/siderank3.gif) no-repeat bottom; padding: 10px 2px; font-size: 0.8em; } .siderank4 { background: url(img2/siderank4.gif) no-repeat bottom; padding: 10px 2px; font-size: 0.8em; } .siderank5 { background: url(img2/siderank5.gif) no-repeat bottom; padding: 10px 2px; font-size: 0.8em; } /*カテゴリ別ボタン*/ .shousai5 a{ display:block; width:211px; height:37px; background:url(img2/shousai5.gif) no-repeat; text-indent:-5000px; position:relative; right:280px; top:10px; float:right; } .shousai5 a:hover{ background:url(img2/shousai6.gif) no-repeat; } .shousai1 a{ display:block; width:350px; height:80px; background:url(img2/shousai1.gif) no-repeat; text-indent:-5000px; position:relative; right:200px; float:right; padding-bottom: 40px; } .shousai1 a:hover{ background:url(img2/shousai2.gif) no-repeat; } /*ランキング下*/ .bottom-ranking { width: 750px; height: 30px; position: relative; margin: 30px 0 5px 0; padding: 7px 0 0 25px; line-height: 1; color: #fff; font-size: 1.8em; font-weight: normal; font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W8"; letter-spacing: 0.1em; background: url(img2/rankingbana.gif) no-repeat; } .ranklink a{ display:block; width:170px; height:30px; background:url(img2/ranklink1.gif) no-repeat; text-indent:-5000px; position:relative; top:10px; bottom: 10px; float:right; } .ranklink a:hover{ background:url(img2/ranklink2.gif) no-repeat; } /*ブログ記事ランキング*/ .blogrank1 { width: 590px; height: 72px; font-size: 1.5em; color: #970000; font-weight: bold; line-height: 75px; padding-left: 75px; background: url(img2/blogrank1.gif) no-repeat left; } .blogrank2 { width: 590px; height: 72px; font-size: 1.5em; color: #970000; font-weight: bold; line-height: 75px; padding-left: 75px; background: url(img2/blogrank2.gif) no-repeat left; } .blogrank3 { width: 590px; height: 72px; font-size: 1.5em; color: #970000; font-weight: bold; line-height: 75px; padding-left: 75px; background: url(img2/blogrank3.gif) no-repeat left; } .blogrank4 { width: 590px; height: 72px; font-size: 1.5em; color: #970000; font-weight: bold; line-height: 75px; padding-left: 75px; background: url(img2/blogrank4.gif) no-repeat left; } .blogrank5 { width: 590px; height: 72px; font-size: 1.5em; color: #970000; font-weight: bold; line-height: 75px; padding-left: 75px; background: url(img2/blogrank5.gif) no-repeat left; } .blogrank6 { width: 590px; height: 72px; font-size: 1.5em; color: #970000; font-weight: bold; line-height: 75px; padding-left: 75px; background: url(img2/blogrank6.gif) no-repeat left; } /*ブログ記事ポイント*/ .bpoint { width: 590px; height: 45px; clear:both; background: url(img2/bpointtop.gif) no-repeat; } .bpoint-bottom p { width: 550px; background:url(img2/bpointline.gif); margin: 0 0 0 30px; line-height:25px; margin-bottom:20px; } .bpoint-bottom { width:590px; _width:590px; height:auto; background:url(img2/bpointbottom.gif) no-repeat bottom; padding:5px 0 10px 0; margin-bottom:15px; } 0