/*************************************************************************************/
/* 作成 2009/11/05 */
/* 講座イベント検索用スタイルシート */
/*************************************************************************************/

/******************************************************/
/* 検索条件入力用 */
/******************************************************/
/* 全体の表示域 */
div.page
{
	margin-left : 50px;
}

/* 最上位のメッセージ */
div.pageMessage
{
	margin-top : 20px;
	margin-bottom : 10px;
}

/* 検索条件　検索項目の大枠 */
.searchConditionsZone
{
	width            : 720px;
	border           : solid 1px #8bbdeb;
	background-color : #e9f2fb;
	margin-bottom    : 10px;
}
/* 検索条件　分類一括指定の小分類表示 */
.searchConditionsZone .divBunruiIkkastu div
{
	padding-top      : 5px;
	padding-left     : 5px;
	padding-bottom   : 5px;
}
.searchConditionsZone .divBunruiIkkastu span
{
	font-size        : 0.9em;
}

.searchConditionTitle
{
	font-size        : 110%;
	font-weight       : bold;
	background-color : #e9f2fb;
	border-bottom    : dotted 1px #8bbdeb; 
	width            : 20%;
	padding-left     : 20px;
}

.searchConditionControls
{
	background-color : #ffffff;
	border-bottom    : dotted 1px #8bbdeb;
	width            : 80%;
	padding          : 12px 20px 10px 12px;
}

/* 検索条件 大分類の表示域 */
div.searchLCategory
{
	background-color : #e8e1d7;
	padding-top:2px;
	padding-left:2px;
	padding-bottom:2px;
}

/* 検索条件 イメージマップ表示域 */
div.searchImageMap
{
	margin-top : 10px;
	text-align : right;	
}


/******************************************************/
/*一覧表示用*/
/******************************************************/
/* 一覧画面の表示域全て */
div.searchPage
{
	margin-left : 14px;
	text-align  : left;
}


/* 一覧画面の検索条件・検索結果の表示域 */
div.searchListZone
{
	width : 530px;
	float : left;
}

/* 一覧のコンテナ */
div.searchListContainer
{
	width : 96%;
}


/* 検索結果表示のタイトル */
div.searchListTitle
{
	background-color : #4B8316;
	color            : #ffffff;
	margin-top:10px;
}

/* 検索結果表示タイトル横の文字 */
.searchListText
{
    font-size : 82%;
}

/* タイトルに使うフォント */
.searchListTitleFont
{
	/*font-size : 120%;*/
	font-weight : bold;
}

/* 件数表示域 */
.searchResultCount
{
	margin-left : 50px;
}

/* 現在の検索条件を列挙する表示域 */
.searchListConditionsZone
{
	margin-bottom : 10px;
}


/* 検索条件１つの表示域 */
.searchListCondition
{
	border-bottom : dotted 1px #999999;
}

/* 検索条件（タイトル）の表示 */
.searchListConditionTitle
{
	width : 15%;
}

/* 検索条件(詳細)の表示 */
.searchListConditionValue
{
	font-size:82%;
	width : 78%;
}


/* 検索結果の記事1つ分のコンテナ */
.searchListItemContainer
{
	background-color : #ffffff;
	border           : solid 1px #cccccc;
}

/* 検索結果のタイトル */
.searchListItemTitle
{
	background-color : #DFEDCE;
}


/* 横方向のセパレータ */
.searchListItemSeparator
{
	width  : 5px;
}

/* 縦方向のセパレータ */
.searchListItemRowSeparator
{
	height : 10px;
}

/* 区切り線 */
hr.searchListItemHr 
{
   border-width: 1px 0px 0px 0px;
   border-style: dotted;
   border-color: #999999;
   height: 1px;
}


/* 記事詳細部分の共通スタイル */
.searchListItemContent
{
	clear     : both;
	font-size : 82%;
	padding   : 5px 5px 0px 5px;
}


/* 記事に表示するイメージ */
.searchListItemImage
{
	margin-right : 10px;
	padding-top  : 5px;
}


/* 記事に表示する概要 */
.searchListItemSummary
{
	padding-top  : 5px;
}

/* 記事に表示する詳細情報タイトル */
.searchListDataTitle
{
	width       : 15%;
	/*margin-left : 3px;*/
	padding-left : 3px;
	white-space : nowrap;
}


/* 記事に表示する詳細情報値 */
.searchListDataValue
{
	width       : 85%;
	margin-left : 10px;
}

/* 検索条件を表示する表示域 */
.searchConditionZone
{
	float : right;
	width : 230px;
}


/* 検索用カレンダーを表示する表示域 */
.searchUiContainer
{
	background-color : #e9f2fb;
	border           : solid 1px #8dbdeb;
	margin-bottom    : 20px;
}


/* 大よそ共通のパディング設定 */
.defaultPadding
{
	padding : 6px;
}


/* 大よそ共通のマージン設定 */
.defaultMargin
{
	margin : 2px 2px 2px 2px;
}

/******************************************************/
/*詳細表示用*/
/******************************************************/
div.detailPage
{
	width        : 700px; 
	margin-left  : 40px;
	margin-right : 40px;
}

div.detailInfoContainer
{
	width        : 100%;
}

div.detailArea
{
	width        : 640px;
}

.detailList
{
	margin-top   : 40px;
	width        : 640px;
	border-top   : solid 1px #999999;
	border-bottom: solid 1px #999999;
}

.detailListTitle
{
	width          : 25%;
	text-align     : left;
	vertical-align : top;
	padding        : 3px 3px 3px 10px;
	background     : #DFEDCE;
	border-bottom  : dotted 1px #999999;
}

.detailListValue
{
	width        : 75%;
	text-align   : left;
	vertical-align : top;
	padding      : 3px 3px 3px 10px;
	border-bottom  : dotted 1px #999999;
}