/*===================================================================
/PROJECT    :SystemNetwork_HP_Ver1.00
/
/FILE       :top.css
/ABSTRACT   :TOPページ用CSS
/NOTE       :
/HISTORY    :2006/08/25 新規作成
=====================================================================*/
/* ---------------------------------------------------------------- */
/* 各コンテンツ用                                                   */
/* ---------------------------------------------------------------- */
* html div#container{
    height                      : 100%;
}

body{
    background-image            : url(../images/systemnetwork.gif);


}
div#container{
    width                       : 800px;
    margin                      : 0px auto;
    position                    : relative;
    _height                     : 100%;
    min-height                  : 100%;
    background-color            : #ffffff;
    border                      : 1px gray solid;

}
body > #container {
    height                      : 550px;
}

h2{
    margin                      : 5px auto;
    text-align                  : right;
    font-size                   : 1.1em;
    font-weight                 : normal;
}
.orange{
    color                       : #79a71d;
    font-weight                 : bold;
}
/* ----------------------------------------------------------------- */
/* メニュー(フラッシュ部)                                            */
/* ----------------------------------------------------------------- */
div#header_flash{
    position                    : absolute;
    top                         : 220px;
    left                        : 0px;
    width                       : 100%;
    height                      : 72px;
    text-align                  : left;
}
div#header_flash_sub{/* ------------------FLASH横------------------- */
    position                    : absolute;
    top                         : 240px;
    right                       : 20px;
    width                       : 100%;
    height                      : 72px;
    text-align                  : right;
}
/* ----------------------------------------------------------------- */
/* 左側コンテンツ（概要）                                        */
/* ----------------------------------------------------------------- */
div#main-l1{
    position                    : absolute;
    top                         : 330px;
    left                        : 0px;
    width                       : 52%;
    text-align                  : left;
}
div#main-l1 p{
    margin-top                  : 10px;
    margin-left                 : 12px;
    line-height                 : 1;
    font-size                   : 1.1em;
    color                       : #353535;
}

/* ----------------------------------------------------------------- */
/* 右側コンテンツ（詳細ページ案内）                                        */
/* ----------------------------------------------------------------- */
div#main-r1{
    position                    : absolute;
    top                         : 320px;
    left                        : 430px;
    width                       : 37%;
    padding                     : 20px;
    border                      : 0px skyblue solid;
}
div#main-r1 p{
    font-size                   : 1.0em;
    line-height                 : 1;
    color                       : #666666;

}
div#main-r1 h1{
    margin-top                  : -340px;
    margin-left                 : 13px;
    height                      : 26px;
    width                       : 400px;
    vertical-align              : middle;
}
div#banner{
    position                    : absolute;
    bottom                      : 0px;
    height                      : 130px;
    width                       : 770px;
    padding                     : 0px 3px 3px 0px;
}
/* ----------------------------------------------------------------- */
/* 中央コンテンツ（Mapなど）                                        */
/* ----------------------------------------------------------------- */
div#main-m{
    position                    : absolute;
    top                         : 310px;
    left                        : 0px;
    width                       : 100%;
    padding                     : 20px 0px;
    text-align                  : left;
}
div.subtitle{
    padding                     : 20px 20px 0px 20px;
    text-align                  : left;
    font-size                   : 1.3em;
    font-family                 : "ＭＳ Ｐゴシック",Terminal,"osaka","MS PGothic",sans-serif;
    text-align                  : left;
}
div.photo{
    position                    : absolute;
    top                         : 115px;
    left                        : 550px;
}

div.setumei{/* ----------------講座内容の説明文------------------------- */
    font-size                   : 1.2em;
    font-weight                 : normal;
    color                       : black;
    padding                     : 10px 50px;
    line-height                 : 1.5em;
}
ol{
    font-weight                 : bold;
    font-size                   : 1.0em;
}
ul{
    padding                     : 0px 40px;
}
.setumei2{
    padding                     : 10px 50px;
    font-weight                 : normal;
    font-size                   : 1.4em;
    color                       : black;
    line-height                 : 1.0em;
}
hr.half{
    width                       : 90%;
    border                      : 1px skyblue solid;
    text-align                  : center;
}
div.point1{/* ----------------講座内容のパソコン画像------------------------- */
    position                    : absolute;
    top                         : 500px;
    left                        : 500px;
}
div.point2{/* ----------------講座内容の写真と鳥イラスト画像----------------- */
    position                    : absolute;
    top                         : 180px;
    left                        : 490px;
}
div.syousai2{/* --------------TOPの詳細ページ画像------------------------- */
    position                    : absolute;
    top                         : 320px;
    left                        : 530px;
}
div#main-m p{
    font-size                   : 1.0em;
    line-height                 : 1;
    color                       : #666666;

}
div#main-m h1{
    margin-top                  : -340px;
    margin-left                 : 13px;
    height                      : 26px;
    width                       : 400px;
    vertical-align              : middle;
}
div#map{
    text-align                  : center;
}
/* ----------------------------------------------------------------- */
/* Map用テーブル                                        */
/* ----------------------------------------------------------------- */
/* テーブル共通？ */
table.gaiyou {
  margin-top                  : 5px;
  margin-left                 : 20px;
  margin-bottom               : 5px;
  line-height                 : 1.0;
  text-align                  : left;
    font-size                 : 1.2em;
}

/* セル共通設定 */
td {
  border                      : 1px solid #CCCCCC;
  padding                     : 7px;
}
/* セル 見出し・タイトルなど共通 */
td.header {
  background-color            : #acacac;
  font-weight                 : bold;
  color                       : #444444;
}
/* セル メイン共通 */
td.main {
  background-color            : #ffffff;
}

/* セル 左側共通 */
td.left {
  width                       : 99px;
}
/* セル 右側共通 */
td.right {
  width                       : 395px;
}