/* Theme Name: Ultimate 2008 Description: Versatile set width theme. Theme for WordPress 2.1. Made by sem kim. Version: 1.0 Beta Author: SEM KIM Author URI: http://www.pcjungle.net/ Last Updated: 2008.03.01 This theme is designed developed by Sem Kim. This theme is made specifically for personal blog. Contact me to email: gotoilmol[at]hotmail.com */ /* Global ======================================== */ * {margin: 0; padding:0;} ul, li {list-style:none;} strong {font-weight:normal;} a, ins {text-decoration: none;} q:before,q:after {content:'';} table {border-collapse:collapse;border-spacing:0;} fieldset, img, abbr {border:0;} address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;} hr {display:none;} /* blockquote {background: #FFFFCC; padding:10px; border: 1px solid #ddd;margin: 0 0 1.5em 0;} */ html {height:100%;text-align:center;} /* fixes MSIE scrollbar bug */ body {background: #fff url("../media/bg-content.gif") repeat-y 50% 100px;} /* Custom Library ======================================== */ .left {float:left;} .right {float: right;} .center {text-align:center;} .displaynone {display:none;} .noshow {display:none;} .nobg {background: none;} .border1 {border: 1px solid;} .picL {float:left;margin-right: 5px;} .highlight {color: red;} .bold {font-weight:bold;} .ttag {display:none;} /* Accessibility Library */ #accessMenu {text-indent: -999em;height:0px;font-size:0em;line-height:0;} .accessOnly {text-indent: -999em;height:0px;font-size:0em;line-height:0;} /* Typography ======================================== */ body {font: 0.74em/1.6 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif; letter-spacing:0.05em;}/*　'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic',sans-serif　*/ a {color: black;} a:active, a:focus{outline:none;} strong {font-size:1.1em;} .post-content ol li {margin-left: 15px;list-style-type: decimal;} .post-content .lowerRoman li {list-style-type: lower-roman;} .post-content .upperRoman li {list-style-type: upper-roman;} .post-title {font-size:1.6em;font-family: "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;font-weight:bold;} .post-content p {margin: 1em 0 1.5em 0;} .post-content h2 {margin: 1.7em 0 1em 0;background: url("../media/post-posth2.gif") no-repeat 0 0px; padding-left: 37px;font-size: 1.4em;} .post-content h3 {margin: 1em 0 -0.5em 0;line-height: 2.2;background: url("../media/post-h3.png") no-repeat 0 0px; padding-left: 18px;font-size: 1.3em;font-weight:bold;} .post-content h4 {margin: 1em 0 -0.8em 0;padding-left: 13px; background:url("../media/h4.gif") no-repeat 0 2px;font-weight:bold;} /*.post-content blockquote {background: #F6F6F6;padding: 10px;border: 1px solid #ddd;} */ .post-content a {background:#fff;color:#6d8012;} .post-content a:hover {color:#000;} .post-content img {max-width: 580px;} .post-content .toobig {width: 500px;} .post-content .ttag a {color:black;} .post-content ul, .post-content ol {padding-left: 15px;padding-bottom: 12px;} .post-content ul li, .post-content ol li {padding-left: 5px;} .post-content ol li {list-style: decimal;} .post-content ul li {padding: 4px 0 7px 16px;background: url("../media/star.gif") no-repeat 0 7px;} .post-content .list {padding: 4px 0 7px 16px;list-style: decimal;} .content-rss {text-align:right;} /* .post-content blockquote {padding: 9px;} */ .location { padding-left:330px; padding-top:7px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } .location a { color:#777777; } .location a:hover { color:#228B22; text-decoration:underline; } /* IE */ #microsoft {background:#256f95;text-align:left;height: 430px;} #microsoft-wrap {background: #246f95 url("ie/ie-top.jpg") no-repeat 50% 0;width: 962px;margin: 0 auto;position:relative;} #microsoft h1 {background:url("ie/ie-windews.jpg") no-repeat; text-indent: -999em;position:absolute;top:0;left:0;} #microsoft h2 {position:absolute; top:12px;left: 650px;font-size:0.9em;font-weight:bold;color:white;} #microsoft #ie-menu {font-size: 0.9em;position:absolute; top:12px; left: 750px;color:white;} #ie-content {padding: 115px 30px 20px 30px;background:url("ie/ie-content-bg.jpg") no-repeat 0 85px;} #ie-content h3 {background:url("ie/ie-h2.gif") no-repeat 2px 3px;padding-left: 17px;font-weight:bold;margin-bottom: 18px;} #comment-inputs h3 {font-size: 1em; font-weight:bold;} .comment-content a {color:#6d8012;text-decoration: underline;} .comment-content a:hover {background: #ddd;} /* INDEXPAGE */ #indexPage #content .post-title {margin-right: 15px;font-size: 1.2em;font-family: "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;} #indexPage #content .post .post-content h2 {font-size:1.1em;} #indexPage #content .post-content a {} #indexPage #content .post-content h3 {font-size:1em;padding-top: 6px;} #indexPage #content .post-content h3 a {color:black;} #indexPage #content .post-content blockquote {padding: 3px;} #indexPage #content .post-content ul, #indexPage #content .post-content ol {padding-left: 5px;} #indexPage #content img {margin-bottom:4px;} .post .post-date {line-height: 1.6;} #top, #sub-top, #mid, #foot-top {text-align:left;} #foot-top-copyright, #foot-bottom {text-align: center;} #banner{margin:0px;padding:0px;} #banner ul li{padding-bottom:5px;} #itiosi{ margin-bottom:10px; height:208px; background:url("../media/index/itiosi_bar2.gif") no-repeat center left; } .itiosi_menu{ height:100px; margin-left:31px; } .itiosi_feature_up{ list-style:none; height:49px; padding-left:25px; background:url("../media/index/icon_up.gif") no-repeat center left; border-bottom:1px dotted #b2b2b2; } .itiosi_feature_normal{ list-style:none; height:97px; padding:5px 35px; background:url("../media/index/example.gif") no-repeat center left; border-bottom:1px dotted #b2b2b2; } #feature{ margin-bottom:10px; height:227px; background:url("../media/index/feature_bar2.gif") no-repeat center left; } .feature_menu{ height:160px; margin-left:31px; } .feature_type1_normal{ list-style:none; height:49px; padding-left:25px; background:url("../media/index/icon_feature.gif") no-repeat center left; border-bottom:1px dotted #b2b2b2; } .feature_type1_up{ list-style:none; height:49px; padding-left:25px; background:url("../media/index/icon_up.gif") no-repeat center left; border-bottom:1px dotted #b2b2b2; } .feature_type2_normal{ list-style:none; height:116px; padding:5px 35px; background:url("../media/index/example.gif") no-repeat center left; border-bottom:1px dotted #b2b2b2; } .feature_type2_up{ list-style:none; height:34px; padding-left:25px; background:url("../media/index/icon_up.gif") no-repeat center left; border-bottom:1px dotted #b2b2b2; } #ad_recovery{ margin-bottom:10px; height:246px; background:url("../media/index/ad_recovery_bar2.gif") no-repeat center left; } .ad_recovery_menu{ height:100px; margin-left:31px; } .ad_recovery_feature_up{ list-style:none; height:49px; padding-left:25px; background:url("../media/index/icon_up.gif") no-repeat center left; border-bottom:1px dotted #b2b2b2; } .ad_recovery_feature_normal{ list-style:none; height:37px; padding:5px 35px; background:url("../media/index/example.gif") no-repeat center left; border-bottom:1px dotted #b2b2b2; } #info{ margin-left:2px; margin-bottom:10px; background:url("../media/index/info_boad07.gif") no-repeat; width:286px; height:178px; } .info_block{ margin-left:13px; width:260px; height:140px; } .info_icon{ margin-top:15px; width:51px; height:52px; float:left; } .info_txt_block{ width:200px; height:58px; margin-top:10px; margin-left:5px; float:left; } .info_midasi{ color:#ff0000; font-weight:bold; font-size:16px; } .info_txt{ color:#2a2a2a; font-size:13px; } .info_bottom{ margin-top:2px; width:286px; text-align:center; color:#ffffff; font-size:13px; font-weight:bold; } .b0{ border:0px; } .clearboth{ clear:both; } /* WEBSLICE TRACKER ========================= */ .entry-title {display:none;} /* General Layout ======================================== */ #head-wrap, #top, #sub-top, #mid, #foot-top {width: 962px; margin: 0 auto;} #head {background: #fff url("../media/bg-top.gif") no-repeat 50% bottom; height: 100px;} #head-wrap {position:relative;} h1 { background: url("../media/logo.gif") no-repeat; width: 300px; height: 76px; text-indent: -4000px; position:absolute; top: 24px; left: 6px; } #chest {background: url("../media/bg.gif") no-repeat 50% 0;height: 420px;} #top { height: 0px; position: relative; } #sub-top { background: url("../media/header-shadow.gif") no-repeat; height: 21px; position: relative; } #mid {} #mid-wrap {float:left;background: url("../media/bg-mid.gif") repeat-y;width: 952px;} #content { width: 580px; float:left; margin-left:32px; margin-right: 20px; } #side {float:right;width: 255px;margin-left:20px;margin-right: 15px;} #side h2 {text-align: center;font-size: 1.2em;font-weight: bold;font-family: "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;color:#7f1211;} #side img {margin-bottom:5px;} .side-list {background: url("../media/side-split.gif") no-repeat 50% bottom;padding-bottom: 20px;margin-bottom: 15px;padding-left: 5px;} .side-list ul li {padding: 4px 0 5px 16px;background: url("../media/star.gif") no-repeat 0 7px;} .side-list-line ul li {color:#828282;padding: 4px 0 5px 16px;border-top: 1px solid #efefef;} .side-list em {font-size:13px;color:#FF0000; text-decoration:underline;} .side-list-meta {padding-bottom:20px; margin-bottom: 10px;padding-left: 5px;} .side-list-meta h2 {display:none;} .side-list-meta ul li {background:none;padding: 4px 0 5px 16px;} .side-list-meta #feedburnercount {padding: 4px 0 5px 85px;background: url("../media/link/destination.gif") no-repeat 16px 0; height: 100px;} #content .post {margin-bottom: 20px;background: url("../media/post-h2.gif") no-repeat 0 4px;} #content .post-title, #content .post-date {margin-left: 40px;} .sidenote {float:left; border: 1px solid #ddd; padding: 7px;margin:0 6px 5px 0;} #foot {} #foot-top {margin: 0 auto; clear:both; background: url("../media/bg-footer-in.gif") repeat-y; height: 200px;position:relative;} #foot-bottom {background: #fff url("../media/bg-footer.gif") no-repeat 50% 0; height: 97px;position:relative;} #foot-top-copyright {height: 180px; background: url("../media/foot/lines.gif") no-repeat right 10px;} #foot-top-rss {position:absolute; left:15px; top: 30px;} #foot-top-top {position: absolute; left: 850px; top: 60px;} #foot-bottom {padding-top: 33px;} #foot-bottom-subb a {display:none;} #foot-top-copyright-content {padding-top: 110px;} /* Navigation (menu) ========================================*/ #accessMenu {} #pre-nav { position:absolute; top: 3px; left:8px; text-align:right; width: 100%; font-size:0.8em; font-family:Arial, Helvetica, sans-serif; letter-spacing: 0.1em; } #pre-nav a:hover {color:#388d00;} #pre-nav ul li {display:inline;padding:0 6px;border-right:1px solid #333;} #pre-nav ul .noborder{border:0;} #nav {background: url("../media/nav/nav-gap.gif") repeat-x;width: 623px; height: 47px;position: absolute; top: 35px; left: 342px;} #nav a {display:block;height: 47px;text-indent: -999em;overflow:hidden;} #nav li {float:left; position: relative;z-index: 1;} #nav-repair a {background: url("../media/nav/nav-repair.gif") no-repeat 0 0;width: 101px;margin-right: 2px;} #nav-repair a:hover {background-position: 0 -54px; width: 101px;} #nav-change a {background: url("../media/nav/nav-change.gif") no-repeat 0 0;width: 103px;margin-right: 2px;} #nav-change a:hover {background-position: 0 -54px; width: 103px;} #nav-recovery a {background: url("../media/nav/nav-recovery.gif") no-repeat 0 0;width: 103px;margin-right: 2px;} #nav-recovery a:hover {background-position: 0 -54px; width: 103px;} #nav-original a {background: url("../media/nav/nav-original.gif") no-repeat 0 0;width: 102px;margin-right: 2px;} #nav-original a:hover {background-position: 0 -54px; width: 102px;} #nav-service a {background: url("../media/nav/nav-service.gif") no-repeat 0 0;width: 103px;margin-right: 2px;} #nav-service a:hover {background-position: 0 -54px; width: 103px;} #nav-blog a {background: url("../media/nav/nav-blog.gif") no-repeat 0 0;width: 101px;} #nav-blog a:hover {background-position: 0 -54px; width: 101px;} /* =================================================== Index Page ===================================================*/ #indexPage #top {background: url("../media/index/top-bg.gif") no-repeat; height: 233px; position: relative;} #indexPage #sub-top {background: url("../media/index/sub-top-bg.gif") no-repeat 0 0; height: 112px;position: relative;} #indexPage #main-recovery {position:absolute; top:9px; left:8px;} #indexPage #main-recovery a {float:left; width: 266px; height:217px; text-indent:-999em;} #indexPage #main-change {position:absolute;top:9px; left:277px;} #indexPage #main-change a {float:left; width:266px; height:217px; text-indent:-999em;} #indexPage #main-repair {position:absolute;top: 9px; left:545px;} #indexPage #main-repair a {float:left; width:266px; height:217px; text-indent:-999em;} #indexPage #plan5250 {position: absolute;top: 14px;left: 303px;} #indexPage #plan5250 a {float:left;width: 78px; height: 28px; text-indent: -999em;} #indexPage #plan10500 {position: absolute;top: 14px;left: 303px;} #indexPage #plan10500 a {float:left;width: 78px; height: 28px; text-indent: -999em;} #indexPage #plan4200 {position: absolute;top: 14px;left: 303px;} #indexPage #plan4200 a {float:left;width: 78px; height: 28px; text-indent: -999em;} #indexPage #plan99800 {position: absolute;top: 14px;left: 303px;} #indexPage #plan99800 a {float:left;width: 78px; height: 28px; text-indent: -999em;} #indexPage #pcrepair-detail {position: absolute;top: 5px;left: 155px;} #indexPage #pcrepair-detail a {float:left;width: 38px; height: 28px; text-indent: -999em;} #indexPage #trans-detail {position: absolute;top: 61px;left: 155px;} #indexPage #trans-detail a {float:left;width: 38px; height: 28px; text-indent: -999em;} #indexPage #st-change {position: absolute; top: 46px; left: 750px;} #indexPage #st-change a {float:left;width: 132px; height: 20px; text-indent: -999em;} #indexPage #st-repair {position: absolute; top: 73px; left: 750px;} #indexPage #st-repair a {float:left;width: 120px; height: 20px; text-indent: -999em;} #indexPage #st-html5 {position: absolute; top: 20px; left: 700px;} #indexPage #st-html5 a {float:left;width: 205px; height: 60px; text-indent: -999em;} #indexPage #mid-wrap {background: url("../media/index/bg-mid.gif") repeat-y;padding-top: 0px;} #indexPage #content {width: 391px;float:left;margin-left: 24px;margin-right: 20px;} #indexPage #content .post .post-content {padding-top: 15px; background: url("../media/index/post-head-split.gif") no-repeat 0 2px;} #indexPage #content .post .post-content img {display:none;} #indexPage #content .post .post-content .ttag {display:none;} #indexPage #content .post .post-content p {margin:0; padding:0;} #indexPage #content .post .post-content ol{background:none; padding-left:20px; padding-top:15px;} #indexPage #content .post .post-content ol li {padding:0;} #indexPage #content .post .post-content blockquote {background: #F9F9F9;padding: 10px;border: 1px solid #ddd;} #indexPage #content .post .post-content a {text-decoration: none;} #indexPage #content .post .post-content strong {font-size:1.1em;color:#0000FF;background-color:#F9F9F9;} #indexPage #content .post .img-note {display:none;} #indexPage #content #teigaku-5250 {background: url("../media/pc-repair/fixed-amount-5250.gif") no-repeat; height: 99px;position: relative;} #indexPage #content #teigaku-10500 {background: url("../media/pc-repair/fixed-amount-10500.gif") no-repeat; height: 99px;position: relative;} #indexPage #content #teigaku-4200 {background: url("../media/pc-repair/fixed-amount-4200.gif") no-repeat; height: 99px;position: relative;} #indexPage #content #recovery-99800 {background: url("../media/index/point2-data-recovery.gif") no-repeat; height: 99px;position: relative;} #indexPage #content #newparts {background: url("../media/pc-repair/new-goods.gif") no-repeat; height: 120px;position: relative;} #indexPage #content .tokutyowu-list {font-size:1.1em;padding-bottom: 10px;margin-bottom: 5px;padding-left: 5px;} #indexPage #content .tokutyowu ul li {padding: 2px 0 5px 16px;border-top: 1px solid #efefef;background: url("../media/h4.gif") no-repeat 0 7px;} #indexPage .side-list {background: url("../media/side-split.gif") no-repeat 50% bottom;padding-bottom: 20px;margin-bottom:15px; margin-top:15px; padding-left: 0px;} #indexPage #side {float:right;width: 517px;margin:0;} #indexPage #side .side-list {background: url("../media/side-split.gif") no-repeat 50% bottom;padding-bottom: 20px;margin-bottom: 15px;padding-left: 5px;} #indexPage #side .side-list ul li {padding: 2px 0 5px 16px;} #indexPage #side .side-webnews ul li {padding: 2px 0 5px 16px;border-top: 1px solid #efefef;background: url("../media/star.gif") no-repeat 0 7px;} #indexPage #side .tokutyowu-list {font-size:1.1em;padding-bottom: 10px;margin-bottom: 5px;padding-left: 5px;} #indexPage #side .tokutyowu ul li {padding: 2px 0 5px 16px;border-top: 1px solid #efefef;background: url("../media/h4.gif") no-repeat 0 7px;} #indexPage #side-l {float:left; width: 262px;margin-left: 20px; margin-right: 8px;} #indexPage #side-l a:link {color: #404040;text-decoration: none;} #indexPage #side-l a:hover {color: #fd512a;text-decoration: underline;} #indexPage #chart-recovery {background: none;} #indexPage #chart-change {background: none;} #indexPage #chart-repair {background: none;} #indexPage #side-r {float:right; width: 209px;margin-left: 4px;} #indexPage #side-r #shipping {background: url("../media/index/shipping.gif") no-repeat; height: 55px;position: relative;text-indent: -999em;} #indexPage #side-r #case {background: url("../media/index/repair-case.gif") no-repeat; height: 55px;position: relative;text-indent: -999em;} #indexPage .side-r-list {background: url("../media/index/side-split2.gif") no-repeat 50% bottom; padding-left: 7px;padding-bottom:20px;} #indexPage .side-r-list {padding-bottom:20px;} #indexPage .side-r-list h2 {margin: 1em 0.5em -0.5em 0;line-height: 2.2;background: url("../media/post-h3.png") no-repeat 0 0px; text-align:center;font-size: 1.3em;font-weight:bold;} #indexPage .side-r-list h2 {padding-bottom: 0px;border-bottom: 1px solid #efefef;margin-bottom: 7px;} #indexPage .side-r-list h4 {margin: 1em 0.5em -0.5em 0;line-height: 2.2;background: url("../media/post-h3.png") no-repeat 0 0px; text-align:center;font-size: 1.3em;font-weight:bold;} #indexPage .side-r-list h4 {padding-bottom: 0px;border-bottom: 1px solid #efefef;margin-bottom: 7px;} #indexPage #side-r-me2day {margin-bottom: 18px;overflow:hidden;} #indexPage .side-r-profile h2 {margin: 1em 0.5em -0.5em 0;line-height: 2.2;background: url("../media/post-h3.png") no-repeat 0 0px; text-align:center;font-size: 1.3em;font-weight:bold;} /* =================================================== Page Page ===================================================*/ #PagePage #top {height:170px; background: url("../media/page/bg-top.gif") no-repeat;} #PagePage #sub-top { height: 30px; background: url("../media/page/mid-shadow.gif") no-repeat; } #PagePage #mid-wrap {background: none;} #PagePage #side {float:left;border-right: 1px solid #ddd;padding-right: 25px;} #PagePage #content {float:left;margin-left: 15px;} #PagePage #content .post {background: url("../media/post-h2-doc.gif") no-repeat 0 4px;} #PagePage #content .post h2 {padding-top: 8px;} #PagePage #content .post-title, #PagePage #content .post-date {margin-left: 60px;} /* =================================================== Article Page ===================================================*/ #ArticlePage #top {height: 153px; background: url("../media/top-bg.gif") no-repeat;} #ArticlePage #content {width: 582px;float:left;margin-left:32px;margin-right: 20px;} #ArticlePage #side {float:right;width: 255px;margin-left:20px;margin-right: 15px;} #ArticlePage .permlink {padding-bottom: 12px;} #ArticlePage #top-content {position: absolute; top: 120px; left: 702px;} /* =================================================== CSS Page =================================================== */ #CSSPage #top {height:270px; background: url("../media/css/bg-top.gif") no-repeat;} #CSSPage #sub-top {height: 60px; background: url("../media/css/sub-top-bg.gif") no-repeat;} #CSSPage #mid-wrap {background: none;} #CSSPage #side {float:left;border-right: 1px solid #ddd;padding-right: 25px;} #CSSPage #content {float:left;margin-left: 15px;} #CSSPage #content .post {background: url("../media/post-h2-doc.gif") no-repeat 0 4px;} #CSSPage #content .post h2 {padding-top: 8px;} #CSSPage #content .post-title, #CSSPage #content .post-date {margin-left: 60px;} #CSSPage #st-web {position: absolute; top: 8px; left: 250px;} #CSSPage #st-web a {float:left;width: 88px; height: 30px; text-indent: -999em;} #CSSPage #st-css {position: absolute; top: 8px; left: 390px;} #CSSPage #st-css a {float:left;width: 75px; height: 30px; text-indent: -999em;} #CSSPage #st-html {position: absolute; top: 8px; left: 510px;} #CSSPage #st-html a {float:left;width: 76px; height: 30px; text-indent: -999em;} #CSSPage #st-js {position: absolute; top: 8px; left: 630px;} #CSSPage #st-js a {float:left;width: 65px; height: 30px; text-indent: -999em;} /* =================================================== Links Page ===================================================*/ #LinksPage #top {height:153px; background: url("../media/page/bg-top.gif") no-repeat;} #LinksPage #sub-top {height: 30px; background: url("../media/page/mid-shadow.gif") no-repeat;} #LinksPage #mid-wrap {background: none;} #LinksPage #side {float:left;border-right: 1px solid #ddd;padding-right: 25px;} #LinksPage #content {float:left;margin-left: 15px;} #LinksPage #content .post {background: url("../media/post-h2-doc.gif") no-repeat 0 4px;} #LinksPage #content .post h2 {padding-top: 8px;} #LinksPage #content .post-title, #LinksPage #content .post-date {margin-left: 60px;} /* =================================================== Datarecovery Page ===================================================*/ #Datarecovery #top { height:233px; background: url("../media/data-recovery/bg-top.gif") no-repeat; } #Datarecovery #sub-top { height: 30px; background: url("../media/page/mid-shadow.gif") no-repeat; } #Datarecovery #mid-wrap {background: none;} #Datarecovery #side {float:left;border-right: 1px solid #ddd;padding-right: 25px;} #Datarecovery #content {float:left;margin-left: 15px;} #Datarecovery #content .post {background: url("../media/post-h2-doc.gif") no-repeat 0 4px;} #Datarecovery #content .post h2 {padding-top: 8px;} #Datarecovery #content .post-title, #WordpressPage #content .post-date {margin-left: 60px;} #Datarecovery #content blockquote {background: #F2F2F2; padding: 10px;border: 1px solid #ddd;} #Datarecovery #content .post-content ol li {margin-left: 20px;padding-bottom: 12px;list-style-type: decimal;} #Datarecovery #content .post-content ul li {padding: 2px 0 5px 16px;border-bottom: 1px solid #efefef;background: url("../media/h4.gif") no-repeat 0 7px;} #Datarecovery strong {font-size:1.1em;color:#0000FF;} #Datarecovery em {font-size:1.1em;color:#FF0000;} /* =================================================== HDDchange Page ===================================================*/ #HDDchange #top { height:233px; background: url("../media/hdd-change/bg-top.gif") no-repeat; } #HDDchange #sub-top { height: 30px; background: url("../media/page/mid-shadow.gif") no-repeat; } #HDDchange #mid-wrap {background: none;} #HDDchange #side {float:left;border-right: 1px solid #ddd;padding-right: 25px;} #HDDchange #content {float:left;margin-left: 15px;} #HDDchange #content .post {background: url("../media/post-h2-doc.gif") no-repeat 0 4px;} #HDDchange #content .post h2 {padding-top: 8px;} #HDDchange #content .post-title, #WordpressPage #content .post-date {margin-left: 60px;} #HDDchange #content blockquote {background: #F2F2F2; padding: 10px;border: 1px solid #ddd;} #HDDchange #content .post-content ol li {margin-left: 20px;padding-bottom: 12px;list-style-type: decimal;} #HDDchange #content .post-content ul li {padding: 2px 0 5px 16px;border-bottom: 1px solid #efefef;background: url("../media/h4.gif") no-repeat 0 7px;} #HDDchange strong {font-size:1.1em;color:#0000FF;} #HDDchange em {font-size:1.1em;color:#FF0000;} #HDDchange #content ul#parts {padding-bottom:20px;list-style-type:none;} #HDDchange #content ul#parts li {margin:0px;padding:10px 2px 70px 175px;background:url(../media/index/bt_top_top10.gif) no-repeat 2px 0px;} #HDDchange #content ul#parts li#cpu {background-image:url(../media/hdd-change/cpu.gif);border-top:1px solid #efefef;} #HDDchange #content ul#parts li#memory {background-image:url(../media/hdd-change/memory.gif);} #HDDchange #content ul#parts li#motherboard {background-image:url(../media/hdd-change/motherboard.gif);} #HDDchange #content ul#parts li#hdd {background-image:url(../media/hdd-change/hdd.gif);} #HDDchange #content ul#parts li#vga {background-image:url(../media/hdd-change/vga.gif);} #HDDchange #content ul#parts li#dvdrom {background-image:url(../media/hdd-change/dvdrom.gif);} #HDDchange #content ul#parts li#powerunit {background-image:url(../media/hdd-change/powerunit.gif);} #HDDchange #content ul#parts li#keyboard {background-image:url(../media/hdd-change/keyboard.gif);} #HDDchange #content ul#parts li#pcparts {background-image:url(../media/hdd-change/pcparts.gif);} /* CPU交換 */ #HDDchange #content ul#cpu {padding-bottom:20px;list-style-type:none;} #HDDchange #content ul#cpu li {margin:0px;padding:90px 2px 20px 10px;} #HDDchange #content ul#cpu li#desktop {background-image:url(../media/hdd-change/cpu-change-desktop.gif);border-top:1px solid #efefef;} #HDDchange #content ul#cpu li#note {background-image:url(../media/hdd-change/cpu-change-raptop.gif);} /* MEMORY交換 */ #HDDchange #content ul#memory {padding-bottom:20px;list-style-type:none;} #HDDchange #content ul#memory li {margin:0px;padding:90px 2px 20px 10px;} #HDDchange #content ul#memory li#desktop {background-image:url(../media/hdd-change/memory-change-desktop.gif);border-top:1px solid #efefef;} #HDDchange #content ul#memory li#note {background-image:url(../media/hdd-change/memory-change-raptop.gif);} /* MOTHERBOARD交換 */ #HDDchange #content ul#motherboard {padding-bottom:20px;list-style-type:none;} #HDDchange #content ul#motherboard li {margin:0px;padding:90px 2px 20px 10px;} #HDDchange #content ul#motherboard li#desktop {background-image:url(../media/hdd-change/motherboard-change-desktop.gif);border-top:1px solid #efefef;} #HDDchange #content ul#motherboard li#note {background-image:url(../media/hdd-change/motherboard-change-raptop.gif);} /* HDD交換 */ #HDDchange #content ul#hdd {padding-bottom:20px;list-style-type:none;} #HDDchange #content ul#hdd li {margin:0px;padding:90px 2px 20px 10px;} #HDDchange #content ul#hdd li#desktop {background-image:url(../media/hdd-change/hdd-change-desktop.gif);border-top:1px solid #efefef;} #HDDchange #content ul#hdd li#note {background-image:url(../media/hdd-change/hdd-change-raptop.gif);} /* VGA交換 */ #HDDchange #content ul#vga {padding-bottom:20px;list-style-type:none;} #HDDchange #content ul#vga li {margin:0px;padding:90px 2px 20px 10px;} #HDDchange #content ul#vga li#desktop {background-image:url(../media/hdd-change/vga-change-desktop.gif);border-top:1px solid #efefef;} #HDDchange #content ul#vga li#note {background-image:url(../media/hdd-change/vga-change-raptop.gif);} /* DVD交換 */ #HDDchange #content ul#dvd {padding-bottom:20px;list-style-type:none;} #HDDchange #content ul#dvd li {margin:0px;padding:90px 2px 20px 10px;} #HDDchange #content ul#dvd li#desktop {background-image:url(../media/hdd-change/dvd-change-desktop.gif);border-top:1px solid #efefef;} #HDDchange #content ul#dvd li#note {background-image:url(../media/hdd-change/dvd-change-raptop.gif);} /* POWER交換 */ #HDDchange #content ul#power {padding-bottom:20px;list-style-type:none;} #HDDchange #content ul#power li {margin:0px;padding:90px 2px 20px 10px;} #HDDchange #content ul#power li#desktop {background-image:url(../media/hdd-change/power-change-desktop.gif);border-top:1px solid #efefef;} #HDDchange #content ul#power li#note {background-image:url(../media/hdd-change/power-change-raptop.gif);} /* KEYBOARD交換 */ #HDDchange #content ul#keyboard {padding-bottom:20px;list-style-type:none;} #HDDchange #content ul#keyboard li {margin:0px;padding:90px 2px 20px 10px;} #HDDchange #content ul#keyboard li#note {background-image:url(../media/hdd-change/keyboard-change-raptop.gif);border-top:1px solid #efefef;} /* PC-PARTS交換 */ #HDDchange #content ul#pc-parts {padding-bottom:20px;list-style-type:none;} #HDDchange #content ul#pc-parts li {margin:0px;padding:90px 2px 20px 10px;} #HDDchange #content ul#pc-parts li#desktop {background-image:url(../media/hdd-change/pc-parts-change-desktop.gif);border-top:1px solid #efefef;} #HDDchange #content ul#pc-parts li#note {background-image:url(../media/hdd-change/pc-parts-change-raptop.gif);} /* =================================================== PCrepair Page ===================================================*/ #PCrepair #top { height:233px; background: url("../media/pc-repair/bg-top.gif") no-repeat; } #PCrepair #sub-top { height: 30px; background: url("../media/page/mid-shadow.gif") no-repeat; } #PCrepair #mid-wrap {background: none;} #PCrepair #side {float:left;border-right: 1px solid #ddd;padding-right: 25px;} #PCrepair #content {float:left;margin-left: 15px;} #PCrepair #content .post {background: url("../media/post-h2-doc.gif") no-repeat 0 4px;} #PCrepair #content .post h2 {padding-top: 8px;} #PCrepair #content .post-title, #WordpressPage #content .post-date {margin-left: 60px;} #PCrepair #content blockquote {background: #F2F2F2; padding: 10px;border: 1px solid #ddd;} #PCrepair #content .post-content ol li {margin-left: 20px;padding-bottom: 12px;list-style-type: decimal;} #PCrepair #content .post-content ul li {padding: 2px 0 5px 16px;border-bottom: 1px solid #efefef;background: url("../media/h4.gif") no-repeat 0 7px;} #PCrepair #content .post-content a {background:#FFF;color:#6d8012;} #PCrepair #content .post-content a:hover {color: #fd512a;text-decoration: underline;} #PCrepair strong {font-size:13px; color: #347BA2;} #PCrepair em {font-size:13px;color:#FF0000;} /* =================================================== Service Page ===================================================*/ #Service #top { height:233px; background: url("../media/service/bg-top.gif") no-repeat; } #Service #sub-top { height: 30px; background: url("../media/page/mid-shadow.gif") no-repeat; } #Service #mid-wrap {background: none;} #Service #side {float:left;border-right: 1px solid #ddd;padding-right: 25px;} #Service #content {float:left;margin-left: 15px;} #Service #content .post {background: url("../media/post-h2-doc.gif") no-repeat 0 4px;} #Service #content .post h2 {padding-top: 8px;} #Service #content .post-title, #WordpressPage #content .post-date {margin-left: 60px;} #Service #content blockquote {background: #F9F9F9; padding:10px 15px; border:1px solid #ddd;margin:-20px 25px 35px 25px;} #Service #content .post-content ol li {margin-left: 20px;padding-bottom: 12px;list-style-type: decimal;} #Service #content .post-content ul { margin-bottom:25px;} #Service #content .post-content ul li {padding: 2px 0 5px 16px;background: url("../media/h4.gif") no-repeat 0 5px;} #Service #content .post-content p {margin-bottom:35px;} /* #Service #content .post-content answer {margin-left:15px; background: url("../media/faq/faq_img02.gif") no-repeat 0 0px;height:23px; padding-left:30px; padding-top:2px; font-family:Verdana, Arial, Helvetica, sans-serif;} border-bottom: 1px solid #efefef; */ /* =================================================== About Page ===================================================*/ #About #top { height:233px; background: url("../media/about/bg-top.gif") no-repeat; } #About #sub-top { height: 30px; background: url("../media/page/mid-shadow.gif") no-repeat; } #About #mid-wrap {background: none;} #About #side {float:left;border-right: 1px solid #ddd;padding-right: 25px;} #About #content {float:left;margin-left: 15px;} #About #content .post {background: url("../media/post-h2-doc.gif") no-repeat 0 4px;} #About #content .post h2 {padding-top: 8px;} #About #content .post-title, #WordpressPage #content .post-date {margin-left: 60px;} #About #content .post-content ul li {padding: 2px 0 5px 16px;border-bottom: 1px solid #efefef;background: url("../media/h4.gif") no-repeat 0 7px;} /* =================================================== Contact Page ===================================================*/ #Contact #top { height:233px; background: url("../media/contact/bg-top.gif") no-repeat; } #Contact #sub-top { height: 30px; background: url("../media/page/mid-shadow.gif") no-repeat; } #Contact #mid-wrap {background: none;} #Contact #side {float:left;border-right: 1px solid #ddd;padding-right: 25px;} #Contact #content {float:left;margin-left: 15px;} #Contact #content .post {background: url("../media/post-h2-doc.gif") no-repeat 0 4px;} #Contact #content .post h2 {padding-top: 8px;} #Contact #content .post-title, #WordpressPage #content .post-date {margin-left: 60px;} /* =================================================== OriginalPC Page ===================================================*/ #OriginalPC #top { height:233px; background: url("../media/original-pc/bg-top.gif") no-repeat; } #OriginalPC #sub-top { height: 30px; background: url("../media/page/mid-shadow.gif") no-repeat; } #OriginalPC #mid-wrap {background: none;} #OriginalPC #side {float:left;border-right: 1px solid #ddd;padding-right: 25px;} #OriginalPC #content {float:left;margin-left: 15px;} #OriginalPC #content .post {background: url("../media/post-h2-doc.gif") no-repeat 0 4px;} #OriginalPC #content .post h2 {padding-top: 8px;} #OriginalPC #content .post-title, #WordpressPage #content .post-date {margin-left: 60px;} #OriginalPC #content blockquote {background: #F2F2F2; padding: 10px;border: 1px solid #ddd;} #OriginalPC #content .post-content ol li {margin-left: 20px;padding-bottom: 12px;list-style-type: decimal;} #OriginalPC #content .post-content ul li {padding: 2px 0 5px 16px;border-bottom: 1px solid #efefef;background: url("../media/h4.gif") no-repeat 0 7px;} #OriginalPC img {padding-bottom:5px;} /* =================================================== Downloads Page ===================================================*/ #Downloads #top { height:233px; background: url("../media/maintenance/bg-top.gif") no-repeat; } #Downloads #sub-top { height: 30px; background: url("../media/page/mid-shadow.gif") no-repeat; } #Downloads #mid-wrap {background: none;} #Downloads #side {float:left;border-right: 1px solid #ddd;padding-right: 25px;} #Downloads #content {float:left;margin-left: 15px;} #Downloads #content .post {background: url("../media/post-h2-doc.gif") no-repeat 0 4px;} #Downloads #content .post h2 {padding-top: 8px;} #Downloads #content .post-title, #WordpressPage #content .post-date {margin-left: 60px;} /* =================================================== Sendmail Page ===================================================*/ #Sendmail #top { height:233px; background: url("../media/sendmail/bg-top.gif") no-repeat; } #Sendmail #sub-top { height: 30px; background: url("../media/page/mid-shadow.gif") no-repeat; } #Sendmail #mid-wrap {background: none;} #Sendmail #side {float:left;border-right: 1px solid #ddd;padding-right: 25px;} #Sendmail #content {float:left;margin-left: 15px;} #Sendmail #content .post {background: url("../media/post-h2-doc.gif") no-repeat 0 4px;} #Sendmail #content .post h2 {padding-top: 8px;} #Sendmail #content .post-title, #WordpressPage #content .post-date {margin-left: 60px;} #Sendmail #content blockquote {background: #F2F2F2; padding: 10px;border: 1px solid #ddd;} #Sendmail #content .post-content ol li {margin-left: 20px;padding-bottom: 12px;list-style-type: decimal;} /* =================================================== Sitemap Page ===================================================*/ #Sitemap #top { height:233px; background: url("../media/sitemap/bg-top.gif") no-repeat; } #Sitemap #sub-top { height: 30px; background: url("../media/page/mid-shadow.gif") no-repeat; } #Sitemap #mid-wrap {background: none;} #Sitemap #side {float:left;border-right: 1px solid #ddd;padding-right: 25px;} #Sitemap #content {float:left;margin-left: 15px;} #Sitemap #content .post {background: url("../media/post-h2-doc.gif") no-repeat 0 4px;} #Sitemap #content .post h2 {padding-top: 8px;} #Sitemap #content .post-title, #WordpressPage #content .post-date {margin-left: 60px;} #Sitemap #content blockquote {background: #F2F2F2; padding: 10px;border: 1px solid #ddd;} #Sitemap #content .post-content ol li {margin-left: 20px;padding-bottom: 12px;list-style-type: decimal;} #Sitemap #content .post-content ul li {padding: 2px 0 5px 16px;border-bottom: 1px solid #efefef;background: url("../media/h4.gif") no-repeat 0 7px;} /* =================================================== Contact Page =================================================== */ #ContactPage #top{height: 250px;background: url("../media/contact/bg-top.jpg") no-repeat;} #ContactPage #sub-top {height: 30px; background: url("../media/page/mid-shadow.gif") no-repeat 0 -1px;} #ContactPage #mid-wrap {background:none;} #ContactPage #content {float:left;margin-left: 15px;} #ContactPage #side {float:left;border-right: 1px solid #ddd;padding-right: 25px;} #ContactPage #content .post {background: url("../media/post-h2-doc.gif") no-repeat 0 4px;} #ContactPage #content .post h2 {padding-top: 8px;} #ContactPage #content .post-title, #PagePage #content .post-date {margin-left: 60px;} /* =================================================== About Page ===================================================*/ #AboutPage #top {height:339px; background: url("../../../../../farm4.static.flickr.com/3044/2352446769_f8cfb6c3dd_o.jpg") no-repeat;} #AboutPage #sub-top {height: 142px; background: url("../../../../../farm4.static.flickr.com/3011/2353281964_ae661f93a1_o.jpg") no-repeat 0 bottom;position:relative;} #AboutPage #sub-top-movie {text-align:center;height:69px; width:100px; background: black;position:absolute; top: 18px; left: 120px;overflow:hidden;} #AboutPage #sub-top-title {position:absolute; top: 0px; left: 110px;font-size:0.9em;} #AboutPage #mid-wrap {background: url("../media/about/bg-mid.gif") repeat-y;} #AboutPage #side {float:left;margin-top: 18px;padding-right: 15px;width: 440px;color: #739605;} #AboutPage #side .side-list {padding-left: 30px;} #AboutPage #content {float:right;margin: 8px 16px 0 15px;width: 390px;} #AboutPage #content .post {background:none;padding-right: 20px;color: #f34116;} #AboutPage #content .post h2 {padding-top: 8px;} #AboutPage #content .post-title, #AboutPage #content .post-date {margin-left: 60px;} #AboutPage #side .side-list h4 {text-align:center; color:#222; padding: 20px 0 10px;font-weight:bold;} #AboutPage #side .about-history {color: #222;padding: 3px 0 17px; text-align:center;} /* =================================================== Search Page ===================================================*/ #SearchPage #top {height: 153px; background: url("../media/search/bg-top.gif") no-repeat;} #SearchPage #content {width: 582px;float:left;margin-left:32px;margin-right: 20px;} #SearchPage #side {float:right;width: 255px;margin-left:20px;margin-right: 15px;} /* Search ==========================================*/ #searchbar {text-align:center;margin-bottom:7px;} #searchbar label {display:none;} #searchbar input {border:3px #dcdcdc solid;} #searchbar #s {font-size:1.2em;width: 160px;height: 20px;padding-top: 2px;padding-left:2px;background:none;} #searchsubmit {font-size:1em;width: 46px; height: 29px;padding:3px;background:#dcdcdc;color:#a4a4a4;} #indexPage #searchbar {position:absolute; top: 270px; left: 600px;} #indexPage #searchbar #s {border:3px #6d8012 solid;font-size:1.2em;height: 20px;padding-top: 2px;padding-left:2px;width: 218px;background:none;} #indexPage #searchsubmit {border:3px #6d8012 solid;font-size:1em;width: 56px; height: 29px;padding:3px;background:#6d8012;color:#fdfdfd;} /* comment ================================================= */ #comment-wrap {margin-top: 20px;margin-bottom: 20px;background: url("../media/comment/comment-shadow.gif") no-repeat 0 10px;padding-top: 8px;padding-left: 20px;} #comment-wrap h3 {margin-top: 10px; margin-bottom: 16px;margin-left: 40px; font-size:1.1em;color:#fff;font-weight:bold;} #trackback-rss {margin-bottom: 30px;} #comment-list {margin-left: 0px;} #comment-list li {position:relative;margin: 10px 0 33px 0px;background: url("../media/comment/stamp.gif") no-repeat;padding-left:91px;padding-top: 4px;} #comment-list li ul li {margin:0;margin-left:40px;margin-bottom:5px;} #comment-list li ol li {margin:0;margin-left: 40px;margin-bottom:5px;} .gravatar-icon {position:absolute; left: 12px; top: 11px;} .comment-author {font-size:1.2em;} .comment-author a {font-weight:bold;} .comment-time {padding-bottom: 10px;font-size:1em;} .comment-content {line-height: 1.5;} .comment-content p {margin:1.2em 0} .comment-content img {max-width: 500px;} .comment-content blockquote {color:#333;padding-left:25px;background: url("../media/blockquote1.gif") no-repeat;margin: 10px 0 10px 0;} .comment-content blockquote p {background-color: #efefef; padding: 3px;} #comment-inputs {list-style:none;margin-top: 40px;} #comment-inputs li h3 {margin-bottom: 14px;line-height:1.2;font-size:1.2em;} .select {margin-bottom:5px;} .select select { width: 250px;height:21px; padding: 3px 0px 0 4px; margin-right: 10px; border:1px; font-size:1em; } .comment-idinput {margin-bottom:5px;} .comment-idinput label {margin-bottom: 1px;} .comment-idinput input {width: 250px;height:21px; padding: 3px 0px 0 4px; margin-right: 10px; border:0; font-size:1.2em; background: transparent url("../media/comment/comment-input.png") no-repeat top left; } #textareap {width: 449px;height: 125px;clear:both; background: url("../media/comment/comment-textarea-new.gif") no-repeat; position:relative;margin-bottom:5px;} #textareap textarea {background:transparent; overflow:auto; border:0; font-size: 1.2em; width: 438px; height: 120px; position:absolute; top:4px; left:6px;} #textareac {width: 449px;height: 125px;clear:both; background: url("../media/comment/comment-textarea-new.gif") no-repeat; position:relative;margin-bottom:5px;} #textareac textarea {background:transparent; overflow:auto; border:0; font-size: 1.2em; width: 438px; height: 120px; position:absolute; top:4px; left:6px;} #textareab {width: 449px;height: 125px;clear:both; background: url("../media/comment/comment-textarea-new.gif") no-repeat; position:relative;margin-bottom:5px;} #textareab textarea {background:transparent; overflow:auto; border:0; font-size: 1.2em; width: 438px; height: 120px; position:absolute; top:4px; left:6px;} #textareaw {width: 449px;height: 125px;clear:both; background: url("../media/comment/comment-textarea-new.gif") no-repeat; position:relative;margin-bottom:5px;} #textareaw textarea {background:transparent; overflow:auto; border:0; font-size: 1.2em; width: 438px; height: 120px; position:absolute; top:4px; left:6px;} #textareae {width: 449px;height: 125px;clear:both; background: url("../media/comment/comment-textarea-new.gif") no-repeat; position:relative;margin-bottom:5px;} #textareae textarea {background:transparent; overflow:auto; border:0; font-size: 1.2em; width: 438px; height: 120px; position:absolute; top:4px; left:6px;} .comment-meta {margin-top: 12px;} #Notice {background: url("../media/updating.gif") no-repeat 0 0;width: 90px; height: 54px; position:absolute; top:0; left: 200px;text-indent: -999em;} /* =================================================== Guest Page ===================================================*/ #GuestPage #top {height:170px; background: url("../media/repair/bg-top.gif") no-repeat;} #GuestPage #sub-top {height: 30px; background: url("../media/page/mid-shadow.gif") no-repeat;} #GuestPage #mid-wrap {background: none;} #GuestPage #side {float:left;border-right: 1px solid #ddd;padding-right: 25px;} #GuestPage #content {float:left;margin-left: 15px;position:relative;} #GuestPage #content .post {background: url("../media/post-h2-doc.gif") no-repeat 0 4px;} #GuestPage #content .post h2 {padding-top: 8px;} #GuestPage .gravatar-icon {position:absolute; left: 11px; top: 11px;} #GuestPage #content .post-title, #PagePage #content .post-date {margin-left: 60px;} #GuestPage #comment-inputs {list-style:none;margin-top: 2px;} #GuestPage #comment-list {margin-top: 15px;} #GuestPage #comment-list li {position:relative;margin: 10px 0 33px 0px;background: url("../media/comment/guest-stamp.gif") no-repeat;padding-left:71px;padding-top: 4px;} #GuestPage .comment-content p {margin:1em 0;} #GuestPage #comment-wrap {margin-bottom: 20px;background: none;padding-left: 5px;} #GuestPage #comment-wrap h2 {margin-top: 10px; margin-bottom: 16px; font-size:1.1em;color:#000;font-weight:bold;} #GuestPage #textareap {width: 512px;height: 51px;clear:both; background: url("../media/comment/comment-textarea-g.gif") no-repeat; position:relative;margin-bottom:5px;} #GuestPage #textareap textarea {background:transparent; overflow:auto; border:0; font-size: 1.2em; width: 502px; height: 44px; position:absolute; top:4px; left:6px; } /* =================================================== Guest Page ===================================================*/ /** #topic-column {-moz-column-count: 3; -moz-column-gap: 1em; -webkit-column-count: 3; -webkit-column-gap: 1em;} **/ /** request form **/ .requestform p{ width: 360px; clear: left; margin: 0; padding-left: 210px; height: 1%; border-top-width: 1px; border-top-style: dotted; border-top-color: gray; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; } .requestform label{ float: left; margin-left: -210px; /*width of left column*/ width: 170px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ text-indent: 10px; padding: 0px; color: #666666; } .requestform select{ padding-top: 2px; padding-bottom: 2px; font-family: verdana; } .requestform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/ width: 180px; font-size: 13px; color: #999999; } .requestform textarea{ width: 350px; height: 150px; font-size: 13px; color: #999999; } .formbutton{ cursor:pointer; border:outset 1px #ccc; background:#999999; color:#666666; font-weight:bold; font-size:13px; background:url(../media/formbg.gif) repeat-x left top; text-indent: 2px; padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px; width: 130px; } .zipcodebutton{ cursor:pointer; border:outset 1px #ccc; background:#999999; color:#666666; font-size:13px; background:url(../media/formbg.gif) repeat-x left top; text-indent: 2px; padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px; width: 150px; } .redpoint { color: #FF0000; font-weight: normal; } .formbuttonreset{ cursor:pointer; border:outset 1px #ccc; background:#999; color:#666; font-weight:bold; font-size:13px; background:url(../media/formbg.gif) repeat-x left top; text-indent: 2px; padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px; } /* LEFT-COLUMN - TOP10 - ----------------------------------------------- */ ul#rank { padding-bottom:20px; list-style-type:none; } ul#rank li { margin:0px; padding:2px 2px 6px 38px; background:url(../media/index/bt_top_top10.gif) no-repeat 2px 0px; border-top:1px solid #DDE; } ul#rank li#rank1 {background-image:url(../media/index/bt_top10_1.gif);border-top:0px solid #DDE;} ul#rank li#rank2 {background-image:url(../media/index/bt_top10_2.gif);} ul#rank li#rank3 {background-image:url(../media/index/bt_top10_3.gif);} ul#rank li#rank4 {background-image:url(../media/index/bt_top10_4.gif);} ul#rank li#rank5 {background-image:url(../media/index/bt_top10_5.gif);} ul#rank li#rank6 {background-image:url(../media/index/bt_top10_6.gif);} ul#rank li#rank7 {background-image:url(../media/index/bt_top10_7.gif);} ul#rank li#rank8 {background-image:url(../media/index/bt_top10_8.gif);} ul#rank li#rank9 {background-image:url(../media/index/bt_top10_9.gif);} ul#rank li#rank10 {background-image:url(../media/index/bt_top10_10.gif);} /* http://www.pcjungle.net/index.html データ復旧の特徴*/ ul#recovery-rank { padding-bottom:20px; list-style-type:none; } ul#recovery-rank li { margin:0px; padding:2px 2px 6px 38px; background:url(../media/index/bt_top_top10.gif) no-repeat 2px 0px; border-top:1px solid #DDE; } ul#recovery-rank li#rank11 {background-image:url(../media/index/bt_top11_1.gif);border-top:0px solid #DDE;} ul#recovery-rank li#rank12 {background-image:url(../media/index/bt_top11_2.gif);} ul#recovery-rank li#rank13 {background-image:url(../media/index/bt_top11_3.gif);} .top10-ctrl small { display:none; } .top10-ctrl a:link, .top10-ctrl a:visited { display:block; padding:1px 4px; float:left; border-top:1px solid #BAA; border-left:1px solid #DCC; border-right:1px solid #977; border-bottom:1px solid #977; background:url(../media/index/submenubg2.gif) repeat-x 0px 0px #FFF; } .top10-ctrl a:hover { border-bottom:1px solid #FFF; background:#FFF; } /* SIDEBAR-NAVI */ .sidebarmenu ul{ margin: 0; padding: 0; list-style-type: none; font: 13px Verdana; width: 100%; /* Main Menu Item widths */ /*border-bottom: 1px solid #ccc;*/ } .sidebarmenu ul li{ position: relative; } /* Top level menu links style */ .sidebarmenu ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: #000000; text-decoration: none; padding: 6px; border-bottom: 1px solid #F2F2F2; } .sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{ background-color: #FFFFFF; /*background of tabs (default state)*/ } .sidebarmenu ul li a:visited{ color: #000000; } .sidebarmenu ul li a:hover{ background-color: #228B22; color: #FFFFFF; } /*Sub level menu items */ .sidebarmenu ul li ul{ position: absolute; width: 100%; /*Sub Menu Items width */ top: 0; visibility: hidden; } .sidebarmenu a.subfolderstyle{ background: url(../media/pc-repair/right.gif) no-repeat 97% 50%; } /* Holly Hack for IE \*/ * html .sidebarmenu ul li { float: left; height: 1%; } * html .sidebarmenu ul li a { height: 1%; } /* End */ /* MAINPAGE-NAVI */ .sidebarnavi ul{ margin: 0; padding: 0px 20px 0px 0px; list-style-type: none; font: 13px Verdana; width: 205px; /* Main Menu Item widths */ /*border-bottom: 1px solid #ccc;*/ } .sidebarnavi ul li{ position: relative; } /* Top level menu links style */ .sidebarnavi ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: #000000; text-decoration: none; padding: 6px; border-bottom: 1px solid #F2F2F2; } .sidebarnavi ul li a:link, .sidebarnavi ul li a:visited, .sidebarnavi ul li a:active{ background-color: #FFFFFF; /*background of tabs (default state)*/ } .sidebarnavi ul li a:visited{ color: #000000; } .sidebarnavi ul li a:hover{ background-color: #228B22; color: #FFFFFF; } /*Sub level menu items */ .sidebarnavi ul li ul{ position: absolute; width: 100%; /*Sub Menu Items width */ top: 0; visibility: hidden; } .sidebarnavi a.subfolderstyle{ background: url(../media/pc-repair/right.gif) no-repeat 97% 50%; } /* TABLE START */ table { border-collapse: collapse; border: 1px #F2F2F2; font: 12px "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif; color: #F6ECF0; /* #F6ECF0 */ background: #FFFFFF; /* #A5D079 */ } caption { text-align: left; font: 12px "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif; background: transparent; } td { border-bottom: 1px solid #ccc; /*border: 1px border-collapse:collapse #3E3E3E;*/ padding: .4em; line-height:1.5em; color: #000033; /*#000033*/ } th { border-bottom: 1px solid #ccc; /*border: 1px border-collapse:collapse #3E3E3E;*/ padding: .4em; line-height:1.5em; color: #000033; /*#000033*/ background: #F9F9F9; } thead th, tfoot th { font: 12px "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif; border: 1px solid #A85070; /*solid #ddd;*/ text-align: left; background: #38160C; /* #38160C */ color: #F6ECF0; padding-top:6px; } tbody td a { background: transparent; text-decoration: none; color: #F6ECF0; } tbody td a:hover { background: transparent; color: #FFFFFF; } tbody th a { font: 12px "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif; background: transparent; text-decoration: none; font-weight:normal; color: #F6ECF0; } /* tbody th a:hover { background: transparent; color: #FFFFFF; } */ tbody th, tbody td { vertical-align: top; text-align: left; } tfoot td { border: 1px solid #38160C; background: #38160C; padding-top:6px; } .odd { background: #7B2342; } tbody tr:hover { background: #F9F9F9; /* background: #CBE4B1;*/ } tbody tr:hover th, tbody tr.odd:hover th { background: #F2F2F2; /* background: #51152A;*/ } .privacy{ overflow:scroll; border:1px solid #ccc; padding:5px; height:100px; margin:0px 40px 20px 40px; } .required { color:#FF0000; } .note{ color:#A3A3A3; } .positive{ color:#0000FF; } .under{ text-decoration:underline; color:#0000FF; } /* TABLE END */ /* ADD */ .error, .notice, .success { padding: 0.8em; margin-bottom: 1em; border-top-width: 2px; border-right-width-value: 2px; border-right-width-ltr-source: physical; border-right-width-rtl-source: physical; border-bottom-width: 2px; border-left-width-value: 2px; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-top-style: solid; border-right-style-value: solid; border-right-style-ltr-source: physical; border-right-style-rtl-source: physical; border-bottom-style: solid; border-left-style-value: solid; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-top-color: #dddddd; border-right-color-value: #dddddd; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; border-bottom-color: #dddddd; border-left-color-value: #dddddd; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; } .notice { background-color: #fff6bf; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: #514721; border-top-color: #ffd324; border-right-color-value: #ffd324; border-bottom-color: #ffd324; border-left-color-value: #ffd324; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; }