@charset "UTF-8";



/* --- 共通 --- */



body {

  margin: 0;

  padding: 0;

}

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, ol, ul,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td, input, textarea {

  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;

  font-size: 13px;

  color: #333333;

}



hr { display: none; }



.clr {

  width: auto;

  zoom: 100%;

}

.clr:after {

  content: "";

  clear: both;

  height: 0;

  display: block;

  visibility: hidden;

}

img {

  vertical-align: bottom;

  boreder: 0px;

}

a { outline: none; }



/* ヘッダー */



#header_wrap {

  background: #ffffff;

}

#header {

  width: 980px;

  height: 133px;

  background: #ffffff url(/images/header_bg.png) no-repeat scroll 0 63px;

  margin: 0 auto;

  position: relative;

}

.logo_mark {

  margin-left: 5px;

  padding-top: 15px;

}

.logo_mark a {

  display: block;

  background: url(/images/logo_mark.png) no-repeat;

  width: 243px;

  height: 34px;

  text-indent: -9999px;

}

.tel_pc .header_yokohama_tel {

  position: absolute;

  top: 21px;

  left: 363px;

  width: 291px;

  height: 50px;

  border-right: 2px solid #00a1e0;

}

.tel_pc .header_yokohama_tel a:hover {

  cursor: default;

}

.tel_pc .header_kohoku_tel {

  position: absolute;

  top: 71px;

  left: 363px;

  width: 291px;

  height: 41px;

  border-right: 2px solid #00a1e0;

}

.tel_pc .header_kohoku_tel a:hover {

  cursor: default;

}

.tel_sp { display: none; }

.header_toiawase {

  position: absolute;

  top: 11px;

  right: 0;

  width: 281px;

  height: 110px;

}

.menu_btn { display: none; }



/* メインメニュー */



.main_menu_wrap {

  background: url(/images/main_menu_bg.png) repeat;

  height: 67px;

  margin-bottom: 9px;

}

.main_menu {

  width: 980px;

  margin: 0 auto;

}

.main_menu li a {

  display: block;

  background: url("/images/main_menu_sprite.png") no-repeat scroll 0 0;

  height: 67px;

  float: left;

  text-indent: -9999px;

}

li.main_menu_01 a {

  background-position: 0 0;

  width: 164px;

}

li.main_menu_02 a {

  background-position: -164px 0;

  width: 164px;

}

li.main_menu_03 a {

  background-position: -328px 0;

  width: 163px;

}

li.main_menu_04 a {

  background-position: -491px 0;

  width: 164px;

}

li.main_menu_05 a {

  background-position: -655px 0;

  width: 164px;

}

li.main_menu_06 a {

  background-position: -819px 0;

  width: 161px;

}



/* パンくず */



.topicpath {

  margin: 0 auto;

  padding: 4px 0 10px;

  width: 980px;

}

.topicpath ul {}

.topicpath ul li {

  color: #595757;

  display: inline;

}

.topicpath ul li a:link,

.topicpath ul li a:visited,

.topicpath ul li a:hover {

  color: #595757;

  text-decoration: underline;

}



#main_wrap {

  clear: both;

  width: 980px;

  margin: 0 auto;

}

#main_wrap:after {

  content: "";

  clear: both;

  height: 0;

  display: block;

  visibility: hidden;

}

#main {

  width: 685px;

  float: left;

  min-height: 800px;

}

.slide_wrapper {

  border: 1px solid #AAAAAA;

  margin-bottom: 25px;

  padding: 2px;

}

.slide_wrapper_sp { display: none; }

.bxslider {}

.slide_middle_wrapper { }

.slide_middle_wrapper_sp { display: none; }



.service { margin-bottom: 17px; }

.service_icon {

  float: left;

  height: 110px;

  width: 110px;

  margin-top: -8px;

}

.service .title {

  display: inline;

  font-size: 150%;

  letter-spacing: 1px;

  padding-left: 10px;

  padding-right: 25px;

}

