/********************************************************
base structure
*********************************************************/
body {
	margin:0;
	padding:0;
}

#skipcon {
	display:none;
}

#building {
	align:center;
	position:relative;
	width:800px;
	margin:0 auto;
	padding:0;
}

#header {
	margin:0;
	padding:0;
}

#content {
	margin:0;
	padding:0;
}

#footer {
	margin:0;
	padding:0;
}


/********************************************************
header structure
*********************************************************/
#logo {
	float	: left;
	margin:0;
	padding:0;
	text-align:left;
}
#logo img{
	border	: 0;
}
#header marquee {
	padding		: 15px 0 0px 0;
	height	:45px;
}

#globalbar {
	float	: left;
	width:600px;
	line-height:30px;
}

#globalbar ul {
	float		: left;
	width		: 600px;
	height		: 40px;
	overflow	: hidden;
	margin		: 0;
	padding		: 8px 0 0px 0;
	list-style	: none;
}

#globalbar li {
	float:left;
	margin:0;
	padding:0;
}

#globalbar li a {
	display:block;
	margin:0;
	padding:0 0 10px 14px;
	text-align:center;
	text-decoration:none;
}
#textSize {
	float	: right;
	width	: 200px;
	line-height:30px;
}
#textSize p{
	margin		: 0;
	padding		: 8px 0 0px 0;
	height		: 40px;
}

#textSize a, #textSize a:link{
	border	:1 solid #000000;
	background-color	: white;
	text-decoration:none;
}
#textSize a:hover{
	border	:1 solid #000000;
	
	background-color	: yellow;
}

#main {
	margin:0;
	padding:0;
}

#main img{
	width:800px;
	height:250px;
}

/********************************************************
side menu structure
*********************************************************/
#sidebar {
	float:left;
	width:180px;
	margin:0;
	padding:0;
}
#sidebar h1{
	background-color:#CCFF99;
}
#sidebar h2{
	background-color:#CCFF99;
}
#sidebar h4{
	color:#FFFFFF;
}
#sidebar ul {
	margin		: 0;
	padding		: 0;
	height		: auto;
	list-style	: none;
	text-align	: left;
}
#sidebar li{
	display		: inline;
	width		: auto;
	padding		: 5px 0px 5px 0px;
}

#sidebar a, #sidebar a:visited{
	text-decoration		: none;
	display				: block;
	padding				: 5px 0px 5px 10px;
	color				: #FFFFFF;
	background-color	: #336633;
	width				: auto;
	height				: auto;
	border				: 1px outset #000000;
}

#sidebar a:hover{
	color				: #000000;
	background-color	: #AADD00;
	border				: 1px inset #000000;
}
/********************************************************
contents structure
*********************************************************/
#content {
	float:right;
	width:600px;
}

.topicbox {
	margin:20px 10px;
	width:600px;
	height:auto;
}

.topicbox h2 {
	padding: 0 12px;
	text-align:left;
}
.topicbox #image_tate {
	float:left;
	margin: 0 20px 10px 10px;
	padding:0 20px 10px 10px;
	width:250px;
	height:320px;
}

.topicbox #map {
	clear : both;
	margin: 0 20px 10px 10px;
	padding:0 20px 10px 10px;
	width:500px;
	height:369px;
}
.topicbox #image_yoko{
	float:left;
	margin: 0 20px 10px 10px;
	padding:0 20px 10px 10px;
	width:300px;
	height:200px;
}

.topicbox #image_2_1 {
	float:left;
	margin: 0 20px 10px 10px;
	padding:0 20px 10px 10px;
	width:300px;
	height:200px;
}

.topicbox #image_2_2 {
	clear:left;
	margin: 0 20px 10px 10px;
	padding:0 20px 10px 10px;
	width:300px;
	height:200px;
}

#image_3_1{
	float:left;
	margin: 0 20px 10px 10px;
	padding:0 20px 10px 10px;
	width:280px;
	height:180px;
}

#image_3_2{
	float			:left;
	margin			: 0 20px 10px 10px;
	padding			:0 20px 10px 10px;
	width			:280px;
	height			:180px;
}

#image_3_3{
	clear			:right;
	align			:left;
	margin			: 0 5px;
	padding			:0;
	width			:280px;
	height			:180px;
}

.topicbox p {
	text-align		:left;
}

/********************************************************
footer structure
*********************************************************/
#footer {
	clear:both;
	margin	: 0;
	padding	: 0;
}
#comment {
	margin	: 0;
	padding	: 0;
	background-color:#ffffff;
}
#comment img {
	float	: left;
	margin	: 0;
	padding	: 0;
	border	: 0;
	width	: 50px;
	height	: 50px;
}
#comment p{
	width		:800px;
	height		:52px;
	margin		: 0;
	padding		: 0;
	text-align	: left;
}
#creditbar {
	margin	:0;
	padding :0;
	clear:both;
	text-align:right;
}

#creditbar adress {
}


/********************************************************
color structure
*********************************************************/
body#option { 
	color:#000000;
	background-color:#99CC66;
}
body #building {
	background-color:#336633;
}

body #building #header {
	color:#ffffff;
	background-color:#339933;
}

body #building #header #globalbar {
	background-color:#336633;
}

body #building #header #globalbar a{
	color:#ffffff;
}

/*
body #building #sidebar {
	background-color:#558855;
}
*/

body #building #content {
	background-color:#AADD77;
}

body #building .topicbox {
	background-color:#ffff99;
}

body #building .topicbox h2{
	color:#ffffff;
	background-color:#114411;
}

body #building #footer #comment{
	color:#000000;
	background-color:#ffffff;
}

body #building #footer #creditbar{
	color:#ffffff;
	background-color:#114411;
}