.dialog {
	min-width:20em;
	max-width:500px; /* お好みにより編集してください */
	color:#333;
	width:expression(document.body.clientWidth > 605? "603px" : "auto");
	padding-left:40px;
	padding-right:10px;
}

table#diag{
 width:92%;
 font-size:12px;
 	}

table#diag .stepexp{
 padding-top:24px;
 padding-bottom:12px;
 font-size:12px;
 }
 
table#diag .blank{
 width:20px;
 }

table#diag .cont{
 border-color:#FFFFFF;
 border-width:1px;
 border-style:solid;
 background-color:#eee8d5;
 padding:3px;
 padding-left:18px;
 color:#333333;
 width:200px;
 	} 

table#diag .listb{
 width:14px;
 	} 

table#diag .lists{
  padding:4px;
 width:200px;
 	} 

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px;
 height:18px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
	background:transparent url(../images/tl.png) no-repeat 0px 0px;
	margin-right:19px; /* 右角スペース */
}

.dialog .hd .c {
 background:transparent url(../images/tr.png) no-repeat right 0px;
 margin-right:-18px; /* 上余白からの引き込み */
}

.dialog .bd {
 background:transparent url(../images/ml.png) repeat-y 0px 0px;
 margin-right:18px;
}

.dialog .bd .c {
 background:transparent url(../images/mr.png) repeat-y right 0px;
 margin-right:-18px;
}

.dialog .bd .c .s {
 margin:0px 10px 0px 9px;
 background:#ededed url(../images/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(../images/bl.png) no-repeat 0px 0px;
 margin-right:18px;
}

.dialog .ft .c {
 background:transparent url(../images/br.png) no-repeat right 0px;
 margin-right:-18px;
}

/* テーブル内コンテンツ */

.dialog h1 {
 /* ヘッダー */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
 font-family:"Courier New", Courier, monospace;
}

p {
 font-family:Arial, 'ＭＳ Ｐゴシック', sans-serif;
}

.dialog p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em Arial, 'ＭＳ Ｐゴシック', sans-serif;
}

html>body .dialog pre {
 font-size:1.1em;
}