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

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

	ファイル名: _top.css
	作成日: 2009/7/21
	作成者: y.wakasugi
	概要:
	　1.ススキノトゥナイトのトップページ専用スタイルを記述。

	目次:
	　1. コンテンツの枠
	　2. サブジェクト
	　3. メインフィールド・各項目のスタイル
	　4. サイドバー・各項目のスタイル

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


/*
-------------------------------------------------------------
	1. 背景ロゴの設定
-------------------------------------------------------------
*/
#body { color: #fff; }
#enter
{
	background: url("../img/index/logo_wall.jpg") no-repeat center top;
	height: 533px;
	position: relative;
}

/*
	非表示要素
*/
#enter h1,
#enter .subh1
{
	visibility: hidden;
}

#enter .enter,
#enter .leave
{
	position: absolute;
	font-size: 1.0em;
	text-align: center;
}
#enter a { color: #fff; font-weight: bold; }

#enter .enter { top: 276px; left: 196px; }
#enter .leave { top: 276px; left: 471px; }


#navigation { padding: 0 50px; }
#navigation h2 { font-weight: bold; }
#navigation hr { clear: both; visibility: hidden; }
#navigation a { color: #fff; }
#navigation a:visited { color: #fff; }
#navigation a:hover { color: #ff0; }


/*
	ポイント文章
*/
#point { color: #fff; margin: 30px 0; clear: both; }
#point a { color: #f2ee93; }

/*
	更新情報
*/
#update
{
	width: 485px;
	float: left;
	border: 1px solid #000;
	overflow: hidden;
}
#update dl {
	height: 227px;
	overflow: auto;
	padding-bottom: 5px;
	background-color: #fff;
	color: #000;
}
#update dt, #update dd { margin-right: 5px; margin-left: 5px; }
#update dt { border-top: 3px dotted #999; padding-top: 5px; margin-top: 5px; color: #f00; }
#update dt:first-child { border-top: 0; }
#update dt:before { content: "▼"; }
#update dd:before { content: "●"; color: #f00; }
#update p { color: #fff; }
#update a { color: #00f; }
#update a:visited { color: #00f; }
#update a:hover { color: #f0f; }

/*
	モバイル
*/
#mobile
{
	width: 250px;
	border: 1px solid #000;
	float: left;
	margin-left: 15px;
	background: url("../img/index/mobile_wall.jpg") repeat-x 0 50px;
	padding-top: 15px;
}
#mobile h3
{
	height: 33px;
	border-bottom: 1px solid #000;
	background: url("../img/subject/top_l_mobile.jpg") no-repeat left top;
}
#mobile h3 span { visibility: hidden; }
#mobile table{ margin: 10px auto; }
	#mobile table td { padding: 3px 0; text-align: center; vertical-align: middle; }
	#mobile table td.mburl { font-weight: bold; }
	#mobile table td.qrcode { padding-right: 10px; }
	#mobile table td p { text-align: center; }
	#mobile .sendmobile { text-align: center; }


/*
	業種別店舗一覧リンク
*/
.typelist
{
	width: 520px;
	margin: 10px auto;
}
.typelist li
{
	width: 100px;
	text-align: center;
	float: left;
	display: block;
	border-left: 1px solid #000;
}
.typelist li:first-child { border-left: 0; }
#navigation h2 { clear: both; }


#wrapper { background: #000; }