@charset "shift-JIS";
/* == コラム用（全体はmain.css,navi.css等に） ======================================== */
/*  左サイドのナビ */
dl#csidenavi          { margin-bottom: 8px; width: 150px }
dl#csidenavi dt        { color: #004ea1; font-weight: bold; background: url(img/ic-li_sideon.gif) no-repeat left center; padding: 5px 5px 5px 12px }
dl#csidenavi dd a           { color: #727272; font-size: 12px; line-height: 140%; text-decoration: none; background-color: #ebf1f7; padding: 5px; display: block }
dl#csidenavi dd a:hover      { color: #2b2b2b; background-color: white; display: block }

/* ==========インデックスページ========== */
/* コラムのタイトル */
#main h3.columntitle { margin-bottom: 3px; font-size: 18px; color: #004ea1; margin-left: 0px; }
#main h3.columntitle a,#main h3.columntitle a:visited,#main h3.columntitle a:hover,#main h3.columntitle a:active { font-size: 15px; color: #004ea1; }
/* コラム一覧の範囲 */
#main div.newsindex   { margin-left: 30px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px dotted gray }
#main div.newsindex  p { margin-left: 0px; margin-bottom: 0px; }

/* ==========カテゴリインデックスページ========== */
/* カテゴリ名 */
h3.categorytitle  { font-size: 15px; background-color: #ccdcec; text-indent: 2px }

/* ==========記事ページ========== */
/*  コラムのタイトル */
h3.columntitle2   { margin-left: 30px;  color: #004ea1;  font-size: 15px; margin-left: 30px; padding-top: 8px; padding-bottom: 8px; width: 640px; }
/*   記事ページ日付 */
.date  { color: #666666; text-align: right; }

#main ol { margin-left: 60px; }
#main ol li { list-style-type: decimal }
#main ul { margin-left: 60px;  }
#main ul li { list-style-type: disc }


#contents .midashi {
	width: 50px;
	margin-bottom: 10px;
	margin-left: 30px;
	color: #FFFFFF;
	background-color: #FF6600;
	text-align: center;
	border: 2px ridge #FF6600;
	vertical-align: middle;
}


#contents .chapter1 {
	margin-bottom: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #95BC25;
	font-size: 1em;
	color: #FFFFFF;
	text-indent: 1em;
	font-weight: bold;
	margin-right: 200px;
	_width:630px;
}


#contents .chapter2 {
	margin-top: 15px;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1em;
	color: #000000;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CC6600;
	text-indent: 0.5em;
	_width:630px;
}

#contents .chapter3 {
	margin-top: 20px;
	margin-left: 30px;
	font-weight: bold;
	
}

/* ソースコード */
#contents .code,#contents .example .code {
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #DEF;
	color: #003366;
	line-height: 1.2em;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	border: 1px solid #000066;
	_width:620px;
}

#contents .example {
	margin-top: 10px;
	margin-bottom: 20px;
}


/*-----------------------------------------------*
	技術コラム 表の定義
 *-----------------------------------------------*/
/* VB.NET キーワード */
.table1 {
	background-color: #D9F0BB;
	border-collapse: collapse;
	border: 1px solid #999999;
} 

.table1 td {
	width: 120px;
	border: 1px solid #999999;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	vertical-align: middle;
} 

/* VB.NET 概要 */
.table2 { 
	background-color: #D9F0BB;
	border-collapse: collapse;
	border: 1px solid #999999;
} 

.table2 .td1 {
	width: 60px;
	border: 1px solid #999999;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
} 

.table2 .td2 {
	width: 140px;
	border: 1px solid #999999;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
} 

.table2 .td3 {
	width: 40px;
	border: 1px solid #999999;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
} 

.table2 .td4 {
	width: 240px;
	border: 1px solid #999999;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
} 

.table2 .tdmiddle {
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
}