@charset "UTF-8";
/* ショップページ */

/*--------------------------------------------------------------
ショップページメイン
--------------------------------------------------------------*/
#shop_info{
	width:910px;
	height:auto;
}
#shop_navi{
	margin:10px 10px 0 20px;
}
#shop_navi ul{
	width: 174px;
	min-height:295px;
	}
#shop_navi li a{
	background-image:url(/images/navi_shop.gif);
	background-repeat:no-repeat;
	width:174px;
	height:38px;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	}
#shop_navi li.s01 a{ background-position: 0 0;}
#shop_navi li.s02 a{ background-position: 0 -38px;}
#shop_navi li.s03 a{ background-position: 0 -76px;}
#shop_navi li.s04 a{ background-position: 0 -114px;}
#shop_navi li.s05 a{ background-position: 0 -152px;}
#shop_navi li.s06 a{ background-position: 0 -192px; height:105px;}
#shop_navi li.s07 a{ background-position: 0 -297px;}
#shop_navi li.s08 a{ background-position: 0 -335px;}

#shop_navi li.s01 a:hover, #shop_navi li.s01 a:active { background-position: -174px 0;}
#shop_navi li.s02 a:hover, #shop_navi li.s02 a:active { background-position: -174px -38px;}
#shop_navi li.s03 a:hover, #shop_navi li.s03 a:active { background-position: -174px -76px;}
#shop_navi li.s04 a:hover, #shop_navi li.s04 a:active { background-position: -174px -114px;}
#shop_navi li.s05 a:hover, #shop_navi li.s05 a:active { background-position: -174px -152px;}
#shop_navi li.s06 a:hover, #shop_navi li.s06 a:active { background-position: -174px -192px;}
#shop_navi li.s07 a:hover, #shop_navi li.s07 a:active { background-position: -174px -297px;}
#shop_navi li.s08 a:hover, #shop_navi li.s08 a:active { background-position:  0px -335px;}
a.s07{
	margin-top:20px;
	display:block;
	text-indent: -999em;
	overflow: hidden;
	background: url(/images/btn_interview_01.gif) no-repeat;
	width:174px;
	height:38px;
}
a.s07:hover{ background-position: 0 -38px;}
#shop_navi.left div div {
    color: #999999;
	font: 10px/150% monospace;
    padding: 0 0 1px;
    margin-bottom:10px;
    text-align: left;
}
#shop_navi.left div div a{
    color: #FFFFFF;
    font: 12px/110% monospace;
    text-align: left;
    vertical-align: top;
}
#shop_navi.left div{
    width: 170px;
}
#info_right{
	margin-top:10px;
	margin-right:10px;
	width:700px;
}
#info_right{
	margin-top:10px;
	width:685px;
}
#info_right img.top_header{
	border:solid 1px;
	margin-bottom:10px;
}
#info_right h2{
	clear: both;
	background: url(/images/title_bg_04.gif) no-repeat;
	height: 28px;
	font-size: 100%;
	font-weight: bold;
	line-height: 28px;
	overflow: hidden;
	padding-left:25px;
	margin-bottom:10px;
    margin-top:10px;
}
#right_info{
	height:140px;
	padding-right:10px;
	margin-bottom:5px;
}
#right_info h3{
	font-size:15px;
	margin-left:220px;
	margin-bottom:5px;
	padding-left:5px;
	border-bottom:1px solid;
}
#right_info ul{
	display:block;
	margin-left:220px;
	font-size:12px;
	line-height:normal;
}
#right_info ul li{
	padding-left:5px;
}
#right_info ul li.intro{
    padding-bottom:10px;
}
#right_info img{
	width:200px;
	margin:14px 10px 0;
	float:left;
}
#number_list{
	width:100px;
	height:220px;
	margin-top:5px;
	margin-left:10px;
	margin-right:25px;
	font-size:9px;
	line-height:1.6em;
	float:left
}
#number_list span{
	padding-top:6px;
	font-size:12px;
}
#number_list img.staff1{
	margin-bottom:5px;
	border:2px solid #FF0;
}
#number_list img.staff{
	margin-bottom:5px;
	border:2px solid #FFF;
}

#number_list img.number1{
	width:14px;
	padding-right:3px;
	height:30px;
	padding-bottom:20px;
	float:left;
}
#staff_list{
	font-size:10px;
	line-height:1.6em;
}
#staff_list li{
	margin:10px 20px 15px 20px;
	float:left;
}
#staff_list li img{
	border:solid 1px #FFF;
}

