@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

html{ height:100%;}
body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}

/*body { font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",sans-serif;}*/

img{ vertical-align:bottom;}


/*基本の設定*/
dt{ font-weight:bold;}
dd{ padding:0;}
ul,li{ margin:0; padding:0; text-indent:0;}



/*リンク色*/

/*ヘッダ*/
#head{ width:100%; height:128px; background:url(../images/top_bg.jpg) repeat-x 0 0;}
#head_inner{ margin:0 auto; width:928px; height:128px; background:url(../images/top_bg_inner.jpg) no-repeat 0 0; position:relative;}
#head_inner.und{ margin:0 auto; width:928px; height:128px; background:url(../images/top_bg_inner_und.jpg) no-repeat 0 0; position:relative;}
#head h1{ position:absolute; top:0; left:311px; text-align:right; font-size:11px; color:#494949; line-height:1em;}
#logo{ position:absolute; top:0; left:14px; width:277px; height:75px;}
#tel{ width:234px; height:32px; position:absolute; top:43px; left:680px;}
#open{ width:148px; height:32px; position:absolute; top:43px; left:532px;}

/*ナビ*/
#navigation{ padding:75px 0 0 14px;}
#navigation li{ display:inline;}
#sub_nav{ width:234px; position:absolute; top:0; left:680px;}
#sub_nav li{ display:inline;}

/*FLASH*/
#pickup{ width:100%; height:408px; background:url(../images/bg2.jpg) repeat-x 0 50%;}
#flash{ width:928px; height:408px; margin:0 auto; background:url(../images/menu_bg.png) no-repeat 0 0; position:relative;}
#fl_nav{ padding:18px 31px 0 0; width:297px; height:354px; float:right;}
#sw{ float:left; padding:8px 0 0 8px;}
#fl{ width:55px; height:109px; position:absolute; left: 572px; top: 272px; }
#rb001{ width:178px; height:105px; position:absolute; left: 8px; top: 305px; }
#rb002{ width:58px; height:52px; position:absolute; left: 540px; top: 2px; }


/*main*/
#main{ width:100%; background:url(../images/middle_bg.jpg) repeat-x 0 0;}
#main_inner{ width:928px; margin:0 auto;}
#main_inner.onecl{ background:url(../images/one_cl_bg.jpg) no-repeat 0 0;}
#main_content{ width:660px; float:left;}
#sub_content{ width:261px; float:right;}

/*下層用*/
#main_content.und{ width:660px; float:left; background:url(../images/und_main_bg.jpg) no-repeat 0 0;}
#main_content.und h3{ padding:15px 20px 0 40px; height:45px; background:url(../images/event_hl_ranking.jpg) no-repeat 0 0; font-size:16px; font-weight:bold; color:#453E38;}
#main_content.und h3.second{ padding:15px 20px 0 40px; height:45px; background:url(../images/event_hl_ranking2.jpg) no-repeat 15px 0 !important; font-size:16px; font-weight:bold; color:#453E38;}

#main_content.und p{ font-size:12px; color:#666;}

/*イベントページ*/
#main_content #event_c{ padding:0 30px 25px 30px;}
#main_content #event_c img.topics{ padding:3px; border:1px solid #CCC !important; float:right; margin-left:15px; background:#FFF;}


/*新着情報*/
#topics{ width:660px; height:372px; background:url(../images/topics_bg.jpg) no-repeat 0 0;}
#topics h2{ padding:7px 0 0 20px;}
#topics #photo{ margin-right:8px; padding:0 0 0 25px; width:151px; float:left;}
#topics #photo img{ padding:3px; border:1px solid #DDDDC8; background:#FFF;}
#topics #photo #caption{ margin-left:10px; padding:7px 0 7px 5px; font-size:11px; color:#514A2C; border-left:2px solid #999; line-height:1.3em;}
#topics_str{ margin-right:19px; padding:13px; width:231px; height:281px; border:1px solid #C9D19E; background:url(../images/topics_note_bg.jpg) repeat-y 0 0; overflow:auto; float:left;}
#topics_str h3{ font-size:12px; color:#502F00; font-weight:bold; padding-bottom:15px;}
#topics_str p{ font-size:12px; color:#696969; line-height:1.2em;}
#mobile{ float:left;}

