.qlv1::before {
	content: '■ ';
	color: blue;
}

.qlv2::before {
	content: '■ ';
	color: yellow;
}

.qlv3::before {
	content: '■ ';
	color: red;
}

.wordheader{
     background-color:#000099;
     font-size:150%;
     color:white;
     margin-bottom:1em;
}
.wordfooter{
    text-align:right;
    margin-right:8px;
}
.reibun{
    color:gray;    
}
.footerlink{
    border-top: 1px solid #000;
    margin-top:4px;
    padding-top:8px;
    text-align:center;
}
.linklist{
    width:90%;
    padding:0 0 0 0;
    margin:auto 0 0 auto;
    margin-left:1em;
    margin-right:1em;
    font-family:Consolas, 'Courier New', Courier, Monaco, monospace;
    font-weight:bold;
}
.inpagelinks{
    font-size:110%;
    text-align:center;
}
.tangolist{
    margin-left:0;
    margin-right:0;
    width:90%;
     font-family:Consolas, 'Courier New', Courier, Monaco, monospace;
     border-collapse:collapse;
}
.tangolist_app{
    margin-left:0;
    margin-right:0;
    width:90%;
     font-family:Consolas, 'Courier New', Courier, Monaco, monospace;
     border-collapse:collapse;
}
html,body{ 

     height:100%; 

} 


_:-ms-lang(x), .minitext{
        font-size:1em;
    }

div#mainframe{
	background-color:#fff7ef;
}
label.ui-state-active > span.ui-button-text{
	color:white;
	font-size:1.1em;
	font-family:sans-serif;
	font-weight:bold;
	 text-shadow:
           1px 1px 0px #000, -1px -1px 0px #000,
          -1px 1px 0px #000,  1px -1px 0px #000,
           1px 0px 0px #000, -1px  0px 0px #000,
           0px 1px 0px #000,  0px -1px 0px #000;
}
@media only screen and (max-width : 639px) and (orientation: portrait)  {
/* スマートフォンだけ以下を適用 */

div#mainframe{
	padding:0 1em 0 1em;
}

input{
	color:black;
	border:solid 1px black;
}