#system{
	margin-bottom:20px;
	padding-left:15px;
	padding-right:15px;
	font-size:12px;
}
#system dt{
	margin-bottom:5px;
}
#system dd{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #333;
}
#shop_ph dt {
	float:left;
	margin:0 10px 15px 10px;
}
#shop_ph dd {
	margin-right:6px;
	margin-bottom:6px;
	float:left;
}
p.map{
	margin-left:10px;
	margin-bottom:10px;
	font-size:12px;
}

/*--------------------------------------------------------------
割引特典
--------------------------------------------------------------*/
#privilege{
	padding-right:20px;
}
#privilege img{
	border:solid 1px ;
	margin-right:20px;
	float:left;
}
#privilege p{
	font-size:12px;
	display:block;
	margin-left:270px;
}
/*--------------------------------------------------------------
イベントカレンダー
--------------------------------------------------------------*/
#calender{
	font-size:12px;
	padding-right:20px;
	line-height:2em;
}
#calender dt{
	float:left;
	width:100px;
	border-right: solid 1px #333;
	margin-left:10px;
	margin-right:20px;
}
/*--------------------------------------------------------------
ブログ
--------------------------------------------------------------*/
#blog_list{
	position:relative;
	border: solid 1px;
	width:678px;
	/*height:178px;*/
	margin-bottom:15px;
}
#blog_list img{
	display:block;
	position: absolute;
	top:10px;
	left:10px;
}
#blog_list div {
	margin:10px 10px 10px 185px;
	padding:15px;
	/*height:126px;*/
	border:solid 1px;
}

div.blog-box02 {
	width:678px;
	border: 1px solid ;
	position: relative;
	margin-top: 10px;
	margin-bottom:15px;
}

div.blog-box02 dl.article {
	padding: 10px;
}

div.blog-box02 dl.article dt {
	padding: 5px 10px 5px;
	font-size: 10pt;
	background-color: #222;
	position: relative;
}

div.blog-box02 dl.article dt a{
	font-size: 12pt;
	padding-left: 10px;
}

div.blog-box02 dl.article dt span.date {
	font-size: 10pt;
	display: block;
	position: absolute;
	right: 10px;
	bottom: 5px;
}

*html div.blog-box02 dl.article dt span.date {
	position: static;
	text-align: right;
	margin-top: -1em;
}

*+html div.blog-box02 dl.article dt span.date {
	position: static;
	text-align: right;
	margin-top: -1em;
}

div.blog-box02 dl.article dd {
	font-size: 10pt;
	padding: 10px;
	position: relative;
	margin-bottom: 15px;
}

div.blog-box02 dl.article dd a.blog-link {
	position: absolute;
	bottom: 5px;
	right: 10px;
	display: block;
}

*+html div.blog-box02 dl.article dd a.blog-link {
	position: static;
	text-align: right;
}

*html div.blog-box02 dl.article dd a.blog-link {
	position: static;
	text-align: right;
}


/*--------------------------------------------------------------
ホスト求人
--------------------------------------------------------------*/
table.recruit-info {
	border: 1px solid;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 14px;
	width: 678px;
}
table.recruit-info th {
	border: 1px solid;
	border-right: none;
	width: 180px;
	padding: 10px 0 10px 0;
	background-color:#333;
	vertical-align: middle;
	text-align:center;
}
table.recruit-info td {
	border: 1px solid;
	padding: 10px 15px 10px 20px;
}
table.recruit-info td.sendbtn {
	text-align: center;
}
table.recruit-info td.sendbtn input {
	text-align: center;
}
table.recruit-info p {
	padding-bottom: 10px;
}
table.recruit-info img {
	padding-right: 5px;
}

/*--------------------------------------------------------------
スタッフデータ
--------------------------------------------------------------*/
#staff{
	margin-bottom:10px;
}
#staff img{
	border:solid 1px ;
	margin-right:20px;
	float:left;
}
#staff-sub img{
    border:solid 1px ;
    margin-right:20px;
    float:left;
}
div.staff-data {
	margin-left:270px;
	width:400px;
}
div.staff-data div:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
div.staff-data strong {
	border-bottom: 1px solid ;
	display: block;
}


div.staff-data dl.l,
div.staff-data dl.r {
	font-size: 12px;
	float: left;
	width: 140px;
	margin-right:18px;
}
div.staff-data dl.l dt,
div.staff-data dl.r dt,
dl.msg dt {
	padding-top: 4px;
}
div.staff-data dl.l dd,
div.staff-data dl.r dd,
dl.msg dd {
	padding-top: 3px;
	color:#CCC;
}
dl.msg {
	clear: both;
	_margin-top: 260px;
	margin-top: 5px;
}

