/********************      ポータル全体用スタイルシート     ***************************/

/***** import *****/
@import "function-tab.css";

@import "function-dcSearch.css";
@import "function-member.css";
@import "function-bookshelf.css";
@import "function-news.css";
@import "function-support.css";
@import "function-community.css";
@import "function-charge.css";
@import "function-shopDc.css";
@import "function-orgDc.css";
@import "function-products.css";
@import "function-player.css";


/***** portal全体で使用する *****/

/* 画像の枠をなくす */
img{
	border : 0px	;
}

/* リンク後の表示色 */
a:visited{
	color: #0000ff;
}
 
/* パスワードの入力フォーム */
.passwordForm{
	width: 116px; 
	height: 21px;
}

/* 別ウィンドウで開く事の注釈 */
.otherWindowLinkMsg{
	color:#808080;
	font-size:small;
	font-weight:normal;
}

/* 上に戻るアンカー */
.backAnchor{
	font-size:medium;
}

/* 準備中用(未使用) */
.preparationLinkMsg{
	color:#FF0000;
	font-size:small;
	font-weight:normal;
}

/* タブなしポートレット　前に戻る　ボタン */
.portletReverseBtn{
    border-right: thin solid #26376B;
    border-top: thin solid #5C6B97;
    border-left: thin solid #5C6B97;
    border-bottom: thin solid #26376B;
    font-size:medium;
    color: white;
    background-color: #3B4E83;
    cursor: hand;
    padding: 2px;
    margin-top: 1em;
    margin-bottom: 1em;
}

/* カーソルが当たっている場所のリンク */
a:hover  {
	color: #FF66CC;
	text-decoration : none;
}

/* 画像に張られたリンク（Operaで余計な下線が出ないようにするため） */
a.portalImageLink{
	text-decoration : none;
}

/** TOPポートレット全般で使用する区切り線 */
hr.topPortletLine{
	color:#3B4E83;
	/*margin: 0px;*/
}

 /* ページのタイトル */
.titlebarTitle{
	font-size:large;
}

/* 画面タイトル TOPへのリンク */
.titlebarLink{
	font-size:medium;
	color: #ffffff;
}

a.titlebarLink:link{
	color: #ffffff;
}

a.titlebarLink:visited{
	color:#ffffff;
}

/*　ポートレット全般　ボディ  */
.portletBody{
	margin: 5px;
}

/*　ポートレット全般　中見出し  */
.portletSubtitle {
	background-color: #ffffff;
	color: #000000;
	font-size:large;
	font-weight: bold;
	border-bottom: 1px solid #3B4E83;
	padding: 3px;
	margin-bottom : 7px;
}

/* ポートレット全般　見出しに対する内容（文字サイズと余白を設定） */
.portletContent {
	font-size:medium;
	padding-top : 8px;
	padding-left : 20px;
	padding-right : 15px;
	padding-bottom : 15px;
}

/* ポートレット全般　本文の中でインデントのある箇所 */
.portletIndentText{
	padding-left: 25px;
}

/* ポートレット全般　リンクが箇条書きになっている時間隔を設定 */
.portletLinkList{
	margin-bottom: 5px;
}

/***** portal全体ここまで *****/

/*****エラー表示時に使用するスタイル*****/
.error{
	width : 100%;
	background-color : #ffb6c1;
	border:3px double #ff7f50;
	padding : 10px;
}

/***** 重大エラー発生時 *****/

/* 重大エラー　エラーメッセージボックス */
.fatalErrorBox{
	background-color:#FF93DA;
	font-weight:bold;
	font-size:medium;
	width: 70%;
	padding:1em;
	margin-bottom: 0.2em;
	text-align:left;
}

/*  重大エラー　メインテキストエリア */
.fatalErrorTextBox{
	text-align:center;
	margin: 100px 0px;
}

/* 重大エラー　ログアウトメッセージ */
.fatalErrorMsg{
	font-size:large;
	color:#000000;
}

/***** 準備中VMで使用するスタイル(未使用) *****/
.preparation{
	font-size:large;
	font-weight:bold;
	/*border: 10px solid #3366CC;*/
	padding:1em;
	height:700px;
}

/***** float指定の解除に使用する *****/
.clearFloat{
	clear:both;
}

/***** レイアウト関連のVMで使用する *****/
/***** サイト全体の幅 (default.cssに組み込む必要あり) *****/
.frame{
	width : 900px;
	border-collapse: collapse;
/*  background-color:#E7FDFE; */
}

/* ボディのバックグラウンド */
body.portal{
	margin-top:0px;
}

/******************************************************************************************/
/***** トップナビゲーション *****/

/** 『聴く読書をはじめませんか？』の部分 */
table.topNaviUpper {
	background-color: #3B4E83;
	color: #ffffff;
	font-size:large;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	padding: 3px;
}