header{
	    background-color:#2E4554;
	    padding: 5px 10px 5px 10px;
	    margin:  0px 0px 0px 0px;
	    border-bottom: 2px solid #5074AF;
	    color:white;
	}

	header>strong{
	    font-size: 110%;
	    line-height: 120%;
	    padding: 0px 0px 5px 0px;
	}

	body{
	    font-family: Arial,Meiryo,Verdana,sans-serif;
	    font-size: 70%;
	    line-height: 170%;
	    color:#000000;
	    text-align:center;
	    background-color:#fee8ce;
            overflow-x: hidden;
	}
        
        html{
            overflow-x: hidden;
        }

	a:link{
	    color: #1D3F72; text-decoration: none!important; font-size:120%;
	}

	a:visited{
	    color: #1D3F72; text-decoration: underline; font-size:120%;
	}

	img{
	    border: none; margin:0; margin:0
	}

	img.lnkimg{
	    width:100%;
	    height:100%;
	    margin:0 0 0 0;
	    border-bottom: none!important;
	}

	img:link{
	    border-bottom-style: none;
	}

	h1{
	    font-size: 150%;
	    line-height: 140%;
	    padding: 0px 0px 10px 0px;
	    font-weight: bold;
	}

	h2{ 
	    padding: 0px 0px 5px 0px;
	    border-bottom:dotted 2px #969696; 
	    font-weight: bolder; 
	    font-size: 100%; 
	    color: #28343B; 
	}

	h2.search_result{
	    padding: 0px 0px 5px 0px;
	    border-bottom:dotted 2px #969696; 
	    font-weight: bolder; 
	    font-size: 110%; 
	    color: #28343B; 
	}

	.boxframe{
	    display: flex;
	    display: -moz-flex;
	    display: -o-flex;
	    display: -webkit-flex;
	    display: -ms-flex;
	    flex-direction: row;
	    -moz-flex-direction: row;
	    -o-flex-direction: row;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	}
	.area{
	    max-width:640px;
	    display: box;
	    box-pack: center;
	    text-align:left;
	    -webkit-box-pack: center;
	    -moz-box-pack: center;
	    border-radius: 5px;
	}

	.boxframetop{

	    width: 97%;
	    padding:0 0px 0 0px;
	    margin-left:auto;
	    margin-right:auto;
	    display: inline-block;
	    background-color:white;
	    border:outset;
	}
	.boxframeleft{
	    width: 300px;
	    height:390px;
	    padding:0 12px 0 0;
	    margin-left:auto;
	    margin-bottom:2em;
	    margin-right:auto;
	    border:outset;
	}

	.boxframecenter{
	    width: 300px;
	    height:390px;
	    padding:0 12px 0 0;
	    margin-left:auto;
	    margin-bottom:2em;
	    margin-right:auto;
	    border:outset;
	}
	.boxframeright{
	    width: 300px;
	    height:390px;
	    padding:0 12px 0 0;
	    margin-left:auto;
	    margin-bottom:2em;
	    margin-right:auto;
	    border:outset;
	}
	.boxitem{
	    text-align: center;
	    box-ordinal-group:1;
	    line-height:39px;
	    /*    width:96%;
	    border:dotted 0px #20B2AA;
	    padding-bottom:5px;
	    margin: 4px 6px 4px 6px;
	    */
	}


	.bgleft{
	}

	.bgright{
	    float:none;
	}

	.top{
	    text-align:center;
	    font-size:110%;
	}

	.contents{
	    line-height: 140%;
	    color:#3B1E06;
	    background-color:#E7F3F7;
	    margin: 20px 0px 20px 0px;
	    padding: 7px 0px 7px 10px;
	    border-bottom:solid 1px #B5E4F4 ;
	    border-top:solid 1px #B5E4F4 ;
	    border-left:solid 7px #B5E4F4 ;
	    border-right:solid 1px #B5E4F4 ;
	}

	span.pagenumber{
	    font-weight:bold;
	    text-align:center;
	    border-bottom-style: none;
	}

	textarea.xtextarea{
	    width:95%;
	    height:200px;
	    margin-top:5px;
	    font-size:1.25em;
	}
	input.xinput{
	    width:84%;
	    font-size:1.25em;
	    float:left;
	    margin-left:1em;
	}
	.runbt{
	    float:right;
	}



	p.kaisetu{
	    text-align:justify;
	    padding:2px 2px 2px 2px;
	    line-height:1.25em;
	}

	.searchtype{
	    text-align:right;
	    float:right;
	    margin-right:6em;
	}

	.boxname{
	    float:left;
	    text-align:left;
	    font-weight:bold;
	    color:#4682B4;
	    font-size:1.25em;
	    margin-left:1em;
	}
        table{
            width:99%;
        }
	.tg  {
	    border-collapse:collapse;border-spacing:0;
	    margin:2px 2px 2px 2px;
	    line-height:200%;
	    vertical-align:top;
            
	}
	td.typename{
	    color:midnightblue;
	    width:55px;
            font-size:0.8em;
            border-right:dotted 2px aliceblue;
            vertical-align: top;
            padding-top:6px;
	}
	td.value{
	    color:black;
	    font-weight:bold;
            padding-left:6px;
            padding-right:35px;
	}
        td{
           word-break:break-all;
        }
        td#tdline_app{
            padding-left:6px;
            padding-right:6px;
            padding-top:4px;
            padding-bottom:4px;
            width:50%;
        }
        td#tdline0{
            padding-left:2px;
            padding-right:12px;
            padding-top:4px;
            padding-bottom:4px;
            width:50%;
        }
        td#tdline1{
            padding-right:2px;
            padding-left:12px;
            padding-top:4px;
            padding-bottom:4px;
            width:50%;
        }
	img.figlarge{
	    height:240px;
	    margin-right:12px;
	    width:auto;
	    border:solid 1px;
	}

	.pagearea{
	    width:300px;
	    text-align:center;
	    margin-left:auto;
	    margin-right:auto;
	}
        .backbefore{
            
            margin-bottom:40px;
            
        }
        .wordheader{
            margin-left:10px;
            width:95%;
	    text-align:center;
            font-size:200%!important;
        }
        #contents{
            width:100%;
            margin:0 0 0 0;
            text-align:center;
        }
        
        
