@charset "utf-8";
@import "works240.css";
@import "stdft.css";

/* トップページ用CSS */

/* トップページヘッダー */
#HDBOX {
  position : relative;
  height : 139px;
  background : url("../img/line24.gif") repeat-x top #F0F0F0;
}
#HDBOX H1 {
  position : absolute;
  width : 300px;
  text-align : left;
  font-family : "Comic Sans MS", sans-serif;
  font-size : 56px;
  font-weight : bold;
  color : #009900;
  background-color : #F0F0F0;
}
#SubTitle {
  position : absolute;
  top : 24px; left : 300px;
  font-size : 16px;
  width : 18em;
  font-family:"ＭＳ Ｐゴシック","OSAKA",sans-serif;
  font-weight : bold;
  color : #003300;
} 

/* 検索BOX */
#SEARCH {
  position : absolute;
  top : 24px; right : 8px;
  width : auto;
  padding : 8px;
  text-align : right;
  background-color : #FFFFFF;
  border : solid 1px #CCCCCC;
}
/* for IE7 - START - */
*+html #SEARCH {
  width : 300px;
}
/* for IE7 - END - */
/* for IE not for Mac- START - \*/
*html #SEARCH {
  width : 300px;
}
/* for IE not for Mac - END - */
/* for Mac IE - START - \*//*/
#SEARCH {
  width : 240px;
  right : 16px;
}
/* for Mac IE - END - */

#SEARCH input {
  font-size : 9pt;
}
#SEARCH label {
  font-size : 10pt;
}

#MENUBOX {
  position : absolute;
  bottom : 0; left : 0;
  width : 100%;
  height : 60px;
  background : url("../img/line20.gif") repeat-x bottom;
}

#MENUBOX A:link { color : #006600; }
#MENUBOX A:visited { color : #006600; }
#MENUBOX A:hover { color : #FF9900; }
#MENUBOX A:active { color : #FF3300; }


#MENU01A,#MENU02A,#MENU03A,#MENU04A {
  display : block;
  padding : 8px 0 8px 40px;
  font-size : 16px; 
  line-height : 24px;
  text-decoration : none;
  white-space: nowrap;
}

#MENU01D,#MENU02D,#MENU03D,#MENU04D {
  width : 192px;
  height : 40px;
  font-size : 16px; 
}

#MENU01A,#MENU01D { position : absolute; top : 0; left : 16px; }
#MENU02A,#MENU02D { position : absolute; top : 0; left : 176px; }
#MENU03A,#MENU03D { position : absolute; top : 0; left : 336px; }
#MENU04A,#MENU04D { position : absolute; top : 0; left : 496px; }

#MENU01D { background : url("../img/inq_h_40.gif") no-repeat top left; }
#MENU02D { background : url("../img/guide_h_40.gif") no-repeat top left; }
#MENU03D { background : url("../img/info_h_40.gif") no-repeat top left; }
#MENU04D { background : url("../img/blog_h_40.gif") no-repeat top left; }

A#MENU01A { background : url("../img/inq_l_40.gif") no-repeat top left; }
A#MENU01A:hover { background : none; }
A#MENU01A:active { background : url("../img/inq_a_40.gif") no-repeat top left; }

A#MENU02A { background : url("../img/guide_l_40.gif") no-repeat top left; }
A#MENU02A:hover { background : none; }
A#MENU02A:active { background : url("../img/guide_a_40.gif") no-repeat top left; }

A#MENU03A { background : url("../img/info_l_40.gif") no-repeat top left; }
A#MENU03A:hover { background : none; }
A#MENU03A:active { background : url("../img/info_a_40.gif") no-repeat top left; }

A#MENU04A { background : url("../img/blog_l_40.gif") no-repeat top left; }
A#MENU04A:hover { background : none; }
A#MENU04A:active { background : url("../img/blog_a_40.gif") no-repeat top left; }

#BODYBOX {
  position : relative;
  width : 100%;
}

