@charset "utf-8";
/**基本設定**/
* {font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; margin:0; padding:0;}
*html {border-style : none;}
body {color : #333; font-size : 12px; line-height: 16px; margin: 0; background: url(../image/back.jpg) repeat; overflow-x: hidden;}
a {color:#006794; text-decoration : none;}
a:link {color:#006794;}
a:visited {color:#006794; text-decoration : none;}
a:hover {color: #006794; text-decoration : underline;}
a img {border: 0 none;}
br.clear{clear: both;}
ul {list-style:none outside none;}
h1 {font-size: 12px; font-weight: normal;}
h2 {font-size: 12px; font-weight: normal;}
strong {font-weight: normal;}
.red {color: #FF0000;}
form, input {border: medium none; font-style: normal; margin: 0; padding: 0; text-align: left;}
.th_areatop, .kt_areatop{
	position:absolute;
	top:20px;
	color:#02483e;
	font-size:14px;
	border:2px solid #02483e;
	border-radius:3px;
	padding:10px 15px;
	transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
}
.th_areatop{left:20px;}
.kt_areatop{right:20px;}
.th_areatop:hover, .kt_areatop:hover{
	text-decoration:none;
	transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
	background:#00a68e;
	color:#fff;
}
/**ヘッダー**/
img.header {max-width: 180px; max-height: 60px;}
* html body img.header {width:expression(this.width >= 180? "180px" : "auto"); height:expression(this.height >= 60? "60px" : "auto");}
.header_wrapper {background: none repeat scroll 0 0 #F39; border-bottom: 1px solid #F6C; height: 29px; line-height: 29px;}
.header {width: 965px; margin: 0 auto; color: #FFF;}
.header a{color: #FFF;}
.header .left{float: left;}
.header .left a{font-weight: bold;}
.header .right{float: right;}
.logo_wrapper {clear: both; width: 965px; height: 75px; margin: 15px auto 0 auto;}
.logo_wrapper p{float: left; text-indent: -9999px; width: 180px; height: 60px;}
.logo_wrapper p a{display: block; width: 180px; height: 60px;}
.headerlogo {float: left;}
.headerbanner {float: left; margin-left: 35px; width: 278px;}
.loginbox {float: right; text-align: right; margin-top: 2px;}
.membermenu {width: 470px; text-align: right;}
.membermenu td {margin-left: 10px;}
.membermenu td.login{margin-left: 0; width: 75px;}
.membermenu td.login a {background: url(../image/login.png) no-repeat; padding-left: 18px;}
.membermenu td.mypage{margin-left: 0; width: 85px;}
.membermenu td.mypage a {background: url(../image/mypage.png) no-repeat; padding-left: 18px;}
.membermenu td.member{margin-left: 0; width: 75px;}
.membermenu td.member a {background: url(../image/member.png) no-repeat; padding-left: 18px;}
div.search {clear: both; float: right; margin-top: 10px;}
div.search input.formarea {background: url("../image/bg_head_search.png") no-repeat scroll left top transparent; float: left; height: 18px; line-height: 130%; padding: 4px 5px 5px; width: 128px;}
div.search input {vertical-align: middle;}
input.btnheadgo {background: url("../image/btn_head_search.png") no-repeat scroll left top transparent; cursor: pointer; height: 27px; text-indent: -9999px; width: 40px;}
.page_title{position:absolute;top:100px;left:200px;}
.icon_theme{display: block;font-size:16px;letter-spacing:4px;padding-top:15px;color:#02483e;text-shadow: 0px 1px 2px #5f5f5f;}
.icon_subtheme{font-size:30px;padding:15px 0 15px 20px;color:#02483e;text-shadow: 0px 1px 2px #5f5f5f;transform: scale(1,0.7);-ms-transform: scale(1,0.7);-webkit-transform: scale(1,0.7);}
/**メニュー**/
.menu {clear: both; margin: 0 auto; width: 965px; height: 40px;}
.menu ul {margin-left: 5px;}
.menu ul li{float: left; width: 192px; height: 40px;}
.menu ul li.nav1 a{background: url(../image/menu_bg1.gif) no-repeat;}
.menu ul li.nav2 a{background: url(../image/menu_bg2.gif) no-repeat;}
.menu ul li.nav3 a{background: url(../image/menu_bg3.gif) no-repeat;}
.menu ul li.nav4 a{background: url(../image/menu_bg3.gif) no-repeat;}
.menu ul li.nav5 a{background: url(../image/menu_bg5.gif) no-repeat;}
.menu ul li.nav6 a{background: url(../image/menu_bg4.gif) no-repeat;}
.menu ul li a{display: block; width: 192px; height: 40px; line-height: 40px; text-align: center; color: #FFF; font-weight: bold; font-size: 16px;}
.menu ul li a.link {background-position: 0 -40px;}
.menu ul li a:hover {background-position: 0 -40px; text-decoration: none;}
/**パンくず**/
div.path {clear: both; margin: 15px auto 0 auto; width: 965px; height: 15px;}
ul.path {margin-left: 5px; font-size: 11px;}
ul.path li{display: inline;}
/**ボックス**/
.shell {clear: both; margin: 0 auto; width:100%; overflow: hidden; max-width:2560px;}
.main {float: left; width: 600px; height:200px; }
.guide {float: right; width: 100%;}
/**メイン**/
#moviebox {margin-bottom: 10px;}
#moviebox h2{margin-bottom: 10px; text-indent: -9999px; background: url(../image/movie_title.gif); width: 600px; height: 28px;}
#moviebox h2 a{display: block; height: 28px;}
.moviemain {padding: 5px 10px 0 10px; margin-bottom: 5px; min-height: 180px;}
.moviemain img.thumb {float: left; margin-right: 10px; border: 2px solid #393F3F; height: 160px;}
table.movie_top {width: 100%; margin: 0; padding: 0;}
table.movie_top td {margin: 0; padding-bottom: 5px; vertical-align: top; word-break: break-all;}
table.movie_top td.thumb {margin: 0; padding: 0; width: 245px;}
.moviemaintext p.date {color: #393F3F; font-size: 10px; font-weight: bold;}
.moviemaintext p.bodytext {line-height: 20px;}
.moviemaintext a {font-size: 16px; font-weight: bold;}
.shopname {text-align: right;}
ul.movie_list {overflow: hidden; clear: both;}
ul.movie_list li {float: left; font-size: 12px; list-style-type: none; margin: 0 6px 10px 8px; width: 136px;}
ul.movie_list div.movie_item {height: 180px;}
table.movie_item {width: 100%; margin: 0; padding: 0;}
table.movie_item td.thumb {vertical-align: top; margin: 0; padding: 0; height: 100px;}
table.movie_item td {margin: 0; padding: 0; word-break: break-all;}
.date {color: #393F3F; font-size: 10px; font-weight: bold;}
p.thumb {float: left; margin-right: 8px; margin-bottom: 3px;}
img.pickup {position: absolute; top: -4px; left: -4px; width: 22px; height: 22px;}
p.thumb img {border: 2px solid #393F3F; height: 96px; width: 128px;}
.movie_title {margin: 2px 0 0; line-height: 20px;}
.moviemorelink {clear: both; text-align: right;}
.moviemorelink a{background: url(../image/arrow_more.gif) no-repeat 0 4px; padding-left: 14px;}
#newsbox { margin-bottom: 30px; padding: 15px; background: url(../image/news_bg.gif); border: 1px solid #CCC; min-height: 270px;}
#newsbox h2 {float: left; text-indent: -9999px; background: url(../image/news_title.png); width: 114px; min-height: 275px; margin-right: 10px;}
.newsbody {min-height: 150px; line-height: 20px;}
.newsbody img {float: right; height: 150px; margin-left: 10px;}
.newsbody p a {font-size: 14px; font-weight: bold; line-height: 18px;}
.newsbody2 {min-height: 105px;}
.newslist {margin-top: 15px; margin-bottom: 10px;}
.newslist li {margin-bottom: 6px;}
.newslist li a {background: url(../image/arrow_news.gif) no-repeat 0 2px; padding-left: 16px;}
.newsmorelink {text-align: right; margin-top: 3px;}
.newsmorelink a{background: url(../image/arrow_more.gif) no-repeat 0 4px; padding-left: 14px;}
.searchbox {margin-bottom: 5px; padding: 0 14px 10px 14px; clear: both;}
.searchmain {margin: 0px 0 10px 0;}
.searchmain2 {margin: 0px 0 10px 0;}
.searchmain h2,.searchmain2 h2{text-indent: -9999px; background: url(../image/search_title.gif); width: 600px; height: 28px;}
.searchmain h2 a,.searchmain2 h2 a{display: block; height: 28px;}
.searchtext {margin-bottom: 10px;}
#search_body .search_select p {margin: 0; padding: 4px; text-align: left; background: #fdeccf;}
#search_body #search_select_job_01 {float: left; margin-bottom: 10px; width: 280px;}
#search_body #search_select_place_01 {float: left; margin-left: 5px; margin-bottom: 10px; width: 280px;}
#search_body #search_select_type_01 {float: left; margin-bottom: 10px; margin-left: 5px; width: 185px;}
#search_body #search_text_keyword_01 {float: left; height: 29px; margin-bottom: 10px;}
#search_body #search_submit_01 {float: right; margin-bottom: 10px; width: 160px;}
#search_body .search_options {clear: both; padding: 7px 0;}
#search_body .search_select {border: 1px solid #ccc; margin: 0; padding: 0; text-align: center;}
#search_body .search_select_job_01 select {width: 140px;}
#search_body .search_select_job_02 select {width: 160px;}
#search_body .search_select_job_03 select {width: 120px;}
#search_body #search_text_keyword_01 img {top: 0; vertical-align: top;}
#search_body #search_text_keyword_01 form input {color: #999; margin-top: 6px; top: 0; width: 170px;}
#search_body .search_text {background-repeat: repeat-y; border: 1px solid #ccc;}
#search_body .search_select .active {background-color: #D7F2FF;}
.top3_inside {width: 276px; height: 150px; margin: 1px; border: 1px solid #ccc; border-collapse: collapse;}
.top3_inside td.border {padding: 0px; border: 1px solid rgb(204, 204, 204); background-color: #fff;}
.top3_inside td.bgcolor {padding: 0px; border: 1px solid rgb(204, 204, 204); background-color: #fff; color: #999;}
.wordsearch {padding: 0 5px; background: #fdeccf;}
input#wordkeyword {border: 1px solid #CCC; margin: 0 3px;}
#blogbox h2{margin-bottom: 10px; text-indent: -9999px; background: url(../image/blog_title.gif); width: 600px; height: 28px;}
#blogbox h2 a{display: block; height: 28px;}
div.manager_image{height: 100px; width: 100px; float: left; overflow: hidden;}
div.manager_text {float: left; width: 192px; padding-left: 5px;}
div.managerbox { float: left; width: 300px; height: 100px;}
a.manager_title { color: #000; font-size: 15px; line-height: 20px; font-weight: bold;}
table.blog_item { width: 100%; margin: 0; padding: 0;}
table.blog_item td { margin: 0; padding: 0; height: 110px; overflow: hidden; word-break: break-all;}
.blogmorelink {clear: both; text-align: right;}
.blogmorelink a{background: url(../image/arrow_more.gif) no-repeat 0 4px; padding-left: 14px;}
.rankSmall p {background: url("../image/rankingsmall.gif") no-repeat scroll 0 0 transparent; font-weight: bold; margin: 2px 0 10px 0; padding: 3px 0; text-indent: 5px;}
.rankSmall {float: left; margin: 0 10px 20px; width: 280px;}
.rankSwrap {border: 0 none; margin: 0 0 3px; vertical-align: top; width: 280px;}
#rankingbox h2{margin-bottom: 10px; margin-top: 30px; text-indent: -9999px; background: url(../image/ranking_title.gif); width: 600px; height: 28px;}
#rankingbox2 h2{margin-bottom: 10px; text-indent: -9999px; background: url(../image/ranking_title.gif); width: 600px; height: 28px;}
#rankingbox h2 a,#rankingbox2 h2 a{display: block; height: 28px;}
.rankSwrap td {vertical-align: top;}
.shopwrap .box {border-bottom: 1px solid #ddd; height: 80px; margin: 0 0 8px 0; width: 280px;}
.rankSphoto {border: 0 none; float: left; margin-right: 5px; vertical-align: top; width: 100px;}
.shopwrap .box .main {height: 30px; overflow: hidden;}
.rankingmorelink {clear: both; margin: 6px 0 5px 3px; text-align: right;}
.backnumber p {font-size: 12px;}
.backnumber h4 a {font-size: 12px; font-weight: bold;}
#ulGyo,#ulNormal,#ulDeli{width: 276px; height: 150px; list-style-type: none; margin: 0; padding: 0; text-indent: 3px; display: block; list-style-type: none; overflow: auto; overflow-x: hidden;}
/**右カラム**/
#kyubo {width: 300px; margin: 0 25px;}
#kyubo h3 {text-indent: -9999px; background: url(../image/keisai_title.png); height: 48px; width: 300px;}
#kyubo img {margin: 0;}
#kyubo a.shoplink {background: ##fafafa;border-radius: 5px;box-shadow: rgba(212, 212, 212, 0.65) 0px 0px 6px 3px;-webkit-box-shadow: rgba(212, 212, 212, 0.65) 0px 0px 6px 3px;-moz-box-shadow: rgba(212, 212, 212, 0.65) 0px 0px 6px 3px;display: block;font-size: 12px;height: 100%;line-height: 120%;margin: 0 auto;padding: 0;width: 260px;}
#kyubo a.shoplink:active {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #ffe5ff; border-color: #FF6C9E; border-style: solid; border-width: 0 1px 1px; text-decoration: none;}
#kyubo .place {color: #000; text-align: left;}
#kyubo a img {border: 1px solid #666; float: left; margin: 0 10px 0 0; width: 100px;}
#kyubo .copy2 {font-size: 12px; line-height: 17px; text-decoration: underline;}
#kyubo .company {color: ##F69;display: block;font-weight: bold;padding: 10px 10px 0px 10px;}
.kyuubomorelink {padding: 7px 25px 0 0; text-align: right;}
.kyuubomorelink a{background: url(../image/arrow_more.gif) no-repeat 0 4px; padding-left: 14px;}
#kyubo table.item {height: 80px;margin: 5px 10px 10px 10px;width: 240px;table-layout: fixed;}
#kyubo table td /*{width: 220px;*/ word-wrap: break-word; word-break: break-all;}
#kyubo a:hover, #kyubo a:active {outline: none; text-decoration: none;}
#kyubo div.blankimg {float: left; margin: 0 10px 0 0; width: 100px; height: 75px;}
/**お仕事検索**/
.a15_search {margin: 10px 0px 0px 0px; display: block; height: 20px; line-height: 20px; text-align: right; width: 580px;}
.a15_search a { background: url("../image/a15_search.gif") no-repeat scroll 0 0 transparent; height: 20px; line-height: 20px; padding-left: 20px; text-align: right;}
#col-search-list #searchtb {background: none repeat scroll 0 0 #F5BAD3; border-collapse: collapse; font-size: 12px; margin: 0 0 10px; width: 600px;}
#searchtb td.category {background: none repeat scroll 0 0 #FFE8F2; border: 1px solid #F5BAD3; padding: 4px 0 4px 10px;}
#col-search-list .b14 {font-size: 14px; font-weight: bold;}
#searchtb td.list {background: none repeat scroll 0 0 #fff;border: 1px solid #F5BAD3;padding: 0 0px 5px 0;}
#searchtb td.keyword {background: none repeat scroll 0 0 #fff; border: 1px solid #F5BAD3; padding: 10px 5px;}
#searchtb td {line-height: 22px;}
#searchtb ul {margin: 5px 0 5px 10px; padding: 0;}
#searchtb li { float: left; list-style: none outside none; margin: 0; padding: 0; width: 194px;}
#col-search-list .koda { font-size: 12px; font-weight: bold; letter-spacing: 0.1em; margin: 10px 0 0 10px;}
.about_src {padding: 10px 0 5px 3px;}
.bottomBt {height: 40px; margin-left: 160px;}
.search_btn3 {background: url("../image/etc_search_btn.gif") no-repeat scroll 0 0 transparent; display: block; float: left; height: 30px; margin-left: 5px; text-align: center; text-decoration: none; text-indent: -10000px; width: 145px;}
.search_btn3 a {background: url("../image/etc_search_btn.gif") no-repeat scroll 0 0 transparent; display: block; float: left; height: 30px; text-align: center; text-decoration: none; text-indent: -10000px; width: 125px;}
.search_clear {border-left: 1px solid #F5BAD3; float: left; padding: 5px 5px 5px 15px;}
.search-link {background: none repeat scroll 0 0 #FCFFD4; display: block; margin: 0; padding: 0 0 5px; width: 475px;}
.search-link p {color: #666; float: right; margin: 5px 5px 5px 0; padding: 0;}
.search-link ul {clear: both; list-style: none outside none; margin: 0 0 0 10px; padding: 0; width: 455px;}
.search-link li.shop { font-size: 13px; font-weight: bold; line-height: 120%; margin: 0; overflow: hidden; padding: 0; word-wrap: break-word;}
.search-link li.text {font-size: 13px; line-height: 150%; margin: 0; overflow: hidden; padding: 0; word-wrap: break-word;}
h2.typeA {background: url("../image/ico_typeA.gif") no-repeat scroll 0 0 transparent; color: #333; font-size: 15px; margin: 18px 0 10px 10px; padding-left: 23px; font-weight: bold;}
div.main-setumei { margin-bottom: 5px; float: left; word-wrap: break-word; word-break: break-all;}
.main-setumei > h3{font-weight:normal;font-size:12px;line-height:17px;}
#searchareatb {margin: 0; width: 100%; border-style: none;}
#searchareatb td {border-style: none;}
#searchareatb td.l_area {padding: 2px 0 0 0; font-size: 15px; font-weight: bold;}
#searchareatb td.m_area {padding: 2px 0 0 10px; font-size: 15px; font-weight: bold; clear: both;}
#searchareatb td.s_area {padding: 0 0 2px 0;}
#searchareatb td.no_middle {padding-top: 15px; clear: both;}
#searchareatb ul {margin: 0 0 5px 10px; padding: 0;}
#searchareatb li {float: left; list-style: none outside none; margin: 0; padding: 0; width: 194px;}
/**店舗リスト**/
.search-list-s {background: none repeat scroll 0 0 #FFF; border-top: 3px solid #EA6095; height: 100%; padding-bottom: 10px; width: 600px;}
.search-list-s {clear: both; margin: 10px 0;}
.search-list-a { border-top: 3px solid #EA6095; height: 100%; padding-bottom: 10px; width: 600px;}
.search-list-a {clear: both; margin: 10px 0;}
.search-list-b { border-top: 3px solid #EA6095; height: 100%; padding-bottom: 10px; width: 600px;}
.search-list-b {clear: both; margin: 10px 0;}
.search-list-c {border: 1px solid #EA6095; height: 100%; padding-bottom: 10px; width: 600px;}
.search-list-c {clear: both; margin: 10px 0;}
.list-title { background-color: #ffe8f2;display: block; overflow: hidden; padding: 0 0 0 10px;
 word-wrap: break-word;}
.list-title h2 a:link, .list-title h2 a:visited, .list-title h2 a:active, .list-title h2 a:hover {color: #fff; display: block; float: left; font-size: 14px; line-height: 120%; overflow: hidden; padding: 10px 0; word-wrap: break-word;}
.list-title h2 {color: #fff; display: block; float: left; font-size: 12px; line-height: 120%; overflow: hidden; padding: 0; width: 395px; word-wrap: break-word;}
.list-title h2 span {color: #fff; float: left; font-size: 12px; font-weight: normal; line-height: 120%; overflow: hidden; padding: 11px 0 10px 10px;}
.list-title h3 a:link, .list-title h3 a:visited, .list-title h3 a:active, .list-title h3 a:hover {color: #fff; display: block; float: left; font-size: 14px; line-height: 120%; overflow: hidden; padding: 10px 0; word-wrap: break-word;}
.list-title h3 {color: #fff; display: block; float: left; font-size: 12px; line-height: 120%; overflow: hidden; padding: 0; width: 395px; word-wrap: break-word;}
.list-title h3 span {color: #fff; float: left; font-size: 12px; font-weight: normal; line-height: 120%; overflow: hidden; padding: 11px 0 10px 10px;}
.later a {background: url("../image/messagelist_btn1.gif") no-repeat scroll 0 0 transparent; display: block; float: left; height: 20px; margin: 8px 5px 0 0; padding: 0; text-decoration: none; text-indent: -10000px; width: 90px;}
.detail a {background: url("../image/messagelist_btn2.gif") no-repeat scroll 0 0 transparent; display: block; float: right; height: 20px; margin: 8px 10px 0 0; padding: 0; text-decoration: none; text-indent: -10000px; width: 90px;}
.copy {color: #000; float: left; font-size: 16px; line-height: 22px; font-weight: bold; overflow: hidden; padding:0 10px; width: 580px; word-wrap: break-word;background-color: #ffe8f2;}
.areatype{clear:both;background:#ffe8f2;padding:5px 10px;font-size:11px;}
.list-title h2 a:link{color:#000;font-size:16px;padding:10px 0 5px 0;}
.list-title h2 a:link, .list-title h2 a:visited, .list-title h2 a:active, .list-title h2 a:hover {color:#000;}
.search-list-s .photo, .search-list-a .photo {clear: both; overflow: hidden; padding-left: 0; width: 600px; text-align: center;}
.search-list-s .photo img.sphoto, .search-list-a .photo img.sphoto {clear: both; overflow: hidden; padding-left: 0; width: 580px;}
.search-list-b .photo {clear: both; float: left; height: 188px; overflow: hidden; width: 200px;}
.search-list-s h2, .search-list-a h2, .search-list-b h2, .search-list-c h2 {font-size: 13px; font-weight: bold; line-height: 1.5em; margin: 0; padding: 0; text-align: left;}
.search-list-s h3, .search-list-a h3, .search-list-b h3, .search-list-c h3 {font-size: 12px; font-weight: normal; padding: 7px 15px 10px 10px; width: 580px;}
.search-list-s .spec table {\border-top: 0 none; clear: both; margin: 10px 0 0 8px; padding: 0; width: 580px; table-layout: fixed;}
.search-list-a .spec table {border-top: 0 none; clear: both; margin: 10px 0 0 8px; padding: 0; width: 580px; table-layout: fixed;}
.search-list-b .spec table {border-top: 0 none; clear: both; margin: 5px 0 0 8px; padding: 0; width: 580px; table-layout: fixed;}
.search-list-c .spec table {border-top: 0 none; clear: both; margin: 10px 0 0 8px; padding: 0; width: 580px; table-layout: fixed;}
.search-list-s .spec th {background: none repeat scroll 0 0 #F9D3E3; border-bottom: 7px solid #fff; line-height: 150%; padding: 5px; width: 15px;}
.search-list-a .spec th {background: none repeat scroll 0 0 #F9D3E3; border-bottom: 7px solid #fff; line-height: 150%; padding: 5px; width: 70px;}
.search-list-b .spec th {background: none repeat scroll 0 0 #F9D3E3; border-bottom: 7px solid #fff; line-height: 150%; padding: 5px; width: 70px;}
.search-list-c .spec th {background: none repeat scroll 0 0 #F9D3E3; border-bottom: 7px solid #fff; line-height: 150%; padding: 5px; width: 70px;}
.search-list-s .spec td {background: none repeat scroll 0 0 #FCE9E4; border-bottom: 7px solid #fff; line-height: 150%; padding: 5px; width: 150px; word-wrap: break-word;}
.search-list-a .spec td {background: none repeat scroll 0 0 #FCE9E4; border-bottom: 7px solid #fff; line-height: 150%; padding: 5px; width: 150px; word-wrap: break-word;}
.search-list-b .spec td {background: none repeat scroll 0 0 #FCE9E4; border-bottom: 7px solid #fff; line-height: 150%; padding: 5px; width: 150px; word-wrap: break-word;}
.search-list-c .spec td {background: none repeat scroll 0 0 #FCE9E4; border-bottom: 7px solid #fff; line-height: 150%; padding: 5px; width: 150px; word-wrap: break-word;}
div.detail-link {padding: 5px 15px 0 10px; text-align: right;}
#navi {border: #FF64B4 solid 2px; padding: 0.2em; color: #333; height: 2em; width: 200px;}
#navi option.select-area { border: 1px solid #ccc; margin: -1px 0 0; padding: 0.2em 0.2em 0.2em 3px; line-height: 1em; color: #333;}
.select-exec {height: 26px; line-height: 26px; width: 50px; background: #ccc; border: 1px solid #666; text-align: center; cursor: pointer;}
/**ランキング**/
div#col-top-center {margin: 10px 0 0; width: 480px;}
#rank_top tr.r_title { background: url("../image/rankingsmall.gif") repeat scroll 0 0 transparent; height: 20px; padding-right: 8px; text-align: left; vertical-align: middle;}
table.rank_inside { border: 1px solid #FF008E; border-collapse: collapse; height: 90px; margin: 0 0 10px; width: 600px;}
table.rank_inside2 { border: 1px solid #FF008E; border-collapse: collapse; height: 60px; margin: 0 0 5px; width: 600px;}
td.rankno {height: 30px; width: 45px; padding-top: 2px; text-align: center;}
td.r_logo {width: 180px; padding: 5px 0 0 0;}
td.r_logo a.keyword { font-size: 14px; font-weight: bold; padding-left: 4px;}
td.r_comme { line-height: 110%; padding-right: 5px; text-align: left; width: 315px;}
td.shift {height: 30px; text-align: center;}
/**動画一覧**/
.note3 {background: none repeat scroll 0 0 #FFFFCC; padding: 3px;}
form.narrow2 fieldset {padding: 5px 0; border: medium none;}
div.searchbtnarea {padding-top: 4px; text-align: center;}
input[type="button"].searchbtn {cursor: pointer;}
/**ブログ**/
#blogbox2 h2{margin-bottom: 10px; text-indent: -9999px; background: url(../image/blog_title.gif); width: 600px; height: 28px;}
td.head {border-left: 1px solid #EA6095; border-right: 1px solid #EA6095;}
.list_mess td.head {color: #FF3366; font-size: 14px; font-weight: bold; padding: 6px 0 6px 10px;}
.list_mess td.head.date p {font-size: 12px; color: #000; font-weight: normal;}
div.photo_mess {height: 200px; overflow: hidden; float: left;}
img.photo_mess {border: 1px solid #EA6095; float: left; margin: 0; width: 120px;}
td.contents {border-left: 1px solid #EA6095; border-right: 1px solid #EA6095;}
.list_mess td.contents {padding: 6px 10px;}
div.text_mess {float: left; height: 200px; line-height: 1.4; margin: 0 0 0 10px; overflow: hidden; width: 319px;}
td.foot {border-left: 1px solid #EA6095; border-right: 1px solid #EA6095; border-bottom: 1px solid #EA6095;}
.list_mess td.foot {padding: 5px 10px 8px 0; text-align: right;}
table.list_mess {margin: 10px 0; padding: 0;}
/**掲載店一覧**/
#shoplist h2{margin-bottom: 10px; text-indent: -9999px; background: url(../image/shoplist_title.gif); width: 600px; height: 28px;}
/**フッター**/
.pagetop {clear: both; margin: 25px auto 0; text-align: right; width: 965px;}
.pagetop > a{display:none;}
.footer {background-color: #666; border-top: 10px solid #479d8e; color: #FFF; padding: 10px 0; position: relative;}
.footerin {width: 965px; margin: 0 auto;}
.footerin a{color: #FFF;}
.footLink {clear: both; display: block; overflow: hidden;}
.footLink li {border-right: 1px solid #fff; float: left; padding: 0 10px;}
.arealink {clear: both; margin-top: 20px; line-height: 20px; display: block; overflow: hidden;}
.arealink ul li{float: left; padding: 0 10px;}
.arealink ul li a{background: url(../image/arrow.png) no-repeat 0 3px; padding-left: 18px;}
.sitelink {clear: both; margin: 20px 10px 0px 10px;}
/*その他*/
.pagerup {margin: 10px; width: 580px;}
.pagerdown {margin: 10px; width: 580px;}
div.nothing {width: 470px; margin: 30px auto 20px auto; padding: 0; text-align: center; color: #f30; font-size: 14px; font-weight: normal; line-height: 1.4em; background: #fec; border: solid 2px #f90;}
div.nothing p {margin:10px 5px;}
td.prv {width: 60px; text-align: right;}
td.prvnxt {width: 15px; text-align: center;}
td.nxt {width: 60px; text-align: left;}
/**求人CM**/
.rightbox {float: right; width: 350px;}
#kyubo2_box {padding: 0; }
div.top_title {background: url(../image/h4_bg.gif) no-repeat; border-bottom: 1px solid #CC6699; border-left: 1px solid #FF99CC; border-right: 1px solid #FF99CC; border-top: 1px solid #FF99CC; height: 24px;}
div.top_title h4 {background:url(../image/icn_movie.gif) no-repeat; text-indent: 18px; margin: 5px 0 0 8px;}
.movie {clear: both; margin: 0;}
div.moviebox2 {clear: both; border-left: 1px solid #FF99CC; border-right: 1px solid #FF99CC; border-bottom: 1px solid #FF99CC; margin-bottom: 20px;}
table.cm_movielist {margin: 0 auto;}
table.cm_movielist td.movie_area {border-left: 1px solid #FFCFE7; border-bottom: 1px solid #FFCFE7;}
div.cm_movie_on {padding: 3px 0 3px 6px; background: url(../image/movie_bg2.gif); border-bottom: 1px solid #FFCFE7; word-wrap: break-word;}
div.cm_movie_off {padding: 3px 0 3px 6px; background: url(../image/movie_bg.gif); border-bottom: 1px solid #FFCFE7; word-wrap: break-word;}
a.cm_movie_link {text-decoration: none;}
img.cm_movie_icon {margin: 5px 4px 0 0;}
p.cm_movie_date {font-size: 10px;}
span.cm_movie_shop_name {font-weight: bold;}
p.cm_movie_title_on {font-weight: bold; color: #FFFF00;}
p.cm_movie_title_off {font-weight: bold;}
a.player_on {display: block; width: 300px; height: 225px; background-color: #000; border: solid 1px #CCC;}
/**求人テーマ**/
.kyubo_banner{position:absolute;}
#kyubo2 {width: 100%; margin-top: 0px;}
#kyubo2 > #rect{width:100%;}
#kyubo2 > #rect > ul{position:relative; width:100%;}
#kyubo2 table.item {margin: 5px; width: 340px; table-layout: fixed;}
#kyubo2 table td {word-wrap: break-word; word-break: break-all;}
#kyubo2 table td.image {height: 80px; width: 115px;}
#kyubo2 a:hover, #kyubo2 a:active {outline: none; text-decoration: none;}
#kyubo2 a img { float: left; margin: 0 51px; width: 100px; height: 75px; border: 1px solid #666;}
#kyubo2 .place {color: #000; text-align: left;}
#kyubo2 .copy2 {font-size: 12px; line-height: 17px; text-decoration: underline;}
#kyubo2 .company {margin: 0; color: #333; display: block; font-weight: bold;}
.kyuubomorelink2 {margin: 7px 0 0 0; text-align: right;}
#themelist h2{padding-top: 2px; margin-bottom: 10px; text-indent: 30px; background: url(../image/blank_title.gif); width: 600px; height: 28px; line-height: 21px; color: #EE539D; font-size: 22px; font-weight: bold;}
li.real > a{position:relative; top:-53px;z-index:1;}
/**経験者インタビュー**/
#interviewbox {margin-bottom: 10px;}
#interviewbox h2{ margin-bottom: 10px; text-indent: -9999px; background: url(../image/interview_title.gif); width: 600px; height: 28px;}
#interviewbox h2 a{display: block; height: 28px;}
/**特典**/
.spec img.sphoto {display: block; float: left; margin-right: 5px; margin-bottom: 5px; max-width: 100%;}
.tokutenSearch {margin:10px 10px 10px 10px; word-break: break-all; background: #fff; float: left; width:96%; border-bottom: solid 2px #fce8e5;}
.tokutenSearch img{max-width:90%;}
.tokutenImg { width:44%; height:auto; float:left; display:inline; margin: 0px;}
.tokutenContent { width:54%; height:auto; float:left; display:inline; margin:10px 0px 0px 0px;}
.tokutenHeader { background-color:rgb(242,242,242); text-align:center; color:rgb(255,88,199); font-size:16px; line-height:24px; border-radius: 6px 6px 6px 6px; font-weight: bold;}
.tokutenComment {margin: 10px 0px 0px;}
#privilegebox {margin-bottom: 10px;}
#privilegebox h2 a{display: block; height: 28px;}
ul.privilege_list {overflow: hidden; clear: both;}
ul.privilege_list li {float: left; font-size: 12px; list-style-type: none; margin: 0 6px 10px 8px; width: 200px;}
table.privilege_item {width: 100%; margin: 0; padding: 0; table-layout: fixed;}
table.privilege_item td.thumb {vertical-align: top; margin: 0; padding: 0;}
table.privilege_item td {margin: 0; padding: 0; word-break: break-all; word-wrap: break-word;}
table.privilege_item td p.thumb {float: left; margin-right: 8px;}
table.privilege_item td p.thumb img {border: 1px solid #393f3f; width: 200px; height: auto;}
table.privilege_item td.privilege_sub_item {height: 60px; width: 100%; float: left;}
.privilege_title { line-height: 18px; margin: 0 8px 0 0; width: 100%;}
.privilege_title a {color: #333; font-size: 13px;}
.privilege_shopinfo { color: #9f9f9f; font-size: 11px; text-align: left;}
.privilegemorelink {clear: both; text-align: right;}
.privilegemorelink a{background: url(../image/arrow_more.gif) no-repeat 0 4px; padding-left: 14px;}
/**コミュニティスライド**/
.communitySlide .flex-viewport {height:129px;}
.communitySlide {margin-bottom:35px;}
.communitySlide p img {width:100%; max-width:370px;}
.communitySlide .shopDescriptionImg#jobDetail { margin:5px 0px 0px 35px; max-width:300px; position:relative;}
.communitySlide .shopDescriptionImg .flex-direction-nav li a { width:20px; position:absolute; top:10%; display:block; height:20px; margin-top:-16px; text-indent:-9999px; overflow:hidden;}
.communitySlide .shopDescriptionImg .flex-direction-nav li .flex-prev { left:-30px; background:url(../image/btn_community_slide_prev.png) 0 0 no-repeat; background-size:contain; width:25px; height:30px;}
.communitySlide .shopDescriptionImg .flex-direction-nav li .flex-next { right:-30px; background:url(../image/btn_community_slide_next.png) 0 0 no-repeat; background-size:contain; width:25px; height:30px;}
.flex-control-paging { padding:20px 0px 20px 0px; position: absolute; width:300px; text-align:center;}
.flex-control-paging li a.flex-active {background-color: #f081b3;}
.flex-control-paging li {display: inline-block; padding-right: 10px; position: relative;}
.flex-control-paging li a { text-indent: -9999px; background-color: #aaa; border-radius: 10px; cursor: pointer; display: block; height: 10px; width: 10px;}
div.close{display:none;}
/**トップ検索**/
.main_area_parent_de {margin: 10px 5px 0px; font-size:10px; height:40px; clear:both;}
.main_area_de {display:block; float:left; margin:0px 1px 0px 0px; background-color:#999;}
div.main_area_parent_de a {color:white; display:block; height:32px; padding:4px 4px; font-size: 14px;}
div.main_area_parent_de a br {height:1px;}
.searchtop {margin-bottom:20px;}
.m_area_de {background:rgb(245,245,245); border:2px solid rgb(200,200,200); border-width:2px 0px 0px 0px; line-height:34px; display:block; clear: both; margin: 5px; padding-left: 5px;}
.m_area_de a{ font-weight: bold; color: #000; font-size: 13px; color: #39C;}
.s_area_de ul{ margin: 10px; display: block; clear: both;}
.headline_de { background-color: #EEE; line-height:24px; margin-bottom: 10px; text-indent: 10px;}
#searchareatb_de li {width:31%; float: left; list-style: outside none none; margin: 0px; padding-left: 10px;}
#searchareatb_de li a {margin-right:20px; display:block; line-height:20px; color:black; color: #39C;}
#searchgyouyutb_de li {width:31%; float: left; overflow: hidden; margin: 0px 5px 5px; height:30px;}
#searchgyouyutb_de li a {display:block; line-height:30px; color: #333; padding-left: 5px;}
#col-search-list #searchtb_de {clear:both;}
#searchtb_de ul {margin: 0; padding: 0;}
div.l_area_de {margin:10px 10px 5px 10px; display:block; clear:both; font-weight: bold; font-size: 15px;}
div.area_frame_de {overflow: hidden; padding-bottom:5px; margin: 0px 5px 0px 5px;}
.areasrch_de {background: #fff; background: -webkit-linear-gradient(#fff, #eee); background: -o-linear-gradient(#fff, #eee); background: -moz-linear-gradient(#fff, #eee); background: linear-gradient(#fff, #eee); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee',GradientType=0 ); line-height:40px; border-radius: 3px 3px 0 0; float: left; margin-right: 8px; width: 150px; text-align: center; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999;}
.areasrch_de a{display: block; font-size: 14px; font-weight: bold; color: #000;}
.gyosrch_de {background: #f0f0f0; background: -webkit-linear-gradient(#f0f0f0, #ccc); background: -o-linear-gradient(#f0f0f0, #ccc); background: -moz-linear-gradient(#f0f0f0, #ccc); background: linear-gradient(#f0f0f0, #ccc); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ccc',GradientType=0 ); /* IE6-9 */ line-height:40px; border-radius: 3px 3px 0 0; float: left; margin-right: 8px; width: 150px; text-align: center; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; color: #666;}
.gyosrch_de a{display: block; font-size: 14px; font-weight: bold; color: #666;}
.no_middle_de {padding-top:0px;}
#blogbox {clear:both;}
.main_area_link{font-size: 18px; cursor: pointer; display: block; background: transparent url("../image/movie_bg.gif") repeat scroll 0% 0%; height: 40px; line-height: 40px; padding-left: 6px; border-bottom: 1px solid #FFCFE7; position:relative;}
.main_area_link:after{content: ""; position: absolute; background: transparent url("../image/listCloseArrow.png") repeat scroll 0% 0%; display: block; top: 11px; height: 20px; width: 20px; z-index: 3; right: 6px;}
.main_area_link.active::after {background: transparent url("../image/listOpenArrow.png") repeat scroll 0% 0%;}
.main_area_link.inactive::after {background: transparent url("../image/listCloseArrow.png") repeat scroll 0% 0%;}
a.main_area_link:hover{ text-decoration: none;}
#searchareatb tbody tr,#searchareatb tbody td {display: block; width: 100%;}
#searchareatb .mainarealeft{float: left; display: block; padding-left: 6px;}
#searchareatb .mainarearight {display: block; text-align: right;}
#searchgyouyutb_de li a:hover {background: #EEE none repeat scroll 0% 0%; text-decoration: none;}
.line32 {line-height: 32px;}
.toptabset ul:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
.searchtop h2{margin-bottom: 10px; text-indent: -9999px; background: url(../image/searchtop_title.gif); width: 650px; height: 49px;}
#privilegebox {clear:both;}
.tabarea_default {line-height: 30px; border: 2px solid #EEE;}
/*(追加)*/
ul.station_list{padding-top:20px;margin:0 auto;width:670px;background:url(../image/line.png) repeat-x;background-position:0 47px;height:70px;}
.station_item {width:62px;height: 62px;float: left;border-radius:40px;line-height:55px;margin:0 15px;position:relative;}
.station_item > a > img{position:absolute;}
.small-station > li{float:left;-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;margin: 0 15px;}
.small-station > li:first-of-type{margin-left:0; margin-right:10px;}
.small-station > li:last-of-type{margin-right:0; margin-left:10px;}
li.depopulation{width: 30px;height: 30px;text-align: center;margin: 15px 0;}
li.primary{width:60px;height:60px;border-radius: 40px;text-align: center;line-height: 61px;color:#fff;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;font-weight:100;}
li.small-primary{width:50px;height:50px;border-radius: 40px;text-align: center;line-height: 52px;margin-top: 5px;margin-bottom: 5px;}
ul.small-station > li.primary{background-color:#1ea191;}
li.primary > a,li.small-primary > a{color:#fff;text-decoration:none;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;font-weight:100;}
.regulation{font-size:12px;}
/*大宮ポップ*/
li.station_item:nth-of-type(1){background-color:#a31523 ;border: 4px solid #a31523; margin-left:0;}
li.station_item:nth-of-type(1):hover > a{color:#a31523 !important;}
#darktooltip-om_tip.dark-tooltip.north .tip{ left: 71px; top: -7px; }
#darktooltip-om_tip .small-station > li{margin:0 5px;}
/*宇都宮ポップ*/
li.station_item:nth-of-type(2){background-color:#b75911; border: 4px solid #b75911;}
li.station_item:nth-of-type(2) > a:hover{color:#b75911;}
#darktooltip-um_tip.dark-tooltip.north .tip{ left: 151px; top: -7px; }
/*福島ポップ*/
li.station_item:nth-of-type(3){background-color:#aaa01a; border: 4px solid #aaa01a;}
li.station_item:nth-of-type(3) > a:hover{color:#aaa01a;}
#darktooltip-fs_tip.dark-tooltip.north .tip{left: 151px; top: -7px; }
/*仙台ポップ*/
li.station_item:nth-of-type(4){background-color:#6c9b4b; border: 4px solid #6c9b4b;}
li.station_item:nth-of-type(4) > a:hover{color:#6c9b4b;}
#darktooltip-sd_tip.dark-tooltip.north .tip{ left: 106px; top: -7px; }
#darktooltip-sd_tip li.depopulation{background: url(../image/area_sd.png) no-repeat; background-size: 30px;}
/*盛岡ポップ*/
li.station_item:nth-of-type(5){background-color:#267e92; border: 4px solid #267e92;}
li.station_item:nth-of-type(5) > a:hover{color:#267e92;}
#darktooltip-it_tip li.depopulation{background: url(../image/area_it.png) no-repeat;background-size: 30px;margin:15px 10px;}
#darktooltip-it_tip.dark-tooltip.north .tip{ left: 285px; top: -7px; }
/*新青森ポップ*/
li.station_item:nth-of-type(6){background-color:#29569a; border: 4px solid #29569a;}
li.station_item:nth-of-type(6) > a:hover{color:#29569a;}
#darktooltip-ao_tip li.depopulation{background: url(../image/area_ao.png) no-repeat;background-size: 30px;margin:15px 10px;}
#darktooltip-ao_tip.dark-tooltip.north .tip {left: 106px; top: -7px;}
.close{background-color: #000;color: #fff;font-size: 11px;width: 15px;height: 15px;padding: 4px 2px 0 6px;position: absolute;left: 3px;top:-25px;}
.prev{background-color:#000;color:#fff;font-size:11px;width:15px;height:15px;padding:4px 0 0 8px;position:absolute;left:0px;top:-25px;}
.next{background-color: #000;color: #fff;font-size: 11px;width: 15px;height: 15px;padding: 4px 0 0 8px;position: absolute;left: 28px;top:-25px;}
div.tip{display:none;}
/*急募*/
li.station_item:nth-of-type(7){background-color:#a00974;border: 4px solid #a00974;margin-right:0;}
li.station_item:nth-of-type(7) > a:hover{color:#a00974;}
#darktooltip-kb_tip li.depopulation{background: url(../image/area_ao.png) no-repeat;background-size: 30px;margin:15px 10px;}
#darktooltip-kb_tip.dark-tooltip.north .tip {left: 125px; top: -7px;}
/*鳥*/
#content {position: relative;width:100%;height:610px;overflow:hidden;}
.bird{width:200px;position:relative;z-index:12;}
/*ヘッダー*/
.header_stick, .header_next{text-align:center;background: linear-gradient(#5ad3c2, #159d85);background: -moz-linear-gradient(top, #5ad3c2, #159d85);background: -webkit-gradient(linear, left top, left bottom, from(#5ad3c2), to(#159d85));width:100%;}
.header_stick{position:relative;}
.header_stick > a, .header_next > a{color: #fff;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;font-weight: 100;display: block;padding: 12px 0 16px 75px;background: url(../image/next_link.png) no-repeat;background-position: center;font-size: 16px;text-decoration: none;letter-spacing:1px;width: 180px;margin: 0 auto;}
.header_stick > a > img, .header_next > a > img{width:16px;vertical-align: middle;padding-right: 1px;float:left;}
.header_stick > a > span, .header_next > a > span{float:left;}
.primary_region > li > a{color:#333;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;font-weight:100;text-shadow: 2px 2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,-2px -2px 1px #fff;font-size:16px;text-decoration:none;display: block;}
.primary_region > li > div.area_mapsub_outer{z-index:5;}
.primary_region > li[data-area="am"]:hover > div.area_mapsub_outer{width:90px; left:-34px;}
.primary_region >li .area_mapsub_outer {list-style: none;position: absolute;z-index: 1003;top: -2px;left: 0;margin: 0;padding: 0;
background-color: rgba(0,0,0,0.6);width: 0px;padding: 0px;height: 0px;opacity: 0;overflow: hidden;-webkit-transition: height,opacity 0.0s ease 0s;transition: height,opacity 0.0s ease 0s;}
.primary_region >li:hover .area_mapsub_outer{width: 170px;left: -63px;top: -10px;height: 81px;padding: 10px;opacity: 1;-webkit-transition: height,opacity 0.45s ease 0s;transition: height,opacity 0.45s ease 0s;z-index: 1005 !important;}
.primary_region >li[data-area="mo"]:hover .area_mapsub_outer{width:125px;height:100px;left:-51px;}
.primary_region >li[data-area="ao"] > .area_mapsub_outer{width:110px;left:-37px;}
.primary_region >li[data-area="mo"]:hover .area_mapsub_outer > div > ul{line-height:20px;}
.primary_region >li[data-area="sd"]:hover .area_mapsub_outer{width:110px; left:-44px;}
.primary_region >li[data-area="sd"]:hover .area_mapsub_outer ul{padding:0 32px;}
.primary_region >li[data-area="fs"]:hover .area_mapsub_outer{width:135px; left:-57px;}
.primary_region >li[data-area="fs"]:hover .area_mapsub_outer ul{padding:0 15px;}
.primary_region >li[data-area="um"]:hover .area_mapsub_outer{width:150px; left:-56px;}
.primary_region >li[data-area="um"]:hover .area_mapsub_outer ul{padding:0 14px;}
.primary_region > li:hover .area_mapsub, .primary_region > li.hover .area_mapsub {top: 10px;bottom: 9%;-webkit-transition-delay: 0s;transition-delay: 0s;}
.primary_region > li .area_mapsub {position: absolute;top: 10px;left: 7%;right: 7%;bottom: 80%;border: 1px solid white;border-width: 0 1px 1px;-webkit-transition: all 0.45s ease 0.2s;transition: all 0.45s ease 0.2s;margin:7px;}
.primary_region > li .area_mapsub .heading {overflow: hidden;position: relative;transform: translateY(-50%);}
.primary_region > li .area_mapsub .heading a {display: table;margin: 0 auto;position: relative;font-size:16px;color:#fff;opacity:0;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.primary_region > li:hover .area_mapsub .heading a{opacity:1;}
.area_mapsub_name:before, .area_mapsub_name:after {position: absolute;display: block;width: 1000%;height: 1px;content: '';background: white;top: 50%;}
.area_mapsub_name:before {left: -1000%;}
.area_mapsub_name:after {right: -1000%;}
.primary_region > li .area_mapsub>ul {top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);position: absolute;width: 100%;padding: 0 10px;margin: 0;opacity: 0;box-sizing: border-box;-webkit-transition: all 0.45s ease 0.3s;transition: all 0.45s ease 0.3s;}
.primary_region > li[data-area="ao"] .area_mapsub>ul {padding: 0 32px;}
.primary_region > li[data-area="mo"] .area_mapsub>ul {padding:0 20px;}
.primary_region > li:hover .area_mapsub > ul {opacity: 1;}
.primary_region > li .area_mapsub > ul li {float: left;display: block;box-sizing: border-box;padding: 0;}
.prymary_region > li .area_mapsub > ul li a {display: block;padding: 0;letter-spacing: 0;}
.area_mapsub > ul > li > a{color:#fff; font-size:15px;}
/*主要駅ホバー*/
.small-primary{clear:both;}
.small-primary > li{background:rgba(0,0,0,.6);}
.small-primary > li > p, .small-primary > li > p > a{font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;font-weight:100;color:#fff;}
.small-primary > li > p.primary_name{font-size:18px;margin: 0 60px;background: rgba(106, 106, 106, 0.7);position: relative;}
.small-primary > li > p.small_primary_name{width: 100px;border: 1px solid #fff;padding: 20px 20px;margin: -7px auto 0px auto;line-height:21px;}
.small-primary > li > p.small_primary_name > a{font-size:16px;}
.small-primary > li[data-area="ao"]{width:190px;padding-bottom:20px;padding-top:10px;position:absolute;top:60px;left:82px;display:none;}
li.ao_sta:hover + ul.small-primary > li[data-area="ao"]{display:block;}
.map_root{background:url(../image/loopback.png) repeat-x; background-position: right bottom;}
.senro{background: url(../image/senro.png) repeat-x;height: 50px;position: fixed;bottom: 0px;width: 100%;z-index: 0;}
.bullet_train{padding-top: 14px;padding-right:5%;padding-left:5%;text-align: center;position: fixed;z-index: 1;bottom: 26px;width:90%;}
.bullet_train > img{width:1000px;}
div.tohoku_area{text-align: center;position: relative;width: 345px;height: 738px;margin: 25px auto 0 auto;background: url(../image/tohoku_map.png) no-repeat;background-size: 505px;background-position: center;}
.primary_region{position: absolute;max-width: 100%;height:auto;top: 0;}
.primary_region > li{position:relative;padding:0 5px;display:inline-block;vertical-align:middle;}
.primary_region > li:first-of-type{top: 89px; left: 154px;}
.primary_region > li:hover:first-of-type > a{color:#fff; text-shadow:none;}
.primary_region > li:nth-of-type(2){top: 191px; left: 210px;}
.primary_region > li:nth-of-type(3){top: 335px; left: 163px;}
.primary_region > li:nth-of-type(4){top: 385px; left: 87px;}
.primary_region > li:nth-of-type(5){top: 506px; left: 10px;}
.primary_region > li:last-of-type{top: 571px; left: -68px;}
/*ボックステスト*/
.box1{width: 0px; height: 0px; background:#f00; display: none; position: relative; left: 50px; top: 50px; text-align:center;border-radius:70px;}
/*ランドマーク*/
.simply-scroll-container {position: relative; top:450px;}
.simply-scroll-clip {position: relative; overflow: hidden;}
.simply-scroll-list {overflow: hidden; margin: 0; padding: 0;}
.simply-scroll-list li {float: left; padding: 0; margin: 0; width: 900px; height: 360px;}
.simply-scroll-list li img {display: block; width:100%;}
#rect{transition-duration: 1s;-webkit-transition-duration: 1s;-o-transition-duration: 1s;-moz-transition-duration: 1s;}
#loopslide{position:fixed;bottom:30px;height:350px;}
#loopslide > ul{padding-bottom:50px;}
#loopslide > ul > li{position:relative;bottom:0;}
#loopslide > ul > li > img{width:585px;}
.fuku > img{padding-top:80px;}
.miyagi > img{padding-top:50px;}
.iwate > img{padding-top:80px;}
.utsuno > img{padding-bottom:10px;width:501px !important;padding:30px 42px 0 42px;}
.omiya > img{padding-top:75px;}
/*↓●変更*/
.station_item > a {position: relative;z-index: 2;color: #fff;line-height: 54px;overflow: hidden;border-radius:50px;display: inline-block;width: 62px;height: 62px;text-align: center;
text-decoration: none;
outline: none;-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;padding: 0 5px 0 0px;letter-spacing: 2px;font-size: 14px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.station_item > a:hover {color: #fff;}
.station_item > a::after {top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: scale(.5);transform: scale(.5);}
.station_item > a:hover::after {-webkit-transform: scale(1);transform: scale(1);border-radius:50px;background-color:#fff;}
.station_item > a::before,.station_item > a::after {position: absolute;z-index: -1;display: block;content: '';}
.station_item > a,.station_item > a::before,.station_item > a::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;border-radius:50px;}
.fuwafuwa {-webkit-animation-name:fuwafuwa; -webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-name:fuwafuwa;-moz-animation-duration:2s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;  }  
/*エリアトップ東北マップ※追加分*/
.click_map{
	width:300px;
	margin:0 auto;
	position:relative;
	z-index:1000
}
@media screen and (min-height: 950px){
	.click_map{
		top:100px;
	}
	.page_title{
		top:280px;
	}
}
.click_map > a{
	position:absolute;
	width:70px;
	z-index:1005;
}
.click_map > a > img{
	width:100%;
}
.click_map > .tohoku_map{
	width:100%;
}
.blue{
	top:25px;
	right:63px;
}
.water{
	top:115px;
	right:24px;
}
.green{
	top:200px;
	right:50px;
}
.yellow{
	top:275px;
	right:85px;
}
.vermilion{
	bottom: 90px;
	right: 102px;
}
.red{
	bottom:35px;
	left:95px;
}
.blue:hover + .aomori_hover,
.water:hover + .iwate_hover,
.green:hover + .miyagi_hover,
.yellow:hover + .fukushima_hover,
.vermilion:hover + .tochigi_hover,
.red:hover + .saitama_hover{
	opacity:1;
	transition: .2s;
    -ms-transition: .2s;
    -webkit-transition: .2s;
}
.blue:hover > img, .water:hover > img, .green:hover > img, .yellow:hover > img,
.vermilion:hover > img, .red:hover > img{
}
.color_map{
	position:absolute;
	z-index:1003;
	top:0;
	width:300px;
}
.click_map > .tohoku_hover_map{
	width:160px;
	position:absolute;
	opacity:0;
	transition: .2s;
    -ms-transition: .2s;
    -webkit-transition: .2s;
}
.aomori_hover{
    top: -3px;
    right: 21px;
}
.iwate_hover{
	top:84px;
	right:-18px;
}
.miyagi_hover{
	top:177px;
	right:-6px;
}
.fukushima_hover{
	bottom:88px;
	right:42px;
}
.tochigi_hover{
	bottom:25px;
	right:56px;
}
.saitama_hover{
	right:88px;
	bottom:-27px;
}
/*自動アニメーション*/
.om_start > a::after{-webkit-animation-name:om_start; -webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-name:om_start;-moz-animation-duration:1.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;}
.om_start > a{-webkit-animation-name:om_text; -webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-name:om_text;-moz-animation-duration:1.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;}
.um_start > a::after{-webkit-animation-name:um_start; -webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-name:um_start;-moz-animation-duration:1.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;}
.um_start > a{-webkit-animation-name:um_text; -webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-name:um_text;-moz-animation-duration:1.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;}
.fs_start > a::after{-webkit-animation-name:fs_start; -webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-name:fs_start;-moz-animation-duration:1.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;}
.fs_start > a{-webkit-animation-name:fs_text; -webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-name:fs_text;-moz-animation-duration:1.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;}
.sd_start > a::after{-webkit-animation-name:sd_start; -webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-name:sd_start;-moz-animation-duration:1.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;}
.sd_start > a{-webkit-animation-name:sd_text; -webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-name:sd_text;-moz-animation-duration:1.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;}
.it_start > a::after{-webkit-animation-name:it_start; -webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-name:it_start;-moz-animation-duration:1.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;}
.it_start > a{-webkit-animation-name:it_text; -webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-name:it_text;-moz-animation-duration:1.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;}
.ao_start > a::after{-webkit-animation-name:ao_start; -webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-name:ao_start;-moz-animation-duration:1.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;}
.ao_start > a{-webkit-animation-name:ao_text; -webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-name:ao_text;-moz-animation-duration:1.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;}
.kb_start > a::after{-webkit-animation-name:kb_start; -webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-name:kb_start;-moz-animation-duration:1.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;}
.kb_start > a{-webkit-animation-name:kb_text; -webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-name:kb_text;-moz-animation-duration:1.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;}
/*アイコン動き案内アニメーション*/
@-webkit-keyframes om_start {
	0% {top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: scale(.5);transform: scale(.5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;border-radius:50px;}
	50% {-webkit-transform: scale(1);transform: scale(1);border-radius:50px;background-color:#fff;}
	100% {top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: scale(.5);transform: scale(.5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;border-radius:50px;}
}
@-webkit-keyframes um_start {
	0% {top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: scale(.5);transform: scale(.5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;border-radius:50px;}
	50% {-webkit-transform: scale(1);transform: scale(1);border-radius:50px;background-color:#fff;}
	100% {top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: scale(.5);transform: scale(.5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;border-radius:50px;}
}
@-webkit-keyframes fs_start {
	0% {top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: scale(.5);transform: scale(.5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;border-radius:50px;}
	50% {-webkit-transform: scale(1);transform: scale(1);border-radius:50px;background-color:#fff;}
	100% {top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: scale(.5);transform: scale(.5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;border-radius:50px;}
}
@-webkit-keyframes sd_start {
	0% {top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: scale(.5);transform: scale(.5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;border-radius:50px;}
	50% {-webkit-transform: scale(1);transform: scale(1);border-radius:50px;background-color:#fff;}
	100% {top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: scale(.5);transform: scale(.5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;border-radius:50px;}
}
@-webkit-keyframes it_start {
	0% {top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: scale(.5);transform: scale(.5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;border-radius:50px;}
	50% {-webkit-transform: scale(1);transform: scale(1);border-radius:50px;background-color:#fff;}
	100% {top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: scale(.5);transform: scale(.5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;border-radius:50px;}
}
@-webkit-keyframes ao_start {
	0% {top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: scale(.5);transform: scale(.5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;border-radius:50px;}
	50% {-webkit-transform: scale(1);transform: scale(1);border-radius:50px;background-color:#fff;}
	100% {top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: scale(.5);transform: scale(.5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;border-radius:50px;}
}
@-webkit-keyframes kb_start {
	0% {top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: scale(.5);transform: scale(.5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;border-radius:50px;}
	50% {-webkit-transform: scale(1);transform: scale(1);border-radius:50px;background-color:#fff;}
	100% {top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: scale(.5);transform: scale(.5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;border-radius:50px;}
}
@-webkit-keyframes om_text {
	0%{color:#fff;}
	50%{color:#a31523;}
	100%{color:#fff;}
}
@-webkit-keyframes um_text {
	0%{color:#fff;}
	50%{color:#b75911;}
	100%{color:#fff;}
}
@-webkit-keyframes fs_text {
	0%{color:#fff;}
	50%{color:#aaa01a;}
	100%{color:#fff;}
}
@-webkit-keyframes sd_text {
	0%{color:#fff;}
	50%{color:#6c9b4b;}
	100%{color:#fff;}
}
@-webkit-keyframes it_text {
	0%{color:#fff;}
	50%{color:#267e92;}
	100%{color:#fff;}
}
@-webkit-keyframes ao_text {
	0%{color:#fff;}
	50%{color:#29569a;}
	100%{color:#fff;}
}
@-webkit-keyframes kb_text {
	0%{color:#fff;}
	50%{color:#a00974;}
	100%{color:#fff;}
}
/*各バナー*/
.joblogo{width:960px;margin:0 auto;}
@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}
.real{display:none;z-index:2000;}
.test8{margin-top:0;animation: anime8 15s linear 0s infinite ;-moz-animation:anime8 15s linear 0s infinite ;-webkit-animation: anime8 15s linear 0s infinite ;-ms-animation: anime8 15s linear 0s infinite ;position: absolute;display:block;animation-play-state:running;-webkit-animation-play-state:running;-moz-animation-play-state:running;-o-animation-play-state:running;-ms-animation-play-state:running;}
.test8:hover{animation-play-state:paused;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;-ms-animation-play-state:paused;}
.real > p.image:first-of-type{display:block;}
.real > p.image{display:none;position:absolute;z-index:11;top:90px;right:31px;}
li.real > a:nth-of-type(1){display:block;}
li.real > a:nth-of-type(2){display:none;}
li.real > a:nth-of-type(3){display:none;}
li.real > a:nth-of-type(4){display:none;}
li.real > a:nth-of-type(5){display:none;}
li.real > a:nth-of-type(6){display:none;}
/*アニメーション*/
@keyframes anime8{
0% {top: 100%;right: 110%;}
10%{top: 94%;right: 98%;}
20% {top: 88%;right: 86%;}
30% {top: 94%;right: 74%;}
40% {top: 100%;right: 62%;}
50% {top: 94%;right: 50%;}
60% {top: 88%;right: 38%;}
70% {top: 94%;right: 26%;}
80% {top: 100%;right: 14%;}
90% {top: 94%;right: 2%;}
100% {top: 88%;right: -10%;}
}
@-moz-keyframes anime8{
0% {top: 100%;right: 110%;}
10%{top: 94%;right: 98%;}
20% {top: 88%;right: 86%;}
30% {top: 94%;right: 74%;}
40% {top: 100%;right: 62%;}
50% {top: 94%;right: 50%;}
60% {top: 88%;right: 38%;}
70% {top: 94%;right: 26%;}
80% {top: 100%;right: 14%;}
90% {top: 94%;right: 2%;}
100% {top: 88%;right: -10%;}
}
@-webkit-keyframes anime8{
0% {top: 100%;right: 110%;}
10%{top: 94%;right: 98%;}
20% {top: 88%;right: 86%;}
30% {top: 94%;right: 74%;}
40% {top: 100%;right: 62%;}
50% {top: 94%;right: 50%;}
60% {top: 88%;right: 38%;}
70% {top: 94%;right: 26%;}
80% {top: 100%;right: 14%;}
90% {top: 94%;right: 2%;}
100% {top: 88%;right: -10%;}
}
@-o-keyframes anime8{
0% {top: 100%;right: 110%;}
10%{top: 94%;right: 98%;}
20% {top: 88%;right: 86%;}
30% {top: 94%;right: 74%;}
40% {top: 100%;right: 62%;}
50% {top: 94%;right: 50%;}
60% {top: 88%;right: 38%;}
70% {top: 94%;right: 26%;}
80% {top: 100%;right: 14%;}
90% {top: 94%;right: 2%;}
100% {top: 88%;right: -10%;}
}
@-ms-keyframes anime8{
0% {top: 100%;right: 110%;}
10%{top: 94%;right: 98%;}
20% {top: 88%;right: 86%;}
30% {top: 94%;right: 74%;}
40% {top: 100%;right: 62%;}
50% {top: 94%;right: 50%;}
60% {top: 88%;right: 38%;}
70% {top: 94%;right: 26%;}
80% {top: 100%;right: 14%;}
90% {top: 94%;right: 2%;}
100% {top: 88%;right: -10%;}
}
@media screen and (min-height: 0px) and (max-height: 900px) {
	div.tohoku_area{width: 260px; height:700px; margin: 25px auto 0 auto; background: url(../image/tohoku_map.png) no-repeat; background-size: 400px; background-position: center -70px;}
	.primary_region > li:first-of-type{top: 61px; left: 75px;}
	.primary_region > li:nth-of-type(2){top: 142px; left: 118px;}
	.primary_region > li:nth-of-type(3){top: 256px; left: 71px;}
	.primary_region > li:nth-of-type(4){top: 295px; left: 2px;}
	.primary_region > li:nth-of-type(5){top: 375px; left: 90px;}
	.primary_region > li:last-of-type{top: 426px; left: 15px;}
}
/*ipad縦長時*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.bullet_train > img{width:650px;}
}
/*ipad横長時*/
@media screen and (min-width: 1024px) and (max-width: 1025px) {
	.shell{height:768px !important;position:fixed;top:0;background: url("http://www.girlsheaven-job.net/img/community/2/tohoku_train/www/image/loopback2.png") right center repeat-x !important;}
	#loopslide{bottom:30px !important;}
	.tohoku_area{background-size:350px !important;}
	.bullet_train > img{width:700px;}
	.primary_region > li:first-of-type{left:94px;top:44px;} 
	.primary_region > li:nth-of-type(2){left:132px;top:115px;} 
	.primary_region > li:nth-of-type(3){left:88px;top:215px;} 
	.primary_region > li:nth-of-type(4){left:25px;top:250px;} 
	.primary_region > li:nth-of-type(5){left:-40px;top:333px;} 
	.primary_region > li:last-of-type{left:45px;top:362px;} 
}
@media screen and (min-width: 1250px){
	.rectlong{display:block !important;}
}