body { background:#fff; color:#000; font:80% verdana,arial,sans-serif; margin:0; padding:0; scrollbar-face-color:#ccc; scrollbar-shadow-color:#800080; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#999; scrollbar-darkshadow-color:#ddd; scrollbar-track-color:#fff; scrollbar-arrow-color:#800080; } p { color:#999; font:1em verdana,arial,sans-serif; margin:7px 0; padding:0; line-height:1.5em; } p.first:first-letter { color:#999; font:bold 3em verdana,arial,sans-serif; } pre { color:#999; font:1em verdana,arial,sans-serif; margin:7px 0; padding:0; line-height:1.5em; } .html_good { color:#ff9900; } .html_p_notes { margin:0 10% 1em 10%; text-align:left; font-size:0.85em; line-height:1.5em; } h1 { color:#fff; font-family:'century gothic',verdana,arial,sans-serif; margin:0 0 3px 0; padding:0; } h2,h3,h4 { color:#999; letter-spacing:0.2em; margin:7px 0 3px; padding:0; } h1#hello { color:#ccc; } h1.hello { color:#ccc; } h1 a:link, h3 a:link, h1 a:visited, h3 a:visited { background:transparent; color:#999; font-family:'century gothic',verdana,arial,sans-serif; text-decoration:none; border:none; } h1 a:active, h3 a:active, h1 a:hover, h3 a:hover { background:transparent; color:#999; text-decoration:underline; } ul { color:#999; margin:3px 0; list-style:square; } ul li { margin:3px 0; } ul.n { list-style:none; } ul.map { list-style-image:url(img/map.gif); } img,img a { border:none; margin:0; padding:0; } #tn ul { list-style:none; } #tn ul li { display:inline; } #big { background:#000; position:absolute; top:2em; left:170px; } #imagegallery { margin:3px 0; padding:0; list-style:none; } #imagegallery ul li { display:inline; } hr.slice { color:#ddd; background-color:#ddd; height:1px; border:none; } form { color:#000; } form dt { color:#ddd; margin:7px 0 3px 0; padding:0; } form dd { margin:3px 0; padding:0; } .noteformdt { float:left; padding-right:10px; } #thisform { background:#eee; font-family:verdana,arial,sans-serif; margin:1px 0; padding:10px; } #thisform label { color:#333; } #thisform label.req { color:#800080; } #thisform label em { font-style:normal; text-decoration:underline; } #thisform fieldset { margin:3px 0; padding:10px; width:auto; border:1px solid #999; border-width:1px 2px 2px 1px; } #thisform legend { background:#666; margin:10px 0; padding:2px 10px; } .formsec { background:#eee; margin:3px 0; padding:3px 0; } input,select,textarea { background:#fff; font:1em verdana,arial,sans-serif; margin:2px 0; padding:2px; border:1px solid #ccc; border-width:1px; } input:hover,input:focus,textarea:hober,textarea:focus { background:#cccc00; } #result { background:#eee; margin:0; padding:10px; } #result p { color:#000; } #submit,#submit_getlist,#submit2 { background:#fff; margin:3px 0; padding:3px 7px; cursor:pointer; } #submit:hover,#submit_getlist:hover { background:#ddd; border:1px solid #ccc; border-width:1px; } #btn { font:0.8em 'lucida-console',verdana,arial,sans-serif; cursor:pointer; } #temple { background:#ddd; color:#000; font:0.8em verdana,arial,sans-serif; text-align:right; margin:0; padding:70px 10px 0; } #templec { background:#fff; color:#000; font:0.8em verdana,arial,sans-serif; text-align:right; margin:0; padding:70px 10px 0; } #logo { float:left; display:none; } #wrapper { background:#333; margin:0; padding:0; } #content { background:#333; margin:0 0 0 17%; padding:0 10px 10px; } #wrapper2 { background:transparent url(/img/bg/tree.png) 0 0 no-repeat; } #wnote { background:transparent url(/img/bg/abc.png) left top no-repeat; } #wnota { background:transparent url(/img/bg/abc.png) center bottom repeat-y; } #wrapperc { background:#fff; margin:0; padding:0; } #contentc { background:#fff; margin:0 0 0 17%; padding:0 10px 10px; } #footer { background:#333; font:0.8em verdana,arial,sans-serif; text-align:right; margin:0 0 0 17%; padding:20px 10px 10px; clear:both; border:1px solid #cccc00; border-width:0 0 0 2px; } #footers { font:0.8em verdana,arial,sans-serif; text-align:right; margin:0 0 0 17%; padding:20px 10px 10px; clear:both; } #sidebar { float:right; background:#fff; color:#000; margin:0 0 0 10px; padding:50px 10px 10px; width:19%; height:auto; } #sidebar p { color:#000; font-size:0.9em; } #sidebar ul { color:#000; } #sidebaru2 { float:right; margin:0 0 0 10px; padding:0; width:auto; height:auto; } #calendar { float:right; background:#fff; color:#666; margin:0 0 0 10px; padding:10px; width:200px; height:auto; } .day { background:#ddd; } .today { background:#999; color:#fff; } .commentby { color:#666699; font:0.8em verdana,arial,sans-serif; margin:0 0 20px; padding:0; } .le { text-align:left; } .ce { text-align:center; } .ri { text-align:right; } .flr { float:right; } .fll { float:left; } .cocomasdesign { color:#666; font:normal 30px 'century gothic',verdana,arial; } .designcocomas { color:#666; font:bold 30px 'century gothic',verdana,arial; } .designnote { position:relative; top:0; left:20px; color:#ccc; } .all { font:italic bold 1em/1.5em verdana,arial,sans-serif; } .bac { background:#fff url("img/clcb.gif") center bottom no-repeat; } .baclefttop { background:#fff url("img/clcb.gif") 0 0 no-repeat; } .blkr { background:#fff url("img/ninja.png") right bottom no-repeat; height:770px; } .border { border:1px solid #999; border-width:1px 2px 2px 1px; } .letter { letter-spacing:0.3em; } .accelerator { text-decoration:underline; } address { color:#999; font:1em 'century gothic',verdana,arial,sans-serif; margin:5px 0; padding:0; } code { color:#999; font:1em 'lucida console',verdana,arial,sans-serif; } .box { border:1px solid #333; padding:5px; } .bar { background:#999; width:100%; } .sq { background:#ff0033; width:30px; height:30px; border-top:1px solid #ccc; border-right:1px solid #333; border-bottom:1px solid #333; border-left:1px solid #ccc; } .vert { width:1px; height:70px; } .vert1 { width:1px; height:200px; } .mov { background:#000; } #jumper { float:right; font:0.8em verdana,arial,sans-serif; margin:0; padding:10px; } #pob,#graphic,.hidden,#ninja { display:none; } .company { font:1em 'century gothic',arial,verdana; } #tux { background:#fff; margin:10px; text-align:right; } .clear { clear:both; } .break { page-break-before:always; } .shy { color:#666; font:0.8em arial,verdana,sans-serif; } .encode { color:#ccc; font:bold 1.3em 'lucida console',verdana,arial,sans-serif; margin:0; padding:10px; } .caption { background:#fff; color:#666; margin:10px; padding:10px; } .caption p { font:small verdana,arial,sans-serif; margin:0; padding:0; line-height:1.5em; } .why { display:block; border:0; } .golden { color:#ffcc33; } .goldesign { color:#ffb90f; } .lipstick { color:#ff0033; } .bluey { color:#ccf; } .alert { color:#cd0000; } .success { color:#009900; } .cran { color:#990000; } .avo { color:#cccc00; } .one { background:#e0e0e0; width:300px; height:100px; border:1px solid #999; margin:10px; } .two { background:#c0c0c0; width:300px; height:30px; border-bottom:1px solid #000; } #ws { position:absolute; left:185px; top:50px; color:#fff; z-index:7; } #wh { position:absolute; left:365px; top:30px; color:#ccc; z-index:3; } #sample-product { margin:17px 0 20px; padding:0; } #what { background:#333 url("/img/design/rockgirl.jpg") 0 0 no-repeat; height:359px; } .whatv { width:1px; height:310px; } .whaton { background:#666; opacity:.50; filter:alpha(opacity=50); -moz-opacity:0.5; color:#999; font:30px verdana,arial; margin:0; padding:0 10px; height:50px; } #sumo { float:right; background:#333 url("/img/travel/japan/sumo.jpg") 0 0 no-repeat; width:450px; height:299px; } #topline { margin:0; padding:0 0 50px 0; } ul#tab { margin:0; padding:0; list-style:none; } ul#tab li { margin:0; padding:0; display:inline; } ul#tab a:link, ul#tab a:visited { float:left; background:#ddd; color:#000; font:1em verdana,arial,sans-serif; margin:0 2px 0 0; padding:20px 5px 2px; text-decoration:none; border:1px solid #fff; border-width:0 0 1px 0; } ul#tab a:hover, ul#tab a:active { background:#fff; border:1px solid #ddd; border-width:0 0 1px 0; } ul#tab #here a { background:#cccc00; border:1px solid #fff; border-width:0 0 1px 0; } ul.ho { color:#000; margin:0; padding:0; list-style:none; } ul.ho li { margin:0 5px; padding:0; display:inline; } ul.ho li a { text-decoration:none; } ul.b1 { margin:20px 0; padding:0; list-style:none; } ul.b1 li { margin:0; padding:0; display:inline; } ul.b1 li a:link, ul.b1 li a:visited { background:#ddd; color:#000; margin:0; padding:10px; text-decoration:none; border:1px solid #ccc; border-width:1px 2px 2px 1px; } ul.b1 li a:hover { background:#eee; color:#cd0000; text-decoration:none; } ul#pipe { margin:0; padding:0; list-style:none; } ul#pipe li { margin:0 1px; padding:0 3px; display:inline; } ul#pipe li a { color:#666; text-decoration:none; } /* design menu dropdn-multilevel */ /* list-style-type:none; list-style-position:outside; line-height:1.5em; */ #dn, #dn ul { background:#ccc; margin:0; padding:0; list-style:none; position:relative; } #dn a:link; #dn a:active, #dn a:visited { background:#fff; color:#000; display:block; padding:0 5px; border:1px solid #ff9900; text-decoration:none; } #dn a:hover { background:#fff; color:#333; text-decoration:none; } #dn li { float:left; position:relative; } #dn ul { position:absolute; width:12em; top:1.5em; display:none; } #dn li ul a { float:left; width:12em; } #dn ul ul { top:auto; } #dn li ul ul { left:12em; margin:0 0 0 10px; } #dn li:hover ul ul; #dn li:hover ul ul ul, #dn li:hover ul ul ul ul { display:none; } #dn li:hover ul; #dn li li:hover ul, #dn li li li:hover ul, #dn li li li li:hover ul { display:inline; } /* vertical navigation list : list_vertical */ #nav { width:130px; margin:10px 10px 10px 0; border:1px solid #999; } #nav ul { list-style:none; margin:0; padding:0; } #nav li { background:#f5f5f5; margin:0; padding:0; border-bottom:1px solid #eee; border-right:2px solid #fff; } #nav li a { display:block; color:#666; margin:0 0 2px 0; padding:5px; width:auto; border-right:2px solid #fff; text-decoration:none; } html>body #nav li a { width:auto; } #nav li a:hover { background:#eee; color:#000; border-color:#666699; } #nav #here a { background:#ccc; color:#000; border-color:#ffcc00; } /* navigation list expanding: list,listing, sample */ #nave { float:left; margin:10px 10px 10px 0; padding:0; width:160px; } #nave ul { background:#ccc; margin:0; padding:0; list-style:none; } #nave li { margin:1px 0 0; padding:0; } #nave a { background:#333; color:#ccc; padding:5px; width:150px; text-decoration:none; display:block; } #nave a:hover { background:#999; color:#fff; text-decoration:none; } #nave ul li a.here { background:#999; color:#000; padding:5px; text-decoration; } #nave ul ul li a.sub { background:#ddd; color:#000; padding:5px 0 5px 10px; } #nave ul ul li a.sub:hover { background:#f5f5f5; color:#000; padding:5px 0 5px 10px; } /* navigation list vertical: design */ ul.vnav,.vnav ul { margin:0; padding:0; cursor:default; list-style-type:none; } ul.vnav { float:left; width:20ex; margin-right:1em; } ul.vnav>li { margin:0; padding:2px 6px; } /* make the sub list items invisible */ ul.vnav li>ul { display:none; position:absolute; width:20ex; left:20ex; margin-top: -1.4em; margin-left: 9px; } /* when hovered make them appear */ ul.vnav li:hover>ul { display:block; } /* make links as a block element */ .vnav ul li a { display:block; padding: 2px 10px; } /* menu style */ ul.vnav, .vnav ul, .vnav ul li a { background:#fff; color:#000080; border:1px solid #999; } ul.vnav li:hover, .vnav ul li a:hover { background:#000080; color:#fff; } ul.vnav li:active, .vnav ul li a:active { background:#0000ff; color:#fff; } .vnav a { text-decoration:none; } /* horizontal navigation list :: design */ ul.lu { list-style:none; color:#666; } #notesquare ul li { list-style:square outside; } ul.list li { list-style:square outside; } /* horizontal navigation list :: design horizontal */ #dropdown ul { list-style:none; } ul.drop { padding:0; margin:0; list-style:none; } li.drop { float:left; background:#ddd; color:#000; width:10em; margin-top:3px; } li.drop ul { display:none; position:relative; top:1em; left:0px; background:#ccc; padding:3px; } li>ul { top:auto; left:auto; } li:hover ul, li.over ul { display:block; z-index:10; } a { font:1em verdana,arial,sans-serif; text-decoration:none; } a:link, a:visited { color:#cd0000; border:none; } a:hover, a:active { color:#cd0000; border:none; text-decoration:underline; } #accessibility a { float:left; font:0.8em verdana,arial,sans-serif; margin:0 10px; } a.top { color:#800080; text-decoration:none; } a.bc:link, a.bc:visited { color:#666; border:none; } a.bc:hover, a.bc:active { color:#cd0000; border:none; } a.bch:link, a.bch:visited { color:#000; font-weight:bold; border:none; } a.bch:hover, a.bch:active { color:#cd0000; font-weight:bold; border:none; } .blam { color:#999; font:70px arial,verdana,sans-serif; margin:0 20px 0 0; padding:0; } a.blam:link, a.blam:visited { color:#000; border:none; text-decoration:none; } a.blam:hover, a.blam:active { color:#666; border:none; text-decoration:none; } a.bco:link, a.bco:visited { color:#666; font:0.8em verdana,arial,sans-serif; border:none; } a.bco:hover, a.bco:active { color:#cd0000; font:0.8em verdana,arial,sans-serif; border:none; }