@charset "UTF-8";

/* CSS Document */
/* @media all; */

print {
 margin-left: 5cm;
 margin-right: 5cm:
 }

body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 12px;
	line-height: 1.5em;
    display: flex;
    flex-direction: column;
}

.top_box {
    display: flex;
    justify-content: center;
    align-items: center;   
    position: relative;
    margin-bottom: 25px;
}

.search_box {
    position: absolute;
    bottom: min(24 / 1200 * 100vw, 24px);  
    right: min(22 / 1200 * 100vw, 22px);
}

.search_row input { 
    border: 1px solid rgb(118, 118, 118);
    border-radius: 5px;
    flex: 5;
    padding: 8px;
    padding-right: 32px;
    font-size: 14px;
    opacity: 0.9;
}

.search_row input:focus {
    opacity: 1;
}

@media screen and (max-width: 749px) {
    .search-row input {
        font-size: inherit;
        padding: 4px;
    }
    .magnifying_glass {
        font-size: inherit;
    }
}

.search-row button {
    padding: 8px 16px;
    white-space: nowrap; /* ボタンの改行防止 */
    font-size: 14px;
    line-height: 1em;
    color: #FFFFFF;
    font-weight: bold;
    background: #990000;

}

.magnifying_glass {
    display: inline-block;
    position: absolute;
    width: 1em;
    height: 1em;
    color: #b5b5b5;
    font-size: 20px;
}
.magnifying_glass::before {
    position: absolute;
    top: 10px;
    left: -31px;
    width: 0.7em;
    height: 0.7em;
    box-sizing: border-box;
    border: 0.15em solid currentColor;
    border-radius: 50%;
    background-color: #fff;
    content: "";
    z-index: 2;
}
.magnifying_glass::after {
    position: absolute;
    top: 10px;
    left: -110%;
    z-index: 1;
    transform: rotate(-45deg);
    width: 0.15em;
    height: 1em;
    box-sizing: border-box;
    background-color: currentColor;
    content: "";
}

@media screen and (max-width: 749px) {
    .magnifying_glass {
        font-size: 17px;
    }

    .magnifying_glass::before {
        top: 7px;
    }

    .magnifying_glass::after {
        top: 7px;
        left: -135%;
    }
}

