@charset "UTF-8";

/*
ko-KR
*/

/* =========================================================
free paper
========================================================= */
#freepaper {
	clear: both;
	/* 
	paginationがない時：　margin: 0 20px 0px 35px
	paginationがある時：　margin: 0 20px 10px 35px;
	*/
	margin: 0 20px 10px 35px;
}
#freepaper div.cat {
	background: url(/img/common/top/cat_bg.png) repeat-x 0 0;
	height: 63px;
}
#freepaper div.cat div {
	background: url(/img/common/top/cat_freepaper_img.png) no-repeat 100% 0;
}
#freepaper div.cat div h3 {
	background: url(/img/kor/top/cat_freepaper_title.png) no-repeat 0 18px;
	width: 258px;
	height: 63px;
}
#freepaper div.cat div h3 span {
	display: none;
}
#freepaper .box {
	display: block;
	text-align: center;
	vertical-align: middle;
	margin: -10px 0 0 0;
}
#freepaper .box a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-color: #efefef;
	padding: 8px;
	margin: 0 8px;
	min-width: 117px;
}
#freepaper .box a:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
}
#freepaper .box img {
	display: block;
	vertical-align: middle;
	margin: 0 auto;
	max-width: 125px;
	max-height: 142px;
}
#freepaper .swiper-pagination {
	margin-top: 15px;
	position: static;
}
#freepaper .swiper-button-next, 
#freepaper .swiper-button-prev {
	top: 43%;
}
#freepaper .swiper-wrapper {
	align-items: center;
}
/* =========================================================
News Ad / reset
========================================================= */
#newsad {
	clear: both;
	margin: 0 20px 20px 30px;
}

/* =========================================================
hnews
========================================================= */

#headline {
	clear: both;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	margin: 0 15px 20px 30px;
}
#hnews {
	clear: both;
}
#hnews a {
	display: block;
	color: #333333;
}
#hnews .wrap {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
#hnews .wrap .left {
	display: table-cell;
	vertical-align: top;
	padding-right: 9px;
	width: 70%;
}
/* -----------------------------------------------
left
----------------------------------------------- */
#hnews .wrap .left .box {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
#hnews .wrap .left .box .main {
	display: table-cell;
	vertical-align: top;
	background: url(/img/common/top/bg_hnews.png) no-repeat 0 0;
	padding: 2px 0;
}

#hnews .wrap .left .box .wrap {
	display: block;
	border-top: 1px solid #ff6600;
}
#hnews .wrap .left .box .wrap span {
	display: none;
}
#hnews .wrap .left .box .wrap .new {
	background-image: url(/img/common/top/icon_new_large.png);
	background-size: 62px 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: -11px;
	width: 62px;
	height: 20px;
}
#hnews .wrap .left .box .wrap .update {
	background-image: url(/img/common/top/icon_update_large.png);
	background-size: 62px 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: -11px;
	width: 62px;
	height: 20px;
}
#hnews .wrap .left .box dt {
	font-size: 15px;
	font-weight: bold;
	line-height: 126%;
	border-bottom: 1px solid #e6e6e6;
	padding: 12px 10px 9px 0;
	margin-bottom: 10px;
}
#hnews .wrap .left .box dt span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	max-height: 2.3em;
	width: auto;
}
#hnews .wrap .left .box dd {
	line-height: 137%;
	margin-right: 10px;
}
#hnews .wrap .left .box dd p {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	max-height: 6.5em;
	width: auto;
}
#hnews .wrap .left .box dd div {
	color: #999933;
	margin-top: 5px;
}
#hnews .wrap .left .box dd span {
	display: inline-block;
	color: #ff0000;
	text-align: center;
	background-color: #ffff66;
	padding: 2px 10px 0 10px;
	margin: 0 0 0 0;
}
#hnews .wrap .left .box .image {
	display: table-cell;
	vertical-align: top;
	background-color: #f7f7f7;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	width: 270px;
	height: 200px;
}
#hnews .wrap .left .box:hover .image {
	opacity: 0.60;
	-moz-opacity: 0.60;
	filter: alpha(opacity=60);
	zoom:1;
}
/* new open */
#hnews .wrap .left .box .image div {
	position: relative;
	background: url(/img/common/top/icon_newopen.png) no-repeat 0 0;
	margin: 0 0 0 -10px;
	width: 54px;
	height: 54px;
}
#hnews .wrap .left .box .image div span {
	display: none;
}
/* -----------------------------------------------
left / howto
----------------------------------------------- */

