/* ＨＰ-ＴＩＰＳ　各ページ全体 */

body {
 line-height: 160%; cursor:ne-resize;
 background-color: #ffffff;
 color: #000000; }


/* リンク */
a:link    { color: #990066; }
a:visited { color: #cc66ff; }
a:active  { color: #ff6666; }
a:hover   { color: #ff6666; position: relative;top:1px; left:1px; }
a         { cursor:ne-resize; }



/* 本体とヘッダー */
div#document { 
	text-align: center;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

div#header {
	margin: 5px auto 0px;
	padding: 0px 5px 5px 5px;
	text-align: left;
	float: none;
	clear: both;
	font-size: 10pt;
}

.hide { display: none; }

div#header li {	display: inline; }


/* 検索フォーム */

div#search {
	float: right;
}

form legend {
	display: none;
}

form fieldset {
	text-align: right;
	font-size: 10pt;
	border: 0px solid #000000;
}


form input { 
	border: 1px solid #990066;
	background: #ffffff;
}


/* タイトルロゴ */

div#logo {
	float: left;
}

div#logo h1 {
	background:url(../logo-1.gif);
	background-repeat:no-repeat; 
	background-position: left top;
	width: 270px;
	height: 60px;
	text-indent: -9999px;
}

div#logo h1 a {
	display: block;
	width: 270px;
	height: 60px;

}


/* パンくずリスト（上部） */

div#topic-path {
	float: none;
	clear: both;
}



/* メニュー */
div#menu {
	margin: 5px auto 0px;
	width: 70%;
	text-align: left;
	float: none;
	clear: both;
	font-size: 10pt;
}

div#menu h1 { display: none; }

div#menu li {
	padding: 0px 0px 2px 25px;
	background-image: url("../menu/arrow5.gif") ;
	background-repeat: no-repeat;
	background-position: 0px 8px;
	list-style-type: none;
}



/* フッター */
div#footer {
	margin: 50px auto 50px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: none;
	clear: both;
	font-size: 10pt;
}

div#footer h1 { display: none; }

div#footer li { display: inline; }



/* 本文 */
div#main,
div#main2,
div#cgi-main,
div#midasi {
	margin: 0px auto 20px;
	padding: 0px 0px 0px 0px;
	width: 70%;
	text-align: left;
	float: none;
	clear: both;
}

div#cgi-main {
 font-family: "ＭＳ Ｐゴシック","Verdana","Chicago","Arial","Helvetica", "Osaka" ; 
 line-height: 160%; cursor:ne-resize;

}



/* カーソル */
.csr {
	margin: 0px auto 120px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: none;
	clear: both;


}

.csr dl {
	margin: 2px 2px 2px 2px;
	padding: 0px;
	float: left;
	width: 85px;
	font-size: 10pt;
	border-width: 1px 1px 0px;
	border-style: solid;
	border-color: #8b7765;
}

.csr dt {
	margin: 0px auto;
	padding: 1px;
	text-align: center;
	height: 2em;
}


.csr dd {
	margin: 0px;
	padding: 4px;
	border-bottom: 1px solid #8b7765;
	height: 4em;
	white-space:nowrap;
	text-align: center;
}



/* li */

div#main ol li {
	padding: 0px 0px 15px 0px;
}

div#main ol li ul li {
	padding: 0px 0px 10px 25px;
}



.point1 { 
	list-style-type: none;
	background: url("../menu/point.gif") no-repeat; /* ● */
	background-position: 0px 6px;
	padding: 0px 0px 10px 30px;
}

.point2 { 
	list-style-type: none;
	background: url("../menu/point2.gif") no-repeat; /* ちび● */
	background-position: 0px 9px;
	padding: 0px 0px 0px 20px;
}




.first-alert {
	list-style-type: none;
	background: url(img/!.gif) no-repeat;
	background-position: 0px 7px;
	padding-left: 30px;
	margin: 0px auto;
}

.red-alert { 
	list-style-type: none;
	background: url(img/peke.gif) no-repeat;
	background-position: 0px 7px;
	padding: 0px 0px 10px 30px;
	margin: 0px auto;
}

