/* スタイルシート */

/* ************************************************************************ */
/* ******************************** Body ********************************** */
/* ************************************************************************ */

body {
   font-family: arial;
   color: black;
   background-color: white;
   letter-spacing: 0.2em; 
   margin: 0 auto;
	text-align: center;
}


/* ************************************************************************ */
/* ********************************* box1 ********************************* */
/* **************************** 画面の中央寄せ **************************** */
/* ************************************************************************ */

/* ********************************* box1 ********************************** */
div.box1 {
   width: 1200px;
   margin: 0 auto;
   text-align: left;
   border: none;
   background-color: white;
}




/* ************************************************************************ */
/* ********************************* Div ********************************** */
/* ************************************************************************ */

/* ********************************* リンク ********************************** */
div.link {
   text-align: left;
   border: none;
   font-size: 80%;
}

/* ********************************* トップへ ********************************** */
div.jumptop {
	clear: both;
   text-align: right;
   font-size: 80%;
}



/* ********************************* 免責 ********************************** */
div.menseki {
   text-align: left;
   font-size: 80%;
   line-height: 1em;
   color: black;
   background-color: #faf0e6;
   font-size: 90%;
   float: right;
   border-top: solid 3px #cc9900;
   border-bottom: solid 3px #cc9900;
   margin: 1em 0 0 0;
   padding: 2px;
}



/* ********************************* 本文 ********************************** */
div.honbun {
   clear: both;
   margin: 1em 2em;
}

/* ********************************* 強調 ********************************** */
div.kyocho {
   color: black;
   background-color: #faf0e6;
   font-weight: bold;
}

/* ********************************* トピックス ********************************** */
div.topics {
   width: 300px;
   color: black;
   background-color: #faf0e6;
   font-size: 90%;
   float: right;
   border: solid 1px #cc9900;
   margin: 0 0 1em 1em;
   padding: 2px;
   line-height: 1em;
}


/* ********************************* 備考 ********************************** */
div.bikou {
   clear: both;
   width: 300px;
   float: right;
   border: solid 1px black;
   margin-top: 1em;
   padding-left: 0.5em;
   padding-right: 0.5em;
   font-size: 80%;
   line-height: 1.2em;
}


/* ********************************* 例題 ********************************** */
div.reidai {
	clear: both;
	text-align: left;
	font-family: monospace;
	margin:0;
	color: black;
	background-color: #f0f0f0;
	border: 1px solid black;
	padding: 0.5em 1em;
	letter-spacing: 0;
}

/* ********************************* メモ ********************************** */
div.memo {
   font-size: 120%;
   font-weight: normal;
   color: #000066;
	background-color: #ffffcc;
	border: solid 1px black;
   padding: 5px;
	line-height: 1.2em;
}

/* ********************************* 段落をボーダーで囲む場合 ********************************** */
div.item {
   width: 100%;
   border: solid 1px black;
   clear: both;
   margin-top: 1em;
}

div.itemt {
   clear: both;
   border-bottom: solid 1px black;
   background-color: #e0ffff;
   font-size: 110%;
   padding: 0.2em 0.5em 0.2em 0.5em;
}

div.itemd {
   clear: both;
   font-size: 100%;
   padding: 0.5em;
}

/* ********************************* 注釈 ********************************** */
div.chut {
	font-size: 110%;
	font-weight: bold;
	margin-top: 1em;
}

div.chud {
	margin-left: 4em;
}


/* ********************************* 大きな画像を左表示 ********************************** */
div.divimgl {
   float: left;
}


/* ********************************* アイテムを4列表示 ********************************** */
table.ItemTblTable {
	border: none;
	margin-top: 1em;
	border-collapse: collapse;
	border-spacing: 0;
}

tr.ItemTblTr {
	border: none;
}

td.ItemTblTdTitle {
	border: solid 1px black;
   background-color: #e0ffff;
   text-align: center;
}

td.ItemTblTdImg {
	border: solid 1px black;
	width: 291px;
	text-align: center;
}

td.ItemTblTdDesc {
	vertical-align: top;
	border: solid 1px black;
	width: 291px;
   padding: 5px;
}
a.ItemTblA {
	text-decoration: none;
}




/* ************************************************************************ */
/* ******************************** Table ********************************* */
/* ************************************************************************ */

/* ********************************* 表１ ********************************* */
table.hyo1 {
	border: none;
	table-layout: fixed;
	border-collapse: collapse;
}

tr.hyo1 {
	border: none;

}

th.hyo1 {
	border: solid 1px black;
	color: black;
   background-color: #f0f0f0;
/*	background-color: #993366;*/
}

td.hyo1 {
	border: solid 1px black;
	padding-left: 0.5em;
	padding-right: 0.5em;
}


/* ************************************************************************ */
/* ********************************* Img ********************************** */
/* ************************************************************************ */

img.imgl {
   float: left;
   vertical-align: top;
   border: solid 2px silver;
	margin:0 2em 1em 0;
}

img.imgr {
   float: right;
   vertical-align: top;
   border: solid 2px silver;
	margin:0 0 1em 2em;
}



