@charset "utf-8";

#wrapper{
	width:640px;
	margin:0px auto;
	background-color:#FFFFFF;
	text-align: left;
	}
body	{
	background-color: #CCCCCC;
	margin: 0px auto; 
	text-align: center;
	color:	#000000		;
	font-size:	75%		;
	font-family:	'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif'		;
	}
p	{
font-size: 14px;
	}
img	{			
	border:	0px		;
	}		

a	{
	color:	#800000		;
	}
a:hover	{
	color:	#FF6600		;
	}

body	{
	background-color: #CCCCCC;
	margin: 0px auto; 
	color:	#000000		;
	font-size:	75%		;
	font-family:	'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif'		;
	}

.header	{
	background-image:	url(images/topbg.gif)		;
	background-repeat:	repeat-x		;
	background-color:	#000000		;
	width:	640px		;
	height:	60px		;
	margin:	0		;
	}			


.h_logo	{
	float:	left		;
	width:	300px		;
	height:	30px		;
	margin:	15px 0 15px 160px 		;

	}

.title {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

.title	{			
	width:	600px		;
	min-height:30px	;
	height:auto !important	;
	height:	30px		;
	border-style:	solid	;
	border-color:	#000000 #000000 #800000 #FF0000	;
	border-width:	1px 1px 1px 10px	;
	background-color:	#000000		;
	background-image:	url(images/title2.jpg)		;
	background-repeat:	repeat-x		;
	padding:	10px 30px 15px 15px	;
	margin:	20px 0 10px 0;
	}	
.title h1	{			
	color:	#DDDDDD		;
	font-size:	200%		;
	margin:	0;
	}

.content{
	float:	left		;
	width:	620px		;
	background-color:	#FFFFFF		;
	padding:	0 10px 0 10px		;
	}				

.ex1 h2     {
        width: 580px    ;
	margin:		10px 20px 0 0;
        padding:        2px 0 0 4px             ;
        border-style:   solid   ;
        border-width:   0 2px 2px 8px   ;
        border-color:   #FFFFFF #999999 #999999 #800000 ;
        background-image:       url(images/sbbhbg4.jpg)         ;
        background-repeat:      repeat-x                ;
        background-position:    bottom          ;
        color:  #000000         ;
        font-size:      140%            ;
        background-color:       #FFEAEA         ;
        clear: both     ;
        }
.ex1 p	{
	padding:5px 0 10px 0;
	width:	600px	;
	}
.footer	{
	float:	left		;
	margin:	0		;
	clear: both		; 
	float:	left		;
	background-image:	url(images/topbg.gif)		;
	background-repeat:	repeat-x		;
	background-color:	#000000		;
	width:	640px		;
	height:	50px		;
	color:	#FFFFFF		;
	padding: 20px 0 0 0;
	}

.footermenu	{			
	font-size:	12px	;
	text-align:	center;
	}
.footermenu a	{			
	color:	#FFFFFF		;
	}

.copyright	{			
	margin: 10px 0 10px 0;

	font-size:	12px	;
	text-align:	center	;
	}


#lostpasswordform dl dt{ 
	clear: left;
	padding:	0		;
	margin:	0		;
	font-weight:	900	;
	font-size: 16px;
}


#lostpasswordform dd { 
margin:	0 0 15px 0
}


#lostpasswordform #user_login{
width : 250px;
}



.frontend-user-admin-login{
font-size: 14px;
}

.frontend-user-admin-login #loginform label {
font-weight:	900	;
font-size: 16px;
}

#loginform #user_pass{
width: 250px;
}

#loginform #user_login{
width: 250px;
}

.frontend-user-admin-login ul {
padding:	0		;
margin:	0 0 15px 0		;
font-size: 14px;
font-weight:	900	;
}

.frontend-user-admin-login li {
padding:	0		;
margin:	0 0 15px 0		;
list-style-type:	none	;
list-style-position: outside	;
font-size: 14px;
font-weight:	900	;
}


.frontend-user-admin-login.cbg{
display : block;
}

.frontend-user-admin-login th ,td{
	border-style:	solid	;
	border-width:	1px 0 0 0	;
	border-color: #CCCCCC;
	font-weight:	100	;
	font-size: 14px;
}

.frontend-user-admin-login{
	padding:10px;
	margin:-10px auto;
}

.frontend-user-admin-login div.error{
	border:1px solid #FF0000;
	color:#FF0000;
	background:#FFCCCC;
	padding:5px; margin:5px auto;
}

.frontend-user-admin-login div.message{
	border:1px solid #0000FF;
	color:#0000FF;
	background:#CCCCFF;
	padding:5px; margin:5px auto;
}
.frontend-user-admin-login .input{
	border:1px solid #CCCCCC;
	padding:3px 5px;
	width:120px;
}

.frontend-user-admin-login .textarea{
	border:1px solid #CCCCCC;
	padding:3px 5px;
	width:600px;
	height:200px;
}

.frontend-user-admin-login .select{
	border:1px solid #CCCCCC;
	padding:3px 0px;
}
.frontend-user-admin-login .submit{
	padding:3px 5px;
	margin : 0 auto 0 auto;
}
.frontend-user-admin-login #user_login{
	ime-mode:disabled;
}
.frontend-user-admin-login #user_email,.frontend-user-admin-login #user_url{
	width:240px;
	ime-mode:disabled;
}
.frontend-user-admin-login .form-table th{
	width:150px;
	text-align:right; }
.frontend-user-admin-login .form-table td{
	padding:5px;
	text-align:left;
}
.frontend-user-admin-login .form-table .imedisabled{
ime-mode: disabled;
}
.frontend-user-admin-login .error_attribute{
background:#FFCCCC;
}
.frontend-user-admin-login .required{
font-size: 10px;
color:#CC0000;
display : block;
}

.frontend-user-admin-user-attribute-comment {
font-size: 10px;
color:#000088;
}

.frontend-user-admin-widget-login{
}
.frontend-user-admin-widget-login .input{
border:1px solid #CCCCCC;
padding:3px 5px;
width:120px;
}

#pass-strength-result{
	border:1px solid;
	margin:12px 5px 5px 1px;
	padding:3px 5px;
	text-align:center;
	width:200px;
}

#pass-strength-result{
	background-color: #eee;
	border-color: #ddd !important;
}
#pass-strength-result.bad{
background-color: #ffb78c;
border-color: #ff853c !important;
}
#pass-strength-result.good{
background-color: #ffec8b;
border-color: #fc0 !important;
}
#pass-strength-result.short{
background-color: #ffa0a0;
border-color: #f04040 !important;
}
#pass-strength-result.strong{
background-color: #c3ff88;
border-color: #8dff1c !important;
}

#f_wants.textarea{
width : 400px;
}

#f_read.textarea{
width : 400px;
}


#registerform #user_email , #pass1 , #pass2 , #f_company , #f_company_kana , #f_co_div , #f_co_posi , #f_co_bra , #f_hp , #f_strt , #f_building {
width : 250px;
}

#registerform #f_industry , #f_stock , #f_worker , #f_base , #f_yearly , #f_account , #f_discretion {
width : 180px;
}


f_sei
f_sei_kan
f_mei
f_mei_kana
f_company
f_tel
f_fax
f_co_div
f_co_bra
f_co_posi
f_sex
f_old
f_greater
f_industry
f_worker
f_yearly
f_base
f_stock
f_account
f_discretion
f_optout
f_period
f_contents
f_reason
f_first
f_freq
f_imp
f_interest
f_wants
f_info
f_read
f_zip
f_pref
f_city
f_strt
f_building
f_hp