@charset "UTF-8";
* { 
  zoom: 1.0;
  border: none;
  margin: 0;
  padding: 0;
  color: #FFF;
  line-height: 170%;
  /*overflow: hidden;*/
  text-align: justify; /*text-justify: distribute-all-lines;*/
}

body {  
  background-color: #FFF;
  font-size:12px;
  font-family: 'Verdana', 'Helvetica', '小塚ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'ＭＳ Ｐゴシック', 'Osaka', 'sans-serif';
  /*overflow : hidden ;*/
  font-size: 100%;
}

#contents {
  /*border: dotted 1px #0F0;:*/
  width: 790px;
  margin: 0 auto;
}

#header {
  /*border: dotted 1px #000;*/
  position: relative;
  margin: 20px auto 0px auto;
  width: 790px;
  overflow: hidden;
  z-index: 0;
}

#container {
  /*border: dotted 5px #F00;*/
  float: left;
  background:url(../../../_adp11t/skins/adp/img/bg_color2011.gif) repeat-y left top;
  width: 790px;
  margin: 0px auto 5px auto;
  padding: 0px;
  /*z-index: 1;*/
}

#container:after {
  display: block;
  clear: both;
  height: 0;
  /*visibility: hidden;*/
  content: ".";
}

#side {
  /*border: dotted 1px #0F0;*/
  float: left;
  width: 186px;
  /*background-color: #ea5506;*/
}

#main {
  /*border: dotted 1px #000;*/
  float: right;
  width: 603px;
  margin-bottom: -23px;
}

#footer {
  /*border: 2px solid #C0C0C0;*/
  clear: both;
}

p {
   margin: 0.7em 0px;
   line-height: 150%;
}

/*a:linkは、未訪問リンク。a:visitedは、訪問済みリンク。a:hoverは、マウスカーソルが重なっているとき。a:activeは、選択されている状態のリンク。*/
a {
  text-decoration: none !important;
}
/*
a:link, a:visited{
  color:#FFF;
  text-decoration: none !important;
}
*/
a:hover{
  text-decoration: underline !important;
}


/*************************************** header ********************************************/
#header .title{
    /*border: dotted 2px #F00;*/
    /*z-index: auto;*/
    margin-left: -1px;
    width: 379px;
    height: 135px;
}

#header .gbnavi {
    /*border: dotted 1px #00F;*/
    border-right: solid 1px #000;
    position: absolute;
    right: 0px;
    bottom: 22px;
    margin: 0px;
    padding: 0px;
    height: 12px;
    width: 189px;
    /*top: 10px;*/
    list-style-type: none;
    overflow: hidden;
}

#header .gbnavi li {
    border-left: solid 1px #000;
    float: left;
    height: 12px;
}
#header .gbnavi li img {
    display:block; 
    height: 12px;
}


/**************************************  side  ***************************************/
#side .Box {
    position: relative;
    /*border: dotted 1px #0F0;*/
    margin: 0px;
    padding: 0px;
}

#side .Box #event_img #photo {
    /*border: dotted 1px #0F0;*/
    background-color: #FFF;
    width: 166px;
    height: 312px;
    margin: 10px;
}

#side .Box .event_exp {
  /*border: dotted 1px #0F0;*/
  clear: both;
  margin: 0px auto 40px auto;
  width: 166px;
  /*height: 600px;*/
  font-size: 10px;
}

#side .Box .event_exp .e_pro{
  margin-bottom: 15px;
}

#side .Box .event_exp .e_pro img{
  margin-bottom: -8px;
}

#side .Box .event_exp .explanation p{
  padding: 0px 0px 0px 0px;
  font-size: 10px;
  line-height: 100%;
}

#side .Box .space {
  margin: 10px 0px 10px 10px;
  width: 166px;
}

#side .Box .logodl {
  margin: 10px 0px 10px 10px;
  width: 166px;
}

#side a {
  display: block;
}



/********************************************* main **********************************************/
.pbox {
    /*border: solid 1px #ea5506;*/
}

.pbox ul{
    /*border: solid 1px #ccc;*/
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 603px;
    text-align: center;
    text-decoration: none;
}

.pbox ul li{
    /*border: solid 1px #ea5506;*/
    /*border-bottom: solid 1px #404040;*/
    position: relative;
    float: left;
    width: 187px;       
    height: 177px;
    margin: 0px 0px 23px 14px;          
 }

.pbox ul li a {
    display: block;
    width: 187px;       
    height: 177px;
}
.pbox ul li a:hover{
    text-decoration: none !important;
 }
.pbox ul li .ptitle {
    position: absolute;
    top: 133px;
    left: 0px;
 }
.pbox ul li .proname {
    position: absolute;
    top: 127px;
    left: 40px;
    color: #231815;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
 }
.pbox ul li .proname .small{
    color: #231815;
    font-size: 13px;
    vertical-align: 1.5px;
}
.pbox ul li .proname .sma{
    color: #231815;
    font-size: 12.5px;
    vertical-align: 1.5px;
}

.pbox ul li .ititle {
    position: absolute;
    top: 153px;
    left: 0px;
    display: block;
    color: #6D6D6D;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    width: 150px;
    height: 17px;
    overflow:hidden;
 }
.pbox ul li .newimage {
    position: absolute;
    top: -7px;
    left: -4px;
}
.pbox ul li .newinfo {
    vertical-align: 1px;
    margin-left: 9px;
    /*margin-right: 7px;:*/
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
}

.pbox ul li .waku {
    position: absolute;
    display: block;
    top: 135px;
    left: 0px;
    width: 187px;       
    height: 40px;
    border-bottom: solid 1px #404040;
    border-right: solid 1px #404040;
 }


/********************************************** footer ***********************************************/
#footer img {
    margin-right: 6px;
}

#footer .copyright {
    margin-top: 20px;
    text-align: center;
    color: #999;
    font-size: 11px;
}