/* ===================================== * ‚¨‚Ä‚ª‚éCUP 2008 * ===================================== */ /* -- Basics -- */ html, body, div, p, li, ul, ol, form, fieldset, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; list-style: none; } body { font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; line-height: 18px; background: #ffffc7 url('../images/bg-body.jpg') repeat-x; color: #555; padding: 10px 0; } a { color: #148d04; } a:hover { text-decoration: underline !important; color: #000;} a img { border: 0; } input select, textarea { font-family:"‚l‚r ƒSƒVƒbƒN", "Osaka|“™•"; font-size: 1em; vertical-align: middle; } textarea { background: #eee; padding: 5px; margin: 0; border: 1px solid #1776a4; color: #044979; } button { vertical-align: middle; margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; } .submit { width: auto !important; overflow: visible; background-color: #312b2a; border: 1px solid #000 !important; padding: 0 5px; color: #fff; font-weight: bold; cursor: pointer; } .inp { background: #eee; padding: 2px 0; margin: 0; border: 1px solid #1776a4; color: #044979; } h1 { font-size: 2em; } h2 { font-size: 1.6em; } h3 { font-size: 1.2em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; } h6 { font-size: 1em; } p { line-height: 20px; } hr { border:1px dotted #ccc;} h1, h2, h3, h4, h5, h6 { color: #024877; } table { border-collapse: collapse; width: 95%; } table td, table th { border: 1px #bbb solid; padding: 10px; } table th { text-align: left; } table td.right { padding-left: 5px; } table th.right { padding-left: 5px; } table td.left { padding-right: 5px; } table th.left { padding-right: 5px; } blockquote { margin: 0; padding: 10px 20px; color: #333; line-height: 1.6; } fieldset { border: 0 !important; } /* -- Icons list -- */ .ico { padding-left: 15px; } .ico-breezy { background: url(../images/ico/ico-breezy.gif) 2px 0 no-repeat; padding: 2px 0 1px 25px; } .ico-breezy:hover { background-position: 2px -18px; } .hidden { display: none; } /* -- Basics layout -- */ #view { width: 762px; margin: 0 auto; } #head { font-size: 10px; } #content { font-size: 12px; } #foot { font-size: 11px; clear: both; } /* -- Logo constructs -- */ #main { position: relative; padding-left: 5px; margin-bottom: 2px; background: url(../images/bg-main.gif) ;height: 75px; } #main h1 { font-size: 11px; color:#999; font-weight:normal; } #main h1 a { text-decoration: none; color: #fff !important; } #main h2 { font-weight: normal; font-size: 1em; padding-left: 2px; margin-top: -3px; float:left; } #main h2, #main h2 a { color: #8bcced; text-decoration: none; } #head a:hover { text-decoration: none !important; } #logo { height: 413px; background: #F8CE0A url(../images/bg-logo.jpg) no-repeat; } #logo * { color: #eaafa3; text-decoration: none !important; } #logo h2 { font-weight: normal; font-size: 1.5em; color: #d6ecf9; margin: 100px 0 0 70px; } #logo .block{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; text-decoration: none; } #logo_cup { height: 300px; background: #F8CE0A url(../images/bg-logo2.jpg) no-repeat; } #logo_oem { height: 300px; background: #F8CE0A url(../images/bg-logo3.jpg) no-repeat; } #logo_contant { height: 300px; background: #F8CE0A url(../images/bg-logo4.jpg) no-repeat; } #logo_order { height: 300px; background: #F8CE0A url(../images/bg-logo5.jpg) no-repeat; } #logo_ec { height: 300px; background: #F8CE0A url(../images/bg-logo6.jpg) no-repeat; } /* -- Main classes -- */ .fr { float: right !important; } .fl { float: left !important; } .clear { clear: both !important; } .right { text-align: right !important; } .left { text-align: left !important; } .center { text-align: center !important; } .item { margin-bottom: 10px; clear: both; } .info { font-size: .95em; margin: 2px 0 6px !important; color: #148d04; } .img { padding: 3px; border: 1px #dff1f9 solid; float: left; } .img img { padding: 0; border: none !important; } .self { padding-left: 10px; float: left; margin-top: -4px; } .date { font-weight: bold; color: #066bb6; } .perex { margin-bottom: 0 !important; } .col1 { width: 49%; float: left; } .col2 { width: 49%; float: right; } .col2 * { padding-left: 0 !important; } img.left { margin-left: 0 !important; } img.right { margin-right: 0 !important; } .pad {padding:0 15px;} .perex_box {border:1px solid #ff9900; width:700px; background:url(../images/cnt/use00.gif) top no-repeat; padding-top:80px; } .perex_box p {padding:15px 20px 0 20px; font-size:14px;} /* -- Layout constructs -- */ #logo { clear:both; width: 100%; height: 413px; overflow: hidden; background: #398db9 url(../images/bg-logo.jpg) 0 0 no-repeat; } #mainMenu { height: 43px; padding: 0 12px; background: url('../images/bg-menu.gif') no-repeat; } #content { width: 100%; height: auto; background: #fff; float: left; } #foot { height: 54px; background: url('../images/bg-foot.gif') no-repeat; } /* -- Main Menu -- */ #mainMenu ul { height: 100%; } #mainMenu li { float: left; } #mainMenu li a { display: block; width: 145px; height: 27px; padding-top: 16px; font-size: 12px; color: #fff; font-weight:bold; text-decoration: none; text-align: center; background: url('../images/bg-menu_item.gif') 0 0 no-repeat; } #mainMenu li.active a, #mainMenu li a:hover { background-color: #0a1520; background-position: 0 -43px; } /* -- content -- */ #content > #contentBlock { margin-bottom: 0; } #contentBlock { position: relative; left: 1px; float: left; width: 760px; min-height: 550px; margin-bottom: -20px; padding: 0 0 20px 0; background: url('../images/bg-content_left.gif') 100% 100% no-repeat; } #contentBlock img { margin: 3px; } #contentBlock table tr.add td, #contentBlock table tr.add th { background: url('../images/bg-table_line.gif') repeat-x; } #contentBlock .item { position: relative; left: -1px; padding: 0 15px 0 25px; } #contentBlock .item h2, #contentBlock .item h3, #contentBlock .item h4 { font-weight: bold; } #contentBlock .item p { font-weight: normal; } #contentBlock .itemOdd { position: relative; left: -11px; background: url('../images/bg-article.gif') repeat-y; width: 230px; padding-right: 0; } #contentBlock .itemEven { padding-right: 0; } #contentBlock .caption { position: relative; left: -11px; background: url('../images/bg-article.gif') repeat-y; padding-right: 0; padding-top:8px; height:25px; } #contentBlock .caption_top { position: relative; left: -11px; background: url('../images/bg-article.gif') repeat-y; padding-right: 0; } #contentBlock .mainItem { padding-right: 0; } #contentBlock .mainItem .perex { font-size:14px; color: #444; width: 710px; padding: 5px 25px; margin-left: -25px; margin-bottom: 2em !important; margin-top:10px;background: #FF9900; } #contentBlock .mainItem .perex2 { font-size:14px; color: #444; width: 710px; padding: 5px 25px; margin-left: -25px; margin-bottom: 2em !important; margin-top:10px;background: #fff; } #navi { padding:0 0 20px 15px; font-size:10px;color:#999;} .padR { padding-right:10px;} .padR_s { padding-right:3px;} /* -- Lists -- */ #contentBlock p, #contentBlock ul, #contentBlock ol, #contentBlock table, #menuBlock .boxText p, #menuBlock .boxText ul, #menuBlock .boxText ol, #menuBlock .boxText table { margin-bottom: 2em; } #contentBlock ul, #contentBlock ol, #menuBlock .boxText ul, #menuBlock .boxText ol { padding-left: 10px; } #contentBlock ol, #menuBlock .boxText ol { padding-left: 17px; } #contentBlock ul *, #contentBlock ol *, #menuBlock .boxText ul *, #menuBlock .boxText ol * { margin-bottom: 0 !important; } #contentBlock ul li, #menuBlock .boxText ul li { margin: 3px 0; list-style: disc; } #contentBlock ol li, #menuBlock .boxText ol li { margin: 3px 0 3px 10px; padding: 0; list-style: decimal; } /* -- Footer part -- */ #foot p { padding: 18px 18px 0; } #foot * { color: #FFFFCC; } #foot a { color: #fff; } /* -- font style -- */ .col_01 { color:#0099ff; } .col_02 { color:#FF6600; } .col_03 { color:#F00000; } .col_04 { color:#339900; } .col_05 { color:#666; } .size_01 { font-size:13px; } .size_02 { font-size:15px; } .size_03 { font-size:11px; } .fam_01 { font-family:Georgea, Times New Roman, Times, serif;} /* -- box -- */ .box_01 { border:2px solid #FF6600; padding:10px; margin:10px 20px 10px 20px; } #dataTable { border-collapse:collapse; } #dataTable th { font-weight: normal; padding: 5px; border-right-width: 1px; border-right-style: dashed; border-right-color: #0083D7; background-color: #E3F2F4; } #dataTable td { font-weight: normal; padding: 5px; text-align: left; vertical-align: top; } #error { font-color:#cc0000; } .pagetop { text-align:right; font-size:10px; padding-right:10px; }