.service .desc {

  color: #004385;

  line-height: 1.25;

  padding-left: 120px;

  padding-top: 17px;

}

.service_icon img {

  width: 110px;

  height: 110px;

}

.service a { text-decoration: none; }



.service.title {

  height: 102px;

  overflow: hidden;

  padding-top: 8px;

  width: 352px;

  float: left;

  background: url(/images/service_icon_sprite.png) no-repeat 0 -1054px;

  text-indent: -9999px;

}

.kukoteigaku {

  background: url("/images/service_icon_sprite.png") no-repeat scroll 0 0;

  height: 102px;

  overflow: hidden;

  padding-top: 8px;

  width: 333px;

  float: left;

}

.kukoteigaku a { color: #004385; }

.kukoteigaku .title {

  background: url("/images/service_title_arrow.png") no-repeat scroll right 5px;

  color: #004385;

}

.kukoteigaku .desc { letter-spacing: -1px; }

.omoiyari {

  background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -1238px;

  height: 102px;

  overflow: hidden;

  padding-top: 8px;

  width: 352px;

  float: left;

}

.omoiyari a { color: #004385; }

.omoiyari .title {

  background: url("/images/service_title_arrow.png") no-repeat scroll right 5px;

  color: #004385;

}

.yokohamakanko {

  background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -110px;

  height: 102px;

  overflow: hidden;

  padding-top: 8px;

  width: 333px;

  float: left;

}

.yokohamakanko a { color: #004385; }

.yokohamakanko .title {

  background: url("/images/service_title_arrow.png") no-repeat scroll right 5px;

  color: #004385;

}

.jintsusogei {

  background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -220px;

  height: 102px;

  overflow: hidden;

  padding-top: 8px;

  width: 352px;

  float: left;

}

.jintsusogei .title {

  background: url("/images/service_title_arrow.png") no-repeat scroll right 5px;

  color: #e96c8a;

}

.jintsusogei .title a { color: #e96c8a; }

.jintsusogei .desc a { color: #004385; }

.kosodate {

  background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -330px;

  height: 102px;

  overflow: hidden;

  padding-top: 8px;

  width: 333px;

  float: left;

}

.kosodate .title {

  background: url("/images/service_title_arrow.png") no-repeat scroll right 5px;

  color: #f19516;

}

.kosodate .title a { color: #f19516; }

.kosodate .desc a { color: #004385; }

.cruise {

  background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -330px;

  height: 102px;

  overflow: hidden;

  padding-top: 8px;

  width: 333px;

  float: left;

}

.cruise .title {

  background: url("/images/service_title_arrow.png") no-repeat scroll right 5px;

  color: #f19516;

}

.cruise .title a { color: #004385; }

.cruise .desc a { color: #004385; }









.middle_menu {

  float: left;

  width: 170px;

  border-right: 1px dotted #555555;

  margin: 17px 0 30px;

}

.middle_menu a { text-decoration: none; }

.middle_menu .title a {

  display: block;

  width: 166px;

  height: 140px;

  background: url(/images/middle_menu_sprite.png?d=2302) no-repeat 0 0;

  text-indent: -9999px;

  margin-bottom: 12px;

}

.middle_menu .desc {

  line-height: 1.3;

  padding: 0 7px 10px 5px;

}

.middle_menu .desc a { color: #004385; }
.kashikiri .title a { background-position: 0 0; }
.card .title a { background-position: -166px 0; }
.ryokin .title a { background-position: -332px 0; }
.yuryo .title a { background-position: -498px 0; }
.sp_application .title a { background-position: 0 -552px; }
.sp_application .desc {
  font-size: 12px;
  letter-spacing: -1px;
  line-height: 1.2;
}



.middle_menu_top_hire {

  background: url("/images/middle_menu_sprite.png") no-repeat scroll 0 -413px;

  border-bottom: 1px dotted #555555;

  border-top: 1px dotted #555555;

  clear: both;

  height: 83px;

  width: 685px;

}

.middle_menu_top_hire .title a {

  display: block;

  float: left;

  height: 83px;

  text-indent: -9999px;

  width: 393px;

}

.middle_menu_top_hire .desc { padding: 11px 0 0; }

.middle_menu_top_hire .desc a {

  color: #004385;

  line-height: 1.2;

  text-decoration: none;

}



/* Home以外のsudemenu（homeの中段を流用） */



#sidemenu {

  float: right;

  margin-bottom: 16px;

  width: 282px;

}

#sidemenu .sidemenu_title { display: none; }

#sidemenu .service { margin-bottom: 0; }

#sidemenu .service_icon {

  width: 283px;

  height: 76px;

  margin: 0;

}

#sidemenu .service .title { display: none; }

#sidemenu .service .desc {  display: none; }

#sidemenu .service_icon img {

  width: 283px;

  height: 76px;

}

#sidemenu .kukoteigaku {

  background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -746px;

  height: 77px;

  padding-top: 0;

  width: 283px;

  float: none;

}

#sidemenu .yokohamakanko {

  background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -823px;

  height: 76px;

  padding-top: 0;

  width: 283px;

  float: none;

}

#sidemenu .jintsusogei {

  background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -899px;

  height: 79px;

  padding-top: 0;

  width: 283px;

  float: none;

}

#sidemenu .kosodate {

  background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -977px;

  height: 77px;

  padding-top: 0;

  width: 283px;

  float: none;

}

#sidemenu .omoiyari {

  background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -1425px;

  height: 77px;

  padding-top: 0;

  width: 283px;

  float: none;

}

#sidemenu .cruise {

  background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -1502px;

  height: 77px;

  padding-top: 0;

  width: 283px;

  float: none;

  margin-bottom: 10px;

}



#sidemenu .middle_menu {

  float: none;

  width: 283px;

  border-right: 0;

  margin: 0;

  background: #ffffff;

}

