BODY {
/*    background: url(img/background.gif); */
/*    background-color: #6495ED; */
/*    margin: 0px; */
/*    padding: 1em; */
/*    line-height: 150%; */
}
h1 {
	margin: 30px 0px 6px 0px;
	width: 100%;
	font-family: Helvetica, sans-serif;
	font-size: x-large;
	color: #505050;
	letter-spacing: 4px;
	padding-bottom: 0;
	text-transform: uppercase;
	text-align: left;
}

h2, h3	{
	width: 100%;
	margin: 20px 0 10px 0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color:#6B8E23;  
	font-weight: bold;
	letter-spacing: 1.5px;
	font-size: large;
	}

h3 {
	font-size: 14px;
	font-weight:normal;
	}

p  {
	padding: 6px;
	text-align: justify;
	}

strong {
	color:#505050;
	font-weight: bold;
	}

/* リンク張ったときの色指定 */
a:link, a:visited {
	color:#505050;
	text-decoration:none;
	font-weight: bold;
	}
		
a:hover {
	color:#ff6600;
	text-decoration:none;
	}
a:active {
	color:#ff6600;
	text-decoration:none;
	}

BLOCKQUOTE {
    border: 1px solid #6B8E23;
    padding: 1em;
}
EM {
    color: maroon;
    font-style: normal;
    font-weight: bold;
}
TABLE {
    ;
}
TD {
    ;
}

/* 
    以下はCSS「クラス」のスタイル設定 
    自由に無制限にクラスを作ることができます 
    下記はあくまで一例です 
    使用法：「.main」というクラスを使いたいときは 
    <span class="main">ほにゃらら</span> （spanは文字単位での指定）
    <div class="main">ほにゃらら</div> （divは段落をまたがる時の指定）
    というようにします 
    使うときは「.」は無し 
    当ファイルでは「.」つき 
    当ファイルで「#」がついているのはidです。
    idとクラスは似たようなものですが、違いはよくわからん…
*/

.footer { /* フッタ */
    border-top: 1px solid #777777; 
    width: 800px;
    margin: 10px auto;
    padding: 5px 5px 5px 5px;
    font-size: small;
    text-align: center;
    color: grey;
}
.avocadobanana {
    font-size: 24pt;
    font-weight: bold;
    font-family: Verdana;
    margin: 10px;
}

.date {
	width: 100%;
	margin: 3px 3px 3px 0;
	pading-right: 20px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6A6A6A;
}
.dottedline {
	width: 100%;
	margin: 1em 0 1em 0;
	pading: 0px;
	border-bottom: 1px #777777 dotted; 
                font-size: xx-small;
}

#content p {
	font-size: 16px;
}

#leftcontent h1 {
	text-align: center; 
	font-size: medium;
	}

#leftcontent h2 {
	color:#6B8E23;  
	width: 100%;
	margin: 6px 0 6px 0;
	}

#leftcontent p {
	margin: 2ex 0 0 0;
	padding-left: 3px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #505050;
}

#container {
	display: table;
	width: 800px;
	margin: 0 auto;
}

/******************************
	Logo and Navigation
******************************/

.logo, .logo a, .logo a:link, .logo a:hover, .logo a:visited {
	font-weight: normal;
	text-align:left;
	font-family: Arial , "Times New Roman", Arial, Verdana, sans-serif;
	letter-spacing: 0.5ex;
	text-shadow: grey 2px 2px 3px, 6px 6px;
	filter: Shadow(color=gray);
	font-size: 52px;
	color:#9ACD32;  
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
}

.logo span, .logo span a:link{
	color: #FFA500;
}

#nav_top, #nav_bottom, #nav_side {
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	text-align: left;
	width: 100%;
	border-top: 2px #777777 solid;
	border-bottom: 2px #777777 solid; 
	text-transform: uppercase;
	letter-spacing: -0.5px;
	padding: 0.5ex 0 0.5ex 0;
}

#nav_side {
	border: none;
	}

#nav_top a, #nav_bottom a {
	font-size: 14px;
	padding: 0 3em 0 3em;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

#nav_side a {
	font-size: 14px;
	padding: 2px 10px 0px 10px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

#nav_top a:hover, #nav_bottom a:hover, #nav_side a:hover {
	color: #464646;
}


/******************************
	Left Side Column
******************************/

#leftcontent {
	width: 280px;
	float: left;
}

#leftcontent h1 {
	border-bottom: 1px #777777 solid;
	border-top: 1px #777777 solid; 
	text-indent: 6px;
}


#leftcontent img {
	margin: 16px 8px 8px 8px;
	}


/******************************
	Orange graphic and main content
******************************/
.rightcontainer {
	width: 510px;
	clear: right;
	float: right;
}

#headline {
	background-image : url("img/top.jpg");
	width: 480px;
	height: 360px;
	margin: 30px 0px -15px 30px;
	border-bottom: 1px #ccc solid; 
	border-right: 1px #ccc solid; 
	text-align:left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 36px;
	color:#ff9900;
	color:#9ACD32;  
}


/******************************
	 Body text
******************************/

#content {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 480px;
	float: right;
}

#content p, p {
	margin: 0 0 12px 0;
	padding: 0;
	font-family: Helvetica, sans-serif;
	color: #000;
}

/******************************
 images in content if you want - align left or right;
 
ex: <img src="blah.jpg" class="left" />
******************************/
#content .left {
	float: left;
}

#content .right {
	float: right;
}

