@charset "EUC-JP"; .right .image{ width:640px; height:150px; text-align:right; padding-right:5px; background:#000000 url(ここに画像のURL); /* ↑の部分に画像のURL入れてください。 サイズは横645ピクセル・たて150ピクセルです。 */ } .right .image h1{ font-size:20px; margin:2px; } .right .image h2{ font-size:16px; margin:0; } /* 基本 */ body{ background:url(http://blog79.fc2.com/s/styleaffiliate/file/bg04.gif) #000000; color:#ffffff; font-size:13px; margin:2px; } a:link{ color:#a8d5d5; } a:visited{ color:#489595; } a:hover{ color:#f0fdfd; } a:active{ color:#f7874a; } .boss{ clear:both; } p{ margin:10px 0 0; } /* outline */ .outline{ width:854px; margin:2px auto; } /* left */ .left{ width:204px; float:left; background:#222222; border-left:1px solid #666666; border-right:1px solid #666666; } .left .top{ width:191px; border-top:1px solid #666666; border-bottom:1px solid #666666; border-left:10px solid #666666; padding:2px 0 2px 3px; background:#333333; voice-family: "\"}\""; voice-family:inherit width:204px; } .left .com{ width:200px; padding:2px; border-bottom:1px solid #666666; background:#1e1e1e; } .left .com li{ margin-left:-20px; } /* right */ .right{ width:645px; float:right; margin-bottom:4px; background:transparent; } /* main */ .right .main{ width:445px;/* 記事は439pxまでok */ float:left; padding:3px; border:1px solid #666666; margin-top:2px; background:#333333; } .right .main .top{ width:420px; font-size:14px; margin:4px auto 2px; padding:2px; border-bottom:1px solid #666666; border-left:10px solid #666666; background:#000000; } .right .main .kiji{ width:440px; line-height:16px; margin:0 auto; } .right .main .foot{ width:430px; font-size:10px; text-align:right; margin:2px auto 6px; padding:2px; border:1px solid #666666; background:#000000; } .right .main .next_prev{ width:350px; margin:4px auto 2px; text-align:center; } /* sub */ .right .sub{ width:188px; float:right; border-bottom:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #666666; margin-top:2px; background:#333333; } .right .sub .top{ width:175px; padding:2px 0 2px 3px; border-top:1px solid #666666; border-bottom:1px solid #666666; border-left:10px solid #666666; background:#333333; voice-family: "\"}\""; voice-family:inherit width:204px; } .right .sub .com{ width:182px; padding:3px; background:#1e1e1e; } .right .sub .com li{ margin-left:-24px; } .right .sub .com a{ background:transparent; } .right .sub .com a:visited{ background:transparent; } .right .sub .com a:hover{ background:#969696; } /* navigation */ .navi{ width:848px; margin:2px auto; padding:2px; border:1px solid #333333; margin-bottom:5px; background:#1e1e1e; } /*1*/ .navi .first{ width:200px; float:left; margin-right:3px; } .navi .first .top{ width:194px; padding:2px; margin-bottom:2px; border-left:10px solid #333333; border-bottom:1px solid #333333; } .navi .first .content{ width:194px; padding:2px; } /* footer */ .footer{ width:844px; text-align:right; margin:2px auto; padding:2px; background:#000000; border:3px double #666666; }