.minitext{
    font-size:2vw;
}
        
        
        
  }
  
  
@media screen and (max-width : 639px) and (orientation: landscape)  {
	header{
	    background-color:#2E4554;
	    padding: 5px 10px 10px 10px;
	    margin:  0px 0px 5px 0px;
	    border-bottom: 2px solid #5074AF;
	    color:white;
	}
        code{
            font-size:13px!important;
        }
tr{
    padding:auto auto auto auto;
     padding:3px 3px 3px 3px;
}
td{
    border:1px #c7e4f2 solid;
     padding:auto auto auto auto;
     padding:3px 3px 3px 3px;
}
	header>strong{
	    font-size: 110%;
	    line-height: 120%;
	    padding: 0px 0px 10px 0px;
	}

	body{
	    font-family: Arial,Meiryo,Verdana,sans-serif;
	    font-size: 90%;
	    line-height: 170%;
	    color:#000000;
	    background-color:#fee8ce;
            -webkit-text-size-adjust: 100%; 
	}

	a:link{
	    color: #1D3F72; text-decoration: none!important; font-size:120%;
	}

	a:visited{
	    color: #1D3F72; text-decoration: underline; font-size:120%;
	}

	img{
	    border: none; margin:0; margin:0
	}

	img.lnkimg{
	    width:100%;
	    height:100%;
	    margin:0 0 0 0;
	    border-bottom: none!important;
	}

	img:link{
	    border-bottom-style: none;
	}

	h1{
	    font-size: 150%;
	    line-height: 140%;
	    padding: 0px 0px 10px 0px;
	    font-weight: bold;
	}

	h2{ 
	    padding: 0px 0px 5px 0px;
	    border-bottom:dotted 2px #969696; 
	    font-weight: bolder; 
	    font-size: 110%; 
	    color: #28343B; 
	}

	h2.search_result{
	    padding: 0px 0px 5px 0px;
	    border-bottom:dotted 2px #969696; 
	    font-weight: bolder; 
	    font-size: 110%; 
	    color: #28343B; 
	}

	.boxframe{
	    display: flex;
	    display: -moz-flex;
	    display: -o-flex;
	    display: -webkit-flex;
	    display: -ms-flex;
	    flex-direction: row;
	    -moz-flex-direction: row;
	    -o-flex-direction: row;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	}
	.area{
	    max-width:1024px;
	    display: box;
	    box-pack: center;
	    margin-left:auto;
	    margin-right:auto;
	    -webkit-box-pack: center;
	    -moz-box-pack: center;
	    border-radius: 5px;
	}

	.boxframetop{
	    display: inline-block;
	    background-color:white;
	    border:outset;
	}
	.boxframeleft{
	    width: 300px;
	    height:390px;
	    padding:0 12px 0 0;
	    margin-left:auto;
	    margin-bottom:2em;
	    margin-right:auto;
	    border:outset;
	}

	.boxframecenter{
	    width: 300px;
	    height:390px;
	    padding:0 12px 0 0;
	    margin-left:auto;
	    margin-bottom:2em;
	    margin-right:auto;
	    border:outset;
	}
	.boxframeright{
	    width: 300px;
	    height:390px;
	    padding:0 12px 0 0;
	    margin-left:auto;
	    margin-bottom:2em;
	    margin-right:auto;
	    border:outset;
	}
	.boxitem{
	    text-align: center;
	    box-ordinal-group:1;
	    line-height:39px;
	    /*    width:96%;
	    border:dotted 0px #20B2AA;
	    padding-bottom:5px;
	    margin: 4px 6px 4px 6px;
	    */
	}


	.bgleft{
	}

	.bgright{
	    float:none;
	}

	.top{
	    text-align:center;
	    font-size:110%;
	}

	.contents{
	    line-height: 140%;
	    color:#3B1E06;
	    background-color:#E7F3F7;
	    margin: 20px 0px 20px 0px;
	    padding: 7px 0px 7px 10px;
	    border-bottom:solid 1px #B5E4F4 ;
	    border-top:solid 1px #B5E4F4 ;
	    border-left:solid 7px #B5E4F4 ;
	    border-right:solid 1px #B5E4F4 ;
	}

	span.pagenumber{
	    font-weight:bold;
	    text-align:center;
	    border-bottom-style: none;
	}

	textarea.xtextarea{
	    width:95%;
	    height:200px;
	    margin-top:5px;
	    font-size:1.25em;
	}
	input.xinput{
	    width:84%;
	    font-size:1.25em;
	    float:left;
	    margin-left:1em;
	}
	.runbt{
	    float:right;
	}



	p.kaisetu{
	    text-align:justify;
	    padding:2px 2px 2px 2px;
	    line-height:1.25em;
	}

	.searchtype{
	    text-align:right;
	    float:right;
	    margin-right:6em;
	}

	.boxname{
	    float:left;
	    text-align:left;
	    font-weight:bold;
	    color:#4682B4;
	    font-size:1.25em;
	    margin-left:1em;
	}

	.tg  {
	    border-collapse:collapse;border-spacing:0;
	    margin:1em 1em 1em 1em;
	    line-height:200%;
	    vertical-align:top;
	}
	td.typename{
	    color:midnightblue;
	    width:120px;
            
            vertical-align: top;
            padding-top:6px;
	}
	td.value{
	    color:black;
	    font-weight:bold;
	}

	img.figlarge{
	    height:240px;
	    margin-right:12px;
	    width:auto;
	    border:solid 1px;
	}

	.pagearea{
	    width:300px;
	    text-align:center;
	    margin-left:auto;
	    margin-right:auto;
	}
        header{
            text-align:center;

        }
        #toplink{
            text-align:center;
        }
        #main{
            text-align:right;
        }
        #footer{
            text-align:center;
        }
        .wordheader{
            text-align:center;
            
        }

    .minitext{
        font-size:2vw;
    }
}
  