#sidemenu .middle_menu a { text-decoration: none; }

#sidemenu .middle_menu .title a {
  background: url("/images/middle_menu_sprite.png") no-repeat scroll 0 0;
  display: block;
  height: 46px;
  margin-bottom: 0;
  text-indent: -9999px;
  width: 283px;
}

#sidemenu .middle_menu .desc { display: none; }
#sidemenu .kashikiri .title a { background-position: -320px -140px; }
#sidemenu .card .title a { background-position: -320px -186px; }
#sidemenu .ryokin .title a { background-position: -320px -232px; }
#sidemenu .yuryo .title a { background-position: -320px -278px; }
#sidemenu .hire .title a { background-position: -320px -324px; }
#sidemenu .sp_application .title a { background-position: -320px -495px; }



/* ここまで */



#sidebar {

  width: 282px;

  float: right;

}

.saiyo_banner {

  width: 282px;

  height: 71px;

  overflow: hidden;

}

.saiyo_banner_02 {

  margin: 5px auto;

  text-align: center;

}

.kaisha_banner {

  width: 282px;

  height: 103px;

  overflow: hidden;

  margin-bottom: 5px;

}

.banner_cruise {
}
.banner_cruise img {
  width: 100%;
}
.takuhai_banner {
  margin-bottom: 5px;
}
.takuhai_banner img {
  max-width: 100%;
}

.goto_travel_banner {
  margin-bottom: 5px;
}
.goto_travel_banner img {
  max-width: 100%;
}


.whatsnew {

  clear: both;

  margin-top: 8px;

}

.whatsnew .title {

  background: none repeat scroll 0 0 #C1B073;

  color: #FFFFFF;

  padding: 4px;

  text-align: center;

}

.whatsnew .title2 {

  font-size: 141%;

  line-height: 1;

  margin-bottom: 5px;

  padding: 9px 0 2px;

  text-align: center;

}

