:root {
        --pagetitle-bgcolor:rgb(65, 105, 225);
        --pagetitle-bordercolor:rgb(65, 105, 225);
    }
    li {
        list-style-type: none;
    }

    fieldset{
        border:none;
    }

    #TitleArea
    {
        width:98%;
        margin-top:10px;
        margin-bottom:20px;
        margin-left: 5px;
    }
    #SearchArea
    {
        width:98%;
        margin-top:10px;
        margin-bottom:20px;
    }
    #SearchArea2
    {
        width:98%;
        margin-top:10px;
        margin-bottom:20px;
    }

    #LinkArea{
        width:98%;
        margin-top:50px;
        margin-bottom:80px;
    }


    #GakkuSearch
    {
        width:98%;
        margin-top:10px;
        margin-bottom:80px;
    }

    .gakkaList{
        margin-bottom:10px;
    }
    .gakkaUL{
        margin-top:5px;
    }
    #ResultBunsho {
        margin-left: 10px;
    }
    #ResultCount{
        font-size:2.0em;
    }

    #ResultBunshoArea
    {
        margin-top:10px;
    }

    .dspBunsho{
        width: 90%;
        margin:5px auto;
        min-height: 50px;
        padding:10px;
        border:2px solid #8abefe;
        background-color:#ecfcfe;
        border-radius:10px;
        font-size:0.9em;
    }
    .BunshoLine,
    .BunshoGakka,
    .BunshoBiko{
        margin-top:5px;
        margin-bottom:10px;
    }
    .BunshoSub{
        margin-top:10px;
        margin-bottom:10px;
    }
    .BunshoName{
        font-size:1.3em;
        font-weight:bold;
    }

    .dspBunsho .gakkaList{
        margin-left:10px;
        display:flex;
        flex-wrap:wrap;
    }
    .dspBunsho .gakkaList li{
        margin-right:20px;
        margin-bottom:5px;
    }

    .dspBunsho .gakkaRyaku{
        display:inline-block;
        width:50px;
        height:20px;
        padding:3px;
        text-align:center;
        border:1px solid #222222;
        border-radius:3px;
        font-size:1em;
        background-color:rgb(255,255,255);
    }

    .dspBunsho .BunshoSubBtn {
        min-width:40px;
        min-height:20px;
        text-align:center;
        border:2px solid #8abefe;
        background-color:rgb(255,255,255);
        border-radius:3px;
        font-size:1.0em;
    }
    .ResultBunshoBtn{
        height:20px;
        padding:3px;
        text-align:center;
        margin:5px auto;
    }
    .ResultBunshoBtn1,
    .ResultBunshoBtn2
    {
        height:40px;
        padding:10px;
        text-align:center;
        border:2px solid #8abefe;
        background-color:rgb(255,255,255);
        border-radius:3px;
        font-size:0.9em;
        margin:5px auto;
    }
    .ResultBunshoBtn{
        width: 90%;
    }
    .ResultBunshoBtn1{
        width:200px;
    }
    .ResultBunshoBtn2 {
        width:200px;
    }

    .ResultBunshoListBtn{
        height:20px;
        padding:3px;
        text-align:center;
        border:2px solid white;
        border-radius:3px;
        font-size:1.0em;
        margin:5px auto;
        color:white;
    }

    #BunshoSubArea #subBody 
    {
        width:800px;
        margin:10px auto;
    }

    #BunshoSubArea .title 
    {
        width:800px;
        margin:5px auto;
    }

    .pagetop-inner{
        width:98%;
        text-align: right;
    }
