@charset "utf-8";

/* --------------------------------------------------------------- */
/* Userstory Account Style                                         */
/* Copyright UserstoryLab                                          */
/* --------------------------------------------------------------- */


/* CSS Document */

html { -webkit-text-size-adjust:none}  


.bodywrap { padding:5px!important;}
.content { width:auto!important;}
.footer { background:url("../images/sso_boxshadow.png") center 0 no-repeat; padding:15px 0 10px!important; text-align:center;}


#usl_login { padding:30px 20px;}
#usl_login .textbox { width:250px;}
#usl_login .line_login { margin-right:10px;}


#usl_signup { padding:10px;}
#usl_signup form { padding:10px;}
#usl_signup dl dt { float:none; width:auto; text-align:left; font-weight:bold;}
#usl_signup dl dd, 
#usl_signup .line_agree, 
#usl_signup .line_signup { margin-left:0;}
#usl_signup .textbox  { width:250px;}
#usl_signup .line_signup { text-align:center;}


#usl_signed {}
.account_info { margin-bottom:10px;}
.account_info .user_info, 
.account_info .service_info { margin:10px 0;}

.account_info .infonow .txt { display:block; float:none;}
.account_info .infonow .line_info_email a.open { float:none; margin-top:5px;}
.account_info .line_info_pw dt { margin-top:3px;}
.account_info .infoinput .line_new_pw  { margin-top:0;}
.account_info .service_info { padding-top:0; }
.account_info .service_info .line_info_account dd  { margin-top:1px;}



.infoinput h3 { margin-bottom:0!important;}
.infoinput dl { padding:5px;}
.infoinput dt { float:none; text-align:left;  margin-bottom:5px; margin-top:0!important;}
.infoinput dd { margin-left:0;}
.infoinput .textbox { width:220px;}
.infoinput .btnwrap { margin-left:0; text-align:center!important;}
.infoinput .btnwrap a { margin:0 auto;}

.quitAccount ul { padding:0!important;}


/* --------- index --------- */

body#index { background:url("../images/bg_account.gif") repeat #4d505f;}
body#index .bodywrap 	{ background:none; padding:5px!important;}
body#index .container 	{ position:relative; background:none;width:auto!important}
body#index .content 	{ background:none; padding:0 0 0; }

body#index #usl_cover { float:none; width:auto; height:420px; } 
body#index #usl_main { float:none; width:auto; height:auto!important; background-image:url("../images/folded.jpg"); overflow:visible;}

body#index .footer {background-image:url("../images/main_boxshadow_m.png"); padding:30px 0 20px!important;}
body#index .footer ul { text-align:center;}

	#usl_cover { 
		-moz-border-radius-topleft:15px;
		-moz-border-radius-topright:15px;
		-moz-border-radius-bottomleft:0;
		-webkit-border-top-left-radius:15px;
		-webkit-border-top-right-radius:15px;
		-webkit-border-bottom-left-radius:0; 
		}
		
	#usl_main  {
		-moz-border-radius-topright:0; 
		-moz-border-radius-bottomleft:15px; 
		-moz-border-radius-bottomright:15px; 
		-webkit-border-top-right-radius:0;		
		-webkit-border-bottom-left-radius:15px; 
		-webkit-border-bottom-right-radius:15px; 
		}
		
#usl_cover .inner { padding:40px 30px;}
#usl_cover h1 { background:none; padding:0;}
#usl_cover h1 a { margin:0 auto;}

#usl_cover #fav_list { position:absolute; width:240px; top:100px; left:50%; margin:0 0 0 -120px;}
#usl_cover .state { bottom:140px; width:240px; left:50%; margin:0 0 0 -120px;}
#usl_cover .info { bottom:60px; width:240px; left:50%; margin:0 0 0 -120px;}


#usl_main .inner { position:relative;}
#usl_main #serviceinfo { padding:20px; height:auto;}
#usl_main #serviceinfo .listwrap { padding:0; height:auto;}

#usl_main .pagelist { position:absolute; width:60px; top:-30px; left:50%; margin:0 0 0 -25px;} 
#usl_main .pagelist a { float:left; background:url("../images/page_ball_b.png") 3px 3px no-repeat; padding:3px; width:13px; height:13px;}
#usl_main .pagelist a.selected { background-position: 3px -14px;}  

/* --------- /index --------- */


 
/* -------- document -------- */

body#doc .bodywrap { padding:5px!important;}
body#doc .container { width:auto; }

body#doc .header { height:auto; padding:20px 20px 5px;}
body#doc .header h1 { float:none!important; padding-bottom:10px; margin:0 auto;}
body#doc .header .nav { float:none; width:196px; margin:0; margin:0 auto;}
body#doc .header li a { margin:3px; padding:5px!important;}

body#doc .main { padding:15px!important;}

body#doc #agreement h2,
body#doc #protection h2 { float:none;}

body#doc .enforce_date { float:none; margin-top:5px;}

body#doc .table_content { margin-top:10px; padding:10px;}
body#doc .table_content ul { float:none!important; width:auto!important;}
body#doc .table_content ul li { padding:0 0;}

body#doc .footer {background-image:url("../images/main_boxshadow_m.png");}*/


body#doc .docwrap li { padding:5px 0 0 0; }
body#doc .docwrap li ol { padding-left:0!important;}



/* -------- /document -------- */