@charset "UTF-8";

/*  ■■目次ページ■■
-------------------------------------------------- */


div#tableOfContents{
width: 100%;
height: auto;
margin-top: 40px;
background-image: url(../knowledge/introduction/img/bgTop.gif);
background-repeat: no-repeat;
background-size: cover;
}

div#tableOfContents h3{
font-weight: bold;
padding: 70px 0 20px 80px;
}

div#tableOfContents div{
padding: 20px 0 65px 80px;
}

div#tableOfContents ol#left{
display: inline;
float: left;
width: 48%;
list-style-position: outside;
}

div#tableOfContents ol#right{
float: right;
width: 48%;
list-style-position: outside;
}

div#tableOfContents ol li{
margin-bottom: 20px;
padding-left: 40px;
background-position: 0 2px;
background-repeat: no-repeat;
}

@media screen and (max-width:420px) {
    #topImage img{
        width: 100%;
        height: auto;
        
    }
div#tableOfContents{
    background-image: none;
    }
div#tableOfContents h3{
font-weight: bold;
padding: 0 0 20px 0;
}
div#tableOfContents div{
padding: 20px 0 30px 0;
}
div#tableOfContents ol#left{
display: inline;
float: none;
width: 100%;
list-style-position: outside;
}

div#tableOfContents ol#right{
float: none;
width: 100%;
list-style-position: outside;
}
}

div#tableOfContents ol li#i1{
background-image: url(../knowledge/introduction/img/marker01.gif);
}

div#tableOfContents ol li#i2{
background-image: url(../knowledge/introduction/img/marker02.gif);
}

div#tableOfContents ol li#i3{
background-image: url(../knowledge/introduction/img/marker03.gif);
}

div#tableOfContents ol li#i4{
background-image: url(../knowledge/introduction/img/marker04.gif);
}

div#tableOfContents ol li#i5{
background-image: url(../knowledge/introduction/img/marker05.gif);
}

div#tableOfContents ol li#i6{
background-image: url(../knowledge/introduction/img/marker06.gif);
}

div#tableOfContents ol li#i7{
background-image: url(../knowledge/introduction/img/marker07.gif);
}

div#tableOfContents ol li#i8{
background-image: url(../knowledge/introduction/img/marker08.gif);
}


/*  ■■コンテンツページ■■
-------------------------------------------------- */
div#intro{
margin-top: 50px;}

@media screen and (max-width:420px) {
div#intro{
margin-top: 30px;}
}

/* 右の目次 */

div#index{
padding-bottom: 107px;
background-image: url(../knowledge/introduction/img/bgSideMenu.jpg);
background-position: bottom;
background-repeat: no-repeat;
}

div#index ol li{
display: inline;
}

div#index ol li.row1{
height: 34px;
line-height: 34px;
}

div#index ol li.row2{
height: 54px;
line-height: 54px;
}

/* 本文 */

h2.title{
    width: 100%;
    height: 120px;
    color: #fff;
    padding: 70px 20px 0 20px;
    font-size: 2.8rem!important;
    font-weight: bold!important;
    background-image: url("../knowledge/introduction/img/titleBg.jpg");
    background-repeat: no-repeat;
}

@media screen and (max-width:420px) {
h2.title{
    height: auto;
    color: #336600;
    padding: 0;
    font-size: 2.4rem!important;
    font-weight: bold!important;
    background-image: none;
}
}

div#intro h3{
margin: 40px 0 20px 0;
padding-left: 10px;
color: #336600;
font-size: 2.0rem;
border-left: 5px solid #360;
}

div#intro h4{
margin: 30px 0 10px 0;
font-size: 1.8rem;
font-weight: bold;
}

div#intro img{
    width: 100%;
    height: auto;
}

div#intro ul{
margin: 0 0 10px 20px;
}

div#intro ul li{
list-style-type: disc;
list-style-position: outside;
}

div#intro table#check{
width: 100%;
margin-bottom: 20px;
border-collapse: collapse;
}

div#intro table#check td{
padding: 5px 10px 5px 10px;
border: 1px solid #ccc;
}

div#intro table#check td.box{
width: 30px;
}

div#intro ul.kekka{
margin-bottom: 20px;
}

div#intro table{
width: 100%;
margin-bottom: 20px;
border-collapse: collapse;
}

div#intro table th,
div#intro table td{
padding: 5px 10px 5px 10px;
border: 1px solid #ccc;
}

div#intro table th{
background-color: #FFFFCC;
}




div#intro table#type th{
width: 115px;
}

div#intro ol li h4{
font-size: 1.0em;
margin-bottom: 0;
}

@media screen and (max-width:420px) {
    div#intro table th,
div#intro table td{
font-size: 1.34rem;
}
    div#intro ul li{
font-size: 1.34rem;
}
div#intro table td ul{
font-size: 1.34rem;
}
div#intro ol li{
font-size: 1.34rem;

}
}
/* ページナビゲーション */
p#pageNavi{
margin: 60px 0 0 0;
text-align: center;
}

p#pageNavi span.now{
font-weight: bold;
font-size: 1.5em;
}