/** 『試験サービス開始まであとわずか』の部分 */
.topNaviLower {
	background-color: #3B4E83;
	color: #ffffff;
	text-align:left;
	font-size:medium;
	border-bottom: 1px solid #000000;
	padding: 2px 2px 2px 8px;
}

/* トップナビゲーションの全体テーブル */
.topNaviTable{
	font-size:medium
}

/* トップナビゲーション 上部リンク */
.topNaiBorderLink{
	font-size:medium;
}

/* トップナビゲーション 上部リンク */
.topNaviTextLink{
	padding: 0px 3px 0px 3px;
	color:#ffffff;
}

/* トップナビゲーションのようこそメッセージ */
.topNaviWelcomeMsg{
	font-size:medium;
	font-weight:bold;
}

/* トップナビゲーションのユーザへのメッセージ */
.topNaviUserMsg{
	font-size:medium;
}

.topNaviUserEmphasisMsg{
	color:#FF0000;
}

a.topNaviTextLink:link{
	color:#ffffff;}

a.topNaviTextLink:visited{
	color:#ffffff;}

a.topNaviTextLink:lang{
	color:#ffffff;}

/* トップナビゲーションのアイコンのリンク下の文字のリンクテキスト */
.topNaviIconLinkText{
	font-size:x-small;
}

/* トップナビゲーションのアイコンのリンク下の文字のリンク */
a.topNaviIconLink{
	color: #000000;
	text-decoration: none;
}

a.topNaviIconLink:link{
	color:#000000;}

a.topNaviIconLink:visited{
	color:#000000;}

/* カーソルが当たっている時のリンク */
a.topNaviIconLink:hover  {
	color: #FF66CC;
}

/* 試験期間中 */
.topNaviTestEmployment{
	color: FF3399;
	font-size:large;
}

/***** トップナビゲーションここまで *****/

/***** ボトムナビゲーションここから *****/
/* ボトムナビゲーションの全体の枠 */
.bottomNaviBorder{
	border-top: 1px solid #000000;
	padding: 7px;
	margin-top: 0em;
	width: 100%;
	text-align:center;
	font-size:medium;
}

/* ボトムナビゲーション コピーライト */
.bottomNaviCopyright{
	margin-top: 7px;
}

/***** ボトムナビゲーションここまで *****/


/***** 丸枠 ***********/

/* --- 陰がついた丸角 ------ */
.curve01-body p {margin:0;padding:5px 10px;}
.curve01-head{font-size:1px;height:7px;background:url("../portalImages/common/waku/curve01-right-head.gif") top right no-repeat;margin-top:5px;}
.curve01-head div{font-size:1px;height:7px;background:url("../portalImages/common/waku/curve01-left-head.gif") top left no-repeat;}
.curve01-body{background:url("../portalImages/common/waku/curve01-left-middle.gif") top left repeat-y;}
.curve01-body div{background:url("../portalImages/common/waku/curve01-right-middle.gif") top right repeat-y;}
.curve01-bottom{font-size:1px;height:7px;background:url("../portalImages/common/waku/curve01-right-bottom.gif") bottom right no-repeat;margin-bottom:5px;}
.curve01-bottom div{font-size:1px;height:7px;background:url("../portalImages/common/waku/curve01-left-bottom.gif") bottom left no-repeat;}

/* --- 背景色か背景画像を指定するべた塗り丸角 --- */
.curveBackground{margin:5px 0;}
.curveBackground div.curve-head{font-size:1px;height:5px;background:url(waku/01-curve-left-head.gif) top left no-repeat;}
.curveBackground div.curve-head div{font-size:1px;height:5px;background:url(waku/01-curve-right-head.gif) top right no-repeat;}
.curveBackground div.curve-bottom{font-size:1px;height:5px;background:url(waku/01-curve-left-bottom.gif) bottom left no-repeat;}
.curveBackground div.curve-bottom div{font-size:1px;height:5px;background:url(waku/01-curve-right-bottom.gif) bottom right no-repeat;}

/* --- 背景色か背景画像を指定するべた塗り丸角 --- */


.maruKado{margin:5px 0;}
.maruKado div.curve-head{font-size:1px;height:5px;background:url(../portalImages/common/waku/curveMask-left-head.gif) top left no-repeat;}
.maruKado div.curve-head div{font-size:1px;height:5px;background:url(../portalImages/common/waku/curveMask-right-head.gif) top right no-repeat;}
.maruKado div.curve-body{padding:10px 20px;}
.maruKado div.curve-bodyTitle{padding:5px 10px;background:#aeaeae;font-weight:bold;}
.maruKado div.curve-bottom{font-size:1px;height:5px;background:url(../portalImages/common/waku/curveMask-left-bottom.gif) bottom left no-repeat;}
.maruKado div.curve-bottom div{font-size:1px;height:5px;background:url(../portalImages/common/waku/curveMask-right-bottom.gif) bottom right no-repeat;}