@import "http://";

body {
	height:100%;
	background-repeat: no-repeat;
	background-position: center top;
	margin:0 auto;
	overflow-x : hidden;
	overflow-y : scroll;
}

#outframe {
	position:relative;
	width:645px;

}

#title01 {
	float:left;
	margin:10px 0 0 0;
	border-width:1px;
	border-style:none none solid none;
	border-color:#999;
	width:645px;
	height:60px;
}

#title02 {
	position:absolute;
	top:20px;
	right:0px;
	width:135px;
	height:40px;
	border:none;
}

#buttom {
	float:left;
	margin:10px 0 0 5px;
	width:200px;
	height:500px;
	border:none;
}

#info {
	float:right;
	margin:10px 0 0 5px;
	width:350px;
	height:150px;
	border:none;
}

#update {
	position:absolute;
	top:565px;
	width:640px;
	height:50px;
	border:none;
}

#buttom02 {
	float:left;
	margin:10px 0 0 5px;
	width:640px;
	height:30px;
	border:none;
}

#subtitle {
	float:left;
	margin:5px 0 0 5px;
	width:640px;
	height:50px;
	border:none;
}

#contents {
	float:left;
	margin:0 0 0 40px;
	width:575px;
	border:none;
}

#contents2 {
	float:right;
	margin:0 0 0 0px;
	width:505px;
	border:none;
}


#submenu {
	float:left;
	margin:0 0 0 15px;
	width:125px;
	border:none;
}

#portrait {
	position:absolute;
	left:450px;
	top:630px;

	border:none;
}

#map {
	float:left;
	margin:0 0 0 20px;	
	width:500px;
	border:none;
}

#subnavi {
	float:left;
	margin:0 0 0 0;	
	width:575px;
	border:none;
}

#essaytext {
	float:left;
	margin:10px 0 10px 25px;
	width:550px;
	border:none;
}

#workslist {
	float:left;
	margin:10px 0 10px 15px;	
	width:560px;
	border:none;
}

#workscontents {
	float:left;
	margin:10px 10px 10px 10px;	
	width:120px;
	border:none;
}

#contentsimage {
	float:left;
	margin:10px 20px 10px 5px;	
	border:none;
}

#copyright {
	float:left;
	margin:10px 0 0 0;
	padding:5px 0 0 0;
	border-width:1px;
	border-style:solid none none none;
	border-color:#999;
    width:645px;
}

.text1{
	font-family:"MS PGOTHIC","Osaka";
	font-size: 13px;
	line-height: 1.1em;
	text-align: left;
}

.sp15{
    font-family:"MS PGOTHIC","Osaka";
	font-size:15px;
	letter-spacing:0pt;
	line-height:15pt;
}

.sp15b{
    font-family:"MS PGOTHIC","Osaka";
	font-size:15px;
	font-weight:bold;
	letter-spacing:0pt;
	line-height:15pt;
	color: #696969;
}

.sp15b2{
	font-family:"MS PGOTHIC","Osaka";
	font-size:15px;
	font-weight:bold;
	letter-spacing:0pt;
	line-height:15pt;
	color: #FFF;
}

.sp14{
    font-family:"MS PGOTHIC","Osaka";
	font-size:14px;
	letter-spacing:0pt;
	line-height:14pt;
	color: #696969;
}

.sp13{
    font-family:"MS PGOTHIC","Osaka";
	font-size:13px;
	letter-spacing:-0.5pt;
	line-height:12pt;
	color: #696969;
}

.sp132{
    font-family:"MS GOTHIC","Osaka";
	font-size:13px;
	letter-spacing:-0.5pt;
	line-height:12pt;
	color: #696969;
} 

.sp132h {
	font-family:"MS GOTHIC","Osaka";
	font-size:13px;
	letter-spacing:-0.5pt;
	line-height:12pt;
	color: #FFF;
}

.sp133{
    font-family:"MS PGOTHIC","Osaka";
	font-size:13px;
	letter-spacing:0pt;
	line-height:12pt;
	color: #696969;
}

.sp5{
    font-family:"MS PGOTHIC","Osaka";
	font-size:5px;
}

.essay{
    font-family:"MS GOTHIC","Osaka";
	font-size:13.5px;
	letter-spacing:-0.5pt;
	line-height:12pt;
	color: #696969;
}

.sp01{
    font-family:"MS PGOTHIC","Osaka";
	font-size:14px;
	color:#666666;
	line-height:13pt;
}


a:link { color: #6699ff; }
a:visited { color: #3366ff; }
a:active { color: #ff33ff; }