@charset "Shift_JIS";
/* ===================================================================
CSS information
 file name  :  default.css
 style info :  リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */
/*--- reset */
html {
	overflow-y: scroll;
	background:url(../img/common/bg.png) repeat;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

a {
	color:#005aff;
}

/*
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6,textarea {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/*--- default */
body {
	background: #FFF;
	color: #333333;
	font-size:75%;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,;
	line-height: 1.4em;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

input, select, textarea{  
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,;
}  

/* ===================================================================
CSS information

 style info :共通（メインカラム部分のレイアウト）
=================================================================== */

/*----------------------------------------------------
	container共通スタイル部分
----------------------------------------------------*/

#container-01 {
	width:870px;
	padding:0 15px;
	margin:0 auto;
	clear:both;
	background:url(../img/common/bg_03.png) left top repeat;
}

#container-02 {
	width:870px;
	padding:0 15px;
	margin:0 auto;
	clear:both;
	background:url(../img/common/bg_03.png) left top repeat;
}

#container-02:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/*----------------------------------------------------
	1カラム(メイン部分のみ)
----------------------------------------------------*/

#container-01 #main {
	width:870px;	
}
/*----------------------------------------------------
	2カラム　左カラム(サブコンテンツ部分)　右カラム(メイン部分)
----------------------------------------------------*/

#container-02 #main {
	width:625px;
	float:right;
	text-align:left;
}

#container-02 #sub {
	width:230px;
	padding-top:15px;
	float:left;
	text-align:left;
}

/* ===================================================================
CSS information

 style info :共通(女の子ページ)（新規で共通スタイルを追加する場合はこちら）
=================================================================== */

/*----------------------------------------------------
	bodyスタイル
----------------------------------------------------*/

body {
	background:url(../img/common/bg_01.png) center center repeat-y;
}


/* IE7でpadding指定 背景の1pxのずれを解消*/
*:first-child+html body {
padding-left: 1px;
}


/* IE6以下でpadding指定 背景の1pxのずれを解消 */
*html body {
padding-left: 1px;
}

/*----------------------------------------------------
	ヘッダーコンテンツ
----------------------------------------------------*/

#header {
	width:100%;
	text-align:center;
	background:url(../img/header/he_bg_01.png) left top repeat-x;
}

#heTitBox {
	width:900px;
	color:#ffffff;
}

#heTitBox-L {
	width:450px;
	float:left;
	font-size:10px;
}

#heTitBox-R {
	width:450px;
	float:right;
	text-align:right;
}

#heTitBox-R a {
	color:#ffffff;
}

#heTitBox-R a:hover {
	color:#ff0066;
}

#headerBox {
	width:900px;
	height:163px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#headerBox-T {
	width:900px;
	position:absolute;
	top:20px;
	left:0;
	z-index:1;
	clear:both;
}

#headerBox-TL {
	width:513px;
	height:97px;
	float:left;
}

#headerBox-TR {
	width:387px;
	height:87px;
	padding-top:10px;
	float:right;
	background:url(../img/header/he_bg_R.png) left top no-repeat;
}

#headerBox-TR:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#headerBox-TR ul {
	width:387px;
	height:65px;
	overflow:hidden;
}

#headerBox-TR ul li {
	display:block;
	height:65px;
	width:89px;
	padding-left:6px;
	float:left;
}

#headerBox-TR ul li a {
	display:block;
	height:65px;
	width:89px;
	text-indent:-9999px;
}

#headerBox-TR ul li span {
	display:block;
	height:65px;
	width:89px;
	text-indent:-9999px;
	background-position:0 -130px;
}

#headerBox-TR ul li p {
	height:65px;
	width:89px;
	text-indent:-9999px;
}

.he-area-01 {
	background:url(../img/header/yokohama_btn.png) left top no-repeat;
}

.he-area-02 {
	background:url(../img/header/tokyo_btn.png) left top no-repeat;
}

.he-area-03 {
	background:url(../img/header/tsuchiura_btn.png) left top no-repeat;
}

.he-area-04 {
	background:url(../img/header/sapporo_btn.png) left top no-repeat;
}

#headerBox-TR ul li a:hover {
	background-position:0 -65px;
}

#headerBox-B {
	clear:both;
	width:900px;
	height:68px;
	position:absolute;
	top:95px;
	left:0;
	z-index:0;
}

