* {
margin:0;
padding:0;
}

.noShow {
 display:none;
}

body{
  line-height: 1.5em;
}

h1{
  margin-bottom: 1em;
  margin-top: 0.5em;
}

h2{
  /*margin-top: 20px; */
  padding-top: 20px;
}

h3{ margin-top: 20px; }

h4{
   margin-top: 25px;
   margin-bottom: 0px;
}

a{
color: orange;
}

a.inner{
color: black;
}

/* メンバーページでリンクの色を任意の色に設定する */
a.detail_name{
  color: black;
}
a.detail_resarch{
  color: black;
  font-size: -2pt;
  /* 研究領域にリンクを付ける場合 <aタグ>(詳細)</a> の形でかく */
}

/* 箇条書きリストの端を揃えるための設定 */
ol{
  margin-left: 1.5em;
}

li{
  /*list-style-position: inside;*/
  margin-left: 10px;
  margin-bottom: 1em;
}
.ul_flush {
  list-style: none;
  padding-left: 0;
  display: table;
}
.ul_flush li:after {
  content: "";
  display: block;
  margin-bottom: 0.5em;
}
.ul_flush li {
  display: table-row;
}
.ul_flush li:before {
  content: "•";
  display: table-cell;
  padding-right: 0.4em;
}
/* 箇条書きリストの端を揃えるための設定 */



/* テーブルの表記を設定 */
table, th, td{
  padding: 5px;

}
/* テーブルの表記を設定 */


.button{
  display:inline-block;
  padding:0.5em 2em;
  text-decoration: none;
  font-weight: bold;
  border-radius: .4em;
  background: #ffcc33;
  color: black;
  text-align: center;
}

#container{
width:900px;
margin-left:auto;
margin-right:auto;
padding:0;
}

#header{
background:url(../image/teaser.png) no-repeat;
background-size: 374px 98px;
background-position: 0px 10px;
height:98px;
cursor:pointer;
margin: 30px, 10px, 10px;
}

#header:hover{
background:url(../image/teaser.png) no-repeat;
background-size: 374px 98px;
background-position: 0px 10px;
box-shadow: 0 0 98px #fff inset;
height:98px;
cursor:pointer;
margin: 30px, 10px, 10px;
}


/* メニューバーの表示に関わる設定 */
#menu{
height:66px;
background-color: #ffcc33;
overflow:hidden;
font-color: black;
}

#menu ul{ list-style: none; }

#menu li{
display: inline;
float: left;
}

#menu li a{ display: block; }

.menu_button{
text-indent:-9999px;
display:block;
width:130px;
height:66px;
position:relative;
}

#member{
  background:url(../image/member.png) no-repeat;
  /*background-size: 374px 98px;*/
  width: 135px;
  height:66px;
  cursor:pointer;
  display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#member:hover{
  background:url(../image/member.png) no-repeat;
  /*background-size: 374px 98px;*/
  box-shadow: 0 0 98px #fff inset;
    width: 135px;
  height:66px;
  cursor:pointer;
  display:block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#news{
background:url(../image/news.png) no-repeat;
/*background-size: 374px 98px;*/
  width: 135px;
  height:66px;
  cursor:pointer;
  display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  left:140px;
}

#news:hover{
  background:url(../image/news.png) no-repeat;
  /*background-size: 374px 98px;*/
  box-shadow: 0 0 98px #fff inset;
  width: 135px;
  height:66px;
  cursor:pointer;
  display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  left:140px;
}

#resarch{
background:url(../image/resarch.png) no-repeat;
/*background-size: 374px 98px;*/
  width: 135px;
  height:66px;
  cursor:pointer;
  display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  left:280px;
}

#resarch:hover{
  background:url(../image/resarch.png) no-repeat;
  /*background-size: 374px 98px;*/
  box-shadow: 0 0 98px #fff inset;
  width: 135px;
  height:66px;
  cursor:pointer;
  display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  left: 280px;
}

#social{
  background:url(../image/social.png) no-repeat;
  /*background-size: 374px 98px;*/
  width: 135px;
  height:66px;
  cursor:pointer;
  display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  left:280px;
}

#social:hover{
  background:url(../image/social.png) no-repeat;
  /*background-size: 374px 98px;*/
  box-shadow: 0 0 98px #fff inset;
  width: 135px;
  height:66px;
  cursor:pointer;
  display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  left: 280px;
}

#contact{
background:url(../image/contact.png) no-repeat;
/*background-size: 374px 98px;*/
  width: 135px;
  height:66px;
  cursor:pointer;
  display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  left: 420px;
}

#contact:hover{
  background:url(../image/contact.png) no-repeat;
  /*background-size: 374px 98px;*/
  box-shadow: 0 0 98px #fff inset;
  width: 135px;
  height:66px;
  cursor:pointer;
  display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  left: 420px;
}

