@charset "utf-8";
/* -----------------------------------------------
   共通
----------------------------------------------- */
body { color: #666; margin: 0px; padding: 0px; font: 12px/150% 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 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; }
div#wrap { width: 1014px; text-align: center; background: url(../img/wrap_bg.png) repeat-y; margin: 0px auto; padding: 0px; color: #666; position: relative; }
h1 { font-size:12px; margin: 0px; padding: 0px; text-align: left; font-weight: normal; color:#9900FF; }
h2 { font-size:12px; margin: 0px; padding: 0px; font-weight: normal; }
h2.menu { color: #FFFFFF; border: 1px solid #8630B7; width: 900px; padding: 0px; margin:0 auto; text-align:center; background: url(../img/table_bg.jpg)  repeat-x 0px 0px; background-position: center 0px; }
h2.menu2 { color: #FFFFFF; border: 1px solid #8630B7; width: 800px; padding: 0px; margin:0 auto; text-align:center; background: url(../img/table_bg.jpg)  repeat-x 0px 0px; background-position: center 0px; }
h2.index_menu { color: #FFFFFF; border-width: 1px 1px 0px 1px; border-style: solid; border-color:#8630B7; width: 900px; padding: 0px; margin:0 auto; text-align:center; background: url(../img/table_bg.jpg)  repeat-x 0px 0px; clear:both;}
h2.index { width:1000px; color: #FFFFFF; background: url(../img/table_bg.jpg) repeat-x 0px 0px; margin:0px auto; text-align:center; clear: both;}
h3,h4 { font-size:12px; margin: 0px auto; padding: 0px; clear:both; font-weight: normal; }
h3.index1 { color: #FFFFFF; width: 900px; padding: 0px; margin-top: 40px; text-align:center; background: url(../img/table_bg.jpg) repeat-x 0px 0px; background-position: center 0px; }
h3.menu { color: #FFFFFF; width: 700px; padding: 0px; margin-top: 0px; margin-bottom: 12px; text-align:center; background: url(../img/table_bg.jpg)  repeat-x 0px 0px; background-position: center 0px; }
p#description { width: 990px; color: #FFFFFF; background: url(../img/table_bg.jpg) repeat-x 0px 0px; font-size:12px; margin:5px 0 15px 0; padding:0px 5px; text-align:right; float:right; }
hr { border-width: 1px 0px 0px 0px; border-style: solid; border-color: #E271D4; height: 1px; padding: 0px; margin: 20px 0px; clear: both; }
form { margin: 0px; padding: 0px; }
div#link { font-size: 10px; margin: 0px auto; text-align: right; padding-top:5px; padding-bottom: 5px; clear: both; width: 1000px; position: absolute; z-index: 1; top: 125px; left: 7px; }
div#link ul { list-style: none; clear: both; margin: 0px 10px 10px 0px; padding: 0px; }
div#link li { background: url(../img/arrow.jpg) no-repeat left center; padding-left: 12px; margin-right: 15px; margin-left: 5px; display: inline; }
div#index { width: 1000px; margin-right: auto; margin-left: auto; font-size: 12px; background: #FFF; text-align: center; position: relative; overflow: hidden; clear: both; }
div#container { width: 1000px; margin-right: auto; margin-left: auto; padding-top:50px; clear: both; background: #FFF; position: relative; }
div#container #left_area { float: left; width: 400px; padding-left:50px; margin-right: auto; margin-left:auto; margin-bottom:20px;}
div#container #left_area p { text-align: left; }
div#container #right_area { float: right; width: 400px; padding-right:50px; margin-right: auto; margin-left:auto; }
div#pickup_movie, #whatsnew, #whatsnew2, #merumaga, #mobile { width: 400px; clear: both; margin-bottom: 20px; text-align: left; }
div#store_info { width: 400px; clear: both; margin-bottom: 20px; text-align: center; }
div.common { width: 1000px; margin-bottom: 20px; padding: 0px; clear: both; }
div.common .description { background: #FFFFFF; width:858px; border: 1px solid #8630B7; text-align: left; margin:20px auto; clear:both; }
div.common .ttl { margin: 0px auto; padding: 0px; clear: both; }
div.contents_area { width: 860px; margin: 20px auto 40px; text-align: left; line-height: 150%; clear: both; }
div.contents_top { border:1px outset #8630B7; background: #E8D3F6; width: 748px; padding:5px; margin: 20px auto; text-align:left; line-height: 150%; clear: both; }
div.contents_top_c { border:1px outset #8630B7; background: #FFFFFF; width: 848px; padding:5px; margin: 20px auto; text-align:center; line-height: 150%; clear: both; }
div.contents_top_c p.index {width:748px; color: #FFFFFF; background: url(../img/table_bg.jpg) repeat-x 0px 0px;}
div.contents_top p {margin:0px;}
div#copy { font-size: 10px; color: #999999; text-align: right; margin-right: auto; margin-left: auto; clear: both; margin-top: 20px; padding-top: 0px; padding-right: 20px; }
.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; line-height: 150%; }
div.tab { background: url(../img/tab_base.jpg) no-repeat; height: 30px; width: 860px; text-align: left; margin: 0px auto; padding: 10px 0px 0px 0px; }
div.tab strong { color:#FFF; }
.color-yellow { color: #FFFF00; }
.color-red { color: #FF0000; }
.color-blue { color: #0000FF; }
.color-purple { color: #9900FF; }
.color-green { color: #33CC00; }
.color-pink { color: #FF00FF; }
.color-lightpurple { color: #9999CC; }

/* Index Menu */
div#index_menu { margin: 10px auto 40px auto; padding: 0px; height: 34px; width: 400px; clear: both; }
div#index_menu ul { margin: 0px; padding: 0px; height: 55px; list-style: none; }
div#index_menu ul li { height: 55px; float: left; }
div#index_menu ul li a { display: block; }
div#index_menu ul li.btn1 a { border: 1px solid #8630B7; background: url(../img/btn_enter.jpg) no-repeat; width: 145px; height: 25px; padding-top:30px; margin-right: 93px; }
div#index_menu ul li.btn2 a { border: 1px solid #8630B7; background: url(../img/btn_exit.jpg) no-repeat; width: 145px; height: 25px; padding-top:30px; }
div#index_menu ul li a:hover { background-position: 0px -55px; text-decoration: none; }

/* Global Menu */
div#gmenu { width: 1000px; height: 54px; clear: both; padding: 0px; margin: 0px auto; position: absolute; z-index: 1; left: 7px; top: 156px; }
div#gmenu ul { margin: 0px; padding: 0px; list-style: none; width: 1000px; }
div#gmenu ul li { margin: 0px; padding: 0px; float: left;}
div#gmenu ul li a { display: block; height: 26px; text-decoration: none; color: #FFF; }
div#gmenu ul li.btn1 a { background: url(../img/menu_1.jpg) no-repeat; width: 98px; }
div#gmenu ul li.btn2 a { background: url(../img/menu_2.jpg) no-repeat; width: 88px; }
div#gmenu ul li.btn3 a { background: url(../img/menu_3.jpg) no-repeat; width: 143px; }
div#gmenu ul li.btn4 a { background: url(../img/menu_4.jpg) no-repeat; width: 126px; }
div#gmenu ul li.btn5 a { background: url(../img/menu_5.jpg) no-repeat; width: 85px; }
div#gmenu ul li.btn6 a { background: url(../img/menu_6.jpg) no-repeat; width: 138px; }
div#gmenu ul li.btn7 a { background: url(../img/menu_7.jpg) no-repeat; width: 129px; }
div#gmenu ul li.btn8 a { background: url(../img/menu_8.jpg) no-repeat; width: 128px; }
div#gmenu ul li a:hover { background-position: 0px -54px; text-decoration: none; color:#FFFF4C;}
div#gmenu a { padding-top: 28px; }
div#gmenu .btn1 a { padding-left: 35px; }
div#gmenu .btn8 a { padding-right: 30px; }

/* Footer Menu */
div#footer ul { margin: 0px; padding: 0px; }
div#footer li { font-size: 10px; display: inline; margin: 0 3px; padding: 0px; }

/*-- リンクカラー --*/
a:link { color:#8630B7; text-decoration: underline; }
a:visited { color:#8630B7; text-decoration: underline; }
a:hover { color:#F69; text-decoration:none; }
div.sche div a:link { color:#FFF; text-decoration: underline; }
div.sche div a:visited { color:#FFF; text-decoration: underline; }
div.sche div a:hover { color:#F69; text-decoration:none; }
div#pankuzu ul a:link { color:#FFF; text-decoration: underline; }
div#pankuzu ul a:visited { color:#FFF; text-decoration: underline; }
div#pankuzu ul a:hover { color:#FF6; text-decoration:none; }
div#pankuzu.com a:link { color:#FFF; text-decoration: underline; }
div#pankuzu.com a:visited { color:#FFF; text-decoration: underline; }
div#pankuzu.com a:hover { color:#FF6; text-decoration:none; }
div#pankuzu.sche a:link { color:#FFF; text-decoration: underline; }
div#pankuzu.sche a:visited { color:#FFF; text-decoration: underline; }
div#pankuzu.sche a:hover { color:#FF6; text-decoration:none; }


/*-- 戻るリンク --*/
p.btn_base { background:url(../img/btn_base.jpg) no-repeat; font-size: 10px; text-align: center; float: right; height: 27px; width: 112px; padding: 5px 0px 0px; margin: 20px 20px 20px 0px; clear: both; }
p.btn_base a:link { color:#FFF; text-decoration: underline; }
p.btn_base a:visited { color:#FFF; text-decoration: underline; }
p.btn_base a:hover { color:#F69; text-decoration:none; }

/* -----------------------------------------------
   table
----------------------------------------------- */
div.common table { width:860px; border: 1px solid #8630B7; margin: 20px auto 30px; padding: 1px; clear: both; }
div.common table th { background:url(../img/table_bg2.jpg) repeat-x center center; color:#FFFFFF; text-align: center; padding: 5px; font-weight: normal; width: 50%; }
div.common table td { width:auto; background:#EDDFE8; padding: 5px; text-align: center; }
div.common table caption { background: url(../img/caption_bg2.jpg) no-repeat; height: 27px; border-top: 1px solid #8630B7; border-right: 1px solid #8630B7; border-left: 1px solid #8630B7; border-bottom-style: none; margin: 0px; padding: 8px 0px 0px; color: #FFFFFF; font-weight: normal; }
/*-- システム --*/
div.system table th { width:25%; font-weight: normal; }
div.system table.play td { width:17%;}
div.system table.ryoukin td { width:25%; }
div.system table.deli th { width:17%; font-weight: normal; }
div.system div.deli ul{list-style:none;}
div.system div.deli ul li{background: url(../img/arrow.jpg) no-repeat left 8px; padding-left: 12px;}
/*-- プレイ --*/
div.play table th { width:25%; font-weight: normal; }
div.play table.play td { width:17%;}
div.play table.ryoukin td { width:25%; }
/*-- リクルート --*/
div.recruit table th { width:30%;}
div.recruit table td { text-align:left;}
/*-- ホテルリスト --*/
div.hotel table { width:750px; }
div.hotel table th { width:20%; white-space:nowrap; }
div.hotel table th { font-size:10px; }
div.hotel table td { font-size:10px; }
div.hotel table caption { background: url(../img/caption_bg2.jpg) no-repeat; }
/*-- お問い合せ --*/
div.inquiry table { width:500px; }
div.inquiry table th { width:30%; }
div.inquiry table td { text-align:left; }
/*-- アンケート --*/
div.enquete table th { width:30%; text-align:left; }
div.enquete table td { text-align:left; }

/* -----------------------------------------------
   Float Clear
----------------------------------------------- */
.cl { display:inline-block; }
.cl:after { content: ""; display:block; clear:both; }

/* -----------------------------------------------
   Index
----------------------------------------------- */
div#index { width:1000px; margin-right: auto; margin-left: auto; }
div.index { background: #FFFFFF; border: 1px solid #8630B7; width: 900px; margin:0px auto 20px auto; }
div.flash { background: #FFFFFF; border: 1px solid #8630B7; width: 900px; height:55px; margin:0px auto 20px auto; text-align: left; clear: both; }
div.flash img { float:left; margin:0px 5px 5px 5px; }
p.index { width: 1000px; color:#FFFFFF; background: url(../img/table_bg.jpg) repeat-x 0px 0px; margin: 0px auto; text-align:center; clear: both;}
div.lwhat { float:left; width:415px; margin:0px auto; }
div.rwhat { float:right; width:415px; margin:0px auto; }
div.index_what {width: 900px; font-size: 12px; padding:1px; margin:0 auto; text-align:left; clear:both; }
div.index_what h2 { color:#FFFFFF; border-width: 1px 1px 0px 1px; border-style: solid; border-color:#8630B7; padding: 0px; margin:0 auto; text-align:center; background: url(../img/table_bg.jpg)  repeat-x 0px 0px; clear:both;}
div.index_what h2 a:link {color:#FFF; text-decoration: underline;}
div.index_what h2 a:visited {color:#FFF; text-decoration: underline;}
div.index_what h2 a:hover {color:#F69; text-decoration:none;}
div.index_what ul { width:401px; border:1px solid #8630B7; text-align:left; height:auto; list-style: none; padding-left:12px; margin:0px auto 20px; }
div.index_what li { background: url(../img/arrow.jpg) no-repeat left center; padding-left:12px; margin-right:0px; margin-left:0px; }

/* -----------------------------------------------
   ヘッダー
----------------------------------------------- */
div#header { width: 980px; text-align: left; background: url(../img/header.jpg) no-repeat; height: 155px; margin: 0px auto; padding: 0px 10px; position: relative; }
.shop_info { width: 550px; padding-top:10px; margin: 0px; font-size:10px; float: right; }
.head { list-style: none; font-size: 10px; margin: 0px; padding-top:0px; text-align: right; padding-bottom: 0px; clear: both; width: 200px; position: absolute; z-index: 1; top: 0px; right: 20px; }
.head a:link { color:#666; text-decoration: underline; }.head a:visited { color:#666; text-decoration: underline; }.head a:hover { color:#F69; text-decoration:none; }
div#logo { font-size: 10px; margin: 0px; padding-top:0px; text-align: left; padding-bottom: 0px; clear: both; width: 300px; position: absolute; z-index: 1; top: 21px; left: 12px; }
div#logo ul { list-style: none; margin: 0px; padding: 0px; clear: both; }
.logo_img { width: auto; font-size:10px; padding: 0px; margin: 0px auto; float: left; }

/* -----------------------------------------------
   フッター
----------------------------------------------- */
div#footer { background: url(../img/footer.jpg) no-repeat; width: 1000px; margin-right: auto; margin-left: auto; clear: both; margin-top: 20px; height: 100px; padding-top: 60px; position: relative; }

/* -----------------------------------------------
   パンくず
----------------------------------------------- */
div#pankuzu { width:860px; background: url(../img/pankuzu_bg.jpg) no-repeat; height: 30px; text-align: left; font-size: 10px; color: #FFF; margin: 0px auto; padding: 0px; clear:both; }
div#pankuzu ul{ list-style: none; margin: 0px; padding: 0px; }
div#pankuzu ul li { display: inline; }
div#pankuzu ul li.top { width: 142px; background: url(../img/pankuzu_link.jpg) no-repeat; height: 30px; padding-top: 6px; text-align: center; float: left; }
div#pankuzu ul li.top2 { width: 142px; background: url(../img/pankuzu_link2.jpg) no-repeat; height: 30px; padding-top: 6px; text-align: center; float: left; }
div#pankuzu ul li.top3 { width: 130px; background: url(../img/pankuzu_link3.jpg) no-repeat; height: 30px; padding-top: 6px; float: left; padding-left: 15px }
div#pankuzu ul li.pankuzu_common  { width: 160px; background: url(../img/pankuzu_common.jpg) no-repeat; height: 30px; padding-top: 6px; text-align: center; float: left; }
div#pankuzu ul li.pankuzu_girl { width: 140px; height: 30px; padding-top: 6px; text-align: center; float:left;  }

div#pankuzu.com { background: url(../img/pankuzu_bg.jpg) no-repeat; }
div#pankuzu.com p { display: block; width: 133px; text-align: center; float: left; padding: 0px; margin: 8px 0px 0px 20px; }
div#pankuzu.com p.syllabary { float:right; width: 80px; font-size: 10px; margin-right: 10px; margin-left: 0px; }
div#pankuzu.sche { background: url(../img/pankuzu_bg.jpg) no-repeat; }
div#pankuzu.sche p { display: block; width: 135px; text-align: center; float: left; padding: 0px; margin: 8px 0px 0px 10px; }
div#pankuzu.sche p.syllabary { width: 80px; font-size: 10px; margin-left: 0px; }
div#pankuzu.sche p.time { width: 80px; font-size: 10px; margin-right: 10px; margin-left: 70px; }
div#pankuzu.sche ul { list-style: none; margin: 0px; padding: 0px; }
div#pankuzu.sche li.day { display: inline; width: 135px; text-align: center; float: left; padding: 0px; margin: 8px 0px 0px 15px;  }

/* -----------------------------------------------
   トップページ
----------------------------------------------- */
h3.top { margin-bottom:0px; }

/* -----------------------------------------------
   ストアインフォメーション
----------------------------------------------- */
div#store_info .area { width: 380px; overflow: auto; font-size: 12px; margin-right: auto; margin-left: auto; text-align: left; margin-top: 10px; padding: 0px; }
div#store_info .event { border-bottom: 1px solid #E271D4; margin-bottom:20px;}

/* -----------------------------------------------
   ピックアップムービー
----------------------------------------------- */
div#pickup_movie { background: #FCF2FC; height:200px; }
div#pickup_movie #top_player { margin: 10px 3px 20px; width: 243px; clear: left; float: left; text-align: center; }
div#pickup_movie .name { font-weight: normal; text-align: left; margin: 10px 0px 0px; padding: 0px; }
div#pickup_movie .prof { border-bottom: 1px dotted #E271D4; float: right; text-align: left; font-size:10px; width: 150px; margin: 0px 0px 5px; padding: 5px 0px; }
div#pickup_movie .comment { text-align: left; font-size:12px; width: 150px; margin: 0px; padding: 0px; float: right; clear: right; }
div#pickup_movie .btn_mov a { background: url(../img/btn_companion.jpg) no-repeat; width: 150px; height: 28px; display: block; margin: 10px 0px 0px auto; padding: 0px; float:right; clear:right; text-decoration: none; }
div#pickup_movie .btn_mov a:hover { background-position: 0px -28px; text-decoration: none; }
div#pickup_movie .btn_mov p { font-size:12px; text-align: center; margin: 0px; padding: 0px; }
/*-- text部分 --*/
div#pickup_movie .btn_mov a { padding-top:19px; text-align:center; }

/* -----------------------------------------------
   更新情報
----------------------------------------------- */
div#whatsnew .area { background: #FCF2FC; padding: 10px; height: 182px; width: 380px; overflow: auto; font-size: 12px; margin-top: 0px; margin-right: 5px; }
div#whatsnew ul { list-style: none; margin: 0px; padding-left: 12px; clear: both; }
div#whatsnew li { background: url(../img/arrow.jpg) no-repeat left center; padding-left: 12px; margin-right: 0px; margin-left: 0px; }

/* -----------------------------------------------
   ブログ更新情報
----------------------------------------------- */
div#whatsnew2 .area { background: #FCF2FC; padding: 10px; height: 182px; width: 380px; overflow: auto; font-size: 12px; margin-top: 0px; margin-right: 5px; }
div#whatsnew2 ul { list-style: none; margin: 0px; padding-left: 12px; clear: both; }
div#whatsnew2 li { background: url(../img/arrow.jpg) no-repeat left center; padding-left: 12px; margin-right: 0px; margin-left: 0px; }

/* -----------------------------------------------
   メルマガ
----------------------------------------------- */
div#merumaga form { padding: 5px; margin: 0px; }
.merumaga { background: url(../img/marumaga_bg.jpg) no-repeat right 30px; font-size: 10px; }

/* -----------------------------------------------
   本日の出勤
----------------------------------------------- */
div#sche { width: 880px; margin: 20px auto 0px; padding-left: 15px; clear: both; }
div#sche div { border:1px solid #8630B7; background: url(../img/today.jpg) no-repeat center 1px; width: 126px; float:left; margin:10px 9px;}
div#sche div img { padding:1px; margin:1px; border:1px solid #E371D3;}
div#sche dl { text-align:center; font-size:12px; margin:2px 0 0; text-align:center; }
div#sche dt { color:#FFF; font-size:12px; margin:0px; padding:0px; }
div#sche dt span { font-weight:bold; color:#FF0; margin:0px 5px 0px 0px; padding: 0px; }
div#sche dd { font-size:12px; margin:-2px 0px 0px; padding:0px; color: #FFF; }
div#sche div a:link { color:#FFF; text-decoration: underline; }
div#sche div a:visited { color:#FFF; text-decoration: underline; }
div#sche div a:hover { color:#F69; text-decoration:none; }

/* -----------------------------------------------
   ピックアップ
----------------------------------------------- */
div#pickuplist { width: 880px; padding-left: 15px; margin-top: 15px; margin-right: auto; margin-left: auto; clear: both; }
div#pickuplist p {margin:0px;}
div#pickuplist .list { background: #FFFFFF; border-width:4px;border-color: #8630B7;border-style:double; width:270px; margin:0px 7px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; position: relative; }
div#pickuplist div { width:240px; float:left; margin:10px 10px 10px 20px; text-align:left; }
div#pickuplist div .com_pix{ padding:0px; margin:1px 12px 5px; border:1px solid #E371D3;}
div#pickuplist div .com_new{ margin:0; position:absolute;top:30px;left:186px;}
div#pickuplist ul{ clear: both; padding:0; list-style:none; margin:0 1px 1px;text-align:center;background:#EDDFE8;}
div#pickuplist .list li{display:inline; margin-left:5px;}
div#pickuplist strong { font-weight:bold; margin:0 0 0 5px;color:#8630B7;}
div#pickuplist .catch { color:#FFFFFF; background: url(../img/table_bg.jpg) repeat-x 0px 0px; clear: both; margin-right: auto; margin-left: auto; padding: 3px 0; text-align: center; }
div#pickuplist .date { background: url(../img/table_bg.jpg); color:#FFF;  border-top: 1px solid #8630B7; clear: both; text-align: center; margin: 0px auto; padding: 3px 0px; }
div#pickuplist .comment { width:250px; padding: 5px; margin: 0 auto; clear: both;}

/* -----------------------------------------------
   ランキング
----------------------------------------------- */
div#ranking { width: 800px; margin: 10px auto; padding: 0px; clear: both; }
div#ranking div { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #8630B7; width: 124px; height:383px; float:left; margin: 15px; padding: 2px 0px 0px; }
div#ranking div.rank1 { background: url(../img/ranking_1.jpg) no-repeat; }
div#ranking div.rank2 { background: url(../img/ranking_2.jpg) no-repeat; }
div#ranking div.rank3 { background: url(../img/ranking_3.jpg) no-repeat; }
div#ranking div.rank4 { background: url(../img/ranking_4.jpg) no-repeat; }
div#ranking div.rank5 { background: url(../img/ranking_5.jpg) no-repeat; }
div#ranking div.rank6 { background: url(../img/ranking_6.jpg) no-repeat; }
div#ranking div.rank7 { background: url(../img/ranking_7.jpg) no-repeat; }
div#ranking div.rank8 { background: url(../img/ranking_8.jpg) no-repeat; }
div#ranking div.rank9 { background: url(../img/ranking_9.jpg) no-repeat; }
div#ranking div.rank10 { background: url(../img/ranking_10.jpg) no-repeat; }
div#ranking div p { text-align:center; font-size:12px; margin:0px; padding-top: 15px; padding-left: 37px; }
div#ranking div a:link { color:#FFF; text-decoration: underline; }
div#ranking div a:visited { color:#FFF; text-decoration: underline; }
div#ranking div a:hover { color:#F69; text-decoration:none; }

/* -----------------------------------------------
   コンパニオン一覧
----------------------------------------------- */
div.tab_com { background: url(../img/tab_companion.jpg) no-repeat; height: 30px; width: 860px; text-align: left; padding-top: 15px; padding-left: 30px; }
div.tab_com p { display: block; width: 185px; text-align: center; float: left; padding: 0px; margin: 0px 30px 0px 0px; }
div.tab_com p.syllabary { float:right; width: 100px; font-size: 10px; margin-right: 55px; }

/*-- コンパニオンページ共通 --*/
div#galslist,div#newgalslist { width: 880px;  margin:20px auto 0; clear: both; padding-left:50px;}
div#galslist div,div#newgalslist div{ border:1px solid #8630B7; float:left; margin:0 40px 30px 0; text-align:left; position:relative; }
div#galslist div.com,div#galslist div.up,div#newgalslist div.new{ width:246px; height:435px;}
div#galslist .comment,div#newgalslist .comment,div#galslist .todaytime,div#newgalslist .todaytime{ border:1px solid #8630B7; text-align:center; clear:both; width:238px; padding:2px; }
div#galslist .comment,div#newgalslist .comment{ margin:2px 1px; color:#FFFFFF; background: url(../img/table_bg.jpg) repeat-x 0px 0px; }
div#galslist .todaytime,div#newgalslist .todaytime{ margin:1px; color:#F0F; }
div#galslist .comment p,div#galslist .todaytime p,div#newgalslist .comment p,div#newgalslist .todaytime p{margin:0;}
div#galslist .comment p,div#newgalslist .comment p{margin-left:12px;display:inline;}
div#galslist div .com_pix,div#newgalslist div .com_pix{ padding:1px; margin:1px; border:1px solid #8630B7;}
div#galslist div .com_new,div#newgalslist div .com_new{ margin:0; position:absolute;top:4px;left:174px;}
div#galslist ul,div#newgalslist ul{ clear: both; padding:0; list-style:none; margin:0 1px 1px;text-align:center;background:#EDDFE8;}
div#galslist ul li,div#newgalslist ul li{display:inline; margin-left:5px;}
div#galslist ul li .name,div#newgalslist ul li .name{ margin:0 5px 0 0; color:#FFFF00; }
div#galslist .comment p .name,div#newgalslist .comment p .name{color:#FFFF00;}

/*-- リンクカラー --*/
div#galslist div a:link { color:#9900CC; text-decoration: underline; }
div#galslist div a:visited { color:#9900CC; text-decoration: underline; }
div#galslist div a:hover { color:#F69; text-decoration:none; }
div#newgalslist div a:link { color:#9900CC; text-decoration: underline; }
div#newgalslist div a:visited { color:#9900CC; text-decoration: underline; }
div#newgalslist div a:hover { color:#F69; text-decoration:none; }

/* -----------------------------------------------
   コンパニオン詳細
----------------------------------------------- */
div#personal {width:860px; text-align:left; margin:20px auto;}
div#personal div.prof p {margin:0;}
div#personal div.ttl {border:1px outset #8630B7; background: url(../img/tab_personal.jpg) no-repeat; height:20px; width:826px; padding-top:8px; padding-left: 30px; margin-bottom:15px; color:#FFF; }
div#personal .name {background: url(../img/arrow.jpg) no-repeat left center; color: #52178B; padding-left: 12px; font-size: 13px; font-weight: bold; }
div#personal .note {color: #9900FF; padding-left: 20px; }
div#personal div.left {width:605px; float:left; clear:left; }
div#personal div.photo {width:480px; float: left; margin-bottom: 10px; }
div#personal div.thumb {width: 94px; margin-left: 15px; float: left; }
div#personal div.thumb img {margin-bottom:10px; }
div#personal div img {padding:1px; margin: 1px; border:1px solid #8630B7; }
div#personal strong {color:#FFCC33; font-weight:bold; margin:0 0 0 5px; }
div#personal h2 {background: url(../img/arrow.jpg) no-repeat left 12px; font-size: 12px; color:#8630B7; clear: both; padding: 8px 0px 0px 12px; margin-top: 15px;  }
div#personal div.comment {background:url(../img/table_bg2.jpg); color:#FFF; padding: 0 8px; width: 462px; border:1px solid #8630B7; clear: left; }
div#personal div.option {padding: 5px; width: 848px; height:77px; border:1px solid #8630B7;; clear: left; }
div#personal ul.opt {color:#FFF; clear: both; list-style: none; margin: 0px auto; padding:0px; }
div#personal ul.opt li {background:url(../img/table_bg2.jpg); margin: 0px 5px 5px 0px; float:left; text-align:center; font-size:10px; width:99px; border:1px solid #8630B7; }
div#schedule { width:860px; text-align:left; margin:0 auto 20px;}
div#schedule h2 {background: url(../img/arrow.jpg) no-repeat left 12px; font-size:12px; color:#8630B7; clear: both; padding: 8px 0px 0px 12px; margin-top: 15px; }
div#schedule #sche_table{width:860px;margin:0 auto;}
div#schedule #sche_table th{width:14.285%;}
div#schedule #sche_table td{color:#A300FF;}

/*-- ダイアリー --*/
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; position: absolute; z-index: 1; top: 440px; left: 675px; }
div#personal #diary .contents { scrollbar-face-color:#C58FE2; scrollbar-arrow-color:#460076; scrollbar-3dlight-color:#BC7DDB; scrollbar-highlight-color:#E4E4E4; scrollbar-shadow-color:#9A65C3; scrollbar-darkshadow-color:#9A65C3; scrollbar-track-color:#CCC; }
div#personal #diary .contents { height: 430px; width: 230px; overflow: auto; border-top: 1px dotted #E271D4; border-bottom: 1px dotted #E271D4; padding: 10px; color: #316AC5; font-size:11px; background: url(../img/diary_bg.jpg) repeat-x; margin-top: 0px; }
div#personal #diary .contents .date { color:#810AAB; font-weight: normal; }
div#personal #diary .contents .navi { font-size: 10px; width: 210px; }
div#personal #diary .contents img.deco { border:0px; }
div#personal #diary .contents hr { border-width: 1px 0px 0px 0px; border-style: dotted; border-color: #E271D4; height: 1px; padding: 0px; margin: 10px 0px; }
div#personal #diary .contents img { border-color: #E271D4; }
div#personal #diary .contents ul { list-style: none; padding-top:15px; padding-bottom:15px; }
div#personal #diary .contents ul li { background: url(../img/arrow.jpg) no-repeat left center; margin-top: 0px; margin-bottom: 12px; padding-left: 12px; }
div#personal #diary .contents .navi a:link { color:#9900CC; text-decoration: underline; }
div#personal #diary .contents .navi a:visited { color:#9900CC; text-decoration: underline; }
div#personal #diary .contents .navi a:hover { color:#F69; text-decoration:none; }

/*-- ムービー --*/
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.sche_date { background: url(../img/arrow.jpg) no-repeat left 4px; padding-left:12px; float:left; margin-left: 80px; margin-top: 15px; clear: both; }

/* -----------------------------------------------
   システム
----------------------------------------------- */
div.deli { background: url(../img/deli.png) no-repeat; margin: 30px auto; height: 385px; width: 650px; clear: both; }
div.deli ul { float: right; width: 270px; text-align: left; padding-right: 10px; list-style: disc; margin-top: 30px; }
div.deli li { padding-top: 5px; padding-bottom: 5px; }
div.deli p { float: right; width: 270px; text-align: left; padding-right: 10px; clear: both; }
div.system .contents_area img { float:left; clear: left; margin-bottom: 20px; }
div.system .contents_area .right { border-width: 1px 1px 1px 1px; border-style: solid; border-color:#8630B7; background:#FFFFFF; float:right; margin-top:20px; width:500px; clear:right; }
div.system .contents_area .right .top { color:#FFFFFF; background:url(../img/table_bg.jpg) repeat-x 0px 0px; border-width: 0 0 1px 0; border-style: solid; border-color: #8630B7; width: 500px;}
div.system .contents_area p {margin:0;padding:6px; }


/* -----------------------------------------------
   プレイ
----------------------------------------------- */
div.play .description { width:750px; background: url(../img/play_img.jpg) no-repeat center top; height: 230px; margin-bottom: 40px; }
div.play .description p { text-align: left; float: right; width: 380px; clear: both; margin-top: 95px; }

/* -----------------------------------------------
   リクルート
----------------------------------------------- */
div.recruit .description { width:750px; padding:3px; margin-bottom: 40px; }
div.recruit .description p.index{width:750px; color: #FFFFFF; background: url(../img/table_bg.jpg) repeat-x 0px 0px;}
div.recruit .description p { text-align:center;}

/* -----------------------------------------------
   サイトマップ
----------------------------------------------- */
div.sitemap { text-align:center; clear:both;}
div.sitemap p { margin:20px auto; }
div.sitemap ul { width: 700px; list-style: none; margin: 25px auto; text-align:left; }
div.sitemap ul li { background: url(../img/arrow.jpg) no-repeat left center; margin-top: 0px; margin-bottom: 12px; padding-left: 12px; }
div.sitemap ul li.list { margin-left: 52px; }
div.sitemap ul li.list2 { margin-left: 76px; }
div.sitemap ul li.list3 { margin-left: 100px; }
div.sitemap ul li a { padding-right: 12px; }
div.sitemap ul li.com { margin-left: 140px; padding-top:20px; }
div.sitemap ul li.entry { margin-left: 130px; padding-top:20px; }
div.sitemap ul.page { list-style: none; padding:0px; }
div.sitemap ul.page li { margin: 0px; }
div.sitemap ul.page a { padding:0px; }

/* -----------------------------------------------
   お問い合せ,アンケート
----------------------------------------------- */
div.inquiry small { font-size: 10px; color: #F0F; margin-left: 5px; }
div.enquete th small { font-size: 10px; color: #F0F; margin-left: 5px; }
div.enquete td small { font-size: 10px; }

/* -----------------------------------------------
   リンク
----------------------------------------------- */
div.link .description { margin-bottom: 40px; }
div.link .description p { text-align:center; }
div#sogo { width:680px; margin:0 auto; padding: 0px; clear: both; }
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; }

