@charset "utf-8";
/*
=============================================================

	ススキノトゥナイト　スタイルシート

	ファイル名: _shoppage.css
	作成日: 2009/8/13
	作成者: y.wakasugi
	概要:
	　1.店舗ページ関連のスタイルを定義

	目次:
	　1. コンテンツの枠
	　2. 店舗ページトップ
	　3. 店舗ページメニュー
	　4. 在籍女性一覧
	　5. 女性詳細

=============================================================
*/


/*
-------------------------------------------------------------
	0. 共有スタイルの読み込み
-------------------------------------------------------------
*/
@import "common-style.css";

/*
-------------------------------------------------------------
	0. #mainfieldの再設定
-------------------------------------------------------------
*/
#mainfield
{
	float: none !important; /* floatの設定を無効化 */
	margin-right: auto;
	margin-left: auto;
}

/*
-------------------------------------------------------------
	1. コンテンツの枠
-------------------------------------------------------------
*/

/*
#mainfield div
{
	border: 1px solid #000;
	margin-bottom: 10px;
}
#sidebar div
{
	border: 1px solid #000;
}
*/
#container { background-color: #fff; }

/*
-------------------------------------------------------------
	2. 店舗ページトップ
-------------------------------------------------------------
*/
/*
	店舗ページ・コンテンツのボックススタイル
*/
#shoppage div#checkpoint,
#shoppage div#girlsinformation,
#shoppage div#livenews,
#shoppage div#mbinfo,
#shoppage div#pricesystem,
#shoppage-girlslist div#girlslist,
#shoppage-recruit div#recruit
{
	width: 95%;
	border: 1px solid #dc002e;
	margin: 15px auto;
	clear: both;
}
#shoppage div#checkpoint h3,
#shoppage div#girlsinformation h3,
#shoppage div#livenews h3,
#shoppage div#mbinfo h3,
#shoppage div#pricesystem h3,
#shoppage-girlslist div#girlslist h3,
#shoppage-recruit div#recruit h3
{
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	background-color: #dc002e;
	padding: 5px 15px;
}

/* キャッチコピー */
#catchcopy
{
	background: #de002e;
	font-size: 1.2em;
	color: #fff;
	padding: 5px 30px;
	font-weight: bold;
}

