@charset "utf-8";



/* =ブラウザリセット
================================*/
* {
	margin: 0;
	padding: 0;
}


/* =clearfix
================================*/

.clearfix:after
{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* CSS Document */
a
{
	font-size: 12px;
	color: #ec6395;
}
a:link
{
	text-decoration: none;
	color: #ec6395;
}
a:visited
{
	text-decoration: none;
	color: #ec6395;
}
a:hover
{
	text-decoration: none;
	color: #0099FF;
}
a:active
{
	text-decoration: none;
}

body {
    font-size:10px;
    color: #969696;
    scrollbar-base-color:#ffffff;
    scrollbar-face-color:#003366;
    scrollbar-arrow-color:#ff0000;
    scrollbar-shadow-color:#ffffff;
    scrollbar-highlight-color:#ffffff;
    scrollbar-dark-shadow-coor:#ffffff;
    scrollbar-3d-light-color:#ffffff;
    background-color : #000000;
    text-align: left;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#contenr
{
    margin: 0 auto;
    width: 900px;
    height: 1100px;
    background-image:url('../img/bg.png');
    background-repeat: no-repeat;
    position: absolute; top:0px; left:0px;
}

#header {
	width: 200px;
	height: 28px;
	margin: 0px;
	padding: 0px;
        position:relative; top:180px; left:10px;
}

#header h1 {
	font-size:12px;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color:#000000;
}

#baer
{
    width: 400px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    position:relative; top:50px; left:500px;
}

#baer li
{
	float: left;
	list-style-type: none;	/* No bullets */
	font-size: 12px;
}

#login
{
    width: 200px;
    height: 150px;
    margin: 0px;
    padding: 10px 0px;
    text-align: left;
    position:relative; top:250px; left:650px;
    background-image:url('../img/form_bg.png');
    background-repeat: no-repeat;
}

#login form
{
    margin: 0px 30px;
}


#frame {
	width: 607px;
	height: 285px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 42px;
	top: 250px;
	background-color: #FFFFFF;
}

#midle1
{text-align: left;
        color: #000000;
	width: 607px;
	height: 285px;
	margin: 0px;
	padding: 0px;
        overflow: scroll;
	position: absolute;
	left: 42px;
	top: 250px;
	background-color: #FFFFFF;
}

#prof
{
	width: 870px;
	height: 300px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 10px;
	top: 680px;
        text-align: center;
        background-image:url('../img/prof_bg.png');
        background-repeat: no-repeat;
        
}
#prof p
{
margin: 10px;
font-size: 20px;
color:#C8ED77;
}

#regi_b
{
    margin: 0px;
    padding: 0px;
    position:relative; top:250px; left:650px;
    width: 200px;
    height: 100px;  
}
#regi_b a
{
    margin: 0px;
    padding: 0px;
    width: 200px;
    height: 100px;  
}

#footer {
	font-size: 11px;
	font-style: normal;
	color:#CCCCCC;
	line-height:16px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 1000px;
	right: 100px;
	left: 27px;
	width: 272px;
}