@charset "utf-8";

/* ----------------------- コンテナ */

body {
background-image: url(img/bg_index.png);
background-repeat: repeat-x;
background-color: white;
}

div#topcontainer{
width: 960px;
margin: 0 auto;
}


div#container{
float:left;
width: 960px;
margin: 0 auto;
padding-bottom: 40px;
background-image: url(img/bg_contents.png);
background-repeat: repeat-y;
background-position: center;
}

div#container h1{
font-size:0.8em;
text-align: left;
}


/* ----------------------- サイドナビ */

div#sidenavi{
margin: 28px 0px 28px 18px;
width: 212px;
float: left;
}


div#sidenavi ul{clear:both;}

div.btn{
margin:16px 0 0 0;}



div#sidenavi ul li a{
display:block;
width:212px;
height:38px;
text-indent: -9999px;
}

div#sidenavi ul li a.home{background-image:url(img/btn_home.png);}
div#sidenavi ul li a.salutation{background-image:url(img/btn_salutation.png);}
div#sidenavi ul li a.outline{background-image:url(img/btn_outline.png);}
div#sidenavi ul li a.info{background-image:url(img/btn_info.png);}
div#sidenavi ul li a.gallery{background-image:url(img/btn_gallery.png);}
div#sidenavi ul li a.magazine{background-image:url(img/btn_magazine.png);}
div#sidenavi ul li a.business_report{background-image:url(img/btn_business_report.png);}

div#sidenavi ul li a.home:hover{background-image:url(img/btn_home_h.png);}
div#sidenavi ul li a.salutation:hover{background-image:url(img/btn_salutation_h.png);}
div#sidenavi ul li a.outline:hover{background-image:url(img/btn_outline_h.png);}
div#sidenavi ul li a.info:hover{background-image:url(img/btn_info_h.png);}
div#sidenavi ul li a.gallery:hover{background-image:url(img/btn_gallery_h.png);}
div#sidenavi ul li a.magazine:hover{background-image:url(img/btn_magazine_h.png);}
div#sidenavi ul li a.business_report:hover{background-image:url(img/btn_business_report_h.png);}


/* ----------------------- コンテンツ */
div#contents{
width: 692px;
margin-top:28px;
margin-left:20px;
margin-bottom:28px;
float: left;
}

h2{
color: red;
text-align: left;
margin-top: 8px;
margin-bottom: 2px;
}

div#contents p{
color: glay;
text-align: left;
margin: 0 10px;
line-height: 1.3;
}

div#contents #info_02 {
    margin-bottom: 50px;
}

div#pict img{
margin-top:8px;
margin-right:8px;
}

div#new{
margin-top:25px;
}

div#magazine p{
text-align: left;
margin-top:8px;
}

div#notice p{
text-align: left;
line-height: 1.3;
font-size: 0.825em;
}

p.greet{
line-height:2.8;
}

br.clear{
clear: both;
}

h3{
text-align: left;
margin: 15px;
font-size: 15pt;
}
ul.jyosei{
padding-left:15px;
}


ul.jyosei li{
margin: 10px　0;
}











/* ----------------------- フッター */
div#footer{
clear: both;
height: 75px;
background-image: url(img/bg_foot.png);
background-repeat: repeat-x;
}

div#footer a{
color: white;
}

div#footer {
color: white;
}

div#footer a:hover{
color: #333;
text-decoration: underline;
}

div#link{
padding-top:15px;
}

/* 20180803add ここから */
#contents .president-photo {
    margin: 0 10px 10px 10px;
}
/* 20180803add ここまで */

/* 20181107add ここから */
.info-content {
    padding: 20px;
    font-size: 16px;
}

#contents .info-content p {
    margin-bottom: 1em;
}

#contents .info-content p strong {
    font-weight: bold;
}

#contents .info-content__head {
    text-align: center;
}

#contents .info-content__name {
    text-align: right;
}

/* 20181107add ここまで */

/* 20250409add ここから */
.info__images {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
}
.info__image img {
    max-width: 100%;
}
.info__image--full {
    grid-column: 1 / -1;
}
div#contents p.info__image-title {
    text-align: center;
}

/* 20250409add ここまで */