/**
 * 覚悟の瞬間
 *
 * 覚悟の瞬間　一覧・詳細
 *
 * @author  Shigeaki Kurimoto <kurimoto@kenja.tv>
 * @create  2009/11/20
 * @version 1.00
 */

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

/**
 * レイアウト
 */
#idSearchAll {
	background-image  : url(../../images/main/search/bk_search.gif);
	background-repeat : repeat-y;
	width             : 940px;
}

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

.clsSearchListRight {
	float : left;
	width : 620px;
}

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

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

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

#idSearchItemArea {
	padding-top : 20px;
}

#idSearchItemArea td{
	height : 33px;
}

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

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

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

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

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

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

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

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

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

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

/**
 * 検索結果エリア
 */
.clsSearchListBoxFirst {
	width            : 575px;
	height           : 3px;
	border-bottom    : 1px dotted #BFBFBF;
	background-color : #FFFFFF;
	position         : relative;
}

.clsSearchListBox {
	width            : 575px;
	height           : 120px;
	border-bottom    : 1px dotted #BFBFBF;
	background-color : #FFFFFF;
	text-align       : left;
	position         : relative;
	cursor           : pointer;
}

.clsSearchListBoxPic {
	position   : absolute;
	width      : 210px;
	height     : 120px;
	top        : 0px;
	left       : 0px;
}

.clsSearchListBoxKeynum {
	position   : absolute;
	width      : 365px;
	top        : -18px;
	left       : 228px;
	font       : bold 56px "sans serif", tahoma, verdana, helvetica;
	overflow   : hidden;
	height     : 57px;
}

.clsSearchListBoxKeyword {
	position   : absolute;
	width      : 310px;
	top        : 42px;
	left       : 228px;
	font       : bold 14px "sans serif", tahoma, verdana, helvetica;
	overflow   : hidden;
	height     : 34px;
}

.clsSearchListBoxKaiinname {
	position   : absolute;
	width      : 325px;
	top        : 84px;
	left       : 228px;
	font       : bold 13px "sans serif", tahoma, verdana, helvetica;
	overflow   : hidden;
	color      : #666666;
	height     : 16px;
}

.clsSearchListBoxKigyoname {
	position   : absolute;
	width      : 325px;
	top        : 100px;
	left       : 228px;
	font       : bold 13px "sans serif", tahoma, verdana, helvetica;
	overflow   : hidden;
	color      : #666666;
	height     : 16px;
}

.clsSearchListBoxSelect {
	position   : absolute;
	width      : 36px;
	height     : 36px;
	top        : 40px;
	left       : 539px;
}

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

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

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

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

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

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

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

/**
 * 詳細レイアウト
 */
.clsSearchDetailLeft {
   float        : left;
   width        : 439px;
}

.clsSearchDetailRight {
   float   : left;
   width   : 585px;
}

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

/**
 * 詳細プレイヤー
 */
#idSearchDetailLeftPlay {
 	padding-left   : 65px;
 	padding-bottom : 15px;
}

#idSearchDetailLeftPlay2 {
	height           : 240px;
	background-color : #FFFFFF;
}

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

/**
 * 詳細左サイド
 */
#idSearchDetailLeftWord {
 	padding-left  : 70px;
 	padding-right : 30px;
 	width         : 339px;
	text-align    : left;
	color         : #333333;
	font          : normal 12px "sans serif", tahoma, verdana, helvetica;
}

.clsSearchDetailName {
	font   : bold 14px "sans serif", tahoma, verdana, helvetica;
	height : 20px;
}

.clsSearchDetailKana {
	font   : normal 12px "sans serif", tahoma, verdana, helvetica;
}

.clsSearchDetailBirth {
	padding-bottom : 3px;
}

.clsSearchDetailYakusyoku {
	padding-bottom : 7px;
}

.clsSearchDetailHistory {
	line-height    : 1.4;
	padding-bottom : 15px;
	text-align     : justify;
}

.clsSearchDetailLinkTitle {
	color           : #0099FF;
	text-decoration : underline;
	font            : bold 12px "sans serif", tahoma, verdana, helvetica;
	cursor          : pointer;
	height          : 15px;
	overflow        : hidden;
	padding-bottom  : 15px;
}

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

/**
 * 左サイド　ヒストリー
 */
#idSearchDetailLeftUrl{
 	padding-left     : 70px;
 	padding-right    : 30px;
 	padding-bottom   : 10px;
 	width            : 339px;
}

#idSearchDetailLeftUrlBox{
	background-color : #D5D5D5;
	padding          : 10px 10px 10px 5px;
	text-align       : right;
}

.clsSearchDetailUrlString{
	width          : 324px;
	font           : normal 11px "sans serif", tahoma, verdana, helvetica;
	padding-bottom : 10px;
}