#hnews .wrap .left .howto {
	background-image: url(/img/common/top/howto_bg.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	text-align: center;
	margin: 0 auto;
	height: 190px;
}
#hnews .wrap .left .howto a {
	display: block;
}
#hnews .wrap .left .howto .wrap {
	display: table-cell;
	vertical-align: middle;
	background-image: url(/img/common/top/howto_vivichan.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 255px;
	height: 190px;
}
#hnews .wrap .left .howto  dl {
	text-align: left;
	margin: 0 20px;
}
#hnews .wrap .left .howto dt {
	background-image: url(/img/kor/top/howto_title.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-bottom: 5px;
	min-width: 370px;
	height: 41px;
}
#hnews .wrap .left .howto dt span {
	display: none;
}
#hnews .wrap .left .howto dd {
	font-size: 14px;
	line-height: 137%;
}
#hnews .wrap .left .howto .desc {
	text-align: center;
	margin: 10px 0;
}
#hnews .wrap .left .howto .desc span {
	display: inline-block;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background-color: #ff6600;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border: 3px solid #ff6600;
	border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
	padding: 5px 20px;
}
#hnews .wrap .left .howto a:hover .desc span {
	background-color: #ffcc00;
	border: 3px solid #ffcc00;
}

/* -----------------------------------------------
right
----------------------------------------------- */

#hnews .wrap .right {
	display: table-cell;
	vertical-align: top;
	padding-left: 1px;
}
#hnews .wrap .right .ci {
	background-color: #f7f7f7;
	border: 2px solid #e6e6e6;
	border-radius: 10px;
	padding: 10px 0 10px 10px;
	height: 176px;
}
#hnews .wrap .right .ci .box {
	display: table;
	border-collapse: collapse;
	width: 100%;
}
#hnews .wrap .right .ci .main {
	display: table-cell;
	vertical-align: top;
}
#hnews .wrap .right .ci .main .image {
	vertical-align: bottom;
	border: 1px solid #cbcbcd;
	background-color: #ffffff;
	padding: 2px;
}
#hnews .wrap .right .ci .main .image div {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	width: 166px;
	height: 125px;
}
#hnews .wrap .right .ci .main .image div:hover {
	opacity: 0.60;
	-moz-opacity: 0.60;
	filter: alpha(opacity=60);
	zoom:1;
}
#hnews .wrap .right .ci .main span {
	text-align: center;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	margin: 5px 0 0 0;
	height: 1em;
	width: auto;
}
#hnews .wrap .right .ci .main .link {
	text-align: center;
	font-size: 11px;
	margin: 5px 0 0 0;
}
#hnews .wrap .right .ci .main .link a {
	color: #999933;
}
#hnews .wrap .right .ci .list {
	display: table-cell;
	vertical-align: top;
}
#hnews .wrap .right .ci .list .cam {
	position: relative;
	background: url(/img/common/top/icon_ci.png) no-repeat 100% 0;
	margin: -30px 10px 0 0;
	width: 100%;
	min-width: 61px;
	height: 48px;
}
#hnews .wrap .right .ci .list .thumb {
	position: relative;
	display: block;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	margin-top: -14px;
	width: auto;
	height: 161px;
}
#hnews .wrap .right .ci .list .thumb a {
	display: inline-block;
	vertical-align: middle;
	margin: 2px;
}
#hnews .wrap .right .ci .list .thumb a:hover {
	opacity: 0.60;
	-moz-opacity: 0.60;
	filter: alpha(opacity=60);
	zoom:1;
}
#hnews .wrap .right .ci .list .thumb img {
	vertical-align: bottom;
	border: 1px solid #e8ece9;
	background-color: #ffffff;
	padding: 2px;
	width: 30px;
	height: 30px;
}

/* =========================================================
topics
========================================================= */

#topics {
	clear: both;
	margin: 0 -5px;
}
#topics .wrap {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	background: url(/img/common/top/bg_topics.png) no-repeat 100% 100%;
	width: 100%;
}
#topics .wrap .box {
	display: table-cell;
	vertical-align: top;
	width: 20%;
}
#topics .wrap .box ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#topics .wrap .box li {
	position: relative;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	margin: 10px 5px 0 5px;
}
#topics .wrap .box li:hover {
	border: 1px solid #ffffff;
}
#topics .wrap .box li a {
	display: block;
	color: #333333;
}
#topics .wrap .box li .image {
	background-color: #f7f7f7;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	height: 135px;
}
#topics .wrap .box li:hover .image {
	opacity: 0.60;
	-moz-opacity: 0.60;
	filter: alpha(opacity=60);
	zoom:1;
}
#topics .wrap .box li .image span {
	display: none;
}
#topics .wrap .box li dl {
	line-height: 126%;
	background-color: #ffffff;
	padding: 8px;
}
#topics .wrap .box li dt {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	margin-bottom: 5px;
	max-height: 6.2em;
	width: auto;
}
/* -----------------------------------------------
new
----------------------------------------------- */
#topics li div.new {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(/img/common/top/icon_new_large.png);
	background-size: 62px 20px;
	background-repeat: no-repeat;
	background-position: 100% 0;
	border-top-right-radius: 3px;
	width: 62px;
	height: 20px;
	z-index: 2;
}
#topics li div.new span {
	display: none;
}
/* -----------------------------------------------
update
----------------------------------------------- */
#topics li div.update {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(/img/common/top/icon_update_large.png);
	background-size: 62px 20px;
	background-repeat: no-repeat;
	background-position: 100% 0;
	border-top-right-radius: 3px;
	width: 62px;
	height: 20px;
	z-index: 2;
}
#topics li div.update span {
	display: none;
}

