@charset "utf-8";
/*
CSS Information
==============================================================

	Site Name: ひまわり証券
	Description: モジュール用
	Version: 1.0

==============================================================
*/


/*
CONTENTS
==============================================================

	0: 汎用class


	1: div#header ヘッダー
		

	2: div#slidePanel スライドパネル


	3: div#globalNavi グローバルナビゲーション


	4: div#contents コンテンツ
		

	4-1: div#mainColumn メインカラム（左）


	4-2: div#subColumn サブカラム（右）
	

	5: div#footer フッター



==============================================================
*/





/*
0: 汎用class
=========================================================*/





/*
1: div#header ヘッダー
=========================================================*/





/*
2: div#globalNavi グローバルナビゲーション
=========================================================*/





/*
3: div#slidePanel スライドパネル
=========================================================*/





/*
4: div#contents コンテンツ
=========================================================*/


div#mainColumn td.seminarName a.link {
	display: block;
	background-position: left 5px;
}





/*
4-1: div#mainColumn メインカラム（左）
=========================================================*/

/*
table#seminarList セミナー検索テーブル
---------------------------------------------------------*/
div#mainColumn table#seminarList {
	margin-bottom: 40PX;
}

div#mainColumn table#seminarList tr th,
div#mainColumn table#seminarList tr td {
	text-align: center;
}

div#mainColumn table#seminarList tr td.seminarName,
div#mainColumn table#seminarList tr td.seminarContent {
	text-align: left;
}

div#mainColumn table#seminarList tr td.seminarContent-top {
	vertical-align:top;
	text-align: left;
}

div#mainColumn table#seminarList tr td.seminarName {
	font-weight: bold;
}

div#mainColumn table#seminarList tr td.seminarContent p {
	margin: 0;
}

div#mainColumn table#seminarList td a.linkPdf {
display:inline-block;
background-position:left 3px;
}
/*
table#ranking 人気セミナーランキングテーブル
---------------------------------------------------------*/
div#mainColumn table#ranking,
div#mainColumn table#recomend {
	margin:0 0 40px 10px;
	width:690px;
}
div#mainColumn table#ranking caption{
	padding:0 0 .3em;
	text-align:right;
}
div#mainColumn table#ranking tr th{
	width:31px;
	text-align: center;
}
div#mainColumn table#ranking tr td.category{
	border-right:none;
	padding:6px 5px 5px 10px;
	width:60px;
}
div#mainColumn table#ranking tr td.button{
	width:82px;
	text-align: center;
}

/*
table#recomend ひまわり証券おすすめセミナーテーブル
---------------------------------------------------------*/
div#mainColumn table#recomend {
	margin:0 0 40px 10px;
	width:690px;
}


div#mainColumn table#recomend tr th{
	text-align: center;
}

div#mainColumn table#recomend tr td.category,
div#mainColumn table#recomend tr td.button {
	width:82px;
	text-align: center;
}


/*
div.module-pageSending ページ送りモジュール
---------------------------------------------------------*/
div#mainColumn div.module-pageSending {
	margin: 0 0 20px 10px;
	position: relative;
	width: 690px;
	background-color: #F3F6FB;
}

div#mainColumn div.module-pageSendingLastChild {
	margin-bottom: 40px;
}

div#mainColumn div.module-pageSending div.pageNumber {
	padding: 10px 100px;
	line-height: 1;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

div#mainColumn div.module-pageSending div.pageNumber a {
	font-weight: normal;
	text-decoration: none;
}

div#mainColumn div.module-pageSending div.pageNumber span {
	font-weight: normal;
}

div#mainColumn div.module-pageSending div.back {
	position: absolute;
	top: 5px;
	left: 5px;
}

div#mainColumn div.module-pageSending div.next {
	position: absolute;
	top: 5px;
	right: 5px;
}


/*
div#module-seminarIco セミナー詳細アイコンモジュール
---------------------------------------------------------*/
div#mainColumn div#module-seminarIco {
	margin: 0 0 10px 10px;
	background: url(../img/background_seminarIco-foot.gif) left bottom no-repeat;
}

