* { padding: 0; margin: 0; }
body, td, div, p{ 
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color:#222222;
	font-size:12px;
}


input, button, textarea, select { color:#222222; }
img { border: 0; }
a:link, a:active { text-decoration:none; color:#222222; outline:none; }
a:visited  { text-decoration:none; color:#222222; }
a:hover { text-decoration:underline; color:#222222;}
h1 {display:none;}
h2 {font-size:12px;}
li {list-style:none;}
body{margin:0;padding:0; background:url('../../images/bg.jpg') 0 50% repeat;}


#wrapper{width:100%; }
/*=== common					============================================================================================================*/
.c-red {color:#ff0066;}
a.link {display:none;}

#index-wrapper { float:left; width:100%; }
#index-section { margin: 0 auto; width:100%;}
#index-section .logo {float:right; margin:20px 20px 0 0;}
#index-section .button {float:left; width:100%; margin:630px 0 0 0; position:absolute; z-index:1001;}
#index-section .button .menu {float:left;text-align:center;}
#index-section .button .menu img {margin:0 5px; }
#index-section .button .copyright {float:left; width:100%; margin-top:20px; color:#000;}

/*=== header/footer				============================================================================================================*/
#header-wrapper {width:100%; height:180px;padding:10px 0; position: fixed; top:0; z-index:150; background:url('../../images/header/headerbg.png'); overflow: hidden;opacity: 0.9;}
h2#logo {text-align:center; margin:0px; height:130px;}
h2#logo img {height:130px;}
#main-nav {margin-top:20px;}
#main-nav .sub_navi {margin:0 auto; position: relative; width:1000px;}
#main-nav .sub_navi li {float:left; margin-left:30px;}

#tail-wrapper {float:left; width:100%; background:#eee; margin-top:50px;}
#tail-section {margin: 0 auto; width:1000px;}
#tail-section .logo {float:left; width:1000px; height:85px; margin-bottom:10px; padding-top:30px;}
#tail-section .menu {float:left; width:1000px; height:20px; margin-bottom:20px;}
#tail-section .menu li {float:left; height:20px;}
#tail-section .copy {float:left; width:750px; padding:20px 0 10px; }
#tail-section .copy p {color:#000; font-size:12px; line-height:25px;}
#tail-section .link {float:right; width:220px;  padding:20px 0 30px; }
#tail-section .link li {float:left; width:220px; padding-bottom:10px; font-size:13px; font-weight:bold;}
#tail-section .link li a {color:#6c6c6c;}
#tail-section .banner {float:left; width:780px; padding:10px 0 30px;}


/*=== index					============================================================================================================*/


/*=== top						============================================================================================================*/
#title { margin:0 auto; text-align:center; margin-top:250px; margin-bottom:50px; font-size:11px; color:#000;}
#title img {margin-bottom:10px;}
#title a {color:#000;}

#top-banner { float:left; margin:200px 0px 50px 0px; overflow:hidden;}
#top-banner img {width:100%;}

#top-en-banner { float:left; width:100%; margin-bottom:50px; }
#top-en-banner img {width:100%;}

/*=== top-movie	============*/
#top-movie {float:left; width:50%; margin-bottom:50px;}
#top-movie .title{width:98%; padding:1%; height:20px; background:#222; color:#ffff00; font-size:18px; margin-bottom:10px; text-align:center; }
#top-movie img {width:100%;}

#top-diary {float:left; width:10%; margin-bottom:50px;}
#top-diary .title{width:98%; padding:1%; height:20px; background:#222; color:#ffff00; font-size:18px; margin-bottom:10px; text-align:center; }
#top-diary iframe {width:100%; }

#top-news {float:right; width:50%; margin-bottom:50px;}
#top-news .sunset{width:98%; padding:1%; height:20px; background:#222; color:#fff; font-size:18px; margin-bottom:10px;}
#top-news .title{width:96%; height:20px; margin-bottom:10px; padding-left:3%;}
#top-news .back{width:100%; background:#fff;}
#top-news .back li {float:left; width:100%; margin-bottom:15px; border-bottom:1px dashed #222; }
#top-news .back li dt {float:left; width:100%; margin-bottom:15px; color:#ff0066;}
#top-news .back li dt .subject{ margin-left:15px; font-size:16px; font-weight:bold; line-height:25px; color:#222;}
#top-news .back li dl {float:left; width:100%; margin-bottom:15px; line-height:20px; }
#top-news .back li dl.image {float:left; width:35%; padding-right:2%;}
#top-news .back li dl.image img {float:left; width:100%; margin-bottom:5px;}
#top-news .back li dl.contents { float:left; width:63%; font-size:16px; }
#top-news .back li dl.contents p {font-size:16px; line-height:25px;}


#top-schedule {float:left; margin:10px 0; padding-bottom:50px; overflow:hidden;}
#top-schedule .title {float:left; width:100%; text-align:center; border-bottom:1px dashed #222;  padding-bottom:10px; margin-bottom:10px;}
#top-schedule-back {float:left; width:100%;}
#top-schedule-back  li {margin-right:20px;}
.flex-caption { width: 96%;padding: 2%;left: 0;bottom: 0;background: rgba(0,0,0,.5);color: #fff;text-shadow: 0 -1px 0 rgba(0,0,0,.3);font-size: 14px;line-height: 18px;}

#top-mailmaga { float:left; width:100%; margin-bottom:50px;}
#top-mailmaga .title {float:left; width:100%; text-align:center; border-bottom:1px dashed #222; padding-bottom:10px;}
#top-mailmaga-section {  float:left; width:100%; background:#eee;}
#top-mailmaga-section .section { margin: 0 auto; width:1000px; height:540px; background:url('../../images/main/mailmaga.png'); }
#top-mailmaga-section .section .mailform {float:left; width:400px; text-align:center; margin:280px 0 0 70px; }
#top-mailmaga-section .section .mailform input[type=text] {padding:10px; width:300px;}
#top-mailmaga-section .section .mailform input[type=submit] {padding:10px;}

#top-event {float:left; width:100%; margin-bottom:50px; overflow:hidden;}
#top-event img {width:100%;}
#top-event a:hover img { opacity:.5; -webkit-opacity:.5; -moz-opacity:.5; filter: alpha(opacity=50); /* IE lt 8 */ -ms-filter: "alpha(opacity=50)"; /* IE 8 */}
#top-event a img {-webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out; -ms-transition: opacity 1s ease-out; transition: opacity 1s ease-out;}

#top-newface {float:left; width:50%; background:#000; margin-bottom:50px;}
#top-newface img {width:100%;}
#top-newface a:hover img { opacity:.5; -webkit-opacity:.5; -moz-opacity:.5; filter: alpha(opacity=50); /* IE lt 8 */ -ms-filter: "alpha(opacity=50)"; /* IE 8 */}
#top-newface a img {-webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out; -ms-transition: opacity 1s ease-out; transition: opacity 1s ease-out;}

#top-ranking {float:right; width:50%; background:#222; margin-bottom:50px;}
#top-ranking img {width:100%;}
#top-ranking a:hover img { opacity:.5; -webkit-opacity:.5; -moz-opacity:.5; filter: alpha(opacity=50); /* IE lt 8 */ -ms-filter: "alpha(opacity=50)"; /* IE 8 */}
#top-ranking a img {-webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out; -ms-transition: opacity 1s ease-out; transition: opacity 1s ease-out;}

#top-recruit {float:right; width:100%;margin-bottom:50px;}
#top-recruit img {width:100%;}

#top-frame {float:right; width:100%;margin-bottom:50px;}

/*=== companion				============================================================================================================*/
#options {width:100%; overflow: hidden; margin-top:50px;}
#options a {float:left; width:120px; background:#222; text-align:center; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; margin:20px 10px;display:block; padding:10px 0;color:#fff; font-size:11px;}
#options a.selected {float:left; width:120px; background:#707070; text-align:center; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; margin:20px 10px;display:block; padding:10px 0;color:#fff; font-size:11px;}
#companion {float:left; width:100%;}

.girlsList {min-height: 100%;overflow: hidden;}
.girlsList a {display: block;width: 100%;height: 100%;color: #fff;}
.girlsList img.photo {width: 100%;height: auto;vertical-align: top;}
.girlsList ul {border-collapse:collapse; margin-bottom:10px; width:100%;}
.girlsList li {display: table-cell;width: 33%;}
.girlsList li.box01 {padding-right: 6px;}
.girlsList li.box02 {padding: 0 3px;}
.girlsList li.box03 {padding-left: 6px;}
.girlsList li .positionBox {color: #fff;display: block;position: relative;overflow: hidden;}

.girlsList .girlsData {width: 100%; height:60px; background:url('../../images/header/headerbg1.png'); position: absolute;left: 0;bottom: 0; padding:10px;}
.girlsList .girlsData .profile {margin-right:100px; color:#ccc; line-height:22px; font-size:14px;}
.girlsList .girlsData .profile b{font-size:20px; color:#fff; font-family:"Meiryo"; margin-right:10px;}
.girlsList .girlsData .icon {float:right; width:140px; color:#fff; font-size:15px; font-weight:bold;}
.girlsList .girlsData .icon img {float:right; margin-right:20px;}

/*=== system					============================================================================================================*/
#system {float:left; width:100%; background:url('../../images/system/bg1.png') 50% 0 repeat-y;}
#system-section {margin:0 auto; width:1000px; }
#system-section img {width:1000px; margin:20px 0;}
#map {float:left; width:100%; margin-top:20px; }
#map-section {margin:0 auto; width:1000px; }

/*=== recruit					============================================================================================================*/
#recruit {float:left; width:100%; }
#recruit img.w100 {float:left; width:100%;}
#recruit img.w50 {float:left; width:50%;}

/*=== movie					============================================================================================================*/
#movie {margin:0 auto; width:1000px; }
#movie li {float:left; width:1000px; margin-bottom:30px;}

#movie li.event {float:left; width:1000px; height:330px; background:url('../../images/movie/bg1.jpg');}
#movie li.event dt {float:left; width:500px; height:330px;}
#movie li.event dt img {width:500px; height:330px;}
#movie li.event dl {float:left; width:440px; height:300px; padding:0px 30px;}
#movie li.event dl dd.profile {float:left; width:440px; font-size:16px; font-family:"Meiryo"; margin-top:20px; }
#movie li.event dl dd.profile b{font-size:30px; margin-right:15px;}
#movie li.event dl dd.comment {float:left; width:440px; font-size:14px; }
#movie li.event dl dd.movie {float:left; width:350px; height:200px; padding:20px 45px 0 45px;}

#movie li.odd {float:left; width:1000px; height:330px; background:url('../../images/movie/bg2.jpg');}
#movie li.odd dt {float:right; width:500px; height:330px;}
#movie li.odd dt img {width:500px; height:330px;}
#movie li.odd dl {float:left; width:440px; height:300px; padding:0px 30px;}
#movie li.odd dl dd.profile {float:left; width:440px; font-size:16px; font-family:"Meiryo"; margin-top:20px; }
#movie li.odd dl dd.profile b{font-size:30px; margin-right:15px;}
#movie li.odd dl dd.comment {float:left; width:440px; font-size:14px; }
#movie li.odd dl dd.movie {float:left; width:350px; height:200px; padding:20px 45px 0 45px;}

/*=== newface					============================================================================================================*/
#newface {margin:0 auto; width:1000px; }
#newface li {float:left; width:1000px; height:330px; background:#fff url('../../images/newface/date_bg.jpg') 100% 0 no-repeat; margin-bottom:30px;}
#newface li dt {float:left; width:500px; height:330px;}
#newface li dt img {width:500px; height:330px;}
#newface li dl {float:right; width:480px; height:330px; padding:0 0 0 20px;}
#newface li dl dd.profile {float:left; font-size:18px; margin-top:20px; font-family:"Meiryo";}
#newface li dl dd.indate {float:right; width:60px; height:30px; padding:10px 5px 0 0; font-size:15px; text-align:right; font-size:11px; color:#fff;}
#newface li dl dd.profile b{font-size:30px; margin-right:15px;}
#newface li dl dd.comment {float:left; width:470px; height:240px; font-size:12px; margin-top:20px; overflow:hidden; line-height:24px; }

/*=== ranking					============================================================================================================*/
#ranking {margin:0 auto; width:1000px; }
#ranking ul.menu {float:left; width:1000px;}
#ranking ul.menu li {float:left; height:70px; }
#ranking ul.menu li img {float:left; height:70px;}
#ranking .contents {float:left; width:1000px; margin-top:30px;}

#ranking .contents li {float:left; width:1000px; height:330px; margin-bottom:30px;}
#ranking .contents li dt {float:left; width:500px; height:330px;}
#ranking .contents li dt img {width:500px; height:330px;}
#ranking .contents li dl {float:left; width:440px; height:300px; padding:15px 30px; background:#fff;}
#ranking .contents li dl dd.profile {float:left; width:440px; font-size:16px; font-family:"Meiryo"; margin-top:20px; }
#ranking .contents li dl dd.profile b{font-size:35px;margin-right:15px;}
#ranking .contents li dl dd.comment {float:left; width:440px; font-size:14px; margin-top:10px;}

#ranking .contents li dl.rank1 {background:url('../../images/ranking/rank1.jpg');}
#ranking .contents li dl.rank2 {background:url('../../images/ranking/rank2.jpg');}
#ranking .contents li dl.rank3 {background:url('../../images/ranking/rank3.jpg');}
#ranking .contents li dl.rank4 {background:url('../../images/ranking/rank4.jpg');}
#ranking .contents li dl.rank5 {background:url('../../images/ranking/rank5.jpg');}
#ranking .contents li dl.rank6 {background:url('../../images/ranking/rank6.jpg');}
#ranking .contents li dl.rank7 {background:url('../../images/ranking/rank7.jpg');}
#ranking .contents li dl.rank8 {background:url('../../images/ranking/rank8.jpg');}
#ranking .contents li dl.rank9 {background:url('../../images/ranking/rank9.jpg');}
#ranking .contents li dl.rank10 {background:url('../../images/ranking/rank10.jpg');}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {border-bottom:5px solid #00e1e1;}


/*=== contact					============================================================================================================*/
#contact {margin:0 auto; width:1000px; }
#contact .dis {float:left; width:1000px; margin-bottom:60px; font-size:20px; color:#000; border-bottom:1px dashed #222; padding-bottom:20px;}
#contact li {float:left; width:1000px; margin-bottom:20px; font-size:15px; color:#000; text-align:center;}
#contact li dt{float:left; width:300px; text-align:left;}
#contact li dl{float:left; width:700px; text-align:left;}
#contact li dl input[type=text]{padding:5px;}
#contact li dl input[type=reset],  input[type=submit]{padding:10px;}
#contact li dl textarea{width:500px; height:200px; padding:5px;}


/*=== faq					============================================================================================================*/
#faq {float:left; width:100%; background:url('../../images/faq/bg.jpg');}
#faq-section {margin:0 auto; width:1000px;}
#faq-contents {float:left; width:960px; padding:20px;  background:url('../../images/faq/contentsbg.png'); margin:20px 0;}
#faq-contents li {float:left; width:960px; margin-bottom:30px; color:#fff; border-bottom:1px dotted #ccc;}
#faq-contents li dt{float:left; width:840px; height:50px; padding-left:80px; font-size:24px; line-height:50px; font-weight:bold; background:url('../../images/faq/q.png') no-repeat 0 0; color:#ffffff; font-family:"Meiryo";}
#faq-contents li dl{float:left; width:840px; line-height:50px; font-size:18px; color:#ff0080; padding-left:80px; background: url('../../images/faq/a.png') no-repeat 0 0;}

.accordionButton {cursor: pointer; cursor:hand;}
.accordionContent { }


/*=== profile					============================================================================================================*/
#image-banner {width:100%; margin-top:200px;}
#image-banner img {width:100%; height:100%;}
#tab {width:100%; padding:25px 0; }
#name {width:100%; text-align:center; font-size:60px; margin-bottom:10px; font-family:"Meiryo"; color:#000;}
#size {width:100%; text-align:center; font-size:40px; margin-bottom:50px; font-family:"Meiryo"; color:#000;}

#container {padding:0 0 0 10px}


#information {float:left; width:600px;}
#comment {float:left; width:600px; min-height:400px; background:#f2f2f2; margin-bottom:15px; overflow:auto;}
#comment .subject {float:left; width:580px; text-align:center; font-size:25px; font-weight:bold; margin-bottom:10px; font-family:"Meiryo"; margin-top:10px; color:#000;}
#comment .comment { float:left; width:570px; font-size:16px; padding:0 5px; line-height:25px;  }
#schedule {float:left; width:600px; min-height:120px; margin-bottom:15px; background:#121212; font-family:"Meiryo";}
#profile-movie {float:left; width:600px; min-height:200px; }

#image {margin-left:610px; overflow: hidden;}
#carousel {margin-top:10px;}
#carousel li {margin-right:10px;}

/*=== table					============================================================================================================*/
table.scheduleTable {float:left; width:600px; min-height:120px; border-collapse: collapse; }
table.scheduleTable th {height:40px; text-align:left; vertical-align: middle; text-align:center; padding:10px; font-size:13px; color:#d7d7d7; line-height:15px;}
table.scheduleTable td {text-align:left; vertical-align: middle; text-align:center; padding:10px; font-size:14px; color:#d7d7d7; line-height:15px;}