/* -----------------------------------------------
tg
----------------------------------------------- */

#topics li.tg dd {
	color: #999933;
	font-size: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	height: 1.5em;
	width: auto;
}

/* new open */
#topics li.tg .image div.newopen {
	background: url(/img/common/top/icon_newopen.png) no-repeat 0 100%;
	height: 135px;
}
#topics li.tg .date {
	color: #ff0000;
	text-align: center;
	background-color: #ffff66;
	padding: 4px 4px 1px 4px;
}

/* -----------------------------------------------
cf
----------------------------------------------- */

#topics li.cf .image div.coupon {
	background: url(/img/common/top/icon_coupon.png) no-repeat 0 100%;
	margin-left: -3px;
	height: 135px;
}
#topics li.cf dd {
	color: #999933;
	font-size: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	height: 1.5em;
	width: auto;
}
/* -----------------------------------------------
ls
----------------------------------------------- */

#topics li.ls dt {
	margin-bottom: 5px;
}
#topics li.ls dd {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
#topics li.ls dd div:first-child {
	display: table-cell;
	vertical-align: middle;
	line-height: 100%;
	padding-right: 5px;
	width: 100%;
}
#topics li.ls dd div:first-child span:first-child {
	display: block;
	color: #999933;
	font-size: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	margin-bottom: 2px;
	height: 1.2em;
	width: auto;
}
#topics li.ls dd div:first-child span:last-child {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	height: 1em;
	width: auto;
}
#topics li.ls dd div:last-child {
	display: table-cell;
	vertical-align: middle;
}
#topics li.ls dd div:last-child img {
	vertical-align: bottom;
	width: 28px;
	height: 23px;
}

/* =========================================================
tg category
========================================================= */

#tg-cat {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	border: 2px solid #8f8f5f;
	border-radius: 3px;
	background-color: #f7f6f5;
	padding: 10px 15px 15px 15px;
	margin: 0 20px 20px 35px;
}
#tg-cat dl {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 5px;
	width: 100%;
}
#tg-cat dl span {
	display: none;
}
#tg-cat dt {
	display: table-cell;
	vertical-align: middle;
}
#tg-cat dt a {
	display: inline-block;
	background: url(/img/kor/top/title_tg.png) no-repeat 0 0;
	width: 112px;
	height: 26px;
}
#tg-cat dd {
	color: #42150a;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	padding-left: 5px;
	width: 100%;
}
#tg-cat table {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px dotted #e8e5e2;
	width: 100%;
}
#tg-cat td {
	border-bottom: 1px dotted #e8e5e2;
	padding: 5px;
}
#tg-cat td.none {
	border-bottom: none;
}
#tg-cat td img {
	vertical-align: middle;
	margin-right: 4px;
	width: 15px;
	height: 15px;
}

/* =========================================================
search
========================================================= */

#search-top {
	clear: both;
	border: 2px solid #ff6600;
	border-radius: 3px;
	background-color: #f7f6f5;
	padding: 15px;
	margin: 0 20px 20px 35px;
}
#search-top .box {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
#search-top .left {
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
}
#search-top .left select {
	padding: 5px;
}
#search-top .left input {
	padding: 6px;
}
#search-top .left dt {
	background: url(/img/kor/top/title_search.png) no-repeat 0 100%;
	height: 17px;
	margin-bottom: 5px;
}
#search-top .left dt span {
	display: none;
}
#search-top .left dd {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
#search-top .left dd .area {
	display: table-cell;
	vertical-align: middle;
	padding-right: 5px;
}
#search-top .left dd .service {
	display: table-cell;
	vertical-align: middle;
	padding-right: 5px;
}
#search-top .left dd .keyword {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
#search-top .right {
	display: table-cell;
	vertical-align: middle;
	width: 1%;
}
#search-top .right span {
	display: none;
}

/* =========================================================
promotion
========================================================= */

#sc {
	margin: 0 10px 20px 35px;
}
#sc ul {
	list-style-type: none;
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	margin: 0;
	width: 100%;
}
#sc li {
	display: table-cell;
	text-align: center;
	padding-right: 10px;
}
#sc li img {
	vertical-align: bottom;
}
#sc li a {
	display: block;
	padding: 0 10px;
}
#sc li .shiawase {
	border: 1px solid #708090;
	background: #cce5ff url(/img/common/top/sc_shiawase_bg.png) repeat-x 0 0;
}
#sc li .lunch {
	border: 1px solid #4e454a;
	background-color: #e5e6cf;
}
#sc li .dinner {
	border: 1px solid #653f22;
	background-color: #fefcf8;
}

/* =========================================================
photo
========================================================= */

