@charset "utf-8";

/*-----------------------------------------------
 * レイアウト：共通
 *----------------------------------------------*/

body{
        background-color: #f5f5f5;
}@charset "utf-8";

/*-----------------------------------------------
 * 汎用
 *----------------------------------------------*/@charset "utf-8";

/*-----------------------------------------------
 * セルフウインドウ
 *----------------------------------------------*/

#container{
        height: auto;
        min-height: 100%;
        position: relative;
        width: 100%;
}
#content{
        height: 100%;
}
#footer{
        background-image: url('/img/_layout/_self/footer-bg.png');
        background-repeat: repeat-x;
        bottom: 0px;
        text-align: center;
        width: 100%;
        height: 50px;
        position: absolute;
}
#copyright{
        color: #ffffff;
        padding-top: 10px ;
}
#pagetop{
        margin: 0 auto;
        text-align: right;
        /*width: 980px;*/
        width: 1200px;
        position: relative;
}
#pagetop a{
        position: absolute;
        top: -20px;
}@charset "utf-8";

/*-----------------------------------------------
 * ログイン
 *----------------------------------------------*/

body{
	behavior: url(/PIE.htc);
	background-image: url('/img/_layout/index/bg.png');
	background-repeat: repeat-x;
	position: relative;
}
#content{
	margin: 0px auto;
	padding: 170px 0px 60px 0px;
	text-align: center;
	width: 520px;
}
#body{
	behavior: url(/PIE.htc);
	background-color: #ffffff;
	border: 1px solid #c2c2a6;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	padding: 0px 0px 20px 0px;
	position: relative;
}

/* ヘッダ */
.header{
	margin: 0 auto;
	width: 440px;
	height: 119px;
	position: relative;
}
.header .logo{
	float: left;
	font-size: 0px;
	line-height: 0;
	margin: 10px;
	padding: 0px;
	position: absolute;
	top: 39px;
	left: 0;
}
.header .title{
	float: right;
	behavior: url(/PIE.htc);
	background-color: #f5f5f5;
	border: 1px solid #c2c2a6;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	color: #666666;
	font-size: 13px;
	line-height: 20px;
	padding: 4px 0;
	width: 178px;
	position: absolute;
	top: 59px;
	left: 250px;
}

/* ボディ */
.body{
	margin: 0 auto;
	padding-bottom: 29px;
	width: 420px;
}

/* ガイド */
.guide_block{
	padding-bottom: 10px;
}
div.alert{
	padding: 5px 10px;
}

/* フォーム */
.input_block{
	padding-bottom: 10px;
}
table.inputs th{
	font-size: 15px;
	font-weight: bold;
	padding: 0px 10px 10px 0px;
	text-align: left;
	width: 85px;
}
table.inputs td{
	padding: 0px 0px 10px 0px;
	width: 235px;
}
input.username,
input.password,
input.mail{
	behavior: url(/PIE.htc);
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	font-size: 17px;
	font-weight: bold;
	line-height: 1;
	padding: 5px;
	height: 28px;
	position: relative;
}
input.username,
input.password{
	width: 318px;
}
input.mail{
	width: 308px;
}
input.tipped{
	font-weight: normal;
}
.submit_block{
	text-align: left;
}
.submits{
	float: right;
}
input.submit_button{
	behavior: url(/PIE.htc);
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	min-width: 140px;
	width: 140px;
	height: 40px;
	position: relative;
}
.is_remember{
	color: #666666;
	float: left;
	font-size: 13px;
	padding: 10px 0 0 85px;
}