@charset "UTF-8";
body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #026c9e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

br {letter-spacing: 0; }

a:link {
	color: #FF9900;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF9900;
}
a:hover {
	text-decoration: none;
	color: #026c9e;
}
a:active {
	text-decoration: none;
	color: #FF9900;
}


#container { 
	width: 856px;
	margin: 0 auto;
	text-align: left;
	overflow:visible;
} 
#header {
	padding: 0;
	height:67px;
} 
#header h1 {
	margin: 0;
	padding: 0;
}

#sidebar1 {
	float: left;
	width: 210px;
	height:500px;
	background-image:url(../images/bg_menu.jpg);
	overflow:visible;
	position:relative; top:0px; left:0px;
	z-index:1;
}

#menu {
	height:292px;
	margin-left:8px;
	margin-top:8px;
	z-index:1;
}

#topics {
	width: 185px;
	height:196px;
	margin:8px;
	font-size:10px;
	padding:4px 6px;
	letter-spacing: 0.1em;
	line-height:1.4em;
}

.scrollBox.flexcroll {
	margin: 0;
	width: 628px;
	height: 500px;
	overflow: auto;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	position:relative; top:0px; left:0px;
	z-index:2;
}

.style_form {
	filter:alpha(opacity=65); /*IE*/
	-moz-opacity:0.65; /*FF*/
	opacity:0.65;
	background-color:#FFFFFF;
}

#mainContent_top {
	font-size:10px;
	letter-spacing: 0.1em;
	line-height:1.4em;
	background-image:url(../images/bg_contents01.jpg);
	float:right;
} 

#mainContent_news {
	font-size:10px;
	letter-spacing: 0.1em;
	line-height:1.4em;
	background-image:url(../images/bg_contents02.jpg);
	float:right;
}

#mainContent_profile {
	font-size:10px;
	letter-spacing: 0.1em;
	line-height:1.6em;
	background-image:url(../images/bg_contents04.jpg);
	float:right;
}

#mainContent_works {
	font-size:10px;
	letter-spacing: 0.1em;
	line-height:1.6em;
	background-image:url(../images/bg_contents03.jpg);
	color:#FFFFFF;
	float:right;
}


#border {
	width:856px;
	height:520px;
	background-color:#7ecef4;
	background-image:url(../images/bg_menu.jpg);
	background-repeat:no-repeat;
	background-position:1px 1px;
	padding:1px;
} 

#footer { 
	padding: 2px 0 0 20px;
	text-align:right;
	font-size:10px;
	letter-spacing: 0.1em;
} 
#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}