#photo {
	clear: both;
	margin: 0 20px 20px 35px;
}
#photo div.cat {
	background: url(/img/common/top/cat_bg.png) repeat-x 0 0;
	height: 63px;
}
#photo div.cat div {
	background: url(/img/common/top/cat_photo_img.png) no-repeat 100% 0;
}
#photo div.cat div h3 {
	background: url(/img/kor/top/cat_photo_title.png) no-repeat 0 18px;
	width: 193px;
	height: 63px;
}
#photo div.cat div h3 span {
	display: none;
}
#photo div.box {
	display: block;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	margin: -10px 0 0 0;
	width: auto;
	height: 64px;
}
#photo div.box a {
	position: relative;
	display: inline-block;
}
#photo div.box a .new {
	display: block;
	letter-spacing: normal;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/img/common/common/icon_new.gif) no-repeat 0 0;
	width: 22px;
	height: 9px;
	z-index: 2;
}
#photo div.box a .new span {
	display: none;
}
#photo div.box img {
	vertical-align: middle;
	border: 1px #e8ece9 solid;
	padding: 1px;
	margin: 0 2px;
	max-width: 86px;
	max-height: 65px;
}
#photo div.box img:first-of-type {
	margin: 0 2px 0 0;
}
#photo div.box img:last-of-type {
	margin: 0 0 0 2px;
}
#photo div.box img:hover {
	border: 1px solid #ffffff;
	opacity: 0.60;
	-moz-opacity: 0.60;
	filter: alpha(opacity=60);
}
/* =========================================================
catcher
========================================================= */
#catcher {
	position: relative;
	height: 360px;
	margin: 0 20px 30px 35px;
	background-color: #fffcf1;
}
/* -----------------------------------------------
image
----------------------------------------------- */
#catcher .image {
	position: absolute;
	top: 0;
	left: 0;
	height: 360px;
	overflow: hidden;
}
#catcher .image div {
	float: left;
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow: hidden;
}
#catcher .image div:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#catcher .image div a {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	min-height: 120px;
}
/* -----------------------------------------------
search box
----------------------------------------------- */
#catcher .box {
	position: absolute;
	top: 25%;
	left: 50%;
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: rgba(255,220,0,0.8);
	border-radius: 5px;
	margin: 0 0 0 -405px;
	min-width: 810px;
	min-height: 185px;
}
#catcher .box .body {
	display: table-cell;
	vertical-align: middle;
	background-size: 136px 170px;
	background-repeat: no-repeat;
	background-position: 25px 100%;
	padding: 25px;
}
#catcher .box .body .wrap {
	padding-left: 140px;
}
#catcher .box .body .wrap span {
	display: none;
}
#catcher .box .body h3 {
	text-align: center;
	margin: 0 48px 6px 0;
}
#catcher .box .body p {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 14px;
	line-height: 126%;
	margin-bottom: 6px;
}
#catcher .searchbar {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 20px;
	width: 100%;
}
#catcher .searchbar div {
	display: table-cell;
	vertical-align: middle;
}
#catcher .searchbar div:first-child {
	padding-right: 10px;
	width: 100%;
}
#catcher .searchbar div input[type="text"] {
	font-size: 14px;
	border: none;
	border-radius: 3px;
	padding: 8px;
}
/* =========================================================
HI観光情報
========================================================= */
#ss-hi {
	position: relative;
	height: 360px;
	margin: 0 20px 30px 35px;
	background-color: #fffcf1;
	overflow: hidden;
}
/* -----------------------------------------------
image
----------------------------------------------- */
#ss-hi .image {
	position: absolute;
	top: 0;
	left: 0;
	height: 360px;
	overflow: hidden;
}
#ss-hi .image div {
	float: left;
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow: hidden;
}
#ss-hi .image div:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#ss-hi .image div a {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	min-height: 180px;
}
/* -----------------------------------------------
box
----------------------------------------------- */
#ss-hi .frame {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(252,250,212,0.9);
	border-radius: 50%;
	width: 420px;
	height: 420px;
}
#ss-hi .frame .box {
	text-align: center;
	position: absolute;
	top: 110px;
	left: 50%;
	transform: translateX(-50%);
	min-height: 160px;
}
#ss-hi .frame h3 img {
	display: inline-block;
	vertical-align: bottom;
	min-height: 160px;
}
#ss-hi .frame .button {
	margin-top: 25px;
}
#ss-hi .frame .button a {
	display: inline-block;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	font-size: 15px;
	line-height: 1;
	color: #ffffff;
	background-color: #2baa8d;
	padding: 12px 20px;
	border-radius: 3px;
}
/* =========================================================
世界就活ウィーク 画像
========================================================= */
#shukatsu_world {
	position: relative;
	height: 360px;
	margin: 0 20px 0 35px;
	background-color: #e9f3ff;
	overflow: hidden;
}
/* -----------------------------------------------
image
----------------------------------------------- */
#shukatsu_world .image {
	position: absolute;
	top: 0;
	left: 0;
	height: 360px;
	overflow: hidden;
}
#shukatsu_world .image div {
	float: left;
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow: hidden;
}
#shukatsu_world .image div:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#shukatsu_world .image div a {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	min-height: 180px;
}
/* -----------------------------------------------
box
----------------------------------------------- */
#shukatsu_world .frame {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0,104,220,.9);
	border-radius: 50%;
	width: 470px;
	height: 470px;
}
#shukatsu_world .frame .box {
	text-align: center;
	position: absolute;
	top: 95px;
	left: 50%;
	transform: translateX(-50%);
	min-height: 205px;
}
#shukatsu_world .frame h3 img {
	display: inline-block;
	vertical-align: bottom;
	min-height: 205px;
}
#shukatsu_world .frame .button {
	margin-top: 25px;
}
#shukatsu_world .frame .button a {
	display: inline-block;
	text-align: center;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	font-size: 16px;
	font-weight: bold;
	color: #0068dc;
	background: linear-gradient(180deg, #fff660, #e8db00);
	border-radius: 100px;
	padding: 20px 30px;
	min-width: 150px;
}
/* =========================================================
世界就活ウィーク 参加企業リスト
========================================================= */
#shukatsu_world_company {
	background-color: #e9f3ff;
	margin: 0 20px 30px 35px;
	padding: 20px;
}
#shukatsu_world_company .title {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	line-height: 1;
	color: #0068dc;
	margin-bottom: 15px;
}
#shukatsu_world_company .box {
	display: table; 
	border-collapse: collapse; 
	border-spacing: 0; 
	table-layout: fixed; 
	width: 100%;
}
#shukatsu_world_company .list {
	display: table-cell;
	padding-right: 5px;
}
#shukatsu_world_company .list ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	column-count: 3;
	column-gap: 10px;
}
#shukatsu_world_company .list li {
	display: inline-block;
	font-size: 0;
	border-bottom: 1px solid #d8eaff;
	padding: 4px 0;
	width: 100%;
}
#shukatsu_world_company .list li .info {
	display: table;
	border-collapse: collapse; 
	border-spacing: 0;
}
#shukatsu_world_company .list li a {
	color: #0068dc;
}
#shukatsu_world_company .list li a:hover {
	color: #ffcc00;
}
#shukatsu_world_company .list li .cate {
	display: table-cell;
	text-align: center;
	line-height: 1.2;
}
#shukatsu_world_company .list li .cate span {
	display: inline-block;
	font-size: 10px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	background-color: #49bcbd;
	color: #ffffff;
	padding: 2px;
	margin-right: 5px;
	border-radius: 3px;
	width: 75px;
}
#shukatsu_world_company .list li .name {
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
	line-height: 1.4;
}
#shukatsu_world_company .list li .name span {
	color: #999999;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.3;
}
/* =========================================================
service
========================================================= */

