/******************************************************************************
 HTMLタグのデフォルトスタイルを変更
******************************************************************************/

body {
	margin: 0pt;
	padding: 0pt;
	background-color: #FFFFFF;
	font-size: 10pt;
	font-family: 'MS PGothic';
	color: #404040;
}

form {
	margin: 0px;
	padding: 0px;
}

a {
	color: #0000CC;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border-style: none;
}

th, td {
	vertical-align: top;
}

input, textarea {
	font-size: 100%;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-size: 11pt;
}

/******************************************************************************
 サイト共通のレイアウト部分
******************************************************************************/

/*
 * 大枠
 */

#GL-AREA
{
	width: 820px;
	margin: 0px auto 0px auto;
	padding: 0px;
	border-left: solid 2px #F0F0F0;
	border-right: solid 2px #F0F0F0;
}

#GL-HEAD-AREA {}

#GL-MENU-AREA
{
	border-bottom: solid 5px #9D65FF;
}

#GL-BODY-AREA
{
	padding: 15px;
}

#GL-FOOT-AREA
{
	margin: 0px 0px 10px 0px;
	padding: 2px 10px 2px 10px;
	background-color: #9D65FF;
	color: #FFFFFF;
}

/*
 * ロゴ部分
 */

#GL-HEAD-TABLE
{

	border-collapse: collapse;
	border-spacing: 0;
}

#GL-HEAD-TABLE img
{
	vertical-align: bottom;
}

#GL-HEAD-LOGO-CELL
{
	width: 325px;
	padding: 0px 0px 0px 3px;
	font-weight: bold;
	font-size: 20pt;
}

#GL-HEAD-LOGO-CELL a
{
	color: #404040;
	text-decoration: none;
}

#GL-HEAD-BANNER-CELL
{
	width: 486px;
	padding: 8px 8px 0px 8px;
	text-align: right;
}

#GL-HEAD-MSG1-CELL
{
	padding: 5px 0px 2px 8px;
	font-size: 9pt;
	color: #404040;
}

#GL-HEAD-MSG1-CELL a
{
	color: #404040;
	text-decoration: none;
}

#GL-HEAD-MSG1-CELL a:hover
{
	color: #9D65FF;
}

#GL-HEAD-MSG2-CELL
{
	padding: 3px 8px 2px 0px;
	text-align: right;
	font-size: 9pt;
	color: #009FEC;
}

/*
 * メニュー部分
 */

#GL-MENU-TABLE
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

#GL-MENU-TABLE td
{
	padding: 2px;
	background-color: #FFEDFF;
	border-top: solid 1px #F0F0F0;
	border-left: solid 1px #E6CBFE;
	border-right: solid 1px #E6CBFE;
	color: #9D65FF;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
}

#GL-MENU-TABLE a
{
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	color: #9D65FF;
	text-decoration: none;
}

#GL-MENU-TABLE .ActiveCell
{
	background-color: #9D65FF;
	color: #FFFFFF;
}

#GL-MENU-TABLE .ActiveCell a
{
	color: #FFFFFF;
}

/*
 * フッター部分
 */

#GL-FOOT-TABLE
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

#GL-FOOT-COPY-CELL
{
	padding: 0px;
	vertical-align: bottom;
	font-family: sans-serif;
	font-size: 8pt;
}

#GL-FOOT-MENU-CELL
{
	padding: 0px;
	vertical-align: bottom;
	text-align: right;
	font-size: 8pt;
}

#GL-FOOT-MENU-CELL a
{
	color: #FFFFFF;
	text-decoration: none;
}

#GL-FOOT-MENU-CELL a:hover
{
	text-decoration: underline;
}

/*
 * 段組レイアウト
 */

#GL-SPLIT-TABLE
{
	width: 100%; /* 790px */
	border-collapse: collapse;
}

#GL-SPLIT-LEFT-CELL
{
	width: 540px;
	padding: 0px;
}

#GL-SPLIT-RIGHT-CELL
{
	width: 224px;
	padding: 0px 0px 0px 26px;
}

#GL-SPLIT-RIGHT-CELL div
{
	margin-bottom: 8px;
}

/******************************************************************************
 共通して利用するスタイル
******************************************************************************/

/*
 * カラースキン
 */