#headerBox-B ul {
	width:900px;
	height:68px;
	overflow:hidden;
}

#headerBox-B ul li {
	display:block;
	float:left;
	height:68px;
}

#headerBox-B ul li a {
	display:block;
	height:68px;
	text-indent:-9999px;
}

#headerBox-B ul li a:hover {
	background-position:0 -68px;
}

.he-nav-01 {
	width:91px;
}

.he-nav-02 {
	width:107px;
}

.he-nav-03 {
	width:169px;
}

.he-nav-04 {
	width:112px;
}

.he-nav-05 {
	width:113px;
}

.he-nav-06 {
	width:87px;
}

.he-nav-07 {
	width:108px;
}

.he-nav-08 {
	width:113px;
}
 
/*--- 横浜エリア ---*/
.yokohama .he-nav-01 {
	background:url(../img/header/yokohama_btn_01.png) left top no-repeat;
}

.yokohama .he-nav-02 {
	background:url(../img/header/yokohama_btn_02.png) left top no-repeat;
}

.yokohama .he-nav-03 {
	background:url(../img/header/yokohama_btn_03.png) left top no-repeat;
}

.yokohama .he-nav-04 {
	background:url(../img/header/yokohama_btn_04.png) left top no-repeat;
}

.yokohama .he-nav-05 {
	background:url(../img/header/yokohama_btn_05.png) left top no-repeat;
}

.yokohama .he-nav-06 {
	background:url(../img/header/yokohama_btn_06.png) left top no-repeat;
}

.yokohama .he-nav-07 {
	background:url(../img/header/yokohama_btn_07.png) left top no-repeat;
}

.yokohama .he-nav-08 {
	background:url(../img/header/yokohama_btn_08.png) left top no-repeat;
}

/*--- 札幌エリア ---*/
.sapporo .he-nav-01 {
	background:url(../img/header/sapporo_btn_01.png) left top no-repeat;
}

.sapporo .he-nav-02 {
	background:url(../img/header/sapporo_btn_02.png) left top no-repeat;
}

.sapporo .he-nav-03 {
	background:url(../img/header/sapporo_btn_03.png) left top no-repeat;
}

.sapporo .he-nav-04 {
	background:url(../img/header/sapporo_btn_04.png) left top no-repeat;
}

.sapporo .he-nav-05 {
	background:url(../img/header/sapporo_btn_05.png) left top no-repeat;
}

.sapporo .he-nav-06 {
	background:url(../img/header/sapporo_btn_06.png) left top no-repeat;
}

.sapporo .he-nav-07 {
	background:url(../img/header/sapporo_btn_07.png) left top no-repeat;
}

.sapporo .he-nav-08 {
	background:url(../img/header/sapporo_btn_08.png) left top no-repeat;
}

/*--- 東京エリア ---*/
.tokyo .he-nav-01 {
	background:url(../img/header/tokyo_btn_01.png) left top no-repeat;
}

.tokyo .he-nav-02 {
	background:url(../img/header/tokyo_btn_02.png) left top no-repeat;
}

.tokyo .he-nav-03 {
	background:url(../img/header/tokyo_btn_03.png) left top no-repeat;
}

.tokyo .he-nav-04 {
	background:url(../img/header/tokyo_btn_04.png) left top no-repeat;
}

.tokyo .he-nav-05 {
	background:url(../img/header/tokyo_btn_05.png) left top no-repeat;
}

.tokyo .he-nav-06 {
	background:url(../img/header/tokyo_btn_06.png) left top no-repeat;
}

.tokyo .he-nav-07 {
	background:url(../img/header/tokyo_btn_07.png) left top no-repeat;
}

.tokyo .he-nav-08 {
	background:url(../img/header/tokyo_btn_08.png) left top no-repeat;
}

/*--- 土浦エリア ---*/
.tuchiura .he-nav-01 {
	background:url(../img/header/tsuchiura_btn_01.png) left top no-repeat;
}

.tuchiura .he-nav-02 {
	background:url(../img/header/tsuchiura_btn_02.png) left top no-repeat;
}

.tuchiura .he-nav-03 {
	background:url(../img/header/tsuchiura_btn_03.png) left top no-repeat;
}

.tuchiura .he-nav-04 {
	background:url(../img/header/tsuchiura_btn_04.png) left top no-repeat;
}

