@charset "utf-8";

.map .rakuraku_l{
	background: #f5f5f5;
	border: 4px solid #68d49f;
	width: 770px;
	height: auto;
	padding: 20px;
	position: absolute;
	top: 196px;
}
.map .rakuraku_l .request_right{
	width: 55%;
	float: left;
	border-right: 1px solid #000;
	padding-right: 20px;
	box-sizing: border-box;
}
.map .rakuraku_l .request_right > div{
	width: 232px;
	margin: 0 auto;
}
.map .rakuraku_l .request_right img{
	display: block;
	float: left;
	margin-right: 10px;
}
.map .rakuraku_l .request_left{
	width: 45%;
	height: 100%;
	padding-left: 30px;
	float: right;
	box-sizing: border-box;
}
.map .rakuraku_l p{
	font-size: 15px;
	color: #000;
	padding: 0;
	margin: 15px 0 0;
	line-height: 1.3em;
}

.map .rakuraku_l a{
	background-color: #68d49f;
	color: #fff;
	text-align: center;
	display: block;
	width: 100%;
	height: 36px;
	border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
  line-height: 36px;
	transition:background 0.5s,color 0.5s;
}
.map .rakuraku_l .raku_tit{
	color: #68d49f;
	font-weight: bold;
	font-size: 22px;
	text-align: left;
	margin: 0;
	float: left;
}
.map .rakuraku_l .raku_tit .raku_tit_sub{
	font-size: 13px;
	color: #000;
}
.map .rakuraku_l p{
	text-align: center;
	line-height: 1.4;
}
.map .rakuraku_l a:before{
  font-family: "FontAwesome";
  content: '\f105';
  padding-right: 5px;
}
.map .rakuraku_l a:hover{
	background-color: #5ef2ab;
}
.map .rakuraku_l a:hover:before{
    color: #fff;
}
#area_map .map .rakuraku_l{
	float: none;
}
.map_areatop .raku_left{
	left: 0;
	float: none;
}
.map {
	height: 644px;
	width: 1000px;
	text-align: center;
	position: relative;
	top: -78px;
}
*html .map dl {
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	clear: both;
}
.map dl {
	padding-top: 4px;
	padding-right: 6px;
	padding-left: 6px;
	margin: 0px;
	clear: both;
}
*html .map dt {
	padding-left: 2px;
	padding-bottom: 3px;
}
.map dt {
	color: #006428;
	font-weight: bold;
}
.map dd {
	margin: 0px;
	padding: 0px;
}
.map ul {
	margin: 0px;
	border: 1px none #FF0000;
	text-align: left;
	padding: 0px;
}
.map dt a{
	text-align: center;
	color: #221815;
	font-size: 21px;
	height: 47px;
	width: 203px;
	margin-bottom: 5px;
	list-style-type: none;
	margin-left: 5px;
	display: block;
	background-color: #d1c28b;
	line-height: 47px;
	text-decoration: none;
	padding-top: 5px;
}
.map li {
	text-align: center;
	width: 61px;
	height: 61px;
	list-style-type: none;
	display: table;
	position: absolute;
	box-sizing: border-box;
}
.map li.grayout{
	color: #fff;
	border: 3px solid #b5b5b5;
	background: #b5b5b5;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
}
.map li.grayout span{
	display: table-cell;
	vertical-align: middle;
}
.map li a {
	font-size: 16px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	text-decoration: none;
}
.map .sapporo, .map .tokyo, .map .osaka{
	width: 128px;
	height: 128px;
}
.map .tokyo a, .map .osaka a{
	font-size: 26px;
}
.map dt a:hover,
.map li a:hover {
	background-color: #e6bb14;
	color: #d82931;
	/*transition:background 0.5s,color 0.5s;*/
}
.map dt a.btn_east,
.map li a.btn_east{
	color: #fff;
	border: 3px solid #94cee9;
	border-radius: 5px;
	background-color: #94cee9;
	-webkit-transition-property: all;
  transition-property: all;
  -webkit-transition: 0.15s linear;
  transition: 0.15s linear;
}
.map dt a.btn_east:hover,
.map li a.btn_east:hover{
	background-color: #fff;
	color: #94cee9;
}
.map dt a.btn_west,
.map li a.btn_west{
	color: #fff;
	border: 3px solid #e99ba4;
	border-radius: 3px;
	background-color: #e99ba4;
	-webkit-transition-property: all;
  transition-property: all;
  -webkit-transition: 0.15s linear;
  transition: 0.15s linear;
}
.map dt a.btn_west:hover,
.map li a.btn_west:hover{
	background-color: #fff;
	color: #e99ba4;
}
.sapporo {top: 0; right: 0;}
.aomori{top: 133px; right: 67px;}
.akita{top: 199px; right: 67px;}
.iwate{top: 199px; right: 0;}
.yamagata{top: 265px; right: 67px;}
.sendai{top: 265px; right: 0;}
.fukushima{top: 331px; right: 0;}
.tochigi{top: 331px; right: 67px;}
.niigata{top: 331px; right: 134px;}
.toyama{top: 331px; right: 201px;}
.ishikawa{top: 331px; right: 268px;}
.gifu{top: 331px; right: 335px;}
.fukui{top: 331px; right: 402px;}
.kyoto{top: 331px; right: 469px;}
.kobe{top: 331px; right: 536px;}
.ibaraki{top: 397px; right: 0;}
.tokyo{top: 397px; right: 67px;}
.saitama{top: 397px; right: 201px;}
.gunma{top: 397px; right: 268px;}
.nagano{top: 397px; right: 335px;}
.shiga{top: 397px; right: 402px;}
.osaka{top: 397px; right: 469px;}
.tottori{top: 397px; right: 603px;}
.shimane{top: 397px; right: 670px;}
.chiba{top: 463px; right: 0;}
.yamanashi{top: 463px; right: 201px;}
.shizuoka{top: 463px; right: 268px;}
.nagoya{top: 463px; right: 335px;}
.mie{top: 463px; right: 402px;}
.okayama{top: 463px; right: 603px;}
.hiroshima{top: 463px; right: 670px;}
.yamaguchi{top: 463px; right: 737px;}
.fukuoka{top: 463px; right: 804px;}
.saga{top: 463px; right: 871px;}
.nagasaki{top: 463px; right: 938px;}
.yokohama{top: 529px; right: 134px;}
.nara{top: 529px; right: 469px;}
.wakayama{top: 529px; right: 536px;}
.kagawa{top: 529px; right: 603px;}
.ehime{top: 529px; right: 670px;}
.oita{top: 529px; right: 804px;}
.kumamoto{top: 529px; right: 871px;}
.tokushima{top: 595px; right: 603px;}
.kochi{top: 595px; right: 670px;}
.miyazaki{top: 595px; right: 804px;}
.kagoshima{top: 595px; right: 871px;}
.okinawa{top: 661px; right: 938px;}
.tokyo a, .osaka a, .yokohama a, .fukuoka a, .sapporo a, .sendai a, .saitama a, .chiba a, .nagoya a, .kyoto a, .kobe a, .hiroshima a{color: #fffb84 !important;}
.tokyo a:hover, .yokohama a:hover, .sapporo a:hover, .sendai a:hover, .saitama a:hover, .chiba a:hover{color: #94cee9 !important;}
.osaka a:hover, .fukuoka a:hover, .nagoya a:hover, .kyoto a:hover, .kobe a:hover, .hiroshima a:hover{color: #e99ba4 !important;}
.map .map_model01, .map .map_model02{
	display: block;
	position: absolute;
}
.map .map_model01{
	top: -39px;
	left: 40px;
	width: 120px;
	height: auto;
}
.map .map_model02{
	bottom: -128px;
	right: 0;
	width: 212px;
	height: auto;
}

/* 全国マップ用ツールチップ */
#toolpop {
	background: #29533f;
	border: 1px solid #FFFFFF;
	box-shadow:0 0 5px #fff, 0 0 5px #FFF, 0 0 1px #FFF;
	-webkit-box-shadow:0 0 5px #fff, 0 0 5px #FFF, 0 0 1px #FFF;
	-moz-box-shadow:0 0 5px #fff, 0 0 5px #FFF, 0 0 1px #FFF;
	display: none;
	position: absolute;
	z-index: 9999;
}
#toolpop:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 10px solid #29533f;
}
#toolpop ul {
	padding: 8px 8px 8px 3px;
}
#toolpop ul li {
	border-bottom: 1px solid #29533f;
	float: none;
	height: auto;
	margin-bottom: 0;
	width: 100%;
}
#toolpop ul li a {
	background: #FFFFFF;
	color: #29533f;
	font-size: 14px;
	text-align: center;
	height: auto;
	line-height: 1.5;
	padding: 10px 0;
}
#toolpop ul li a:hover {
	background: #e9d425;
}
#toolpop ul li:first-child a {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#toolpop ul li:last-child a {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
#toolpop p {
	margin: 0 0 6px;
}
#toolpop p a {
	color: #FFFFFF;
	display: block;
	font-size:  14px;
	text-decoration: none;
}
#toolpop p i {
	font-size: 16px;
	margin-right: 4px;
}
/* -----------------------------------------------------------------------------
** 地域トップ
----------------------------------------------------------------------------- */
.map_btn{
	list-style: none;
}
.map_btn li a{
	background-color: #d1c28b;
	color: #221815;
	font-size: 15px;
	font-weight: bold;
	display: block;
	height: 30px;
	width: 80px;
	line-height: 30px;
	padding-top: 3px;
	text-decoration: none;
	text-align: center;
}
.map_btn li a:hover{
	background-color: #e6bb14;
	color: #d82931;
}
.area_list_tit{
	font-weight: bold;
	font-size: 22px;
	margin-left: 5px;
	margin-bottom: 5px;
	text-shadow: 0 2px 0 #fff,2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}
.taken_btn_g li{
	list-style: none;
	position: absolute;
}
.map_btn li{
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 5px;
}
.taken_btn_g li a{
	background-color: #b3d465;
	padding: 8px 20px;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
.taken_btn_g li a i{
	font-size: 25px;
	margin-right: 5px;
	vertical-align: middle;
}
.taken_btn_g li a:hover{
	background-color: #c8e387;
}
.map_areatop {
	width: 1000px;
	height: 650px;
	position: relative;
}
.map_areatop .rakuraku_l{
	position: absolute;
	top: 0;
	right: 0;
}
/* height655px */
.map_areatop02 {
	width: 1000px;
	height: 655px;
  margin-bottom: 30px;
	position: relative;
}
.map_areatop02 .rakuraku_l{
	position: absolute;
	top: 0;
	right: 0;
}
.map .contact_map{
	padding: 5px 0;
}
.contact_map li{
	float: none;
	width: 280px;
	height: 20px;
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	color: #000;
	position: relative;
	padding-left: 28px;
	margin-bottom: 6px;
}
.contact_map li span{
	font-size: 15px;
	font-weight: normal;
	margin-left: 4px;
	margin-right: 10px;
}
.contact_map li:before{
	position: absolute;
	top: 2px;
	left: 0;
  content: "";
  height: 22px;
  width: 22px;
  border: 2px solid #fff;
}
.contact_map li:first-child:before{
  background: #83c0de;
}
.contact_map li:nth-child(2):before{
  background: #db8690;
}
/*東京*/
.map_tokyo {
	background: url(/img/area/tokyo/map/tokyo.gif) no-repeat;
}
#tokyo_soto {
	position: absolute;
	right: 10px;
	width: 365px;
	bottom: 20px;
}
.map_tokyo .taken_btn_g .saitama {
	top: 20px;
	left: 0px;
}
.map_tokyo .taken_btn_g .chiba {
	right: 60px;
	top: 360px;
}
.map_tokyo .taken_btn_g .kanagawa {
	bottom: 20px;
}
/*大阪*/
.map_osaka {
	background: url(/img/area/osaka/map/osaka.gif) no-repeat;
}
.map_osaka .taken_btn_g .kobe {
	top: 0;
}
.map_osaka .taken_btn_g .wakayama {
	bottom: 20px;
}
.map_osaka .taken_btn_g .kyoto{
	top: 250px;
	right: 0px;
}
.map_osaka .taken_btn_g .nara{
	right: 0;
	bottom: 20px;
}
#osaka_soto{
	position: absolute;
	right: 0;
	bottom: -50px;
    width: 330px;
}