div#mainColumn div.seminarIcoWid {
	width: 294px;
}

div#mainColumn div.seminarIcoWidOndemand {
	width: 152px;
}

div#mainColumn div#module-seminarIcoInner {
	background: url(../img/background_seminarIco-top.gif) left top no-repeat;
}
div#mainColumn div#module-seminarIcoInner2 {
	background: url(../img/background_seminarIco-foot2.gif) right bottom no-repeat;
}
div#mainColumn div#module-seminarIcoInner3 {
	padding: 5px 5px;
	background: url(../img/background_seminarIco-top2.gif) right top no-repeat;
}

div#mainColumn div#module-seminarIco table.standard {
	margin: 0;
	/*width: 272px;*/
}

div#mainColumn div#module-seminarIco table.standard tr td {
	text-align: center;
}


/*
div#module-seminarImg セミナー画像モジュール
---------------------------------------------------------*/
div#mainColumn div#module-seminarImg {
	margin-left: 10px;
	float: right;
}

div#mainColumn div#module-seminarImg img {
	margin-bottom: 10px;
}

/*
table#seminarDetails セミナー詳細テーブル
---------------------------------------------------------*/
div#mainColumn table#seminarDetails {
	margin: 0 0 10px 10px;
	border-collapse: collapse;
}

div#mainColumn table#seminarDetails th {
	padding: 3px 10px 3px 10px;
	line-height: 1.4;
	background: url(../../../common/img/ico_list.gif) left center no-repeat;
	white-space: nowrap;
}

div#mainColumn table#seminarDetails td {
	padding: 3px;
	line-height: 1.4;
}


/*
div#module-watchingTime 視聴時間モジュール
---------------------------------------------------------*/
div#mainColumn div#module-watchingTime {
	margin-bottom: 20px;
	position: relative;
	clear: both;
	width: 700px;
	background-color: #00578A;
}

div#mainColumn div#module-watchingTime div.btn {
	position: absolute;
	top: 5px;
	right: 5px;
}

div#mainColumn div#module-watchingTime p {
	margin: 0;
	padding-left: 5px;
	height: 35px;
	line-height: 35px;
	color: #FFFFFF;
	font-size: 117%;
}


/*
div#seminarSearch セミナー検索
---------------------------------------------------------*/
#seminarSearch{
	margin: 10px 0 40px;
	background-color:#fff;
	border: 1px solid #cccccc;
}

/* search form */
#seminarSearch .seminarForm {
	width: auto;
	padding: 10px;
	margin: 0px 0;
	white-space: nowrap;
}

#seminarSearch .seminarForm .seminarStringWrap {
	padding-left: 10px;
}

#seminarSearch .seminarForm .seminarStringWrap .seminarString{
	width: 200px;
	height: 18px;
}

#seminarSearch .seminarForm .seminarSubmitWrap {
	height: 21px;
	position: relative;
}

#seminarSearch .seminarForm .seminarSubmitWrap .seminarSubmit{
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	width: 35px;
	height: 21px;
	background: transparent url(../../../common/img/btn_search.gif) no-repeat scroll left top;
	border: medium none;
	margin: 0 5px;
	padding: 2px;
	text-indent: -9999px;
	position: absolute;
	right: 0;
}

/* refinement */
#seminarSearch .seminarForm .seminarRefinement{
	display: block;
	/* font-size: 12px; */
	margin: 5px 0 5px 0;
	color: #666666;
}
#seminarSearch .seminarForm .seminarRefinement legend{
	margin-left: 10px;
	padding-left: 5px;
}
#seminarSearch .seminarForm .seminarRefinement .seminarRefineList{
	padding: 0;
	margin: 10px;
	vertical-align: bottom;
}
#seminarSearch .seminarForm .seminarRefinement .seminarRefineList .seminarRefineElement{
	display: inline;
	margin:0 10px;
}
#seminarSearch .seminarForm .seminarRefinement .seminarNotRefineList{
	clear: both;
	padding: 0;
	margin: 10px 0;
	padding-top: 12px;
	vertical-align: bottom;
	background: url(../../../common/img/border_dotted.gif) repeat-x top;
}
#seminarSearch .seminarForm .seminarRefinement .seminarNotRefineList .seminarRefineElement{
	display: inline;
	margin:0 10px;
}

