@charset "UTF-8";

/*
information{
	file name : /css/individual/disco/index.css
	infomation : This CSS file define disco styles.;
	site name : 湘南乃風 Official web site;
}
*/

/* contents
--------------------------------------------------------------------------

--------------------------------------------------------------------------
*/


/* layout (sideArea, articleArea)
-----------------------------------------------	*/

div#mainContents div#articleArea {
	float: left;/*河西→right*/
	width: 580px;
	background-image: url(../../../blog/img/leftbg.gif);
	background-repeat: repeat-y;
}

div#mainContents div#sideArea {
	float: right;/*河西→left*/
	width: 220px;
	background-image:url(../../../blog/img/sidearea_bg.jpg);/*河西*/
	background-repeat:repeat;
	border-left: #CCCCCC 1px solid;
}



/* エントリー
-----------------------------------------------	*/

div#articleArea div.entryContainer {
	margin: 0px 0px 100px 0px;
}

/* 背景の色と日付のラインをあわせる */
div#articleArea div.entryArea {
	padding: 0px 33px;
}

/* 日付を整形 */
div#articleArea p.entryDate {
	float: left;
	vertical-align:top;
	border-top:#CCCCCC 1px solid;
	width: 120px;
	padding: 5px 0px;
	font-size:12px;
	color: #CCCCCC;
}

/* エントリーを日付の右側に回りこませる */
div#articleArea div.entryTextArea {
	float: right;
	width: 394px;
}

/* エントリーの枠線、エントリー周りの空白 */
div#articleArea div.entryTextContainer {
	margin: 0px 30px 40px 30px;
	border: #000000 1px solid;
	width: 330px;
}

/* エントリーのタイトル */
div#articleArea h2 {
	font-size: 12px;
	font-weight: bold;
	border-bottom: #000000 1px dashed;
	padding: 10px;
}

/* タイトルアイコン */
div#articleArea h2 img {
	vertical-align: top; />
}

/* 本文テキスト */
div#articleArea p {
	font-size: 12px;
	padding: 10px;
}

/* 画像周りの空白 */
div#articleArea p img {
	margin: 0px 10px 10px 0px;
}



/* ページナビゲーション
-----------------------------------------------	*/

div#articleArea div.pagenavi {
	width: 334px;
	padding: 0px 63px 0px 183px;
}

/* PREV & NEXT */
div#articleArea div.pagenavi span {
	font-size: 10px;
	text-align: center;
	padding: 3px 40px;
}

div#articleArea div.pagenavi span.prev {
	color: #FFFFFF;
	background-color: #000000;
	width: 100px;
	cursor: pointer;
}

div#articleArea div.pagenavi span.next {
	color: #FFFFFF;
	background-color: #000000;
	width: 100px;
	cursor: pointer;
}


/* TOP */
div#articleArea div.pagenavi span.top {
	color: #999999;
	width: 134px;
	cursor: pointer;
}

/* OFF */
div#articleArea div.pagenavi span.prevoff {
	color: #EEEEEE;
	width: 100px;
}

div#articleArea div.pagenavi span.nextoff {
	color: #EEEEEE;
	width: 100px;
}

div#articleArea div.pagenavi span.topoff {
	color: #EEEEEE;
	width: 134px;
}

/* サイドバー
-----------------------------------------------	*/

/* 閉じるボタン */
div#sideArea button.close {
	margin: 15px 10px;
	color: #FFFFFF;
	font-size: small;
	background-color: #000000;
	border: #333333 1px solid;
}

/* 最新のエントリー */
div#sideArea div.recent {
	margin: 0px 10px 15px 10px;
	width: 174px;
}

/* 最新のエントリーテキスト */
div#sideArea div.recent p {
	margin: 5px 0px;
	padding: 45px 10px 5px 10px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left top;
	width: 164px;
	height: 44px;
	cursor: pointer;
}

/* メンバー別最新のエントリー背景 */
div#sideArea p.member_red {
	background-image: url(../../../blog/img/member_red.gif);
}

div#sideArea p.member_waka {
	background-image: url(../../../blog/img/member_waka.gif);
}

div#sideArea p.member_shock {
	background-image: url(../../../blog/img/member_shock.gif);
}

div#sideArea p.member_han {
	background-image: url(../../../blog/img/member_han.gif);
}

div#sideArea p.member_bk {
	background-image: url(../../../blog/img/member_bk.gif);
}

/* メンバー別最新のエントリー背景(表示中アーティスト用) */
div#sideArea p.member_red_active {
	background-image: url(../../../blog/img/member_red_active.gif);
}

div#sideArea p.member_waka_active {
	background-image: url(../../../blog/img/member_waka_active.gif);
}

div#sideArea p.member_shock_active {
	background-image: url(../../../blog/img/member_shock_active.gif);
}

div#sideArea p.member_han_active {
	background-image: url(../../../blog/img/member_han_active.gif);
}

div#sideArea p.member_bk_active {
	background-image: url(../../../blog/img/member_bk_active.gif);
}


/* エントリーアーカイブ */
div#sideArea div.archives {
	margin: 15px 10px 50px 10px;
	width: 200px;
}

/* アーカイブタイトル */
div#sideArea div.archives h3 img {
	margin: 0px 0px 10px 0px;
}

/* アーカイブ一覧 */
div#sideArea div.archives ul.archivesContainer li {
	margin: 5px 0px;
}

/* 日付 */
div#sideArea div.archives ul.archivesContainer p {
	font-size:10px;
	color: #999999;
	margin: 5px 0px;
}

/* リンク */
div#sideArea div.archives ul.archivesContainer em {
	font-size:10px;
	margin: 5px 0px;
}