@media screen and (min-width: 640px)  {
	header{
	    background-color:#2E4554;
	    padding: 5px 10px 10px 10px;
	    margin:  0px 0px 5px 0px;
	    border-bottom: 2px solid #5074AF;
	    color:white;
	}

tr{
    padding:auto auto auto auto;
     padding:3px 3px 3px 3px;
}
td{
    border:1px #c7e4f2 solid;
     padding:auto auto auto auto;
     padding:3px 3px 3px 3px;
}
	header>strong{
	    font-size: 110%;
	    line-height: 120%;
	    padding: 0px 0px 10px 0px;
	}

	body{
	    font-family: Arial,Meiryo,Verdana,sans-serif;
	    font-size: 90%;
	    line-height: 170%;
	    color:#000000;
	    background-color:#fee8ce;
	}

	a:link{
	    color: #1D3F72; text-decoration: none!important; font-size:120%;
	}

	a:visited{
	    color: #1D3F72; text-decoration: underline; font-size:120%;
	}

	img{
	    border: none; margin:0; margin:0
	}

	img.lnkimg{
	    width:100%;
	    height:100%;
	    margin:0 0 0 0;
	    border-bottom: none!important;
	}

	img:link{
	    border-bottom-style: none;
	}

	h1{
	    font-size: 150%;
	    line-height: 140%;
	    padding: 0px 0px 10px 0px;
	    font-weight: bold;
	}

	h2{ 
	    padding: 0px 0px 5px 0px;
	    border-bottom:dotted 2px #969696; 
	    font-weight: bolder; 
	    font-size: 110%; 
	    color: #28343B; 
	}

	h2.search_result{
	    padding: 0px 0px 5px 0px;
	    border-bottom:dotted 2px #969696; 
	    font-weight: bolder; 
	    font-size: 110%; 
	    color: #28343B; 
	}

	.boxframe{
	    display: flex;
	    display: -moz-flex;
	    display: -o-flex;
	    display: -webkit-flex;
	    display: -ms-flex;
	    flex-direction: row;
	    -moz-flex-direction: row;
	    -o-flex-direction: row;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	}
	.area{
	    max-width:1024px;
	    display: box;
	    box-pack: center;
	    margin-left:auto;
	    margin-right:auto;
	    -webkit-box-pack: center;
	    -moz-box-pack: center;
	    border-radius: 5px;
	}

	.boxframetop{
	    display: inline-block;
	    background-color:white;
	    border:outset;
            width:80%;
	}
	.boxframeleft{
	    width: 300px;
	    height:390px;
	    padding:0 12px 0 0;
	    margin-left:auto;
	    margin-bottom:2em;
	    margin-right:auto;
	    border:outset;
	}

	.boxframecenter{
	    width: 300px;
	    height:390px;
	    padding:0 12px 0 0;
	    margin-left:auto;
	    margin-bottom:2em;
	    margin-right:auto;
	    border:outset;
	}
	.boxframeright{
	    width: 300px;
	    height:390px;
	    padding:0 12px 0 0;
	    margin-left:auto;
	    margin-bottom:2em;
	    margin-right:auto;
	    border:outset;
	}
	.boxitem{
	    text-align: center;
	    box-ordinal-group:1;
	    line-height:39px;
	    /*    width:96%;
	    border:dotted 0px #20B2AA;
	    padding-bottom:5px;
	    margin: 4px 6px 4px 6px;
	    */
	}


	.bgleft{
	}

	.bgright{
	    float:none;
	}

	.top{
	    text-align:center;
	    font-size:110%;
	}

	.contents{
	    line-height: 140%;
	    color:#3B1E06;
	    background-color:#E7F3F7;
	    margin: 20px 0px 20px 0px;
	    padding: 7px 0px 7px 10px;
	    border-bottom:solid 1px #B5E4F4 ;
	    border-top:solid 1px #B5E4F4 ;
	    border-left:solid 7px #B5E4F4 ;
	    border-right:solid 1px #B5E4F4 ;
	}

	span.pagenumber{
	    font-weight:bold;
	    text-align:center;
	    border-bottom-style: none;
	}

	textarea.xtextarea{
	    width:95%;
	    height:200px;
	    margin-top:5px;
	    font-size:1.25em;
	}
	input.xinput{
	    width:84%;
	    font-size:1.25em;
	    float:left;
	    margin-left:1em;
	}
	.runbt{
	    float:right;
	}



	p.kaisetu{
	    text-align:justify;
	    padding:2px 2px 2px 2px;
	    line-height:1.25em;
	}

	.searchtype{
	    text-align:right;
	    float:right;
	    margin-right:6em;
	}

	.boxname{
	    float:left;
	    text-align:left;
	    font-weight:bold;
	    color:#4682B4;
	    font-size:1.25em;
	    margin-left:1em;
	}

	.tg  {
	    border-collapse:collapse;border-spacing:0;
	    margin:1em 1em 1em 1em;
	    line-height:200%;
	    vertical-align:top;
            width:95%;
	}
	td.typename{
	    color:midnightblue;
	    width:120px;
	}
	td.value{
	    color:black;
	    font-weight:bold;
	}

	img.figlarge{
	    height:240px;
	    margin-right:12px;
	    width:auto;
	    border:solid 1px;
	}

	.pagearea{
	    width:300px;
	    text-align:center;
	    margin-left:auto;
	    margin-right:auto;
	}
        header{
            text-align:center;

        }
        #toplink{
            text-align:center;
        
        }
        #main{
            text-align:right;
        }
        #footer{
            text-align:center;
        }
        .wordheader{
            text-align:center;
            
        }
        
    .minitext{
        font-size:0.75em;
    }
}