@charset "shift_jis"; /* CSS Document */ /*--------------------------------------------------------------------- Style Reset ---------------------------------------------------------------------*/ /* -- html -- */ * {margin:0;padding:0;} html {overflow-y:scroll;} /* -- body -- */ body {font:12px/1.5; margin:0; padding:0;} * html body {font-family:"‚l‚r ‚oƒSƒVƒbƒN", sans-serif; font-size:75%;}/* for IE6 */ *+html body {font-family:"ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN"; font-size:75%;}/* for IE7 */ html>/**/body {font-family:"ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif; font-size:75%;}/* for IE8 */ html:not(:target) body {font:12.4px/1.5 Osaka, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}/* for modern browser not IE8(FF,safari,chrome,opera) */ /* -- other tags -- */ a {overflow:hidden;} a img, img {border:0;} img {line-height:100%; vertical-align:bottom;} abbr, acronym {border:0;} address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;} caption, th {text-align:left;} code, kbd, pre, samp, tt {font-family:monospace; line-height:100%;} *+html code, kbd, pre, samp, tt {font-size:108%;}/* for IE7 */ h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;} ol, ul {list-style:none;} q:before, q:after {content:'';} button, fieldset, form, input, label, legend, select, textarea {font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; vertical-align:baseline;} fieldset {border:none;} table {border-collapse:collapse; border-spacing:0; font-size:100%;}/* tables still need 'cellspacing="0"' */ object {outline:none;} /* clearfix */ .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:1%;} .clearfix {display:block;} /* End hide from IE-mac */ * html .clearfix {display:inline-block;}/* for IE6 */ *+html .clearfix {display:inline-block;}/* for IE7 */ /* base layout */ #container,#wrapper {width:100% !important;} #header {width:768px; margin:0 auto 35px auto;} #hdr_menu, #footer {width:768px; margin:0 auto;} .contents {background:#E60012; text-align:center;} #ugo-wrapper {width:768px; margin:0 auto; text-align:left;} /* ugo-container layout */ #ugo-container {padding:46px 0 0 15px;} #btn_return {width:299px; height:57px; margin:0 auto; padding-bottom:40px; background:url(images/btn_returntop.gif) no-repeat 0 0;} #btn_return a {display:block; overflow:hidden; height:0; padding-top:57px; background:url(images/btn_returntop.gif) no-repeat 0 0;} #btn_return a:hover {background:url(images/btn_returntop_on.gif) no-repeat 0 0;} /* #ugo-head layout */ #ugo-head {position:relative; height:270px; margin-bottom:20px;} #img-ds {margin-left:33px; padding-top:7px; display:block;} #logo-ugomemo {position:absolute; left:324px; top:40px;} #ugo-info {position:absolute; left:324px; top:195px;} #middleContent {position:relative;} /* ugo-result layout */ #ugo-result {background:url(images/bg_result.gif) no-repeat left top; width:738px; height:163px; margin-bottom:20px; position:relative;} #ugo-result dt {position:absolute; top:25px; left:25px;} #ugo-result dd {position:absolute; top:37px; left:25px;} /* aLink layout */ #aLink {position:absolute; top:0; left:593px;} #aLink li {margin-bottom:5px; width:148px;} #aLink a {display:block; overflow:hidden; height:0; padding-top:37px;} #aLink .btnSelect {background:url(images/btn_select.gif) no-repeat left top;} #aLink .btnKasaku {background:url(images/btn_kasaku.gif) no-repeat left top;} #aLink .btnSpecial {background:url(images/btn_special.gif) no-repeat left top;} #aLink .btnOverseas {background:url(images/btn_overseas.gif) no-repeat left top;} #aLink .btnSelect a {background:url(images/btn_select.gif) no-repeat left top;} #aLink .btnKasaku a {background:url(images/btn_kasaku.gif) no-repeat left top;} #aLink .btnSpecial a {background:url(images/btn_special.gif) no-repeat left top;} #aLink .btnOverseas a {background:url(images/btn_overseas.gif) no-repeat left top;} #aLink .btnSelect a:hover {background:url(images/btn_select_on.gif) no-repeat left top;} #aLink .btnKasaku a:hover {background:url(images/btn_kasaku_on.gif) no-repeat left top;} #aLink .btnSpecial a:hover {background:url(images/btn_special_on.gif) no-repeat left top;} #aLink .btnOverseas a:hover {background:url(images/btn_overseas_on.gif) no-repeat left top;} /* result */ .result {padding:20px 0 0 16px;} .result h2 {margin-bottom:18px;} .result .none {display:none;} .result ul li a {outline:none; text-decoration:none;} .result ul li a:hover img, .result .libox a:hover img {opacity:0.7; filter:alpha(opacity=70);} .result ul li span, .result .libox span {display:block; padding-top:10px;} #selected {background:url(images/bg_selected.gif) no-repeat left top; margin-bottom:20px;} #selected.result ul li {float:left; width:164px; height:164px; text-align:center; margin:0 16px 0 0;} #selected.result ul li.comingsoon {height:139px;} #selected.result ul li .newmark {margin-right:7px;} #kasaku {background:url(images/bg_kasaku.gif) no-repeat left top; margin-bottom:20px; height:337px;} #kasaku.result ul li {float:left; width:129px; height:135px; text-align:center; margin:0 15px 0 0;} #kasaku.result ul li.comingsoon {height:135px;} #kasaku.result ul li .newmark {margin-right:7px;} #special {background:url(images/bg_special.gif) no-repeat left top; margin-bottom:20px; height:736px; position:relative;} #special h2 {margin-bottom:28px;} #special .txt_pecial {text-align:center;} #special .title_creater {position:absolute; top:172px; left:193px;} #special #creater li {position:absolute; text-align:center;} #special #creater li .newmark {margin-right:7px; vertical-align:middle;} #special #creater .sp01 {top:230px; left:75px;} #special #creater .sp02 {top:230px; left:277px;} #special #creater .sp03 {top:230px; left:480px;} #special #creater .sp04 {top:410px; left:197px; text-align:center;} #special #creater .sp04 a {float:left; margin-right:27px;} #special .title_staff {position:absolute; top:620px; left:25px;} #special #staff li {position:absolute;} #special #staff .sp01 {top:620px; left:217px;} #special #staff .sp02 {top:620px; left:385px;} #special #staff .sp03 {top:620px; left:553px;} #overseas {background:url(images/bg_overseas.gif) no-repeat left top; height:909px; position:relative; margin-bottom:10px;} #overseas #americaList {margin-bottom:30px;} #overseas #americaList .descBox, #overseas #americaList .libox, #overseas #europeList .libox {float:left;} #overseas #americaList .descBox {padding:15px 0 0 10px; margin-right:40px;} #overseas #europeList .descBox {padding:15px 0 0 10px; margin-bottom:30px;} #overseas #americaList .descBox h3, #overseas #europeList .descBox h3 {margin-bottom:15px;} #overseas #americaList .libox {width:129px; height:135px; margin-right:15px; text-align:center;} #overseas #europeList .libox {width:129px; height:135px; margin-right:36px; text-align:center;} #overseas .listInner {padding:0 0 0 40px;} /* popup layout */ #bg-layer {position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60);} * html #bg-layer {height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); position:absolute;} .fadebox {position:absolute; z-index:9999; display:none; width:692px; height:594px;} .boxTitle {position:absolute; top:20px; left:20px; width:653px; height:0; padding-top:48px; overflow:hidden;} .memoName {text-align:center; padding-top:88px;} #outer {position:absolute; top:120px; left:156px;} .memoComment {position:absolute; top:425px; left:20px;} .memoComment dt {margin-bottom:20px; width:653px; height:0; padding-top:23px; overflow:hidden;} .memoComment dd {padding-left:15px;} .group_select {background:url(images/bg_box-select.gif) no-repeat left top;} .group_select .boxTitle {background:url(images/title_box-select.gif) no-repeat left top;} .group_select dt {background:url(images/title_box-comment.gif) no-repeat left top;} .group_kasaku {background:url(images/bg_box-kasaku.gif) no-repeat left top;} .group_kasaku .boxTitle {background:url(images/title_box-kasaku.gif) no-repeat left top;} .group_kasaku dt {background:url(images/title_box-comment-kasaku.gif) no-repeat left top;} .group_special {background:url(images/bg_box-special.gif) no-repeat left top;} .group_special dt {display:none;} .group_staff {background:url(images/bg_box-staff.gif) no-repeat left top; height:381px;} .group_staff .memoComment {display:none;} .group_america, .group_europe {background:url(images/bg_box-americas.gif) no-repeat left top; height:595px;} .group_america .boxTitle, .group_europe .boxTitle {background:url(images/title_box-overseas.gif) no-repeat left top;} .group_america dt, .group_europe dt {background:url(images/title_box-comment-overseas.gif) no-repeat left top;} #controler {position:absolute; top:552px; left:20px; width:652px;} #controler li {position:absolute;} #controler li.prev {background:url(images/btn_prev.gif) no-repeat left top; width:100px; top:5px; left:0;} #controler li.next {background:url(images/btn_next.gif) no-repeat left top; width:101px; top:5px; right:0;} #controler li.close {background:url(images/btn_close.gif) no-repeat left top; width:204px; top:0; left:220px;} #controler li a {display:block; overflow:hidden; height:0;} #controler li.prev a {background:url(images/btn_prev.gif) no-repeat left top; width:100px; padding-top:16px;} #controler li.next a {background:url(images/btn_next.gif) no-repeat left top; width:101px; padding-top:16px;} #controler li.close a {background:url(images/btn_close.gif) no-repeat left top; width:204px; padding-top:26px;} #controler li.prev a:hover {background:url(images/btn_prev_on.gif) no-repeat left top;} #controler li.next a:hover {background:url(images/btn_next_on.gif) no-repeat left top;} #controler li.close a:hover {background:url(images/btn_close_on.gif) no-repeat left top;} /* ‰Àì */ .group_kasaku #controler li.prev {background:url(images/btn_prev-k.gif) no-repeat left top;} .group_kasaku #controler li.next {background:url(images/btn_next-k.gif) no-repeat left top;} .group_kasaku #controler li.prev a {background:url(images/btn_prev-k.gif) no-repeat left top;} .group_kasaku #controler li.next a {background:url(images/btn_next-k.gif) no-repeat left top;} .group_kasaku #controler li.prev a:hover {background:url(images/btn_prev-k_on.gif) no-repeat left top;} .group_kasaku #controler li.next a:hover {background:url(images/btn_next-k_on.gif) no-repeat left top;} /* “Á•ÊŠé‰æ */ .group_special .memoName, .group_staff .memoName {padding-top:0; position:absolute; top:130px; left:30px;} .group_special #outer, .group_staff #outer {position:absolute; top:20px; left:290px;} .group_special .memoComment, .group_staff .memoComment {top:355px;} .group_special #controler, .group_staff #controler {top:500px;} .group_special #controler li.prev, .group_staff #controler li.prev {background:url(images/btn_prev-s.gif) no-repeat left top;} .group_special #controler li.next, .group_staff #controler li.next {background:url(images/btn_next-s.gif) no-repeat left top;} .group_special #controler li.prev a, .group_staff #controler li.prev a {background:url(images/btn_prev-s.gif) no-repeat left top;} .group_special #controler li.next a, .group_staff #controler li.next a {background:url(images/btn_next-s.gif) no-repeat left top;} .group_special #controler li.prev a:hover, .group_staff #controler li.prev a:hover {background:url(images/btn_prev-s_on.gif) no-repeat left top;} .group_special #controler li.next a:hover, .group_staff #controler li.next a:hover {background:url(images/btn_next-s_on.gif) no-repeat left top;} /* ŠJ”­ƒXƒ^ƒbƒt */ .group_staff #controler {top:335px;} /* ŠCŠO‚Ìì•i */ /* ŠO•”popup layout */ #popup {padding-top:30px; background:#E60012;} #popup .fadebox {margin:0 auto; position:relative; display:block;}