.tuchiura .he-nav-05 {
	background:url(../img/header/tsuchiura_btn_05.png) left top no-repeat;
}

.tuchiura .he-nav-06 {
	background:url(../img/header/tsuchiura_btn_06.png) left top no-repeat;
}

.tuchiura .he-nav-07 {
	background:url(../img/header/tsuchiura_btn_07.png) left top no-repeat;
}

.tuchiura .he-nav-08 {
	background:url(../img/header/tsuchiura_btn_08.png) left top no-repeat;
}

/*----------------------------------------------------
	フッターコンテンツ
----------------------------------------------------*/

#footer {
	width:100%;
	clear:both; /*containerの解除*/
	text-align:center;

}

#pagetop a {
	color:#00898B;
}

#pagetop a:hover {
	color:#50d7d9;
}

#pagetop {
	text-align:right;
	background:url(../img/common/bg_03.png) left top repeat;
	width:880px;
	margin:0 auto;
	padding:30px 20px 10px 0;
}

#pagetop img {
	vertical-align:-2px;
	margin-right:2px;
}


/*----------------------------------------------------
	サイドコンテンツコンテンツ
----------------------------------------------------*/

#eventBnrBox {
	margin-bottom:20px;
}

#searchBnrBox {
	margin-bottom:20px;
}

#search_area_yokohama {
    background: url("../img/subcolumn/search_yokohama_off.png") no-repeat scroll 0 0 transparent;
    display: block;
    text-indent: -9999px;
    width: 230px;
    height: 95px;
}
#search_area_yokohama:hover {
    background: url("../img/subcolumn/search_yokohama_on.png") no-repeat scroll 0 0 transparent;
}

#search_area_sapporo {
    background: url("../img/subcolumn/search_sapporo_off.png") no-repeat scroll 0 0 transparent;
    display: block;
    text-indent: -9999px;
    width: 230px;
    height: 95px;
}
#search_area_sapporo:hover {
    background: url("../img/subcolumn/search_sapporo_on.png") no-repeat scroll 0 0 transparent;
}

#search_area_tokyo {
    background: url("../img/subcolumn/search_tokyo_off.png") no-repeat scroll 0 0 transparent;
    display: block;
    text-indent: -9999px;
    width: 230px;
    height: 95px;
}
#search_area_tokyo:hover {
    background: url("../img/subcolumn/search_tokyo_on.png") no-repeat scroll 0 0 transparent;
}

#search_area_tuchiura {
    background: url("../img/subcolumn/search_tuchiura_off.png") no-repeat scroll 0 0 transparent;
    display: block;
    text-indent: -9999px;
    width: 230px;
    height: 95px;
}
#search_area_tuchiura:hover {
    background: url("../img/subcolumn/search_tuchiura_on.png") no-repeat scroll 0 0 transparent;
}

#suShopBox {
	width:226px;
	border:2px solid #e1dccb;
	background:#ffffff;
}

#suShopBox ul {
	width:211px;
	margin:0 auto;
	padding-top:10px;
}

#suShopBox ul li {
	background:url(../img/subcolumn/su_bg_01.png) left top no-repeat;
	width:211px;
	margin-bottom:13px;
//	height:68px;
	padding-top:7px;
	overflow:hidden;
	display:block;
}

#suShopBox ul li .nom {
	background:url(../img/subcolumn/su_bg_01.png) left top no-repeat;
	width:211px;
	margin-bottom:13px;
	height:68px;
	padding-top:7px;
	overflow:hidden;
	display:block;
}

#suShopBox ul li .s15 {
	background:url(../img/subcolumn/su_bg_01.png) left top no-repeat;
	width:211px;
	margin-bottom:13px;
	height:123px;
	padding-top:7px;
	overflow:hidden;
	display:block;
}

.suShopBox-L img {
	border:1px solid #dddddd;
}

.suShopBox-L {
	width:61px;
	padding-left:5px;
	float:left;
	display:block;
}

.suShopBox-R {
	padding:0 5px 0 10px;
	width:130px;
	float:right;
	display:block;
	font-size:10px;
	text-decoration:none;
}

.suShopBox-R .su-txt-01 {
	color:#ff0066;
/*	padding-bottom:5px;*/
}

.suShopBox-R .su-txt-01:hover {
	color:#ff8fbc;
}