/*本日の出勤キャスト*/
#today{ padding:0 0 0 6px;}
.today_cast_box{ width:109px; float:left; overflow:hidden; padding-bottom:30px;}
.today_cast_box .today_name{ padding:0 10px 5px 10px; text-align:center; font-size:11px; color:#5B5B5B; background:url(../images/index_today_bar.gif) no-repeat 50% 100%;}
.today_cast_box .today_name a{ display:block;}
.today_cast_box .today_name a:link{ color:#5B5B5B; text-decoration:none;}
.today_cast_box .today_name a:visited{ color:#5B5B5B; text-decoration:none;}
.today_cast_box .today_name a:hover{ color:#5B5B5B; text-decoration:none; background:#EAE8E3;}
.today_cast_box ul{ padding:0 9px;}
.today_cast_box li{ text-align:center; font-size:11px; color:#999; padding:5px 0; border-bottom:1px dotted #CCC;}
.today_cast{ width:109px; height:156px; background:url(../images/index_today_shadow.jpg) no-repeat 0 0; text-align:center; position:relative;}
.today_cast span{ position:absolute; bottom:0; left:11px; z-index:30;}
.today_cast .cast{ height:142px; padding-top:5px;}
.today_cast a:hover img{ opacity: 0.9; filter: alpha(opacity=90); z-index:50;}

/*キャスト一覧、シフト*/
#schedule{ /*background:url(../images/leg.jpg) no-repeat 100% 0;*/}
.allcast_box{ width:200px; background:url(../images/all_cast_bg.jpg) no-repeat 0 0; min-height:273px; height: auto !important; height: 273px; float:left; padding-bottom:30px; position:relative;}
.allcast_box .new{ position:absolute; width:160px; height:25px; left:5px; top: 202px; text-align:center; }
.allcast_img{ width:200xp; height:231px; position:relative;}
.allcast_img span{ width:180px; height:240px; background:url(../images/all_cast_onimg.png); position:absolute; top:0; left:5px; text-decoration:none; cursor:pointer;}
.allcast_img img{ padding:2px; background:#FFF; margin:8px 0 0 10px;}
.allcast_box dl{ margin:0 30px 0 50px; padding-top:2px;}
.allcast_box dt{ font-size:13px; color:#524115; padding-bottom:6px;}
.allcast_box dt a{ display:block;}
.allcast_box dt a:link{ color:#524115; text-decoration:none;}
.allcast_box dt a:visited{ color:#524115; text-decoration:none;}
.allcast_box dt a:hover{ color:#524115; text-decoration:underline;}
.allcast_box dt span{ padding-left:7px; font-size:11px; color:#666; font-weight:normal;}
.allcast_box dd{ font-size:11px; text-align:center; color:#666; padding:3px 0;}
.allcast_box dd.time{ color:#94896E; border-top:1px dotted #CCC;}
.allcast_img a:hover img{ opacity: 0.9; filter: alpha(opacity=90);}
#cal{ width:848px; height:40px; margin:0 40px 0 40px; padding-bottom:20px;}
#cal li{ width:120px; text-align:center; height:40px; font-size:12px; line-height:40px; /*display:inline-block;*/ background-image:url(../images/shift_table.jpg); float:left;}
#cal li a{ display:block;}
#cal li.cal001{ background-position:0 0;}
#cal li.cal002{ background-position:-121px 0;}
#cal li.cal003{ background-position:-242px 0;}
#cal li.cal004{ background-position:-363px 0;}
#cal li.cal005{ background-position:-484px 0;}
#cal li.cal006{ background-position:-605px 0;}
#cal li.cal007{ background-position:-726px 0;}
#cal li.sat{ background-position:center;}
#cal li.sun{ background-position:bottom;}
#cal li.on{ font-weight:bold;}
#cal li a:link{ color:#524115; text-decoration:none;}
#cal li a:visited{ color:#524115; text-decoration:none;}
#cal li a:hover{ color:#000; text-decoration:underline; background-color:#FFF; opacity: 0.5; filter: alpha(opacity=50);}

.ranking_cast span.glist{ width:161px; height:235px; position:absolute; top:0; left:0; text-decoration:none; cursor:pointer;}
.ranking_cast span.glist{ background:url(../images/glist_waku.png) no-repeat 0 0; }
.glist dl{ width:100%; text-align:center; padding:5px 0 0 0 !important;}
.glist ul{ width:100%; text-align:center; }
.glist ul li{ display:inline;}
.glist ul li img{ vertical-align:top;}

.glist dd.time span{ margin:0 15px; color:#94896E; border-top:1px dotted #CCC; position:static; display:block; height:auto; width:auto;}


/*キャスト detail*/
#cast_ttl{ padding:34px 0 0 263px; width:665px; height:52px; background:url(../images/detail_head_head.jpg) no-repeat 0 0; color:#5B4B1E; font-size:20px; font-weight:bold;}
#detail_left{ width:490px; margin-left:10px;}
#detail_right{ padding:0 31px 0 0; width:382px; float:right; position:relative;}
#detail_right h3{ padding-top:10px; padding-left:25px; padding-bottom:16px; width:357px; height:27px; position:relative; background:url(../images/detail_name.jpg) no-repeat 0 0; font-size:16px; font-weight:bold; color:#5B4B1E;}
#detail_right h3 span.age{ font-size:13px; color:#666; /*padding-left:10px;*/ font-weight:normal;}
#detail_right h3 img{ vertical-align:middle;}
#introduction{ padding:0 0 20px 0; width:372px; margin-bottom:10px; font-size:12px; line-height:1.5em; color:#666; border-bottom:1px solid #CCC; height:180px; overflow:auto;}
#to_shame{ font-size:13px; color:#5B4B1E; text-align:right; padding-right:15px; margin-bottom:15px;}
#to_shame a:link{ color:#5B4B1E; text-decoration:underline;}
#to_shame a:visited{ color:#5B4B1E; text-decoration:underline;}
#to_shame a:hover{ color:#5B4B1E; text-decoration:none;}
#detail_right #size{ font-size:10px; color:#999; position:absolute; right:45px; top:15px;}
#detail_navi{ padding:0 0 0 14px; width:476px; height:44px; background:url(../images/detail_navi_bg.jpg) no-repeat 0 0;}
#detail_navi li{ float:left;}
#detail_navi li.list{ margin-right:223px;}
#detail_left #cast_photo{ width:395px; height:556px; background:url(../images/detail_shadow.jpg) no-repeat 0 0; float:left;}
#detail_left #cast_photo img{ padding:15px 0 0 28px;}
#detail_left #thumb{ width:95px; padding-top:10px; background:url(../images/detail_thumb_bg.jpg) no-repeat 0 50%; float:right;} 
/*#detail_left #thumb li{ text-align:center; padding-bottom:2px;}
*/
#detail_left #thumb input{ text-align:center; padding-bottom:2px; margin-left:13px;}

#interview{ background:url(../images/detail_int_middle.jpg) 0 0 repeat-y;}
#interview dl{ margin-left:12px; padding:5px 20px 0 15px; height:250px; overflow:scroll; width:318px;}
#interview dt{ border-bottom:1px dotted #999; font-size:12px; color:#665A31; font-weight:normal; margin-bottom:2px;}
#interview dd{ padding-bottom:10px; font-size:10px; color:#666;}
#interview_bottom{ background:url(../images/detail_int_bottom.jpg) no-repeat 0 0; width:382px; height:18px; line-height:0.1em;}
#sche{ position:relative;}
#sche h5{ position:absolute; left: 205px; top: 82px; font-size:11px; color:#666; z-index:500; }
#work{ width:738px; height:111px; padding:50px 0 0 190px; background:url(../images/detail_sche_bg.jpg) no-repeat 0 0; position:relative;}
#work li{ width:116px; text-align:center; float:left;}
#work li p{ font-size:14px; color:#666;}
#work li p.weekday{ padding-bottom:10px; font-size:16px; color:#96964E;}
#work li p.sat{ padding-bottom:10px; font-size:16px; color:#006699;}
#work li p.sun{ padding-bottom:10px; font-size:16px; color:#CC0000;}
.first_date{ width:145px !important; position:absolute; text-align:center; left: 39px; top: 25px;}
.first_date p{ font-size:20px !important; font-weight:bold; color:#665A31; padding-bottom:15px; }
.first_time{ font-size:16px; font-weight:normal; color:#666; }

/*ランキングページ*/
#main_inner.onecl h3.ranking{ padding:25px 20px 0 208px; height:55px; background:url(../images/ranking_one.jpg) no-repeat 10px 0; font-size:16px; font-weight:bold; color:#453E38; clear:left;}
.ranking_box{ width:855px; padding:0 0 0 40px;}
.ranking_cast{ padding:0 5px 35px 5px; width:161px; min-height:265px; height: auto !important; height: 265px; position:relative; float:left;}
.ranking_cast p{ padding:5px 0 0 0;}
.ranking_cast span{ width:161px; height:265px; position:absolute; top:0; left:0; text-decoration:none; cursor:pointer;}
.ranking_cast span.rank001{ background:url(../images/rank001.png) no-repeat 0 0; }
.ranking_cast span.rank002{ background:url(../images/rank002.png) no-repeat 0 0; }
.ranking_cast span.rank003{ background:url(../images/rank003.png) no-repeat 0 0; }
.ranking_cast span.rank004{ background:url(../images/rank004.png) no-repeat 0 0; }
.ranking_cast span.rank005{ background:url(../images/rank005.png) no-repeat 0 0; }
.ranking_cast dl{ width:100%; text-align:center; padding:40px 0 0 0;}
.ranking_cast dt{ font-size:12px; margin:0 10px 0 10px; font-weight:bold; color:#524115; border-bottom:1px solid #EDE0D6; line-height:2em;}
.ranking_cast dd{ font-size:11px; color:#999; line-height:2em;}
.ranking_cast dt a{ display:block;}
.ranking_cast dt img{ vertical-align:middle;}
.ranking_cast dt a:link{ color:#524115; text-decoration:none;}
.ranking_cast dt a:visited{ color:#524115; text-decoration:none;}
.ranking_cast dt a:hover{ color:#524115; text-decoration:none; background:#EAE8E3;}
.ranking_cast p a:hover img{ opacity: 0.8; filter: alpha(opacity=80);}

/*メールマガジン*/
body#mail{ background:url(../images/mail_bg.gif) repeat #F5F4EC; height:100%;}
body#mail h1{ text-align:center;}
#mail_body{ width:623px; margin:0 auto; border-left:1px solid #E4E4E4; border-right:1px solid #E4E4E4; background:#FFF;}
#mail_body_bottom{ width:625px; margin:0 auto; padding:35px 0 0 0; background:url(../images/mail_bottom.jpg) no-repeat 0 0;}
#mail_body ul{ margin:0 25px;}
#mail_body li{ padding:5px 0 5px 15px; font-size:16px; border-bottom:1px dotted #CCC; color:#666; background:url(../images/mail_dot.jpg) no-repeat 0 10px;}
#mail_body_bottom li{ padding:0 15px 5px 0; margin-left:30px; font-size:10px; list-style:outside; color:#666;}

/*アクセス*/
#map_r{ float:right; width:270px; padding:0 25px 0 0 ; position:relative; height:439px;}
#map_r li{ font-size:14px; padding:10px 0; border-bottom:1px dotted #CCC; color:#666;}
#more_map{ width:261px; height:74px; position:absolute; bottom:30px; left: 0px; }

/*リクルート*/
#rec_box{ padding:0 25px;}
#rec_box p{ color:#333; padding:0 0 18px 18px; font-size:13px;}
#rec_box h3{ font-size:26px; color:#FF0066; padding:0 0 15px 18px;}
#paid{ margin:0 0 0 15px; border-collapse:collapse;}
#paid th,#paid td{ border-bottom:1px dotted #CCC; padding:10px 10px; line-height:1.5em;}
#paid th{ border-right:2px solid #F5E8BC; color:#5E3E0D;}
#paid td{ color:#666;}
#paid caption{ padding:25px 20px 0 215px; height:65px; font-size:18px; font-weight:bold; color:#453E38; background:url(../images/rec_cap.jpg) no-repeat 0 0;}
#oubo{ margin-left:15px; width:860px; height:268px; background:url(../images/mail_oubo.jpg) no-repeat 0 0; position:relative;}
#oubo p{ position:absolute; left: 50px; top: 145px; font-size:15px; color:#666; line-height:2em; }
#oubo a:link{ color:#666; text-decoration:underline;}
#oubo a:visited{ color:#666; text-decoration:underline;}
#oubo a:hover{ color:#666; text-decoration:none;}


/*indexサイド ランキング*/
#index_ranking{ width:261px; background:url(../images/index_ranking_middle.jpg) repeat-y 0 0;}
.index_rnkg_cast{ padding:0 0 22px 30px; position:relative; width:231px}
.index_rnkg_cast .cast_pro{ float:right; width:95px; padding:50px 30px 0 0;}
.index_rnkg_cast .cast_pro p{ text-align:center; font-weight:bold; font-size:12px; color:#524115; font-weight:bold; padding:0 0 5px 0; border-bottom:1px solid #EDE0D6; margin-bottom:7px;}
.index_rnkg_cast .cast_pro li{ font-size:10px; color:#999; padding-bottom:5px;}
.index_rnkg_cast .castfm{ position:relative; width:95px;}
.index_rnkg_cast .castfm span{ width:105px; height:150px; position:absolute; top:-4px; left:-5px; z-index:100; cursor:pointer;}
.index_rnkg_cast .castfm span.no1{ background:url(../images/index_ranking001_waku.png) no-repeat 0 0;}
.index_rnkg_cast .castfm span.no2{ background:url(../images/index_ranking002_waku.png) no-repeat 0 0;}
.index_rnkg_cast .castfm span.no3{ background:url(../images/index_ranking003_waku.png) no-repeat 0 0;}
.index_rnkg_cast .castfm span.no4{ background:url(../images/index_ranking004_waku.png) no-repeat 0 0;}
.no{ position:absolute; width:118px; height:58px; z-index:150; left: 112px; top: -14px; }
#inrkend{ width:261px; height:27px; background:url(../images/index_ranking_bottom.jpg) no-repeat 0 0;}
.index_rnkg_cast .castfm a span{ text-decoration:none;}
.index_rnkg_cast .castfm a:hover img{ opacity: 0.8; filter: alpha(opacity=75);}

/**/
#system_body{ width:928px; height:1483px; background:url(../images/system_body_bg.jpg) no-repeat 0 0; position:relative;}
#system_body_demo{ width:928px; height:1483px; background:url(../images/system_body_bg_demo.jpg) no-repeat 0 0; position:relative;}

#s_str001{ width:563px;position:absolute;left: 338px; top: 8px;}
#s_str001 p{ padding-bottom:4px; font-size:12px; color:#666;}
#s_str002{ width:459px; position:absolute; left: 42px; top: 593px; }
#s_str002 p{ padding-bottom:7px; font-size:14px; color:#333; line-height:1.5em;}



/*フッタナビ*/
#foot_bn{ clear:both; width:921px;}
#foot_bn dt{}
#foot_bn li,#foot_bn dd{ display:inline;}

/*フッタ*/
#footer{ width:100%; background:url(../images/bottom_bg.jpg) repeat-x;}
#footer_inner{ width:901px; height:100px; position:relative; margin:0 auto; padding:31px 10px 0 10px;}
#footer_inner ul{ width:901px; text-align:right;}
#footer_inner ul li{ display:inline; color:#796261; font-size:8px; border-right:1px solid #796261; padding:0 3px;}
#footer_inner ul li a:link{ color:#796261; text-decoration:none;}
#footer_inner ul li a:visited{ color:#796261; text-decoration:none;}
#footer_inner ul li a:hover{ color:#796261; text-decoration:underline;}
#foot_logo{ width:200px; height:59px; position:absolute; top:12px; left:9px;}
#copyright{ text-align:center; font-size:10px; color:#666; padding-top:50px;}
#to_top{ width:125px; height:25px; position:absolute; bottom:0; right:20px; }


.clear { clear:both; }  
.clear hr { display:none; }

/*

<div class="clear"><hr /></div> 

*/