@charset "Shift_JIS"; /*================================================================ 1 : Basic Setting ================================================================*/ /*======== 1-1 : Universal Selector ========*/ *{ margin:0; padding:0; } /*======== 1-2 : ========*/ body{ color:#666666; font-size:75%;/* IE */ line-height:1.5; text-align:center; background:#336600; background-image:url(img/green.jpg); background-repeat:repeat-x } html>/**/body { font-size: 12px; /* Except IE */ } /*======== 1-3 : Block Level ========*/ h1,h4,div,p,ul,ol,li{ font-size:100%; text-align:left; } h2{ font-size:130%; text-align:left; color:#333333; } h7{ font-size:80%; text-align:left; color:#FOFOFO; } /*IE6*/ * html h1, * html h2, * html div{ height:1px; } /*======== 1-5 : ========*/ a:link{ color:#339900; text-decoration:none; } a:visited{ color:#666; text-decoration:none; } a:hover{ color:#9999CC; text-decoration:underline; } a:active{ color:#CC0000; text-decoration:underline; } /*======== 1-6 :

========*/ hr{ display:none; } /*================================================================ 2 : Layout Setting ================================================================*/ /*======== 2-1 : div#wrapper ========*/ div#wrapper{ background:#fff; width:800px; margin:0 auto; } /*======== 2-2 : div#Header ========*/ div#Header{ background:#fff; width:800px; } div#Header h1{ width:800px; height:100px; text-indent:-9000px; background-image:url(img/logo800.gif) } /*======== 2-3 : div#column ========*/ div#column{ background:#fff; width:800px; height:inherit; padding-top:0px; background-image:url(img/800-180bk.html); background-repeat: repeat-y; float:right; } .box { margin:5px; padding:10px; width: 760px; height: auto; border: #ccc 3px dotted; } .box h3{ width:540px; height:30px; text-indent:-9000px; background-image:url(img/corner500.jpg); } /*======== 3-1 : div#menu ========*/ div#menu{ display:block; margin:0; width:800px; height:30px; background:#ccff99; } #menu em{ float:left; list-style:none; text-indent:-9999px; } #menu a { text-decoration:none; display:block; width:120px; height:30px; background-image:url(img/menubar.gif); background-position:left top; } #menu a{ width:120px; height:30px; } #menu01 a{ background-position:0px -30px; } #menu02 a{ background-position:-120px 0px; } #menu03 a{ background-position:-240px 0; } #menu04 a{ background-position:-360px 0; } #menu01 a:hover{ background-position:0 -30px; } #menu02 a:hover{ background-position:-120px -30px; } #menu03 a:hover{ background-position:-240px -30px; } #menu04 a:hover{ background-position:-360px -30px; } /*======== 2-6 : div#Footer ========*/ div#Footer{ font-size:80%; background:#fafafa; width:800px; height:100px; clear:both; } div#Footer ul{ text-align:center; background-image:url(img/20-800bk.html); padding:0px 0; margin:0 0 5px 0; list-style:none; } div#Footer ul li{ margin:0 5px; display:inline; } div#Footer p{ text-align:center; padding:0px 0; }