@charset "utf-8";

/*===============【 login.html 】クラス===================================================================

CPI
LastUpDate:2009.06.8.Pm18:00

記載内容：
1.タイトルの指定
2.背景
3.コンテンツ部分

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

/*//////　1.タイトルの指定　////////////////////////////////////////////////////////////////////*/
/*----  login h1 ----------------*/
h1{
	height:52px;
	width:330px;
	background:transparent url(../../img/mypage/login_h1.gif) no-repeat 0px 0px;
	margin:37px 0px;
}

/*----  login h2 ----------------*/
h2{
	height:30px;
	width:748px;
	background:transparent url(../../img/mypage/login_h2.gif) no-repeat 0px 0px;
	margin:0;
	text-indent:-999em;
	overflow:hidden;
	display:block;
}

/*//////　2.背景　////////////////////////////////////////////////////////////////////*/
#header{
	background:transparent url(../../img/mypage/top_logo.gif) no-repeat 0px 0px;
}
#headerwrap{
height:80px;
}
#mainwrap{
background-position:0 -32px;
}

/*//////　3.コンテンツ部分　////////////////////////////////////////////////////////////////////*/
/*----  背景 ----------------*/
#loginwrap{
	width:748px;
	margin:0 auto;
}
.loginboxbg{
	border-left:1px solid #ebebed;
	border-right:1px solid #ebebed;
	width:746px;
	margin:0 auto;
}
.loginbox{
	background:transparent url(../../img/mypage/cbi_tablebg_middle.gif) no-repeat 0px 0px;
	width:746px;
	margin-left:-1px;
	padding-top:30px;
}

/*----  フォーム部分 ----------------*/
table#loginform{
	width:625px;
	margin:0px auto;
}
#loginform th{
	padding:15px 0;
	text-align:center;
	width:200px;
}
#loginform td{
padding:15px 0 15px 10px;
}
.check{
padding-top:5px;
}

.inputloginform{
	width:230px;
}
/*----  ログインボタン ----------------*/
.btnmargin{
	margin:20px 0 0 270px;
}

/*----  お問合せはこちら ----------------*/
#loginwrap ul li{
	background:url(../../img/mypage/top_arrow01.gif) no-repeat 5px 14px;
	padding:10px 0 0px 20px;
	float:right;
}
#loginwrap ul li a{
	cursor:pointer;
}
*:first-child+html #loginwrap .radiocheck{/*IE7*/
	display: block;
	float: left;
	clear: both;
	margin:-2px 0 0 -4px;
}
* html #loginwrap .radiocheck{/*IE6*/
	display: block;
	float: left;
	clear: both;
	margin:-2px -2px 0 -2px;
}
#loginwrap .radiocheck{
	display: block;
	float: left;
	clear: both;
	margin-top:3px;
}

*:first-child+html #loginwrap label {/*IE7*/
display: block;
float: left;
clear: none;
margin: 0px 0px 1px 3px;
}
#loginwrap label {
    display: block;
    float: left;
    clear: none;
    margin: 10px 0px 1px 0px;
}

h2.news{
	width:750px;
	background:transparent url(../../img/mypage/top_title02.gif) no-repeat 0px 0px;
	background-color:#ecedee;
	margin:50px 0 0 0;
	text-indent:40px;
	font-size:12px;
	font-weight:bold;
	padding:10px 0 0px 0px;
	border-bottom:1px solid #d8dad9;
}

.forgot{
    font-size:20px;
}

p.text{
	padding:10px 0 10px 0;
	font-size:12px;
	line-height:20px;
	color:#777;
}

p.text_list{
	width:300px;
	padding:10px;
	font-size:12px;
	line-height:20px;
	color:#777;
	border:1px solid #cecece;
	background-color:#f6f6f6;
}