@charset "Shift_JIS";

/* ================================
	Support
================================ */
.mt0{margin-top: 0;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}

.mr0{margin-right: 0;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}
.mr70{margin-right: 70px;}
.mr80{margin-right: 80px;}
.mr90{margin-right: 90px;}
.mr100{margin-right: 100px;}

.mb0{margin-bottom: 0;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}

.ml0{margin-left: 0;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.ml70{margin-left: 70px;}
.ml80{margin-left: 80px;}
.ml90{margin-left: 90px;}
.ml100{margin-left: 100px;}

.pt0{padding-top: 0;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}
.pt45{padding-top: 45px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt90{padding-top: 90px;}
.pt100{padding-top: 100px;}

.pr0{padding-right: 0;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr35{padding-right: 35px;}
.pr40{padding-right: 40px;}
.pr45{padding-right: 45px;}
.pr50{padding-right: 50px;}
.pr60{padding-right: 60px;}
.pr70{padding-right: 70px;}
.pr80{padding-right: 80px;}
.pr90{padding-right: 90px;}
.pr100{padding-right: 100px;}

.pb0{padding-bottom: 0;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.pb45{padding-bottom: 45px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb80{padding-bottom: 80px;}
.pb90{padding-bottom: 90px;}
.pb100{padding-bottom: 100px;}

.pl0{padding-left: 0;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}
.pl60{padding-left: 60px;}
.pl70{padding-left: 70px;}
.pl80{padding-left: 80px;}
.pl90{padding-left: 90px;}
.pl100{padding-left: 100px;}

div#world .fs05{font-size: 0.5em;}
div#world .fs08{font-size: 0.8em;}
div#world .fs09{font-size: 0.9em;}
div#world .fs12{font-size: 1.2em;}
div#world .fs14{font-size: 1.4em;}
div#world .fs16{font-size: 1.6em;}
div#world .fs18{font-size: 1.8em;}

div#world .w990 { width: 990px; }
div#world .w980 { width: 980px; }
div#world .w970 { width: 970px; }
div#world .w900 { width: 900px; }
div#world .w800 { width: 800px; }
div#world .w700 { width: 700px; }
div#world .w600 { width: 600px; }
div#world .w500 { width: 500px; }
div#world .w400 { width: 400px; }
div#world .w300 { width: 300px; }

div#world .tal { text-align: left; }
div#world .tac { text-align: center; }
div#world .tar { text-align: right; }

/* ================================
	Base
================================ */
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

div#world .clearfix:after {
	content: ".";  /* �V‚µ‚¢—v‘f‚ð�ì‚é */
	display: block;  /* ƒuƒ�ƒbƒNƒŒƒxƒ‹—v‘f‚É */
	clear: both;
	height: 0;
	visibility: hidden;
  }

div#world .clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

div#world ul, div#world li {
	list-style: none;
	list-style-position: outside;
}

div#world img{
	border: none;
	vertical-align: bottom;
}

div#world table {
	border-collapse: collapse;
	border-spacing: 0;
}

div#world a{
	text-decoration:none;
}

div#world a { outline: none; }
div#world a:focus{ outline: none; }

div#world a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-webkit-transition: all, 0.1s;
	transition: all, 0.1s;
}

div#world a:link { color: #0099FF; }
div#world a:visited { color: #0099FF; }
div#world a:hover { color: #ff6600; }
div#world a:active { color: #ff6600; }

div#world {
	text-align: center;
	font-family:  "Ÿà–¾’©", "YuMincho", "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©","ƒ�ƒCƒŠƒI", "Meiryo", serif;
	font-size: 17px;
	line-height: 1.5;
}

div#world, div.area {
	font-family:"ƒ�ƒCƒŠƒI", "Meiryo", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", "osaka", sans-serif;
	font-size: 14px;
	line-height: 1.5;
}


div#world br.pcNon, div#world br.spNon {
	display: none;
}

div#world .tc {
	text-align: center;
}

div#world .tl {
	text-align: left;
}

div#world .center {
	margin-left: auto;
	margin-right: auto;
}

/* ================================
	Starting
================================ */

.container{ width: 100%; }

.container.is-fix > .inner, .is-fix + .container > .inner {
	 width: 100%;;
	 max-width: 100%;
}

.container > .inner{ 
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

div#world {
	width: 100%;
	background: #fffde8;
}

div#world p.fs {
	font-size: 80%;
}

div#world.landing div.main {
	height: 400px;
	background: #003F98 url(../images/main_back.jpg) center top no-repeat;
	text-align: center;
	margin: 0 auto;
}

div#world div.points {
	width: 990px;
	margin: 20px auto;
}

div#world div.search li {
	margin-top: 10px;
}

