html, body{
    margin: 0;         /* 余白の削除 */
    padding: 0;        /* 余白の削除 */
    width:100%;
    height:100%;
}


/* ヘッダーの固定 */
div#header-fixed
{
    position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    width: 100%;                /* 横幅100%　*/
    height: 80px;              /* 縦幅60px */
}
 
div#header-bk { 
	background-color:#FF8000;     /* 背景色(オレンジ) */
	color: #FFFFFF; /*文字の色*/
	padding:10px 10px 10px;       /* 上10px、横10px、下10pxをあける */
	height:80px;              /* 縦の高さ60px */
	width:100%;                /* 横の幅を100% */
}
 
 


/* フッターの固定 */
div#footer-fixed
{
    position: fixed;            /* フッターの固定 */
    bottom: 0px;                /* 位置(下0px) */
    left: 0px;                  /* 位置(左0px) */
    width: 100%;                /* 横幅100%　*/
    height: 60px;              /* 縦幅60px */
}
 
div#footer-bk
{
	background-color:#008040;     /* 背景色(みどり) */
	color: #FFFFFF; /*文字の色*/
	padding:10px 0 20px;       /* 上10px、横0px 下20pxをあける */
	height:60px;              /* 縦の高さ60px */
	width:100%;                /* 横の幅を100% */
	text-align: center; /*文字を中央に*/
}


/* ボディの定義 */
div#body-bk{
    padding:100px 0 60px 0;    /* 上下に100px,60pxを余白を取る */
}

/* index.htmlのmenuクラスのリンク表示*/
.menu{
  background: #fff;
  text-align: center;
}
.menu a{
  background: #fff;
  color: #090;
  display: block;
}
.menu a:hover{
  background: #017d16;
  color: #ff0;
}

/* ヘッダーのリンク表示 */
.linkheader{
	color: #ffa;
}
.linkheader:hover{
  background: #ffad01;
  color: #ff5;
  text-decoration: none;
}

/* フッターのリンク表示 */
.linkfooter{
  color: #fff;
}
.linkfooter:hover{
  background: #00a53f;
  color: #fff;
  text-decoration: none;
}






/*mytable start*/
.myimg{
	width :90%;
	border: 1px solid #b9b9b9;
}

.mytable{
	width:100%
	border-collapse:collapse;
}
.mytable th{
	width:270px;
	text-align:left;
	vertical-align:top;
	color:#333;
}
.mytable td{
	width:450px;
	text-align:left;
}

/*テーブル内テーブル*/
td.ttitle1{
	width:80px;
	vertical-align:top;
	color: #777799; /*文字の色*/
	font-style: italic;
}
td.ttitle2{
	width:110px;
	vertical-align:top;
	color: #777799; /*文字の色*/
	font-style: italic;
}
/*mytable end*/


/*table for what's new*/
.dayitem{
	width:100px;
	text-align:right;
	vertical-align:top;
	padding: 0px 4px 0px 0px; /*右側を10pxあける*/
}


/* 660px以上の場合に適用*/ /* 660〜 */
@media screen and (min-width: 660px){
	#container{
		width:100%;
	}
	
td.tblank{
	width:30px;
}
	td.tnakami1{
		width:340px;
		vertical-align:top;
	}
	td.tnakami2{
		width:310px;
		vertical-align:top;
	}
}

/*659以下の場合に適用*/
@media screen and (max-width: 659px){  /* 470〜659 */
	#container{
		width:100%;
	}
	td.tblank{
		width:20px;
	}
	td.tnakami1{
		width:240px;
		vertical-align:top;
	}
	td.tnakami2{
		width:210px;
		vertical-align:top;
	}
}
/*469以下の場合に適用*/ /* 〜469 */
@media screen and (max-width: 469px){
	#container{
		width:100%;
	}
	

	/*スマホのときはテーブルを縦に並べる*/
	/*table, tbody, tr, th, td {*/
	.companytable table, .companytable tbody, .companytable tr, .companytable th, .companytable td {
		display: block;
		max-width: 100%; /*スマホ画面一杯に広がる感じ*/
	}

	/*スマホのときはテーブルを縦に並べる*/
	/*table, tbody, tr, th, td {*/
	.mytable table, .mytable tbody, .mytable tr, .mytable th, .mytable td {
		display: block;
		max-width: 100%; /*スマホ画面一杯に広がる感じ*/
	}
	
	td.tblank{
		width:10px;
	}	
	td.tnakami1{
		width:230px;
		vertical-align:top;
	}
	td.tnakami2{
		width:200px;
		vertical-align:top;
	}
	
}

}






#link01{
	margin-top:-90px;
	padding-top:90px;
}
#link02{
	margin-top:-90px;
	padding-top:90px;
}
#link03{
	margin-top:-90px;
	padding-top:90px;
}
#link04{
	margin-top:-90px;
	padding-top:90px;
}
#link05{
	margin-top:-90px;
	padding-top:90px;
}
#link06{
	margin-top:-90px;
	padding-top:90px;
}
#link07{
	margin-top:-90px;
	padding-top:90px;
}
#link08{
	margin-top:-90px;
	padding-top:90px;
}
#link09{
	margin-top:-90px;
	padding-top:90px;
}
#link10{
	margin-top:-90px;
	padding-top:90px;
}
#link11{
	margin-top:-90px;
	padding-top:90px;
}
#link12{
	margin-top:-90px;
	padding-top:90px;
}#link13{
	margin-top:-90px;
	padding-top:90px;
}#link14{
	margin-top:-90px;
	padding-top:90px;
}#link15{
	margin-top:-90px;
	padding-top:90px;
}#link16{
	margin-top:-90px;
	padding-top:90px;
}#link17{
	margin-top:-90px;
	padding-top:90px;
}#link18{
	margin-top:-90px;
	padding-top:90px;
}#link19{
	margin-top:-90px;
	padding-top:90px;
}#link20{
	margin-top:-90px;
	padding-top:90px;
}