a:link { text-decoration: underline; color: #003399}
a:visited { text-decoration: underline; color: #330066}
a:hover { text-decoration: underline}
a:active { text-decoration: underline; color: #990000}

button.link-button {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    color: #06c;
    text-decoration: underline;
    cursor: pointer;
    font: inherit;
    color: #003399;
}

button.link-button:active {
    color: #990000
}

/*
.explanation {
	padding: 20px 200px 20px 80px;
	font-size: 84%;
	line-height: 130%;
	width: 700px;
}
*/

.copy {
	width: 726px;
	height: 19px;
	text-align: right;
	background-color: #990000 ;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

input, select {
	font-size: 12px;
	line-height: 1.5em;
}

.contitle {
	font-size: 12px;
	line-height: 1.2em;
	text-align: left;
	vertical-align: middle;
}

.open_menu {
	display:block;
}


.hanrei_set{
	line-height: 20px;
	padding:3px;
	padding-left:20px;
	font-size:11pt;
}

.hanrei_title{
	font-size:15pt;
	padding:5px;
	padding-top:40px;
	padding-left:15px;
}

.hanrei_icon {
    padding-top: 5px;
    width: 15px;
}

.contitletop {
        font-size: 12px;
		line-height: 1.2em;
		text-align: right;
		vertical-align: top;
}

.chbox {
	font-size: 12px;
}

/*
.inp {
        font-size: 80%;
		line-height: 120%;
}
*/

.inpcap {
	font-size: 12px;
	line-height: 1.5em;
	color: #990000;
	padding-top: 5px;
	padding-bottom: 5px;
}

.s1 {
	font-size: 12px;
	line-height: 1.2em;
	color: #FFFFFF;
	font-weight: bold;
	background: #990000;
}

#result-h1 {
	width: 720px;
	border: 0px;
	margin-left: 25px;
}

.resulttitle00 {
	font-size: 16px;
	line-height: 1em;
	padding: 5px;
	font-weight: bold;
	color: #802000;
	padding: 5px;
}

.line {
	height: 2px;
	background-color: #E1E0C9;
}

.searchnum {
	font-size: 12px;
	line-height: 1.2em;
	padding: 5px;
	font-weight: bold;
	color: #990000;
}

.result-menutable {
	border: 0px;
	text-align:right;
	display:flex;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 16px 0;
}

.page_space{
	width:calc(50% + 60px);
}

.pc_page_space{
	width:calc(100% - 276px);
}

.searchlist_page {
	width:60px;
    height:35px;
	font-family: "���C���I","�q���M�m�p�S Pro","������","�l�r ����", "Hiragino Mincho ProN", serif;
	font-size: 10pt;
	font-weight: 700;
	color: #ffffff;
	background: linear-gradient( to right, #9a9a93 5%, #484848 );
	text-align:center;
	line-height: 20px;
	text-decoration:none;
	border-radius: 10px;
	margin-left: 8px;
}

.result {
	width: 720px;
	border-collapse: collapse !important;
	border: 1px solid #999999;
	margin-left: 25px;
	
}

.result-th {
	background-color: #D9C3C3;
	font-size: 12px;
	padding: 7px 3px;

}

.result-td {
	font-size: 12px;
	line-height: 1.2em;
	padding: 5px 3px;
}

.mapBt {
	height: 24px;
    text-align: center;
    font-size: 9pt;
}

.resulttitleblue {
	font-size: 12px;
	line-height: 1.2em;
	font-weight: bold;
	color: #003399;
}

.result_title_print {
	font-size: 12px;
	line-height: 1.2em;
	font-weight: bold;
}

.resultback1{
	background-color: #EDECE2;
}

.resultback0{
	background-color:#FFFFFF;
}

.map_popup{
	text-align:left;
	width:72px;
	border-radius:0.5em;
	border-color:blue;
	outline:none;
	margin-left:3px;
}

.keep_popup{
	width:110px;
}

/*
.result-h {
	font-size: 100%;
	line-height: 150%;
	font-weight: bold;
	color: #990000;
	width: 650px;
	border-top: thin dotted #999999;
	border-bottom: thin dotted #999999;
	padding: 10px 0px 10px 5px;
	margin: 0px 0px 10px 25px;
}
*/
/*
.resulttitle {
	font-size: 84%;
	line-height: 130%;
	padding: 10px 5px;
	font-weight: normal;
}
*/
/*
.resulttitleb {
	font-size: 84%;
	line-height: 130%;
	padding: 10px 5px;
	font-weight: bold;
}
*/

#catekind {
	width: 393px;
	border: 0px;
	margin-left: 26px;
}

.catetitle01 {
	background-color: #D9D4C1;
	font-size: 12px;
	line-height: 1.2em;
	padding: 5px;
	font-weight: bold;
	color: #990000;
}

.cateskind {
	background-color: #EDECE2;
	font-size: 12px;
	padding: 5px;
	line-height: 1.2em;
}

.cateskindnum {
	width: 70px;
	background-color: #F9F8F5;
	font-size: 12px;
	padding: 5px;
	line-height: 1.2em;
}

#catepre {
	width: 283px;
	border: 0px;
}

.catepre-td {
	width: 70px;
	background-color: #F8F9E8;
	font-size: 12px;
	padding: 5px;
	line-height: 1.2em;
}

.detailtitle {
	background-image: url(../img/haikei_00.gif);
	font-size: 16px;
	line-height: 1em;
	padding: 5px;
	font-weight: bold;
	color: #802000;
	padding: 5px;
}

.detail {
	width: 644px;
	border: 0px;
}

.detailtitle01 {
	font-size: 17px;
	padding: 5px;
	font-weight: bold;
	color: #990000;
}

.detail-td {
	font-size: 12px;
	line-height: 1.2em;
	padding: 5px;
	vertical-align: inherit;
}

#relatedinformation {
	width: 650px;
	border: 0px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.cont {
	font-size: 12px;
	line-height: 1.2em;
	padding: 5px;
}

/*
.contblack {
	font-size: 84%;
	line-height: 130%;
	padding: 5px;
	color: #000000;
}
*/
/*
.detailtitleblackb {
	font-size: 100%;
	line-height: 150%;
	padding: 10px 5px;
	font-weight: bold;
	color: #000000;
}
*/

.reltitle01 {
	background-color: #EEEEEE;
	font-weight: bold;
	color: #003399;
	font-size: 12px;
	padding: 10px 5px;
}

.reltitle02 {
	font-size: 15px;
	font-weight: normal;
	color: #000000;
}

.photocaption {
	font-size: 70%;
	line-height: 120%;
	padding: 2px 10px;
}

.breadcrumbs {
	padding: 5px 20px 5px 25px;
	font-size: 12px;
	line-height: 1.2em;
	color: #000000;
}

.breadcrumbs a:link { text-decoration: none; color: #003399}
.breadcrumbs a:visited { text-decoration: none; color: #330066}
.breadcrumbs a:hover { text-decoration: underline}
.breadcrumbs a:active { text-decoration: none; color: #990000}

/*
a.head:link { font-size: 84%; line-height: 130%; text-decoration: none; color: #666666}
a.head:visited { font-size: 84%; line-height: 130% ; text-decoration: none; color: #999999}
a.head:hover { font-size: 84%; line-height: 130% ; text-decoration: underline}
a.head:active { font-size: 84%; line-height: 130% ; text-decoration: none; color: #CC3333}

.pagetop {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 550px;
	font-size: 80%;
	color: #0066FF;
}

h1 {
	font-size: 130%;
	line-height: 160%;
	padding: 5px;
	font-weight: bold;
}

h2 {
	font-size: 100%;
	line-height: 150%;
	padding: 5px;
	font-weight: bold;
	color: #990000;
}

th {
	text-align: left;
}
*/

.errmsg {
	font-size: 15pt;
	font-weight: bold;
	color: #802000;
}