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

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

	ファイル名: _photodiary.css
	作成日: 2009/8/12
	作成者: y.wakasugi
	概要:
	　1.ススキノトゥナイトの写メ日記一覧ページ用スタイルを記述。
	　2.同時に動画日記の一覧も兼ねている。

	目次:
	　1. コンテンツの枠
	　2. メインフィールドのスタイル

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


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

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

#mainfield div
{
	border: 1px solid #000;
	margin-bottom: 10px;
}
#sidebar div
{
	border: 1px solid #000;
}
#search-girlresult #container #mainfield
{
	width: 670px;
	float: none !important;
	margin-right: auto;
	margin-left: auto;
}


/*
-------------------------------------------------------------
	2. メインフィールドのスタイル
-------------------------------------------------------------
*/
/*
	サブジェクト
*/
#mainfield h3
{
	width: 140px;
}

/*
	データフィールドのスタイル
*/
#mainfield .datafield
{
	margin-right: 20px;
	background: #000;
	padding-top: 10px;
}
#mainfield .datafield .common-bg-white,
#mainfield .datafield .clearfix
{
	width: 97%;
	margin: 0 10px 10px;
	background: #fff;
}


/*
	最新日記・リストの基本構造
*/
#mainfield .datafield ul li
{
	width: 25%;
	float: left;
}


/*
	最新日記・１テーブルごとのスタイル
*/
#mainfield .datafield li table
{
	width: 131px;
	border: 2px solid #f658b7;
	margin: 15px auto;
	height: 190px;
	overflow: hidden;
}
#mainfield .datafield li table { border: 1px solid #000; }
#mainfield .datafield li table td { padding: 0 3px; }
/* 日付 */
#mainfield .datafield li table .date
{
	color: #f00;
	font-weight: bold;
}
/* 画像 */
#mainfield .datafield li table img { width: 100px; height: 150px; border: 2px solid #ccc; }
#mainfield .datafield li table .img { text-align: center; }
/* 日記表題 */
#mainfield .datafield li table .subject { font-size: 1.1em; text-align: center; }
#mainfield .datafield li table .subject a { color: #f658b7; }
#moviediary #mainfield .datafield li table .subject a { color: #38b1de; }
/* 概要 */
#mainfield .datafield li table .description { font-size: 0.85em; }

#mainfield .datafield p
{
	color: #f00;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 15px;
}

/*
	ページング
*/
#mainfield .datafield table.paging
{
	clear: both;
	width: 97%;
	margin: 5px auto;
}
#mainfield .datafield table.paging .next { text-align: right; }