@charset "utf-8"; /* CSS Document */ *{ margin:0; padding:0; } /*======== ========*/ body{ color:#666; font-family:Verdana, Arial, "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳＰゴシック", sans-serif; font-size:12px; line-height:14px; text-align:center; background:#CCC; margin: 0 auto; } /*======== Block Level ========*/ h1,h2,div,p,ul,ol,li{ font-size:100%; text-align:left; } /*IE6*/ * html h1, * html h2, * html div{ height:1px; } * html div#Header2{ margin-top:-3px; } * html div#Header2 p { padding-top: 7px; } * html div#left p { margin-bottom: 15px; } * html div#right p{ font-size:75%; } * html div#contents{ margin-top:-2px; } /*======== ========*/ a:link{ color:#FFFFFF; text-decoration:none; } a:visited{ color:#FFFFFF; text-decoration:none; } a:hover{ color:#CCCCCC; text-decoration:underline; } a:active{ color:#CCCCCC; text-decoration:underline; } /*======== ========*/ a.deal{ font-weight: none; } a.deal:link{ color:#669999; text-decoration:none; } a.deal:visited{ color:#669999; text-decoration:none; } a.deal:hover{ color:#CCCCCC; text-decoration:underline; } a.deal:active{ color:#CCCCCC; text-decoration:underline; } /*========

========*/ hr{ display:none; } /*================================================================ 2 : Layout Setting ================================================================*/ /*======== div#All ========*/ div#All{ width:740px; height: auto; margin:0 auto; background-color:#fff; } /*======== div#Header ========*/ div#Header{ width:740px; height:20px; background:url(../images/hadder_footer_back.gif) no-repeat; } div#Header h1{ padding-top:3px; padding-left:10px; font-size: 12px; color: #FFFFFF; } div#Header p { width: 740px; height: 20px; margin:0 auto; text-align:center; } /*======== div#Header2 ========*/ div#Header2{ width:740px; height:20px; background:url(../images/top_menu_back.gif) no-repeat; } div#Header2 p { width: 740px; height: 20px; padding-top: 4px; margin:0 auto; text-align:center; color: #FFFFFF; } /*======== div#contents ========*/ div#contents{ width:740px; height:100%; background-color:#fff; } /*======== div#Main ========*/ div#Main{ width:380px; height:1600px; float:left; background-color:#fff; } /*======== div#Menu ========*/ div#left { width:220px; height:1600px; background:#666; float:left; } div#left p { width: 200px; height: 40px; margin:0 auto; margin-top: 10px; margin-bottom: 25px; text-align:center; color: #FFFFFF; } ul#menu { list-style-type: none; } ul#menu a { display:block; width:205px; height:30px; margin:0; padding-left:15px; overflow:hidden; background-image:url(../images/left_menu_back.gif); background-repeat: no-repeat; font-size:12px; line-height:30px; color:#FFF; text-decoration:none; } ul#menu a:hover { background-position:0 -30px; } div#Menu .banner{ margin:10px 10px 0 0; } div#Menu p{ text-align:center; margin-top: 20px; margin-left: 10px; } /*======== div#right ========*/ div#right{ background:#666; width:140px; height:1600px; float:right; } div#right p{ width:120px; font-size:10px; margin:0 auto; text-align:center; margin-top: 10px; margin-bottom: 10px; } /*======== div#Footer ========*/ div#Footer{ width:740px; height: 20px; text-align:center; background: url(../images/hadder_footer_back.gif); background-repeat: no-repeat; list-style:none; clear:both; } div#Footer p{ color:#fff; padding-top:5px; font-size:12px; text-align:center; }