/* -----------------------------------------------
3 column
----------------------------------------------- */

#service {
	clear: both;
	margin: 0 10px 0 25px;
}
#service .content {
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
#service .content .section {
	display: table-cell;
	vertical-align: top;
	padding: 0 10px;
}

/* -----------------------------------------------
category
----------------------------------------------- */
#service .cat {
	background: url(/img/common/top/cat_bg.png) repeat-x 0 0;
	margin-bottom: -5px;
	height: 63px;
}
#service .cat h3 {
	height: 63px;
}
#service .cat h3 span {
	display: none;
}
#service .cat .outing {
	background: url(/img/common/top/cat_outing_img.png) no-repeat 100% 0;
}
#service .cat .outing h3 {
	background: url(/img/kor/top/cat_outing_title.png) no-repeat 0 18px;
}
#service .cat .life {
	background: url(/img/common/top/cat_life_img.png) no-repeat 100% 0;
}
#service .cat .life h3 {
	background: url(/img/kor/top/cat_life_title.png) no-repeat 0 18px;
}
#service .cat .buysell {
	background: url(/img/common/top/cat_buysell_img.png) no-repeat 100% 0;
}
#service .cat .buysell h3 {
	background: url(/img/kor/top/cat_buysell_title.png) no-repeat 0 18px;
}
#service .cat .housing {
	background: url(/img/common/top/cat_housing_img.png) no-repeat 100% 0;
}
#service .cat .housing h3 {
	background: url(/img/kor/top/cat_housing_title.png) no-repeat 0 15px;
}
#service .cat .join {
	background: url(/img/common/top/cat_join_img.png) no-repeat 100% 0;
}
#service .cat .join h3 {
	background: url(/img/kor/top/cat_join_title.png) no-repeat 0 18px;
}
#service .cat .info {
	background: url(/img/common/top/cat_info_img.png) no-repeat 100% 0;
}
#service .cat .info h3 {
	background: url(/img/kor/top/cat_info_title.png) no-repeat 0 18px;
}
#service .cat .comm {
	background: url(/img/common/top/cat_comm_img.png) no-repeat 100% 0;
}
#service .cat .comm h3 {
	background: url(/img/kor/top/cat_comm_title.png) no-repeat 0 17px;
}

