/*

*html body {
   overflow:auto;
}

*+html body {
   overflow:auto;
}

*/

body{
	margin:0;
	background-image: url(../image/back.png);
	color:#444444;
	font-size: 12px;
	letter-spacing: 1px;
}

#header{
	background-image:url("../image/obi.png");
	background-repeat: repeat-x;
	width:820px;
	margin: 0px auto;
	color:#ffffff;
}

#header a:link,#header a:visited {
	color:#ffffff;
	text-decoration:none;
}

#header2{
	background-image:url("../image/menu.png");
	width:820px;
}

#header2 a:link,#header2 a:visited {
	color:#444444;
	text-decoration:none;
}

#top a:hover {
	color:#ffffff;
	text-decoration:underline;
}




#logo img{
	margin-left:10px;
	margin-top:10px;
}

#main{
	border:solid 3px #3B0C7A;
	width:814px;
	background-color: #f9FDFF;
	margin: 0px auto;

}

h1 {
	width:250px;
	height:5px;
	margin:0;
	font-size: 90%;
	color: #ffffff;
	padding: 10px 0px 7px 17px;
	line-height: 0em;
}

h2{
	font-size:112%;
	color:#000000;
	padding: 5px 8px 5px 8px;
	display:inline;
	font-weight:normal;
	line-height:1.8em;
}


h3{
	text-align:left;
	margin:0px 0px 0px 0px;
	font-size:100%;
	color:white;
	background-color:#327BE8;
	padding: 0px 0px 0px 10px;
	line-height: 1.8em;
}

h4{
	text-align:left;
	margin:0;
	font-size:100%;
	color:white;
	background-color:#432A8E;
	padding: 0px 0px 0px 10px;
	line-height: 1.8em;
}

h5 {
	text-align:left;
	margin:10px 0px 10px 0px;
	font-size: 100%;
	color: #FFFFFF;
	background-color: #B891EE;
	padding: 0px 0px 0px 10px;
	line-height: 1.5em;
}

h5 a:link,h5 a:visited {
	color:#ffffff;
	text-decoration:none;
}



h6 {
	text-align:left;
	margin:10px 0px 10px 0px;
	font-size: 100%;
	color: #222222;
	padding: 5px 0px 1px 10px;
	line-height: 0.2em;
	width:280px;
	border-bottom: solid green 2px;
	line-height: 0.8em;
}

h6 a:link,h6 a:visited,#menu a:visited{
	text-decoration:none;
}

h7 {
	text-align:left;
	margin:10px 0px 10px 0px;
	font-size: 100%;
	color: #222222;
	padding: 5px 0px 1px 10px;
	line-height: 0.2em;
	width:400px;
	border-bottom: dashed orange 2px;
	line-height: 0.8em;
}

#framework{
width:820px;border:2px solid #21307D;
margin:0 auto;
text-align:left;
}

#framework2 {
text-align:center;
}

#header{
	background-image:url("../image/obi.png");
	background-repeat: repeat-x;
	width:820px;
	margin: 0px auto;
	color:#ffffff;
}

#header a:link,#header a:visited {
	color:#ffffff;
	text-decoration:none;
}

#header2{
	background-image:url("../image/menu.png");
	width:820px;
}

#header2 a:link,#header2 a:visited {
	color:#444444;
	text-decoration:none;
}

#flame{
	width:820px;
	background-color:#ffffff;
}

#logo{
	background-image:url("../image/obi.png");
	background-repeat: repeat-x;
	width:550px;
	height: 60px; 
	float: left;
}

#logo img{
	margin-left:10px;
	margin-top:15px;
}

#top{
	background-image:url("../image/obi.png");
	background-repeat: repeat-x;
	width:265px;
	margin:auto;
	float:right;
	padding-right: 5px;
	font-size: 12px;
	height: 60px;
}


#top .toptext{
	float:right;
	margin-top:40px;
}

