@charset "utf-8";
/* =========================================================
   desktop.css
========================================================= */

/* body
----------------------------------------------- */
body {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  line-height: 1.5;
}

/* .wrapper
----------------------------------------------- */
.inner {
  margin: 0 auto;
  width: 960px;
}

/* .header
----------------------------------------------- */
.header {
  background: url("../img/common/header_bg.png") repeat-x;
}

.title {
  background: url("../img/common/title_bg.jpg");
}

/* .contents
----------------------------------------------- */
.contents .inner {
  overflow: hidden;
}

.nav {
  float: left;
  margin-top: 24px;
  margin-right: 20px;
  width: 230px;
}

.nav nav > * {
  margin-bottom: 8px;
}

.nav .category-all {
  background: url("../img/common/nav_category_all_bg.png");
  background-size: 230px 48px;
  text-align: center;
}

.nav .category-all a {
  display: block;
  padding: 12px 0;
}

.nav .category-all img {
  width: 216px;
}

.nav li {
  background: url("../img/common/nav_category_bg.png") no-repeat center bottom;
  font-size: 20px;
  font-weight: bold;
  height: 64px;
}

.nav li a {
  color: #000000;
  display: block;
  padding: 4px 0;
  text-decoration: none;
}

.nav li a img {
  width: 30px;
}

.nav li a span {
  display: inline-block;
  padding-left: 8px;
}

.main {
  float: left;
  margin-top: 24px;
}

/* .footer
----------------------------------------------- */
.footer {
  background: #009245 url("../img/common/footer_bg.png") no-repeat center center;
  color: #fff;
  padding: 8px 0;
}

.footer .inner {
  overflow: hidden;
}

.footerNav a {
  color: #fff;
  text-decoration: none;
}

.copyright {
  clear: left;
  text-align: center;
}

/* =========================================================
   
========================================================= */
.ul-float {
  float: left;
  position: relative;
  left: 50%;
}

.ul-float > li {
  float: left;
  margin: 0 8px;
  position: relative;
  left: -50%;
}

.ul-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.ul-table > li {
  display: table-cell;
  text-align: center;
}

.dl-table {
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  overflow: hidden;
}

.dl-table > dt {
  border-top: 1px solid #000000;
  clear: both;
  float: left;
}

.dl-table > dd {
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  float: left;
}

.pc-none {
  display: none;
}

/* =========================================================
   contents
========================================================= */

/* all
----------------------------------------------- */
.section-main {
  border: 3px dashed #006837;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px 27px 0;
  width: 650px;
}

.section-sub {
  display: none;
}

.head-line {
  background: url("../img/common/h_bg.png") no-repeat center bottom;
  background-size: contain;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 8px;
}

.head-line span {
  background: url("../img/common/h_top.png") no-repeat;
  background-size: 44px;
  display: inline-block;
  padding: 9px 56px;
}

.head-gray {
  background-color: #eeeeee;
  color: #006837;
  padding: 4px 0;
  padding-left: 8px;
}

.ul-category {
  overflow: hidden;
}

.ul-category > li {
  float: left;
}

.ul-category > li:after {
  content: "|";
}

.ul-category > li:last-child:after {
  content: "";
}

.ul-category > li a {
  color: #000000;
  margin: 0 8px;
}

.ul-category > li a:hover {
  color: #c1272d;
}

.ul-category > li span {
  margin: 0 8px;
}

.ul-shop li {
  border-collapse: collapse;
  display: table;
  table-layout: fixed;
  margin-bottom: 16px;
  width: 100%;
}

.ul-shop div {
  border: 1px solid #000000;
  display: table-cell;
  vertical-align: top;
}

.ul-shop div img {
  width: 100%;
}

.ul-shop .outline {
  padding: 0 16px;
}

.ul-shop .outline .shop {
  font-size: 18px;
  line-height: 1.2;
  margin: 10px 0 8px;
}

.ul-shop .outline .shop a {
  color: #000000;
}

.ul-shop .outline .shop a:hover {
  color: #c1272d;
}

.ul-shop .outline .shop .comment {
  margin: 8px 0;
}

.mailform .required {
  color: #f00;
}

.mailform form {
  margin-top: 1em;
}

.mailform form > * {
  margin-bottom: 0.25em;
}

.mailform .input > p {
  display: inline-block;
}

.mailform .input .label {
  vertical-align: top;
  width: 180px;
}

.mailform .input .form {
  max-width: 440px;
}

.mailform .input .form input {
  font-family: inherit;
  font-size: 80%;
  width: 200px;
}

.mailform .input .form textarea {
  font-family: inherit;
  font-size: 80%;
  width: 400px;
}