#link{
background:url(../image/link.png) no-repeat;
/*background-size: 374px 98px;*/
  width: 135px;
  height:66px;
  cursor:pointer;
  display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  left: 560px;
}

#link:hover{
background:url(../image/link_on.png) no-repeat;
/*background-size: 374px 98px;*/
/*box-shadow: 0 0 98px #fff inset;*/
  width: 135px;
  height:66px;
  cursor:pointer;
  display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  left: 560px;
}
/* メニューバーの表示に関わる設定 */


#top_image{
/*background:url(../image/title.jpg) no-repeat;*/
background: white;
height:299px;
border-bottom:solid 1px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../image/title.jpg);
}

#ci_image{
/*background:url(../image/companyinfo_banner.png) no-repeat;*/
height:76px;
border-bottom:solid 1px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./companyinfo_banner.png);
}

#pc_image{
/*background:url(../image/pcatalogue_banner_list.png) no-repeat;*/
height:76px;
border-bottom:solid 1px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./pcatalogue_banner_list.png);
}

#pc_d_image{
/*background:url(../image/pcatalogue_banner_detail.png) no-repeat;*/
height:76px;
border-bottom:solid 1px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./pcatalogue_banner_detail.png);
}

#content{
background:#ffffff;
clear:both;
width:100%;
margin: 10px 20px 20px 10px;
padding-top: 10px;
}

#content:after {
content: "";
display: block;
clear: both;
}

#content_left{
width:360px;
overflow:hidden;
margin:35px 0px 55px 85px;
float:left;
display:inline;
}

#content_left_wide{
width:460px;
margin:35px 0px 55px 85px;
float:left;
}

#content_left td{
padding:7px;
}

#content_left_wide h2{
width:400px;
padding:15px 0px 15px 25px;
border-bottom:solid #ffcc33 5px;
}
#content_left_wide ul{
width:400px;
padding:15px 0 15px 20px;
}

#content_left_wide p{
width:400px;
padding:15px 0 15px 20px;
}

#content_right{
width:360px;
margin:35px 45px 55px 40px;
float:right;
display:inline;
}

#content_right_thin{
width:260px;
margin:35px 45px 55px 40px;
float:right;
}

#news_h2{
/*background:url(../image/news_h2.png) no-repeat;*/
margin:10px 0 10px 40px;
text-indent:-9999px;
width:76px;
height:20px;
}


#recommended_h2{
/*background:url(../image/recommended_h2.png) no-repeat;*/
margin:10px 0 10px 40px;
text-indent:-9999px;
width:95px;
height:20px;
}

.top_list{
    margin-top:20px;
}

.top_list li {
    padding: 0 0 10px 40px;
    /*background: url(../image/marker.gif) no-repeat !important;*/
    list-style: none;
}

#news_box_top{
width:360px;
height:30px;
/*background:url(../image/news_box_top.png);*/
}
#news_box_body{
width:360px;
background:#999966;
color:#ffffff;
padding:10px 0 30px 0;
}

#news_box_body h3{
padding:0 0 0 30px ;
}

#news_box_body ul{
margin-left:20px ;
}

#news_box_bottom{
width:360px;
height:30px;
/*background:url(../image/news_box_bottom.png);*/
}

#news_box_top_thin{
width:260px;
height:30px;
/*background:url(../image/news_box_top_thin.png);*/
}
#news_box_body_thin{
width:260px;
background:#999966;
color:#ffffff;
padding:10px 0 30px 0;
}

#news_box_body_thin h3{
padding:0 0 0 30px ;
}

#news_box_body_thin ul{
margin-left:20px ;
width:200px;
}

#news_box_bottom_thin{
width:260px;
height:30px;
/*background:url(../image/news_box_bottom_thin.png);*/
}

#figure {
  padding-top: 4px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #f3f3f3;
  text-align: center;
  width: 240px;
  display: table;
  align: right;
  float: right;
  margin: 5px 5px 5px 5px;
}

#figcaption {
  font-size: 80%;
  margin: 1em 0;
  display: table-row;
}

hr{ margin: 20px 0px 20px; }


ul li ul{
  border-radius: 8px;
  position:absolute;
  top:66px;
  left:-50%;
  width:140px;
  opacity:0;
}
ul li: hover ul{
  opacity: 1;
}

#footer{
background:#ffcc33;
height:66px;
width: 100%;
margin-bottom: 0px;
position:absolute;
}


#footer span{
display:block;
clear:both;
width:900px;
margin-left:auto;
margin-right:auto;
text-align:right;
background:#ffcc33;
height:66px;
line-height: 66px;
position:absolute;
}