/***********************上付き文字と下付文字  **********************/
.superscript {
	vertical-align : super ;
}

.subscript {
	vertical-align : sub ;
}

/***********************全体のコンテナ  **********************/
#cont {
	position : absolute ;
    left : 0px;
    top : 0px;
    width: 100% ;
    bottom : 0px ;
    marigin : 0px;
     }

/***********************全体のコンテナ2  **********************/
#cont2 {
	position : fixed ;
	left : 0px ;
	top : 0px ;
	right : 0px ;	
	bottom : 0px;
	 background-color : #330066 ;
}


/*********************** トップのナビ部分  *********************/
#tnav {
	position : absolute;
	top : 0px;
	left : 20px;
	width : 100% ;
	bottom : 20px ;
	backgrownd-color : #330066 ;
	color : #ffffff ;
	}
/****************** ナビ部分のみリンクの色をいじる  *************/
#tnav a:link 		{color: #ffcc66}
#tnav a:visited 	{color: #ffff99}
#tnav a:hover		{color: #ff00ff}


/****************** コメント用の枠組み  *************/
.comframe {
	position : relative ;
	left : 15%;
    top : 0px;
    width : 80% ;
    bottom : 0px ;
}


/*************************** 全画面一つの場合のメイン  ****************/

#smain {
	 position : absolute ;
	 left : 20px;
	top : 20px;
	right : 20px ;
	margin-bottom : 50px ;
	background-color : #FFFFCC;
	padding-left : 30px ;
	padding-right : 30px ;
	padding-bottom : 50px ;
	   line-height : 150% ;
}

/*********************** 左右２つ  *****************************/
/**************** 左右２つの左ナビ*********************/
#dl {
position : absolute;
	background-color : #CCFFCC;
	left : 20px;
	top : 20px;
	width: 160px ;
	overflow: static;
	z-index : 3 ;
	padding-left : 20px ;
	padding-right : 20px ;
	padding-top : 30px ;
	padding-bottom : 30px ;
	}

/********************** 左右２つのメイン **********************/
#dlmain {
	 position : absolute ;
	 left : 220px;
	top : 20px;
	right : 20px ;
	margin-bottom : 50px ;
	background-color : #FFFFCC;
	padding-left : 30px ;
	padding-right : 30px ;
	padding-bottom : 50px ;
	z-index : 2;
	padding-left : 30px ;
	padding-right : 30px ;
	padding-top : 30px ;
	padding-bottom : 30px ;
	overflow: static;
}
/************************* 左右３分割 ****************************/
/************* 左右３分割のメイン *********************/
#tlmain {
	position : absolute;
	left : 200px;
	top : 20px;
	right : 20px;
	bottom : 20px;
	background-color : #FFFFCC;
	padding-left : 30px ;
	padding-right : 30px ;
	padding-top : 30px ;
	padding-bottom : 30px ;
	overflow: visible;
}

/*********************** 左右３分割の左 ********************/
#tlleft {
	position : absolute;
	left : 20px;
	top : 20px;
	width : 160px;
	bottom : 20px;
	background-color : #FFFFCC;
	padding-left : 10px ;
	padding-right : 10px ;
	padding-top : 30px ;
	padding-bottom : 30px ;
	
	overflow: static;
}

/********************** 左右３分割の右側注釈 *****************/
#tlright {
	position : absolute;
	left : 20px;
	top : 20px;
	width : 120px;
	bottom : 20px;
	background-color : #FFFFCC;
	padding-left : 30px ;
	padding-right : 30px ;
	padding-top : 30px ;
	padding-bottom : 30px ;
	
	overflow: auto;
}

/****************************上にバーがあり下が２分割 ***************/
/***************上のヘッディング部分 ************************/

#theader {
    position : absolute ;
    left : 220px;
    top : 20px;
    height : 180px ;
    right : 20px;
    background-color : #CCCCFF ;
    text-align : center;
}
#theadimg {
    position : absolute ;
    left : 20px;
    top : 20px;
    height : 180px ;
    width : 200px;
    background-image :url("../img/smg.jpg");
}
#tleft {
	position : absolute;
	left : 20px;
	width : 200px;
	top: 200px;
	bottom: 20px;
	background-color : #CCFFCC;
	overflow: auto;
}
#tmain {
	position : absolute;
	left : 220px;
	background-color : #FFFFCC;
	top: 200px;
	right: 20px;
	bottom: 20px ;
	padding-left : 30px ;
	padding-right : 30px ;
	overflow: auto;
}