/* CSS レイアウト */

#left_col {
	width: 15px;
	height: 300px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#left_col1 {
	width: 185px;
	height: 300px;
	position: absolute;
	left: 15px;
	top: 0px;
}

#move {
	width: 400px;
	height: 300px;
	position: absolute;
	left: 200px;
	top: 0px;
}

#right_col1 {
	width: 185px;
	height: 300px;
	position: absolute;
	top: 0px;
	right: 15px;
}

#right_col {
	width: 15px;
	height: 300px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#down_col {
	width: 800px;
	height: 23px;
	position: absolute;
	left: 0px;
	top: 300px;
}

#top_col {
	width: 800px;
	height: 23px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#left_col2 {
	width: 15px;
	height: 700px;
	position: absolute;
	left: 0px;
	top: 23px;
}

#mess {
	/*スクロールの表示　強制的か自動的か*/
	/*overflow: scroll;*/
	overflow: auto;
  	width: 770px;
	height: 680px;
	position: absolute;
	left: 15px;
	top: 20px;
}

#right_col2 {
	width: 15px;
	height: 700px;
	position: absolute;
	top: 23px;
	right: 0px;
}

#down_col1 {
	width: 800px;
	height: 23px;
	position: absolute;
	left: 0px;
	top: 700px;
}

#index {
	width: 145px;
	height: auto;
	position: absolute;
	left: 35px;
	top: 20px;
}

#index_sub {
	width: 145px;
	height: auto;
	position: absolute;
	right: 35px;
	top: 20px;
}

#page_content {
	width: 800px;
	height: auto;
	position: relative;
	left: 0px;
	top: 360px;
	margin-right: 0px;
	margin-left: 0px;
}
	
#page_content1 {
	width: 800px;
	height: auto;
	position: relative;
	left: 0px;
	top: 360px;
	margin-right: 0px;
	margin-left: 0px;
}

#footer{
	width: 800px;
	height: auto;
	position: absolute;
	left: 0px;
	/*top: 750px;*/
	margin-right: 0px;
	margin-left: 0px;
	border-style:solid;
	border-width:2px;
	border-color:darkred;
	background:white;
	font-size:10pt;
	color:black;
	text-align:center;
}

#license{
	width: 800px;
	height: 50px;
	position: absolute;
	left: 0px;
	/*top: 770px;*/
	margin-right: 0px;
	margin-left: 0px;
	background:white;
	font-size:10pt;
	color:black;
}

#container {
	position: absolute; /* relative;*/
	width: 800px;
	height: auto;
}

html, body{
height: auto; 
/*font-family: "ＭＳ Ｐゴシック", "Osaka";*/
font-size:14px;
font-weight:normal;
font-style:normal;
color:#000;
line-height:1.2em;
text-decoration:none;
scrollbar-arrow-color: #808080; 
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #cfcfcf;
scrollbar-darkshadow-color: #cfcfcf;
scrollbar-highlight-color: #eeeeee;
scrollbar-shadow-color: #eeeeee;
}

#ichi1 { vertical-align: baseline; } 
#ichi2 { vertical-align: top; } 
#ichi3 { vertical-align: middle; } 
#ichi4 { vertical-align: bottom; } 
#ichi5 { vertical-align: text-top; } 
#ichi6 { vertical-align: text-bottom; } 
#ichi7 { vertical-align: -30px; } 
#ichi8 { vertical-align: 200%; } 

a:link{
text-decoration:none;
color:black;
}

a:visited{
text-decoration:none;
color:black;
}

a:active{
text-decoration:none;
color:black;
}

a:hover{
background-color:black;
text-decoration:none;
color:white
}

img {
border-style:none;
/*vertical-align: text-bottom;*/
/*vertical-align: text-top;*/
}

h1{
font-size:24px; font-weight:bold; font-style:normal;
text-decoration:none; text-align:left; vertical-align:middle;
}

h2{
font-size:20px; font-weight:bold; font-style:normal;
text-decoration:none; text-align:left; vertical-align:middle;
}

h3{
font-size:16px; font-weight:bold; font-style:normal;
text-decoration:none; text-align:left; vertical-align:middle;
}

h4{
font-size:14px; font-weight:bold; font-style:normal;
text-decoration:none; text-align:left; vertical-align:middle;
}

/* カラー指定 */
.red {color : red ;}
.blue{color : navy ;}
.white{color : white ;}
.black{color : black ;}
.orange{color : #ff6600 ;}
.green{color : green ;}
.gray{color : #cccccc ;}