@charset "utf-8";
/* ===================================================================
CSS information

 file name  :login.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */

body#login{
	background:#ddd;
}

#login #page{
	padding-top:100px;
	text-align:center;
}

/* .con_login
----------------------------------------------------------- */

#login .con_login{
	min-width:540px;
	padding:20px 30px;
	margin:0 auto;
	background:#EBE1BD;
	overflow:hidden;
	display:inline-block;
	text-align:left;

}


/*　ロゴ　*/
#login .con_login .box_logo{
	width:180px;
	border-right:1px solid #000;
	float:left;
	position:relative;
}

#login .con_login .box_logo h1{
	position:absolute;
	top:35%;
}


/*　フォーム　*/
#login .con_login .box_form{
	float:left;
	padding:30px 0 30px 30px;
	color:#2F3A6A;
}

#login .con_login .box_form ul{
	margin-bottom:20px;
}

#login .con_login .box_form li{
	margin-bottom:15px;
}

#login .con_login .box_form .label{
	font-weight:bold;
}

/*　ロゴ　*/
#login .con_login .box_form_rogo{
	float:left;
	padding:60px 30px 30px 30px;
	color:#FFF;
}

#login .con_login .box_form_rogo ul{
	margin-bottom:20px;
}

#login .con_login .box_form_rogo li{
	margin-bottom:15px;
}

#login .con_login .box_form_rogo .label{
	font-weight:bold;
}


/*　ログインボタン　*/
#login .con_login .box_form .btn{

}

#login .con_login .box_form .mid{

width: 300px;
}

#login .con_login .box_form .btn input{
	color:#000;
	size:50px;
	background:url(../images/ico_login.gif) 10px center no-repeat #fb8303;
	padding: 5px 10px 5px 25px;
	font-weight: bold;
}










/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}