@charset "Shift_JIS";

body {
 background: #dcdcdc;
 font-family:"Arial" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "MS Pゴシック" , "MS P Gothic" , "メイリオ" , "Meiryo" , "Osaka" , sans-selif;
}

.container{
 width: 744px;
 height: 100%;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 overflow:hidden;
}

#header{
 width: 744px;
 height: 150px;
 display: table-cell;
 vertical-align: middle;
 background-color: #ffffff;
}


#side-menu{
 width: 144px;
 float:left;
 margin-top:6px;
}


 #link-top{
  width: 69px;
  height: 69px;
  float: left;
  line-height:69px;
  background-color: #ffffff;
 }

 #link-about{
  width: 69px;
  height: 69px;
  float: right;
  line-height:69px;
  background-color: #ffffff;
 }

 #link-access{
  width: 69px;
  height: 69px;
  margin-top:6px;
  float: left;
  line-height:69px;
  background-color: #ffffff;
 }

 #link-contact{
  width: 69px;
  height: 69px;
  margin-top:6px;
  float: right;
  line-height:69px;
  background-color: #ffffff;
 }

 #sublink{
  height: 444px;
  margin-top:150px;
  background-color: #ffffff;
 }

  #sublink01{
   height: 69px;
   line-height:69px;
  }

  #sublink02{
   height: 69px;
   line-height:34.5px;
 }

#main-column{
 width: 524px;
 height: 524px;
 margin-top:6px;
 margin-left:6px;
 float: left;
 background-color: #ffffff;
 overflow:scroll;
 text-align: left;
 padding:35px
}


table, td, th{
 border-width: 1px;
 border-style: none;
 border-color: silver;
 border-collapse: collapse;
}

th {
 font-size: 1.2em;
 background: white;
}

td {
 background: white;
}

.boxlink a{
 display:block;
 width:69px;
 height:69px;
 color:black;
 text-align:center;
 margin-top:0px;
}

.boxlink a:hover{
 background: red;
 color:white;
}

a{
text-decoration: none;
}

a:link {
 color: black;
}

a:visited {
 color: black;
}


a:hover {
font-weight: bold;
}