html {height:100%; margin-bottom:1px; overflow-y:scroll;} html,body { height:100%; margin: 0px; background-image: url(../img/background.jpg); background-size:cover; background-attachment:fixed; background-position: center top; color: #000;}} .none{ display: none;} a{cursor: pointer; text-decoration: none; color: #9019d5;} a:hover{color: #6bdbec;} a img {border-style: none;} /* 本体*/ .scrollgeneric { line-height:1px; font-size:1px; position:absolute; top:0; left:0;} /* 縦スクロール範囲 */ .vscrollerbase { width:10px;} /* 縦スクロールバー */ .vscrollerbar { width:10px; background-color:#9a84bf;} /* 縦横スクロールバー */ .scrollerjogbox {width:10px; height:10px; top:auto; left:auto; bottom:0; right:0; background-color:#9a84bf;} #head { height: 85px; width: 100%; position: relative; } #head_name {width: 1000px; height:85px; margin: 0 auto;} .head_con{background-image: url(../img/head_Title.png); background-repeat: no-repeat; background-position: right bottom;} .head_sty{background-image: url(../img/head_Title.png); background-repeat: no-repeat; background-position: right bottom;} .head_cha{background-image: url(../img/head_Title.png); background-repeat: no-repeat; background-position: right bottom;} .head_sys{background-image: url(../img/head_Title.png); background-repeat: no-repeat; background-position: right bottom;} .head_eve{background-image: url(../img/head_Title.png); background-repeat: no-repeat; background-position: right bottom;} .head_dow{background-image: url(../img/head_Title.png); background-repeat: no-repeat; background-position: right bottom;} .head_spe{background-image: url(../img/head_Title.png); background-repeat: no-repeat; background-position: right bottom;} .head_pro{background-image: url(../img/head_Title.png); background-repeat: no-repeat; background-position: right bottom;} #head_rogo {float: left; display: block; width: 200px; margin: 0 0 0 15px; padding-top:9px;} #foot {height: 100px; width: 100%; font-weight: bold; color: #000; text-align: center; padding-top: 20px; font-size: 12px; border-top: 1px solid #fff;} /* 言語選択 */ #head_language_select { float: right; display: block; padding-top: 50; } #main { width: 1000px; margin: 0 auto; position: relative;} #countdown {height: 150px; width: 150px; position: absolute; left: 750px; top: 25px;} #top_1d {height: 103px; width: 100px; position: absolute; left: 255px; top: 195px; z-index: 10;} #top_maiko {height: 189px; width: 263px; position: absolute; left: 250px; top: 180px;} #top_maikodemo {height: 167px; width: 263px; position: absolute; left: 250px; top:464px;} #maikoshop {background-color:#000; border:#FFF solid 2px; font-size: 18px; font-weight: bold; color: #FFF; padding: 10px; position: absolute; width: 190px; top: 400px; left:7px;} /* 認証のお知らせ TOP用誘導バナー */ #top_info00 {height: 91px; width: 340px; position: absolute; left: 640px; top: 200px;} /* 特典のお知らせ TOP用誘導バナー */ #top_special {height: 91px; width: 340px; position: absolute; left: 640px; top: 300px;} /* アダルトパッチ */ #top_info_adult {height: 91px; width: 340px; position: absolute; left: 640px; top: 100px;} #teaser {background-image: url(../img/background.jpg): repeat-y; width: 1000px; margin: 0 auto; position: relative;} #news_area {width: 1000px; height:0px; margin: 0 auto;} #news {background-image: url(../img/top_news.jpg); background-repeat: no-repeat; height: 126px; width: 1000px; margin:0px 0 0 0px; position: absolute; z-index:1;} #news_box {font-size: 12px; font-weight: bold; color: #000; height: 75px; width: 984px; position: relative; left: 8px; top: 40px; overflow: auto;} #top {background-position: right; height: 1300px; width: 1000px; background-image: url(../img/top_en.png); background-repeat: no-repeat;} #top_product {background-image: url(../img/top_product.png); background-repeat: no-repeat; height: 500px; width: 1000px; position: absolute; z-index: 1; left: 25px; top: 800px;} #pro_box {font-weight: bold; color: #000; height: 356px; width: 890px; position: relative; margin: 50px auto 0 auto;} #pro_left {float: left; height: 356px; width: 440px; position: relative;} #pro_right {float: right; height: 356px; width: 440px; position: relative;} #pro_box dir {font-size: 14px; margin: 0px; padding: 0px;} #pro_box dir dt {float: left; display: block; width: 130px; margin: 0 0 5px 0;} #pro_box dir dd {float: left; display: block; width: 310px; margin: 0 0 5px 0;} .date {color:#f00060;} #toppick {height: 365px; width: 206px; margin:480px 0 0 10px; position: absolute; z-index:1;} #toppick a img {margin-bottom: 5px;} #concept {height: 800px; width: 1000px; background-image: url(../img/concept.png); background-repeat: no-repeat;} #story {background-position: right; height: 800px; width: 1000px; background-image: url(../img/story.png); background-repeat: no-repeat;} #cha_sere {height: 40px; width: 400px; position: relative; left: 600px; top: 50px;} #cha_sere img {margin-right: 3px;} #cha_sere a img {margin-right: 3px;} #cha_voice {height: 34px; width: 380px; position: relative; left: 600px; top: 260px;} #cha_voice ul {margin: 0px; padding: 0px; list-style-type: none;} #cha_voice ul li {height: 34px; width: 31px; float: left; display:block; overflow:hidden;} #cha_voice ul li a {height: 34px; width: 31px; float: left; display:block; overflow:hidden;} .cv1{background-image: url(../img/samvoice_cv.png); background-repeat: no-repeat; background-position: 0px 0px;} .cv2{background-image: url(../img/samvoice_cv.png); background-repeat: no-repeat; background-position: -30px 0px;} .cv3{background-image: url(../img/samvoice_cv.png); background-repeat: no-repeat; background-position: -59px 0px;} .cv4{background-image: url(../img/samvoice_cv.png); background-repeat: no-repeat; background-position: -89px 0px;} .cv5{background-image: url(../img/samvoice_cv.png); background-repeat: no-repeat; background-position: -119px 0px;} .cv1 a:hover{background-image: url(../img/samvoice_cv.png); background-repeat: no-repeat; background-position: 0px -34px;} .cv2 a:hover{background-image: url(../img/samvoice_cv.png); background-repeat: no-repeat; background-position: -30px -34px;} .cv3 a:hover{background-image: url(../img/samvoice_cv.png); background-repeat: no-repeat; background-position: -59px -34px;} .cv4 a:hover{background-image: url(../img/samvoice_cv.png); background-repeat: no-repeat; background-position: -89px -34px;} .cv5 a:hover{background-image: url(../img/samvoice_cv.png); background-repeat: no-repeat; background-position: -119px -34px;} #cha01 {height: 1000px; width: 1000px; background-image: url(../img/cha01.png); background-repeat: no-repeat;} #cha02 {height: 900px; width: 1000px; background-image: url(../img/cha02.jpg); background-repeat: no-repeat;} #cha03 {height: 900px; width: 1000px; background-image: url(../img/cha03.jpg); background-repeat: no-repeat;} #cha04 {height: 900px; width: 1000px; background-image: url(../img/cha04.jpg); background-repeat: no-repeat;} #cha05 {height: 900px; width: 1000px; background-image: url(../img/cha05.jpg); background-repeat: no-repeat;} #cha06 {height: 900px; width: 1000px; background-image: url(../img/cha06.jpg); background-repeat: no-repeat;} #cha07 {height: 900px; width: 1000px; background-image: url(../img/cha07.jpg); background-repeat: no-repeat;} #cha08 {height: 900px; width: 1000px; background-image: url(../img/cha08.jpg); background-repeat: no-repeat;} #special {background-position: right; height: 800px; width: 1000px; background-image: url(../img/special.png); background-repeat: no-repeat;} #special_dlc {height: 100%; width: 1000px; position: relative; padding:10px 0;} #dlc_menu {height: 31px; width: 750px; margin: 0 50px 10px 225px;} #dlc_menu ul{margin: 0px; padding: 0px; list-style-type: none; overflow:hidden;} #dlc_menu ul li{height: 31px; idth: 80px; float: left; display:block; overflow:hidden;margin: 0 2px;} #dlc_menu ul li a {height: 31px; width: 80px; float: left; display:block; overflow:hidden;} #dlc_link {width: 300px; position: relative; left: 240px; top: 350px; color: #FFF; background-color: #EDE6FF; font-size: 36px; text-align: center; padding: 10px 0 10px 0;} #dlc01 {height: 800px; width: 768px; background-image: url(../img/dlc01.png); background-repeat: no-repeat; margin:0 0 0 225px;} #dlc02 {height: 800px; width: 768px; background-image: url(../img/dlc02.png); background-repeat: no-repeat; margin:0 0 0 225px;} #dlc03 {height: 800px; width: 768px; background-image: url(../img/dlc03.png); background-repeat: no-repeat; margin:0 0 0 225px;} #dlc04 {height: 800px; width: 768px; background-image: url(../img/dlc04.png); background-repeat: no-repeat; margin:0 0 0 225px;} #dlc05 {height: 800px; width: 768px; background-image: url(../img/dlc05.png); background-repeat: no-repeat; margin:0 0 0 225px;} #menu_index_system {padding-top:40px ;height: 20px; width: 1000px; background-image: url(../img/menu_index_system.png); background-repeat: no-repeat;} #system {height: 820px; width: 1000px; background-image: url(../img/system.png); background-repeat: no-repeat;} #system_time {padding-top:160px ;height: 600px; width: 1000px; background-image: url(../img/system_time.png); background-repeat: no-repeat;} #system_talk {padding-top:160px;height: 600px; width: 1000px; background-image: url(../img/system_talk.png); background-repeat: no-repeat;} #system_look {padding-top:160px;height: 600px; width: 1000px; background-image: url(../img/system_look.png); background-repeat: no-repeat;} #system_itazrura0 {padding-top:160px;height: 600px; width: 1000px; background-image: url(../img/system_itazura0.png); background-repeat: no-repeat;} #system_cos {padding-top:160px;height: 600px; width: 1000px; background-image: url(../img/system_cos.png); background-repeat: no-repeat;} #system_sex {padding-top:160px;height: 600px; width: 1000px; background-image: url(../img/system_sex.png); background-repeat: no-repeat;} #system_bottommargin {height: 220px; width: 1000px;} #sys_menu {height: 31px; width: 750px; margin: 0 50px 10px 225px;} #sys_menu ul{margin: 0px; padding: 0px; list-style-type: none; overflow:hidden;} #sys_menu ul li{height: 31px; idth: 80px; float: left; display:block; overflow:hidden;margin: 0 5px;} #sys_menu ul li a {height: 31px; width: 80px; float: left; display:block; overflow:hidden;} #event {height: 900px; width: 590px; background-image: url(../img/event.jpg); background-repeat: no-repeat;} #info_main {background-color: #000; width: 600px; padding: 10px; margin: 10px; font-size: 14px; color: #FFF; border: medium dashed #39C; text-align:center;} .text_big {font-size: 24px; font-weight: bold; color: #FF0000;} #eventcg {height: 100%; width: 1000px; position: relative; padding:10px 0;} #eve_menu {height: 31px; width: 750px; margin: 0 50px 10px 0; margin-left:225px;} #eve_menu ul{margin: 0px; padding: 0px; list-style-type: none; overflow:hidden;} #eve_menu ul li{height: 31px; width: 80px; float: left; display:block; overflow:hidden;margin: 0 5px;} #eve_menu ul li a {height: 31px; width: 80px; float: left; display:block; overflow:hidden;} #cg_menu {height: 65px; width: 720px; margin: 0 50px 10px 250px;} #cg_main {height: 700px; width: 738px; margin:0 0 0 235px;} #menu_index_download {padding-top:40px ;height: 20px; width: 1000px; background-image: url(../img/menu_index_download.png); background-repeat: no-repeat;} #download {height: 820px; width: 1000px; background-image: url(../img/download.png); background-repeat: no-repeat;} #dow_menu {height: 31px; width: 750px; margin: 0 50px 10px 225px;} #dow_menu ul{margin: 0px; padding: 0px; list-style-type: none; overflow:hidden;} #dow_menu ul li{height: 31px; width: 160px; float: left; display:block; overflow:hidden;margin: 0 5px;} #dow_menu ul li a {height: 31px; width: 160px; float: left; display:block; overflow:hidden;} #download_trial {padding-top:160px ;height: 770px; width: 1000px; background-image: url(../img/download_trial.png); background-repeat: no-repeat;} #download_trial_pic {margin-left: 180px;;} #download_trial_info {margin-left: 180px;} #dow01 {height: 900px; width: 768px; background-image: url(../img/dow01.png); background-repeat: no-repeat; margin:0 0 0 225px;} #dow_movie1 {margin: 0 auto; height: 320px; width: 700px; position: relative; top:80px;} #dow_movie2 {margin: 0 auto; height: 320px; width: 700px; position: relative; top:155px;} #dow_moviemain {height: 300px; width: 448px; position: relative; float: left; color: #FFF;} #dow_movielink {height: 150px; width: 230px; position: relative; float: right; top:100px; color: #FFF;} #dow_movielink a.downlink {background-color: #EDE6FF; padding: 5px; border: thin solid #FFF; font-size:36px;} #dow02 {height: 900px; width: 768px; background-image: url(../img/dow02.png); background-repeat: no-repeat; margin:0 0 0 225px;} #dow_trial {margin: 0 auto; height: 320px; width: 700px; position: relative; top:80px;} #dow03 {height: 900px; width: 768px; background-image: url(../img/dow03.png); background-repeat: no-repeat; margin:0 0 0 225px;} #dow_patch {margin: 0 auto; height: 320px; width: 700px; position: relative; top:80px;} #dow_patchlink {height: 150px; width: 230px; position: relative; float: right; top:100px; color: #FFF;} #dow_patchlink a.downlink {background-color: #EDE6FF; padding: 5px; border: thin solid #FFF; font-size:36px;} #dow04 {height: 900px; width: 768px; background-image: url(../img/dow04.png); background-repeat: no-repeat; margin:0 0 0 225px;} #dow_omake {margin: 0 auto; height: 320px; width: 700px; position: relative; top:80px;} #dow_omakelink {height: 150px; width: 230px; position: relative; float: right; top:100px; color: #FFF;} #dow_omakelink a.downlink {background-color: #EDE6FF; padding: 5px; border: thin solid #FFF; font-size:36px;} #dl_shop {height: 900px; width: 1000px; background-image: url(../img/dl_shop.jpg); background-repeat: no-repeat;} #dl_shoplink {width: 420px; position: relative; left: 330px; top: 200px;} #product {height: 920px; width: 1000px; background-image: url(../img/product.png); background-repeat: no-repeat;} /* 認証のお知らせ*/ #info00_base {padding-top:100px ;height: 1609px; width: 1000px; background-image: url(../img/info00_base.png); background-repeat: no-repeat;} #info00_mozi {margin-left:40px;width: 920px;} #info00_pic03 {width: 800px;height: 104px ; background-image: url(../img/info00_pic03.jpg); } #info00_pic04 {width: 800px;height: 461px ; background-image: url(../img/info00_pic04.jpg); }