@charset "utf-8";
/* CSS Document */

#login_frame{
	width: 100%;
	background: url(../../common/page/bg.gif) left top repeat-x;
}
#login_frame h3{ display:block; padding:30px 0px 25px 0px; line-height:0; font-size:12px;}
#login_frame h4{
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:3px solid #D01619;
	display:block;
	padding:8px 10px;
	line-height:100%;
	font-size:14px;
	font-weight:bold;
	color:#666;
	margin-bottom:5px;
}
#login_frame .login_rem{margin: 5px 0px 20px 20px;line-height: 150%;}

/*--- 左フレーム ---*/
#login_frame .login_left{float: left;width: 500px;border: 1px solid #CCC;}
#login_frame .login_left .title{background-color:#CCC;text-align:center;font-size:20px;line-height:50px;}
#login_frame .login_left .login_main{width:100%;margin:40px 0px 25px 0px;}
#login_frame .login_left .login_main dt {
	clear: left;
	float: left;
	width: 100px;
	padding:15px 10px 10px 30px;
}
#login_frame .login_left .login_main dd {margin-left: 120px;padding:15px 10px 10px 0px;}
#login_frame .login_left .login_main dd input{ height:30px; width:300px;}
#login_frame .login_left .login_btn{text-align:center; margin-bottom:30px;}
#login_frame .login_left .login_btn input{	/*-------------- ログインボタン*/
	background-image:url(../../common/page/form_btn_40.jpg);
	background-repeat:repeat-x;
	border:1px solid #CCC;
	height:38px;
	width:200px;
	font-size:16px;
	cursor: pointer;
}
#login_frame .login_left .login_main p{ color:#F00; display:block; text-align:center}
#login_frame .login_left .login_btn input:hover{opacity:0.6;filter: alpha(opacity=40);-ms-filter: "alpha( opacity=40 )";color:#666}
#login_frame .login_left .pass_rem{ margin:10px;}

/*--- 右フレーム ---*/
#login_frame .login_right{
	float: right;
	width: 420px;
	padding: 60px 10px 0px 10px;
	display: inline;
}
#login_frame .login_right .new_btn a{
	width:300px;
	line-height:80px;
	background-image:url(../login/img/newuser_btn.jpg);
	margin:0px auto;	
	font-size:20px;
	text-align:center;
	text-decoration:none;
	display:block;
}
#login_frame .login_right .new_btn a:hover{
	opacity:0.6;
	filter: alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
	color:#666;
}
#login_frame .login_right p{
	line-height:200%;
}

#login_frame .footer_rem{
	margin:30px 50px;
	text-align:center;
}
/**/

/*####### パスワード確認 ユーザー登録解除画面##########*/
#login_frame .center_frame{
	width:600px;
	margin:0 auto;
	border: 1px solid #CCC;
	padding:50px;
}

#login_frame .center_frame dt {
	clear: left;
	float: left;
	width: 150px;
	padding:20px 10px;
}
#login_frame .center_frame dd {padding:20px 10px;}
#login_frame .center_frame dd input{ height:30px;}

#login_frame .send_btn{text-align:center; margin-bottom:30px;}
#login_frame .send_btn input{	/*-------------- ログインボタン*/
	background-image:url(../../common/page/form_btn_40.jpg);
	background-repeat:repeat-x;
	border:1px solid #CCC;
	height:38px;
	width:270px;
	font-size:16px;
	cursor: pointer;
}

#login_frame .message_frame{
	width: 550px;
	padding:40px;
	border: 1px solid #CCC;
	margin-left:170px;
	margin-top:100px;
	line-height:180%;
}

#login_frame  .pw_erro{
	color:#F00;
	text-align:center;
}
/*####### マイページ画面##########*/
#login_frame .user_name{
	line-height:20px;
	margin-bottom:15px;
	font-size:14px;
	text-align:right;
}
#login_frame .user_name a{font-size:12px; margin-left:2em;}

#login_frame #mypage_frame{margin:0 auto; width:820px; margin-bottom:50px;}
#login_frame .mypage_rem{line-height:140%;margin:10px;}
#login_frame .menu_list{width:400px;float:left;}
#login_frame  .menu_list li{
	line-height:60px;
	margin-bottom:10px;
	text-align:center;
	font-size:16px;
	background-image:url(../my_page/img/btn_back.jpg);
	background-repeat:no-repeat;	
}
#login_frame  .menu_list li a{
	width:400px;
	display:block;
	text-decoration:none;
}
#login_frame  .menu_list li a:hover{
}
/*####### ダウンロード履歴画面##########*/

table#download_history{
	width:860px;
	border-top:1px solid #999;
	border-right:1px solid #999;
	margin-left:50px;
}
table#download_history th,td{

	margin:0px;
}
table#download_history th{
	padding:0px;
	background-color:#778899;
	color:#FFF;
	line-height:25px;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
}
table#download_history td{
	padding:0px;
	line-height:30px;
	text-align:center;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
}
.history_footer{
	text-align:center;
	margin:10px;
}