.whatsnew_inner {

  height: 290px;

  overflow: auto;

}

.whatsnew_inner .entry {

  font-size: 116%;

  line-height: 1.3;

  margin: 0 10px 20px;

  overflow: hidden;

  width: 243px;

  word-wrap: break-word;

}

.whatsnew_inner .entry .date {

  background: none repeat scroll 0 0 #ECE6D3;

  display: inline-block;

  font-size: 100%;

  margin-bottom: 5px;

  padding: 1px 9px;

}

.whatsnew_inner .entry a {

  color: #0085c8;

  text-decoration: underline;

}

.whatsnew_inner .entry .newslink a {

  color: #0085c8;

  text-decoration: underline;

}

#home #main .whatsnew { margin-top: 0; }

#home #main .whatsnew_inner .entry { width: auto; }

#home #sidebar .whatsnew { display: none; }

#home .tel_henkou_btn {

  text-align: center;

  margin: 20px 0;

}

#home .tel_henkou_btn a {

  display: inline-block;

  background: #ffff69;

  color: #333333;

  padding: 8px 20px;

  text-decoration: none;

  font-size: 108%;

  font-weight: bold;

  border: 1px solid #ffb4b4;

  box-shadow: 2px 2px 2px 0px #cccccc;

  -o-box-shadow: 2px 2px 2px 0px #cccccc;

  -ms-box-shadow: 2px 2px 2px 0px #cccccc;

}

#home .tel_henkou_btn a:hover {

  color: #000000;

  background: yellow;

  text-decoration: underline;

}

#home .tel_henkou_btn a span {

  font-size: 100%;

  font-weight: bold;

}



.unchin_kaitei {

  text-align: center;

  margin: 20px 0;

}

.unchin_kaitei a {

  display: inline-block;

  background: #ffffff;

  color: #ff0000;

  padding: 8px 20px;

  text-decoration: none;

  font-size: 108%;

  font-weight: bold;

  border: 1px solid #ffb4b4;

  box-shadow: 2px 2px 2px 0px #cccccc;

  -o-box-shadow: 2px 2px 2px 0px #cccccc;

  -ms-box-shadow: 2px 2px 2px 0px #cccccc;

}

.unchin_kaitei a:hover {

  color: #ff0000;

  background: #ffffff;

  text-decoration: underline;

}

.unchin_kaitei a span {

  font-size: 100%;

  font-weight: bold;

}



.banner_area { margin-top: 5px; }

.banner_list {}

.banner_list li { margin-bottom: 5px; }

.banner_list .adjust { width: 282px; }

.banner_list .kanagawa_kentei {

  width: 280px;

  border: 1px solid #5e6ed0;

}



.goto_top {

  clear: both;

  margin: 35px auto 0;

  text-align: right;

  width: 980px;

}



#footer {

  clear: both;

  width: 980px;

  margin: 0 auto;

  background: #d3e8f1;

  padding: 26px 0 15px 0;

}

#footer ul ul li {

  background: url("/images/footer_list_mark.png") no-repeat scroll 0 center;

  padding-left: 16px;

}

#footer ul ul li a,

#footer ul ul li a:link

#footer ul ul li a:visited

#footer ul ul li a:hover {

  color: #004899;

  text-decoration: none;

}

#footer .group01 {

  line-height: 1.6;

  margin-left: 58px;

  width: 250px;

  float: left;

}

#footer .group02 {

  line-height: 1.6;

  width: 230px;

  float: left;

}

#footer .group03 {

  line-height: 1.6;

  width: 230px;

  float: left;

}

#footer .group04 {

  line-height: 1.6;

  width: 181px;

  float: left;

}



.footer_menu_sp { display: none; }



.copyright {

  clear: both;

  color: #004899;

  margin-top: 25px;

  text-align: center;

}



.home_toiawase { display: none; }