body {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
} 

A:link {
color: #0464f2;
}

A:hover {
color: #00FFFF;
}

A:active {
color: ;
}

A:visited {
color: #800080;
}

img {
border: none;
}

/* navi横のスペース左 */
#space1{
float:left;
width:54px;
height:30px;
text-indent:-9999px;
background: url(img/navi_left.gif) no-repeat;
}

/* トップページ */
#menu1{
float:left;
width:105px;
height:30px;
text-indent:-9999px;
background: url(img/navi_toppage.gif) no-repeat;
}
#menu1 a{
width:101px;
height:26px;
display:block;
}
#menu1 a:hover{
border: 2px solid blue;
}

/* 研究所紹介 */
#menu2{
float:left;
width:105px;
height:30px;
text-indent:-9999px;
background: url(img/navi_introduction.gif) no-repeat;
}
#menu2 a{
width:100px;
height:26px;
display:block;
}
#menu2 a:hover{
border: 2px solid blue;
}

/* 研究概要 */
#menu3{
float:left;
width:105px;
height:30px;
text-indent:-9999px;
background: url(img/navi_study_schema.gif) no-repeat;
}
#menu3 a{
width:100px;
height:26px;
display:block;
}
#menu3 a:hover{
border: 2px solid blue;
}

/* 年報 */
#menu4{
float:left;
width:105px;
height:30px;
text-indent:-9999px;
background: url(img/navi_annual_report.gif) no-repeat;
}
#menu4 a{
width:100px;
height:26px;
display:block;
}
#menu4 a:hover{
border: 2px solid blue;
}

/* 啓発資材 */
#menu5{
float:left;
width:105px;
height:30px;
text-indent:-9999px;
background: url(img/navi_materials.gif) no-repeat;
}
#menu5 a{
width:100px;
height:26px;
display:block;
}
#menu5 a:hover{
border: 2px solid blue;
}

/* リンク集 */
#menu6{
float:left;
width:105px;
height:30px;
text-indent:-9999px;
background: url(img/navi_link.gif) no-repeat;
}
#menu6 a{
width:100px;
height:26px;
display:block;
}
#menu6 a:hover{
border: 2px solid blue;
}

/* アクセス */
#menu7{
float:left;
width:105px;
height:30px;
text-indent:-9999px;
background: url(img/navi_access.gif) no-repeat;
}
#menu7 a{
width:100px;
height:26px;
display:block;
}
#menu7 a:hover{
border: 2px solid blue;
}


/* navi横のスペース右 */
#space2{
float:left;
width:154px;
height:30px;
text-indent:-9999px;
background: url(img/navi_right.gif) no-repeat;
}

#container {
width: 943px;
/*margin:0px auto;*/
}

#header {
width: 943px;
text-align:left;
color: #000000;
font-size: 67%;
/*margin:0px auto;*/
background-image: url(img/header_bg.gif);
background-repeat: no-repeat;
/*background-size: 943px 78px;*/
}

#header table{
width: 735px;
margin: 0px 154px 0px 54px;
float: left;
border: none;
}

#header ul{
position: relative;
left: 50%;
float:left;
margin: 0; 
padding: 0;
list-style: none; 
}
#header li{
padding: 0; 
margin: 0; 
position: relative;
left: -50%;
float:left;
}


#content {
width:85%;
font-size: small;
float:left;
/*background-color: #FFFFFF;
color: #000000;*/
text-align:left;
margin-left: 50px;
}

#content h1 {
text-align:left;
font-size: medium;
/*font-weight: bold;*/ 
margin: 0px 0px 0px 0px;
padding:4px 10px 1px 5px;
}

#content h2 {
text-align:left;
font-size: medium;
margin: 20px 0px 0px 0px;
padding:4px 10px 10px 40px;
background-image: url(img/h2_bg.gif);
background-size: 800px 50px;
background-repeat: no-repeat;
}

#content h3 {
font-size: small;
background-image: url(img/h3_bg.gif);
background-size: 800px 50px;
background-repeat: no-repeat;
color: #FFFFFF;
padding:4px 1px 1px 20px;
}

#content h4 {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-top-style: solid;
    border-right-style: none;
    border-left-style: none;
    line-height: 1.5em;
}


#content p {
margin-left: 10px;
}


#content ol {
margin-left: 2em;
padding: 4px 4em;
}

#content ul ol {
margin-left: 2em;
padding: 4px 4em;
}

#content ul li {
list-style-type: none;
background-image: url(img/mark.gif); 
background-repeat: no-repeat;
background-position: left;
margin-left: 1em;
padding: 2px 2em;
}

#footer {
width: 943px;
height: 72px;
clear:both;
background-color: #FFFFFF;
padding-top: 1px;
font-size: 80%;
text-align: right;
color: #000000;
background-image: url(img/footer_bg.gif);
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 943px 65px
}

div.imagebox {
width: 370px;
float: left;
text-align: center;
margin: 0.5em 3px 1em 3px;
}
p.image, p.caption {
text-align: center;
margin: 5px;
}
p.caption {
font-size: 80%;
}
p.clear {
clear: both;
}