/* ************************************************************************ */
/* ********************************* Popup ******************************** */
/* ************************************************************************ */
div.popup1 {
	position: fixed;
	border-top: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	display: none;
	width:600px;
	height: 18px;
	padding: 0;
	text-align: right;
}
div.popup2 {
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	position: fixed;
	width: 600px;
	height: 400px;
	color: black;
	background-color: #fff8dc;
	text-decoration: none;
	overflow: scroll;
	display: none;
	cursor: default;
	padding: 0;
	font-size: 85%;
}

li.popup {
	color: #660066;
   cursor: pointer;
	text-decoration: underline;
}

li.popup1 {
	color: #660066;
   cursor: pointer;
	text-decoration: underline;
}
div.puclose {
	text-align: center;
}

div.puclose {
	margin: 0;
	text-align: center;
	color: red;
	cursor: default;
}

div.putitle {
   clear: both;
   text-align: left;
	line-height: 1.5em;
   margin: 1em 0 0 0;
   padding: 0.5em 1em 0.5em 1em;
   color: black;
   background-color: #f0f0f0;
	font-size: 110%;
	font-weight: 700;
}

div.puhonbun {
   clear: both;
   margin: 1em 1em 1em 2em;
   padding: 0.5em 0 0.5em 0;
	cursor: default;
}



/* ************************************************************************ */
/* ************************** VB6・VB.NET関数対応 ************************* */
/* ************************************************************************ */
table.vb6vsvbnet {
	width: 100%;
	table-layout: fixed;
	border: none;
	border-collapse: collapse;
	empty-cells: show;
}

tr.vb6vsvbnet {
	border: none;
}

th.vb6vsvbnet {
	border: solid 1px black;
}

td.vb6vsvbnet {
	border: solid 1px black;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

/* ************************************************************************ */
/* *************************** 下線に色を付ける *************************** */
/* *** 下線に色を付けるには2段階の処理が必要                            *** */
/* *** 1段階目は<span>あるいは<p>でclass="ul1下線色"とする              *** */
/* *** 2段階目は<span>でclass="ul2文字色"とする                         *** */
/* *** クラス名=ulの次の数字は、1段階目か2段階目を表している            *** */
/* ************************************************************************ */

/* ***************************** 1段階目 ********************************** */
.ul1red {  /* 下線色：赤 */
	color: red;
	text-decoration: underline;
}

/* ***************************** 2段階目 ********************************** */
span.ul2black { /* 文字色：黒 */
	color: black;
	text-decoration: none;
}





/* ************************************************************************ */
/* ********************************* span ********************************* */
/* ************************************************************************ */



/* ********************************* リンク ********************************** */
span.link {
   color: black;
   padding-left: 0.3em;
   padding-right: 0.3em;
}



/* ********************************* リンク用矢印 ********************************** */
span.linkallow {
	color: black;
	font-size: 110%;
	margin-left: 1em;
	margin-right: 1em;
}



/* ********************************* 強調 ********************************** */
span.kyocho {
	/* color: black;
	background-color: #faf0e6; */
	color: white;
	background-color: black;
	/* font-weight: bold; */
	padding: 0.1em 0.5em;
}



/* ********************************************************************************* */
/* **************************** 各種コード用コメント ******************************* */
/* ********************************************************************************* */
span.comment { /* 緑 */
	color: green;
}

a.chu { /* 赤 */
	color: red;
	text-decoration: none;
}

span.chu { /* 赤 */
	color: red;
}




/* ************************************************************************ */
/* ********************************* dtタグ ******************************* */
/* ************************************************************************ */
dt.dt0 {
	font-size: 120%;
	font-weight: bold;
}

dt.dt1 {
   margin-top: 1em;
	font-size: 120%;
	font-weight: bold;
}




/* ************************************************************************ */
/* ********************************* hタグ ******************************** */
/* ************************************************************************ */

h1 {
   clear: both;
   text-align: left;
   font-size: 180%;
   line-height: 2em;
   color: #daa520;
   background-color: #e6e6fa;
   margin: 0 auto;
   padding: 0 1em;
}

h2 {
   clear: both;
   text-align: left;
   font-size: 150%;
   line-height: 3em;
   margin: 0 auto;
   color: black;
   background-color: #e6e6fa;
   padding-left: 1em;
   border-top: #0099ff 1px solid;
}

h3 {
   clear: both;
   text-align: left;
   font-size: 120%;
   font-family: arial;
   line-height: 3em;
   color: black;
   background-color: #f0f0f0;
   padding-left: 0.5em;
   border: 1px #d0d0d0 solid;
   margin: 2em 0 1em 0;
}

h4 {
   clear: both;
   text-align: left;
   font-size: 110%;
   line-height: 1.5em;
   color: black;
   /*background-color: #f9f9f9;*/
   /*border: 1px #f0f0f0 solid;*/
   margin-top: 1em;
}

h5 {
   color: black;
   background-color: #d8d8d8;
   font-size: 120%;
   font-weight: bold;
   line-height: 3em;
   border: none;
   padding-left:2em;
}

h6 {
   color: black;
   background-color: #d8d8d8;
   font-size: 120%;
   font-weight: bold;
   line-height: 3em;
   border: none;
   padding-left:2em;
}
*/