@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;
}
#photodiary #container #mainfield
{
	width: 670px;
	/*float: none !important;
	margin-right: auto;
	margin-left: auto;*/
}
/*#moviediary #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: 220px;
}
#moviediary #mainfield .datafield li table { border: 2px solid #38b1de; }
#mainfield .datafield li table td { padding: 0 3px; }
/* 日付 */
#mainfield .datafield li table .date
{
	color: #f00;
	font-weight: bold;
}
/* 画像 */
#mainfield .datafield li table img { border: 2px solid #f658b7; }
#moviediary #mainfield .datafield li table img { border: 2px solid #38b1de; }
#mainfield .datafield li table img.decome { border: 0 !important; }
#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 table.paging
{
	clear: both;
	width: 97%;
	margin: 5px auto;
}
#mainfield .datafield table.paging .next { text-align: right; }

/*
	サイドバー・日記ランキング
*/
#sidebar #diaryranking .image img { width: 70px; }
#sidebar #diaryranking .shopname { font-weight: bold; color: #00f; }
#sidebar #diaryranking .ladyname { font-weight: bold; color: #f558b7; }


/*
-------------------------------------------------------------
	3. 日記ランキングのスタイル
-------------------------------------------------------------
*/
/* サイドバー削除中のメインフィールドのfloatを解除 */
#diaryranking #mainfield
{
	float: none;
	margin-right: auto;
	margin-left: auto;
}

/* h3要素の幅を変更 */
#diaryranking #mainfield h3
{
	width: 180px;
}

/* 基本スタイル */
#diaryranking #mainfield table { table-layout: fixed; }
#diaryranking #mainfield td { padding: 5px; }
#diaryranking #mainfield th { vertical-align: top; }

/* 2位以下のひな壇 */
#diaryranking #mainfield dl { clear: both; }
#diaryranking #mainfield dd { float: left; }

/* 1位のスタイル */
#diaryranking #mainfield .grade1
{
	width: 95.5%;
	border: 3px solid #af9e33;
	margin: 15px;
	background: url("../img/photodiary/wall_gold.jpg") no-repeat center center;
}
#diaryranking #mainfield .grade1 th { width: 70px; }
#diaryranking #mainfield .grade1 td { font-size: 1.6em; }
#diaryranking #mainfield .grade1 td.viewdiary { font-size: 1.0em; }
#diaryranking #mainfield .grade1 .thumb { width: 190px; }
#diaryranking #mainfield .grade1 .thumb img { width: 180px; border: 1px solid #999; }
#diaryranking #mainfield .grade1 .gradename
{
	vertical-align: middle;
	padding: 10px;
}
#diaryranking #mainfield .grade1 a { color: #663; font-weight: bold; }
#diaryranking #mainfield .grade1 a:hover { color: #909; text-decoration: underline; }
/* 2位、3位のスタイル */
#diaryranking #mainfield .rank2-3 dd{ width: 46%; margin: 0 0 15px;; }
#diaryranking #mainfield .rank2-3 .grade2
{
	border: 2px solid #686868;
	margin-left: 13px;
	background: url("../img/photodiary/wall_silver.jpg") no-repeat center center;
}
#diaryranking #mainfield .rank2-3 .grade3
{
	border: 2px solid #542611;
	margin-left: 17px;
	background: url("../img/photodiary/wall_bronse.jpg") no-repeat center center;
}
#diaryranking #mainfield .rank2-3 .grade2 th img,
#diaryranking #mainfield .rank2-3 .grade3 th img
{
	width: 50px;
}
#diaryranking #mainfield .rank2-3 .grade2 .thumb img,
#diaryranking #mainfield .rank2-3 .grade3 .thumb img
{
	width: 75px;
	height: 113px;
	border: 1px solid #999;
}
#diaryranking #mainfield .grade2 a { color: #333; font-weight: bold; }
#diaryranking #mainfield .grade2 a:hover { color: #909; text-decoration: underline; }
#diaryranking #mainfield .grade3 a { color: #420; font-weight: bold; }
#diaryranking #mainfield .grade3 a:hover { color: #909; text-decoration: underline; }


/* 4位以下のスタイル */
#diaryranking #mainfield .under4 { margin: 0 9px 15px; }
#diaryranking #mainfield .under4 dd
{
	width: 23%;
	border: 1px solid #999;
	margin: 5px;
}
#diaryranking #mainfield .under4 .img { width: 40px; padding: 2px; }
#diaryranking #mainfield .under4 dd img { width: 40px; }
#diaryranking #mainfield .under4 dd th { text-align: center; font-weight: bold; }
#diaryranking #mainfield .under4 dd td { font-size: 11px; vertical-align: bottom; }

/* ランキングにエントリーがない場合 */
.noentry { margin: 10px; color: #f00; font-weight: bold; }