#copyright{
	width:800px;
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
	letter-spacing: 1px;
	clear:both;
	line-height: 1.8em;
}

#menu{
	MARGIN: 0;
	WIDTH: 800px;
	HEIGHT: 20px;
}

#menu li{
	display:inline;
	FONT-SIZE: 12px;
	WIDTH: 85px;
	margin:5px 3px 0px 3px;
	COLOR: #666666;
	padding:2px 0px 2px 0px;
	TEXT-ALIGN: center;
	border-style:ridge;
	border-width:1px 3px 3px 1px;
	background-color: #f4eaff;
	float: left;
}

#menu a:link,#menu a:visited{
	color:#666666;
	text-decoration: none;
}

#menu a:hover{
	color:#6666FF;
	text-decoration: underline;
}

#menu .selected{
	text-decoration: underline;
	color:#3B0C7A;
	background-color: #F5F5F5;
}

ul #menu{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
}


.left {
	width:220px;
	float: left;
	background-color:#FFFFFF;
	border-color: #666666;
	margin: 0px;
}

#leftframe{
	text-align:center;
	width:810px;
	margin: 10px 2px 0px 2px;
}

.whatsnew {
	padding:2px;
}

#right {
	padding-left:10px;
	padding: 5px 0px 5px 5px;
}

#center {
	width:580px;
	border-color:#666666;
	background-color:#FFFFFF;
	float: right;
	margin: 0;
}

.clear {
	clear: both;	
}

.none{
	LIST-STYLE-TYPE: none;
	margin:0;
	text-align:left;
	padding:0;
}

.none li {
	margin-top:5px;
	text-align: left;
}

/* ���������������������•ʃy�[�W�������������������� */

#tab {
	padding-left: 0;
margin:0;
margin-left:50px;
	text-align:center;
	height: 2em;
	overflow: hidden;
	width:700px;
}
#tab li {
	float: left;
	width: 64px;
	height: 2em;
background:#ffffff;
}
#tab li a {
	display: block;
	width: 60px;
	height: 2em;
	border: 1px solid #ccc;
	border-bottom: 0;
	padding-top:3px;
	color: blue;
	text-align: center;
}
#tab li a:hover,
#tab li.present a {
	border-color: #333;
	color: #000;
}

#text {
	text-align:left;
	width:780px;
	margin-left:auto;
	margin-right:auto;
}

#text li {
	LIST-STYLE-TYPE: none;
	margin:0;
	border-bottom:1px dotted gray;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:65px;
	background-position:left 7px;
	background-repeat:no-repeat;
	font-size:14px;
}

.d {
	background-image: url(./img/md.gif);
}
.u {
	background-image: url(./img/u.gif);
}
.m {
	background-image: url(./img/km.gif);
}
.k {
	background-image: url(./img/ku.gif);
}
.ka {
	background-image: url(./img/ka.gif);
}
.n {
	background-image: url(./img/mn.gif);
}
.j {
	background-image: url(./img/j.gif);
}


#page1, #page2, #page3, #page4, #page5, #page6, #page7 {
	background:#ffffff;
	background-position:center center;
	background-repeat:no-repeat;
	background-image: url(./img/back.gif);
	border:1px solid gray;
	width:700px;
	margin-left: auto;
	margin-right: auto;
}

.profile_left {
	float:left;
	width:400px;
border-right:dashed 1px gray;
}

.photo {
	float:left;
	padding:3px;
	width:156px;
	text-align:left;
}

.prof1 {
padding-top:3px;
	float:right;
	text-align:left;
	width:230px;
	line-height:16px;
}

.prof2 {
padding-top:19px;
	line-height:16px;
	float:right;
	text-align:left;
	width:290px;
}

.guest {
	background:#fff2f7;
	width:779px;
	border:solid #ffa9cb 1px;
	line-height:18px;
	padding-bottom:5px;
	margin-left: auto;
	margin-right: auto;
}

.a {
	color:#ff5566;
}