@charset "utf-8";

/* ---- SpaceGirls CSS Contents

1. 初期設定(リセット・基本・レイアウト)
2. 各店共通クラス郡(マージン、フォント等)
3. 各店共通スタイル郡
---- */


/*:1 初期設定:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/* 1-1.Reset
----------------------------------------------- */
body, div, h1, h2, h3, h4, h5, p, dl, dt, dd, ul, li, form, input {
	margin: 0;
	padding: 0;
}

ul {
	list-style:none;
}

a {
	text-decoration: none;
	outline: none;
}

a img {
	border: none;
}

table { 
    border-collapse: collapse;
}

/*1-2. Layout
----------------------------------------------- */

html, body, #wrapper {
	width: 100%;
}

body {
	min-width: 1024px;
	overflow-x: none;
}

#header {
	width: 100%;
}

#contents {
	width: 100%;
	margin: 0 auto;
}

#navi img {
	display: block;
}

/*1-3. 基本設定
----------------------------------------------- */
body {
	color: #000000;
	font-size: 12px;
	line-height: 1.4;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

textarea {
	font-size: 12px;
	line-height: 1.4;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


/*1-4. Footer固定用
----------------------------------------------- */
html, body {
	height: 100%;
}

#wrapper {
	min-height: 100%;
}

#contents {
	overflow: auto;
} 

#footer {
	position: relative;
	clear: both;
}

#footer .wrapper{
	width: 1000px;
}

/*Opera Fix*/
body:before {
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
}


/*:2 各店共通クラス郡:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*2-1. 共通クラス
----------------------------------------------- */

/* text-align */
.tLeft { text-align:left; }
.tRight { text-align:right; }
.tCenter { text-align:center; }

/* float */
.fLeft { float: left; }
.fRight { float: right; }

/* margin */
.mb00 { margin-bottom: 0px; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb23 { margin-bottom: 22px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }

.ml03 { margin-left: 3px; }
.ml05 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }

.mr05 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }

.mt04 { margin-top: 4px; }
.mt35 { margin-top: 35px; }

/* padding */
.pb10 { padding-bottom: 10px}

/* font size*/
.f11 { font-size: 11px;}
.f12 { font-size: 12px;}
.f13 { font-size: 13px;}
.f14 { font-size: 14px;}
.f15 { font-size: 15px;}
.f16 { font-size: 16px;}
.f17 { font-size: 17px;}
.f18 { font-size: 18px;}
.f19 { font-size: 19px;}
.f20 { font-size: 20px;}
.f20 { font-size: 21px;}
.f22 { font-size: 22px;}
.f23 { font-size: 23px;}
.f24 { font-size: 24px;}
.f25 { font-size: 25px;}
.f26 { font-size: 26px;}
.f27 { font-size: 27px;}
.f28 { font-size: 28px;}
.f29 { font-size: 29px;}
.f30 { font-size: 30px;}
.f31 { font-size: 31px;}
.f32 { font-size: 32px;}
.f33 { font-size: 33px;}
.f34 { font-size: 34px;}
.f35 { font-size: 35px;}
.f36 { font-size: 36px;}
.f37 { font-size: 37px;}
.f38 { font-size: 38px;}
.f39 { font-size: 39px;}
.f40 { font-size: 40px;}
.f41 { font-size: 41px;}
.f42 { font-size: 42px;}
.f43 { font-size: 43px;}
.f44 { font-size: 44px;}
.f45 { font-size: 45px;}
.f46 { font-size: 46px;}
.f47 { font-size: 47px;}
.f48 { font-size: 48px;}
.f49 { font-size: 49px;}
.f50 { font-size: 50px;}
.small { font-size:60%; }

/* font style*/
.strong { font-weight: bold; }
.red{ color: #ff0000; }
.blue { color:#0000FF; }
.black { color:#000; }

/* テーブル背景 */
th.sat { background-color: #3dd7ee !important; }
td.sat { background-color: #00aeda !important; }
th.sun { background-color: #fe7696 !important; }
td.sun { background-color: #ff1e53 !important; }

/* clear */
.clear { clear: both; }

/* display */
.dib { display: block; }
.none { display: none; }

/* マウスポインタ */
.pointer { cursor: pointer; }

/* ローディング画像 */
#loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	margin-left: -32px;
	background: url(../../img/common/preload.gif) no-repeat scroll;
	display: none;
	z-index: 1000;
}

/* IE6のposition:fixed非対応対策 */
* html #loading { position: absolute; }


/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/*2-2. JS等各種動作のスタイル郡
----------------------------------------------- */

/* tinybox */
#tinybox {
	position: absolute;
	display: none;
	background: #fff url(../../img/common/preload.gif) no-repeat 50% 50%;
	z-index: 2000;
}

#tinymask {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000000;
	z-index: 1500;
}


/* tooltip */
* html a:hover {
	background:#ffffff;
	text-decoration:none;
} /*BG color is a must for IE6*/

a.tooltip span {
	display: none;
	padding: 2px 3px;
	margin-left: 8px;
	width: 130px;
}

a.tooltip:hover span{
	display: inline;
	position: absolute;
	border: 1px solid #cccccc;
	background: #ffffff;
	color: #6c6c6c;
}


/*:3 各店共通スタイル郡:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*3-1. トップページ
----------------------------------------------- */

/* header */

#header_width {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 100px;
	position:relative;
}

h1 {
	float: left;
	line-height:0;
	font-size:0;
}

/* navi */

#navi {
	height: 40px;
	padding: 0;
}

#navi ul{
	width: 1000px;
	margin: 0 auto;
}

#navi ul li{
	float: left;
}


/* 2カラム レイアウト */

#columnAll {
	margin: 0 auto;
	width: 1000px;
	padding: 10px 0;
}

