/**
 * 覚悟の瞬間
 *
 * 覚悟の瞬間　ブログ一覧
 *
 * @author  Shigeaki Kurimoto <kurimoto@kenja.tv>
 * @create  2009/12/08
 * @version 1.00
 */

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

/**
 * レイアウト
 */
#idBlogTitleArea {
	width             : 920px;
	height            : 80px;
	padding-top       : 20px;
}

#idBlogTitle {
	background-image  : url(../../images/main/blog/bk_title_blog.gif);
	background-repeat : no-repeat;
	width             : 920px;
	height            : 40px;
	border-bottom     : 1px solid #000000;
}

#idBlogAll {
	background-image  : url(../../images/main/blog/bk_search.gif);
	background-repeat : repeat-y;
	width             : 940px;
}

.clsBlogListLeft {
	float        : left;
	width        : 300px;
	padding-left : 20px;
	text-align   : left;
}

.clsBlogListRight {
	float : left;
	width : 610px;
}

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

/**
 * 検索エリア
 */
#idBlogArea {
	width            : 255px;
	padding          : 10px;
}

#idBlogSearchTitle {
	background-image  : url(../../images/main/blog/bk_title_search.gif);
	background-repeat : no-repeat;
	width             : 255px;
	height            : 40px;
	border-bottom     : 1px solid #000000;
}

#idBlogItemArea {
	padding-top : 20px;
}

#idBlogItemArea td{
	height : 33px;
}

.clsBlogItemPoint {
	background-image  : url(../../images/main/blog/ic_point.gif);
	background-repeat : no-repeat;
	width             : 12px;
	height            : 10px;
}

.clsBlogItemTitle1 {
	color       : #333333;
	font        : normal 12px "sans serif", tahoma, verdana, helvetica;
	padding-top : 2px;
	width       : 45px;
}

.clsBlogItemTitle2 {
	color       : #333333;
	font        : bold 12px "sans serif", tahoma, verdana, helvetica;
	padding-top : 2px;
	width       : 15px;
}

#idBlogItemInputName {
	width  : 150px;
	height : 16px;
}

#idBlogItemInputKigyo {
	width  : 150px;
	height : 16px;
}

#idBlogItemColorArea td{
	height : 10px;
	width  : 13px;
}

#idBlogItemColorArea input{
	width   : 12px;
	height  : 12px;
	padding : 0px;
	margin  : 0px;
}

.clsBlogItemColorSpace{
	padding-left : 3px;
	padding-top  : 3px;
	cursor       : pointer;
}

#idBlogItemButtonArea {
	padding-top  : 20px;
	padding-left : 70px;
}

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

/**
 * 検索結果エリア
 */
#idBlogDetail {
	width        : 610px;
	text-align   : left;
}

.clsBlogBox{
	width      : 295px;
	height     : 70px;
	border     : 1px solid #CCCCCC;
	background : #FFFFFF;
	overflow   : hidden;
	padding    : 0px;
	cursor     : pointer;
}


.clsBlogPic {
	width      : 58px;
	height     : 58px;
	padding    : 5px 4px;
}

.clsBlogText {
	padding-left   : 5px;
}

.clsBlogDay {
	color       : #000000;
	font        : bold 10px "sans serif", tahoma, verdana, helvetica;
	overflow    : hidden;
	height      : 10px;
	padding-top : 3px;
}

.clsBlogKigyo {
	color    : #000000;
	font     : normal 10px "sans serif", tahoma, verdana, helvetica;
	overflow : hidden;
	width    : 200px;
	height   : 14px;
	padding-top : 4px;
}

.clsBlogName{
	color    : #000000;
	font     : bold 12px "sans serif", tahoma, verdana, helvetica;
	overflow : hidden;
	width    : 200px;
	height   : 17px;
}

.clsBlogTitle{
	color    : #000000;
	font     : normal 12px "sans serif", tahoma, verdana, helvetica;
	overflow : hidden;
	width    : 200px;
	height   : 17px;
}

#idBlogLink {
	width         : 600px;
	height        : 40px;
	position      : relative;
}

.clsBlogLinkText {
	position       : absolute;
	color          : #0099FF;
	top            : 22px;
	left           : 450px;
	font           : bold 12px "sans serif", tahoma, verdana, helvetica;
	border-bottom  : 1px solid #0099FF;
	cursor         : pointer;
}

.clsBlogLinkImg {
	position   : absolute;
	width      : 16px;
	height     : 16px;
	top        : 20px;
	left       : 580px;
	cursor     : pointer;
}



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

/**
 * 検索結果ページネーションエリア
 */
#idBlogListPagenation {
	text-align  : left;
	width       : 575px;
	height      : 20px;
	padding-top : 30px;
	color       : #333333;
	font        : bold 14px "sans serif", tahoma, verdana, helvetica;
}

#idBlogListPagenation td {
	padding-left  : 5px;
	padding-right : 5px;
}

.clsBlogListPrev {
	background-image  : url(../../images/main/blog/ic_prev.gif);
	background-repeat : no-repeat;
	width             : 16px;
	height            : 16px;
	cursor            : pointer;
}

.clsBlogListNext {
	background-image  : url(../../images/main/blog/ic_next.gif);
	background-repeat : no-repeat;
	width             : 16px;
	height            : 16px;
	cursor            : pointer;
}

.clsBlogListPageNum {
	border-bottom : 1px solid #0099FF;
	color         : #0099FF;
	cursor        : pointer;
}

.clsBlogMessage {
	color       : #FF0000;
	font        : bold 14px "sans serif", tahoma, verdana, helvetica;
	padding-top : 10px;
}