/* ナンバーリスト */
table.no-staff-list {
	border:0px;
	cellpadding:0px;
	cellspacing:0px;
    text-align:left;
	margin:0 auto;
	margin-top:15px;
	padding-bottom:10px;
	font-size: 10px;
	line-height:1.2em
}
table.no-staff-list  tr td{
	vertical-align: top;
}
table.no-staff-list  tr td.padding{
	width: 15px;
}
table.no-staff-list tr td a div span.post{
	text-align: left;
	z-index: 0;
	text-decoration: underline;
	width: 100px;
	float: left;
}
table.no-staff-list tr td a div p.new{
	color: red;
}
table.no-staff-list tr td a div span.rank{
	float: right ;
	margin-right: 8px;
	vertical-align: top;
	width: 23px
}


table.no-staff-list tr td a div img.thum{
	display: block;
	margin-bottom: 2px;
	border: 2px solid;
}

/*ul.no-staff-list {
    text-align:center;
	margin:0 auto;
	height: 185px;
	padding-bottom:10px;
}
ul.no-staff-list li {
	display:inline-block;
	width:130px;
	height: 185px;
	_height: 185px;
	position:relative;
	/display:inline;
	/zoom:1;
}
ul.no-staff-list li img {
	border:solid 2px ;
}
ul.no-staff-list li a img.no {
	background: transparent;
	position: absolute;
	border:none;
	right:0px;
	top:145px;
	display: inline;
	z-index: 5;
}
ul.no-staff-list li a span.name{
	font-size: 10px;
	float: left;
	width: 105px;
	line-height:1.2em;
	margin-left:7px;
	display: block;
	text-align: left;
	z-index: 0;
	text-decoration: underline;
}
ul.no-staff-list li a{
	text-align:left;
}
ul.no-staff-list li a span.name img {
	display: block;
    margin-bottom:2px;
}
*/
/* スタッフリスト */
table.staff-list {
	border:0px;
	cellpadding:0px;
	cellspacing:0px;
    text-align:left;
	margin:0 auto;
	margin-top:10px;
	padding-bottom:10px;
	font-size: 10px;
	line-height:1.2em
}
table.staff-list  tr td{
	vertical-align: top;
	width:96px;
}

table.staff-list tr td a div.post{
	text-align: center;
	z-index: 0;
	text-decoration: underline;
	width: 92px;
	float: left;
}
table.staff-list tr td a div p.new{
    color: red;
}
table.staff-list tr td a div img.thum{
	display: block;
	margin-bottom: 2px;
	border: 2px solid;
}

/*ul.staff-list {
	height: 130px;
	_height: 130px;
	text-align: center;
}
ul.staff-list li {
	display:inline-block;
	padding-top:5px;
	text-align: center;
	line-height:1.0em;
	width: 92px;
	height: 130px;
	_height: 130px;
	position: relative;
	/display:inline;
	/zoom:1;
}
ul.staff-list li div{
	float: left;
	height: 130px;
    display:block;
    width: 100%;
    text-align: center;
}
ul.staff-list li a img {
    margin-top: 15px;
	width: 49px;
	height: 69px;
	border:solid 1px;
	position: relative;
}
ul.staff-list li a{
	text-align:center;
}
ul.staff-list li a span.post{
	display: block;
	font-size: 10px;
	text-decoration: underline;
    line-height:1.4em;
}
ul.staff-list li a span.name{
	display: block;
	font-size: 11px;
	text-decoration: underline;
}
ul.staff-list li a p.new {
	font-size: 80%;
	color: #cc0000;
	position: absolute;
	left: 35px;
}
*/
/* イベント一覧画面ポップアップ表示*/
.popup a:hover{ /*マウスが乗ったら*/
        position: relative;
        top: 0px; left: 0px;
}
.fukidasipop{
	position: absolute;
	top:31px;left:30px;
	display:none;
	width : 324px;
    font-weight : bold;
	color:#000000;
	background-image:url(/img/event/pop.png);
	text-decoration:none;
}
.fukidasipop_top{
	position: absolute;
	top:17px; left:20px;
	display:none;
	height:14px;
	width : 334px;
	background-image:url(/img/event/pop_top.png);
}
.fukidasipop_bottom{
	position: absolute;
	left:20px;
	display:none;
	height:8px;
	width : 334px;
	background-image:url(/img/event/pop_bottom.png);
}
.fukidasipop_edge{
	position: absolute;
	top:31px;left:20px;
	display:none;
	width : 10px;
	background-image:url(/img/event/pop.png);
}
a:hover .fukidasipop {
    display: block; /*ブロック要素で表示*/
}
a:hover .fukidasipop_top {
    display: block; /*ブロック要素で表示*/
}
a:hover .fukidasipop_bottom {
    display: block; /*ブロック要素で表示*/
}
a:hover .fukidasipop_edge {
    display: block; /*ブロック要素で表示*/
}