@charset "UTF-8";
/*
/////////////////////////////////////////////////////////////////////////////////
// 本ソフトウェアの著作権は有限会社ネット書房に属し、その許諾なしに利用してはならない
// 2013年10月9日
/////////////////////////////////////////////////////////////////////////////////
*/


/* ---------------------------------------------- */
/* --- メインフレーム --- */
/* ---------------------------------------------- */
#container {
    position:absolute;
    left: 255px; /* メインカラムの左マージン（サイドバーの幅以上） */
    top: 46px;
    width:672px;
    padding:20px;
    height: 700px; 
    border: 1px #000 solid;
    background-color:#EFD;
    overflow:auto;
    z-index:5;
}

#splash{
    position: relative;
    /*
    top:356px;
    left:361px;
    margin-top: -175px;
    margin-left: -175px;
    width:366px;
    height:179px;
    */
    background-image:url('../images/splash.png');
    background-repeat :no-repeat;
    background-size: cover;
}

#splashMes{
    font-size:small;
    line-height: 100%;
}

/* ---------------------------------------------- */
/* メニューの記述 */
/* ヘッダー直後のメインメニューのidがpulldown-menu */
/* ---------------------------------------------- */
#pulldown-menu{
    position: absolute;
    top:25px;
    left:32px;
    width: 934px; /* ページの幅 */
    height:20px;
    background-position:top left;
    border-left: 2px #cccccc solid;
    border-right: 2px #cccccc solid;
    background-color:#336633;
    z-index:10;
}
#pulldown-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#pulldown-menu a {
    color: #FFFFFF;
    text-decoration: none;
}
#pulldown-menu a:link,
#pulldown-menu a:visited {
    background: #336633;
}
#pulldown-menu a:hover,
#pulldown-menu a:active {
    background: #99ff99;
    color:#000;
}
#pulldown-menu li {
    float:left;
    width:120px;
    height:20px;
    line-height:20px;
    position:relative;
    z-index:auto;
    border-right: 2px #cccccc solid;
}
#pulldown-menu li a {
    display: block;
    width: 120px;
    height: 20px;
    text-align: center;
}
#pulldown-menu li ul li {
    float: none;
    margin: 0;
    font-weight: normal;
}
/* 下層のメニューを不可視に */
#pulldown-menu li ul,
#pulldown-menu li ul li ul {
    display: none;
}
/* 疑似要素 :hover で子メニューを可視、孫メニューを不可視に */
#pulldown-menu li:hover ul {
    display: block;
    position: absolute;
    /*	z-index: 100; */
}
#pulldown-menu  html li:hover ul {
    vertical-align: bottom; /* IE6 で変な隙間が空くのでその対策 */
}
#pulldown-menu li:hover ul li ul {
    display: none;
}
/* 疑似要素 :hover で孫メニューを可視に */
#pulldown-menu li ul li:hover ul {
    display: block;
    position: absolute;
    top: 0;
    left: 9em;
    /*	z-index: 200; */
}

/* ---------------------------------------------- */
/* アップロードプログレスバーのスタイル */
/* ---------------------------------------------- */
#upload_status {
   width: 60%;
   height: 15px;
   margin: 10px 10px 10px 30px;
   background: #DDD;
   position: relative;
}

#progress_bar {
   width: 0;
   height: 15px;
   background: #00E;
   position: absolute;
   left: 0;
   top: 0;
}