/**
 * www/samurai/carillon_index.css
 * 
 * carillion css - index parts
 */

/**
 * top
 */

#space_tab_menu {
    width            : 750px;
    height           : 65px;
}

#index_above {
    height           : 400px;
    width            : 750px;
    background-color : #f7ecd5;
    margin           : 50px 0px 0px 0px;
    _margin          : 0px;
    padding          : 20px 0px;
}

    #main_menu {
        width            : 660px;
        _width           : 670px;
        height           : 400px;
        margin           : 0px auto;
        font-size        : 9pt;
    }
    

        /*-------- object --------*/

        #butterfly {
            position         : absolute;
            margin           : 0px 0px 0px 44px;
            top              : 115px;
            width            : 46px;
            height           : 46px;
        }
        
        #bird {
            position         : absolute;
            margin           : 0px 0px 0px 376px;
            top              : 125px;
            width            : 40px;
            height           : 48px;
        }
        
        #flog {
            position         : absolute;
            margin           : 0px 0px 0px 685px;
            top              : 320px;
            width            : 53px;
            height           : 62px;
        }
        
        #fish {
            position         : absolute;
            margin           : 0px 0px 0px 64px;
            top              : 530px;
            width            : 65px;
            height           : 44px;
        }
        
        #flower {
            position         : absolute;
            margin           : 0px 0px 0px 459px;
            top              : 470px;
            width            : 41px;
            height           : 56px;
        }
        
        #cloud {
            position         : absolute;
            margin           : 0px 0px 0px 636px;
            top              : 78px;
            width            : 114px;
            height           : 63px;
        }
        
        /*--------- menu ---------*/
        
        .menu_text {
            margin           : 0px 0px 0px 1px;
            cursor           : pointer;
        }
        
        .menu_box {
            width            : 200px;
            height           : 180px;
            margin           : 10px;
            float            : left;
            background-image : url('/img/menu_bg.png');
        }
        
            #menu_bg {
                height           : 180px;
                width            : 200px;
            }
        
            #mt1_png {
                width            : 118px;
                height           : 43px;
                position         : absolute;
            }
            
            #mt2_png {
                width            : 156px;
                height           : 43px;
                position         : absolute;
            }
            
            #mt3_png {
                width            : 119px;
                height           : 43px;
                position         : absolute;
            }
            
            #mt4_png {
                width            : 158px;
                height           : 40px;
                position         : absolute;
            }
            
            #mt5_png {
                width            : 146px;
                height           : 42px;
                position         : absolute;
            }
            
            #mt6_png {
                width            : 106px;
                height           : 39px;
                position         : absolute;
            }
            
            .menu_inline {
                margin           : 4px 0px 0px 2px;
                padding          : 4px 6px 4px 14px;
            }
            
                .menu_inline p {
                    margin           : 48px 0px 0px 0px;
                    clear            : both;
                    line-height      : 15pt;
                    color            : #666666;
                    width            : 174px;
                    height           : 100px;
                }
            
            #more {
                width            : 64px;
                height           : 12px;
                margin           : 0px 0px 0px 120px;
            }

#index_above_shadow {
    background-image : url('/img/shadow_750.png');
    background-repeat: no-repeat;
    width            : 750px;
    height           : 4px;
    position         : absolute;
    _margin          : 0px 0px 0px -710px;
}

#space_menu_sep {
    height           : 16px;
}

#space_sep_below {
    height           : 30px;
}

#contents_below {
    width            : 750px;
    height           : 250px;
}

    #topics {
        float            : left;
        width            : 415px;
        height           : 250px;
        margin           : 14px 50px 0px 30px;
        _margin          : 14px 50px 0px 15px;
        background-image : url(/img/topics.png);
    }
    
        #frame_topics {
            margin           : 50px 0px 0px 18px;
            width            : 356px;
            height           : 180px;
            overflow-y       : scroll;
            overflow-x       : hidden;
        }
        
        #topics_list {
            font-size        : 9pt;
            margin           : 4px 0px 6px 10px;
            list-style-type  : none;
        }
        
        .topics_line {
            margin           : 6px 0px 0px 0px;
        }
        

    #bg_110_box {
        margin           : 0px 40px 0px 0px;
        _margin          : 0px auto 0px auto;
        height           : 251px;
        text-align       : center;
        width            : 215px;
        float            : left;
        background-image : url('/img/bg_110.png');
        background-repeat: no-repeat;
    }
        
        #img_110 {
            margin           : 8px 0px 8px 0px;
        }
        
        #bg_110_box p {
            margin           : 64px 0px 0px 0px;
            _margin          : 66px 0px 0px 0px;
            font-size        : 9pt;
            line-height      : 15pt;
            color            : #665555;
        }
        
        *:first-child+html #top_110 p {
            margin           : 86px 0px 0px -62px;
        }