@charset "utf-8";

*{margin:0;padding:0;}

body{
	color: #717171;
	font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 12px;
	line-height: 1.4em;
	background-color: #000000;
}

.left{
	float: left;
	margin-top: 20px;
}

.logo{
	float: left;
	margin-left: 400px;
}

.clear{clear:both;}


a{
	color: #FFCC00;
	text-decoration: none;
}

a:hover{
	color: #FFFFFF;
	text-decoration: none;
}


/*************
全体
*************/

#container{
	width: 950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#container_sub{
	width: 950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
}


#side {
	width : 250px;
	display: block;
	float: left;
	line-height: 1.7em;
	background-color: #F3F3F3;
	margin-left: 27px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 15px;
}


#contents {
	width : 700px;
	float: left;
}

.box {
	width: 950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}


/*************
/* ヘッダー
*************/
#head{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 20px;
	color: #FFF;
	font-weight: bold;
	background-color: #FFF;
	height: 90px;
	padding-top: 10px;
}

#login{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 100px;
	margin-bottom: 20px;
	font-size: 20px;
	color: #FFF;
	font-weight: bold;
}


#title{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-top: 50px;
	margin-bottom: 40px;
	font-size: 25px;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.3em;
}


#title .rightspace{
	width: 200px;
	color: #FFF;
	float: right;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 16px;
	text-align: right;
}



.login_base{
	width: 300px;
	color: #FFF;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
}
.login_base td{
	width: 70%;
	padding: 10px;

}

.login_base th{
	width: 30%;

}




.txt_base{
	width: 950px;
	float: left;
	margin-bottom: 20px;
}
.txt_base td{
	width: 720px;
	background-color: #F6F6F6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 10px;
	color: #333;
	line-height: 2em;
	text-align: left;
}

.txt_base .last{
	width: 700px;
	padding: 10px;
	background-color: #F6F6F6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #007AE7;
	line-height: 3em;
}

.txt_base th{
	width: 210px;
	background-color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	color: #FEFEFE;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;


}



.txt_base2{
	width: 950px;
	float: left;
	margin-bottom: 20px;
	margin-top: 60px;
}
.txt_base2 td{
	background-color: #F6F6F6;
	padding: 10px;
	color: #333;
}

.txt_base2 .top{
	background-color: #666666;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.txt_base2 th{
	background-color: #999999;
	color: #FFF;
	padding-top: 3px;
	padding-bottom: 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	text-align: center;
}

.txt_base2 .last{
	background-color: #999999;
	color: #FFF;
	padding-top: 3px;
	padding-bottom: 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}


.txt_base_button{
	width: 950px;
	color: #FFF;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
}

.button{
	width: 100px;
	height: 40px;
	background-color: #0099FF;
	margin-bottom: 20px;
	border: 1px solid #FFF;
	color: #FFF;
}

.button2{
	width: 100px;
	height: 40px;
	background-color: #FF9900;
	color: #FFF;
	margin-bottom: 20px;
	border: 1px solid #FFF;
}

.pre{
	width: 100px;
	height: 20px;
	background-color: #FF9900;
	color: #FFF;
	float: right;
	padding: 10px;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	margin-top: 20px;
	border: 1px solid #EA8C00;
}