@charset "utf-8";
* {
	margin: 0;
	padding:0;
}
html{
    height:100%;
    overflow-y:scroll;/* firefoxでスクローバーを表示させる */
}

body {
height:100%;
margin: 0;
padding:0;
position: relative;
min-width: 600px;           /*中央配置するボックスの横幅*/
min-height:400px;           /*中央配置するボックス縦幅*/
background-color: #EBEBEB;
font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
color:#555555;
font-size:1em;
line-height: 1.5;
}

.centerMiddle {
margin: -250px 0 0 -500px;  /*縦横の半分をネガティブマージンでずらす*/
position: absolute;         /*body要素に対して絶対配置*/
top: 50%;                   /*上端を中央に*/
left:50%;                   /*左端を中央に*/
width: 1000px;
height:500px;
background-color: #fff;
}



/*
共通
----------------------------------------------------------- */
li {list-style-type:none;}
dl {list-style-type:none;}
th {text-align:left;}
img{border:0;vertical-align:bottom;}

.f-left  {float:left;}
.f-right {float:right;}
.clear   {clear:both;}
.pagetop {font-size:0.9em;width:700px;text-align:right;margin:30px auto;}

.cen {width:100%;text-align:center;margin:20px auto;}


/*
 Link Color
----------------------------------------------------------- */
a:link    {color:#003399;text-decoration:underline;}
a:visited {color:#003399;text-decoration:underline;}
a:hover   {color:#FF9900;text-decoration:underline;}


/*--------------------------------------------
container
---------------------------------------------*/
* html div#container{
    height:100%;
}
div#container{
    position:relative;
    min-height:100%;
width:1000px;
background:url(../img/bg.png) repeat-y 0 0;
text-align:left; /* IE6のフッタが崩れるのでcenter指定をしてはいけない */
margin:0 auto; /* Fx IE6用 */
}
body > #container {
        height: auto;
}


/*--------------------------------------------
header
---------------------------------------------*/
#header {
height:70px;
background:url(../img/login_h.png) no-repeat 0 0;
margin:0 auto;
}
#header dl {width:1000px;}
#header dl dt {float:left;width:200px;margin-left:50px;}
#header dl dd {float:right;width:230px;}


/*--------------------------------------------
main
---------------------------------------------*/
div#main{
_width:280px;
width:400px;

text-align:center;
margin:20px auto 0;
_margin:70px 0 0 300px;

}

div#main dl {
	margin-left:20px;
}

div#main dl dd {float:left;text-align:left;margin:8px;
	font-size:16pt;
}
div#main dl dt {clear:both;}

.shim {width:120px;}

div#main dl input {
	font-size:16pt;
	font-family:Verdana;
	width:200px;
}

/*
　テーブル
---------------------------------------------*/
.tab {margin:20px 0;}
.tab tr th {
color:#FFF;
background-color:#666;
padding:4px 15px;
}
.tab tr td {
background-color:#FFF;
border-bottom:1px dotted #999;
vertical-align:top;
padding:6px 15px;
}

tr.even td {background:url(../img/tabBg.png) repeat 0 0;}
.tab tr td img {vertical-align: middle;padding-right:10px;}


.tab2 {width:500px;border:1px solid #666;margin:20px 0 0;}
.tab2 tr th {
color:#FFF;
background-color:#666;
padding:4px 15px;
}
.tab2 tr td {
background-color:#FFF;
vertical-align:top;
padding:6px 15px;
}


/*--------------------------------------------
footer
---------------------------------------------*/
#footer {
    position:absolute;
    bottom:0;
    height:70px; /* メインの高さと同じ */
    width:100%;
background:url(../img/login_f.png) no-repeat 0 0;
}
#footer dl dd {color:#FFF;font-size:0.8em;text-align:right;padding:10px 60px 0 0;}


/*--------------------------------------------
　タイトル
---------------------------------------------*/


/*---------------------------------------------------------------------
　floatを使用の際、clearで解除するためのクラス
---------------------------------------------------------------------*/
.clearfix:after {
content: ".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
.clearfix {display:inline-block;}