.clsSearchDetailUrlButton{
	width        : 230px;
	text-align   : center;
	font         : normal 11px "sans serif", tahoma, verdana, helvetica;
}


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

/**
 * 左サイド　ヒストリー
 */
#idSearchDetailHistory{
 	padding-left   : 62px;
 	padding-right  : 30px;
 	padding-top    : 20px;
 	width          : 347px;
	text-align     : left;
	color          : #333333;
	font           : normal 12px "sans serif", tahoma, verdana, helvetica;
}

#idSearchDetailHistoryTitle {
	background-image  : url(../../images/main/search/bk_title_history.gif);
	background-repeat : no-repeat;
	width             : 347px;
	height            : 21px;
 	padding-bottom    : 20px;
 	text-align        : right;
}

#idSearchDetailHistoryContents{
 	padding-left  : 10px;
}

.clsSearchDetailHistoryListTitle {
	font   : bold 14px "sans serif", tahoma, verdana, helvetica;
	height : 20px;
}

.clsSearchDetailHistoryListContents {
	line-height    : 1.4;
	padding-bottom : 15px;
	text-align     : justify;
}

.clsSearchDetailHistoryListVisible {
	visibility : visible;
	height     : auto;
}

.clsSearchDetailHistoryListHidden {
	visibility : hidden;
	height     : 0px;
}

.clsSearchDetailHistoryListPageOn {
	font            : bold 14px "sans serif", tahoma, verdana, helvetica;
	color           : #333333;
	width           : 20px;
}

.clsSearchDetailHistoryListPage {
	font            : bold 14px "sans serif", tahoma, verdana, helvetica;
	text-decoration : underline;
	color           : #0099FF;
	cursor          : pointer;
	width           : 20px;
}

.clsSearchDetailHistoryListArrow {
	cursor          : pointer;
	width           : 16px;
}

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

/**
 * 右サイド　プロフィール
 */
#idSearchDetailRightSwf {
	height   : 820px;
}

#idSearchDetailRightGraph {
	position : relative;
	height   : 820px;
}

#idSearchDetailRightProfile {
	position     : absolute;
	top          : 20px;
	left         : 24px;
	text-align   : left;
	color        : #333333;
	font         : bold 11px "sans serif", tahoma, verdana, helvetica;
	padding-top  : 19px;
	padding-left : 15px;
}

#idSearchDetailRightProfile td{
	border-bottom : 1px dotted #999999;
	padding-left  : 5px;
	height        : 16px;
}

#idSearchDetailRightProfileList {
	width    : 420px;
	height   : 135px;
	overflow : auto;
}

#idSearchDetailRightPicture {
	position     : absolute;
	top          : 0px;
	left         : 300px;
	z-index      : 100;
}

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

/**
 * 右サイド　スケジュール
 */
#idSearchDetailRightTimeSchedule {
	position     : absolute;
	top          : 210px;
	left         : 25px;
	text-align   : left;
}

#idSearchDetailTimeScheduleTitle {
	background-image  : url(../../images/main/search/bk_title_time.gif);
	background-repeat : no-repeat;
	width             : 164px;
	height            : 21px;
 	padding-bottom    : 20px;
}

#idSearchDetailTimeScheduleList{
	text-align     : left;
	color          : #333333;
	font           : bold 10px "sans serif", tahoma, verdana, helvetica;
	padding-left   : 10px;
}

#idSearchDetailTimeScheduleList table{
	border-bottom : 1px dotted #999999;
}

#idSearchDetailTimeScheduleList td{
	border-top : 1px dotted #999999;
	height     : 14px;
}

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

/**
 * 右サイド　お気に入り
 */
#idSearchDetailFavorite{
	padding-left   : 10px;
 	padding-right  : 30px;
 	padding-top    : 20px;
 	width          : 545px;
	text-align     : left;
}

#idSearchDetailFavoriteTitle {
	background-image  : url(../../images/main/search/bk_title_favorite.gif);
	background-repeat : no-repeat;
	width             : 108px;
	height            : 21px;
 	padding-bottom    : 20px;
}

#idSearchDetailFavoriteItem1 {
	width          : 400px;
	padding-bottom : 20px;
}

#idSearchDetailFavoriteItem2 {
	width          : 400px;
	padding-bottom : 20px;
	padding-left   : 100px;
}

.clsSearchDetailFavoriteItemTitle {
	color          : #99CC33;
	font           : bold 14px "sans serif", tahoma, verdana, helvetica;
	padding-bottom : 10px;
}

.clsSearchDetailFavoriteItemContents {
	color       : #333333;
	line-height : 1.4;
	text-align  : justify;
	font        : normal 11px "sans serif", tahoma, verdana, helvetica;
}