.suShopBox-R .su-txt-02 {
	color:#333333;
	line-height:1.2em;
}

.suShopBox-R .su-txt-02:hover {
	color:#999999;
}

/*--- ランキング ---*/

#suRankingBox {
	width:230px;
}

#suRankingBox-tit {
	width:195px;
	padding:8px 0 0 35px;
	height:24px;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	background:url(../img/subcolumn/su_tit_02.png) left top no-repeat;
}

#suRankingBox-cont {
	width:226px;
	padding:5px 0 0;
	border:2px solid #e1dccb;
	background:#ffffff;
}

#suRankingBox-cont ul li {
	display:block;
	width:216px;
	padding:0 5px 5px;
	margin-bottom:5px;
	border-bottom:1px dotted #333333;
	clear:both;
}

#suRankingBox-cont ul li:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.suRankingBox-L {
	width:60px;
	float:left;
}

.suRankingBox-R {
	width:146px;
	padding-left:10px;
	float:right;
}

.suRankingBox-R .gi-rank img {
	vertical-align:-2px;
	margin-right:3px;
}

.suRankingBox-R .gi-rank {
	font-weight:bold;
	color:#ff0000;
	font-size:14px;
}

.suRankingBox-R .gi-shop a {
	text-decoration:none;
	color:#ff0066;
}

.suRankingBox-R .gi-shop a:hover {
	color:#ff8fbc;
}

.suRankingBox-R .gi-name a {
	text-decoration:none;
	color:#0054ff;
}

.suRankingBox-R .gi-name a:hover {
	color:#6e9eff;
}

.suRankingBox-R .gi-size {
	color:#333333;
}

#suRanking-Link {
	width:169px;
	margin-left:57px;
	height:28px;
	display:block;
	text-indent:-9999px;
	background:url(../img/subcolumn/su_btn_01.png) left top no-repeat;
}

#suRanking-Link:hover {
	background-position:0 -28px;
}

/*--- 写メ日記 ---*/

#diaryBox div {
	display:none;
}

#di-tit-list {
	width:230px;
	overflow:hidden;	
}

#di-tit-list li {
	display:block;
	float:left;
	width:115px;
	height:36px;
}

#di-tit-list li a {
	display:block;
	width:115px;
	height:36px;
}

#diaryBox #tab-01,
#diaryBox #tab-02 {
	width:226px;
	border:2px solid #e1dccb;
	background:#ffffff;
	margin-bottom:20px;
}

#diaryBox #tab-01 ul,
#diaryBox #tab-02 ul {
	width:208px;
	margin:15px auto 0;
}

#diaryBox #tab-01 ul li,
#diaryBox #tab-02 ul li {
	width:208px;
	padding-bottom:15px;
}

#diaryBox #tab-01 ul li p a,
#diaryBox #tab-02 ul li p a {
	color:#00898B;
}

#diaryBox #tab-01 ul li p,
#diaryBox #tab-02 ul li p {
	text-align:center;
	line-height:1em;
}


#diaryBox #tab-01 ul li p a:hover,
#diaryBox #tab-02 ul li p a:hover {
	color:#50d7d9;
}

/*----------------------------------------------------
	トラッキング
----------------------------------------------------*/

#tracking {
	height:15px;
}

/*----------------------------------------------------
	各コンテンツを包括する共通のカラムスタイル
----------------------------------------------------*/

#container-01 .compBox {
	border-right:2px solid #e1dccb;
	border-left:2px solid #e1dccb;
	width:866px;
	background:#fffef9;
}

#container-02 .compBox {
	border-right:2px solid #e1dccb;
	border-left:2px solid #e1dccb;
	width:621px;
	background:#fffef9;
}

/*----------------------------------------------------
	女の子情報のリスト部分
----------------------------------------------------*/

.girlListBox {
	border-right:2px solid #e1dccb;
	border-left:2px solid #e1dccb;
	width:621px;
	background:#fffef9;
}

.pageListBox {
	width:592px;
	margin:0 auto;
}

.pageListBox:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.pageListBox-L {
	width:125px;
	float:left;
	padding:5px 0 15px 0;
}

.pageListBox-R {
	width:467px;
	float:right;
	padding-bottom:15px;
}

.pageListBox-R ul {
	overflow:hidden;
	width:100%;
}

.pageListBox-R ul li {
	display:block;
	float:left;
	white-space:nowrap;
	margin-right:10px;
}