#columnAll #mainWrap {
	float: left;
	width: 750px;
	margin:0;
}


#columnAll #subRight {
	float: right;
	margin: 0;
}


/* Main */

#girlsList {
	padding: 0 0 5px 18px;
}

.girlsListBox{
	float: left;
	width: 125px;
	height: 255px;
	padding: 0 9px 10px 9px;
	margin-bottom: 20px;
	position: relative;
}


.girlsListBox dl{
	width: 120px;
	color: #000000;
}

/* Sub column Right */

#subRight .boxWrap {
	width: 240px;
}

#subRight .innerBox_news {
	height: 311px;
	padding: 46px 10px 0;
}

#subRight .innerBox_twitter {
	height: 337px;
	padding: 46px 10px 0;
}

#subRight .innerBox_news .newsBox {
	height: 301px;
	margin: 0 auto;
	overflow: auto;
	background-color: #ffffff;
}

#subRight .innerBox_blog {
	padding: 80px 10px 10px;
}

#subRight .innerBox_blog div {
	height: 634px;
	margin: 0px auto;
	overflow: auto;
	background-color: #ffffff;
}

#subRight .innerBox_blog dl {
}

#subRight .innerBox_blog dt {
	float: left;
	width: 90px;
}

#subRight .innerBox_blog dd {
	float: left;
	width: 90px;
}

#subRight .innerBox_fresh {
	height: 220px;
	padding: 46px 10px 0;
}

#subRight .innerBox_fresh .freshBox {
	margin: 0 auto;
	padding: 5px;
	line-height: 1.2em;
	position: relative;
}

#subRight .innerBox_fresh .freshBox .mark {
	position: absolute;
	top: 35px;
	right: 10px;
}

#subRight .innerBox_qr {
	height: 169px;
	padding: 48px 10px 0;
}

#subRight .innerBox_qr .qrBox {
	height: 159px;
	margin: 0 auto;
}

#subRight .innerBox_qr .qrBox p {
	text-align: center;
	margin-top: 5px;
}

#subRight .innerBox_qr .qrBox ul {
	margin: 0 auto;
	width: 190px;
}

#subRight .innerBox_qr .qrBox li {
	float: left;
}

#subRight .innerBox_qr .qrBox dl {
	border-bottom: none;
}


#subRight .boxWrap dl {
	padding: 5px;
	border-bottom: 1px solid #cccccc;
}

#subRight .boxWrap h3 {
	text-indent: -9999px;
	font-size:0px;
}

#subRight .boxWrap .innerBox_fresh dl {
	border:none;
	position:relative;
}

#subRight .boxWrap .innerBox_fresh #comments dd {
	position:absolute;
	top: 5px;
	left: 75px;
	background: url(../../img/shop/sg/common/baloon.png) no-repeat;
	width: 95px;
	height:100px;
	padding: 3px 5px 8px 25px;
	z-index:1;
	overflow:hidden;
	line-height:1.5em;
}

/* footer */

#footer {
	width: 100%;
	color: #ffffff;
}

#footerBox {
	margin: 0 auto;
	padding: 15px 35px;
	text-align:center;
}
#footerBox p {
	width:850px;
	margin: auto;
	background:url(../../img/common/r18_footer.png);
	background-repeat:no-repeat;
	background-position:left;	
}

#footerLink {
	margin: 0 auto;
	width: 1000px;
	text-align:center;
	position:relative;	
}

#footerNav {
	padding: 15px 0;
	width: 780px;
	font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka;
}

#footerNav ul {
	margin:0 auto;
}


/* 
位置設定
======================================================*/

/* align
------------------------------------------------------------------------- */

.aligncenter {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.alignleft,
.alignright {
	display: inline;
	width: 48.5%;
}

.alignleft {
	float: left;
	margin: 0 3% 0.6em 0;
}

.alignright {
	float: right;
	margin: 0 0 0.6em 3%;
}

.alignleft img,
.alignright img {
	width: 100%;
}


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

	各店画像切替CSS（shopCM）

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

.shopCM {
	margin: 0 auto;
	width: 340px;
	height: 255px;
	text-align: left;
	overflow: hidden;
}

.shopCM ul {
	width: 340px;
	height: 255px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.shopCM ul li {
	top: 0;
	left: 0;
	width: 340px;
	height: 255px;
	display: none;
	position: absolute;
}


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

	下層ページヘッダー各店リンク

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

#lower_top #wrapper {
	padding-top: 30px;
}

#shopLink {
	position:fixed;
  	width:100%;
  	height:30px;
	z-index: 999;
}

#shopLink ul {
	width: 930px;
	margin: 0 auto;
}

#shopLink ul li {
	float: left;
	text-align:center;
	padding: 0px 12px;
	margin: 5px 0;
	color:#fff;
	border-right:1px solid #fff;
	font-weight: bold;
}

#shopLink ul li.first{
	border-left:1px solid #fff;
}

#shopLink ul li a,
#shopLink ul li a:visited {
	color:#fff;
}

#shopLink ul li a:hover {
	text-decoration: underline;
}

/* 
リンク効果
======================================================*/

.banner a:hover, 
.banner:hover,
#subRight .recruitBox a:hover,
#systemMenu ul li a:hover {
	filter:alpha(opacity=75);
	/* IE6、IE7向けの設定 */
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	/* IE8向けの設定 */
}

.banner a, 
.banner,
#subRight .recruitBox a,
#systemMenu ul li a,
#shopLink ul li a { 
 -webkit-transition-duration: 1s;
 -moz-transition-duration: 1s;
 -o-transition-duration: 1s;
} /*カーソルを合わせたときの変化を１秒間かけて行なう(IEは10以降のみ対応)*/