* { padding: 0; margin: 0; } body, td, p ,div{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:0.9em; color:#000; } input, button, textarea, select { color:#000;} input[type=submit] { color:#222222; padding:10px 20px;} input[type=reset] { color:#222222; padding:10px 20px;} input[type=reset] { color:#222222; padding:10px 20px;} img { border: 0; } a:link, a:active { text-decoration:none; color:#000; outline:none; } a:visited { text-decoration:none; color:#000; } a:hover { text-decoration:none; color:#000;} h1 {font-size:9px;} h2 {display:none;} li {list-style:none;} a.link {display:none;} body{margin:0;padding:0;background:#ffffff; } /*============================================================================================================================================================ common ============================================================================================================================================================*/ .c-red {color:#ff0000;} .more {float:right; font-weight:bold; color:#ffff00; margin-right:5px; } #descripiton {float:left; width:100%; padding:2px 0; text-align:center;} #widget { float:left; width:100%; } /*============================================================================================================================================================ index ============================================================================================================================================================*/ #index {float:left; width:100%; background:#fff;} #index .enter {width:100%; margin-bottom:10px;} #index .enter img {width:100%; } #index .disc {float:left; width:100%; margin-bottom:10px; font-size:12px; color:#fff;} #index .disc img {float:left; margin-right:10px;} #index .text {float:left; width:100%; padding:5px; margin-bottom:10px; color:#fff; margin-top:10px;} #index .banner {float:left; width:100%; padding:5px; margin-bottom:10px; color:#fff; margin-top:10px; text-align:center; } /*============================================================================================================================================================ index-text ============================================================================================================================================================*/ #index-text {float:left; width:100%; } #index-text .image {width:100%; margin-bottom:10px;} #index-text .image img {width:100%; } #index-text .enter { width:92%; margin:0 4%; padding:10px 0; text-align:center; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5db1+0,ef017c+100;Pink+3D+%231 */ background: #ff5db1; /* Old browsers */ background: -moz-linear-gradient(top, #ff5db1 0%, #ef017c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ff5db1 0%,#ef017c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ff5db1 0%,#ef017c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */ } #index-text .enter a { color:#fff; font-size:30px; font-weight:bold; } #index-text .enter p { text-align:center; color:#fff; font-size:14px; } #index-text .disc {float:left; width:100%; box-sizing:border-box; padding:10px; margin-bottom:10px; font-size:12px; color:#000;} #index-text .disc img {float:left; margin-right:10px;} #index-text .text {float:left; width:100%; padding:5px; margin-bottom:10px; color:#000; margin-top:10px;} #index-text .banner {float:left; width:100%; padding:5px; margin-bottom:10px; color:#000; margin-top:10px; text-align:center; } /*============================================================================================================================================================ header ============================================================================================================================================================*/ #header {float:left; width:100%; margin-bottom:10px;} #header .h1 {float:left; width:100%; padding:2px 0 ; text-align:center; color:#000; background:#fff;} #header .desc {float:left; width:100%; color:#000; background:#fff; font-size:10px;} #header .desc a {float:right; color:#000; } #header .main-menu1 {float:left; width:100%; } #header .main-menu1 li.top {float:left; width:75%;} #header .main-menu1 li {float:left; width:25%;} #header .main-menu1 li img {float:left; width:100%; } #header .main-menu1 li a {width:100%; } #header .main-menu2 {float:left; width:100%; } #header .main-menu2 li {float:left; width:50%;} #header .main-menu2 li img {float:left; width:100%; } #header .main-menu2 li a {width:100%; } .slide {float:right; width:33.3%;background:#a9270d; padding: 0; -webkit-border-radius:4px;text-align:center; font-size:9px; font-weight:bold; } .slide img {width:100%;} .slide:hover{cursor:pointer;} #header .sub-menu {float:left; width:100%; border-bottom:3px solid #222;} #header .sub-menu li {float:left; width:14.15%; text-align:center; padding:5px 0; } #header .sub-menu li:last-child {float:left; width:15%; } #header .sub-menu li a { width:100%; height:100%; color:#fff; font-size:13px; font-weight:bold; display:block; } #header .sub-menu li.selected {background: -moz-linear-gradient(left, #555555, #fff); background: -webkit-gradient(linear, left top, right bottom, from(#555555), to(#fff));} #header .sub-menu li.selected a {color:#ff0088;} #top-menu {float:left; width:100%;} #top-menu li {float:left; width:50%; } #top-menu li img {float:left; width:100%; } /*============================================================================================================================================================ tail ============================================================================================================================================================*/ #tail {float:left; width:100%; background:#666; padding:10px 0;} #tail .copy {float:left; width:100%; text-align:center; color:#fff; font-size:0,8em;} #tail .copy a {color:#fff;} /*============================================================================================================================================================ common ============================================================================================================================================================*/ #title {float:left; width:95%; color:#fff; font-weight:bold; padding:10px 0 10px 5%; font-size:16px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5db1+0,ef017c+100;Pink+3D+%231 */ background: #ff5db1; /* Old browsers */ background: -moz-linear-gradient(top, #ff5db1 0%, #ef017c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ff5db1 0%,#ef017c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ff5db1 0%,#ef017c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */ border-top:1px solid #fff; border-bottom:1px solid #333; margin-bottom:5px; } #title:first-letter{color:#fff; font-size:150%;} #title .sub {float:right; padding-right:10px; color:#00ff00;} /*============================================================================================================================================================ special ============================================================================================================================================================*/ #top-banner {float:left; width:100%; margin-bottom:1px;} #top-banner .contents {float:left; width:100%; padding:5px 0;} #top-banner .contents li {float:left; width:100%; padding:5px 0;} #top-banner .contents li img {width:100%; } #scroll {float:left; width:100%; margin-bottom:5px;} /*============================================================================================================================================================ news ============================================================================================================================================================*/ #news {float:left; width:100%; margin-bottom:20px;} #news .contents {float:left; width:100%;} #news .contents li {float:left; width:100%; border-bottom:1px dashed #222; font-size:14px; padding:5px 0;} #news .contents li dt{float:right; width:100%; font-size:14px; } #news .contents li img {float:left; width:30%; margin:3px;} /*============================================================================================================================================================ topix ============================================================================================================================================================*/ #topix {float:left; width:100%; margin-bottom:20px;} #topix .contents {float:left; width:100%;} #topix .contents li {float:left; width:100%; border-bottom:1px dashed #222; font-size:14px; padding:5px 0;} #topix .contents li dt{float:right; width:100%; font-size:14px; } #topix .contents li img {float:left; width:50px; margin:3px;} /*============================================================================================================================================================ event ============================================================================================================================================================*/ #event {float:left; width:100%; margin-bottom:20px;} #event .contents li {float:left; width:100%; padding:5px 0; border-bottom:1px dashed #222;} #event .contents li dt{float:left; width:100%; color:#ff0080; font-weight:bold; padding-bottom:5px;} #event .contents li dl{ float:left; width:100%; padding:5px 0;} #event .contents li dl img{width:100%;} /*============================================================================================================================================================ newgirl ============================================================================================================================================================*/ #newgirl {float:left; width:100%; margin-bottom:20px;} #newgirl .contents li {float:left; width:100%; padding:5px 0; border-bottom:1px dashed #222;} #newgirl .contents li dt{float:left; color:#ff0080; font-weight:bold; padding-bottom:5px;} #newgirl .contents li dt img {float:left; width:100%;} /*============================================================================================================================================================ girl-list ============================================================================================================================================================*/ #girl-list {float:left; width:100%; margin-bottom:20px; } #girl-list li {float:left; width:29%; min-height:500px; background:#f9459d; margin:1% 1% 1% 1%; padding:1%; moz-border-radius:10px; border-radius:10px;} #girl-list li dt { width:100%;} #girl-list li dt img {width:95%; } #girl-list li dl {color:#fff; font-size:12px; padding:3px;} #girl-list li dl.lcmt {color:#000; font-size:0.8em; height:25px; background:#fff; line-height:12px; text-align:center;} #girl-list li dl.profile {color:#fff; font-size:12px; } #girl-list li dl.profile dd.name { font-size:12px; text-align:center;} #girl-list li dl.profile dd.size { line-height:12px; text-align:center;} #girl-list li dl.worktime { font-size:12px; text-align:center; line-height:10px;} #girl-list li dl.date { font-size:12px; text-align:center; } #girl-list li dl.icon_movie {position:relative; z-index:1001; top:160px; left:0px; height:0px;} #girl-list li dl.icon_movie img {width:50%; } #girl-list li dl.icon_blog {position:relative; z-index:1001; top:154px; left:55px; height:0px;} #girl-list li dl.icon_blog img {width:50%; } #girl-list li dl.icon { text-align:center; } #girl-list li dl.icon img { width:45%; } #girl-list li dl.icon1 { text-align:center; height:40px; } #girl-list li dl.icon1 img { width:40%; } #date {float:left; width:100%; margin-bottom:10px; border-bottom:1px solid #222;} #date li {float:left; width:14%; text-align:center; padding:5px 0; background:#ccc;} #date li a {color:#fff;} #date li:last-child {float:left; width:16%; } #date li.selected {background:#fc64c1;} /*============================================================================================================================================================ ranking ============================================================================================================================================================*/ #ranking {float:left; width:100%; margin-bottom:20px; } #ranking li {float:left; width:29%; min-height:270px; background:#f9459d; margin:1% 1% 1% 1%; padding:1%; moz-border-radius:10px; border-radius:10px;} #ranking li p { color:#fff; } #ranking li dt { width:100%;} #ranking li dt img {width:95%; min-height:170px; } #ranking li dl {color:#fff; font-size:12px; padding:3px;} #ranking li dl.profile {color:#fff; font-size:12px; } #ranking li dl.profile dd.name { font-size:12px; text-align:center;} #ranking li dl.profile dd.size { line-height:12px; text-align:center;} /*============================================================================================================================================================ blog ============================================================================================================================================================*/ #blog {float:left; width:100%; margin-bottom:20px; } #blog li {float:left; width:95%; margin-bottom:5px; background:#990000; margin:1% 1% 1% 1%; padding:1%; moz-border-radius:10px; border-radius:10px; border-bottom:1px dashed #222; } #blog li dt { float:left; width:95%; } #blog li dt img {width:100%; height:100%; text-align:center; padding:5px;} #blog li dd {padding-bottom:5px;} #blog li dd a {color:#ff0080;} #blog li dd.comment a {color:#0080c0;} /*============================================================================================================================================================ movie ============================================================================================================================================================*/ #movie {float:left; width:100%; margin-bottom:20px; } #movie li {float:left; width:95%; margin-bottom:5px; background:#990000; margin:1% 1% 1% 1%; padding:1%; moz-border-radius:10px; border-radius:10px; border-bottom:1px dashed #222; } #movie li dt { float:left; width:95%; text-align:center; } #movie li dt img {width:100%; height:100%; text-align:center; padding:5px;} /*============================================================================================================================================================ system ============================================================================================================================================================*/ #system {float:left; width:100%; margin-bottom:20px;} #system img { width:100%; margin-bottom:5px;} /*============================================================================================================================================================ mailmaga ============================================================================================================================================================*/ #mailmaga {float:left; width:98%; padding:0 1px; margin-bottom:20px;} #mailmaga p {margin:10px 0; font-size:18px; font-weight:bold; text-align:center;} #mailmaga b {margin:10px 0; font-size:12px; font-weight:bold; text-align:center;} /*============================================================================================================================================================ contents ============================================================================================================================================================*/ #contents {float:left; width:100%; margin-bottom:20px;} #contents {float:left; width:100%; margin-bottom:20px;} #contents li {float:left; width:100%; margin-bottom:20px; padding:5px 0 ; border-bottom:1px dashed #222;} #contents li dt {float:left; width:100%;} #contents li dt img {float:left; width:100%; height:100%;} #contents li dl {float:left; width:100%; padding:5px 0; font-weight:bold; background:#222; color:#fff;} #contents li dt.profile {float:left; width:100%; padding:5px 0; font-weight:bold; margin-top:10px; text-align:right;} #contents li dt.profile b {float:left; font-size:14px;} /*============================================================================================================================================================ recruit ============================================================================================================================================================*/ #recruit {float:left; width:100%; margin-bottom:20px;} #recruit {float:left; width:100%; margin-bottom:20px;} #recruit .navi {float:left; width:100%; margin-bottom:10px;} #recruit .navi img {float:left; width:33%; } #recruit img {float:left; width:100%;} /*============================================================================================================================================================ profile ============================================================================================================================================================*/ #profile {float:left; width:100%; margin-bottom:20px;} #profile .subject {float:left; width:100%; padding:5px 0; background:#ff4ca9; margin-bottom:3px; color:#fff; font-size:14px;} #profile .scomment {float:left; width:100%; padding:5px 0; text-align:center;} #profile .name {float:left; width:100%; padding:5px 0; background:#ff4ca9; color:#fff; font-size:14px; text-align:center;} #profile .name b {float:left; width:100%; font-size:20px; color:#fff;} #profile .name a {color:#fff;} #profile .name ul {text-align:center; } #profile .name li {display:inline} #profile .name li dd {border-bottom:1px dotted #fff;} #profile .name li img {float:left; width:25%;} #profile .icon {float:left; width:100%; padding:3px 0; background:#888; color:#fff; } #profile .icon ul {text-align:center;} #profile .icon li {display:inline} #profile .icon li img {float:left; width:60px; margin:1px;} #profile .icon1 {float:left; width:100%; padding:3px 0; background:#888; color:#fff; } #profile .icon1 ul {text-align:center;} #profile .icon1 li {display:inline} #profile .icon1 li img {float:left; width:50px; margin:1px;} #profile .image {float:left; width:100%;} #profile .sub {float:left; width:100%; padding:5px 0; margin-bottom:10px; font-size:14px;} #profile .sub li {float:left; width:100%; padding:5px 0; border-bottom:1px dashed #666;} #profile .sub li dt{float:left; width:30%;} #profile .sub li dl{float:left; width:70%;} #profile .gravure {float:left; width:100%; padding:5px 0;} #profile .gravure img {height:100px; max-width:120px; min-width:80px;} /*============================================================================================================================================================ contact ============================================================================================================================================================*/ #contact {float:left; width:100%; margin-bottom:20px;} #contact .title {float:left; width:100%; color:#fff; background:#39233a; padding:10px 0; margin-bottom:5px;} #contact .title b {margin:0 0 0 10px;} #contact .contents {float:left; width:100%;} #contact .contents img {width:100%;} /*============================================================================================================================================================ table ============================================================================================================================================================*/ table.scheduleTable {float:left; width:490px; height:80px; border-collapse:collapse; border:1px solid #a7a2a8;} table.scheduleTable th {vertical-align:middle; text-align:center; background:#fff; font-size:11px;border:1px solid #a7a2a8;} table.scheduleTable td {height:15px; vertical-align:middle; text-align:center; background:#d7dbe4; border:1px solid #a7a2a8;} table.optionTable {float:left; width:100%; border-collapse: collapse; border:1px solid #ccc;} table.optionTable th {width:40%; vertical-align:middle; padding:5px; text-align:left; color:#544f55;line-height:15px;border-bottom:1px solid #ccc; } table.optionTable td {vertical-align:middle; padding:5px; text-align:left; color:#820972; border-bottom:1px dotted #ccc; } table.contactTable {float:left; width:100%; border-collapse: collapse; color:#ff2385;;} table.contactTable th {width:100%; height:30px; vertical-align:top; padding:5px; text-align:left; color:#ccc; border-bottom:1px solid #888; background:#222;} table.contactTable td {vertical-align:top; padding:5px; text-align:left; border-bottom:1px solid #888;} table.contactTable td textarea {width:100%; height:100px;} table.contactTable td select {width:230px;} table.contactTable td.submit {text-align:center;} table.reserveTable {float:left; width:100%; border-collapse: collapse; color:#ff2385;;} table.reserveTable th {text-align:left; vertical-align:middle; padding:5px 5px; border-left:25px solid #666; border-bottom:1px dotted #333;} table.reserveTable td {text-align:left; vertical-align:middle; padding:5px 5px; border-bottom:1px dotted #333; line-height:25px;} table.reserveTable td select {width:99%;} table.reserveTable td img {width:47px; height:70px;} table.reserveTable td textarea {width:99%; height:30px;} table.recruitTable {float:left; width:100%; border-collapse: collapse; color:#ff2385;;} table.recruitTable th {text-align:left; vertical-align:middle; padding:5px 5px; border-left:25px solid #666; border-bottom:1px dotted #333;} table.recruitTable td {text-align:left; vertical-align:middle; padding:5px 5px; border-bottom:1px dotted #333; line-height:25px;} table.recruitTable td input[type=text]{padding:1px 5px;} table.recruitTable td select {width:99%;} table.recruitTable td img {width:100%;} table.recruitTable td textarea {width:99%; height:30px;} table.profileTable {float:left; width:100%; border-collapse: collapse; border:1px solid #ccc;} table.profileTable th {width:50%; vertical-align:middle; padding:5px; text-align:right; color:#ffffff;line-height:15px; border-bottom:1px dotted #ccc; } table.profileTable td {vertical-align:middle; padding:5px; text-align:left; color:#ffffff; border-bottom:1px dotted #ccc; }