div#world div.beautifulscenery {
	width: 100%;
	background: url("../images/beautifulscenery.jpg") center top no-repeat;
	margin: 40px auto 70px;
	position: relative;
}

div#world div.beautifulscenery ul {
	width: 990px;
	height: 590px;
	margin: 0 auto;
	position: relative;
}

div#world div.beautifulscenery li {
	width: 380px;
	height: 270px;
	background: #FFF;
	position: absolute;
}

div#world div.beautifulscenery li.hokkaido { top: 0px; right: 78px; }
div#world div.beautifulscenery li.kyushu { top: 280px; left: 400px; }
div#world div.beautifulscenery li.okinawa { bottom: 0px; left: 10px; }

div#world div.beautifulscenery li {
	width: 327px;
	height: 232px;
	background: #FFF;
	position: absolute;
}

div#world div.beautifulscenery li img {
	width: 327px;
	height: 232px;
}
div#world div.beautifulscenery li.hokkaido { top: 0px; right: 78px; }
div#world div.beautifulscenery li.kyushu { top: 240px; left: 413px; }
div#world div.beautifulscenery li.okinawa { bottom: 0px; left: 78px; }

div#world div.pagelink {
	width: 840px;
	margin: 60px auto 50px;
}

div#world div.pagelink p.headline {
	width: 510px;
	margin: 0 auto 20px;
}

div#world div.pagelink li {
	width: 400px;
}

div#world div.pagelink img {
	width: 100%;
}

div#world div.pagelink li.left {
	float: left;
}

div#world div.pagelink li.right {
	float: right;
}

div#world div.campaign_details {
	background: #cae9fa;
	padding: 50px 0;
	margin-top: 80px;
}


div#world div.link {
	width: 940px;
	padding: 20px 30px;
	margin: 0 auto;
	text-align: center;
	background: #FFF;
	border-top: 5px solid #00d0c3;
	border-bottom: 5px solid #00d0c3;
}

div#world div.link p {
	width: 730px;
	display: inline-block;
	text-align: left;
}

div#world div.link p.headline {
	width: 100%;
	display: block;
	text-align: center;
	font-size:16px;
	font-weight: bold;
	color: #003F98;
}

div#world div.link li {
	width: 430px;
	margin: 0 auto;
	font-size: 14px;
	font-weight: bold;
}

div#world div.link li a {
	padding: 1em 0;
	display: block;
}

div#world div.link li.jalan {
	float: left;
	background: #FF5800;
	background: #ff7800;
}

div#world div.link li.gototravel {
	float: right;
	background: #1babde;
	position: relative;
}

div#world div.link li.gototravel span {
	width: 100%;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
	position: absolute;
	bottom: 4px;
	text-align: center;
	display: block;
}

div#world div.link li a:link { color: #FFF; }
div#world div.link li a:visited { color: #FFF; }
div#world div.link li a:hover { color: #FFF; }
div#world div.link li a:active { color: #FFF; }

div#world div.gototravel a:link { color: #E82290; }
div#world div.gototravel a:visited { color: #E82290; }
div#world div.gototravel a:hover { color: #ff6600; }
div#world div.gototravel a:active { color: #ff6600; }

div#world div.gototop div.inner {
	width: 95%;
	max-width: 990px;
	margin: 0 auto;
	text-align: right;
	font-size: 14px;
}

div#world div.gototop div.inner {
	padding: 50px 0 20px;
}

/* ================================
	Area Pages
================================ */
div#world ul.spots_hokkaido li, div#world ul.spots_kyushu li, div#world ul.spots_okinawa li {
	position: absolute;
}

/* ================================
	Hokkaido
================================ */
div.hokkaido_world {
	background: #fffcd1;
	background: #fffde2;
}

div#world.hokkaido div.dots {
	width: 100%;
	max-width: 1160px;
	margin: 0 auto;
	background: #fcc900 url("../images/dots_w1160_20px.png") center top repeat-y;
}

div#world.hokkaido div.dots>div.inner {
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
}

div#world.hokkaido div.main {
	width: 100%;
	height: 400px;
	background: #ff931e url('../images/hokkaido/main_back.jpg') center top no-repeat;
	text-align: center;
}


div#world.hokkaido div.spots_wrap {
	width: 990px;
	margin: 0 auto;
	background: #fffcd1;
	position: relative;
}

div#world.hokkaido li.sapporo              { top:   705px; left:   35px; }
div#world.hokkaido li.jozankei             { top:   585px; left:   730px; }
div#world.hokkaido li.shiroikoibito        { top:   1150px; left:   118px; }
div#world.hokkaido li.nikka                { top:   1123px; left:   318px; }
div#world.hokkaido li.asahiyamazoo         { top:   1030px; left:   800px; }
div#world.hokkaido li.sankakuichiba        { top:   1350px; left:   285px; }
div#world.hokkaido li.otaruunga            { top:   1655px; left:   805px; }
div#world.hokkaido li.kanamoriakarengasoko { top:   1700px; left:   230px; }
div#world.hokkaido li.hakodateropeway      { top:   1800px; left:   768px; }
div#world.hokkaido li.goryokaku            { top:   1980px; left:   534px; }
div#world.hokkaido li.hakodatebeer         { top:   2085px; left:   375px; }
div#world.hokkaido li.crazyspice           { top:   1524px; left:   23px; }


