@charset "utf-8";
/*radio*/
fieldset {  padding: 0.7rem 0;  border:none;}
fieldset input[type="radio"] {  position: absolute;  opacity: 0;}
fieldset input[type="radio"] + .radio-label:before {
  content: '';  background: #f4f4f4;  border-radius: 100%;  border: 1px solid #b4b4b4;  display: inline-block;  width: 1.4em;  height: 1.4em;
  position: relative;  top: -0.2em;  margin-right: 0.4em;  vertical-align: top;  cursor: pointer;  text-align: center;  transition: all 250ms ease;}
fieldset input[type="radio"]:checked + .radio-label:before {  background-color: #3197EE;  box-shadow: inset 0 0 0 4px #f4f4f4;}
fieldset input[type="radio"]:focus + .radio-label:before {  outline: none;  border-color: #3197EE;}
fieldset input[type="radio"]:disabled + .radio-label:before {  box-shadow: inset 0 0 0 4px #f4f4f4;  border-color: #b4b4b4;  background: #b4b4b4;}
fieldset input[type="radio"] + .radio-label:empty:before {  margin-right: 0;}
fieldset input[type="radio"] + .radio-label {margin-right:1em;}

#btnSearch2{ border: solid 1px #5e5e5e; width:100px;}

body#aka div#mainArea .groups .breadcrumbLight {margin:1px 0 2px -2px;}
body#aka div#mainArea .groups .breadcrumbLight li{height:20px; width:auto; display: inline-block; margin: 2px 0 2px !important; line-height: 1.5em; color: #777; background: url(images/breadarrow.png) no-repeat right center;}
body#aka div#mainArea .groups .breadcrumbLight li a,
body#aka div#mainArea .groups .breadcrumbLight li a:link,
body#aka div#mainArea .groups .breadcrumbLight li a:visited{display:block;  padding:1px 4px 0px ; border:dotted 1px #CCC; margin:0 8px 0 2px; background-color:#efefef; border-radius:4px; text-decoration:none; color:#0088BB; font-size:11px;}
body#aka div#mainArea .groups .breadcrumbLight li:last-child {background:none;}

#breadcrumb li.current {padding:5px 4px 7px ;}

/*ページング*/
body#aka #mainArea div.paging {width:610px; padding: 0.6em 10px 0.6em 10px; line-height: 2em; position:relative; margin:1em 0; overflow: hidden; background-color:#F9F9F9;}
body#aka #mainArea div.paging p.page_mes{line-height:1.4em; }
body#aka #mainArea div.paging ul {width:100%; position:relative; margin:5px 0px;}
body#aka #mainArea div.paging li{width:auto; height:auto; float:none; margin-left:auto;}
body#aka #mainArea div.paging li.current_page,
body#aka #mainArea div.paging a{display: block; min-width:2em; min-height:2em; float:left; text-align:center; margin: 0.2em 0.2em; border-radius: 2px; background-color:#DDD;  color:#0053BF;text-decoration:none; color:#0053BF;}
body#aka #mainArea div.paging li.current_page{ background-color:#3388CC; color:#FFF; }

/*方言一覧表示*/
ul#flatHougenList a{text-decoration:none;}
div#mainArea ul#flatHougenList li{display:flex;text-align:left;  vertical-align:middle; padding:2px; line-height:20px;
	margin: 0; width:622px; height:auto; justify-content:space-between;
    padding: 2px 4px 1px 4px;  position:relative; border-bottom:2px dotted #CCCCCC;align-items: center;}
ul div.hougenBox{order:1; width: auto; height: auto; float: none; margin:0 0 0 2px; text-align: left;  padding: 4px 8px 3px 3px}
.coltitleHougen {line-height:1.3em; padding: 4px 3px 3px 0; border-radius:0px; text-decoration:none;}
div#mainArea .coltitleHougen h4{line-height:1.3em; color:#008dc5;font-size:22px;  margin:0 0 0 -6px; background-color:transparent;}
.hitpart {font-size:12px; font-weight:normal;  line-height:20px; padding:4px 5px 2px; margin:0;text-indent:0;vertical-align:2px; white-space:nowrap;}
.icn_hjw{color:#008080;border:1px solid #008080;}
.icn_daihyoteki{color:#d25502;border:1px solid #d25502;}
.icn_gaikoku{color:#0080ff;border:1px solid #0080ff;}
.icn_gakumei{color:#0000a0;border:1px solid #0000a0; }
.icn_aka{color:#a28c26;border:1px solid #a28c26;}
span.hougenOption{font-size:11px; white-space:nowrap;  color:#000000; border-radius:2px; border:1px solid #CCCCCC; background-color:#ebebeb;margin-right:5px;margin-left:1em; padding:3px 4px 1px 4px; }
span.hougenOption:first-of-type{margin-left:0;}
div.syuBox{	text-indent:0; order:2;margin:0; padding: 0; vertical-align:middle; min-width:160px;}
.btn span { background: url(images/link_arrow02_s_bluet.png) 96% 50% no-repeat;}


 .w100p{width:100%; }
