/*===================================================================
/PROJECT    :SystemNetwork_HP_Ver1.00
/
/FILE       :top.css
/ABSTRACT   :TOPページ用CSS
/NOTE       :
/HISTORY    :2006/08/25 新規作成
=====================================================================*/
/* ---------------------------------------------------------------- */
/* 各コンテンツ用                                                   */
/* ---------------------------------------------------------------- */
* html div#container{
    height                      : 100%;
}
div#container{
    background-image            : url(../image/wall02.gif);
    background-repeat           : repeat-y;
    width                       : 770px;
    margin                      : 0px auto;
    position                    : relative;
    _height                     : 100%;
    min-height                  : 100%;
}
body > #container {
    height                      : 950px;
}
/* ----------------------------------------------------------------- */
/* タイトル(フラッシュ部)                                            */
/* ----------------------------------------------------------------- */
div#header_flash{
    position                    : absolute;
    top                         : 60px;
    left                        : 0px;
    width                       : 100%;
    height                      : 220px;
    text-align                  : center;
}
/* ----------------------------------------------------------------- */
/* 左側コンテンツ（会社概要）                                        */
/* ----------------------------------------------------------------- */
div#main-l1{
    position                    : absolute;
    top                         : 290px;
    left                        : 0px;
    width                       : 52%;
    height                      : 200px;
    text-align                  : left;
}
div#main-l1 p{
    margin-top                  : 10px;
    margin-left                 : 12px;
    line-height                 : 1.5;
    font-size                   : 1.1em;
    color                       : #353535;
    font-weight                 : bold
}
/* ----------------------------------------------------------------- */
/* 左側コンテンツ（Webカメラ）                                       */
/* ----------------------------------------------------------------- */
div#main-l2{
    position                    : absolute;
    top                         : 475px;
    left                        : 0px;
    width                       : 52%;
    height                      : 200px;
}
div#main-l2 h1{
    margin-top                  : -134px;
    margin-left                 : 17px;
    height                      : 26px;
    width                       : 96px;
}
div#main-l2 p{
    margin-top                  : -25px;
    margin-left                 : 200px;
    font-size                   : 0.90em;
    font-weight                 : bold;
    line-height                 : 2.0;
    color                       : #000000
}
/* ----------------------------------------------------------------- */
/* 右側コンテンツ（ニュース）                                        */
/* ----------------------------------------------------------------- */
div#main-r1{
    position                    : absolute;
    top                         : 290px;
    left                        : 400px;
    width                       : 40%;
    height                      : 400px;
    /*   text-align                 : center;*/
}
div#main-r1 p{
    font-size                   : 0.32em;
    font-weight                 : bold;
    line-height                 : 3.4;
    color                       : #000000;
}
div#main-r1 h1{
    margin-top                  : -340px;
    margin-left                 : 13px;
    height                      : 26px;
    width                       : 400px;
    vertical-align              : middle;
}
table.news {
    margin-top                  : 0px;
    margin-left                 : 0px;
}
td.cell-new {
    border                      : none;
    background-color            : none;
    font-weight                 : bold;
    font-size                   : 0.32em;
    width                       : 30px;
    vertical-align              : middle;
}
td.cell-left {
    border                      : none;
    background-color            : none;
    font-weight                 : bold;
    font-size                   : 0.32em;
    width                       : 50px;
    vertical-align              : middle;
}
td.cell-middle {
    border                      : none;
    background-color            : none;
    padding-left                : 12px;
    padding-top                 : 5px;
    font-size                   : 0.32em;
    width                       : 40px;
    vertical-align              : top;
}
td.cell-right {
    border                      : none;
    background-color            : none;
    font-weight                 : bold;
    font-size                   : 0.32em;
    width                       : 200px;
    vertical-align              : middle;
}
td#news-top {
    border-style                : none;
}
td#news-main {
    border-style                : none;
    background-image            : url(../images/frm_R_base3.gif);
    height                      : 220px;
    padding                     : 12px;
}
table.news-main {
    margin                      : 0px;
}
img.news-icon {
    margin-left                 : 3px;
    margin-right                : 3px;
}
td.news {
    border-style                : none;
    height                      : 20px;
    padding                     : 2px 0px 3px 0px;
    vertical-align              : middle;
    font-size                   : 9pt;
/*     font-weight                 : bold; */
}

table.webcam {
    margin                      : 0px;
    padding                     : 0px;
}
td.webcam-head {
    border-style                : none;
    padding                     : 0px 1px 0px 0px;
    vertical-align              : middle;
    font-size                   : 9pt;
/*     font-weight                 : bold; */
}
td.webcam-main {
    border-style                : none;
    padding                     : 8px 0px 1px 0px;
    vertical-align              : middle;
    font-size                   : 9pt;
/*     font-weight                 : bold; */
}

iframe#news {
    width                       : 100%;
    height                      : 200px;
    border-style                : none;
    padding                     : 0px;
    margin                      : 0px;
}
iframe#webcam {
    width                       : 160px;
    height                      : 120px;
    border-style                : none;
    padding                     : 0px;
    margin                      : 0px;
}

div#banner{
    position                    : absolute;
    top                      	: 810px;
    height                      : 150px;
    width                       : 100%;
    padding                     : 0px 3px 3px 0px;
    line-height                 : 5.0;
}

div#qr{
    position                    : absolute;
    top  	                    : 85px;
	left						: 25px;
    height                      : 82px;
    width                       : 82px;
    padding                     : 0px 3px 3px 0px;
}

div#qr-text{
	color						: black;
    position                    : absolute;
    top                    		: 90px;
	left						: 105px;
    height                      : 45px;
    width                       : 260px;
    padding                     : 0px 3px 3px 0px;
    text-align                  : left;
}
div#qr-frame{
    position                    : absolute;
    top                    		: 305px;
	left						: -5px;
}

div#address{
	color						: black;
	font-family					: sans-serif,'ＭＳ Ｐゴシック','ＭＳ ゴシック';
	font-size					: 1.1em;
    position                    : absolute;
    top 						: 200px;
	left						: 40px;
    width                       : 320px;
    padding                     : 0px 3px 3px 0px;
    text-align                  : right;
}
div#left-waku{
    position                    : absolute;
    top 						: 190px;
	background-color			: cornflowerblue;
    width                       : 380px;
    height                      : 190px;
}
div#webcamera{
    position                    : absolute;
    top 						: 306px;
	left						: -3px;
}
div#webcamera-iframe{
    position                    : absolute;
    top 						: 70px;
	left						: 15px;
    padding                     : 0px 3px 3px 0px;
}
div#webcamera-text{
    position                    : absolute;
    top 						: 80px;
	left						: 200px;
    width                       : 150px;
    padding                     : 0px 3px 3px 0px;
}