@charset "utf-8";
/*	-------------------------------------------------------------
    Description:	CSS file for screen media
    Filename:		layout.css
    Author: 		N Hayashi
    Date:			03/01/2010
                    04/19/2010 QLC Kozue Nakamura サイドメニュー（#menu_content、#menu_bar）の高さ変更
                    28/04/2011 QLC Tsuda Tatsuaki サイドメニューの幅を広げる修正
    -------------------------------------------------------------
    ■wrapper設定
    ■menu設定

FOR SCREEN ****************************************************** */




/*	-------------------------------------------------------------
    ■wrapper設定
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#wrapper_leftmenu {
    position: absolute;
    margin: 0px;
    padding: 0px;
    width: 295px;
    text-align: center;
    background-color: transparent;
    border: none;
    display: none;
    z-index:10000;
}

/*	-------------------------------------------------------------
    ■menu設定
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/* メニュー大枠 */
#area_menu_content {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0px;
    float: left;
    width: 310px;
    text-align: center;
    height: 520px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}

/* メニューリスト枠 */
#menu_content {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0px;
    float: left;
    width: 295px;
    text-align: center;
    background-color: #F2F0E3;
    height: 525px;
    float: left;
    overflow-x:hidden;
    overflow-y:scroll;
}

        #menu_content dl {
            width: 250px;
            margin: 0 10px;
            display: block;
        }

                #menu_content dl a {
                    color: #000000;
                    text-decoration: none;
                }

                        #menu_content dl a:hover {
                            color: #000000;
                            text-decoration: underline;
                        }


                #menu_content dl dt {
                    width: 250px;
                    text-align: left;
                    font-size: 16px;
                    color: #000000;
                    height: 20px;
                    margin: 10px 0;
                    padding-left: 15px;
                    //background: url(../images/icon_plus.jpg)  no-repeat left center ;
                }

                #menu_content dl dt.expandable {
                    background: url(../images/icon_plus.jpg)  no-repeat left center ;
                }
                #menu_content dl dt.collapsable {
                    background: url(../images/icon_minus.jpg)  no-repeat left center ;
                }

                        #menu_content dl dt img {
                            margin-right: 5px;
                        }
                        #menu_content dl dt p {
                            margin-right: 15px;


                        }

                #menu_content dl dd {
                    width: 270px;
                    text-align: left;
                    text-indent: 30px;
                    background: url(../images/left_menu_line.jpg) no-repeat left center;
                    margin-left: 6px;
                    border-top: 1px solid #F2F0E3;
                    height: 21px;
                    line-height: 21px;
                }

                            #menu_content dl dd a {
                                color: #009966;
                                text-decoration: underline;
                            }

                                    #menu_content dl dd a:hover {
                                        color: #99CC00;
                                        text-decoration: underline;
                                    }

                #menu_content dl dd.end {
                    background: url(../images/left_menu_line_end.jpg) no-repeat left top;
                    height: 25px;
                    line-height: 25px;
                    margin-bottom: 10px;
                }

                #menu_content dl dd.mymenu {
                    background: url(../images/left_mymenu_line.jpg) no-repeat left top;
                    height: 21px;
                    line-height: 21px;
                    text-indent: 50px;
                }

                #menu_content dl dd.mymenu_end {
                    background: url(../images/left_mymenu_line_end.jpg) no-repeat left top;
                    height: 25px;
                    line-height: 25px;
                    text-indent: 50px;
                }

                #menu_content dl dd.mysubmenu_end {
                    background: url(../images/left_menu_line_end.jpg) no-repeat left top;
                    height: 25px;
                    line-height: 25px;
                }

                #menu_content dl dd.endmymenu {
                    background: url(../images/left_mymenu_endline.jpg) no-repeat left top;
                    height: 21px;
                    line-height: 21px;
                    text-indent: 50px;
                }

                #menu_content dl dd.endmymenu_end {
                    background: url(../images/left_mymenu_endline_end.jpg) no-repeat left top;
                    height: 25px;
                    line-height: 25px;
                    text-indent: 50px;
                    margin-bottom: 10px;
                }

/* メニューバー枠 */
#menu_bar {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0px;
    float: left;
    width: 15px;
    text-align: center;
    background: url(../images/left_menu_bar.jpg) repeat-y;
    height: 525px;
    border-bottom: 1px solid #CCCCCC;
    }

            #menu_bar img {
                margin-top: 316px;
            }