/* search status */
#seminarSearch .seminarSearchStatus{
	padding:3px 5px;
	margin:0 auto;
	background-color:#808080;
	font-weight: bold;
	color: #ffffff;
}
#seminarSearch .seminarNoHits{
	margin:20px;
}
#seminarSearch .seminarTotalHits{
	text-align: left;
}
#seminarSearch .seminarSearchStatus em{
	color: black;
	font-weight:bold;
}

/* sort */
#seminarSearch .seminarSortSelection{
	text-align: right;
}

/* page navigation */
#seminarSearch .seminarPageNavi{
	clear: both;
	margin:10px auto;
	background-color:#ffffff;
	text-align: center;
}
#seminarSearch .seminarPageNavi a,
#seminarSearch .seminarPageNavi a:link,
#seminarSearch .seminarPageNavi a:hover,
#seminarSearch .seminarPageNavi a:visited {
	color: #001a4e;
}

/* recommend */
#seminarSearch .seminarRecommend {
	text-align: left;
	margin:5px 0px 10px 0px;
	padding:0 5px 0 0;
	background-color: #ffffff;
}

#seminarSearch .seminarRecommend legend{
	margin-left: 10px;
	padding-left: 5px;
}
#seminarSearch .seminarRecommend .seminarRecommendElement{
	padding:10px;
}
#seminarSearch .seminarRecommend .seminarRecommendTitle {
	margin-left: 15px;
}
#seminarSearch .seminarRecommend .seminarRecommendImage {}
#seminarSearch .seminarRecommend .seminarRecommendImage img {
	border: none;
}
#seminarSearch .seminarRecommend .seminarRecommendSummary {
	margin-left:15px;
}
#seminarSearch .seminarRecommend .seminarRecommendURL {
	font-size: 90%;
	margin-left:15px;
}

/* search result */
#seminarSearch .seminarResults{
	margin: 10px;
}

#seminarSearch .seminarResults em {
	color: black;
	padding: 0px 2px 0px 2px;
	font-weight:bold;
	font-style: normal;
	background-color: #FFFFCC;
}

#seminarSearch .seminarResults hr{
	border-style:dashed;
	margin-top:10px;
	margin-bottom:10px;
}

#seminarSearch .seminarRecord a,
#seminarSearch .seminarRecord a:link,
#seminarSearch .seminarRecord a:visited {
	color: #001a4e;
	text-decoration:none;
}
#seminarSearch .seminarRecord a:hover {
	text-decoration:underline;
}

#seminarSearch .seminarRecord{
	margin:20px auto;
}
#seminarSearch .seminarRecord .seminarTitle{
	margin-left:3px;
	font-weight: bold;
}

#seminarSearch .seminarRecord .seminarNearby{
	margin:3px 20px;
}
#seminarSearch .seminarRecord .seminarURL{
	font-size:90%;
	margin:auto 20px;
}

#seminarSearch .seminarRecord .seminarProperty {
	margin:auto 20px;
	font-size: 90%;
	color: #909090;
}

#seminarSearch .seminarRecord .seminarProperty .seminarDate,
#seminarSearch .seminarRecord .seminarProperty .seminarFtype,
#seminarSearch .seminarRecord .seminarProperty .seminarFsize {
	margin-right:10px;
}

#seminarSearch #seminarWrap {
	border: 1px solid #808080;
}


/*
div#freeArea 
---------------------------------------------------------*/
div#mainColumn p#freeArea {
	border: 1px solid #cccccc;
	padding: 10px;
	margin-bottom: 40px;
}



/*
4-2: div#subColumn サブカラム（右）
=========================================================*/

/*
div#module-sideMenurecommendation 人気＆
---------------------------------------------------------*/
div#subColumn div#module-sideMenurecommendation {
	margin-top: 15px;
}



/*
5: div#footer フッター
=========================================================*/