.yellow-alert { 
	list-style-type: none;
	background: url(img/sankaku.gif) no-repeat;
	background-position: 0px 7px;
	padding-left: 30px;
	margin: 0px auto;
}

.ok {
	list-style-type: none;
	background: url(img/maru.gif) no-repeat;
	background-position: 0px 7px;
	padding-left: 30px;
	margin: 0px auto;
}


.none {
	list-style-type: none;
}

*/


.glossary {
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	background: url(../menu/point.gif) no-repeat; /* 用語集 */
	background-position: 0px 6px;
	margin: 0px auto;
}




/* テキストエリアの装飾 */


div#waku ul li.blank {
	padding: 10px;
	list-style-type: none;
	background: url(img/blank.gif) no-repeat;
	background-position: 0px 6px;
	margin: 0px auto;
	display: inline;
}

.ex {
	margin: 30px auto 30px ;
	padding: 5px 5px 5px 5px ;
	border: 2px dashed #999999 ;
	font-size: 10pt;
	font-family: "Verdana","Chicago","Arial","Helvetica","ＭＳ Ｐゴシック", "Osaka" ; 
}

.ex-short {
	margin: 30px auto 30px ;
	padding: 5px 5px 5px 5px ;
	border: 1px dotted #999999 ;
	font-size: 10pt;
	font-family: "Verdana","Chicago","Arial","Helvetica","ＭＳ Ｐゴシック", "Osaka" ; 
}


/* ターゲット属性 */
.ex3 dl {
	border-bottom: 1px dashed #999999 ;
	border-left: 1px dashed #999999 ;
	border-right: 1px dashed #999999 ;
	border-top: none ;
}

.ex3 dt {
	width: 85px;
	font-weight: bold ;
	border-top: 1px dashed #999999 ;
	float: left;
	clear: both;
	white-space:nowrap;
	padding: 5px 5px 5px 5px;
}


.ex3 dd { 
	margin-left: 5.5em ;
	padding: 5px 5px 5px 5px;
	border-left: 1px dashed #999999 ;
	border-top: 1px dashed #999999 ;
}


/* 相対パス */
.ex4 dl {
	border-bottom: 1px dashed #999999 ;
	border-left: 1px dashed #999999 ;
	border-right: 1px dashed #999999 ;
	border-top: none ;
}

.ex4 dt {
	width: 100px;
	font-weight: bold ;
	border-top: 1px dashed #999999 ;
	float: left;
	clear: both;
	white-space:nowrap;
	padding: 5px 5px 5px 5px;
}
 

.ex4 dd { 
	margin-left: 5.5em ;
	padding: 5px 5px 5px 5px;
	border-left: 1px dashed #999999 ;
	border-top: 1px dashed #999999 ;
}


/* 転送モード */
.ex5 dl {
	border-bottom: 1px dashed #999999 ;
	border-left: 1px dashed #999999 ;
	border-right: 1px dashed #999999 ;
	border-top: none ;
}

.ex5 dt {
	width: 127px;
	font-weight: bold ;
	border-top: 1px dashed #999999 ;
	float: left;
	clear: both;
	white-space:nowrap;
	padding: 5px 5px 5px 5px;
}
 

.ex5 dd { 
	margin-left: 8em ;
	padding: 5px 5px 5px 5px;
	border-left: 1px dashed #999999 ;
	border-top: 1px dashed #999999 ;
}

/* パーミッションの数字 */
.ex6 { display: block; clear: both; }
.ex6 dl {
	border-bottom: 1px dashed #999999 ;
	border-left: 1px dashed #999999 ;
	border-right: 1px dashed #999999 ;
	border-top: none ;
	clear: both;
}

.ex6 dt {
	width: 50px;
	font-weight: bold ;
	border-top: 1px dashed #999999 ;
	float: left;
	clear: both;
	white-space:nowrap;
	padding: 5px 5px 5px 5px;
}
 