.pageListBox-R ul li a {
	display:block;
	padding:3px 8px;
	background:#ded4c2;
	color:#330000;
}

.pageListBox-R ul li a:hover {
	background:#f6eee0;
}



.pageListBox-R ul li span {
	display:block;
	padding:3px 8px;
	background:#00898b;
	color:#ffffff;
}

/*--- 女の子リスト部分 ---*/

/*-- 1カラム用 --*/

#container-01 .girlList {
	width:780px;
	overflow:hidden;
	margin:0 auto;
	clear:both;
}

#container-01 .girlList li {
	display:block;
	float:left;
	padding:0 10px 20px;
}

#container-01 .girlList li .girlBox {
	width:120px;
	height:278px;
	overflow:hidden;
	padding:6px;
	border:2px solid #ded4c2;
	background:#ffffff;
	font-size:10px;
}

/*-- 2カラム用 --*/

#container-02 .girlList {
	width:608px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}

#container-02 .girlList li {
	display:block;
	float:left;
	padding:0 8px 20px;
}

#container-02 .girlList li .girlBox {
	width:120px;
	height:263px;
	overflow:hidden;
	padding:6px;
	border:2px solid #ded4c2;
	background:#ffffff;
	font-size:10px;
}

/*-- 共通 --*/

.girlList li .gi-img {
	width:120px;
	height:179px;
	margin:0 auto;
}

.girlList li .gi-img img {
	border:1px solid #dddddd;
}

.girlList li .gi-shop {
	padding-top:6px;
}

.girlList li .gi-shop a {
	color:#ff0066;
	text-decoration:none;
	line-height:1.2em;
	letter-spacing:-0.1em;
}

.girlList li .gi-shop a:hover {
	color:#ff8fbc;
}

.girlList li .gi-name a {
	color:#0054ff;
	text-decoration:none;
	line-height:1.2em;
}

.girlList li .gi-name a:hover {
	color:#6e9eff;
}

.girlList li .gi-size {
	padding-bottom:5px;
	line-height:1.2em;
}

.girlList li .gi-icn {
	height:38px;
	overflow:hidden;
}

.girlList li .gi-icn img {
	margin:0 3px 5px 0;
}


.girlList li .gi-today {
	text-align:center;
}

/*--- トップ＆出勤表のみで使用 ---*/

.girlList li .gi-time,
.girlList li .gi-newface {
	width:120px;
	height:18px;
	padding-top:2px;
	background:url(../img/common/bg_04.png) left top no-repeat;
	text-align:center;
	margin:0 auto;
	font-weight:bold;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
}

.girlList li .gi-time {
	color:#b6e400;
	font-size:14px;
}

.girlList li .gi-newface {
	color:#3bf681;
	font-size:12px;
}

/*----------------------------------------------------
	共通スタイル部分
----------------------------------------------------*/

.clear {
	clear:both;
}

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

.pagetop {
	text-align:right;
	width:900px;
	padding:30px 15px 60px;
	margin:0 auto;
}

.pagetop img {
	vertical-align:-3px;
	margin-right:5px;
}

.alart {
	color:#ff0000;
	font-weight:bold;
}

.alart2 {
	color:#ff0000;
	font-weight:bold;
	text-align:center;
}

.unfi {
	background:#fffec6;
	border:1px solid #7f9db9;
}

.dlBtn-20px {
	margin-bottom:20px;
}

.dlBtn-30px {
	margin-bottom:30px;
}

/*--- ローディング ---*/

#ajax_loading {
	text-align:center;
}

#ajax_loading img {
	margin:0 auto;
}

#ajax_loading_schedule li div img {
	text-align:center;
	margin:0 auto;
}

/*----------------------------------------------------
	テキスト共通スタイル部分
----------------------------------------------------*/

.bold {
	font-weight:bold;
}

.normal {
	font-weight:normal;
}

.red {
	color:#ff0000;
}

.orange {
	color:#ff6600;
}

.blue {
	color:#0033ff;
}

.yellow {
	color:#ffff00;
}

.left {
	text-align:left;
}

.center {
	text-align:center;
	margin:0 auto;
}

.right {
	text-align:right;
}

.middle {
	vertical-align:middle;
}

.small {
	font-size:85%;
}

.large {
	font-size:115%;
}