/* -----------------------------------------------
service segments
----------------------------------------------- */
#service .section .box {
	margin-bottom: 15px;
}
/* -----------------------------------------------
service title
----------------------------------------------- */
#service h4  {
	margin-bottom: 8px;
}
#service h4 a {
	display: block;
	height: 26px;
}
#service h4 a span {
	display: none;
}
#service .tg h4 a {
	background: url(/img/kor/top/title_tg.png) no-repeat 0 0;
	width: 112px;
}
#service .cf h4 a {
	background: url(/img/kor/top/title_cf.png) no-repeat 0 0;
	width: 96px;
}
#service .ev h4 a {
	background: url(/img/kor/top/title_ev.png) no-repeat 0 0;
	width: 96px;
}
#service .cj h4 a {
	background: url(/img/kor/top/title_cj.png) no-repeat 0 0;
	width: 113px;
}
#service .ib h4 a {
	background: url(/img/kor/top/title_ib.png) no-repeat 0 0;
	width: 113px;
}
#service .ln h4 a {
	background: url(/img/kor/top/title_ln.png) no-repeat 0 0;
	width: 79px;
}
#service .bs h4 a {
	background: url(/img/kor/top/title_bs.png) no-repeat 0 0;
	width: 97px;
}
#service .bsc h4 a {
	background: url(/img/kor/top/title_bsc.png) no-repeat 0 0;
	width: 137px;
}
#service .rp h4 a {
	background: url(/img/kor/top/title_rp.png) no-repeat 0 0;
	width: 113px;
}
#service .re h4 a {
	background: url(/img/kor/top/title_re.png) no-repeat 0 0;
	width: 97px;
}
#service .fr h4 a {
	background: url(/img/kor/top/title_fr.png) no-repeat 0 0;
	width: 96px;
}
#service .ch h4 a {
	background: url(/img/kor/top/title_ch.png) no-repeat 0 0;
	width: 96px;
}
#service .ls h4 a {
	background: url(/img/kor/top/title_ls.png) no-repeat 0 0;
	width: 116px;
}
#service .te h4 a {
	background: url(/img/kor/top/title_te.png) no-repeat 0 0;
	width: 97px;
}
#service .eb h4 a {
	background: url(/img/kor/top/title_eb.png) no-repeat 0 0;
	width: 97px;
}
#service .ci h4 a {
	background: url(/img/kor/top/title_ci.png) no-repeat 0 0;
	width: 111px;
}
#service .lifeline h4 a {
	background: url(/img/kor/top/title_lifeline.png) no-repeat 0 0;
	width: 112px;
}
#service .mc h4 a {
	background: url(/img/kor/top/title_mc.png) no-repeat 0 0;
	width: 307px;
}
#service .wk h4 a {
	background: url(/img/eng/top/title_wk.png) no-repeat 0 0;
	width: 115px;
}
#service .flyer h4 a {
	background: url(/img/eng/top/title_flyer.png) no-repeat 0 0;
	width: 134px;
}
/* -----------------------------------------------
ss-hi
----------------------------------------------- */
#service .ss-hi {
	background-color: #fdfce4;
	border: 2px solid #fcfad4;
	border-radius: 10px;
	padding: 10px;
}
#service .ss-hi h4 a {
	background: url(/img/eng/top/title_ss-hawaii.png) no-repeat 0 0;
	width: 195px;
	height: 32px;
}
/* -----------------------------------------------
city
----------------------------------------------- */
#service .city {
	background-color: #f7f7f7;
	border: 2px solid #e6e6e6;
	border-radius: 10px;
	padding: 10px;
}
#service .city h4 {
	display: table;
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	line-height: 1.4;
	margin-bottom: 12px;
	width: 100%;
}
#service .city h4 div {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
#service .city h4 img {
	display: table-cell;
	vertical-align: top;
	margin-right: 6px;
	width: 26px;
	height: 26px;
	white-space: nowrap;
}
/* -----------------------------------------------
display
----------------------------------------------- */

#service .display {
	list-style-type: none;
	padding: 0;
	margin: 5px 0 11px 0;
}
#service .display:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	height: 0;
	clear: both;
}
#service .display a {
	color: #0099cc;
}
#service .display a:hover {
	color: #ffcc66;
}
#service .display li {
	float: left;
	border-left: 1px solid #e8ece9;
	padding: 0 5px;
}
#service .display li:first-child {
	border-left: none;
	padding: 0 5px 0 0;
}

/* -----------------------------------------------
list
----------------------------------------------- */