.mailform .button {
  margin: 2em 0;
  margin-left: 184px;
}

.main-offer .link a {
  background-color: #c1272d;
  color: #ffffff;
  padding: 4px 8px;
  text-decoration: none;
}

.main-offer .top {
  text-align: right;
}

.main-offer .apply {
  background-color: #c1272d;
  color: #fff;
}

.main-offer .apply.goform {
  font-size: 2em;
  margin-bottom: 1.5em;
  padding: 0.5em 0;
  position: relative;
  text-align: center;
}

.main-offer .apply.goform:before {
  border: solid 1em #000;
  border-color: #c1272d transparent transparent transparent;
  content: "";
  margin-left: -0.5em;
  position: absolute;
    bottom: -2em;
    left: 50%;
}

/* top
----------------------------------------------- */
#slidad {
  border: 0;
  box-shadow: none;
  margin-bottom: 0;
  max-width: 100%;
}

.medicalguide {
  background: url("../img/top/medicalguide_bg.jpg") no-repeat center center;
  background-size: 480px 48px;
  border: 1px solid #0000ff;
  margin: 8px 0;
  text-align: center;
}

.medicalguide a {
  display: block;
  padding: 8px;
}

.medicalguide img {
  width: 162px;
}

.kouhou {
  border: 1px solid #006837;
}

.kouhou a {
  display: block;
  text-decoration: none;
}

.kouhou span:first-child {
  background: #006837 url("../img/top/kouhou_bg.png") no-repeat 98% 2px;
  background-size: 56px;
  color: #ffffff;
  display: block;
  font-weight: bold;
  padding: 2px 4px;
}

.kouhou span:last-child {
  background: #e8f0c5 url("../img/top/kouhou_bg.png") no-repeat 98% -26px;
  background-size: 56px;
  color: #000000;
  display: block;
  font-weight: bold;
  padding: 5px 4px;
}

.main-top .section-main {
  border: 0px solid #000000;
  border-radius: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: auto;
}

.main-top .section-main {
  float: left;
}

.main-top .section-main {
  margin-right: 20px;
  width: 460px;
}

.main-top .section-main > * {
  margin-bottom: 8px;
}

.main-top .section-main img {
  width: 100%;
}

.main-top .map {
  background: #603813;
  padding: 12px;
  padding-bottom: 10px;
}

.main-top .map p {
  margin-bottom: 9px;
}

.main-top .map .ul-table > li {
  font-weight: bold;
}

.main-top .map .ul-table > li + li {
  border-left: 2px solid #ffffff;
}

.main-top .map .ul-table > li a {
  color: #ffffff;
  text-decoration: none;
}

.main-top .map .ul-table > li a:hover {
  text-decoration: underline;
}

.main-top .card {
  border: 2px solid #006837;
  overflow: hidden;
  padding: 6px;
}

.main-top .card .caption {
  background: url("../img/top/card_top.png") no-repeat;
  background-size: 60px;
  font-size: 20px;
  font-weight: bold;
  padding: 4px 60px;
}

.main-top .card .outline {
  float: left;
  margin-left: 48px;
  width: 220px;
}

.main-top .card .image {
  width: 160px;
}

.main-top .card .ul-table > li {
  font-size: 20px;
  font-weight: bold;
}

.main-top .card .ul-table > li a {
  background: url("../img/common/card_bg.png");
  background-size: contain;
  color: #ffffff;
  display: block;
  margin: 0 4px;
  text-decoration: none;
}

.main-top .pickup .caption {
  background-color: #fbb03b;
  border: 2px solid #ff0000;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 6px;
  padding: 7px 4px;
}

.main-top .pickup .caption strong {
  color: #ff0000;
}

.main-top .pickup .caption span {
  margin-left: 12px;
}

.main-top .pickup ul {
  overflow: hidden;
}

.main-top .pickup li {
  float: left;
  font-size: 12px;
  width: 25%;
}

.main-top .section-sub {
  display: inline;
  float: left;
  width: 230px;
}

.main-top .section-sub > * {
  margin-bottom: 8px;
}

.main-top .weathernews #weathernews_blog_parts {
  padding-bottom: 6px;
}

.main-top .section-sub .sns a {
  background: no-repeat 10px center;
  background-size: 56px;
  border: 2px solid #000000;
  display: block;
  font-weight: bold;
  padding-left: 76px;
  text-decoration: none;
}

.main-top .section-sub .facebook a {
  background-image: url("../img/common/facebook_logo.png");
  border-color: #2e3192;
  color: #2e3192;
}

.main-top .section-sub .facebook img {
  width: 142px;
}

.main-top .section-sub .line a {
  background-image: url("../img/common/line_logo.png");
  border-color: #00c300;
  color: #00c300;
}

