/*------------------------------------------------------------------------------- html +-----body +-----#window +-----h1 ... "site name" | +-----h2 ... "category name" | +-----#body | +-----h3 ... "page name" | +-----p | +-----#search | +-----#text | +-----#button | +-----#pict | +-----#submenu ... "category contents list" | +-----ul | +-----li | +-----#menu ... "site category list" | +-----ul | +-----li | +-----#pd_menuA (.pulldown) ... "'Author' contents list" | +-----ul | +-----li | +-----#pd_menuB (.pulldown) ... "'Books' contents list" | +-----ul | +-----li | +-----#pd_menuC (.pulldown) ... "'News' contents list" | +-----ul | +-----li | +-----#foot +-----ul | +-----li ... "global navigation list" | +-----address --------------------------------------------------------------------------------*/ html { } /*------------------------------------------------------------------------------- BACKGROUND --------------------------------------------------------------------------------*/ body { background-color: #aaaaaa;} h1 { background: url('../images/_frame/title.gif') no-repeat 0 0; } #window { background: url('../images/_frame/bg_top.jpg') 50% 0; } .pulldown { background-color: #ffffff; } /*------------------------------------------------------------------------------- BORDER --------------------------------------------------------------------------------*/ h2 { border-bottom: 1px solid #7F9228; } #window { border: 1px solid #666666; } #search #text { border: 1px solid #aaaaaa; } .pulldown { border: 1px solid #666666; } #search fieldset {border: 0px;} /*------------------------------------------------------------------------------- CLEAR --------------------------------------------------------------------------------*/ hr.clear {clear: both; visibility:hidden} /*------------------------------------------------------------------------------- POSITIONING, SIZE --------------------------------------------------------------------------------*/ h1 { position: relative; top: auto; left: auto; width: 417px; height: 70px; } h1 a { position: relative; top: auto; left: auto; width: 417px; height: 70px; } h2 { position: absolute; top: 135px; left: auto; width: 150px; height: auto; } #window { position: relative; top: auto; left: auto; width: 900px; height: 600px; } #body { position: absolute; top: 130px; left: 450px; width: 430px; height: 410px; } #pict { position: absolute; top: 125px; left: 180px; width: 270px; height: auto; } #menu { position: absolute; top: 0; right: 0; } #submenu { position: absolute; top: 135px; left: 0; width: 180px;} #submenu ul { position: absolute; top: 40px; right: 0;} #submenu ul li {width: 150px;} #buttons { position: absolute; top: 50px; right: 0; } #foot { position: absolute; bottom: 0; left: 0; } #pd_menuA { position: absolute; top: 40px; left: 620px; } #pd_menuB { position: absolute; top: 40px; left: 690px; } #pd_menuC { position: absolute; top: 40px; left: 750px; } #pd_menuD { position: absolute; top: 40px; left: 550px; } #search { position: absolute; top: 550px; right: 0; width: 240px; } #search form { width: 240px; height: 24px;} #search input#ajaxSearch_input { width: 150px; float: left; margin-right: 2px;} #search input#ajaxSearch_submit { height: 21px; width: 70px; text-align: center;} #search #text { width: 150px; height: 18px; } #search #button { width: 60px; height: 20px; } p.ajaxSearch_intro {text-indent: -1000em;} /*------------------------------------------------------------------------------- MARGIN --------------------------------------------------------------------------------*/ * { margin: 0; } h2 { margin: 0 0 15px 30px; } h3 { margin: 0 0 0.5em 0; } h4.first { margin: 0 0 1em 0; } h4 { margin: 2em 0 1em 0; } h5 { margin: 1em 0 0.5em 0; } p { margin: 0 0 1em 0; } #window { margin: 20px auto; } #search input { margin: 2px 0 0 0;} #search input#ajaxSearch_submit { margin: 1px 0 0 0;} /*------------------------------------------------------------------------------- PADDING --------------------------------------------------------------------------------*/ * { padding: 0; } #body { padding: 0 20px 0 0; } #menu { padding: 25px 0 0 0; } #menu ul li { padding: 0 25px 0 0; } #submenu li span { padding: 0 12px 0 0; } #foot { padding: 0 0 10px 20px; } #foot ul { padding: 0 0 20px 0; } #foot ul li { padding: 0 15px 0 0; } #search { padding: 0 15px 0 0; } #search fieldset { padding: 0 0 1px 3px;} .pulldown ul { padding: 0 0 3px 0; } .pulldown ul li a { padding: 4px 10px 4px 10px; } .pulldown ul { position: relative; } .pulldown ul li { top: -1px; } /*------------------------------------------------------------------------------- COLOR --------------------------------------------------------------------------------*/ * { color: #555555; } #window h2, #body h3, #body h4, #body h5, #menu ul li a { color: #7F9228; } #menu ul li a:hover { color: #AA4D56; } #menu ul li.active a { color: #444444; text-decoration: underline;} #submenu ul li a { color: #287092; } #submenu ul li a:hover { color: #0820c2; } #submenu ul li.active a { color: #666666; } #submenu li span { color: #888888; } #foot address a { color: #666666; } #foot ul li a { color: #4D56AA; } #foot ul li a:hover { color: #AA4D56; } #foot ul li.active a { color: #AA4D56; } .pulldown ul li a { color: #586D08; } .pulldown ul li a:hover { color: #0000ff; } #body h4 em, #body h5 em { color: #7F9228; } /*------------------------------------------------------------------------------- Bass Font Style --------------------------------------------------------------------------------*/ * { font-family: "Arial"; } /*------------------------------------------------------------------------------- DECORATION --------------------------------------------------------------------------------*/ * { text-decoration: none; } #menu ul li { text-decoration: underline; } #menu ul li a:hover { text-decoration: underline; } #submenu ul li a:hover { text-decoration: underline; } #foot ul li a:hover { text-decoration: underline; } /*------------------------------------------------------------------------------- ALIGN, INDENT --------------------------------------------------------------------------------*/ * { text-align: left; } body { text-align: center; } h2 { text-align: right; } #submenu li { text-align: right; } #pict { text-align: center; } #body { text-align: left; } #body p { text-align: left; } #body sup { vertical-align: text-top; } h1 { text-indent: -10000px; } #body p { text-indent: 0em; } #body p.noindent{ text-indent: 0em; } /*------------------------------------------------------------------------------- OTHERS --------------------------------------------------------------------------------*/ li { list-style: none; } #submenu li span { letter-spacing:-4px; } h1 a { display: block; } #menu div { clear: both; } #menu ul li { float: left; } #foot ul li { float: left; } #submenu { z-index: 10; } #foot div { clear: both; } #buttons_use { width: 201px; height: 17px; position: absolute; top: 103px; right: 20px; } #buttons_use li { float: left; display: block; width: 67px; height: 17px; overflow: hidden; } #buttons_use li a{ display: block; width: 67px; height: 17px; padding-top: 17px; } #buttons_use li#print {margin-left: -3px;} #buttons_use li#font {margin-left: -3px;} #buttons_use li#e-mail a {background: url('../images/_frame/bg_buttons_use.gif') no-repeat 0 0; } #buttons_use li#print a {background: url('../images/_frame/bg_buttons_use.gif') no-repeat -67px 0;} #buttons_use li#font a {background: url('../images/_frame/bg_buttons_use.gif') no-repeat -134px 0;} #buttons_use li#e-mail a:hover {background: url('../images/_frame/bg_buttons_use.gif') no-repeat 0 -17px; } #buttons_use li#print a:hover {background: url('../images/_frame/bg_buttons_use.gif') no-repeat -67px -17px;} #buttons_use li#font a:hover {background: url('../images/_frame/bg_buttons_use.gif') no-repeat -134px -17px;} #contents { margin-top: 10px; padding-right: 20px; overflow: auto; scrollbar-3dlight-color: #cccccc; scrollbar-arrow-color: #666666; scrollbar-base-color: #eeeeee; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color:#aaaaaa; } .pulldown { filter: alpha(style=1, opacity=85, finishopacity=85); visibility: hidden; }