@charset "SHIFT_JIS";

/* ============ ページ全体の構造 ============================ */
body   {
	background-image: url(../img/top_back.gif);
	width:676px;
}

h1 {
	margin: 0 0 15px 0;
	padding: 8px;
	background-color: #0b0e54;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

h2 {
	padding: 2px;
	background-image: url(../img/h2_cap.gif);
	background-repeat: no-repeat;
	height: 30px;
	padding-left: 30px;
	font-size: 15px;
	font-weight: bold;
	color: black;
}
h2.resource {
	padding: 2px;
	background-image: url(../img/h2_cap2.gif);
	background-repeat: no-repeat;
	height: 30px;
	padding-left: 30px;
	font-size: 15px;
	font-weight: bold;
	color: black;
}
h3 {
	margin-left:10px;
	padding: 2px;
	background-image: url(../img/h3_cap.gif);
	background-repeat: no-repeat;
	height: 26px;
	padding-left: 30px;
	font-size: 14px;
	font-weight: bold;
	color: black;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
}

img {
	border-style: none;
}

hr {
	color: #0b0e54;
	height: 2px;
}

hr.note {
	color: gray;
	height: 1px;
}


.floatClear {
	clear: both;
	overflow: hidden;
}

/* ============ 文書のヘッダ =============================== */
strong  
{
	margin-top: 10px;
	font-weight: bold;
	font-size: 25px;
	width: 660px;
	color: #0b0e54;
	font-family: "ＭＳ ゴシック";
	height: 45px;

}

.header  {
	text-align:right;
	width: 666px;
	margin: 0px 0px 0px 9px;
	background-image: url(../img/top_rogo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.header .logo  {
	color: #18183c;
	text-indent: 200px;
	margin-bottom: 12px;
	position: relative;
	top:6px;
	border-top: 12px;
	border-bottom: 12px
}

.header .logo .type    {
	text-align:left;
	font-size: 14px;
	font-family: "ＭＳ Ｐ明朝";
	text-indent: inherit;
}
.header .logo .name1   {
	text-align:left;
	font-size: 16px;
	font-family: "ＭＳ Ｐゴシック";
	font-weight: bold;
	text-indent: inherit;
}
.header .logo .name2   {
	text-align:left;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	text-indent: inherit;
}

/* ============ページ先頭ナビゲーションブロック============== */
div.cmenu {
	width:664px;
	margin:0px 0px 10px 11px;
}
div.cmenu * {
	font-family:"ＭＳ Ｐゴシック";
	font-weight:bold;
	font-size:15px;
}
div.cmenu table.gmenu {
	width:664px;
	border-collapse:collapse;
	border-spacing:0;
}
div.cmenu td.title {
	text-align:right;
	line-height:60px;
	margin-top:10px;
	font-weight:bold;
	font-size:25px;
	color:#0b0e54;
	font-family:"ＭＳ ゴシック";
}
div.cmenu tr.menu td {
	border-top:1px solid #3165ce;
	border-bottom:1px solid #3165ce;
	border-right:dotted 1px #0b0e54;
	background-color:#e8eeff;
}
div.cmenu tr.menu td.mergin_l { width:50px; }
div.cmenu tr.menu td.mergin_r { width:50px; border-right:none 0px; }
div.cmenu tr.menu td div.gmenu {
	width:120px;
	height:30px;
	line-height:30px;
	text-align:center;
	vertical-align:middle;
}
div.cmenu tr.menu td div a {
	color:navy;
	display:block;
	text-decoration:none;
}
div.cmenu tr.menu td div a:hover {
	background-color:#072d6e;
	color:white;
}
div.cmenu tr.menu div#pub01 { left:169px; }
div.cmenu tr.menu div#pub02 { left:292px; }
div.cmenu tr.menu div.subtop {
	background-color:#f1f4f5;
	position:absolute;
	margin-top:-2px;
}
div.cmenu tr.menu div.subtop table {
	width:122px;
	border-collapse:collapse;
	border-spacing:0;
	border:dotted 1px #0b0e54;
	border:solid 1px #0b0e54;
}
div.cmenu tr.menu div.subtop table tr {
	line-height:30px;
	border:none 0px;
}
div.cmenu tr.menu div.subtop table tr td {
	text-align:center;
	vertical-align:middle;
	border:none 0px;
	border-bottom:dotted 1px #0b0e54;
	background-color:#f9fbfd;
}
div.cmenu tr.menu div.subtop table td a {
	color:navy;
	display:block;
	text-decoration: none;
}
div.cmenu tr.menu div.subtop table td a:hover {
	background-color:#072d6e;
	color:white;
}
div.cmenu tr.menu div.subtop .suboff { display:none;  }
div.cmenu tr.menu div.subtop .subon  { display:block; }

/* =========== 本文の構造 ================================== */
.main {
	margin: 14 10 1em 0;
	padding: 14px 40px;
	width: 666;
	text-align:left;
	line-height:22px;
}
.main p  {
	font-size: 14px;
	margin: 0 0 1em;
	padding: 0
}
/* 注意書きの段落 */
.main .attention  {
	font-size: 14px;
	color: orange;
	font-weight: bold
	text-decoration: none;
}

/* 補足の段落 */
.main .note  {
	font-size: 14px;
	color: blue
}
/* 概要の段落 */
.main .content {
	font-size:14px;
	color:black
	font-family:"ＭＳ Ｐゴシック";
}
/* 強調 */
.strong {
	font-weight: bold;
}
/* プログラムのソース */
.source {
	font-size: 12px;
	font-weight: bold;
	font-family: "ＭＳ ゴシック";
}

/* バナー */
a.banner {
	color:gray;
	font-weight: bold;
	text-decoration: none;
}
a.banner p {
	font-size: 14px;
	margin:0;
}
a.banner:hover {
	color:red;
	font-weight: bold;
	text-decoration: none;
}

/* 保守用テーブル */
table.supportheader            { font-size:15px; font-family:"Arial","ＭＳ ゴシック"; border-top:solid 1px #072d6e; width:550px; table-layout:fixed; }
table.supportheader            { font-weight:bold; height:45px; color:red; background-color:#e4eaf7; }
table.supportheader tr a       { text-decoration:none; color:#0068b6; display:block; margin-top:10; }
table.supportheader tr a b     { font-size:17px; }
table.supportheader tr a:hover { text-decoration:none; color:red; }
table.supportheader tr img     { margin:-10 10 0 10; float:left; }
table.supporttable             { font-family:"Arial","ＭＳ ゴシック"; border-top:solid 1px #072d6e; border-bottom:solid 1px #072d6e; width:550px; table-layout:fixed; }
table.supporttable  tr td      { border-bottom:solid 1px #ded4c2; padding:5; }
table.supporttable  tr td.name { text-align:center; font-weight:bold; color:#4c4948; background-color:#f4f4f4; width:90px; }
table.supporttable  tr.foot td { border:0; }
table.resourcetable            { border-collapse:collapse; font-weight:bold; font-size:15px; font-family:"Arial","ＭＳ ゴシック"; width:550px; }
table.resourcetable td         { vertical-align:middle; border:solid 1px #072d6e; }
table.resourcetable tr a       { text-decoration:none; color:#0068b6; display:block; margin-top:10; }
table.resourcetable tr a:hover { text-decoration:none; color:red; }
table.resourcetable tr img     { float:left; }
table.resourcetable tr.rname   { background-color:#eaedec; text-align:center; }
table.resourcetable tr.rval    { line-height:20px; }

/* ------------ 本文内の説明付き画像 ------------------------- */
.main .float_pic {
	float: left;
	margin: 0 10px 10px 0;
	border: solid 1px #2966A0;
}
.main .float_pic img {
	display: block;
}

.main .float_pic p {
	margin:0;
	padding:3px;
	background-color:#f3f3f3;
	font-size:12px;
	text-align:center;
	color:black;
}
/* ------------ 本文内の画像 ------------------------- */
.main .static_pic {
	margin: 0 10px 15px 0;
}
/* ------------------- FSN ------------------------------ */
.main .fsnbox {
	background-color: #e8eeff;
	border: solid 1px #2966A0;
	margin: 10px 50px 20px;
	font-size:13px;
	font-family: "ＭＳ ゴシック";
}
.main .fsnbox a {
	color: navy;
	font-style: normal;
	list-style-type: none;
	position: relative;
	text-decoration: none;
}
.main .fsnbox a:hover {
	color: red;
}
.main .fsnbox imgback {
	border-style: none;
	float: left;
}

.main .fsnbox img {
	display: block;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.main .imgnote {
	font-size: 14px;
	line-height:20px;
}

/* ------- ソースなどを表辞するグレーのエリア--------- */
.main .simplebox {
	background-color: #e0e0e0;
	border: solid 1px #2966A0;
	margin: 10px 40px 20px;
	font-size: 14px;
	font-family: "ＭＳ ゴシック";
}
.main .simplebox caption {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック";
	font-weight: bold;
	color : #666666;
}
.main .simplebox thead {
	font-size:11pt;
}

.main .sheet {
	background-color: #e0e0e0;
	border: solid 2px #2966A0;
	margin: 10px 40px;
	font-size: 14px;
	font-family: "ＭＳ Ｐゴシック";
	border-collapse: collapse; 
	table-layout:inherit;
	width:505px;
}
.main .sheet caption {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック";
	font-weight: bold;
	color : #666666
}
.main .sheet th {
	border: solid 1px #2966A0;
	text-align:center;
}

.main .sheet td {
	background-color: #ffffdd;
	border: solid 1px #2966A0;
	line-height:20px;
}

/* ------------ 箇条書き ------------------------- */
.main ul    {
	font-size: 12px;
	line-height: 14px;
	list-style-position: outside;
	margin: 0 0 4px 12px;
	padding-bottom: 8px;
	padding-left: 10px;
}
.main ul li {
	font-size: inherit;
	line-height: inherit;
	white-space: normal;
	list-style: square;
	margin-top: 3px;
}

/* ============ 文書のフッタ =============================== */
.footer  {
	width: 666px;
	padding-left: 9px;
	font-size: 14px;
}
ul.footlist li {
	float: left;
	width:140px;
	text-align: center;
	font-family: "ＭＳ ゴシック";
	border-right: dotted 1px #0b0e54;
	list-style-type: none;

}
ul.footlist li a {
	color: #0b0e54;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
ul.footlist li a:hover {
	color: #b20026
}
.footer p {
	text-align: right;
	margin-right: 14px;
	font-family: "Arial";
	font-size: 12px;
}


/* ============ 互換性 =============================== */
#mlist { font-size: 75%; list-style-type: none; margin-top: 17px; margin-left: 15px; width: 150px; }
ul#mlist li { text-align: center; margin-top: 7px; width: 150px; height: 25px; border: solid 1px #999999; }
ul#mlist li a { color: gray; text-decoration: none; display: block; padding: 5px; width: 150px; }
ul#mlist li a:hover { color: #0b0e54; background-color: #e6e6e6; }
.fact { background-image: url("../img/caption.gif"); background-repeat: no-repeat; margin-left: 20px; }
.cap  { font-weight: bold; margin-left: 12px; vertical-align: super; }
.inside { font-size: 80%; }
.intable { font-size: 95%; text-align: center; margin-right:5px; }
.end  { background-image: url("../img/footer.gif"); background-repeat: no-repeat; }
.text { font-size: 80%; color: gray; text-decoration: none; }
.caption { background-image: url("../img/caption.gif"); background-repeat: no-repeat; font-weight: bold; height: 40px; color: black; font-size: 17px; text-indent: 20px; }
.figuretitle { color: navy; font-weight: bold; font-size: 16px; }
.figurenotes { color: red ; font-weight: bold; font-size: 14px; }

/* ============ トップページ =============================== */
div.app              { background-image:url(../img/top_label.gif); background-repeat:no-repeat; position:absolute; top:45px; left:19px; width:700px; height:190px; padding-left:10px; }
div.app #disp        { padding-bottom:11px; padding-left:6px; position:absolute; margin-left:5px; margin-top:9.5px; }
div.contents         { margin:0px; padding-left:40px; height:630px; }
div.contents *       { margin:0px; }
div.contents a,p     { font-size:12px; font-weight:normal; text-decoration:none; color:black; }
div.contents a:hover { text-decoration:underline; color:#cd3517; }
p.aboutwork          { font:bold 13px "MS UI Gothic"; width:670px; text-align:right; }
div.categories       { position:absolute; width:180px; line-height:15px; }
div.block            { border-bottom:1px solid #aaabab; }
div.block p          { background-color:#e6ebef; margin:0px; border:1px solid #aaabab; border-bottom:0px none; }
div.block p img      { margin:5px 5px 3px 5px; }
div.topics           { margin:0px; overflow:auto; border:1px solid #aaabab; width:inherit; border-top:0px none; }
div.topics p         { margin:0px; margin-bottom:5px; }
div.topics tt        { font-size:12px; font-weight:bold; padding-left:12pt; color:#cd3517; font-family:"Courier New",Courier,"ＭＳ Ｐゴシック",Osaka; padding-top:12px; }
div.topics b         { font-size:12px; font-weight:bold; padding-left:12pt; color:#e60012; font-family:"Courier New",Courier,"ＭＳ Ｐゴシック",Osaka; }
div.topics span      { font-size:12px; font-weight:bold; padding-left:15px; }
div.topics .link     { color:blue; cursor:hand; }
div.product    { margin-left:10px; }
.product p     { margin-top:5px; margin-bottom:5px; width:65px; font:bold 14px "MS UI Gothic"; border-bottom:1px dotted #1d2088; }
.product img   { margin:-3px; margin-left:5px; }
.product a     { margin:0px; }
span.applink   { margin:5px; display:block; width:200px; }
span.applink a { font-size:12px; font-weight:bold; padding-left:12pt; color:#cd3517; font-family:"ＭＳ Ｐゴシック"; }

/* ============ マルチウィンドウ ====================== */
.overlay_dialog {
	background-color: #666666;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.overlay___invisible__ {
  background-color: #666666;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.dialog_nw {
	width: 9px;
	height: 23px;
	background: transparent url(../img/top_left.gif) no-repeat 0 0;
}

.dialog_n {
	background: transparent url(../img/top_mid.gif) repeat-x 0 0;
	height: 23px;
}

.dialog_ne {
	width: 9px;
	height: 23px;
	background: transparent url(../img/top_right.gif) no-repeat 0 0;
}

.dialog_e {
	width: 2px;
	background: transparent url(../img/center_right.gif) repeat-y 0 0;
}

.dialog_w {
	width: 2px;
	background: transparent url(../img/center_left.gif) repeat-y 0 0;
}

.dialog_sw {
	width: 9px;
	height: 19px;
	background: transparent url(../img/bottom_left.gif) no-repeat 0 0;
}

.dialog_s {
	background: transparent url(../img/bottom_mid.gif) repeat-x 0 0;
	height: 19px;
}

.dialog_se {
	width: 9px;
	height: 19px;
	background: transparent url(../img/bottom_right.gif) no-repeat 0 0;
}

.dialog_sizer {
	width: 9px;
	height: 19px;
	background: transparent url(../img/sizer.gif) no-repeat 0 0;
	cursor:se-resize;
}

.dialog_close {
	width: 14px;
	height: 14px;
	background: transparent url(../img/close.gif) no-repeat 0 0;
	position:absolute;
	top:5px;
	left:8px;
	cursor:pointer;
	z-index:2000;
}

.dialog_minimize {
	width: 14px;
	height: 15px;
	background: transparent url(../img/minimize.gif) no-repeat 0 0;
	position:absolute;
	top:5px;
	left:28px;
	cursor:pointer;
	z-index:2000;
}

.dialog_maximize {
	width: 14px;
	height: 15px;
	background: transparent url(../img/maximize.gif) no-repeat 0 0;
	position:absolute;
	top:5px;
	left:49px;
	cursor:pointer;
	z-index:2000;
}

.dialog_title {
	float:left;
	height:14px;
	font-size:12px;
	text-align:center;
	width:100%;
	color:#000;
}

.dialog_content {
	overflow:auto;
	color: #DDD;
	font-family: Tahoma, Arial, Sans Serif;
	font-size: 10px;
	background-color:#123;
}

.top_draggable, .bottom_draggable {
  cursor:move;
}

.status_bar {
  font-size:12px;
}
.status_bar input{
  font-size:12px;
}

.dialog {
	display: block;
	position: absolute;
}

.dialog table.table_window  {
  border-collapse: collapse;
  border-spacing: 0; 
  width: 100%;
	margin: 0px;
	padding:0px;
}

.dialog table.table_window td , .dialog table.table_window th {
  padding: 0; 
}

.dialog .title_window {
  -moz-user-select:none;
}

.table           { background-color:#e0e0e0; border:solid 2px #2966A0; margin:10px 40px; border-collapse:collapse; table-layout:inherit; line-height:140%; }
.table caption   { text-align:center; font-size:15px; font-weight:bold; }
.table th        { border:solid 1px #2966A0; }
.table td        { background-color:#ffffdd; border:solid 1px #2966A0; font-size:14px; font-family:"MS UI Gothic";}
.table td span.applink a { font-weight:normal; color:blue; text-decoration:none; }
.table td span.applink a:hover { color:red; }
div.absolute { position:absolute; }

div.summary { margin-left:10px; margin-top:10px; margin-bottom:20px; clear:both; }
div.summary .strong { margin-top:0px; }