.main-top .section-sub .line img {
  width: 142px;
}

.main-top .section-sub .twitter a {
  background-image: url("../img/common/twitter_logo.png");
  border-color: #55acee;
  color: #55acee;
}

.main-top .section-sub .twitter img {
  width: 142px;
}

.main-top .dashed {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}

.main-top .dashed a {
  border: 1px solid #000;
  color: #000;
  display: block;
  padding: 3px;
  text-decoration: none;
}

.main-top .dashed span {
  background: url("") no-repeat;
  background-size: contain;
  border: 1px dashed #000;
  display: block;
  padding: 6px 0 5px 44px;
}

.main-top .about a,
.main-top .about span {
  background-color: #e5e3d1;
  border-color: #603813;
}

.main-top .about span {
  background-image: url("../img/common/icon_about.png");
}

.main-top .offer-appear a,
.main-top .offer-appear span {
  background-color: #fce9f2;
  border-color: #ff00ff;
}

.main-top .offer-appear span {
  background-image: url("../img/common/icon_offer_appear.png");
}

.main-top .offer-recruit a,
.main-top .offer-recruit span {
  background-color: #e8f0c5;
  border-color: #006837;
}

.main-top .offer-recruit span {
  background-image: url("../img/common/icon_offer_recruit.png");
}

.main-top .offer-ad a,
.main-top .offer-ad span {
  background-color: #fffbc4;
  border-color: #fbb03b;
}

.main-top .offer-ad span {
  background-image: url("../img/common/icon_offer_ad.png");
}

.main-top .contact a,
.main-top .contact span {
  background-color: #d3edf9;
  border-color: #0071bc;
}

.main-top .contact span {
  background-image: url("../img/common/icon_contact.png");
}

.main-top .login a,
.main-top .login span {
  background-color: #e2dfef;
  border-color: #9327ff;
}

.main-top .login span {
  background-image: url("../img/common/icon_login.png");
}

.main-top .nishida {
  background-color: #0071bc;
  border: 1px solid #0000ff;
  color: #000000;
  display: block;
  text-decoration: none;
}

.main-top .nishida .caption {
  color: #ffffff;
  font-weight: bold;
  padding: 3px 0;
  text-align: center;
}

.main-top .nishida .outline {
  background-color: #ffffff;
  margin: 0 4px 4px;
  padding: 0 4px;
}

.main-top .nishida .outline p {
  font-size: 10px;
}

.main-top .nishida .outline .profile {
  border-bottom: 1px solid #0071bc;
}

.main-top .nishida .outline .company {
  color: #2e3192;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.main-top .nishida .outline .company img {
  margin-right: 8px;
  width: 46px;
}

.main-top .nishida .outline .web {
  text-align: center;
}

/* category all
----------------------------------------------- */
.main-category-all .section-main > * {
  margin-bottom: 12px;
}

.main-category-all h2 {
  font-size: 18px;
  font-weight: bold;
}

.main-category-all h2 a {
  color: #000000;
  text-decoration: none;
}

.main-category-all h2 a:hover {
  color: #c1272d;
}

.main-category-all h2 img {
  width: 30px;
}

.main-category-all h2 span {
  padding-left: 8px;
}

/* category
----------------------------------------------- */
.main-category .section-main > * {
  margin-bottom: 16px;
}

.main-category .head-line {
  padding-bottom: 16px;
}

.main-category .head-line img {
  width: 30px;
}

.main-category .head-line span {
  background: transparent;
  background-size: auto;
  display: inline;
  padding: 0;
  padding-left: 8px;
}

/* shop
----------------------------------------------- */
.main-shop .section-main > * {
  margin-bottom: 16px;
}

.main-shop .head-line {
  margin-bottom: 16px;
}

.main-shop .freespace .head-line span {
  background-image: url("../img/shop/freespace.png");
}

.main-shop .coupon .head-line span {
  background-image: url("../img/shop/coupon.png");
}

.main-shop .infomation .head-line span {
  background-image: url("../img/shop/infomation.png");
}

.main-shop .profile {
  overflow: hidden;
}

.main-shop .profile .comment {
  margin-bottom: 16px;
}

.main-shop .profile .img-shop {
  float: right;
  height: auto;
  width: 320px;
}

.main-shop .profile .access {
  margin-bottom: 16px;
}

.main-shop section {
  overflow: hidden;
}

.main-shop section h2 + p {
  margin-bottom: 16px;
}

.main-shop .freespace .img-shop {
  float: right;
  height: auto;
  width: 320px;
}

.main-shop .card {
  float: right;
  overflow: hidden;
  width: 320px;
}

.main-shop .card img {
  float: right;
}

