/* -*- coding: utf-8-unix; -*- uu.css Last Updated: "2010-06-11 Thu 12:36:03" */ body {background:url("img/bg.gif") repeat-y center; background-color:#920000; font-family:"MS UI Gothic", Osaka; text-align:center; scrollbar-track-color:#920000; scrollbar-face-color:#920000; scrollbar-arrow-color:white; scrollbar-3dlight-color:white; scrollbar-highlight-color:#920000; scrollbar-shadow-color:#920000; scrollbar-darkshadow-color:white;} #all, #all-home, #all-list, #all-list-text, #all-send, #all-entry {width:764px; margin:0 auto;} #all-entry .cont-body {text-align:center;} #all-entry .menu.bot {margin-top:50px;} a {text-decoration:none;} a:link {color:blue;} a:visited {color:red;} a:hover {background-color:yellow;} a:active {outline-style:0;} h1 {font-weight:normal; font-size:160%; margin:0 0 15px 0;} h2 {color:white; text-align:center; font-weight:normal; font-size:100%; margin:0 0 25px 0;} img {border:0;} li, p {line-height:140%;} p.more-space {margin-bottom:35px;} .menu {font-size:14px;} .menu .rss {background:url("img/icon_rss_feed.gif") no-repeat left; padding-left:18px;} .menu .sep {margin:0 8px 0 11px;} .menu a:link, .menu a:visited {color:white;} .menu a:hover {color:black;} .menu.top {margin-bottom:50px;} .scut {font-size:90%; color:silver; margin:0 3px;} #all-home .cont {margin-bottom:50px;} .cont {background:url("img/cont_body.gif") repeat-y;} .cont-body {text-align:left; padding:20px 45px;} #all-list .cont-body {padding:20px 45px 0 45px; margin-bottom:20px;} .cont-foot {background:url("img/cont_foot.gif") no-repeat bottom; height:61px;} .uu-logo {background:url("img/uu_logo.gif") no-repeat right; width:700px; height:28px; margin:0 auto;} .uu-logo-title {background:url("img/uu_logo_title.gif") no-repeat center; width:764px; height:65px; margin:40px auto 5px auto;} /* tiled pix on top page */ #all-home #ajaxdata {position:relative; top:30px; width:605px; color:gray; height:625px; margin:0 auto;} .index-entry a:hover {background-color:white;} .index-entry img {z-index:0;} .index-entry a:hover img {z-index:1;} #index-1 img {position:absolute; left:0; top:0;} #index-1 a:hover img {left:-5px; top:-5px;} #index-2 img {position:absolute; left:151px; top:0;} #index-2 a:hover img {left:146px; top:-5px;} #index-3 img {position:absolute; left:302px; top:0;} #index-3 a:hover img {left:307px; top:-5px;} #index-4 img {position:absolute; left:453px; top:0;} #index-4 a:hover img {left:458px; top:-5px;} #index-5 img {position:absolute; left:0; top:101px;} #index-5 a:hover img {left:-5px; top:96px;} #index-6 img {position:absolute; left:151px; top:101px;} #index-6 a:hover img {left:146px; top:96px;} #index-7 img {position:absolute; left:302px; top:101px;} #index-7 a:hover img {left:307px; top:96px;} #index-8 img {position:absolute; left:453px; top:101px;} #index-8 a:hover img {left:458px; top:96px;} #index-9 img {position:absolute; left:0; top:202px;} #index-9 a:hover img {left:-5px; top:207px;} #index-10 img {position:absolute; left:151px; top:202px;} #index-10 a:hover img {left:146px; top:207px;} #index-11 img {position:absolute; left:302px; top:202px;} #index-11 a:hover img {left:307px; top:207px;} #index-12 img {position:absolute; left:453px; top:202px;} #index-12 a:hover img {left:458px; top:207px;} #index-13 img {position:absolute; left:0; top:303px;} #index-13 a:hover img {left:-5px; top:308px;} #index-14 img {position:absolute; left:151px; top:303px;} #index-14 a:hover img {left:146px; top:308px;} #index-15 img {position:absolute; left:302px; top:303px;} #index-15 a:hover img {left:307px; top:308px;} #index-16 img {position:absolute; left:453px; top:303px;} #index-16 a:hover img {left:458px; top:308px;} .index-entry-info {position:absolute; left:0; top:410px; font-size:12px; width:605px; height:55px; display:none; margin:3px auto 0 auto;} .index-flag {position:absolute; left:0; top:0; border:1px silver solid; width:30px; height:20px; _width:32px; _height:22px;} .index-date {position:absolute; left:40px; top:5px;} .index-place {position:absolute; left:110px; top:5px;} .index-place .en {margin-left:10px;} .index-title {position:absolute; left:0; top:27px; color:black; font:20px "メイリオ"; text-shadow:1px 1px 1px #969696;} #quote {position:absolute; left:0; top:520px; text-align:center; font-size:15px; line-height:140%; cursor:pointer; width:605px;} #quote .align {text-align:left;} #quote-who {color:silver; font-size:12px; margin-top:10px;} span#quote-who {margin-left:10px;} #quote-next {color:silver; font:9px "Arial"; margin-left:15px;} /* temp */ #index-16 {position:absolute; left:453px; top:303px; color:silver; font:12px "Arial"; padding:45px 0 0 40px;} .comm {background:url("img/comm_body.gif") repeat-y; width:602px; margin:0 auto 50px auto;} .comm-head {background:url("img/comm_head_foot.gif") no-repeat; height:1px;} .comm-foot {background:url("img/comm_head_foot.gif") no-repeat bottom; height:1px;} .comm-body {text-align:left; padding:20px 0;} .a-comm {text-align:left; margin-bottom:40px;} .comm-title {background:url("img/comm_title.gif") no-repeat bottom; width:602px; margin-bottom:10px;} .comm-date {font-weight:bold; font-family:"Arial"; margin-left:50px;} .posted-by {color:white; font-size:160%;} .a-comm-body {color:white; line-height:120%; padding:0 50px;} .a-comm a:link {color:white;} .a-comm a:visited {color:silver;} .a-comm a:hover {color:black;} .title-cont {background:url("img/title_contact.gif") no-repeat; width:370px; height:42px; margin:0 auto 5px auto;} .title-faq {background:url("img/title_faq.gif") no-repeat; width:370px; height:42px; margin:0 auto 5px auto;} .title-list {background:url("img/title_list.gif") no-repeat; width:370px; height:42px; margin:0 auto 5px auto;} .title-send {background:url("img/title_send.gif") no-repeat; width:370px; height:42px; margin:0 auto 5px auto;} .title-uu {background:url("img/btn_uu.gif") no-repeat; width:370px; height:42px; margin:0 auto 5px auto;} .title-what {background:url("img/title_whats_uu.gif") no-repeat; width:370px; height:42px; margin:0 auto 5px auto;} .navi {position:relative; background:url("img/btn_empt.gif") no-repeat; width:370px; height:42px; margin:5px auto 50px auto;} .navi .btn-list {position:absolute; left:131px;} .navi .btn-prev {position:absolute; left:0;} .navi .btn-next {position:absolute; right:0;} .navi-top {margin:0 auto 5px auto;} .btn-list img {background:url("img/btn_list.gif") no-repeat; width:110px; height:42px;} .btn-prev img {background:url("img/btn_prev.gif") no-repeat; width:64px; height:42px;} .btn-next img {background:url("img/btn_next.gif") no-repeat; width:64px; height:42px;} .btn-uu img {background:url("img/btn_uu.gif") no-repeat; width:370px; height:42px;} .btn-writ {background:url("img/btn_writ.gif") no-repeat; width:370px; height:42px; margin:0 auto;} .btn-uu a:hover img, .navi a:hover img {background-position:0 -42px;} #all-entry .cont {margin-top:5px;} #navi5-body {position:relative; width:750px; height:102px; margin:0 auto;} #navi5-body img {border:1px silver solid;} #navi5-1 img {position:absolute; left:0; top:0; border-left:none; z-index:0;} #navi5-1 a:hover img {left:-8px; top:-5px; border-left:1px silver solid;} #navi5-2 img {position:absolute; left:148px; top:0; z-index:1;} #navi5-2 a:hover img {left:143px; top:-5px;} #navi5-3 img {position:absolute; left:299px; top:0; z-index:2;} #navi5-3 a:hover img {top:-5px;} #navi5-4 img {position:absolute; left:450px; top:0; z-index:1;} #navi5-4 a:hover img {left:455px; top:-5px;} #navi5-5 img {position:absolute; left:599px; top:0; border-right:none; z-index:0;} #navi5-5 a:hover img {left:607px; top:-5px; border-right:1px silver solid;} .navi5-title {position:absolute; left:0; top:106px; color:gray; font-size:12px; display:none; width:750px;} #navi5-1-info {text-align:left; padding-left:20px;} #navi5-2-info {text-align:left; padding-left:148px;} #navi5-3-info {text-align:center;} #navi5-4-info {text-align:right; width:605px;} /* padding-right doesn't work on FF */ #navi5-5-info {text-align:right; width:733px;} #manual {background:url("img/icon_printer.gif") no-repeat right; height:16px; font-size:80%; text-align:right; padding:5px 19px 0 0; margin:0;} #ab-bc-cd {background:url("img/ab-bc-cd.gif") no-repeat center; height:102px; margin:0 auto 35px auto;} .asan {color:#585858; font:bold 120% "Arial";} .bsan {color:#787EF1; font:bold 120% "Arial";} .csan {color:#4FFF5B; font:bold 120% "Arial";} .dsan {color:#F4AB43; font:bold 120% "Arial";} #whatsnew-text {color:black; border:0; border-collapse:collapse; font-size:80%; width:500px; margin-left:50px;} #whatsnew-text td {text-align:left; vertical-align:top; line-height:110%;} #whatsnew-text .d {color:#F5DEB3; white-space:nowrap; width:90px;} #whatsnew-text a:link {color:white;} #whatsnew-text a:visited {color:silver;} #whatsnew-text a:hover {color:black;} #list-top {position:relative; font-size:12px; width:674px; height:22px; margin:0 auto 50px auto;} #link-l {position:absolute; left:0; top:9px;} #link-r {position:absolute; right:0; top:9px;} #search-inc {position:absolute; left:262px; top:0; color:gray;} #search-inc label {font-size:10px; width:45px;} #search-inc label .scut {font-size:10px; margin-left:2px;} #all-list #search-inc {left:300px;} #list-top .input-msg {width:150px;} #btn-sex {position:absolute; left:90px; top:3px;} #btn-sex img {border:1px silver solid; width:20px; height:15px; cursor:pointer;} #btn-mm img {background:url("img/btn_mm.gif") no-repeat;} #btn-ff img {background:url("img/btn_ff.gif") no-repeat;} #btn-mf img {background:url("img/btn_mf.gif") no-repeat;} #btn-fm img {background:url("img/btn_fm.gif") no-repeat;} #btn-sex .off img {background-position:0 -15px;} #count {position:absolute; left:0; top:9px; font-size:10px; color:silver;} #all-list #count {left:195px;} #men, #women {color:gray; margin-right:4px;} #total {color:gray;} #list-top #loading {position:absolute; left:0; top:22px;} .loading-msg {background-color:red; color:white; padding:1px 2px;} .loading-err {background-color:yellow; color:white; padding:1px 2px;} .arrows {letter-spacing:-7px;} .list-entry {position:relative; margin-bottom:8px;} .list-entry .w-map {_right:40px; display:none;} .pic-s {border:1px silver solid; width:150px; height:100px;} .pic-b {border:1px silver solid; width:639px; height:426px;} .list-flag {position:absolute; left:160px; top:0; border:1px silver solid; width:30px; height:20px; _width:32px; _height:22px;} .list-place {position:absolute; left:268px; top:0; font-size:12px;} .list-date {position:absolute; left:200px; top:0; color:gray; font-size:12px;} .list-title {position:absolute; left:175px; top:55px; font-size:20px;} .click-text {color:red; cursor:pointer;} .mover {background-color:yellow; color:red; cursor:pointer;} a:link.list-title {color:black;} a:visited.list-title {color:gray;} #all-list-text #list-top {margin-bottom:30px;} #all-list-text #ajaxdata {font-size:13px; width:674px; margin:0 auto 30px auto;} #all-list-text #ajaxdata #loading {height:20px;} .list-text-head {position:relative; border-bottom:1px #D2A46B solid; height:16px; padding-bottom:1px; margin-bottom:15px;} .list-text-head .d {position:absolute; left:0; top:0; color:red; cursor:pointer;} .list-text-head .p {position:absolute; left:75px; top:0; color:red; cursor:pointer;} .list-text-head .t {position:absolute; left:350px; top:0; color:red; cursor:pointer;} .list-text-head .d-mover {position:absolute; left:0; top:0; background-color:yellow; color:red; cursor:pointer;} .list-text-head .p-mover {position:absolute; left:75px; top:0; background-color:yellow; color:red; cursor:pointer;} .list-text-head .t-mover {position:absolute; left:350px; top:0; background-color:yellow; color:red; cursor:pointer;} .list-text-head #memo {position:absolute; right:0; top:0; color:gray;} .list-text-head .loading-msg, .list-text-head .loading-err {color:white;} .list-text-head .active, .list-text-head .active .arrows {color:black; cursor:text;} #all-list-text #ajaxdata .gz div {position:relative; height:16px;} #all-list-text #ajaxdata .gz div .d {position:absolute; left:0; top:0; color:gray;} #all-list-text #ajaxdata .gz div .p {position:absolute; left:75px; top:0;} #all-list-text #ajaxdata .gz div a {position:absolute; left:350px; top:0;} #all-list-text #ajaxdata .en {color:silver; font-size:90%; margin-left:4px;} #entry-info {position:relative; font-size:12px; width:641px; height:70px; margin:3px auto 0 auto;} .entry-flag {position:absolute; left:0; top:0; border:1px silver solid; width:30px; height:20px; _width:32px; _height:22px;} #entry-date {position:absolute; left:40px; top:0; color:gray;} #entry-place {position:absolute; left:110px; top:0;} #entry-more {position:absolute; left:40px; top:15px;} #entry-more a {background:url("img/icon_link_self.gif") no-repeat center right; padding-right:13px; margin-right:10px;} #entry-title {font:22px "メイリオ"; text-shadow:1px 1px 1px #969696; margin-bottom:20px;} .w-map {position:absolute; right:0; top:0; background:url("img/worldmap.gif") no-repeat; width:86px; height:55px;} .w-map-dot {position:absolute; background:url("img/red_dot.gif") no-repeat; width:3px; height:3px;} .argentine {background:url("img/flags/flag_argentine.gif") no-repeat;} .bolivia {background:url("img/flags/flag_bolivia.gif") no-repeat;} .egypt {background:url("img/flags/flag_egypt.gif") no-repeat;} .ethiopia {background:url("img/flags/flag_ethiopia.gif") no-repeat;} .israel {background:url("img/flags/flag_israel.gif") no-repeat;} .morocco {background:url("img/flags/flag_morocco.gif") no-repeat;} .namibia {background:url("img/flags/flag_namibia.gif") no-repeat;} .nepal {background:url("img/flags/flag_nepal.gif") no-repeat; border:none;} .south-africa {background:url("img/flags/flag_south-africa.gif") no-repeat;} .spain {background:url("img/flags/flag_spain.gif") no-repeat;} .tanzania {background:url("img/flags/flag_tanzania.gif") no-repeat;} .thailand {background:url("img/flags/flag_thailand.gif") no-repeat;} .turkey {background:url("img/flags/flag_turkey.gif") no-repeat;} .yemen {background:url("img/flags/flag_yemen.gif") no-repeat;} .zimbabwe {background:url("img/flags/flag_zimbabwe.gif") no-repeat;} #post-comm {position:relative; text-align:left; height:400px;} #post-comm form {position:relative; background-color:#F5F5F5; border:1px #F0F0F0 solid; width:330px; padding:15px;} #comm-info {width:210px;} #comm-info input {margin-bottom:10px;} #comm-ask {position:absolute; top:28px; right:17px; font-size:80%;} #comm-msg textarea {width:330px; margin-bottom:10px;} #comm-msg .btn {width:140px; margin-left:190px;} .ad-post {position:absolute; width:300px; height:250px; top:0; right:0;} #contact-form {background-color:#F5F5F5; border:1px #F0F0F0 solid; width:470px; margin-left:100px;} #contact-form form {padding:25px;} #contact-form input, #contact-form textarea {margin-bottom:10px;} .email-big {background:url("img/youyouemail.gif") no-repeat; width:330px; height:24px; margin-left:50px;} #all-send .email-big {margin:50px;} #send-pic-form {background-color:#F5F5F5; border:1px #F0F0F0 solid; font-size:13px; width:500px; padding:25px 0 0 40px; margin:10px auto 0 auto;} #send-pic-form input {margin-bottom:5px;} #sender {margin-bottom:20px;} #two {position:relative; height:140px;} #left {position:absolute; left:0; top:0;} #right {position:absolute; left:250px; top:0;} #file, #place {width:460px;} #title {width:460px; margin-bottom:25px;} #send-pic-form textarea {width:460px; height:100px; margin-bottom:30px;} #send-pic-form .btn {width:250px; height:30px; margin:0 0 35px 105px;} .required-notes {margin-bottom:20px;} .required {color:red;} textarea, .input-msg, .input-name, .input-email, .input-url {border:1px #C7C7C7 solid; background-color:white; padding:2px 0 0 1px;} .input-msg, .input-name, .input-email, .input-url {width:210px;} .input-email, .input-url {ime-mode:disabled;} textarea {width:420px; height:180px; scrollbar-track-color:white; scrollbar-face-color:white; scrollbar-arrow-color:#C7C7C7; scrollbar-3dlight-color:#C7C7C7; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-darkshadow-color:#C7C7C7;} img.self {background:url("img/icon_link_self.gif") no-repeat; width:11px; height:11px; margin:0 5px;} img.blank {background:url("img/icon_link_blank.gif") no-repeat; width:13px; height:13px; margin:0 5px;} .notes {font-size:80%;} .text-hw {font:bold 95% "Comic Sans MS";} .btn {background-color:#FFEBCD; border:1px #C7C7C7 solid; cursor:pointer; _height:20px; padding-top:2px;} .stat-err {background-color:red; color:white; padding:3px; width:466px; margin:10px 0 0 100px;} .stat-ok {background-color:green; color:white; padding:3px; width:466px; margin:10px 0 0 100px;} .err-msg {width:466px; margin:10px 0 0 100px;} .align {text-align:center;} #all-send .stat-err, #all-send .stat-ok, #all-send .err-msg {width:536px; margin:10px auto 0 auto;} #navi5, .ad {background:url("img/cont_body.gif") repeat; margin-bottom:50px;} #navi5-head, .cont-head, .ad-head {background:url("img/cont_head.gif") no-repeat; height:27px;} #navi5-foot, .ad-foot {background:url("img/cont_foot.gif") no-repeat; height:27px;} .ad-body {width:728px; height:110px; margin:0 auto;} .ad-lnk {margin-top:5px;} body.mt-comment-error, body.mt-comment-pending {background:none; background-color:white;} .sys-msg {font-size:13px;} .powerd {font-size:12px; color:gray; padding:0 0 5px 25px;} #all-send .powerd {padding:0 0 5px 70px;} #copyright {font:10px "Consolas","Arial"; color:white; margin:5px auto 10px auto;} /* debug .ad-post {border:1px blue solid;} */