/* 店舗基本情報 */
#shopdetail
{
	width: 95%;
	margin: 20px auto;
}
#shopdetail table
{
	width: 50%;
	float: left;
}
* html #shopdetail table { width: 49%; } /*IE6対策*/
*:first-child+html #shopdetail table { width: 49%; } /*IE7対策*/
#shopdetail table.shopdata
{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
#shopdetail table.shopdata th,
#shopdetail table.shopdata td
{
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
#shopdetail table.shopdata th
{
	background: #e7e1a3;
	padding: 5px 10px;
	font-weight: bold;
}
#shopdetail table.shopdata th.shopname
{
	background: none;
	font-size: 1.4em;
}
#shopdetail table.shopdata td
{
	width: 80%;
	padding-left: 10px;
}


/* ここがポイント */
#shoppage #checkpoint p
{
	margin: 5px 30px;
}

/*
	「ここがポイント」
	「携帯でチェック」
	段組のスタイル
*/
#shoppage .column
{
	width: 95%;
	margin: 0 auto 15px;
}
#shoppage .column #checkpoint,
#shoppage .column #mbinfo
{
	width: 48.7%;
	float: left;
	clear: none;
}
#shoppage .column #checkpoint { margin-right: 17px; }
#shoppage .column #mbinfo table
{
	margin: 5px 15px;
}
#shoppage .column #mbinfo table .qr { text-align: center; padding: 0 20px; }
#shoppage .column #mbinfo table .email { width: 160px; }
#shoppage .column #mbinfo table p { color: #999; font-size: 0.8em; }


/* ガールズピックアップ */
#shoppage #girlsinformation table{ float: left; margin: 15px 11px; }
#shoppage #girlsinformation td{ vertical-align: top; }
/*#shoppage #girlsinformation .no1 .profile { width: 4em; font-size: 1.1em; }*/
#shoppage #girlsinformation .no1 th { background-color: #f1f0dc; }
#shoppage #girlsinformation .no1 .profile { width: 100px; font-size: 1.1em; }
#shoppage #girlsinformation .no1 .profile p { margin-bottom: 5px; }
#shoppage #girlsinformation .no1 .profile .name { font-size: 1.2em; }
#shoppage #girlsinformation .no1 .img,
#shoppage #girlsinformation .no1 img { width: 200px; }
#shoppage #girlsinformation .pickup { height: 20em; }
#shoppage #girlsinformation .pickup td{ text-align: center; }
#shoppage #girlsinformation table img { border: 1px solid #666; }


/* リアルタイム速報 */
#shoppage #livenews
{
	clear: both;
}
#shoppage #livenews dl
{
	/*margin: 15px;*/
	padding: 15px;
	height: 200px;
	overflow: auto;
}
#shoppage #livenews dl dt
{
	color: #f00;
	font-weight: bold;
}
#shoppage #livenews dl dd { margin-top: 5px; }
#shoppage #livenews dl dd.subject
{
	font-size: 1.4em;
	font-weight: bold;
	color: #00f;
}
#shoppage #livenews dl dd.image img { margin-right: 15px; border: 1px solid #ccc; }
#shoppage #livenews dl dd.news-body{	margin-bottom: 15px; }


/* 料金システム */
#shoppage #pricesystem dl
{
	width: 46%;
	float: left;
	margin: 15px;
}
#shoppage #pricesystem dt
{
	font-size: 1.3em;
	font-weight: bold;
	color: #f00;
	margin-bottom: 5px;
}
#shoppage #pricesystem dt:before { content: "■"; }

#shoppage #pricesystem .price dd { margin-bottom: 10px; }
#shoppage #pricesystem .price table
{
	width: 350px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
#shoppage #pricesystem .price table th { width: 100px; }
#shoppage #pricesystem .price table td { text-align: right; }
#shoppage #pricesystem .price table th,
#shoppage #pricesystem .price table td
{
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

/* 料金システム-割引チケット */
#shoppage #pricesystem .system-coupon table
{
	width: 382px;
	border: 1px solid #000;
}
#shoppage #pricesystem .system-coupon table th,
#shoppage #pricesystem .system-coupon table td
{
	padding: 5px;
}
#shoppage #pricesystem .system-coupon table thead th
{
	background-color: #dc002e;
	border-bottom :1px solid #000;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
#shoppage #pricesystem .system-coupon table thead td strong{ font-size: 1.3em; }
#shoppage #pricesystem .system-coupon table tfoot td { text-align: center; }
#shoppage #pricesystem .system-coupon table tbody td
{
	font-size: 1.3em;
	font-weight: bold;
	color: #f00;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 45px;
	background: url("../img/shop/ticket_logo.jpg") no-repeat right bottom;
}
#shoppage #pricesystem .system-coupon .first
{
	margin-bottom: 15px;
}

/*
-------------------------------------------------------------
	3. 店舗ページメニュー
-------------------------------------------------------------
*/
#shoppagemenu
{
	height: 27px;
	/*border: 1px solid #ccc;*/
	background: url("../img/navigation/gnav_wall.jpg") repeat-x left top;
	vertical-align: middle;
	padding: 1px 0;
	margin-top: 10px;
	clear: both;
}
#shoppagemenu ul { margin-top: 6px; }
#shoppagemenu ul li {
	border-right: 1px solid #000;
	padding: 0 10px;
	display: inline-block;
	display: -moz-inline-box;  /* FireFox2以前 */
	/display: inline;  /* IE向け */
	/zoom: 1;   /* IE向け */
}
#shoppagemenu a
{
	display: block;
	height: 12px;
	background-image: url("../img/navigation/shopnav.png");
	background-repeat: no-repeat;
	float: left;
	margin-right: 5px;
}
#shoppagemenu a:hover { text-decoration: none; }
	#shoppagemenu a span { visibility: hidden; }
/*店舗ページトップ*/
	#shoppagemenu li.shop-top a { background-position: 0 -15px; width: 69px; }
	#shoppagemenu li.shop-top a:hover { background-position: 0 0px; }
/*女性一覧*/
	#shoppagemenu li.shop-cast a { background-position: -78px -15px; width: 49px; }
	#shoppagemenu li.shop-cast a:hover { background-position: -78px 0; }
/*料金システム*/
	#shoppagemenu li.shop-system a { background-position: -142px -15px; width: 54px; }
	#shoppagemenu li.shop-system a:hover { background-position: -142px 0; }
/*クーポン*/
	#shoppagemenu li.shop-coupon a { background-position: -212px -15px; width: 53px; }
	#shoppagemenu li.shop-coupon a:hover { background-position: -212px 0; }
/*リアルタイム速報*/
	#shoppagemenu li.shop-livenews a { background-position: -280px -15px; width: 108px; }
	#shoppagemenu li.shop-livenews a:hover { background-position: -280px 0; }
/*動画日記*/
	#shoppagemenu li.shop-diary a { background-position: -417px -15px; width: 69px; }
	#shoppagemenu li.shop-diary a:hover { background-position: -417px 0; }
/*動画日記*/
	#shoppagemenu li.shop-recruit a { background-position: -510px -15px; width: 56px; }
	#shoppagemenu li.shop-recruit a:hover { background-position: -510px 0; }
*:first-child+html #shoppagemenu a { height: 14px; } /*IE7対策*/
html>/**/body #shoppagemenu a { height /*\**/: 14px\9; } /*IE8対策*/

/*
-------------------------------------------------------------
	4. 在籍女性一覧
-------------------------------------------------------------
*/
#shoppage-girlslist #girlslist { padding-bottom: 10px; }
#shoppage-girlslist #girlslist table
{
	border: 1px solid #000;
	float: left;
	margin-top: 10px;
	margin-left: 11px;
}
#shoppage-girlslist #girlslist table.new,
#shoppage-girlslist #girlslist table.newup
{
	background-color: #daf7fe;
}
#shoppage-girlslist #girlslist table.up { background-color: #ffd9e4; }
#shoppage-girlslist #girlslist table td { padding: 5px; }
/*#shoppage-girlslist #girlslist table td.flag { color: #f00; font-weight: bold; text-align: right; font-variant: small-caps; font-size: 1.2em; }*/
#shoppage-girlslist #girlslist table.new .flag
{
	background-image: url("../img/shop/flag_new.gif");
	background-repeat: no-repeat;
	background-position: 85px 0;
	height: 13px;
}
#shoppage-girlslist #girlslist table.up .flag
{
	background-image: url("../img/shop/flag_up.gif");
	background-repeat: no-repeat;
	background-position: 97px 0;
	height: 13px;
}
#shoppage-girlslist #girlslist table.newup .flag
{
	background-image: url("../img/shop/flag_newup.gif");
	background-repeat: no-repeat;
	background-position: 55px 0;
	height: 13px;
}
#shoppage-girlslist #girlslist table img { border: 1px solid #ccc; margin: 5px; width: 100px; height: 150px; }



/*
-------------------------------------------------------------
	5. 女性詳細
-------------------------------------------------------------
*/
#shoppage-girldetail #girldetail { margin: 15px; clear: both; }
#shoppage-girldetail #girldetail img { border: 1px solid #999; }
#shoppage-girldetail #girldetail dl { float: right; width: 50%; }
#shoppage-girldetail #girldetail dl .photo { float: left; }
/* 女の子データブロック */
#shoppage-girldetail #girldetail dl dt { font-size: 1.4em; font-weight: bold; }
#shoppage-girldetail #girldetail dl dd table { border-top: 1px solid #000; width: 100%; }
#shoppage-girldetail #girldetail dl dd table th,
#shoppage-girldetail #girldetail dl dd table td
{
	padding: 5px;
}
#shoppage-girldetail #girldetail dl dd table th
{	
	font-weight: bold;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	width: 30%;
}
#shoppage-girldetail #girldetail dl dd table td { border-bottom: 1px solid #000; }
/* ブログ一覧 */
#shoppage-girldetail #girldetail dl dd table td.blog li
{
	border: 1px solid #666;
	padding: 2px;
	float: left;
	margin: 5px;
}
#shoppage-girldetail #girldetail dl dd table td.blog li img { width: 75px; }
#shoppage-girldetail #girldetail dl dd table td.blog li span { color: #f00; font-weight: bold; }
/* 女の子写真・サムネイルブロック */
#shoppage-girldetail #girldetail dl dd.thumbnails img { width: 30px; margin: 4px 3px; cursor: pointer; } /* サムネイルのサイズを変更 */
#shoppage-girldetail #girldetail .photo { text-align: center; }

/* DW対策 */
#shoppage-girldetail #fnav { clear: both; }

/* 女の子日記タブ */
.gditailtabs { border-bottom: 3px solid #dd002d; margin: 5px 0; clear: both; }
.gditailtabs ul { margin-left: 30px; }
.gditailtabs li
{
	width: 120px;
	text-align: center;
	background-color: #ffc6d3;
	color: #fff;
	padding: 3px 0;
	float: left;
	margin-right: 5px;
}
.gditailtabs li.active { background-color: #de002e; }
.gditailtabs li a { color: #fff; }


/*
-------------------------------------------------------------
	6. 女の子日記本文ページ
-------------------------------------------------------------
*/
#shoppage-girldiarybody #diarydetail { clear: both; }
#shoppage-girldiarybody #diarydetail .girldata { width: 30%; float: left; }
#shoppage-girldiarybody #diarydetail .diarybody { width: 70%; float: left; }
#shoppage-girldiarybody #diarydetail .girldata dl
{
	border: 1px solid #fda6ab;
	margin-bottom: 10px;
	margin-left: 30px;
}
#shoppage-girldiarybody #diarydetail dl dt { font-weight: bold; color: #fff; padding: 5px 15px; }
#shoppage-girldiarybody #diarydetail .girldata dl dt
{
	background-color: #fda6ab;
	text-align: center;
}
#shoppage-girldiarybody #diarydetail .girldata dl dd { padding: 3px; }

#shoppage-girldiarybody #diarydetail .diarybody dl
{
	border: 1px solid #dd002d;
	margin-left: 10px;
	margin-right: 30px;
}
#shoppage-girldiarybody #diarydetail .diarybody dl dt
{
	background-color: #dd002d;
}
#shoppage-girldiarybody #diarydetail .diarybody dl dd { padding: 5px 15px; }
#shoppage-girldiarybody #diarydetail .diarybody dl dd.date
{
	color: #dd002d;
	font-weight: bold;
}

#shoppage-girldiarybody #diarydetail .paging
{
	clear: both;
	width: 93%;
	margin: 0 30px;
}
#shoppage-girldiarybody #diarydetail .paging .next { text-align: right; }



/*
-------------------------------------------------------------
	6. 日記一覧
-------------------------------------------------------------
*/
#diarylist
{
	clear: both;
	margin: 0 30px;
}
#diarylist dl
{
	width: 18%;
	margin: 5px;
	float: left;
	overflow: hidden;
}
#shoppage-girldiarylist #diarylist dl { height: 163px; }
#shoppage-shopdiarylist #diarylist dl { height: 163px; }
#diarylist dl.photodiary { border: 2px solid #f659b4; }
#diarylist dl.moviediary { border: 2px solid #aaede4; }
#diarylist dl dt,
#diarylist dl dd
{
	padding: 2px 5px;
}
#diarylist dl dt
{
	color: #f00;
	font-weight: bold;
}
#diarylist dl dt img
{
	border: 0;
	margin-left: 5px;
}
#diarylist dl dd { text-align: center; }
#diarylist dl img { border: 2px solid #f659b4; }




/*
-------------------------------------------------------------
	7. 求人情報
-------------------------------------------------------------
*/
#shoppage-recruit div#recruit table
{
	width: 96%;
	margin: 15px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}
#shoppage-recruit div#recruit table th { width: 22%; }
#shoppage-recruit div#recruit table th,
#shoppage-recruit div#recruit table td
{
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	padding: 3px;
}

#shoppage-recruit div#recruit p
{
	margin: 15px;
	color: #f00;
	font-weight: bold;
}


/*
-------------------------------------------------------------
	8. 割引チケット
-------------------------------------------------------------
*/

#ticket #wrapper
{
	border: 1px solid #dc002e;
	font-size: 13px;
	width: 300px;
	margin: 0 auto;
}
#ticket #wrapper table
{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-collapse: collapse;
}
#ticket #wrapper table th,
#ticket #wrapper table td
{
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
#ticket #wrapper table th { text-align: right }

#ticket #wrapper .print { margin: 15px 0; text-align: center; }
#ticket #wrapper h1
{
	background: #dc002e;
	color: #fff;
	font-size: 16px;
	margin: 0;
	padding: 0;
}
#ticket #wrapper table,
#ticket #wrapper p,
#ticket #wrapper div,
#ticket #wrapper address
{
	margin: 10px;
}

#ticket #wrapper .limit { color: #f00; font-weight: bold; }
#ticket #wrapper address { text-align: center; }
#ticket #wrapper button { display: block; margin: 0 auto; }
#ticket #wrapper .ticketbody { margin: 20px; }