/**
 * css - portal - sidebar - personal.css
 * 
 * サイドバー用個人
 */
/********************
  共通
********************/
    @import './common.css';
    
    
/********************
  ログイン
********************/
    /*====================
      全体
    ====================*/
        #ican #sidebar #user #login
        {
            width   : 240px;
            margin  : 0px auto 10px auto;
            background-image : url('../../../image/portal/sidebar/user/login.top.png');
        }
        #ican #sidebar #user #login IMG.hr
        {
            margin : 10px auto;
        }
        
        
    /*====================
      上部分
    ====================*/
        #ican #sidebar #user #login #login_top
        {
            width   : 220px;
            margin  : 0px auto 5px;
            padding : 10px 0px 0px 0px;
        }
        #ican #sidebar #user #login #login_top .name
        {
            color : #336699;
        }
        #ican #sidebar #user #login #login_top_top
        {
            height : 4px;
            background-image : url('../../../image/portal/sidebar/user/login.top.top.png');
        }
        #ican #sidebar #user #login #login_top_middle
        {
            padding : 0px 10px;
            text-align  : center;
            font-size   : 12px;
            font-weight : bold;
            background-image : url('../../../image/portal/sidebar/user/login.top.middle.png');
        }
        #ican #sidebar #user #login #login_top_bottom
        {
            height : 4px;
            background-image : url('../../../image/portal/sidebar/user/login.top.bottom.png');
        }
        
        
    /*====================
      中部分
    ====================*/
        #ican #sidebar #user #login #login_middle
        {
            width   : 220px;
            margin  : 5px auto 0px;
        }
        #ican #sidebar #user #login #login_middle_top
        {
            height : 4px;
            background-image : url('../../../image/portal/sidebar/user/login.middle.top.png');
        }
        #ican #sidebar #user #login #login_middle_middle
        {
            padding : 6px 10px;
            background-image : url('../../../image/portal/sidebar/user/login.middle.middle.png');
        }
        #ican #sidebar #user #login #login_middle_bottom
        {
            height : 4px;
            background-image : url('../../../image/portal/sidebar/user/login.middle.bottom.png');
        }
        /** フォーム **/
        #ican #sidebar #user #login #login_middle_middle TABLE TD.input
        {
            width  : 135px;
        }
        #ican #sidebar #user #login #login_middle_middle TABLE TD.submit
        {
            width  : 95px;
            text-align : right;
        }
        #ican #sidebar #user #login #login_middle_middle TABLE TD.input #user,
        #ican #sidebar #user #login #login_middle_middle TABLE TD.input #dummy_user
        {
            display : block;
            width   : 135px;
            height  : 16px;
            color   : #A66E00;
            border  : 1px solid #999999;
            padding : 1px;
            margin  : 0px 0px 3px 0px;
        }
        #ican #sidebar #user #login #login_middle_middle TABLE TD.input #pass,
        #ican #sidebar #user #login #login_middle_middle TABLE TD.input #dummy_pass
        {
            display : block;
            width   : 135px;
            height  : 16px;
            color   : #A66E00;
            border  : 1px solid #999999;
            padding : 1px;
        }
        #ican #sidebar #user #login #login_middle_middle #login_middle_hold
        {
            clear : both;
            color : #666666;
            font-size : 8pt;
        }
        #ican #sidebar #user #login #login_middle_middle #login_middle_forget
        {
            margin     : 5px 0px 0px 0px;
            font-size  : 8pt;
            text-align : right;
        }
        #ican #sidebar #user #login #login_middle_middle #login_middle_join
        {
            width   : 200px;
            margin  : 5px 0px 0px 0px;
            text-align : center;
        }
        
        
        
        
    /*====================
      下部分
    ====================*/
        #ican #sidebar #user #login #login_bottom
        {
            height : 12px;
            background-image : url('../../../image/portal/sidebar/user/login.bottom.png');
            background-position : bottom;
        }
        #ican #sidebar #user #login #login_bottom_top
        {
            height : 0px;
        }
        #ican #sidebar #user #login #login_bottom_bottom
        {
            height : 0px;
        }
        
        
/********************
  マイスペース
********************/
    /*====================
      全体
    ====================*/
        #ican #sidebar #user #myspace
        {
            width   : 240px;
            margin  : 0px auto 10px auto;
            background-image : url('../../../image/portal/sidebar/user/myspace.top.png');
        }
        #ican #sidebar #user #myspace IMG.hr
        {
            margin : 10px auto;
        }
        
        
    /*====================
      上部分
    ====================*/
        #ican #sidebar #user #myspace #myspace_top
        {
            width   : 220px;
            margin  : 0px auto 5px;
            padding : 10px 0px 0px 0px;
        }
        #ican #sidebar #user #myspace #myspace_top .name
        {
            color : #336699;
        }
        #ican #sidebar #user #myspace #myspace_top_top
        {
            height : 4px;
            background-image : url('../../../image/portal/sidebar/user/myspace.top.top.png');
        }
        #ican #sidebar #user #myspace #myspace_top_middle
        {
            padding : 0px 10px;
            text-align  : center;
            font-size   : 12px;
            font-weight : bold;
            background-image : url('../../../image/portal/sidebar/user/myspace.top.middle.png');
        }
        #ican #sidebar #user #myspace #myspace_top_bottom
        {
            height : 4px;
            background-image : url('../../../image/portal/sidebar/user/myspace.top.bottom.png');
        }
        
        
    /*====================
      中部分
    ====================*/
        #ican #sidebar #user #myspace #myspace_middle
        {
            width   : 220px;
            margin  : 5px auto 0px;
        }
        #ican #sidebar #user #myspace #myspace_middle_top
        {
            height : 4px;
            background-image : url('../../../image/portal/sidebar/user/myspace.middle.top.png');
        }
        #ican #sidebar #user #myspace #myspace_middle_middle
        {
            padding : 6px 10px;
            background-image : url('../../../image/portal/sidebar/user/myspace.middle.middle.png');
        }
        #ican #sidebar #user #myspace #myspace_middle_middle #myspace_middle_photo
        {
            text-align : center;
        }
        #ican #sidebar #user #myspace #myspace_middle_bottom
        {
            height : 4px;
            background-image : url('../../../image/portal/sidebar/user/myspace.middle.bottom.png');
        }
        
        
    /*====================
      下部分
    ====================*/
        #ican #sidebar #user #myspace #myspace_bottom
        {
            background-image : url('../../../image/portal/sidebar/user/myspace.bottom.png');
            background-position : bottom;
        }
        #ican #sidebar #user #myspace #myspace_bottom_top
        {
            height : 0px;
        }
        #ican #sidebar #user #myspace #myspace_bottom_bottom
        {
            height : 0px;
        }
        
        /** メニュー **/
        #ican #sidebar #user #myspace #myspace_bottom_menu
        {
            width  : 210px;
            margin : 0px auto;
        }
        #ican #sidebar #user #myspace #myspace_bottom_menu DIV.menu_column
        {
            clear  : both;
            margin : 10px 0px;
        }
        #ican #sidebar #user #myspace #myspace_bottom_menu DIV.menu_column BUTTON
        {
            width  : 100px;
            height : 20px;
            border  : 1px outset #BBBBBB;
            background : #F5F5F5;
        }
        #ican #sidebar #user #myspace #myspace_bottom_menu DIV.menu_column BUTTON.left
        {
            float : left;
        }
        #ican #sidebar #user #myspace #myspace_bottom_menu DIV.menu_column BUTTON.right
        {
            float : right;
        }