* { padding:0; font-size: 12px; line-height: 150%; margin: 0; font-family: Verdana, Arial, sans-serif; } body{ text-align: center; background-image: url(img/bg.jpg); background-color: #D4D9D5; background-repeat: repeat-x; } #wrap{ width: 750px; text-align: left; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } /* バナー ----------------------------------*/ .banner{ height: 100px; background-image: url(img/headder.jpg); } .banner h1 a { color: #FFFFFF; padding-top: 25px; padding-left: 50px; padding-bottom: 20px; line-height: 25px; font-size: 14px; } /* コンテンツ ----------------------------------*/ .content{ border: 1px solid #B4B8B1; background-color: #FFFFFF; float: left; padding: 10px; width: 728px; } img{ border-style: none; } dt{ line-height: 22px; background-image: url(img/dt.jpg); background-repeat: no-repeat; padding-left: 20px; color: #333333; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333333; } dd{ font-size: 10px; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; color: #5F6B60; } .content ul{ list-style-type: none; float: left; } .content ul li{ float: left; width: 220px; display: block; margin-bottom: 7px; margin-right: 10px; background-image: url(img/top_li.gif); background-repeat: no-repeat; background-color: #F3F4F2; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DFE3DD; } .content li a { color: #485149; line-height: 22px; padding-left: 20px; font-size: 10px; } .link{ text-align :right; } /* アドセンス ----------------------------------*/ .ad { text-align: center; } .ad p { font-size: 12px; } /* トップページ ----------------------------------*/ .mess{ padding: 15px; background-color: #FBFBFB; margin: 10px; color: #5F6B60; border: 1px solid #E8EAE7; } #top_list { background-color: #EAECE9; float: left; margin-top: 5px; margin-bottom: 5px; border: 1px solid #D7DAD6; width: 693px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; } .mess p { font-size: 10px; }