@import url(base.css);

/* business contents */
#contents {
  padding:0px 0px 20px 0px;
  position:rerative;
  width:800px;
  background-color:inhelit;
  }
  /* Contentsの回り込み解除、モダンブラウザ用 */
  #contents:after {
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
    content:".";
    }
  #contents h2.softtitle {
    margin:0 auto 0 auto;
    width: 700px;
    height: 20px;
    background: url(../image/softtitle.gif) top left no-repeat;
    text-indent: -9999px;
    }
    * html #contents h2.softtitle {
      margin-bottom: -3px;
      }

/* news */
#news {
  margin-right: auto;
  margin-left: auto;
  padding:10px;
  border:5px solid #8192B2;
  position:relative;
  width:700px;
  }
  #jakar {
    margin-left:5px !important;
    margin-left:0px;
    float:left;
    display: inline;
    width:396px;
    }
    #jakar .itembox {
      width:396px;
      }
      #jakar .item {
        width: 396px;
      }
        #jakar .item .story {
          width: 380px;
          }
      #jakar .title {
        width:360px;
        }
  #sub {
    margin-left: 20px !important;
    margin-left: 0px;
    float:left;
    width:250px;
    display: inline;
    }
    #sub .itembox {
      width:250px;
      }
      #sub .title {
        float:left;
        width:250px;
        }
.itembox {
  margin: 5px 7px 10px 5px;
  float: left;
  background: url(../image/shadow.png) no-repeat bottom right;
  }
  .itembox .item {
    margin: -5px 5px 8px -6px;
    border: 1px solid #6F81A4;
    position: relative;
    background-color: #fff;
    }
    /* itemの回り込み解除、モダンブラウザ用 */
    .item {
      height: 1%;
      }
      .item:after {
        display: block;
        clear: both;
        height: 0px;
        visibility: hidden;
        content: ".";
        }
    /* /itemの回り込み解除、モダンブラウザ用 */

    .item h2 {
      margin:10px 0 20px 0;
      text-indent:-9999px;
      }    
    .item h3 {
      margin-bottom:2px;
      display:block;
      color:#9b0000;
      font-size:16px;
      }
    #mediaframe { background: url(../image/titlemedia.png) no-repeat;}
    #application { background: url(../image/titleappli.png) no-repeat;}
    #device_driver { background: url(../image/titledevice.png) no-repeat;}
    #linux_kernel { background: url(../image/titlelinux.png) no-repeat;}
    #web_service { background: url(../image/titleweb.png) no-repeat;}

    .item .story {
      margin-top:0px !important;
      margin-top:-10px;
      padding:0 5px 10px 5px;
      width:250px;
      font:normal normal normal 12px/1.5em sans-serif;
      }
      .story img {
        margin:5px 5px;
        border:none;
        }
      .story a {
        color:#99305b;
        }