@charset "utf-8"; /* CSS Document */ /* BODY ----------------------------------------------- */ * {margin:0;padding:0;} html { height: 100%; } body { text-align: center; height: 100%; font-family:'Lucida Grande',Verdana,Arial,Sans-Serif; } body, td, th { color: #333333; } body { background-color: #FFFFFF; } ul,li,ol{ list-style-type: none; } a:link { color: #FF0099; text-decoration:none; } a:visited { color: #016DD5; } a:hover { color: #016DD5; text-decoration:underline; } a img { border-style: none; } .naviImg { display: block; } #wrap { min-height: 100%; overflow:auto; } /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ /* Header ----------------------------------------------- */ #header { height: 142px; } .headerTop { height: 119px; width: 850px; margin: 0 auto; text-align: center; } .headerline { width: 100%; margin: 0; padding: 0; } /**********************************************/ /* CENTER */ /**********************************************/ #center { width: 850px; margin: 0 auto; text-align: left; margin-top: 30px; position:relative; } /* Main ----------------------------------------------- */ #main { width: 620px; float: right; margin: 0px 0px 0px 30px auto; text-align: left; } #main .post { margin-top:5px; width:620px; position:relative; float:left; } #main .post .ptitle{ background-image: url(images/p_18.jpg); background-repeat: repeat-y; height:31px; width:570px; padding:10px 0 0 50px; border-bottom:2px dashed #FF9999; } #main .post .ptitle h2{ font-size:15px; } #main .post .pbody{ padding-top:10px; width:620px; position:relative; float:left; } #categoryLeft { float: left; } #categoryRight { height: 41px; font-weight: bold; } .categorytitle { height: 30px; } #categoryTop { text-align:left; } #categoryBtm { clear: both; width: 800px; } .centernavi{ position:relative; float:left; width:620px; margin:10px 0 10px 0; } /**********************************************/ /* SIDEBAR NAVI */ /**********************************************/ #navi { width: 200px auto; float: left; overflow: hidden; margin: 0px; padding: 0px; } #navi a { display: block; } #globalnavi1 { margin: 0; padding: 0; width: 200px; } #globalnavi2 { margin: 0 0 10px 0; padding: 0; width: 200px; } #globalnavi1 li { width: 200px; height: 30px; margin: 0; padding: 0; display: inline; } #globalnavi2 li { width: 200px; height: 30px; margin: 0; padding: 0; display: inline; } #globalnavi1 a { text-indent: -9999px; /* ----- テキストを隠す */ text-decoration: none; display: block; width: 200px; height: 30px; /* ----- リンク領域を広げる */ background-image: url(images/navi_01.jpg); background-repeat: no-repeat; } #globalnavi2 a { text-indent: -9999px; /* ----- テキストを隠す */ text-decoration: none; display: block; width: 200px; height: 30px; /* ----- リンク領域を広げる */ background-image: url(images/navi_02.jpg); background-repeat: no-repeat; } #menu1 a { background-position: 0 0; } /* ----- 表示画像の位置を指定 */ #menu2 a { background-position: 0 -30px; } #menu3 a { background-position: 0 0; } #menu4 a { background-position: 0 -30px; } #menu5 a { background-position: 0 -60px; } #globalnavi1 a:hover { text-decoration: none; background-image: url(images/navi_01.jpg); background-repeat: no-repeat; } #globalnavi2 a:hover { text-decoration: none; background-image: url(images/navi_02.jpg); background-repeat: no-repeat; } #menu1 a:hover { background-position: -200px 0; } /* ----- 入れ替え画像の位置を指定 */ #menu2 a:hover { background-position: -200px -30px; } #menu3 a:hover { background-position: -200px 0; } #menu4 a:hover { background-position: -200px -30px; } #menu5 a:hover { background-position: -200px -60px; } /* SIDEBAR : SIDEADS (左ナビ リンク設置箇所） */ #sideAds { width: 188px; padding: 6px 6px 0 6px; border: #FF9999 solid 1px; margin-bottom:10px; font-size:13px; } #sideAds li a { padding-left: 26px; margin-bottom:5px; background: url(images/ads_li.jpg) no-repeat 2px ; list-style: none; font-weight: bold; } .sideAds_b { padding-top: 6px; margin-bottom: 6px; border-bottom:1px dashed #000000; } .sideAds_b_img { width: 200px; height:24px; vertical-align: text-bottom; padding: 0; margin: 0 0 0 -6px; border-top: none; background: url(images/sideAds.jpg) no-repeat; } /**********************************************/ /**********************************************/ /* Footer */ /**********************************************/ #footerAds { position: relative; float:left; width: 850px; margin-bottom:10px; text-align: left; margin-top: 30px; font-size:13px; } #footerAds .footKW{ border: 1px #ff9999 solid; padding:6px; } #footer { position: relative; height: 95px; clear: both; text-align: center; background-image: url(images/bg_f.jpg); background-repeat: repeat-x; } #footer #copy { padding-top: 20px; } /* 外部データを流用するスペースへのCSS */ /**********************************************/ /* PICKUP */ /**********************************************/ .pickupItem { position:relative; float:left; width:618px; margin-top:15px; margin-right:20px; background-image: url(images/p_15.jpg) ; background-repeat: no-repeat; padding-top:35px; border:1px solid #FF9999; } .pickupItem ul.itemlist{ list-style: none; position:relative; float:left; margin:2px 0 2px 0; padding:0 0 0 2px; } .pickupItem ul.itemlist li{ position:relative; float:left; width:110px; margin:0 0 0 4px; padding:3px; border:1px dashed #000000; } /**********************************************/ /* ITEMLIST */ /**********************************************/ #becomespace { position:relative; float:left; } ul.itemlist{ list-style: none; position:relative; float:left; margin:2px 0 2px 0; padding:0 0 0 2px; } ul.itemlist li{ position:relative; float:left; width:112px; height:180px; margin:0 0 0 4px; padding:2px; border:1px dashed #000000; } ul.itemlist li .item_pr{ margin:2px; padding:0 3px 0 3px; font-size:12px; height:20px; } ul.itemlist li span{ margin:2px; font-size:10px; height:20px; padding:0 3px 0 3px; } .pagernavi{ position:relative; float:left; width:620px; margin: 10px 0; } .pagernavi a{ margin:0; padding:5px; font-size:12px; border:1px solid #d3d3d3; } .pagernavi a:hover{ background-color:#ffe4e1; } .pagernavi .actnow{ margin:0; padding:5px; font-size:12px; border:1px solid #d3d3d3; background-color:#FF9999; color:#FFFFFF; font-weight:bold; } .itemcnt{ background-image:url(images/p_22.jpg); background-repeat:no-repeat; background-position:bottom; width:620px; margin-top:20px; position:relative; float:left; padding:0 0 35px 0; font-size:15px; }