#bodyid{
padding:0;
margin:0;
//background:url('../img/bg.png') repeat-x left top;
background-color:#F2FAFF;
text-align:center;
}
#bodyid2{
padding:0;
margin:0;
background-color:#DCEAFC;
text-align:center;
}
#page{
background:#fff;
width:640px;
margin:0 auto;
}
#top h1{
color:#9ecae6;
font-size:30px;
font-family:Arial Black;
letter-spacing:1px;
text-align:left;
padding:2px 15px;
margin:0;
float:left;
}
#top div{
color#999;
font-size:11px;
letter-spacing:1px;
font-weight:normal;
text-align:right;
float:right;
margin:0;
padding:10px 15px;
}
#top div a{
text-decoration:none;
color:#555;
}
#top div a:hover{
color:#aaf;
}
#top div img{
vertical-align:top;
}
#image{
clear:both;
border:1px solid #ccc;
width:620px;
margin:0 auto;
height:180px;
background:#ebf3fd url('../img/top_02.jpg') no-repeat left top;
text-align:center;
}
#image2{
clear:both;
border:1px solid #ccc;
width:620px;
margin:0 auto;
height:140px;
background:#ebf3fd url('../img/gaiyo.jpg') no-repeat left top;
text-align:center;
}
#image3{
clear:both;
border:1px solid #ccc;
width:620px;
margin:0 auto;
height:140px;
background:#ebf3fd url('../img/digital.jpg') no-repeat left top;
text-align:center;
}
#image4{
clear:both;
border:1px solid #ccc;
width:620px;
margin:0 auto;
height:140px;
background:#ebf3fd url('../img/webdesign.jpg') no-repeat left top;
text-align:center;
}
#image5{
clear:both;
border:1px solid #ccc;
width:620px;
margin:0 auto;
height:140px;
background:#ebf3fd url('../img/new.jpg') no-repeat left top;
text-align:center;
}
#image6{
clear:both;
border:1px solid #ccc;
width:620px;
margin:0 auto;
height:140px;
background:#ebf3fd url('../img/tech.jpg') no-repeat left top;
text-align:center;
}
#image7{
clear:both;
border:1px solid #ccc;
width:620px;
margin:0 auto;
height:180px;
background:#ebf3fd url('../img/shien.jpg') no-repeat left top;
text-align:center;
}
#menu{
border:1px solid #ccc;
border-top-width:0;
width:620px;
margin:0 auto;
font-size:13px;
font-weight:bold;
color:#666;
}
#menu a{
width:100%;
color:#666;
text-decoration:none;
}
#menu a:hover{
color:#000;
}
#menu td{
border-left:1px solid #ccc;
background:url('../img/menubg.png') repeat-x top left;
padding:3px 10px;
text-align:center;
width:20%;
}
#main{
width:620px;
margin:0 auto;
padding:0;
font-size:0.8em;
}
#left{
width:150px;
float:left;
padding:10px 0;
}
#left a{
width:100%;
color:#0000aa;
text-decoration: none;
}
#left a:hover{
color:#ff0000;
text-decoration: underline;
}
#left h2{
background:#acd2ea url('../img/boxbg.png') no-repeat top right;
color:#fff;
font-size:13px;
padding:4px 20px 4px 10px;
margin:0;
text-align:left;
letter-spacing:1px;
}
#left p{
font-weight:normal;
border:1px solid #9ecae6;
padding:7px 10px;
margin:0 0 10px 0;
text-align:left;
font-size:1em;
line-height:120%;
layout-grid-line: 1ex;
}
#right{
width:460px;
float:right;
padding:10px 0;
}
#right a{
color:#0000aa;
}
#right a:hover{
color:#ff0000;
}
#right a.t1{
color:#ff4000;
text-decoration: none;
}
#right a.t1:hover{
color:#ff4000;
text-decoration: underline;
}
#right a.t2{
color:#0000ff;
text-decoration: none;
}
#right a.t2:hover{
color:#ff0000;
text-decoration: underline;
}
#right h1 {
font-size:1em;
color: #008000;
border-style: solid;          /* 枠の形 */
border-width: 1px 1px 1px 5px;            /* ４方向の枠 */
border-color: #008000;        /* ４方向の色 */
padding: 5px;                /* ４方向の空白 */
background-color: #ffffff;
text-align:left;
}
#right h1.t1 {
font-size:1em;
color: #0000CC;
border-style: solid;          /* 枠の形 */
border-width: 1px 1px 1px 5px;            /* ４方向の枠 */
border-color: #FF6600;        /* ４方向の色 */
padding: 5px;                /* ４方向の空白 */
background-color: #ffffff;
text-align:left;
}
#right h1.t2{
background:#DCEAFC;
padding:5px 15px;
margin:0 0 15px 0;
border-style: none;          /* 枠の形 */
text-align:right;
font-size:1em;
color:#000088;
letter-spacing:1px;
font-weight:bold;
}
#right h2{
background:url('../img/maintb.png') repeat-x bottom left;
color:#0000ff;
padding:4px 5px;
font-size:1em;
margin:0 10px 5px 0;
text-align:left;
}
#right h2.t1{
background:#DCEAFC;
padding:5px 15px;
margin:0 0 15px 0;
text-align:right;
font-size:1em;
color:#000088;
letter-spacing:1px;
font-weight:bold;
}
#right h2.t2{
border-bottom:1px dashed #333;
font-size:1em;
letter-spacing:1px;
padding:12px 12px 3px 12px;
margin:0 10px 5px 2px;
text-align:left;
color:#373a7d;
}
#right h2.t2:first-letter{
font-size:1.4em;
background:#5893ed;
color:#fff;
padding:2px;
} 
#right h2.t3 {
font-size:1em;
color: #0000CC;
border-style: solid;          /* 枠の形 */
border-width: 1px 1px 1px 5px;            /* ４方向の枠 */
border-color: #FF6600;        /* ４方向の色 */
padding: 5px;                /* ４方向の空白 */
background-color: #FFFFCC;
text-align:left;
}
#right h3{
background:url('../img/maintb.png') repeat-x bottom left;
color:#ff0000;
padding:4px 5px;
font-size:1em;
margin:10px 10px 5px 10px;
text-align:left;
}
#right p{
font-weight:normal;
margin:0;
padding:0 15px 15px 5px;
text-align:left;
font-size:1em;
line-height:120%;
font-weight:normal;
layout-grid-line: 1ex;
}
#right p.t1{
font-weight:normal;
border:1px solid #9ecae6;
padding:7px 10px;
margin:0 0 10px 0;
text-align:left;
font-size:1em;
line-height:120%;
layout-grid-line: 1ex;
}
#right p.t2{
font-weight:normal;
margin:0;
padding:0 15px 15px 5px;
text-align:right;
font-size:1em;
line-height:120%;
font-weight:normal;
layout-grid-line: 1ex;
}
#right p.t3{
text-align:right;
}
#right p.t4{
font-weight:normal;
margin:0;
padding:0 5px 5px 15px;
text-align:left;
font-size:1em;
line-height:100%;
font-weight:normal;
}
#right p.t5{
font-weight:normal;
margin:0;
padding:0 0px 0px 5px;
text-align:left;
font-size:1em;
line-height:120%;
font-weight:normal;
layout-grid-line: 1ex;
}
#right p.t6{
border:1px solid #9ecae6;
background:#DCEAFC;
padding:7px 10px;
margin:0 0 10px 0;
text-align:left;
font-size:1em;
line-height:120%;
layout-grid-line: 1ex;
}
#right li{
font-weight:normal;
margin:0;
padding:0 0px 0px 5px;
text-align:left;
font-size:1em;
font-weight:normal;
layout-grid-line: 1ex;
}
#right TABLE {
  font-size:1em;
  border-collapse: collapse;
  border-style: solid;
  border-color: #666699;
  border-width: 1px;
  width:440px;
}
#right TH {
  padding: 1px;
  background-color: #ffffff;
  border-style: solid;
  border-color: #666699;
  border-width: 1px 1px;
}
#right TD {
  padding: 1px;
  background-color: #ffffff;
  border-style: solid;
  border-color: #666699;
  border-width: 1px 1px;
}
#right TD.t1 {
  padding: 1px;
  background-color: #f1f1fd;
  border-style: solid;
  border-color: #666699;
  border-width: 1px 1px;
}
#right TD.t2 {
  padding: 1px;
  background-color: #f1f1fd;
  border-style: solid;
  border-color: #666699;
  border-width: 1px 1px;
  color: #0000ff;
}
#right TABLE.t3 {
  font-size:1em;
  border-collapse: collapse;
  border-style: none;
  border-width: 1px;
  width:440px;
}
#right TD.t3 {
  padding: 1px;
  background-color: #ffffff;
  border-style: none;
  border-width: 1px 1px;
}
#right TH.t3 {
  padding: 1px;
  background-color: #ffffff;
  border-style: none;
  border-width: 1px 1px;
}
#middle{
width:620px;
float:left;
padding:10px 0;
}
#middle a{
color:#0000aa;
}
#middle a:hover{
color:#ff0000;
}
#middle a.t1{
color:#0000aa;
text-decoration: none;
width="100%";
}
#middle a.t1:hover{
color:#ff0000;
text-decoration: underline;
}
#middle a.t2{
color:#0000aa;
text-decoration: none;
}
#middle a.t2:hover{
color:#ff0000;
text-decoration: underline;
}
#middle h1 {
font-size:1em;
color: #008000;
border-style: solid;          /* 枠の形 */
border-width: 1px 1px 1px 5px;            /* ４方向の枠 */
border-color: #008000;        /* ４方向の色 */
padding: 5px;                /* ４方向の空白 */
background-color: #ffffff;
text-align:left;
}
#middle h2{
background:url('../img/maintb.png') repeat-x bottom left;
color:#0000ff;
padding:4px 5px;
font-size:1em;
margin:0 10px 5px 0;
text-align:left;
}
#middle h2.t1{
background:#DCEAFC;
padding:5px 15px;
margin:0 0 15px 0;
text-align:right;
font-size:1em;
color:#000088;
letter-spacing:1px;
font-weight:bold;
}
#middle h2.t2{
border-bottom:1px dashed #333;
font-size:1em;
letter-spacing:1px;
padding:12px 12px 3px 12px;
margin:0 10px 5px 2px;
text-align:left;
color:#373a7d;
}
#middle h2.t2:first-letter{
font-size:1.4em;
background:#5893ed;
color:#fff;
padding:2px;
} 
#middle p{
font-weight:normal;
margin:0;
padding:0 0 0 10;
text-align:left;
font-size:1em;
line-height:120%;
font-weight:normal;
layout-grid-line: 1ex;
}
#middle p.t4{
font-weight:normal;
margin:0;
padding:0 5px 5px 5px;
text-align:left;
font-size:1em;
line-height:100%;
font-weight:normal;
}
#middle TABLE {
  font-size:1em;
  border-collapse: collapse;
  border-style: solid;
  border-color: #666699;
  border-width: 0px;
  width:580px;
}
#middle TH {
  padding: 1px;
  background-color: #ffffff;
  border-style: solid;
  border-color: #666699;
  border-width: 0px 0px;
}
#middle TD {
  padding: 1px;
  background-color: #D9F2FF;
  border-style: solid;
  border-color: #666699;
  border-width: 0px 0px;
}
#middle TABLE.t1 {
  font-size:1em;
  border-collapse: collapse;
  border-style: none;
  border-width: 1px;
  width:580px;
}
#middle TD.t1 {
  padding: 1px;
  border-style: none;
  border-width: 1px 1px;
  background-color: #ffffff;
}
#middle table.t2{
border-collapse:collapse;
width:520px;
margin:0 auto;
padding: 0;
}
#middle td.t2{
border:1px solid #666;
height:70px;
font-size:13px;
padding: 0;
}

#pagetop{
padding:0 20px 0 0;
text-align:right;
}
#copy{
clear:both;
color:#666;
font-size:13px;
}
#omo{
display:none;
}