/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Component containers
----------------------------------*/
.ui-widget-content { background: #ffffff;}


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #825017; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { /*border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal;*/ color: #666666; outline: none;}
.ui-state-hover a, .ui-state-hover a:hover { color: #825017; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active {outline: none; z-index: 1;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #666666; outline: none; text-decoration: none; }
outline

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}


/* Tabs----------------------------------*/
#loginFormFromAjax .ui-tabs {zoom: 1;}
#loginFormFromAjax .ui-tabs .ui-tabs-nav { list-style: none; position: relative; /*padding: .2em .2em 0;*/ }
#loginFormFromAjax .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
#loginFormFromAjax .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em 0 1em;}
#loginFormFromAjax .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
#loginFormFromAjax .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
#loginFormFromAjax .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { /*padding: 1em 1.4em;*/ display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.registTub{ background: url(../img/main/right_mypage_tabbg01.jpg) no-repeat;  height: 26px;  width: 91px;}
.loginTub{ background: url(../img/main/right_mypage_tabbg02.jpg) no-repeat;  height: 26px; width: 168px; margin-left: -15px !important;}
.loginTubA{margin-left: 5px;}

#tabs-2{
background: url(../img/main/right_mypage_tabbg02top.jpg) no-repeat top;
padding-top: 5px;
}

#tabs-2 div.wrap{
background:  url(../img/main/right_mypage_tabbg02bg.jpg) repeat-y ;
padding: 10px 0 0 0;
}

#tabs-2 div.text label, #tabs-2 div.password label{
  width:95px;
  margin-bottom: 3px;
  float: left;
  clear: left;
  text-align: right;
}

#tabs-2 div.text input, #tabs-2 div.password input{
  width: 160px;
  margin-bottom: 3px;
}


#tabs-2 div.wrap div.cts{
  padding: 0 15px;
}

#tabs-2 .checkbox{
  clear: both;
  text-align: center;
  margin-top: 10px;
}

#tabs-2 div.cts ul{
  text-align: center;
  margin:0 0 5px 0;
}

#tabs-2 div.wrap div.submit{
clear: both;
background:  url(../img/main/right_mypage_tabbg02btm.jpg) no-repeat bottom;
margin: 0 0 10px 0;
padding: 0 15px 15px 0;
text-align: center;
}

#tabs-2 div.wrap div.submit input{
  width: 100px;
}