/* 
CSS for mage-p.org
20100503 T. Hatakeyama


Reference:
http://www.center.ous.ac.jp/
http://www.lucky-bag.com/archives/2005/03/css_3.html
*/

@import url("magemenu.css");
/* **************************************************************** */
/* general */

* {
	margin: 0; 
	padding: 0;
}

body {
	font-size: 100%;
rem	font-family: Verdana, Arial, sans-serif;
        font-family: Arial, sans-serif;
	text-align: center;
	background: #e0ffff;
}	

#door {
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
#container {
	width: 810px;
	margin:0px auto 0px auto; 
	padding: 10px 0px 0px 0px;
	border-left:solid #cfcfcf 1px;
	border-right:solid #afafaf 2px;
	border-bottom:solid #8f8f8f 2px;
	background : url(./img/bg.png);
	text-align:center;
}

#lheader{
	width:550px;
	height:100px;
	text-align:left;
	margin: 20px auto 0px auto;
	padding:3px 0px 3px 0px;
	border: 0px;
rem	border: 1px solid gray;
	font-size: 10px;
	float:left;
}

#rheader{
	width:220px;
	height:100px;
	text-align:right;
	margin: 20px 0px 0px 0px;
	padding:3px 0px 3px 0px;
rem	border: 1px solid gray;
	border: 0px;
	color:#fa8072;
	font-size: 10px;
	float:left;
rem	background: #000000;
}

#topright{
	width:800px;
	height:30px;
	text-align:right;
	margin: 0px 0px 0px 0px;
	padding:0px 0px px 0px;
rem	border: 1px solid gray;
	border: 0px;
	color:#fa8072;
	font-size: 10px;
	float:left;
rem	background: #000000;
}


#content-top {
	width:680px;
	margin:40px auto 0px auto;
	padding:40px 60px 40px 60px;
	text-align: left;
	border: 1px solid gray;
}

#content {
	width:680px;
	margin: 40px auto 0px auto;
	padding: 0px 60px 40px 60px;
	text-align: left;
	border: 1px solid gray;
}

#cred {
	text-align: right;
	text-style: italic;
	font-size:  10px;
	padding: 10px;
}

/* **************************************************************** */
/* headers */

h2 {
	height: 32px;
	font-size: 20pt;	
	background: url("img/icon32.png"); 
	background-color: #4040FF;
	background-repeat: no-repeat;
	padding-left: 50px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: solid 5px;
	border-color: lightsteelblue #0033FF #0033FF lightsteelblue; 
	color: mintcream; 
	margin: 40px 0px 0px 0px;
}

h3 {
rem width: 350px;
padding: 5px;
background-color: #e0f9ff;
border-bottom: dashed 2px green;
}


#honbun {
	padding: 20px 20px 0px 20px ;
	text-indent: 1em;
}

#honbun_noindent {
	padding: 20px 20px 0px 20px ;
	text-indent: 0em;
}

#references {
	padding: 20px 20px 0px 20px ;
	text-indent: 0em;
	font-size: smaller;
}


#listintext {
	padding: 0px 20px 0px 40px ;
	text-color: red;
}

#listhistory {
	padding: 0px 20px 0px 40px ;
	text-color: red;
	list-style-type: none;
}

#listcont1 {
	padding: 0px 20px 0px 60px ;
	list-style: disc outside url(img/favicon.ico);
}
#listcont2 {
	padding: 0px 0px 20px 20px ;
	list-style: disc outside;
}


#listenh {
	padding: 20px 20px 20px 40px ;
	font-weight: bold;
}

#olist {
	padding: 20px 40px 20px 60px ;
	font-weight: bold;
}


#prevnext {
	margin: 50px 20px 0px 20px ;
	text-align: center;
}

/* **************************************************************** */
/* floating position */
#floating {
         float: right;
         margin-right: 1em;
}

#floatclr {
	clear: both;
}


.enhance {
	font-weight: bold;
rem	text-decoration: underline; 
	text-underline-position: below; 
	color: #ff0000;
}