@media screen and (min-width:480px) {
    .pageTitle{
        font-size:1.2em;
        font-weight:bold;
        display:inline-block;
        width:99%;
        background-color:var(--pagetitle-bgcolor);
        color:white;
        padding:5px;
        border:2px solid rgb(9,77,142);
        margin-left:5px;
    }
    .stepTitle{
        font-size:1.1em;
        font-weight:bold;
        display:inline-block;
        width:99%;
        background-color:white;
        color:rgb(9,77,142);
        padding:5px;
        border:2px solid var(--pagetitle-bordercolor);
        margin-left: 5px;
    }
    div.searchItem{
        margin-left:20px;
        margin-top:10px;
        font-weight:normal;
    }
    .SelStyle{
        max-width:97%;
        margin-top:10px;
        display:flex;
        flex-wrap:wrap;
        font-size:1em;
        padding:8px 0px;
    }
    div#ResultArea
    {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 96%;
        height: 100px;
        padding-top:30px;
        padding-left:30px;
        padding-bottom:15px;
        border:1px solid #808080;
        border-radius:10px;
        background-color:rgba(0,0,0,0.8);
        color:white;
    }
    div#ResultArea a{
        color:white;
    }
    div#ResultCount1 {
        float:left;
    }
    div#ResultCount2 {
        float:left;
        margin-left: 20px;
        padding-top: 10px;
    }

    .dspBunsho .BunshoSubList{
        display:flex;
        justify-content:space-around;
    }
    .dspBunsho .BunshoSubBtn {
        min-width: 98px;
        margin-right: 10px;
        padding:5px;

    }
    .dspBunsho .BunshoNyushiNaiyo,
    .dspBunsho .BunshoUrlNaiyo,
    .dspBunsho .BunshoKuikiNaiyo{
        width:520px;
    }
    .dspBunsho .BunshoNyushiTitle,
    .dspBunsho .BunshoUrlTitle,
    .dspBunsho .BunshoKuikiTitle{
        width:150px;
    }
    .dspBunsho .BunshoNyushiTitle,
    .dspBunsho .BunshoNyushiNaiyo,
    .dspBunsho .BunshoUrlTitle,
    .dspBunsho .BunshoUrlNaiyo,
    .dspBunsho .BunshoKuikiTitle,
    .dspBunsho .BunshoKuikiNaiyo{
        float:left;
        margin-top:5px;
        margin-bottom:10px;
    }

    h2.title {
        height: 40px;
        padding: 10px 0px 3px 15px;
        margin: 10px 10px 0px 10px;
        font-size: 120%;
        font-weight: bold;
        background-image: url(./images/kiji_title_bg3.gif);
        background-repeat: no-repeat;
    }
    #main table.border1 {
        border-collapse: collapse;
    }
    table.border1 th {
        background-color: #fcefca;
        text-align: center;
        font-weight: bold;
    }
    table.border1 td, table.border1 th, table.border1 {
        border: 1px solid #999999;
        border-collapse: collapse;
        padding: 5px;
        margin: 0px auto 0px auto;
    }
}
@media screen and (max-width:480px) {
    .pageTitle{
        font-size:1.2em;
        font-weight:bold;
        display:inline-block;
        width:97%;
        background-color:var(--pagetitle-bgcolor);
        color:white;
        padding:5px;
        border:2px solid rgb(9,77,142);
    }
    .stepTitle{
        font-size:1.1em;
        font-weight:bold;
        display:inline-block;
        width:97%;
        background-color:white;
        color:rgb(9,77,142);
        padding:5px;
        border:2px solid rgb(9,77,142);
        margin-left: 5px;
    }
    div.searchItem{
        margin-left:5px;
        margin-top:10px;
        font-weight:normal;
    }
    .SelStyle{
        max-width:97%;
        margin-top:10px;
        display:flex;
        flex-wrap:wrap;
        font-size:1em;
        padding:5px 0px;
    }
    /* ���ʂ̌Œ� */
    div#ResultArea
    {
        position: fixed;            /* �t�b�^�[�̌Œ� */
        bottom: 10px;                /* �ʒu(��0px) */
        left: 10px;                  /* �ʒu(��0px) */
        width: 87%;                /* ����100%�@*/
        height: 100px;              /* �c��140px */
        padding:10px;
        border:1px solid #808080;
        border-radius:10px;
        background-color:rgba(0,0,0,0.8);
        color:white;
    }
    div#ResultArea a{
        color:white;
    }
    div#ResultCount2 {
        margin-top: 5px;
        text-align: center;
    }
    .dspBunsho .BunshoSubList{
        display:flex;
        flex-wrap:wrap;
    }
    .dspBunsho .BunshoSubBtn {
        min-width: 97px;
        margin-right: 3px;
        margin-bottom: 5px;
        padding:3px;

    }
	#Result,
	.BunshoLine,
	.BunshoGakka{
		line-height:2.0em;
	}
	.BunshoName, .BunshoTel{
		display:block;
	}
    .dspBunsho .BunshoNyushiNaiyo,
    .dspBunsho .BunshoUrlNaiyo,
    .dspBunsho .BunshoKuikiNaiyo{
        max-width:98%;
        margin-top:5px;
        margin-left:10px;
    }
    .dspBunsho .BunshoNyushiTitle,
    .dspBunsho .BunshoUrlTitle,
    .dspBunsho .BunshoKuikiTitle{
        width:130px;
        margin-top:5px;
    }
    .dspBunsho .BunshoNyushiTitle,
    .dspBunsho .BunshoNyushiNaiyo,
    .dspBunsho .BunshoUrlTitle,
    .dspBunsho .BunshoUrlNaiyo,
    .dspBunsho .BunshoKuikiTitle,
    .dspBunsho .BunshoKuikiNaiyo{
        float:left;
    }

    .bunsho {
        margin-top:10px;
        border-top:5px solid #8abefe;
        padding-top:10px;
    }

}
@media screen and (min-width: 480px){
    ul.bunshoichiran-flex {
        width: 97%;
        border-top: solid 2px #FC983D;
    }
    ul.bunshoichiran-flex ul {
        display: flex;
    }
    ul.bunshoichiran-flex ul li {
        flex-grow: 1;
        border-bottom: 1px solid #ccc;
        text-align: center;
        padding: 10px;
    }
    ul.bunshoichiran-flex ul.ul01 {
        border-bottom: 0;
    }
    ul.bunshoichiran-flex ul.ul01 li.li01 {
        background-color: #FCEFCA;
        width: 10%;
    }
    ul.bunshoichiran-flex ul.ul01 li.li02 {
        background-color: #FCEFCA;
        width: 40%;
    }
    ul.bunshoichiran-flex ul.ul01 li.li03 {
        background-color: #FCEFCA;
        width: 40%;
    }
    ul.bunshoichiran-flex ul.ul01 li.li04 {
        background-color: #FCEFCA;
        width: 10%;
    }
    ul.bunshoichiran-flex li.kind{
        line-height: 140%;
    }
	li.bunsho {
		background-color: #FFFFFF;
	}
	li.bunsho li.li01 {
		width: 10%;
		text-align: center;
		font-size: smaller;
	}
	li.bunsho li.li02 {
		width: 40%;
		text-align: left;
		font-size: small;
	}
	li.bunsho li.li03 {
		width: 40%;
		text-align: left;
		font-size: small;
	}
	li.bunsho li.li04 {
		width: 10%;
		text-align: left;
		font-size: small;
	}

}