#R1BOX {
  float : right;
  width : 100%;
  margin-left : -100%;
}

#NEWS {
  margin-left : 380px;
  margin-right : 4px;
  height : 191px;
  background-color : #FFFFFF;
  border-bottom : solid 1px #CCCCCC; 
  border-right : solid 1px #CCCCCC; 
  overflow : auto;
}
#NEWS H2 {
  border : none;
}
#NEWS P {
  margin : 2px;
}

#CMBOX {
  margin : 4px 4px 1px 756px;
  height : 568px;
  text-align : center;
  background-color : #FFFFFF;
  line-height : 12px;
  border-bottom : solid 1px #CCCCCC; 
  border-right : solid 1px #CCCCCC; 
}

#ABOUT {
  float : left;
  width : 747px; height : 320px;
  margin : 444px 4px 1px 4px;
  font-size : 12px;
  line-height : 18px;
  letter-spacing : 0;
  background-color : #FFFFFF;
  border-bottom : solid 1px #CCCCCC; 
  border-right : solid 1px #CCCCCC; 
}
#ABOUT H2 {
  font-size : 14px;
  border : none;
}
#ABOUT P {
  margin : 6px 6px;
}
/* for IE not for IE7 & not for Mac- START - \*/
*html #ABOUT {
  margin-left : 2px;
}
/* for IE not for IE7 & not for Mac- - END - */

#MAINMENU {
  position : absolute;
  top : 0; left : 4px;
  width : 760px;
}

#MAINMENU H2{
  width : 363px; height : 59px;
  padding : 4px;
  color : #000000;
  font-size : 14px;
  font-weight : normal;
  line-height : 18px;
  background-image : none;
  background-color : #FFFFFF;
  border-bottom : solid 1px #CCCCCC; 
  border-right : solid 1px #CCCCCC; 
}

#MENU51D,#MENU52D,#MENU53D,#MENU54D,#MENU59D {
  width : 371px; height : 119px;
  border-bottom : solid 1px #CCCCCC; 
  border-right : solid 1px #CCCCCC; 
}
#MENU51D {
  position : absolute;
  top : 72px; left : 0;
  background : url("../img/run120.png") no-repeat top right #FFFFFF;
}
#MENU52D {
  position : absolute;
  top : 196px; left : 0;
  background : url("../img/tool120.png") no-repeat top right #FFFFFF;
}
#MENU53D {
  position : absolute;
  top : 320px; left : 0;
  background : url("../img/parts120.png") no-repeat top right #FFFFFF;
}
#MENU54D {
  position : absolute;
  top : 196px; left : 376px;
  background : url("../img/lib120.png") no-repeat top right #FFFFFF;
}
#MENU59D {
  position : absolute;
  top : 320px; left : 376px;
  background : url("../img/media120.png") no-repeat top right #FFFFFF;
}

#MENU51A,#MENU52A,#MENU53A,#MENU54A,#MENU59A {
  position : absolute; 
  padding : 4px;
  width : 363px; height : 111px;
}

#MAINMENU A { text-decoration : none; }
#MAINMENU A:link { background : none; color : #009900; }
#MAINMENU A:visited { background : none; color : #009900; }
#MAINMENU A:hover { background : url("../img/opacity_orange.png") repeat; color : #009900; }
#MAINMENU A:active { background : url("../img/opacity_orange.png") repeat; color : #FF3300; }
/* for IE not for IE7 - START - */
*html #MAINMENU A:hover { background : url("../img/opacity_orange.gif") repeat; }
*html #MAINMENU A:active { background : url("../img/opacity_orange.gif") repeat; }
/* for IE not for IE7 - END - */

#MAINMENU H3{
  width : 240px; height : 24px;
  font-size : 15px;
  padding : 0;
  border-left : none;
  border-bottom : solid 2px #009900;
}

.MenuText {
  position : absolute; 
  top : 28px; left :8px;
  width : 319px;
  font-size : 14px;
}

.adsbox {
  width : 120px;
  margin : 0 auto 0 auto;
}