@charset "utf-8";
/*-------------------------------------

common

-------------------------------------*/

header .header-titlearea {
  width: 980px;
  margin: 0 auto;
}
header h1 {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
}
header h1 img {
	vertical-align:middle;

}
header .header-titlearea .header-titlearea-left {
  float: left;
  width: 50%;
}
header .header-titlearea .header-titlearea-left .header-titlearea-applications {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  margin: 0 0 0 10px;
}
.breadnav {
  background: #fff;
  padding: 20px 0;
}
.breadnav ul {
  width: 980px;
  margin: 0 auto;
}
.breadnav li {
  display: inline-block;
}
.breadnav li:after {
  content: '>>';
  margin: 0 10px;
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
  color: #003399;
}
.breadnav li a {
  color: #003399;
}
.breadnav li:last-child:after {
  content: '';
  margin: 0;
}
.is-applications-number {
  font-size: 32px;
  font-weight: bold;
  color: #CC0000;
  display: inline-block;
  margin-right: 5px;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}
.is-applications-ken {
  font-size: 16px;
  font-weight: bold;
  color: #CC0000;
  display: inline-block;
}
.is-btn-reset {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}
.is-left {
  text-align: left;
}
.is-center {
  text-align: center;
}
.is-right {
  text-align: right;
}
.social .social-list {
  background: #fff;
  width: 490px;
  padding: 5px 10px;
	overflow:hidden;
}
.social .social-list > li {
  float:left;
	height:22px;
  margin-right: 10px;
}
.social .social-list > li:last-child {
  margin-right: 0;
}
.prevpage {
  padding-bottom: 85px;
  width: 980px;
  margin: 0 auto;
  box-sizing:border-box;
  padding-left: 10px;
}
.prevpage a {
  color: #666666;
}
.prevpage a:before {
  content: url('../images/arrow-left-gr.png');
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
/*-------------------------------------

header

-------------------------------------*/
header .header-titlearea .header-titlearea-right {
  float: right;
  width: 50%;
  text-align: right;
}
header .header-titlearea .header-titlearea-right .header-titlearea-right-nav {
  margin-bottom: 20px;
  font-size: 12px;
}
header .header-titlearea .header-titlearea-right .header-titlearea-right-nav li {
  display: inline-block;
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #666;
}
header .header-titlearea .header-titlearea-right .header-titlearea-right-nav li:last-child {
  display: inline-block;
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
header .header-titlearea .header-titlearea-right .header-titlearea-right-search input {
}
.is-orange-bold {
  color: #f89e39;
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}
.is-search-textBox {
  width: 257px;
  border: 2px solid #f89e39;
  border-radius: 16px;
  padding: 5px 10px 5px 35px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  background: url(../images/header_search_grass.png) no-repeat left 10px center;
  box-sizing: border-box;
}
.is-search-btn {
  display: inline-block;
  vertical-align: middle;
}
.is-icn-food-mini {
  background: url(../images/icon_biz/icon_food.png) no-repeat left center;
  background-size: 15px;
  padding-left: 20px;
  display: block;
}
.is-icn-amuse-mini {
  background: url(../images/icon_biz/icon_amuse.png) no-repeat left center;
  background-size: 15px;
  padding-left: 20px;
  display: block;
}
.is-icn-shop-mini {
  background: url(../images/icon_biz/icon_shop.png) no-repeat left center;
  background-size: 15px;
  padding-left: 20px;
  display: block;
}
.is-icn-driver-mini {
  background: url(../images/icon_biz/icon_driver.png) no-repeat left center;
  background-size: 15px;
  padding-left: 20px;
  display: block;
}
.is-icn-physical-mini {
  background: url(../images/icon_biz/icon_physical.png) no-repeat left center;
  background-size: 15px;
  padding-left: 20px;
  display: block;
}
.is-icn-relax-mini {
  background: url(../images/icon_biz/icon_relax.png) no-repeat left center;
  background-size: 15px;
  padding-left: 20px;
  display: block;
}
.is-icn-telephone-mini {
  background: url(../images/icon_biz/icon_telephone.png) no-repeat left center;
  background-size: 15px;
  padding-left: 20px;
  display: block;
}
.is-icn-creative-mini {
  background: url(../images/icon_biz/icon_creative.png) no-repeat left center;
  background-size: 15px;
  padding-left: 20px;
  display: block;
}
.is-icn-instractor-mini {
  background: url(../images/icon_biz/icon_instractor.png) no-repeat left center;
  background-size: 15px;
  padding-left: 20px;
  display: block;
}
.is-icn-night-mini {
  background: url(../images/icon_biz/icon_night.png) no-repeat left center;
  background-size: 15px;
  padding-left: 20px;
  display: block;
}
.is-icn-service-mini {
  background: url(../images/icon_biz/icon_servise.png) no-repeat left center;
  background-size: 15px;
  padding-left: 20px;
  display: block;
}
.is-icn-fish-mini {
  background: url(../images/icon_biz/icon_fishwork.png) no-repeat left center;
  background-size: 15px;
  padding-left: 20px;
  display: block;
}
.is-icn-rightwork-mini {
  background: url(../images/icon_biz/icon_rightwork.png) no-repeat left center;
  background-size: 15px;
  padding-left: 20px;
  display: block;
}
.is-icn-medical-mini {
  background: url(../images/icon_biz/icon_medical.png) no-repeat left center;
  background-size: 15px;
  padding-left: 20px;
  display: block;
}
.is-icn-office-mini {
  background: url(../images/icon_biz/icon_office.png) no-repeat left center;
  background-size: 15px;
  padding-left: 20px;
  display: block;
}
.is-icn-freelance-mini {
  background: url(../images/icon_biz/icon_freelance.png) no-repeat left center;
  background-size: 15px;
  padding-left: 20px;
  display: block;
}
/*-------------------------------------

fullsize

-------------------------------------*/
.top-bannar {
  background: #fff;
  padding: 20px 0;
  box-shadow: rgba(111, 111, 112, 0.45098) 0px 2px 6px 2px;
  -webkit-box-shadow: rgba(111, 111, 112, 0.45098) 0px 2px 6px 2px;
  -moz-box-shadow: rgba(111, 111, 112, 0.45098) 0px 2px 6px 2px;
}
.top-bannar .top-bannar-slider {
  text-align: center;
  position: relative;
  width:980px;
  margin: 0 auto;
}
.top-bannar .top-bannar-inner {
  width: 980px;
  margin: 0 auto;
}
.top-bannar .top-bannar-inner ul {
  margin-top: 20px;
}
.top-bannar .top-bannar-inner ul li {
  float: left;
  margin-right: 5px;
}
.top-bannar .top-bannar-inner ul li:last-child {
  float: left;
  margin-right: 0;
}
.full-header {
  width: 980px;
  margin: 20px auto;
  background: #fff;
  padding: 15px 20px;
  box-sizing: border-box;
}
.top-bannar-inner a img:hover {
  filter: alpha(opacity=100)!important;
  -moz-opacity: 1!important;
  opacity: 1!important;
}
/*-------------------------------------

top-main

-------------------------------------*/
.md-top-newsarea {
  background: #fff;
	padding-right:20px;
  padding-bottom: 10px;
	padding-left:20px;
  margin-bottom: 20px;
}
.md-top-newsarea a {
	display:block;
}
.md-top-newsarea dl {
	border-bottom:1px dotted #d4d4d4;
	display:table;
	width:100%;
}
.md-top-newsarea dt {
	display:table-cell;
	width:8em;
	padding:0.5em 0;
}
.md-top-newsarea dd {
	display:table-cell;
	padding:0.5em 0;
}

.md-main-areasearch {
  background: #fff;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.md-main-areasearch-inner {
  background: #eef5fb;
  margin: 15px 10px 0 10px;
  padding: 10px 20px;
}
.md-main-areasearch-inner-left {
  float: left;
  margin-right: 40px;
}
.md-main-areasearch-inner-right {
  float: left;
  position: relative;
}
.md-main-areasearch-inner-right h2 {
  position: absolute;
  top: 10px;
  left: 25px;
}
.md-main-areasearch-inner-right-pickup {
  border: 3px solid #972929;
  border-radius: 6px;
  background: #fff;
  padding: 37px 20px 5px 37px;
  margin-top: 37px;
  margin-bottom: 15px;
}
.md-main-areasearch-inner-right-pickup li {
  margin-bottom: 15px;
  list-style-image: url(../images/allow-blue-r_03.png);
  margin-left: 1em;
}
.md-main-areasearch-inner-right-pickup li a {
  color: #003399;
}
.md-main-incomearea {
  background: #fff;
  margin-bottom: 20px;
}
.md-main-incomearea-innner {
  padding: 20px;
}
.md-main-incomearea-innner-hour {
  position: relative;
}
.md-main-incomearea-innner-hour h2 {
  position: absolute;
  top: 0;
  left: 10px;
}
.md-main-incomearea-innner-hour ul.md-main-incomearea-innner-tab {
  padding-left: 116px;
}
.md-main-incomearea-innner-hour ul.md-main-incomearea-innner-tab li {
  margin-right: 10px;
  float: left;
}
.md-main-incomearea-innner-hour ul.md-main-incomearea-innner-tab li:last-child {
  margin-right: 0;
  float: left;
}
.md-main-incomearea-innner-hour ul.md-main-incomearea-innner-tab li a {
  width: 187px;
  background: url(../images/top/tab-income-hour-off.png) no-repeat center bottom;
  display: inline-block;
  vertical-align: bottom;
  box-sizing: border-box;
  padding: 12px 0 5px 35px;
  height: 34px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #539DD6;
}
.md-main-incomearea-innner-hour ul.md-main-incomearea-innner-tab li a:hover {
  width: 187px;
  background: url(../images/top/tab-income-hour-on.png) no-repeat center bottom;
  display: inline-block;
  box-sizing: border-box;
  padding: 9px 0 5px 35px;
  text-decoration: none;
  color: #fff;
  vertical-align: bottom;
  height: 34px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
.md-main-incomearea-innner-hour ul.md-main-incomearea-innner-tab li.ui-tabs-selected a {
  width: 187px;
  background: url(../images/top/tab-income-hour-on.png) no-repeat center bottom;
  display: inline-block;
  box-sizing: border-box;
  padding: 9px 0 5px 35px;
  text-decoration: none;
  color: #fff;
  vertical-align: bottom;
  height: 34px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
.md-main-incomearea-innner-daily {
  position: relative;
}
.md-main-incomearea-innner-daily h2 {
  position: absolute;
  top: 0;
  left: 10px;
}
.md-main-incomearea-innner-daily ul.md-main-incomearea-innner-tab {
  padding-left: 116px;
}
.md-main-incomearea-innner-daily ul.md-main-incomearea-innner-tab li {
  margin-right: 10px;
  float: left;
}
.md-main-incomearea-innner-daily ul.md-main-incomearea-innner-tab li:last-child {
  margin-right: 0;
  float: left;
}
.md-main-incomearea-innner-daily ul.md-main-incomearea-innner-tab li a {
  width: 187px;
  background: url(../images/top/tab-income-daily-off.png) no-repeat center bottom;
  display: inline-block;
  vertical-align: bottom;
  box-sizing: border-box;
  padding: 12px 0 5px 35px;
  height: 34px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #fb796e;
}
.md-main-incomearea-innner-daily ul.md-main-incomearea-innner-tab li a:hover {
  width: 187px;
  background: url(../images/top/tab-income-daily-on.png) no-repeat center bottom;
  display: inline-block;
  box-sizing: border-box;
  padding: 9px 0 5px 35px;
  text-decoration: none;
  color: #fff;
  vertical-align: bottom;
  height: 34px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
.md-main-incomearea-innner-daily ul.md-main-incomearea-innner-tab li.ui-tabs-selected a {
  width: 187px;
  background: url(../images/top/tab-income-daily-on.png) no-repeat center bottom;
  display: inline-block;
  box-sizing: border-box;
  padding: 9px 0 5px 35px;
  text-decoration: none;
  color: #fff;
  vertical-align: bottom;
  height: 34px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
.md-main-incomearea-innner-month {
  position: relative;
}
.md-main-incomearea-innner-month h2 {
  position: absolute;
  top: 0;
  left: 10px;
}
.md-main-incomearea-innner-month ul.md-main-incomearea-innner-tab {
  padding-left: 116px;
}
.md-main-incomearea-innner-month ul.md-main-incomearea-innner-tab li {
  margin-right: 10px;
  float: left;
}
.md-main-incomearea-innner-month ul.md-main-incomearea-innner-tab li:last-child {
  margin-right: 0;
  float: left;
}
.md-main-incomearea-innner-month ul.md-main-incomearea-innner-tab li a {
  width: 187px;
  background: url(../images/top/tab-income-month-off.png) no-repeat center bottom;
  display: inline-block;
  vertical-align: bottom;
  box-sizing: border-box;
  padding: 12px 0 5px 35px;
  height: 34px;
  font-size: 15px;
	line-height:20px;
  font-weight: bold;
  text-align: left;
  color: #CC9966;
}
.md-main-incomearea-innner-month ul.md-main-incomearea-innner-tab li a:hover {
  width: 187px;
  background: url(../images/top/tab-income-month-on.png) no-repeat center bottom;
  display: inline-block;
  box-sizing: border-box;
  padding: 9px 0 5px 35px;
  text-decoration: none;
  color: #fff;
  vertical-align: bottom;
  height: 34px;
  font-size: 15px;
	line-height:20px;
  font-weight: bold;
  text-align: left;
}
.md-main-incomearea-innner-month ul.md-main-incomearea-innner-tab li.ui-tabs-selected a {
  width: 187px;
  background: url(../images/top/tab-income-month-on.png) no-repeat center bottom;
  display: inline-block;
  box-sizing: border-box;
  padding: 9px 0 5px 35px;
  text-decoration: none;
  color: #fff;
  vertical-align: bottom;
  height: 34px;
  font-size: 15px;
	line-height:20px;
  font-weight: bold;
  text-align: left;
}
.md-main-incomearea-innner-box {
  padding: 10px 10px 3px 110px;
}
.md-main-incomearea-innner-box li {
  display: inline-block;
  margin: 0 30px 7px 0;
  font-size: 14px;
}
.md-main-incomearea-innner-box a {
  color: #003399;
  vertical-align: middle;
  display: inline-block;
}
.md-main-incomearea-innner-box a:before {
  content: url('../images/allow-blue-r_03.png');
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.is-hour {
  border: 5px solid #59a6e3;
  border-radius: 4px;
  padding: 5px 0 0 105px;
  margin-bottom: 20px;
}
.is-daily {
  border: 5px solid #fb796e;
  border-radius: 4px;
  padding: 5px 0 0 105px;
  margin-bottom: 20px;
}
.is-month {
  border: 5px solid #cc9966;
  border-radius: 4px;
  padding: 5px 0 0 105px;
}
.md-main-highincomearea {
  background: #fff;
  margin-bottom: 20px;
}
.md-main-highincomearea .md-main-highincomearea-inner {
  padding: 20px 60px;
}
.md-main-highincomearea .md-main-highincomearea-inner img {
  vertical-align: middle;
  margin-right: 15px;
}
.md-main-highincomearea .md-main-highincomearea-inner a {
  color: #003399;
}
.md-main-highincomearea .md-main-highincomearea-inner li {
  margin-bottom: 7px;
  letter-spacing: -1px;
}
.md-main-highincomearea .md-main-highincomearea-inner .md-main-highincomearea-inner-left {
  width: 55%;
  float: left;
}
.md-main-highincomearea .md-main-highincomearea-inner .md-main-highincomearea-inner-right {
  width: 45%;
  float: left;
}
.md-main-pinpointarea {
  background: #fff;
  /* margin-bottom: 20px; */
}
.md-main-pinpointarea .md-main-pinpointarea-inner {
  padding: 20px 24px;
}
.md-main-pinpointarea .md-main-pinpointarea-inner .md-main-pinpointarea-inner-left {
  background: url(../images/top/icon_areasearch2.png) no-repeat left top;
  padding-left: 170px;
  width: 50%;
  float: left;
  min-height: 107px;
  box-sizing: border-box;
}
.md-main-pinpointarea .md-main-pinpointarea-inner .md-main-pinpointarea-inner-right {
  background: url(../images/top/icon_stationsearch.png) no-repeat left top;
  padding-left: 140px;
  width: 50%;
  float: left;
  min-height: 107px;
  box-sizing: border-box;
}
.is-button-topmargin {
  margin-top: 6px;
}
.top-select-area {
	display:none;
}
.top-md-select-area {
	width:auto;
	overflow:hidden;
}
.top-md-select-area dt {
	width:8em;
	min-width:19%;
}
.top-md-select-area dt a {
	display:block;
	margin:2px;
	border:1px solid #ccc;
	border-radius:4px;
	padding:4px;
}
.top-md-select-area dt a:hover,
.top-md-select-area dt a:active {
	background-color:#509cd8;
	text-decoration:none;
	color:#fff;
}
.top-md-select-area dt a:before {
}
.top-md-select-area dd {
	display:inline-block;
	width:8em;
	min-width:19%;
}
.top-md-select-area dd:nth-of-type(5n) {
}
.top-md-select-area dd a {
	display:block;
	margin:2px;
	border:1px solid #ccc;
	padding:4px;
}
.top-md-select-area dd a:hover,
.top-md-select-area dd a:active {
	background-color:#509cd8;
	text-decoration:none;
	color:#fff;
}
.top-md-select-area dd a:before {
}

/*-------------------------------------

list

-------------------------------------*/
.md-main-officerinfo {
}
.md-main-officerinfo h1.is-search {
  background: #f79f25;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 15px 10px 20px;
}
.md-main-officerinfo h1.is-search:before {
  content: '';
  border-left: 3px solid #fff;
  margin-right: 10px;
}
.md-main-officerinfo-listnumber {
  clear: both;
  margin: 20px 0 30px 0;
  text-align: center;
}
.md-main-officerinfo-listnumber p {
	display:none;
}
.md-main-officerinfo-listnumber ul li {
  display: inline-block;
}
.md-main-officerinfo-listnumber ul li a {
  display: block;
  color: #CCCCCC;
  background: #ffffff;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
  padding: 5px 0;
  width: 25px;
  margin-right: 8px;
}
.md-main-officerinfo-listnumber ul li.first a {
  background: none;
  border: none;
	font-size:0;
}
.md-main-officerinfo-listnumber ul li.first a:after {
	content:url(../images/arrow-left-orange.png);
	width:15px;
	height:15px;
}
.md-main-officerinfo-listnumber ul li.last a {
  background: none;
  border: none;
  margin-right: 0;
	font-size:0;
}
.md-main-officerinfo-listnumber ul li.last a:after {
	content:url(../images/arrow-right-orange.png);
	width:15px;
	height:15px;
}
.md-main-officerinfo-listnumber ul li a {
  display: block;
}
.md-main-officerinfo-listnumber ul li a:hover,
.md-main-officerinfo-listnumber ul li.current a {
  background: #f79f25;
  border: none;
  text-decoration: none;
  color: #fff;
}
.md-main-officerinfo-listnumber ul li.first a:hover {
  background: none;
  border: none;
}
.md-main-officerinfo-listnumber ul li.last a:hover {
  background: none;
  border: none;
}
.md-main-officerinfo-box {
  padding: 10px 15px 10px 20px;
  background: #fff;
  margin: 30px 0;
}
.md-main-officerinfo-box-left {
  width: 480px;
  float: left;
}
.md-main-officerinfo-box-left .boxTitle {
	color:#000;
}
.md-main-officerinfo-box-left .boxTitle:hover {
  text-decoration:none;
}
.md-main-officerinfo-box-left h1 {
  border-left: 3px solid #f79f25;
  font-size: 18px;
  font-weight: bold;
  padding-left: 10px;
  line-height: 1.6;
  margin-bottom: 20px;
}
.is-list-shop {
  font-size: 14px;
  font-weight: normal;
  display: block;
  color: #666666;
}
.md-main-officerinfo-box-left-iconarea {
  margin-bottom: 20px;
}
.md-main-officerinfo-box-left-iconarea li {
  display: inline-block;
  margin-right: 6px;
}
.md-main-officerinfo-box-left-iconarea ul.is-workstyle {
  float: left;
}
.md-main-officerinfo-box-left-iconarea ul.is-traffic {
  float: right;
  text-align: right;
}
.md-main-officerinfo-box-table {
  border: 1px solid #ccc;
  margin-bottom: 10px;
	width:479px;
}
.md-main-officerinfo-box-table th {
  background: #fef7e9;
  text-align: center;
  width: 135px;
  font-weight: bold;
  color: #333;
  font-size: 18px;
  border-bottom: 1px dotted #cccccc;
}
.md-main-officerinfo-box-table th.is-thlast {
  background: #fef7e9;
  text-align: center;
  width: 135px;
  font-weight: bold;
  color: #333;
  font-size: 14px;
}
.md-main-officerinfo-box-table td {
  padding: 10px;
  background: #fff;
  line-height: 1.5;
  border-bottom: 1px dotted #cccccc;
}
.md-main-officerinfo-box-right {
  width: 215px;
  float: right;
  text-align: right;
}
.md-main-officerinfo-box-right .thumbnailblock img{
	max-width:215px;
}
.md-main-officerinfo-box-submit ul li {
  margin-bottom: 18px;
}
.md-main-officerinfo-searcharea {
  width: 980px;
  margin: 0 auto 20px auto;
  background: #fdefd5;
  padding: 10px;
  box-sizing:border-box;
}
.md-main-officerinfo-searcharea-inner {
  background: #fff;
  padding: 20px;
}
.md-main-officerinfo-searcharea-inner table {
  margin: 10px 0 20px 0;
  width: 100%;
}
.md-main-officerinfo-searcharea-inner table th {
  width: 115px;
  box-sizing: border-box;
  padding: 15px 0 15px 0;
  border-bottom: 1px solid #efefe0;
  font-weight: bold;
  color: #333;
  vertical-align: top;
}
.md-main-officerinfo-searcharea-inner table th:before {
  content: '';
  border-left: 3px solid #f6941b;
  margin-right: 10px;
}
.md-main-officerinfo-searcharea-inner table td {
  font-size: 13px;
  color: #666666;
  padding: 10px 0 10px 10px;
  border-bottom: 1px solid #efefe0;
  vertical-align: top;
}
.md-main-officerinfo-searcharea-inner input{
  margin-right: 2px;
}
.md-main-officerinfo-searcharea-inner ul.is-businesscategory {
  width: 32.5%;
  float: left;
  margin: 0 10px 15px 0;
}
.md-main-officerinfo-searcharea-inner ul.is-businesscategory:nth-child(3n) {
  width: 32%;
  float: left;
  margin: 0 0 15px 0;
  letter-spacing: -1px;
}
.md-main-officerinfo-searcharea-inner ul.is-businesscategory li {
  padding-left: 10px;
  line-height: 1.5;
}
.md-main-officerinfo-searcharea-inner ul.is-businesscategory li img.is-caticon {
  display: inline-block;
  vertical-align: middle;
}
.md-main-officerinfo-searcharea-inner ul.is-businesscategory li.is-category-green {
  background: #64a21a;
  padding: 1px 10px 2px 10px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 7px;
}
.md-main-officerinfo-searcharea-inner ul.is-businesscategory li.is-category-orange {
  background: #ff9900;
  padding: 1px 10px 2px 10px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 7px;
}
.md-main-officerinfo-searcharea-inner ul.is-businesscategory li.is-category-blue {
  background: #424F99;
  padding: 1px 10px 2px 10px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 7px;
}
.md-main-officerinfo-searcharea-inner ul.is-businesscategory li.is-category-magenta {
  background: #e97875;
  padding: 1px 10px 2px 10px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 7px;
  letter-spacing: -1px;
}
.md-main-officerinfo-searcharea-inner ul.is-businesscategory li.is-category-cyan {
  background: #549dd6;
  padding: 1px 10px 2px 10px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 7px;
}
.md-main-officerinfo-searcharea-inner ul.is-businesscategory li.is-category-perple {
  background: #a465a9;
  padding: 1px 10px 2px 10px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 7px;
}
.md-main-officerinfo-searcharea-inner ul.is-businesscategory li.is-category-gray {
  background: #999999;
  padding: 1px 10px 2px 10px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 7px;
}
.md-main-officerinfo-searcharea-inner ul.is-list-3checkbox {
  margin-left: 10px;
}
.md-main-officerinfo-searcharea-inner ul.is-list-3checkbox li {
  display: inline-block;
  width: 32%;
}
.md-main-officerinfo-searcharea-inner ul.is-list-5checkbox {
  margin-left: 10px;
}
.md-main-officerinfo-searcharea-inner ul.is-list-5checkbox li {
  display: inline-block;
  width: 19.5%;
  line-height: 1.5;
}
.md-main-officerinfo-searcharea-inner ul.is-list-5checkbox li.is-check-long {
  width: 39%;
}
.md-main-officerinfo-searcharea-inner ul.is-list-6checkbox {
  margin-left: 10px;
}
.md-main-officerinfo-searcharea-inner ul.is-list-6checkbox li {
  display: inline-block;
  width: 16%;
}
/*-------------------------------------

inline-content

-------------------------------------*/
#md-select-area,
.md-select-area {
  border: 10px solid #faa709;
  padding: 20px;
}
#md-select-area h1,
.md-select-area h1 {
  border-left: 3px solid #faa709;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
  line-height: 1.1;
  padding-left: 10px;
}
.is-indent {
  margin: 0 0 15px 13px;
  font-size: 12px;
}
ul.md-select-area-preftab {
  border-bottom: 4px solid #509cd8;
  margin-bottom: 10px;
}
ul.md-select-area-preftab li {
  background: url(../images/pref-tab-off.jpg);
  margin-right: 10px;
  float: left;
  width: 100px;
  height: 33px;
  text-align: center;
  box-sizing: border-box;
}
ul.md-select-area-preftab li:hover {
  background: url(../images/pref-tab-on.jpg);
  margin-right: 10px;
  float: left;
  width: 100px;
  height: 33px;
  text-align: center;
  box-sizing: border-box;
  color: #fff;
  font-size: 18px;
}
ul.md-select-area-preftab li.ui-tabs-selected {
  background: url(../images/pref-tab-on.jpg);
  margin-right: 10px;
  float: left;
  width: 100px;
  height: 33px;
  text-align: center;
  box-sizing: border-box;
  color: #fff;
  font-size: 18px;
}
ul.md-select-area-preftab li.ui-tabs-selected a {
  color: #fff;
  padding-top: 7px;
}
ul.md-select-area-preftab li a {
  display: block;
  color: #509cd8;
  width: 100px;
  height: 33px;
  padding-top: 13px;
}
ul.md-select-area-preftab li a:hover {
  color: #fff;
  width: 100px;
  height: 33px;
  display: block;
  text-decoration: none;
  padding-top: 7px;
}
.md-select-area-prefarea {
  border: 1px solid #ccc;
  height: 250px;
  box-sizing: border-box;
  overflow-y: scroll;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 14px;
}
.is-pref-toparea {
  background: #509cd8;
  padding: 2px 10px;
  color: #fff;
  margin-bottom: 5px;
  width: 145px;
  border-radius: 4px;
  box-sizing: border-box;
}
.is-pref-subarea {
  padding: 0 10px;
  margin-bottom: 15px;
}
.is-pref-subarea div {
  width: 16%;
  display: inline-block;
}
.md-select-area-checkarea {
  background: #e6f0f9;
  padding: 20px;
  display: table;
  margin-bottom: 20px;
  width: 920px;
  box-sizing: border-box;
}
.md-select-area-checkarea-left {
  width: 715px;
  display: table-cell;
  vertical-align: middle;
}
.md-select-area-checkarea-left span.is-checkarea {
  font-weight: bold;
}
.md-select-area-checkarea-right {
  width: 148px;
  display: table-cell;
  vertical-align: middle;
}
.md-select-area-checkarea-right button {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
#md-station-area {
  border: 10px solid #faa709;
  padding: 20px;
}
#md-station-area h1 {
  border-left: 3px solid #faa709;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
  line-height: 1.1;
  padding-left: 10px;
}
.is-indent {
  margin: 0 0 15px 13px;
  font-size: 12px;
}
.md-select-area-stationarea {
  border: 1px solid #ccc;
  height: 250px;
  box-sizing: border-box;
  overflow-y: scroll;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 14px;
}
/*-------------------------------------

detail

-------------------------------------*/
.md-detail {
  width: 980px;
  margin: 20px auto 30px auto;
}
.md-detail .md-detail-header {
  background: #fff;
  margin-bottom: 10px;
  padding: 15px 10px 15px 20px;
}
.md-detail .md-detail-header h1 {
  border-left: 3px solid #f79f25;
  font-size: 18px;
  font-weight: bold;
  padding-left: 10px;
  line-height: 1.6;
  float: left;
}
.md-detail-header-submit {
  float: right;
}
.md-detail-officeinfo {
  background: #fdefd5;
  padding: 10px;
}
.md-detail-officeinfo-inner {
  background: #fff;
  padding: 20px;
}
.md-detail-officeinfo-inner-iconarea {
  margin-bottom: 20px;
  width: 590px;
}
.md-detail-officeinfo-inner-iconarea li {
  display: inline-block;
  margin-right: 6px;
}
.md-detail-officeinfo-inner-iconarea ul.is-workstyle {
  float: left;
}
.md-detail-officeinfo-inner-iconarea ul.is-traffic {
  float: right;
  text-align: right;
}
.md-detail-officeinfo-inner-left {
  width: 590px;
  float: left;
}
.md-detail-officeinfo-inner-right {
  width: 320px;
  float: right;
}
.md-detail-officeinfo-inner-right img {
	max-width:320px;
}
.md-detail-officeinfo-inner-table {
  border: 1px solid #ccc;
  margin-bottom: 20px;
  width: 100%;
}
.md-detail-officeinfo-inner-table th {
  background: #fef7e9;
  text-align: center;
  width: 135px;
  font-weight: bold;
  color: #333;
  font-size: 18px;
  border-bottom: 1px dotted #cccccc;
}
.md-detail-officeinfo-inner-table td img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.md-detail-officeinfo-inner-table td a {
  color: #003399;
}
.md-detail-officeinfo-inner-table th.is-thlast {
  background: #fef7e9;
  text-align: center;
  width: 135px;
  font-weight: bold;
  color: #333;
  font-size: 14px;
}
.md-detail-officeinfo-inner-table td {
  padding: 10px;
  background: #fff;
  line-height: 1.5;
  border-bottom: 1px dotted #cccccc;
}
.md-detail-officeinfo-inner-table td p {
	padding-right:1em;
	line-height:1.4;
}
.md-detail-officeinfo-inner-table .jobGroup p {
	float:left;
	white-space:nowrap;
	line-height:3;
}
.md-detail-officeinfo-inner-pointicon {
  clear: both;
  margin-bottom: 20px;
	padding-top:10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}
.md-detail-officeinfo-inner-pointicon li {
  float: left;
  margin: 0 10px 10px 0;
	width:174px;
	text-align:center;
	border:1px solid #4986b7;
	background-color:#559dd6;
	color:#fff;
	border-radius:4px;
	height:35px;
	line-height:35px;
	font-size:16px;
	font-weight:bold;
}
.md-detail-officeinfo-inner-pointicon li:nth-child(5n) {
  float: left;
  margin: 0 0 10px 0;
}
.md-detail-officeinfo-inner-beforesubmit {
  background: #fff;
}
.md-detail-officeinfo-inner-beforesubmit h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1;
}
.md-detail-officeinfo-inner-beforesubmit-left {
  float: left;
  width: 660px;
  border-right: 1px solid #ccc;
}
.md-detail-officeinfo-inner-beforesubmit-left ul li {
  float: left;
  margin-right: 10px;
}
.md-detail-officeinfo-inner-beforesubmit-left ul li a.detail_qamail {
  background: url(../images/detail_qamail_off.png) no-repeat left top;
  width: 202px;
  height: 52px;
  display: block;
  text-indent: -9999px;
}
.md-detail-officeinfo-inner-beforesubmit-left ul li a.detail_qamail:hover {
  background: url(../images/detail_qamail_on.png) no-repeat left top;
  width: 202px;
  height: 52px;
  display: block;
  text-indent: -9999px;
}
.md-detail-officeinfo-inner-beforesubmit-left ul li a.detail_seeing {
  background: url(../images/detail_seeing_off.png) no-repeat left top;
  width: 202px;
  height: 52px;
  display: block;
  text-indent: -9999px;
}
.md-detail-officeinfo-inner-beforesubmit-left ul li a.detail_seeing:hover {
  background: url(../images/detail_seeing_on.png) no-repeat left top;
  width: 202px;
  height: 52px;
  display: block;
  text-indent: -9999px;
}
.md-detail-officeinfo-inner-beforesubmit-left ul li a.detail_jobtry {
  background: url(../images/detail_jobtry_off.png) no-repeat left top;
  width: 202px;
  height: 52px;
  display: block;
  text-indent: -9999px;
}
.md-detail-officeinfo-inner-beforesubmit-left ul li a.detail_jobtry:hover {
  background: url(../images/detail_jobtry_on.png) no-repeat left top;
  width: 202px;
  height: 52px;
  display: block;
  text-indent: -9999px;
}
.md-detail-officeinfo-inner-beforesubmit-right {
  float: right;
  width: 230px;
}
.md-detail-officeinfo-photoarea {
  margin: 20px 0;
}
.md-detail-officeinfo-photoarea img {
  margin-bottom: 5px;
}
.md-detail-officeinfo-photoarea-large {
  margin-bottom: 20px;
}
.md-detail-officeinfo-photoarea-large p {
	text-align:center;
}
.md-detail-officeinfo-photoarea-large p img {
	max-width:960px;
}
.md-detail-officeinfo-photoarea-sub3 {
  margin-bottom: 20px;
  font-size: 12px;
}
.md-detail-officeinfo-photoarea-sub3 li {
  width: 300px;
  float: left;
  margin-right: 30px;
}
.md-detail-officeinfo-photoarea-sub3 li img {
	max-width:300px;
}

.md-detail-officeinfo-photoarea-sub3 li:last-child {
  width: 300px;
  float: left;
  margin-right: 0;
}
.md-detail-officeinfo-openincome {
  background: url(../images/incomearea_top.jpg) no-repeat center top, url(../images/incomearea_bottom.jpg) no-repeat center bottom,url(../images/incomearea.jpg) repeat-y center top;
  padding: 0 15px 10px 15px;
  min-height: 310px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.md-detail-officeinfo-openincome-left {
  float: left;
  width: 440px;
  padding-top: 80px;
}
.md-detail-officeinfo-openincome-left h3 {
  font-size: 20px;
  font-weight: bold;
  color: #529DD6;
  margin-bottom: 5px;
}
.md-detail-officeinfo-openincome-right {
  float: right;
  width: 460px;
  padding-top: 23px;
}
.md-detail-officeinfo-openincome-right img {
	max-width:460px;
}
.md-detail-officeinfo-pickuppoint {
  background: url(../images/pickuparea_top.jpg) no-repeat center top,url(../images/pickuparea_bottom.jpg) no-repeat center bottom, url(../images/pickuparea.jpg) repeat-y center top;
  padding: 0 15px 10px 15px;
  min-height: 316px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.md-detail-officeinfo-pickuppoint-left {
  float: left;
  width: 440px;
  padding-top: 80px;
}
.md-detail-officeinfo-pickuppoint-left h3 {
  font-size: 20px;
  font-weight: bold;
  color: #cc0000;
  margin-bottom: 5px;
}
.md-detail-officeinfo-pickuppoint-right {
  float: right;
  width: 460px;
  padding-top: 23px;
}
.md-detail-officeinfo-tablearea {
  margin-top: 20px;
  background: #fff;
  padding: 20px;
}
.md-detail-officeinfo-tablearea h3 {
  border-left: 3px solid #f8951e;
  padding-left: 10px;
  color: #f8951e;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.md-detail-officeinfo-tablearea table {
  width: 100%;
  border: 1px solid #ccc;
}
.md-detail-officeinfo-tablearea th {
  width: 135px;
  background: #fdf7e9;
  padding: 10px;
  vertical-align: top;
  color: #333;
  border-bottom: 1px dotted #ccc;
  font-size: 14px;
  font-weight: bold;
}
.md-detail-officeinfo-tablearea td {
  padding: 10px;
  vertical-align: top;
  color: #333;
  border-bottom: 1px dotted #ccc;
  font-size: 13px;
}
/*-------------------------------------

entry

-------------------------------------*/
.mail-header h1 {
  border-left: 3px solid #f7b52c;
  padding-left: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: 1.2;
}
.md-main-formarea {
  background: #fdefd5;
  padding: 10px 10px 20px 10px;
}

.md-main-formarea02 {
  background: #fdefd5;
  padding: 10px 10px 10px 10px;
}

.md-main-formarea input{
  margin-right: 3px;
}
.md-main-formarea select{
  margin-right: 5px;
}
.md-main-formarea span{
  margin:0 10px 0 0;
}
textarea{
  resize: vertical;
  width:100%;
  padding: 8px 10px;
  font-size: 14px;
  border-radius: 6px;
  border-top:2px solid #848484;
  border-left:2px solid #848484;
  border-bottom:2px solid #cdcdcd;
  border-right:2px solid #cdcdcd;
}
.md-main-formarea-inner {
  background: #fff;
  padding: 10px;
}
.md-main-formarea h2 {
  margin-bottom: 10px;
}
span.is-form-attention {
  color: #cc0000;
  font-size: 12px;
  font-weight: bold;
}
.md-side-subscriptioninfo {
  background: #fff;
  padding-bottom: 5px;
}
.md-formarea-inner-table {
	width:100%;
}
.md-formarea-inner-table tr {
  border-bottom: 1px dotted #e5e5e5;
}
.md-formarea-inner-table th{
  vertical-align: top;
	width:200px;
}
.md-formarea-inner-table th span {
  background: #fef7e9;
  padding: 5px 12px 5px 0;
  text-align: right;
  width: 190px;
  margin: 10px 0;
  box-sizing: border-box;
  display: block;
}
.md-formarea-inner-table th span.is-form-req:after {
  content: '※';
  color: #cc0000;
  margin-left: 10px;
}
.md-formarea-inner-table td {
  padding: 5px 20px;
}

/* form termsblock */
.md-formarea-inner-rule {
  margin: 30px auto 0 auto;
  width: 600px;
  text-align: center;
}
.md-formarea-inner-rule .bold:before {
	content:"■";
}
.md-formarea-inner-rule .indent,
.md-formarea-inner-rule .indent02{
	margin-bottom:0;
}
.md-formarea-inner-rule h3 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}
.md-formarea-inner-rule-inlinebox {
  height: 250px;
  overflow-y: scroll;
  background: #fff;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  padding: 10px 15px;
  text-align: left;
  line-height: 1.4;
  margin-bottom: 30px;
}
.md-formarea-inner-rule-inlinebox p {
  margin-bottom: 1em;
}

form .errMsg {
	color:#c00;
}
.md-formarea-error {
  background: #fccfc8;
  border: 1px solid #cc0000;
  padding: 8px 20px;
  color: #cc0000;
  font-size: 14px;
  margin-bottom: 20px;
}
.md-formarea-error:before {
  content: url('../images/icon_entry-error.png');
  margin-right: 15px;
  vertical-align: middle;
  display: inline-block;
}
.md-formarea-inner-entry-finish {
  margin: 30px auto 0 auto;
  text-align: center;
}
.md-formarea-inner-entry-finish a {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.md-formarea-inner-entry-finish button {
  display: inline-block;
  vertical-align: top;
  margin-right: 0;
}
.md-side-subscriptioninfo h3 {
  background: #559dd6;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 3px 0;
  text-shadow: 1px 1px 1px rgba(50, 50, 50, 4);
}
.md-side-subscriptioninfo h3:before {
  content: url('../images/icon_mailform-sidehead.png');
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.md-side-subscriptioninfo dl.md-side-subscriptioninfo-dl {
  margin: 15px 10px;
  line-height: 1.7;
}
.md-side-subscriptioninfo dl.md-side-subscriptioninfo-dl dt {
  background: #eef5fb;
  padding: 3px 15px;
  font-weight: bold;
}
.md-side-subscriptioninfo dl.md-side-subscriptioninfo-dl dd {
  background: #fff;
  padding: 5px 15px;
}
/*-------------------------------------

sidebar

-------------------------------------*/
.l-side .l-side-pickup {
  background: #fff;
}
.l-side .l-side-pickup h2 {
}
.l-side .l-side-pickup ul {
  font-size: 13px;
}
.l-side .l-side-pickup ul li {
  border-bottom:10px solid #fff;
  /* padding: 0 10px; */
}
.l-side .l-side-pickup ul li  a {
	border-top: 3px solid #cc0000;
	display: block;
	background: #eeeeee;
}
.l-side .l-side-pickup ul li:first-child {
}
.l-side .l-side-pickup ul li:last-child {
}
.l-side .l-side-pickup ul li .l-side-pickup-shop {
	padding:10px;
}
.l-side .l-side-pickup ul li .l-side-pickup-shop .imgArea {
  margin-bottom: 5px;
  height:135px;
  overflow:hidden;
}

.l-side .l-side-pickup ul li a {
  color: #00369C;
}
.l-side .l-side-pickup ul li a:hover {
  color: #335eb0;
  text-decoration: none;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.l-side .prevSelector,
.l-side .nextSelector {
	padding:8px 0;
}
.l-side .prevSelector .bx-prev {
	display: block;
	background-image:url(/images/side_pickup_more_up.png);
	width:200px;
	height:13px;
	margin: 0 auto;
	text-decoration:none;
}
.l-side .nextSelector .bx-next {
	display: block;
	background-image:url(/images/side_pickup_more_down.png);
	width:200px;
	height:13px;
	margin: 0 auto;
	text-decoration:none;
}
/*-------------------------------------

footer

-------------------------------------*/
footer .footer-nav {
  padding: 15px 0;
}
footer .footer-nav a {
  color: #fff;
}
footer .footer-nav ul {
  width: 980px;
  margin: 0 auto;
}
footer .footer-nav ul li {
  display: inline-block;
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #fff;
  font-size: 12px;
}
footer .footer-nav ul li:last-child {
  display: inline-block;
  padding-right: 0;
  margin-right: 0;
  border-right: none;
  font-size: 12px;
}
footer .footer-in {
  width: 980px;
  margin: 0 auto;
  padding: 15px 0 20px 0;
}
footer .footer-in .footer-in-left {
  width: 50%;
  float: left;
  font-size: 14px;
  font-weight: bold;
}
footer .footer-in .footer-in-left img {
  margin-top: 5px;
}
footer .footer-in .footer-in-right {
  width: 50%;
  float: left;
  text-align: right;
  color: #666666;
}
footer .footer-in .footer-in-right ul.footer-in-right-nav {
  margin-bottom: 15px;
}
footer .footer-in .footer-in-right ul.footer-in-right-nav li {
  display: inline-block;
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #666;
  font-size: 12px;
}
footer .footer-in .footer-in-right ul.footer-in-right-nav li:last-child {
  display: inline-block;
  margin-right: 0;
  padding-right: 0;
  border-right: none;
  font-size: 12px;
}
footer .footer-in .footer-in-right p.copyright {
  font-size: 10px;
  line-height: 1.4;
}
.viewchangebtn {
	/*display:none;*/
}
.viewchangebtn {
    font-size : 100%; 
}
.viewchangebtn a {
	display:block;
	text-align:center;
	padding:1em;
	width:80%;
	margin:1em auto;
	border:2px solid #ccc;
	background-color:#f8a84d;
	color:#fff;
	text-decoration:none;
}
.viewchangebtn a:hover,
.viewchangebtn a:active {
	background-color:#e8983d;
}
 
@media screen and (min-width : 768px){
    .viewchangebtn{ font-size : 120%;} 
}
 
@media screen and (min-width : 1024px) {
    .viewchangebtn{ font-size : 140%}; 
}

/*-------------------------------------

news list and detail

-------------------------------------*/

.md-main-newslist .full-header {
  background: #f7b52c;
}
.md-main-newslist .full-header h1 {
  border-left: 3px solid #fff;
	color:#fff;
}
.md-main-newswrap {
	background-color:#ffeedd;
	padding:8px;
}
.md-main-newsarea {
	background-color:#fff;
	padding:22px;
}
.md-main-newsarea a {
	display:block;
	color:#0238a9;
}
.md-main-newslist .md-main-newsarea dl {
	border-bottom:1px dotted #d4d4d4;
	display:table;
	width:100%;
}
.md-main-newslist .md-main-newsarea dt {
	display:table-cell;
	width:8em;
	padding:0.5em 0;
}
.md-main-newslist .md-main-newsarea dd {
	display:table-cell;
	padding:0.5em 0;
}
.md-main-newsdetail .md-main-newsarea .date {
	text-align:right;
}