/* ================================
	Kyushu
================================ */
div#world.kyushu div.dots {
	width: 100%;
	max-width: 1160px;
	margin: 0 auto;
	background: #baecc3 url("../images/dots_w1160_20px.png") center top repeat-y;
}

div#world.kyushu div.dots>div.inner {
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
}


div#world.kyushu div.spots_wrap {
	width: 990px;
	margin: 0 auto;
		background: #fefff9;
	position: relative;
}

div#world.kyushu div.main {
	width: 100%;
	height: 400px;
	background: #196b19 url('../images/kyushu/main_back.jpg') center top no-repeat;
	text-align: center;
}

div#world.kyushu li.dazaifu      { top:   417px; left:   197px; }
div#world.kyushu li.nakasu       { top:   624px; left:   815px; }
div#world.kyushu li.inasayama    { top:   875px; left:   130px; }
div#world.kyushu li.yufuin       { top:   1426px; left:   630px; }
div#world.kyushu li.beppu        { top:   1595px; left:   165px; }
div#world.kyushu li.musoen       { top:   1541px; left:   578px; }
div#world.kyushu li.amakusa      { top:   1730px; left:   180px; }
div#world.kyushu li.takachiho    { top:   2120px; left:   900px; }
div#world.kyushu li.toinomisaki  { top:   2230px; left:   45px;  }
div#world.kyushu li.saraku       { top:   2762px; left:   174px; }
div#world.kyushu li.kaimondake   { top:   2888px; left:   660px; }
div#world.kyushu li.syochumap    { top:   2895px; left:   43px;  }

div#world.kyushu li.syochumap span {
	padding: .5em 1em;
	background: #000;
	color: #FFF;
	font-size: 10px;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0;
}



div#world.kyushu div.search {
	width: 100%;
	background: url("../images/kyushu/search_back.jpg") center top no-repeat;
}

div#world.kyushu div.search ul {
	width: 820px;
	margin: 20px auto -15px;
}

div#world.kyushu div.search li {
	width: 240px;
	float: left;
	margin: 0 40px 15px 0;
}

div#world.kyushu div.search li img {
	width: 100%;
}

div#world.kyushu div.search li.mr {
	margin-right: 0;
}


/* ================================
	Okinawa
================================ */
div#world.okinawa div.dots {
	width: 100%;
	max-width: 1160px;
	margin: 0 auto;
	background: #8ad1eb url("../images/dots_w1160_20px.png") center top repeat-y;
}

div#world.okinawa div.dots>div.inner {
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
}

div#world.okinawa div.spots_wrap {
	width: 990px;
	margin: 0 auto;
	background: #fffcd1;
	position: relative;
}

div#world.okinawa div.main {
	width: 100%;
	height: 400px;
	background: #004998 url('../images/okinawa/main_back.jpg') center top no-repeat;
	text-align: center;
}

div#world.okinawa li.kourishima               { top:   435px; left:   400px; }
div#world.okinawa li.nakizingusuku               { top:   805px; left:   430px; }
div#world.okinawa li.churaumi               { top:   945px; left:   95px; }
div#world.okinawa li.mihama               { top:   961px; left:   710px; }
div#world.okinawa li.manzamo               { top:   1015px; left:   460px; }
div#world.okinawa li.ryukyugarasumura               { top:   1113px; left:   750px; }
div#world.okinawa li.kabirawan               { top:   1756px; left:   60px; }
div#world.okinawa li.tamatorizaki               { top:   1756px; left:  275px; }
div#world.okinawa li.taketomi               { top:  1890px; left:   255px; }
div#world.okinawa li.iriomote               { top:   2035px; left:   108px; }
div#world.okinawa li.yubushima               { top:  2192px; left:   240px; }
div#world.okinawa li.hateruma               { top:  2325px; left:   65px; }
div#world.okinawa li.yonahamaehama               { top:   1756px; left:  565px; }
div#world.okinawa li.irabuohashi               { top:   1756px; left:   825px; }
div#world.okinawa li.sunayamabeach               { top:   2030px; left:  595px; }
div#world.okinawa li.miyakokaichukoen               { top:  2030px; left:  812px; }
div#world.okinawa li.tentai               { top:  2320px; left:  605px; }
div#world.okinawa li.yukishio               { top: 2288px; left:   795px; }