#service .list {
	clear: left;
	list-style-type: none;
	border-top: 1px dotted #e8ece9;
	padding: 0;
	margin: 0;
}
#service .list li {
	border-bottom: 1px dotted #e8ece9;
	padding: 5px 0;
}
#service .list li a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	line-height: 1.1;
	height: 1em;
	width: auto;
}
#service .list li span {
	color: #333333;
	margin-right: 5px;
}
/* -----------------------------------------------
www
----------------------------------------------- */
#service .list li a span:nth-of-type(2) {
	color: #333;
}
#service .list li a span:nth-of-type(3) {
	color: #999;
}
/* -----------------------------------------------
new
----------------------------------------------- */

#service .list li.new a {
	background: url(/img/common/top/icon_new.png) no-repeat 100% 50%;
	padding-right: 24px;
}
#service .list li.new span {
	color: #ff3399;
}
/* -----------------------------------------------
update
----------------------------------------------- */
#service .list li.update a {
	background: url(/img/common/top/icon_update.png) no-repeat 100% 50%;
	padding-right: 24px;
}
#service .list li.update span {
	color: #ff3399;
}

/* -----------------------------------------------
list / ch
----------------------------------------------- */

#service .chat {
	clear: left;
	border-top: 1px #e8ece9 dotted;
}
#service .chat dl {
	display: table;
	border-bottom: 1px #e8ece9 dotted;
	width: 100%;
}
#service .chat dl:hover {
	background-color: #fffaef;
}
#service .chat dt {
	display: table-cell;
	vertical-align: top;
	padding: 4px 5px 4px 0;
	width: 100%;
}
#service .chat dt a {
	color: #0089e4;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	width: auto;
	height: 1em;
}
#service .chat dd {
	display: table-cell;
	vertical-align: top;
	padding: 4px 0;
	white-space: nowrap;
}

/* -----------------------------------------------
list / ls
----------------------------------------------- */

#service .column {
	clear: left;
}
#service .column .category {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 3px;
}
#service .column ul {
	list-style-type: none;
	border-top: 1px #e8ece9 dotted;
	padding: 0;
	margin: 0 0 10px 0;
}
#service .column li {
	border-bottom: 1px #e8ece9 dotted;
	padding: 5px 0;
}
#service .column li:hover {
	background-color: #efefff;
}
#service .column li dl {
	display: table;
	width: 100%;
}
#service .column li dt {
	display: table-cell;
	vertical-align: middle;
}
#service .column li dt span {
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
}
#service .column li dt img {
	max-width: 35px;
	margin: 0 0 0 -3px;
}
#service .column li dd {
	display: table-cell;
	vertical-align: middle;
	padding-left: 5px;
	width: 100%;
}
#service .column li dd span {
	display: block;
	font-size: 0;
	line-height: 100%;
	padding: 0;
	margin: -5px 0 2px 0;
}
#service .column li dd span img {
	width: 25px;
	height: 7px;
}
#service .column li dd div {
	color: #4f4fdb;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	margin-bottom: 2px;
	width: auto;
	height: 1em;
}
#service .column li dd p {
	color: #666666;
	font-size: 11px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	width: auto;
	height: 1em;
}
#service .column li dd div span {
	display: inline-block;
	font-size: 13px;
	line-height: 1.1;
	margin: 0 5px 0 0;
}
#service .column li dd div span:nth-of-type(1) {
	color: #333;
}
#service .column li dd div span:nth-of-type(2) {
	color: #999;
}

/* -----------------------------------------------
list / ci
----------------------------------------------- */

#service .gallery {
	clear: left;
}
#service .gallery ul {
	list-style-type: none;
	border-top: 1px #e8ece9 dotted;
	padding: 0;
	margin: 0;
}
#service .gallery li {
	border-bottom: 1px #e8ece9 dotted;
	padding: 5px 0;
}
#service .gallery li:hover {
	background-color: #f6f6f6;
}
#service .gallery dl {
	display: table;
	width: 100%;
}
#service .gallery dt {
	display: table-cell;
	vertical-align: top;
	padding-right: 5px;
}
#service .gallery dt span {
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
}
#service .gallery dt span img {
	max-width: 60px;
	max-height: 60px;
	margin: -10px 0 0 -10px;
}
#service .gallery dd {
	display: table-cell;
	vertical-align: top;
	width: 100%;
}
#service .gallery dd div {
	color: #0089e4;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	margin-bottom: 2px;
	width: auto;
	height: 1em;
}
#service .gallery dd p {
	color: #666666;
	font-size: 11px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	width: auto;
	height: 1em;
}

/* www */
#service .gallery span:nth-of-type(1) {
	color: #333;
	margin-right: 5px;
}
#service .gallery span:nth-of-type(2) {
	color: #999;
	margin-right: 5px;
}
/* -----------------------------------------------
service link color
----------------------------------------------- */

#service .tg .list li:hover {
	background-color: #f4f4ef;
}
#service .tg .list li a {
	color: #390f00;
}

#service .cf .list li:hover {
	background-color: #f4f7e8;
}
#service .cf .list li a {
	color: #006666;
}