/* 淡い緑 */
.Color1-BG { background-color: #E8EDD6; }
.Color1-FG { color: #108524; }

/* 淡い青 */
.Color2-BG { background-color: #F3F3F3; }
.Color2-FG { color: #256D9D; }

/* 淡い青紫 */
.Color3-FG { color: #9D65FF; }

/*
 * レイアウト用に使用するテーブル
 */

.LayoutTable
{
	border-collapse: collapse;
}

.LayoutTable td
{
	padding: 0;
}

/*
 * レーティング
 */

.Rating
{
	color: #FF0072;
}

/*
 * カテゴリー
 */

.CategoryBlock
{
	margin: 0px;
	padding: 10px 5px;
	background-image: url('../../kt/img/bg-1.png');
	background-position: left top;
	background-repeat: repeat-x;
	overflow: hidden;
}
* html .CategoryBlock
{
	margin-bottom: 20px;
}
.CategoryBlock span
{
	white-space: nowrap;
}

ul.categories
{
		margin: 0;
		padding: 0;
		list-style: none;
}
ul.categories li
{
		float: left;
		margin-right: 1em;
		padding-left: 8px;
		line-height: 1.2em;
		background: url('../../kt/img/bullet-1.png') left center no-repeat;
}
ul.categories li a
{
		margin: 0;
		padding: 0;
		white-space: nowrap;
}

/*
 * 検索関連
 */

.SearchModeBlock
{
	padding: 4px 4px 2px 4px;
	background-color: #EFF1F1;
	text-align: right;
}

.SearchCtrlBlock
{
	padding: 5px 0px 5px 0px;
	text-align: right;
}

.SearchAreaOuter
{
	border: solid 1px #E6D7FE;
}

.SearchAreaInner
{
	margin: 7px;
	padding: 10px;
	background-color: #FF9DBD;
}

.SearchAreaInner table
{
	width: 100%;
}

.SearchAreaInner td
{
	padding: 0px;
}

.SearchAreaInner .Fancy
{
	margin-bottom: 5px;
	border-style: none;
	width: 100%;
}


/*
 * 検定の情報
 */

.EI-AREA
{
	margin: 10px 0px;
	padding: 8px;
	border: solid 1px #E6D7FE;
}

.EI-TABLE
{
	width: 100%;
	border-collapse: collapse;
}

.EI-TITLE
{
	padding: 5px;
	background-color: #FFDDF2;
	font-size: 11pt;
}

.EI-AUTHOR
{
	padding: 2px 0px 0px 3px;
}

.EI-DESC
{
	padding: 0px 0px 0px 3px;
}

.EI-INFO
{
	padding: 5px 3px 5px 3px;
}

.EI-TAG
{
	padding: 0px 0px 0px 3px;
}

.EI-TABLE table
{
	width: 100%;
	border-collapse: collapse;
}

.EI-TABLE table td
{
	padding: 0px;
	height: 28px;
	border: solid 1px #C5C5C5;
	vertical-align: middle;
	text-align: center;
}

.EI-TABLE table thead td
{
	background-color: #F6F6F7;
	color: #9D65FF;
}

.EI-TABLE table tbody td
{

}

.EI-COLOR
{
	color: #9D65FF;
}

/*
 * ヘッダリング
 */

.HEADER-1
{
	margin: 0px 0px 10px 0px;
	padding: 3px 3px 9px 3px;
	border-top: solid 5px #C161FF;
	background-image: url('../../kt/img/border-2.png');
	background-position: bottom left;
	background-repeat: repeat-x;
	font-size: 11pt;
	font-weight: bolder;
	color: #6229BB;
}

.HEADER-1 img {
	vertical-align: middle;
}


.HEADER-2
{
	margin: 0px 0px 10px 0px;
	padding: 3px 3px 9px 3px;
	background-color: #A87AFF;
	background-image: url('../../kt/img/border-1.png');
	background-position: bottom left;
	background-repeat: repeat-x;
	color: #FFFFFF;
}

.HEADER-2 img {
	vertical-align: bottom;
}










/*
 * ボーダーが付いた領域
 */
.BorderBlock
{
	margin: 0px 0px 15px 0px;
	padding: 10px;
	border: solid 1px #C5C5C5;
}

/*
 * ボーダーを付ける
 */

.Border
{
	border: solid 1px #C5C5C5;
}



/*
 * INPUT系タグの装飾
 */

input.Fancy,
textarea.Fancy,
select.Fancy
{
	border: solid 1px #C0C0C0;
	font-size: 100%; /* 親を継承 */
}

/******************************************************************************
 トップページ
******************************************************************************/

/*
 * イメージ画像
 */

#TP-IMAGE-AREA
{
	margin-bottom: 10px;
}

/*
 * 段組
 */

.TP-SPLIT-TABLE
{
	width: 100%; /* 540px */
	border-collapse: collapse;
}

.TP-SPLIT-BOTH-CELL
{
	padding: 0px;
}

.TP-SPLIT-LEFT-CELL
{
	width: 261px;
	padding: 0px;
}

.TP-SPLIT-RIGHT-CELL
{
	width: 261px;
	padding: 0px 0px 0px 18px;
}

/*
 * リスト
 */

.TP-LIST-BLOCK
{
	padding: 3px 8px 3px 8px;
	margin: 0px 0px 15px 0px;
	background-color: #FBFAE2;
}

.TP-LIST-BLOCK div
{
	padding: 2px 0px 2px 0px;
	border-top: solid 1px #EBE5A9;
}

.TP-LIST-BLOCK div.First
{
	border-top-style: none;
}

.TP-LIST-TABLE
{
	width: 100%;
	border-collapse: collapse;
}

.TP-LIST-TITLE-CELL
{
	padding: 0px;
}

.TP-LIST-DESC-CELL
{
	padding: 0px 0px 0px 5px;
	font-size: 8pt;
}

.TP-LIST-AUTH-CELL
{
	padding: 0px 0px 0px 5px;
	font-size: 8pt;
}

.TP-LIST-INFO-CELL
{
	padding: 0px;
	text-align: right;
	font-size: 8pt;
}

/*
 * 新着情報
 */

#TP-NEWS-AREA
{
	background-color: #F6F7F7;
	border: solid 1px #D7C9ED;
}

#TP-NEWS-AREA h3
{
	margin: 0px;
	padding: 0px;
	border-bottom: solid 1px #D7C9ED;
	background-color: #FFFFFF;
}

#TP-NEWS-AREA img
{
	vertical-align: bottom;
}

#TP-NEWS-AREA dl
{
	margin: 0px;
	padding: 0px 10px 10px 10px;
}

#TP-NEWS-AREA dt
{
	margin: 3px 0px 0px 0px;
	padding: 0px;
}

#TP-NEWS-AREA dd
{
	margin-left: 0px;
	padding-left: 0px;
	color: #009FEC;
}

#TP-NEWS-AREA p
{
	margin: 4px 0px;
	padding: 0px;
}

/*
 * キャンペーン中のランキング
 */

#TP-CMP-AREA
{
	padding: 7px;
	border: solid 1px #D7C9ED;
}

#TP-CMP-INNER-AREA
{
	margin: 0px;
	padding: 0px 5px;
	background-color: #FFECFF;
}

.TP-CMP-TABLE
{
	width: 100%;
	border-collapse: collapse;
}

.TP-CMP-TITLE-CELL
{
	padding: 0px;
}

.TP-CMP-TITLE-CELL img
{
	vertical-align: bottom;
}

.TP-CMP-AUTH-CELL
{

	padding: 0px 0px 0px 22px;
	font-size: 8pt;
}

.TP-CMP-INFO-CELL
{
	padding: 0px;
	text-align: right;
	font-size: 8pt;
}

#TP-CMP-INNER-AREA div
{
	margin: 0px;
	padding: 0px;
	border-top: solid 1px #D7C9ED;
}

#TP-CMP-INNER-AREA div.First
{
	border-top-style: none;
}


#CMP-RANK-AREA
{
	border: solid 1px #D7C9ED;
	padding: 10px;
}

#CMP-RANK-TABLE
{
	width: 100%;
	border-collapse: collapse;
}

#CMP-RANK-TABLE th
{
	padding: 5px;
	border: solid 1px #D7C9ED;
	font-weight: normal;
	color: #9966FF;

}

#CMP-RANK-TABLE td
{
	padding: 5px;
	border: solid 1px #D7C9ED;
}

#CMP-RANK-TABLE .h { background-color: #F7F7F7; }
#CMP-RANK-TABLE .o {}
#CMP-RANK-TABLE .e { background-color: #FFEDFF; }

/******************************************************************************
 検定一覧ページ
******************************************************************************/

/******************************************************************************
 検定ページ
******************************************************************************/

#NINTEI
{
	width: 520px;
	margin: 15px 0px 15px 0px;
	padding: 10px;
	background-color: #EFF1F1;
}

#GL-SPLIT-RIGHT-CELL .RightOuterBlock
{
	border: solid 1px #E6D7FE;
	padding: 1px;
}

#GL-SPLIT-RIGHT-CELL .RightInnerBlock
{
	margin: 1px 0px 0px 0px;
	padding: 5px 8px 5px 8px;
	background-color: #FDFDF0;
}

.CommentTable { width: 100%; border-collapse: collapse; border-top: solid 1px #E6D7FE; }
.CommentSenderCell { padding: 0px; }
.CommentCommentCell { padding: 0px; }
.CommentRaingCell { padding: 5px 0px; }
.CommentTimeCell { padding: 5px 0px; text-align: right; }

/******************************************************************************
 検定編集ページ
******************************************************************************/

.EE-TEXT
{
	margin: 2px 0px;
	padding: 1px;
	background-color: #FEFEEF;
	border: solid 1px #D7C9ED;
}

.EE-LENGTH1 { width: 90%; }
.EE-LENGTH2 { width: 75%; }

.EE-SPLIT-TABLE
{
	width: 100%;
	border-collapse: collapse;
}

.EE-SPLIT-LEFT-CELL
{
	width: 192px;
	padding: 0px;
}

.EE-SPLIT-RIGHT-CELL
{
	padding: 0px;
	width: 400px;
}

.EE-TABLE
{
	width: 595px;
	margin-top: 10px;
	border-collapse: collapse;
	background-color: red;
}

.EE-PREV
{
	width: 591px;
	margin: 5px 0px;
	padding: 5px 0px;
	text-align: center;
}

.EE-PREV img
{
	cursor: pointer;
}

.EE-TABLE thead th
{
	padding: 3px 7px;
	border: solid 1px #D7C9ED;
	background-color: #FA9BBE;
	text-align: left;
	font-size: 11pt;
	color: #901568;
}

.EE-TABLE thead img
{
	cursor: pointer;
}

.EE-TABLE tbody th
{
	padding: 10px;
	border: solid 1px #D7C9ED;
	background-color: #FDDDF3;
	vertical-align: middle;
	text-align: left;
	font-weight: normal;
	color: #6229BB;
}

.EE-TABLE tbody td
{
	padding: 7px;
	background-color: #FFFFFF;
	border: solid 1px #D7C9ED;
}

/******************************************************************************
 ユーザー情報ページ
******************************************************************************/

#UP-PROFILE-OUTER-AREA
{
	margin: 0px 0px 20px 0px;
	padding: 10px;
	border: solid 1px #D7C9ED;
}

#UP-PROFILE-INNER-AREA
{
	background-color: #FBFAE2;
	padding: 10px;
}

#UP-PROFILE-CTRL-AREA
{
	margin-top: 5px;
	text-align: right;
}

/******************************************************************************
 ユーザー情報編集ページ
******************************************************************************/

.UE-MARK
{
	color: #FF0080;
}

.UE-TEXT
{
	background-color: #FEFEEF;
	border: solid 1px #D7C9ED;
	padding: 1px 3px;
	width: 90%;
}

.UE-NOTE
{
	margin-top: 3px;
	font-size: 9pt;
}

.UE-HEADER-NOTE
{
	font-size: 10px;
	font-weight: normal;
	color: #404040;
}

#UE-TABLE
{
	width: 100%;
	border-collapse: collapse;
}

#UE-TABLE th
{
	width: 22%;
	padding: 10px;
	border: solid 1px #D7C9ED;
	background-color: #FDDDF3;
	vertical-align: middle;
	text-align: left;
	font-weight: normal;
	color: #6229BB;
	white-space: nowrap;
}

#UE-TABLE td
{
	padding: 7px;
	background-color: #FFFFFF;
	border: solid 1px #D7C9ED;
}

#UE-BUTTON-AREA
{
	margin-top: 10px;
	text-align: center;
}

#UE-FLOW-AREA { border: solid 1px #D7C9ED; }
#UE-FLOW-AREA div { margin: 1px; padding: 5px; background-color: #F6F7F7; }
#UE-FLOW-AREA table { width: 100%; }
#UE-FLOW-AREA caption { text-align: left; color: #6229BB; }
#UE-FLOW-AREA th { color: #6229BB; }
#UE-FLOW-AREA td { font-weight: normal; }

/******************************************************************************
 ログインページ
******************************************************************************/

#LG-ERROR-AREA
{
	margin: 0px 0px 10px 0px;
	font-weight: bolder;
	color: #000000;
}

#LG-OUTER-AREA
{
	width: 520px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: solid 1px #E4D6FF;
	color: #901468;
}

#LG-LAYOUT-TABLE
{
	width: 100%;
	border-collapse: collapse;
}

#LG-LAYOUT-LEFT-CELL
{
	width: 172px;
	padding: 0px;
	background-color: #FEEEF4;
	border: solid 1px #FCE5EE;
}

#LG-LAYOUT-LEFT-CELL img
{
	vertical-align: bottom;
}

#LG-LAYOUT-RIGHT-CELL
{
	padding: 4px 14px 4px 14px;
	border: solid 1px #FCE5EE;
	background-color: #F99ABD;
}

#LG-LAYOUT-RIGHT-CELL form
{
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#LG-LAYOUT-RIGHT-CELL table
{
	width: 100%;
}

.LG-LOGIN-TABLE
{
	border-collapse: collapse;
}

.LG-LOGIN-RIGHT
{
	text-align: right;
}

.LG-LOGIN-TEXT
{
	border: solid 1px #FCE5EE; width: 235px;
}
.LG-LOGIN-CHECK
{
}

.LG-COMMON-TABLE
{
	background-color: #FBB9D3;
	border-collapse: collapse;
	border: solid 1px #FDECF3;
}

.LG-COMMON-HEAD-CELL
{
	padding: 1px 5px;
	background-color: #F86FA4;
	border: solid 1px #FDECF3;
	color: #FFFFFF;
}

.LG-COMMON-HEAD-CELL2
{
	padding: 1px 5px;
	background-color: #D6257D;
	border: solid 1px #FDECF3;
	color: #FFFFFF;
}

.LG-COMMON-DESC-CELL {
	padding: 1px 5px;
}

.LG-COMMON-CTRL-CELL
{
	padding: 1px 5px; text-align: right;
}

.LG-COMMON-TEXT
{
	border: solid 1px #FCE5EE; width: 100%;
}

.LG-COMMON-IMG-CELL
{
	padding: 0px;
	text-align: right;
	vertical-align: bottom;
}

.LG-COMMON-IMG-CELL img
{
	vertical-align: bottom;
}

/******************************************************************************
 ヘルプページ
******************************************************************************/

.DH-Q-AREA { width: 520px; margin: 10px 0px; padding: 8px; border: solid 1px #E6D7FE; }
.DH-Q-AREA table { margin: 8px 0px; }
.DH-H { padding: 5px; background-color: #FFDDF2; font-size: 11pt; color: #9D65FF; }
.DH-Q { color: #9D65FF; }
.DH-A {}

/******************************************************************************
 よろず
******************************************************************************/

.YZ-LIST-TABLE
{
	width: 300px;
	border: solid 1px #CCCCCC;
}

.YZ-LIST-TABLE td
{
	padding: 2px;
	border: solid 1px #CCCCCC;
	background-color: #FBFAE2;
}

/******************************************************************************
 FANCY TABLE
******************************************************************************/

table.fancy {
	margin: 0.5em 0 0.5em 0;
	border-collapse: separate;
	border-spacing: 1px;
	empty-cells: show;
}

table.fancy th {
	padding: 0px 0.25em 0px 0.25em;
	background-color: #C0E0C0;
	white-space: nowrap;
	border-top:    solid 1px #E8F8C8;
	border-right:  solid 1px #B0D0B0;
	border-bottom: solid 1px #B0D0B0;
	border-left:   solid 1px #E8F8C8;
}

table.fancy td {
	border: 0px;
	padding: 1px 0.25em 1px 0.25em;
	background-color: #E8F0E0;
	white-space: nowrap;
}

table.fancy a:link, table.fancy a:visited {
	color: #0000FF;
	font-weight: bolder;
	text-decoration: none;
}

table.fancy a:link:hover, table.fancy a:visited:hover {
	color: #FF0000;
}

table.fancy table form {
	display: inline;
}

.fill { /* space-fill なセルを作る */
	width: 100%;
}

.border { /* テーブルにボーダーを持たせる */
	/* このスタイルでは未使用 */
}

/******************************************************************************
 ERRORS
******************************************************************************/

div.errors {
	margin: 10px 0 10px 0;
	padding: 10px;
	background-color: #FFE0E0;
	border: solid thin #FF8080;
	font-size: smaller;
}

div.errors strong {
	font-size: larger;
}

div.errors ul {
	margin: 0;
	padding-left: 2em;
}

/******************************************************************************
 汎用クラス
******************************************************************************/

/* 検索パネル */
form.search {
	margin-bottom: 1.25em;
	border-left: solid 6px #80C080;
}

/* 補足説明 */
.description {
	font-size: 80%;
}

/* マージンをなくしたリスト */
ul.compact {
	margin: 0;
	padding: 0;
}
ul.compact li {
	margin-left: 1.5em;
	padding: 0;
}