.main-shop .img-card {
  width: 320px;
}

.main-shop .dl-table {
  background: #eeeeee;
}

.main-shop .dl-table > dt {
  padding: 4px 8px;
  width: 113px;
}

.main-shop .dl-table > dd {
  background: #ffffff;
  min-height: 1.5em;
  padding: 4px 8px;
  width: 502px;
}

.main-shop #googlemap {
  height: 240px;
  width: 100%;
}

/* map
----------------------------------------------- */
.main-map .section-main > * {
  margin-bottom: 16px;
}

/* card
----------------------------------------------- */
.main-card .section-main > * {
  margin-bottom: 16px;
}

.main-card .image-card img {
  width: 50%;
}

.main-card .ul-table {
  margin: 0 auto;
  margin-bottom: 16px;
  width: 500px;
}

.main-card .ul-table > li {
  font-size: 20px;
  font-weight: bold;
}

.main-card .ul-table > li a {
  background: url("../img/common/card_bg.png");
  background-size: contain;
  color: #ffffff;
  display: block;
  margin: 0 4px;
  text-decoration: none;
}

/* card-use
----------------------------------------------- */
.main-card-use .section-main > * {
  margin-bottom: 16px;
}

/* card-place
----------------------------------------------- */
.main-card-place .section-main > * {
  margin-bottom: 16px;
}

/* recruit
----------------------------------------------- */
.main-recruit .head-line {
  margin-bottom: 16px;
}

.main-recruit .dl-table {
  background: #eeeeee;
  margin-bottom: 16px;
}

.main-recruit dt {
  padding: 4px 8px;
  width: 113px;
}

.main-recruit dd {
  background: #ffffff;
  padding: 4px 8px;
  width: 502px;
}

/* about
----------------------------------------------- */
.main-about .section-main > * {
  margin-bottom: 16px;
}

.main-about .head-line span {
  background-image: url("../img/common/icon_about.png");
}

/* publish
----------------------------------------------- */
.main-publish .section-main > * {
  margin-bottom: 16px;
}

.main-publish .head-line span {
  background-image: url("../img/common/icon_offer_appear.png");
}

.main-publish .price {
  border: 2px solid #f00;
  padding: 0.25em 0;
  text-align: center;
}

.main-publish .price strong {
  color: #f00;
}

/* offer-recruit
----------------------------------------------- */
.main-offer-recruit .section-main > * {
  margin-bottom: 16px;
}

.main-offer-recruit .head-line span {
  background-image: url("../img/common/icon_offer_recruit.png");
}

/* offer-ad
----------------------------------------------- */
.main-offer-ad .section-main > * {
  margin-bottom: 16px;
}

.main-offer-ad .head-line span {
  background-image: url("../img/common/icon_offer_ad.png");
}

/* contact
----------------------------------------------- */
.main-contact .section-main {
  min-height: 660px;
}

.main-contact .section-main > * {
  margin-bottom: 16px;
}

.main-contact .head-line span {
  background-image: url("../img/common/icon_contact.png");
}

.main-contact .tel_fax {
  border-bottom: 1px solid #000;
}

.main-contact .tel_fax dl {
  color: red;
  font-weight: bold;
  margin: 16px 0;
  overflow: hidden;
}

.main-contact .tel_fax dt {
  background: url("../img/contact/tel.png") no-repeat;
  float: left;
  padding: 43px 0 20px 98px;
  vertical-align: bottom;
}

.main-contact .tel_fax dd {
  float: left;
  font-size: 22px;
  margin-top: 36px;
  margin-left: 8px;
}

.main-contact .tel_fax .tel {
  background-image: url("../img/contact/tel.png");
}

.main-contact .tel_fax .fax {
  background-image: url("../img/contact/fax.png");
  margin-left: 16px;
}

/* privacy
----------------------------------------------- */
.main-privacy .section-main > * {
  margin-bottom: 16px;
}

.main-privacy .layer-1 > li {
  margin-bottom: 16px;
}

.main-privacy .layer-2 > li {
  list-style-type: decimal;
  margin-left: 2em;
}

.main-privacy .layer-3 > li {
  list-style-type: upper-roman;
  margin-left: 2em;
}

.main-privacy .layer-4 > li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

.main-privacy .dl-table,
.main-privacy .dl-table > dt,
.main-privacy .dl-table > dd {
  border: none;
}

.main-privacy .dl-table > dd:before {
  content: "：";
}

/* =========================================================
   flexslider.css
========================================================= */

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('../fonts/flexslider-icon.eot');
	src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/flexslider-icon.woff') format('woff'),
		url('../fonts/flexslider-icon.ttf') format('truetype'),
		url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/* end of file */