#service .ev .list li:hover {
	background-color: #f6f0f0;
}
#service .ev .list li a {
	color: #663333;
}

#service .cj .list li:hover {
	background-color: #ecf5f4;
}
#service .cj .list li a {
	color: #336666;
}

#service .ib .list li:hover {
	background-color: #ebf5ff;
}
#service .ib .list li a {
	color: #2b5580;
}

#service .ln .list li:hover {
	background-color: #fff4f4;
}
#service .ln .list li a {
	color: #cc3333;
}

#service .bs .list li:hover {
	background-color: #fef9eb;
}
#service .bs .list li a {
	color: #bb8c00;
}

#service .bsc .list li:hover {
	background-color: #f8f3ec;
}
#service .bsc .list li a {
	color: #803c2d;
}

#service .rp .list li:hover {
	background-color: #eaf5ef;
}
#service .rp .list li a {
	color: #006666;
}

#service .re .list li:hover {
	background-color: #ebf7f1;
}
#service .re .list li a {
	color: #26734d;
}

#service .fr .list li:hover {
	background-color: #ebf7f7;
}
#service .fr .list li a {
	color: #2b8055;
}

#service .te .list li:hover {
	background-color: #eff3f1;
}
#service .te .list li a {
	color: #006666;
	background: url(/img/common/common/icon_note.gif) no-repeat 0 50%;
	padding-left: 14px;
}

#service .eb .list li:hover {
	background-color: #fef6f2;
}
#service .eb .list li a {
	color: #c04c26;
}
/* =========================================================
banner newopen
========================================================= */
.bn-newopen {
	text-align: center;
	vertical-align: middle;
	background-color: #ff6600;
	margin: 0 20px 20px 35px;
	height: 120px;
}
.bn-newopen a {
	display: block;
}
/* =========================================================
banner random
========================================================= */
.bn-random {
	text-align: center;
	vertical-align: middle;
	margin: 0 20px 20px 35px;
}
.bn-random span {
	display: none;
}
.bn-random div,
.bn-random a {
	display: block;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 100%;
}
.bn-random .seed a {
	background-image: url(/img/kor/top/banner/bn_seed.jpg);
	background-color: #f1eccf;
	border: 1px solid #ffffff;
	height: 100px;
}
.bn-random .fan a {
	background-image: url(/img/kor/top/banner/bn_fan.jpg);
	border: 1px solid #ff7d36;
	height: 100px;
}
.bn-random .overseas a {
	background-image: url(/img/kor/top/banner/bn_overseas.jpg);
	background-color: #ff6600;
	border: 1px solid #ffffff;
	height: 120px;
}
.bn-random .newyork a {
	background-image: url(/img/kor/top/banner/bn_ny.jpg);
	border: 1px solid #ffffff;
	height: 120px;
}
.bn-random .gps {
	background-image: url(/img/kor/top/banner/bn_gps.jpg);
	border: 1px solid #ffffff;
	height: 120px;
}
.bn-random .portland a {
	background-image: url(/img/kor/top/banner/bn_portland.jpg);
	border: 1px solid #ffffff;
	height: 120px;
}
.bn-random .reno a {
	background-image: url(/img/kor/top/banner/bn_reno.jpg);
	border: 1px solid #ffffff;
	height: 120px;
}
.bn-random .orange a {
	background-image: url(/img/kor/top/banner/bn_oc.jpg);
	border: 1px solid #ffffff;
	height: 120px;
}
.bn-random .shukatsu a {
	background-image: url(/img/common/top/banner/bn_shukatsu.gif);
	background-color: #fcdb00;
	border: 1px solid #fcdb00;
	height: 90px;
}
.bn-random .world a {
	background-image: url(/img/eng/top/banner/bn_world.jpg);
	border: 1px solid #ffffff;
	height: 120px;
}
.bn-random .linestamp a {
	background-image: url(/img/eng/top/banner/bn_linestamp.jpg);
	border: 1px solid #ffffff;
	height: 120px;
}
/* =========================================================
banner-ss pop-up
========================================================= */
.banner-ss {
	clear: both;
	position: fixed;
	z-index: 100;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}
.banner-ss .overlay {
	background-color: rgba(0,0,0,.8);
	padding: 50px 120px;
}
.banner-ss a {
	display: block;
	margin: auto;
}
.banner-ss img {
	vertical-align: bottom;
	margin: 0;
	width: 520px;
}
/* -----------------------------------------------
close button
----------------------------------------------- */
.banner-ss .close {
	text-align: right;
	margin-top: 20px;
}
.banner-ss .close span {
	display: none;
}
.banner-ss .close div {
	cursor: pointer;
	display: inline-block;
	background: url(/img/eng/common/button_close.png) no-repeat 0 0;
	margin: 0 0 0 auto;
	width: 75px;
	height: 22px;
}
.banner-ss .close div:hover {
	background: url(/img/eng/common/button_close.png) no-repeat 0 -22px;
}