@charset "UTF-8";

@import url("/psl/common/css/default.css");

/* help_content.css */

body {
	background-image: none;
}

#help_content {
	border: 1px solid blue;
}

#help_navigation {
	border: 1px solid gray;
}

#main {
	margin: 0 10px;
	padding-bottom: 10px;
}

.text_img_caption {
	font-size: 84%;
	_font-size: 70%;
}

/* ----------------------------------------------------- */
/* テキストサイズ変更 */
/* ----------------------------------------------------- */
#main #textsize {
	padding-top: 4px;
	font-size: 12px;
	margin: 0 0 4px 0;
	text-align: right;
	color: #666;
}

#main #textsize a {
	text-decoration: none;
	padding: 3px;
	font-weight: bold;
}

#main #textsize a.default {
	margin-right: 4px;
}

/* 指定されていない文字サイズの背景色 */
#main #textsize a {
	background: #E5F2FF;
	color: #406282;
}

#main #textsize a:hover {
	background: #D0E8FF;
}

/* ----------------------------------------------------- */
/* MAIN */
/* ----------------------------------------------------- */
/* 見出し大きさ */
h1 {
	font-size: 120%;
}
h2 {
	font-size: 110%;
}
h3 {
	font-size: 100%;
}

/* タイトル */
#main h1 {
	margin-bottom: 10px;
	color: #4D4D4D;
}
#main h2 {
	margin-bottom: 10px;
	color: #4D4D4D;
}

/* 太字強調 */
p.text_catchphrase {
	font-weight: bold;
}

/* ブロック(ヘルプ項目本文エリア) */
.section_lead,
.section_body,
.module_inquiry {
	margin-bottom: 30px;
}

/* ブロック(下部エリア) */
.module_link {
	margin-bottom: 20px;
}


/* リンクエリア */
.module_link h3 {
	margin-bottom: 5px;
}
#main .module_link li {
	list-style-type: none;
	margin-bottom: 2px;
}

/* 関連スタティックコンテンツ (アイコン+リンクテキスト) */
.dl_indexlist2 dt {
	float: left;
	clear: left;
	width: 60px;
	padding-bottom: 2px;
}
.dl_indexlist2 dd {
	margin-left: 70px;
	_text-indent: -3px; /* for IE */;
	padding-bottom: 3px;
}
.dl_indexlist2 dt.link {
	background: url("/psl/common/img/icon_link.gif") no-repeat 0 2px;
}
.dl_indexlist2 dt.link_blank {
	background: url("/psl/common/img/icon_link_blank.gif") no-repeat 0 2px;
}

/* お問い合わせ */
.module_inquiry .inquiry_box {
	background-color: #E6ECF2;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: 3px;
	padding: 15px;
}

.module_inquiry .inquiry_box table th {
	text-align: left;
	vertical-align: top;
	width: 150px;
	font-weight: normal;
}

.module_inquiry .inquiry_box table td {
	vertical-align: top;
	padding-left: 15px;
}

.module_inquiry .inquiry_box table table {
	background: url("/psl/common/img/border_dot.gif") repeat-x left top;
	width: 300px;
}

.module_inquiry .inquiry_box table table th {
	padding: 2px;
	text-align: right;
	width: 7em;
	background: url("/psl/common/img/border_dot.gif") repeat-x left bottom;
	vertical-align: middle;
}

.module_inquiry .inquiry_box table table td {
	padding: 2px 2px 2px 0;
	background: url("/psl/common/img/border_dot.gif") repeat-x left bottom;
}

/* ----------------------------------
データテーブル共通
---------------------------------- */
.table_a caption, .table_b caption {
	text-align: left;
}


/* ----------------------------------
データテーブルA
---------------------------------- */
.table_a {
	clear: both;
	width: 100%;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	margin-bottom: 3px;
}

.table_a th, .table_a td {
	padding: 3px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

.table_a th {
	background: #DEEEFF;
}

.table_a tr.line2 td {
	background: #F2F2F2;
}
/* ----------------------------------
データテーブルB
---------------------------------- */
.table_b {
	clear: both;
	width: 100%;
	border-top: 1px solid #D3D3D3;
	margin-bottom: 3px;
}

.table_b th, .table_b td {
	padding: 3px;
	border-bottom: 1px solid #D3D3D3;
}

.table_b th {
	text-align: left;
	font-weight: normal;
}
.table_b tr.line2 td {
	background: #F2F2F2;
}

/* ----------------------------------
ディレクトリ型インデックス (for ヘルプトップ)
[MEMO] .module_link と要併用
---------------------------------- */
.module_link li.col_l,
.module_link li.col_r {
	float: left;
	width: 202px;
	margin-right: 8px;
}
.module_link li.col_l {
	clear:left;
}