/*札幌*/
.map_sapporo {
	background: url(/img/area/sapporo/map/sapporo.gif) no-repeat;
}
#sapporo_soto {
	position: absolute;
	right: 0;
	bottom: 20px;
	width: 113px;
}
/*宮城*/
.map_sendai {
	background: url(/img/area/sendai/map/sendai.gif) no-repeat;
}
#sendai_soto {
	position: absolute;
	right: 0;
	bottom: 50px;
	width: 113px;
}
/*福島*/
.map_fukushima {
	background: url(/img/area/fukushima/map/fukushima.gif) no-repeat;
}
/*埼玉*/
.map_saitama {
	background: url(/img/area/saitama/map/saitama.gif) no-repeat;
}
.map_saitama .taken_btn_g .s_tokyo {
	position: absolute;
	right: 60px;
	bottom: 10px;
}
#saitama_soto{
	position: absolute;
	right: 0;
	bottom: 150px;
	width: 153px;
}
/*千葉*/
.map_chiba {
	background: url(/img/area/chiba/map/chiba.gif) no-repeat;
}
.map_chiba .taken_btn_g .s_tokyo{
	position: absolute;
	left: 0;
	bottom: 80px;
}
/*栃木*/
.map_tochigi {
	background: url(/img/area/tochigi/map/tochigi.gif) no-repeat;
}
/*茨城*/
.map_ibaraki {
	background: url(/img/area/ibaraki/map/ibaraki.gif) no-repeat;
}
/*岩手*/
.map_iwate {
	background: url(/img/area/iwate/map/iwate.gif) no-repeat;
}
/*神奈川*/
.map_yokohama {
	background: url(/img/area/yokohama/map/yokohama.gif) no-repeat;
}
.map_yokohama .taken_btn_g .y_tokyo {
	top: 20px;
	left: 160px;
}
#yokohama_soto {
	position: absolute;
	right: 80px;
	bottom: 80px;
}
#yokohama_soto .map_btn li a{
	width: 150px;
}
/*群馬*/
.map_gunma {
	background: url(/img/area/gunma/map/gunma.gif) no-repeat;
}
/*山梨*/
.map_yamanashi {
	background: url(/img/area/yamanashi/map/yamanashi.gif) no-repeat;
}
/*新潟*/
.map_niigata {
	background: url(/img/area/niigata/map/niigata.gif) no-repeat;
}
/*長野*/
.map_nagano {
	background: url(/img/area/nagano/map/nagano.gif) no-repeat;
}
/*石川*/
.map_ishikawa {
	background: url(/img/area/ishikawa/map/ishikawa.gif) no-repeat;
}
/*静岡*/
.map_shizuoka {
	background: url(/img/area/shizuoka/map/shizuoka.gif) no-repeat;
}
/*名古屋*/
.map_nagoya {
	background: url(/img/area/nagoya/map/nagoya.gif) no-repeat;
}
#nagoya_soto{
	position: absolute;
	right: 10px;
	width: 125px;
}
#nagoya_soto ul.map_btn li a {
	width: 120px;
}
#nagoya_soto {
	position: absolute;
	right: 0;
	bottom: 50px;
}
/*三重*/
.map_mie {
	background: url(/img/area/mie/map/mie.gif) no-repeat;
}
/*滋賀*/
.map_shiga {
	background: url(/img/area/shiga/map/shiga.gif) no-repeat;
}
/*京都*/
.map_kyoto {
	background: url(/img/area/kyoto/map/kyoto.gif) no-repeat;
}
/*兵庫*/
.map_kobe {
	background: url(/img/area/kobe/map/kobe.gif?191120) no-repeat;
}
/*奈良*/
.map_nara {
	background: url(/img/area/nara/map/nara.gif) no-repeat;
}
/*和歌山*/
.map_wakayama {
	background: url(/img/area/wakayama/map/wakayama.gif) no-repeat;
}
/*岡山*/
.map_okayama {
	background: url(/img/area/okayama/map/okayama.gif) no-repeat;
}
/*広島*/
.map_hiroshima {
	background: url(/img/area/hiroshima/map/hiroshima.gif) no-repeat;
}
#hiroshima_soto{
	position: absolute;
	right: 10px;
	width: 105px;
	bottom: 10px;
}
/*香川*/
.map_kagawa {
	background: url(/img/area/kagawa/map/kagawa.gif) no-repeat;
}
/*愛媛*/
.map_ehime {
	background: url(/img/area/ehime/map/ehime.gif) no-repeat;
}
.map_kochi {
	background: url(/img/area/kochi/map/kochi.gif) no-repeat;
}
/*福岡*/
.map_fukuoka {
	background: url(/img/area/fukuoka/map/fukuoka.gif) no-repeat;
}
#fukuoka_soto{
	position: absolute;
	right: 10px;
	width: 105px;
	top: 180px;
}
#fukuoka_soto ul.map_btn li a {
	font-size: 17px;
	line-height: 1.3;
}
#fukuoka_soto ul.map_btn li a span {
	display: block;
	font-size: 13px;
}
#fukuoka_soto .map_btn li a{
	height: 36px;
	width: 76px;
	text-align: left;
	padding-left: 7px;

}
/*熊本*/
.map_kumamoto {
	background: url(/img/area/kumamoto/map/kumamoto.gif) no-repeat;
}
/*鹿児島*/
.map_kagoshima {
	background: url(/img/area/kagoshima/map/kagoshima.gif) no-repeat;
}
/*沖縄*/
.map_okinawa {
	background: url(/img/area/okinawa/map/okinawa.gif) no-repeat;
}
#okinawa_soto{
	position: absolute;
	right: 10px;
	width: 155px;
	top: 180px;
}
#okinawa_soto ul.map_btn li a {
	width: 150px;
}
/*山口*/
.map_yamaguchi {
	background: url(/img/area/yamaguchi/map/yamaguchi.gif) no-repeat;
}
/*長崎*/
.map_nagasaki {
	background: url(/img/area/nagasaki/map/nagasaki.gif) no-repeat;
}