.ex6 dd { 
	margin-left: 2em ;
	float: left;
	white-space:nowrap;
	padding: 5px 5px 5px 5px;
	border-left: 1px dashed #999999 ;
	border-top: 1px dashed #999999 ;
}


/* 実体参照 */
.ex7 dl {
	border: 1px solid #999999 ;
	width: 250px;
}

.ex7 dt {
	font-weight: bold ;
	float: left;
	clear: both;
	white-space:nowrap;
	padding: 5px 5px 5px 5px;
}


.ex7 dd { 
	margin: 5px 0px 0px 100px;
	padding: 2px ;
}


/* HTMLにおける相対パス */
.ex8 dl {
	border-bottom: 1px dashed #999999 ;
	border-left: 1px dashed #999999 ;
	border-right: 1px dashed #999999 ;
	border-top: none ;
}

.ex8 dt {
	width: 250px;
	font-weight: bold ;
	border-top: 1px dashed #999999 ;
	float: left;
	clear: both;
	white-space:nowrap;
	padding: 5px 5px 5px 5px;
}


.ex8 dd { 
	margin-left: 15.5em ;
	padding: 5px 5px 5px 5px;
	border-left: 1px dashed #999999 ;
	border-top: 1px dashed #999999 ;
}




/* 枠線 h-in */
.solid   { border: #990066 1px solid; color: #000000; font-family: Arial; background-color: #ffffff; font-size: 12pt; }
.double  { border: #990066 4px double; color: #000000; font-family: Arial; background-color: #ffffff; }


/* 枠線 h-tt */
.textarea-mihon { 
border: #990066 1px solid ; 
background-color:#ffffff; 
color:#000000; 
font-size:10pt; 
font-family:Arial;
scrollbar-face-color:#990066; 
scrollbar-track-color:#990066;
scrollbar-arrow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#990066; 
scrollbar-darkshadow-color:#990066;
}

.textarea-mihon2 { 
border: #990066 1px solid ; 
background-color:#ffffff; 
color:#000000; 
font-size:10pt; 
scrollbar-face-color:#990066;
scrollbar-track-color:#cccccc;
scrollbar-arrow-color:#cccccc;
scrollbar-highlight-color:#990066;
scrollbar-shadow-color:#990066;
scrollbar-3dlight-color:#990066;
scrollbar-darkshadow-color:#990066;
}



/* 枠線 h-css-04 */

.dot     { border: #990066 2px dotted; color: #000000; font-family: Arial; background-color: #ffffff; }
.double2 { border: #990066 3px double; color: #000000; font-family: Arial; background-color: #ffffff; }
.dash    { border: #990066 1px dashed; color: #000000; font-family: Arial; background-color: #ffffff; }
.solid2  { border: #990066 1px solid; color: #000000; font-family: Arial; background-color: #ffffff; }

.groove  { border: #cccccc 3px groove; color: #000000; font-family: Arial; background-color: #ffffff; }
.ridge   { border: #cccccc 3px ridge; color: #000000; font-family: Arial; background-color: #ffffff; }
.inset   { border: #cccccc 3px inset; color: #000000; font-family: Arial; background-color: #ffffff; }
.outset  { border: #cccccc 3px outset; color: #000000; font-family: Arial; background-color: #ffffff; }
.none    { border: #990066 1px; color: #000000; font-family: Arial; background-color: #ffffff; }


/* マークアップ済み分の見本・HPの作り方 */

.box {
	width: 250px;
	height: 100px;
	overflow: auto;
	font-size: 10pt;
	font-family: "ＭＳ Ｐゴシック","Osaka","Arial";
	border: 1px solid #990066 ;
	line-height: 110%;
}





.next    { font-weight: bold; text-align: right; }
.navi    { text-align: right; }


.caution-1a { color: #990066; font-weight: bold; } /* word-r、word-1a */
em          { font-style: normal; color: #990066; } /* word-r2、word-1b、word-b、word-5 */
.caution-1b { color: #990066; background-color: #ffff99; } /* word-r3、word-1c ffffcc　テーブルの説明部分、HPの決まりごと */

.caution-2a { color: #ff6699; font-weight: bold; } /* word-p、word-2a ff6600、3399ff */
.caution-2b { color: #ff3399; } /* word-p2、word-2b */
.caution-3a { color: #ff9966; font-weight: bold; } /* word-o、word-3a ff0099、00cc66 */
.caution-3b { color: #ff6699; } /* word-o2、word-3b　339900　CGI設置講座 */
.caution-3c { color: #ff6666; background-color: #ffffcc; } /* HP-04のindex.htmlとorange.gif、word-p3、word-3c */
.caution-4a { color: #cc66cc; font-weight: bold; } /* word-bl、word-6a 6699ff */
.caution-4b { color: #6699ff; background-color: #ccffff; } /* HP-04のlink.htmlとapple.gif、word-bl2、word-6b */

.ps         { color: #999999; } /* word-g、word-4 */


.word-ss  { font-size: 8pt; }
.word-m   { font-size: 10pt; }
.word-m2  { font-size: 11pt; }
.word-L   { font-size: 12pt; }
.word-mincho
	{ font-family:ＭＳ Ｐ明朝; }

.center  { text-align: center; }


/* HTML　文字のスタイル */
.word-italic  { font-style: italic ; }
.word-oblique { font-style: oblique ; }



/* classとid */
.class-a  { color: #cc0000; }
p.class-b { color: #cc0000; font-weight: bold; }
.chapter1 p { color: #0000ff; }

#menu-a { background: #ffcccc; height: 30px; width: 180px; }
#main-a { background: #ffcc66; height: 50px; width: 200px; }


/* floatの説明 */
.img-left { float: left; }
.clear { clear: both; }


/* HTML　文字の大きさ見本 */
.sample-1a { font-size: 8pt ; } 
.sample-2a { font-size: 9pt ; }
.sample-3a { font-size: 10pt ; }
.sample-4a { font-size: 11pt ; }
.sample-5a { font-size: 12pt ; }

.sample-6a { font-size: 8px ; } 
.sample-7a { font-size: 9px ; }
.sample-8a { font-size: 10px ; }
.sample-9a { font-size: 11px ; }
.sample-10a { font-size: 12px ; }

.sample-11a { font-size: 1em ; } 
.sample-12a { font-size: 2em ; }
.sample-13a { font-size: 3em ; }


.sample-1b { font-size: 100% ; } 
.sample-2b { font-size: 110% ; } 
.sample-3b { font-size: 150% ; } 
.sample-4b { font-size: 200% ; } 


.sample-1c { font-size: xx-small ; }
.sample-2c { font-size: x-small ; }
.sample-3c { font-size: small ; }
.sample-4c { font-size: medium ; }
.sample-5c { font-size: large ; }
.sample-6c { font-size: x-large ; }
.sample-7c { font-size: xx-large ; }


/* HTML　大文字と小文字 */
.sample-1d { text-transform: none ; }
.sample-2d { text-transform: capitalize ; }
.sample-3d { text-transform: lowercase ; }
.sample-4d { text-transform: uppercase ; }


/* HTML　インデント */
.sample-1e { text-indent:  10px; }
.sample-2e { text-indent:  10pt; }
.sample-3e { text-indent:  1em; }
.sample-4e { text-indent:  2em; }
.sample-5e { text-indent:  -10px; }
.sample-6e { text-indent:  50%; }


/* HTML　文字に線を引く */
.sample-1f { text-decoration: underline ; }
.sample-2f { text-decoration: overline ; }
.sample-3f { text-decoration: line-through ; }
.sample-4f { text-decoration: blink ; }


/* HTML　文字間隔 */
.sample-1g { letter-spacing: 10px ; }
.sample-2g { letter-spacing: 10pt ; }
.sample-3g { letter-spacing: 0.1em ; }
.sample-4g { letter-spacing: 0.5em ; }
.sample-5g { letter-spacing: 1em ; }
.sample-6g { letter-spacing: 50% ; }


/* HTML　空白の設定 */
.sample-1h { 
white-space: normal ; 
width: 150px; 
background-color: #ffccff; /* ピンク */
 }


.sample-2h { 
white-space: pre ;
width: 150px; 
background-color: #ffff99; /* 黄色 */
 }


.sample-3h { 
white-space: nowrap ; 
width: 150px; 
background-color: #ccffff; /* ブルー */
 }




/* HTML　引用 */
.sample-1j { 
padding: 5px;
background-color: #ccffff; /* ピンク ffcccc・ブルー */
 }


/* HTML Tableの説明 */
.sample-1k th {
	background-color: #ff9999; /* 濃いピンク ・ブルー3366ff */
}

.sample-1k tfoot td {
	background-color: #ffcccc; /* 薄いピンク ・ブルー99ccff  */
}

.sample-1k td { 
	text-align: right;
	background-color: #ffff99; /* 薄い黄色 */
}


/* HTML iframeの説明 */
.sample-1L {
	width: 350px;
	height: 150px;
	float: right;
	border: 1px solid #990066;
	margin: 20px;
	padding: 5px 20px 20px 5px;
}


/* HTML overflowの説明 */
.sample-1m {
	width: 350px;
	height: 50px;
	padding: 5px;
	border: 1px solid #990066;
	overflow: auto;
}


/* HTML　ul liの説明 */

div#main ul li.kuro { 
	list-style-type: disc;
	background: url(img/blank.gif) no-repeat;
	background-position: 0px -30px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

div#main ul li.siro { 
	list-style-type: circle;
	background: url(img/blank.gif) no-repeat;
	background-position: 0px -30px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

div#main ul li.sikaku { 
	list-style-type: square;
	background: url(img/blank.gif) no-repeat;
	background-position: 0px -30px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

div#main ul li.suuji { 
	list-style-type: decimal;
	background: url(img/blank.gif) no-repeat;
	background-position: 0px -30px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

div#main ul li.roma-1 { 
	list-style-type: lower-roman;
	background: url(img/blank.gif) no-repeat;
	background-position: 0px -30px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

div#main ul li.roma-2 { 
	list-style-type: upper-roman;
	background: url(img/blank.gif) no-repeat;
	background-position: 0px -30px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

div#main ul li.alpha-1 { 
	list-style-type: lower-alpha ;
	background: url(img/blank.gif) no-repeat;
	background-position: 0px -30px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

div#main ul li.alpha-2 { 
	list-style-type: upper-alpha;
	background: url(img/blank.gif) no-repeat;
	background-position: 0px -30px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

div#main ul li.nasi { 
	list-style-type: none;
	background: url(img/blank.gif) no-repeat;
	background-position: 0px -30px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}



/* リンクのレシピ */
a.a:hover { color:#ff6666; background-color:#ffffcc; }
a.b       { text-decoration: none; }
a.b:hover { color:#ff9999; }
a.c:hover { color:#ff6666; text-decoration: underline; }
a.c       { text-decoration: none; }
a.d:hover { color:#ff6666; border-bottom-style : dotted; border-bottom-color : #ff6666; border-bottom-width : 2px; }
a.d       { text-decoration: none; }
a.e:hover { color:#ff6666; border-style : dotted; border-color : #ff6666; border-width : 2px; }
a.e       { text-decoration: none; }
a.f:hover { color:#ff6666; text-decoration: underline overline; }
a.f       { text-decoration: none; }
a.g:hover { color:#ff6666; text-decoration: line-through; }
a.g       { text-decoration: none; }
a.h:hover { color:#ff6666; position: relative; top:1px; left:1px; }
a.h       { text-decoration: none; }
a.i:hover { color:#ff6666; font-weight: bold; }
a.i       { text-decoration: none; }

.ex-l { color: #990066; }
.ex-v { color: #cc66ff; }
.ex-a { color: #ff6666; }
.ex-h { color: #ff6666; }


.line { border: 1px #cccccc solid; }

.tag  { padding-left: 15px; }
.tag2 { padding-left: 35px; }