/**
 * www/samurai/carillon_contents.css
 * 
 * carillion css - contents parts
 */

#contents_head_img, #arrow {
    behavior         : url(/samurai/iepngfix.htc);
}

/**
 * contents
 */
 
#navigation {
    clear            : both;
    height           : 50px;
    margin           : -128px 0px 48px 36px;
    padding          : 30px 0px 0px 0px;
}

    #navigation p {
        font-size        : 9pt;
    }

#contents_top {
    width            : 750px;
    height           : 130px;
    margin           : 30px 0px 0px 0px;
    _margin          : 0px;
    background-image : url(/img/sub_top.png);
    background-repeat: no-repeat;
}

#contents_parent {
    width            : 750px;
    background-color : transparent;
    margin           : -40px 0px 0px 0px;
}

#contents {
    width            : 450px;
    margin           : 0px 16px 0px 36px;
    _margin          : 0px 8px 0px 18px;
    float            : left;
    min-height       : 450px;
    _height          : auto !important;
    _height          : 450px;
}

    #contents_head {
        height           : 36px;
        width            : 450px;
        margin           : 0px 0px -2px 0px;
    }
    
        #contents_head_img {
            height           : 35px;
            width            : 449px;
        }
        
        #contents_head_text {
            font-size        : 1.6em;
            font-weight      : bold;
            color            : #666666;
            letter-spacing   : 0.2em;
        }
        
    #contents_body {
        clear            : both;
        width            : 450px;
    }
    
        #fc {
            background-image : url('/img/fc.png');
            width            : 440px;
            height           : 570px;
        }
        
        #contents_body_main {
            margin           : 10px 0px 20px 0px;
            min-height       : 300px;
            _height          : auto !important;
            _height          : 300px;
            padding          : 10px;
            background-color : #ffffff;
            border-top       : 1px dashed #666666;
            border-bottom    : 1px dashed #666666;
        }
        
            #contents_body_headline {
                min-height       : 32px;
                font-weight      : bold;
                _height          : auto !important;
                _height          : 60px;
            }
        
            #contents_body_main p {
                font-size        : 9pt;
                line-height      : 1.5em;
            }
        
    #contents_body_below {
        margin               : 0px 0px 20px 0px;
    }
    
        .box_l {
            margin               : 0px 0px 10px 0px;
            width                : 450px;
            clear                : both;
        }
        
            .top_l {
                background-image     : url(/img/l_top.png);
                height               : 10px;
                background-repeat    : no-repeat;
                background-position  : bottom;
            }
            
            .contents_index_l {
                background-image     : url(/img/l_middle.png);
                background-repeat    : repeat-y;
                padding              : 0px 0px 4px 10px;
            }
            
            .bottom_l {
                background-image     : url(/img/l_bottom.png);
                height               : 10px;
                background-repeat    : no-repeat;
            }
        
        .box_m_left, .box_m_right {
            margin               : 0px 0px 10px 0px;
            width                : 217px;
        }
        
        .box_m_left {
            clear                : both;
            float                : left;
        }
        
        .box_m_right {
            float                : right;
        }
        
            .top_m_left, .top_m_right {
                background-image     : url(/img/m_top.png);
                height               : 10px;
                background-repeat    : no-repeat;
                background-position  : bottom;
            }
            
            .contents_index_m_left, .contents_index_m_right {
                background-image     : url(/img/m_middle.png);
                background-repeat    : repeat-y;
                padding              : 0px 0px 4px 10px;
            }
            
            .bottom_m_left, .bottom_m_right {
                background-image     : url(/img/m_bottom.png);
                height               : 10px;
                background-repeat    : no-repeat;
            }
        
        .box_s_left, .box_s_center, .box_s_right {
            margin               : 0px 0px 10px 10px;
            width                : 137px;
        }
        
        .box_s_left {
            clear                : both;
            float                : left;
        }
        
        .box_s_center {
            float                : left;
        }
        
        .box_s_right {
            float                : left;
        }
        
            .top_s_left, .top_s_center, .top_s_right {
                background-image     : url(/img/s_top.png);
                height               : 10px;
                background-repeat    : no-repeat;
                background-position  : bottom;
            }
            
            .contents_index_s_left, .contents_index_s_center, .contents_index_s_right {
                background-image     : url(/img/s_middle.png);
                background-repeat    : repeat-y;
                padding              : 0px 0px 4px 10px;
            }
            
            .bottom_s_left, .bottom_s_center, .bottom_s_right  {
                background-image     : url(/img/s_bottom.png);
                height               : 10px;
                background-repeat    : no-repeat;
            }
        
        .contents_index_l,.contents_index_m_left,.contents_index_m_right,.contents_index_s_left,.contents_index_s_center,.contents_index_s_right {
            font-size            : 9pt;
        }
        
            .contents_index_l a,.contents_index_m_left a,.contents_index_m_right a,.contents_index_s_left a,.contents_index_s_center a,.contents_index_s_right a {
                font-weight      : bold;
            }
            
            .contents_index_l p, .contents_index_m_left p, .contents_index_m_right p, .contents_index_s_left p, .contents_index_s_center p, .contents_index_s_right p {
                text-align       : left;
                margin           : 2px 0px 0px 4px;
            }
            
            .contents_index_l p {
                width            : 420px;
            }
            
            .contents_index_m_left p, .contents_index_m_right p {
                width            : 187px;
            }
            
            .contents_index_s_left p, .contents_index_s_center p, .contents_index_s_right p {
                width            : 109px;
            }
            
            #table_nl {
                margin       : 8px 0px 0px 28px;
                width        : 390px;
            }
            
                #table_nl td {
                    text-align       : center;
                    padding          : 8px;
                    border           : 1px solid #888888;
                }

#contents_submenu {
    width            : 200px;
    margin           : 50px 36px 0px 12px;
    _margin          : 50px 18px 0px 6px;
    float            : right;
}

    #contents_sub_text {
        font-size        : 12pt;
        font-weight      : bold;
        color            : #666666;
        letter-spacing   : 2pt;
        height           : 26px;
        text-align       : right;
    }
    
    #contents_submenu_table {
        margin           : 2px 0px 0px 0px;
        font-size        : 9pt;
        width            : 200px;
        background-color : #ffffff;
        border           : 1px dashed #666666;
        padding          : 0px 0px 6px 0px;
    }
    
        #contents_submenu_table td {
            padding          : 8px;
        }
        
            #arrow {
                width            : 12px;
                height           : 12px;
            }

#link_each {
    margin           : 0px 0px 0px 8px;
    font-size        : 9pt;
    border-top       : 1px dashed #cccccc;
    margin           : 20px 0px 0px 0px;
    padding          : 10px;
}

    #link_text {
        font-weight      : bold;
    }
    
#contents_110 {
    margin           : 20px auto 10px auto;
    font-size        : 9pt;
    width            : 180px;
    padding-left     : 24px;
}


