@charset "utf-8";

/* information
-------------------------------------------------------------------
fgate inc. <techteam@fgate-inc.com>

structure
  container
    header
    contents
    footer
-------------------------------------------------------------------*/

/* init
-------------------------------------------------------------------*/
/* container
-------------------------------------------------------------------*/
/* header
-------------------------------------------------------------------*/
/* contents
-------------------------------------------------------------------*/
#drinfo .box{
  margin: 5px;
  padding: 15px;
  border-style: none;
  background-color: #eeeeee;
  border-radius: 5px;
}
#drinfo .boxfromdr{
  padding-top: 0;
  background-color: #c7f68c;
}
#drinfo .boxfromdr .title{
  font-family: 'Yellowtail', cursive;
  color: #139f1b;
  font-size: 30px;
}
#drinfo #drheader{
    overflow: hidden;
    position: relative;
    margin: 20px auto;
    padding: 0 15px;
}
#drinfo #drheader .photo{
  float: left;
}
#drinfo #drheader .photo img{
  box-shadow: 5px 5px 5px #aaa;
}
#drinfo #drheader .basicinfo{
  float: left;
  padding: 0 20px;
}
#drinfo #drheader .name{
  font-size:30px;
}
#drinfo #drheader .nameen{
  font-size:12px;
  font-weight:bold;
}
#drinfo #drheader ul.title{
}
#drinfo #drheader ul.title li{
  list-style:none
}
#drinfo dl.glossary {
    overflow: hidden;
    position: relative;
    margin: 20px auto;
    padding: 0 15px;
}
#drinfo dl.glossary dt {
    float: left;
    width: 10%;
    clear: both;
    padding: 0 1% 0 0;
    position: relative;
}
#drinfo dl.glossary dd {
    float: right;
    width: 87%;
    padding: 0 0 0 2%;
}

/* 論文実績タブ - style */
.tab-container .panel-container {
  padding: 10px;
}
.etabs { margin: 0; padding: 0; }
.panel-container { margin-bottom: 10px; }
.tab {
  display: inline-block;
  zoom:1;
  *display:inline;
}
.tab a {
  font-size: 14px;
  line-height: 2em;
  display: block;
  padding: 0 10px;
  outline: none;
}
.tab a:hover { text-decoration: underline; }
.tab.active {
  padding-top: 6px;
  position: relative;
}
.tab a.active {
  font-weight: bold;
  color: #6bb403;
}

/* 論文実績記事 - style */
#achievebody{
  width: 90%;
  margin: 0 auto;
  padding: 0;
  clear:both;
  border-top: #CCC solid;
  border-width: thin;
}
#achievebody .left{
  float: left;
  margin: 0 auto;
  padding: 5px 0;
  width: 15%;
}
#achievebody .right{
  float: right;
  margin: 0 auto;
  padding: 5px 10px;
  width: 75%;
  font-size: 90%;
}
#achievebody .right p{
  margin: 5px 0;
  margin-left: 20px;
}
#achievebody .right ul{
  margin-top: 0px;
  margin-left: 40px;
  color: #0000FF;
}
.achlist{
  width: 90%;
  margin: 0 auto;
  padding: 0;
  clear:both;
  font-size: 80%;
}
.achlist ul{
}
.achlist li{
}
.achlist .nest{
  margin: 0;  
}

.tab-container .h4_title{
  border-top: #CCC solid;
  border-width: thin;
  
}


/* for PC
-------------------------------------------------------------------*/
@media only screen and (min-width:760px){
}

/* for smart device
-------------------------------------------------------------------*/
@media only screen and (max-width:760px){

#drinfo #drheader{
  text-align:center;
}
#drinfo #drheader .photo{
  width:100%;
}
#drinfo #drheader .basicinfo{
  clear:both;
  width:100%;
  padding:0;
}
#drinfo #drheader .name{
  font-size:20px;
}
#drinfo #drheader .nameen{
  font-size:10px;
  font-weight:bold;
}
#drinfo #drheader ul.title li{
  font-size:14px;
}
#drinfo dl.glossary {
  font-size:14px;
}
#drinfo dl.glossary dt {
    width: 100%;
}
#drinfo dl.glossary dd {
    float: left;
    width: 100%;
}

  #achievebody .right img{
    width: 100%;
  }

}



/* footer
-------------------------------------------------------------------*/