@charset "UTF-8";
@import url(menu.css);
@import url(color.css);

/*-- 共通 --*/
* { scrollbar-face-color:#000E30; scrollbar-arrow-color:#FFFF99; scrollbar-3dlight-color:#002557; scrollbar-highlight-color:#003A8A; scrollbar-shadow-color:#003A8A; scrollbar-darkshadow-color:#002557; scrollbar-track-color:#293662; }

a:link { color:#FFFF99; text-decoration: underline; }

a:visited { color:#FFFF99; text-decoration: underline; }

a:hover { color:#DFFE2E; text-decoration:none; }

body { color: #DFE4F8; margin: 0px; padding: 0px; font: 12px/150% 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; text-align: center; background: url(../img/bg.jpg) repeat; }

div,
img { border: none; }

.clears { clear:both; }

p { padding: 0px; margin-top: 8px; margin-bottom: 8px; }

hr { border-width: 1px 0px 0px 0px; border-style: solid; border-color: #003A8A; height: 1px; padding: 0px; margin: 10px 0px; }

form { margin: 0px; padding: 0px; }

textarea { border:1px solid #003A8A; }

div#wrap { width: 915px; text-align: center; background: url(../img/wrap_bg.png) repeat-y; margin: 0px auto; padding: 0px; color: #FFF; }

h1 { font-size:10px; text-align: right; margin: 0px; padding: 0px; }

h2 { font-size:10px; margin: 5px 0px; padding: 0px 0px 0px 20px; text-align:left; }

h2#index { font-size:10px; margin: 0px; padding: 0px; text-align:center; }

h3 { font-size:10px; margin: 0px; padding: 0px; clear:both; }

h4 { font-size:12px; margin: 15px 0px; padding: 0px; clear:both; }

p#top_info,
#copy { padding: 0px; margin: 0px; text-align: right; font-size:10px; }

div#container { width: 900px; margin-right: auto; margin-left: auto; background: #000; clear: both; }

div#container #left_area { float: left; width: 440px; }

div#container #left_area p { text-align: left; }

div#container #right_area { float: right; width: 440px; }

div#pickup_movie,
#whatsnew,
#merumaga,
#mobile { width: 440px; clear: both; margin-bottom: 20px; text-align: left; }

div#store_info { width: 440px; clear: both; margin-bottom: 20px; text-align: center; }

div.common { width: 900px; margin-bottom: 10px; clear: both; margin-top: 15px; }

div.contents_area { width: 750px; margin: 20px auto 40px; text-align: left; line-height: 150%; clear: both; }

div#copy { font-size: 10px; color: #999999; text-align: right; width: 900px; margin-right: auto; margin-left: auto; padding-right: 10px; clear: both; background: #000; }

.anchor { text-align: right; font-size: 12px; width: 650px; margin: 10px auto; }

.anchorcom { text-align: right; font-size: 10px; margin: 10px 20px 10px auto; clear: both; }

.back { font-size: 12px; width: 690px; margin: 10px auto; clear: both; text-align: right; }

caption,
th,
td { font-size:12px; }

/*-- table --*/
div.common table { width:750px; margin: 20px auto 40px; border: 1px solid #003A8A; }

div.common table th { width:auto; background: #101725; text-align: center; padding: 8px; font-weight: normal; word-break: break-all; word-wrap: break-word; }

div.common table td { width:auto; background: #181F29; padding: 8px; text-align: center; word-break: break-all; word-wrap: break-word; }

div.common table caption { background: url(../img/caption_bg.jpg) no-repeat; height: 27px; padding-top: 8px; border-top: 1px solid #003A8A; border-right: 1px solid #003A8A; border-left: 1px solid #003A8A; }

* html div.common table caption { background: url(../img/caption_bg.jpg) no-repeat; height: 35px; padding-top: 8px; border-top: 1px solid #003A8A; border-right: 1px solid #003A8A; border-left: 1px solid #003A8A; }

/*-- Float Clear --*/
.cl { display:inline-block; }

.cl:after { content: ""; display:block; clear:both; }

/*-- パンくず --*/
div#pankuzu { width:900px; background: url(../img/pankuzu_bg.jpg) no-repeat; height: 48px; margin-right: auto; margin-left: auto; text-align: left; font-size: 10px; }

div#pankuzu .top { width: 162px; background: url(../img/pankuzu_link.jpg) no-repeat; height: 48px; padding-top: 14px; text-align: center; float: left; }

div#pankuzu .top2 { width: 162px; background: url(../img/pankuzu_link2.jpg) no-repeat; height: 48px; padding-top: 14px; text-align: center; float: left; }

div#pankuzu .link { width: 130px; background: url(../img/pankuzu_link3.jpg) no-repeat; height: 48px; padding-top: 14px; text-align: center; float: left; }

div#pankuzu .pankuzu_common { width: 110px; background: url(../img/pankuzu_common.jpg) no-repeat; height: 48px; padding-top: 14px; text-align: center; float: left; }

/*-- Index --*/
div#index { background: url(../img/index.jpg) no-repeat; height: 324px; width: 900px; margin-right: auto; margin-left: auto; }
div#indexh2 { background: url(../img/index.jpg) no-repeat; height: 324px; width: 900px; margin-right: auto; margin-left: auto; }
div.flash { font-size: 10px; width: 530px; margin-right: auto; margin-left: auto; text-align: left; clear: both; }
div.flash img { float:left; margin-right: 5px; }

/*-- ヘッダー --*/
div#header { width: 880px; text-align: left; padding-left: 10px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-right: 10px; background: #000000 url(../img/header_bg.jpg) no-repeat; height: 110px; }

* html div#header { width: 900px; text-align: left; padding-left: 10px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-right: 10px; background: #000000 url(../img/header_bg.jpg) no-repeat; height: 130px; }
div#header.member { height: 120px; padding-top: 10px; }
* html div#header.member { padding-top: 10px; }

/*-- フッター --*/
div#footer { background: #000 url(../img/footer.jpg) no-repeat; width: 900px; margin-right: auto; margin-left: auto; height: 60px; padding-top: 20px; }

/*-- トップページ --*/
div#policy_com { width:742px; margin-left:auto; margin-right:auto; }

div#policy_com div { width:122px; float:left; margin: 0px; padding: 0px; }

div#policy_com img { border: ; margin: ; }

div#policy_com p { background: url(../img/policy_com_bg.jpg) no-repeat; width: 620px; height: 44px; padding-top: 18px; clear: both; }

div#policy_img { background: url(../img/policy_img2.jpg) no-repeat left top; }

/*-- ピックアップ --*/
div#pickup_movie #top_player { margin: 10px 5px 0px 10px; width: 243px; clear: left; float: left; text-align: center; }

div#pickup_movie .name { font-weight: bold; text-align: left; margin: 10px 0px 0px; padding: 0px; }

div#pickup_movie .prof { border-bottom: 1px dotted #CEB893; float: right; text-align: left; font-size:10px; line-height: 12px; width: 165px; margin: 0px 10px 5px 0px; padding: 5px 5px 5px 0px; }

div#pickup_movie .comment { text-align: left; font-size:10px; line-height: 12px; width: 180px; margin: 0px; padding: 0px; float: right; }

/*-- IE6 --*/
* html div#pickup_movie .prof { border-bottom: 1px dotted #CEB893; float: right; text-align: left; font-size:10px; line-height: 12px; width: 160px; margin: 0px 10px 5px 0px; padding: 5px 0px; }

* html div#pickup_movie .comment { text-align: left; font-size:10px; line-height: 12px; width: 160px; margin: 0px 10px 0px 0px; padding: 0px; float: right; }

/*-- 更新情報 --*/
div#whatsnew .area { padding: 10px; height: 150px; width: 415px; overflow: auto; font-size: 10px; margin-top: 5px; margin-right: 5px; }

div#whatsnew .member { height: 250px; }

div#whatsnew .area p { padding: 0px; margin: 0px; }

div#whatsnew .date { color:#FFFF00; }

/*-- ストアインフォメーション --*/
div#store_info .area { width: 380px; overflow: auto; font-size: 10px; margin-right: auto; margin-left: auto; text-align: left; margin-top: 10px; padding-right:30px; padding-left:30px; }

* html div#store_info .area { width: 440px; overflow: auto; font-size: 10px; margin-right: auto; margin-left: auto; text-align: left; margin-top: 10px; padding-right:30px; padding-left:30px; }

div#store_info .area hr { width:380px; margin-top: 15px; margin-bottom: 15px; }

/*-- 本日の出勤 --*/
div#day { background: url(../img/ttl_day.jpg) no-repeat; height: 27px; width: 860px; text-align: left; padding-top: 18px; padding-left: 40px; }

div#sche { width: 768px; margin: 0px auto; padding: 0px; }

div#sche div { background: url(../img/today.jpg) no-repeat center top; width: 124px; float:left; margin: 10px 2px; }

div#sche div img { margin: 1px; }

div#sche dl { text-align:center; font-size:12px; margin:8px 0 0 0; text-align:center; }

div#sche dt { color:#FFF; font-size:12px; margin:0; padding:0; line-height:140%; }

div#sche dt span { font-weight:bold; color:#FF0; margin:0 0 0 3px; }

div#sche dd { font-weight:bold; font-size:12px; margin:0; padding:0; text-indent: 0px; line-height:140%; }

/*-- IE6 --*/
* html div#day { background: url(../img/ttl_day.jpg) no-repeat; height: 40px; width: 900px; text-align: left; padding-top: 18px; padding-left: 40px; }

* html div#sche div { background: url(../img/today.jpg) no-repeat center top; width: 124px; float:left; margin: 10px 1px; }

/*-- 各ボタン --*/
div.btn { margin-right: auto; margin-left: auto; text-align: center; clear: both; padding: 0px; width: 100%; }

div.btn div { height: 40px; margin-right: auto; margin-left: auto; width: 100%; }

div.btn div a { text-decoration: none; }

div.btn .btn_system a { background: url(../img/btn_system.jpg) no-repeat; width: 243px; height: 40px; display: block; margin: 10px auto 0px; padding: 0px; }

div.btn .btn_play a { background: url(../img/btn_play.jpg) no-repeat; width: 243px; height: 40px; display: block; margin: 10px auto 0px; padding: 0px; }

div.btn .btn_com a { background: url(../img/btn_companion.jpg) no-repeat; width: 243px; height: 40px; display: block; margin: 10px auto 0px; padding: 0px; }

div.btn .btn_mov a { background: url(../img/btn_movie.jpg) no-repeat; width: 243px; height: 40px; display: block; margin: 10px auto 0px; padding: 0px; }

div.btn .btn_ticket a { background: url(../img/btn_ticket.jpg) no-repeat; width: 243px; height: 40px; display: block; margin: 10px auto 0px; padding: 0px; }

div.btn .btn_hotel a { background: url(../img/btn_hotel.jpg) no-repeat; width: 243px; height: 40px; display: block; margin: 10px auto 0px; padding: 0px; }

div.btn .btn_cos a { background: url(../img/btn_costume.jpg) no-repeat; width: 243px; height: 40px; display: block; margin: 10px auto 0px; padding: 0px; }

div.btn .btn_login a { background: url(../img/btn_login.jpg) no-repeat; width: 243px; height: 40px; display: block; margin: 10px auto 0px; padding: 0px; }

div.btn .btn_index a { background: url(../img/btn_index.jpg) no-repeat; width: 243px; height: 40px; display: block; margin: 10px auto 0px; padding: 0px; }

div.btn div a:hover { background-position: 0px -40px; text-decoration: none; }

div.btn p { font-size:10px; }

/*-- メルマガ --*/
div#merumaga form { padding: 10px; margin: 0px; }

.merumaga { background: url(../img/merumaga_bg.jpg) no-repeat right 45px; font-size: 10px; }

/*-- モバイル --*/
.mobile { background: url(../img/banner_mobile.jpg) no-repeat; height: 85px; width: 432px; margin-right: auto; margin-left: auto; padding-top: 60px; padding-left: 10px; }

/*-- コンパニオン一覧 --*/
div#galslist { width: 900px; margin-right: auto; margin-left: auto; }

div#galslist div { width:200px; height:300px; float:left; margin:0 12px; text-align:left; background: url(../img/com.jpg) no-repeat 0 0; }

div#galslist div.up { background: url(../img/com_up.jpg) no-repeat 0px 0px; }

div#galslist div.new { background: url(../img/com_new.jpg) no-repeat 0px 0px; }

div#galslist div img { padding:1; margin: 1px; float: left; }

div#galslist ul { padding:0; line-height:32px; list-style:none; margin: 38px 0px 0px 10px; float: left; }

div#galslist strong { color:#FFCC33; font-weight:bold; margin:0 0 0 5px; }

/*-- 新人コンパニオン一覧 --*/
div#newgalslist { width: 900px; margin-right: auto; margin-left: auto; }

div#newgalslist div { width:200px; height:300px; float:left; margin:0 12px; text-align:left; background: url(../img/com_new.jpg) no-repeat 0 0; }

div#newgalslist div img { padding:1; margin: 1px; float: left; }

div#newgalslist ul { padding:0; line-height:32px; list-style:none; margin: 38px 0px 0px 10px; float: left; }

div#newgalslist strong { color:#FFCC33; font-weight:bold; margin:0 0 0 5px; }

/*-- IE6 --*/
* html div#galslist div { width:200px; height:300px; float:left; margin:0 8px; text-align:left; background: url(../img/com.jpg) no-repeat 0 0; padding: 0px; }

* html div#newgalslist div { width:200px; height:300px; float:left; margin:0 8px; text-align:left; background: url(../img/com_new.jpg) no-repeat 0 0; padding: 0px; }

/*-- コンパニオンページ --*/
div#personal { width: 690px; text-align: left; margin-top: 20px; margin-right: auto; margin-left: auto; }

div#personal div { width:420px; float:left; }

div#personal div.ttl { background: url(../img/ttl_companion_personal.jpg) no-repeat; height: 40px; width: 690px; padding-top: 12px; padding-left: 30px; margin-bottom: 10px; }

div#personal .name { color: #FFCC33; padding-left: 25px; font-size: 13px; font-weight: bold; }

div#personal .note { color: #FFFF66; padding-left: 40px; }

div#personal div.photo { width:275px; height:403px; float: left; margin-bottom: 10px; }

div#personal div.thumb { width: 94px; margin-left: 31px; float: left; }

div#personal div.thumb img { margin-bottom:10px; }

div#personal div img { padding:1; margin: 1px; border: 1px solid #003A8A; }

div#personal strong { color:#FFCC33; font-weight:bold; margin:0 0 0 5px; }

div#personal div.comment { padding: 8px; width: 400px; border-top: 1px dotted #003A8A; border-bottom: 1px dotted #003A8A; clear: left; }

/*-- ダイアリー --*/

div#personal #diary { float: right; width: 250px; text-align: left; margin-top: 15px; background: url(../img/diary.jpg) no-repeat; padding-top: 25px; clear: right; margin-right: 5px; }

* html div#personal #diary { float: right; width: 250px; text-align: left; margin-top: 15px; background: url(../img/diary.jpg) no-repeat; padding-top: 25px; clear: right; }

div#personal #diary .contents { scrollbar-face-color:#000000; scrollbar-arrow-color:#FFFFFF; scrollbar-3dlight-color:#000; scrollbar-highlight-color:#CCC; scrollbar-shadow-color:#CCC; scrollbar-darkshadow-color:#000; scrollbar-track-color:#CCC; }

div#personal #diary .contents { height: 320px; width: 235px; overflow: auto; border-top: 1px dotted #003A8A; border-bottom: 1px dotted #003A8A; padding: 10px; background: #000000; color: #FFF; font-size:11px; }

* html div#personal #diary .contents { height: 320px; width: 250px; overflow: auto; border-top: 1px dotted #003A8A; border-bottom: 1px dotted #003A8A; padding: 10px; background: #FFF; color: #563F0E; }

div#personal #diary .contents .date { color:#F60; font-weight: bold; }

div#personal #diary .contents .navi { border-top: 1px dotted #003A8A; font-size: 10px; width: 210px; }

div#personal #diary .contents .navi a:link { color:#F60; text-decoration: underline; }

div#personal #diary .contents .navi a:visited { color:#F60; text-decoration: underline; }

div#personal #diary .contents .navi a:hover { color:#6C0; text-decoration:none; }

div#personal #diary .contents img.deco { border:0px; }

div#personal #diary .contents hr { border-width: 1px 0px 0px 0px; border-style: dotted; border-color: #003A8A; height: 1px; padding: 0px; margin: 10px 0px; }

div#personal #diary .contents img { border-color: #CCCCCC; }

/*-- ムービー --*/
div#personal #movie { float: right; width: 250px; text-align: left; background: url(../img/movie.jpg) no-repeat; padding-top: 25px; clear: right; margin-right: 5px; }

div#personal #player { width: 255px; float: right; text-align: center; height: 170px; clear: none; padding-top: 10px; }

/*-- システム --*/
div.common .contents_area .system { float:left; margin-right: 20px; clear: left; margin-bottom: 10px; }

div.common .system th { width:20%; }

/*-- リクルート --*/
div.common table.recruit th { width:25%; }

div.common table.recruit td { width:75%; text-align: left; }

/*-- プレイ --*/
div.common .play span { float:left; margin-right: 10px; margin-bottom: 35px; }

div.common .play div { padding: 0px; text-align: left; margin: 0px; width: 465px; float: right; }

div.common .play div p {
padding-left:20.px; padding-left: 20px; }

/*-- リンク --*/
div#sogo { width:680px; margin:0 auto; padding: 0px; }

div#sogo a img { border:none; }

div#sogo p { width:130px; margin:0px; padding:3px; float:left; text-align:center; font-size:9px; white-space:nowrap; }

p#lmenu { text-align:center; margin:20px 0; }

/*-- コスチューム --*/
.costume th,
td { width:25%; }

/*-- サイトマップ --*/
div.sitemap { width: 500px; margin: 20px auto 40px; text-align: left; line-height: 1.5em; clear: both; }

div.sitemap dl,
dt { margin: 0px; padding: 0px; }

div.sitemap dd { margin: 0px 0px 10px; padding: 0px; font-size:10px; }

/*-- ▼メンバーズ ページ▼ --*/

/*-- メンバーズ ピックアップ --*/
div#pickuplist { width: 786px; margin-top: 15px; margin-right: auto; margin-left: auto; }

div#pickuplist div { width:230px; float:left; margin:0 16px; text-align:left; background: url(../img/com.jpg) no-repeat center 0; }

div#pickuplist div.up { background: url(../img/com_up.jpg) no-repeat center 0; }

div#pickuplist div.new { background: url(../img/com_new.jpg) no-repeat center 0; }

div#pickuplist div img { padding:1; margin: 1px 1px 1px 25px; float: left; }

div#pickuplist ul { padding:0; line-height:32px; list-style:none; margin: 38px 0px 0px 10px; float: left; }

div#pickuplist strong { color:#FFCC33; font-weight:bold; margin:0 0 0 5px; }

div#pickuplist .date { color:#FFCC33; clear: both; text-align: center; margin-right: auto; margin-left: auto; padding-top: 5px; }

div#pickuplist .comment { width:220px; border-right: 1px dotted #CEB893; border-left: 1px dotted #CEB893; padding: 0px 5px; margin: 0px; }

/*-- IE6 --*/
* html div#pickuplist div { width:230px; float:left; margin:0 12px; text-align:left; background: url(../img/com.jpg) no-repeat center 0; }

/*-- ランキング --*/
div#rankinglist { width: 720px; margin-top: 15px; text-align:center; margin-right: auto; margin-left: auto; }

div#rankinglist div { width:200px; height:300px; text-align:left; margin:0 20px; }

div#rankinglist div.rank1 { margin:0 auto; background: url(../img/ranking_1.jpg) no-repeat; }

div#rankinglist div.rank2 { background: url(../img/ranking_2.jpg) no-repeat; float:left; }

div#rankinglist div.rank3 { background: url(../img/ranking_3.jpg) no-repeat; float:left; }

div#rankinglist div.rank4 { background: url(../img/ranking_4.jpg) no-repeat; float:left; }

div#rankinglist div.rank5 { background: url(../img/ranking_5.jpg) no-repeat; float:left; }

div#rankinglist div.rank6 { background: url(../img/ranking_6.jpg) no-repeat; float:left; }

div#rankinglist div.rank7 { background: url(../img/ranking_7.jpg) no-repeat; float:left; }

div#rankinglist div.rank8 { background: url(../img/ranking_8.jpg) no-repeat; float:left; }

div#rankinglist div.rank9 { background: url(../img/ranking_9.jpg) no-repeat; float:left; }

div#rankinglist div.rank10 { background: url(../img/ranking_10.jpg) no-repeat; float:left; }

div#rankinglist div img { padding:1; margin: 1px; float: left; }

div#rankinglist div p { color:#FFCC33; font-weight:bold; padding-top: 45px; text-align: center; margin: 0; }

/*-- IE6 --*/
* html div#rankinglist div { width:200px; height:300px; text-align:left; margin:0 16px; }

/*-- スケジュール --*/
#scheduledate { width:750px; margin: 15px auto 10px; padding: 0px; }

#scheduledate th { width:190px; font-size:12px; padding: 0px; margin:0px; }

#scheduledate td { width:80px; font-size:12px; }

div#schedulelist { width: 800px; text-align:center; clear: both; padding: 0px; margin: 5px auto 0px; overflow: auto; height: 500px; }

div#schedulelist div { height:200px; margin:15px 10px 5px 0px; padding: 0px; width: 750px; clear: both; float: right; }

* html div#schedulelist div { height:200px; margin:15px 5px 5px 0px; padding: 0px; width: 750px; clear: both; float: right; }

div#schedulelist div img { padding:1; margin: 1px; border: 1px solid #003A8A; float: left; margin-left:30px; }

div#schedulelist div p { text-align: center; margin: 0; background: url(../img/schedule_name_bg.jpg) no-repeat 30px 0px; height: 44px; padding-top: 15px; width: 92px; float: left; clear: left; padding-left: 30px; }

* html div#schedulelist div p { text-align: center; margin: 0; background: url(../img/schedule_name_bg.jpg) no-repeat 30px 0px; height: 44px; padding-top: 15px; width: 122px; float: left; clear: left; padding-left: 30px; }

div#schedulelist strong { color:#FFCC33; font-weight:bold; margin:0 0 0 5px; }

div#schedulelist table { height: 134px; background: #003A8A; width: 593px; float: right; margin: 0px; padding: 0px; border-style: none; }

* html div#schedulelist table { height: 134px; background: #003A8A; width: 605px; float: right; margin: 0px; padding: 0px; border-style: none; }

div#schedulelist td { background: #000000; text-align: center; width: 79px; font-size: 12px; }

/*-- 会員アンケート --*/
div.common table.enquete { margin-bottom: 10px; }

div.common table.enquete th { width:25%; }

div.common table.enquete td { width:75%; text-align: left; }

/*-- お問い合せ --*/
div.common table.inquiry { width:580px;}
div.common table.inquiry small { font-size:10px; color:#F90; margin-left:5px; }