@charset "UTF-8";

/* -----------------------------------------------
link color
----------------------------------------------- */
a:link {
	color: #0089e4;
}
a:visited {
	color: #0089e4;
}
a:hover {
	color: #ffcc00;
}
/* =========================================================
header
========================================================= */
.welcome {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	line-height: 100%;
	text-align: center;
	background-color: #ff6600;
	border-top: 1px solid #fff;
	padding: 5px 0;
}
/* =========================================================
top menu
========================================================= */
#top-menu {
	font-size: 12px;
	border: 3px solid #e8ece9;
	border-radius: 5px;
	padding: 10px 10px 5px 10px;
	margin: 10px 10px 20px 10px;
}
#top-menu a {
	color: #333333;
}
#top-menu dl {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border-bottom: 2px solid #e8ece9;
	margin-bottom: 5px;
}
#top-menu dt {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	padding-bottom: 5px;
	width: 100%;
}
#top-menu dd {
	display: table-cell;
	vertical-align: middle;
	background-image: url(/imgm/common/top/icon_howto.png);
	background-size: 14px auto;
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0 0 5px 16px;
	white-space: nowrap;
}
#top-menu .wrap {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
#top-menu ul {
	display: table-cell;
	vertical-align: top;
	list-style-type: none;
	padding: 0 0 0 10px;
	margin: 0;
	width: 50%;
}
#top-menu ul:first-of-type {
	padding: 0;
}
#top-menu li {
	position: relative;
	border-bottom: 1px solid #e8ece9;
	background-size: 18px auto;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#top-menu li:last-of-type {
	border-bottom: none;
}
#top-menu li a {
	display: block;
	font-weight: bold;
	padding: 6px 0 6px 22px;
}
#top-menu li.tg {
	background-image: url(/imgm/common/tg/service_icon.png);
}
#top-menu li.cf { 
	background-image: url(/imgm/common/cf/service_icon.png);
}
#top-menu li.ev {
	background-image: url(/imgm/common/ev/service_icon.png);
}
#top-menu li.cj {
	background-image: url(/imgm/common/cj/service_icon.png);
}
#top-menu li.ib {
	background-image: url(/imgm/common/ib/service_icon.png);
}
#top-menu li.ln {
	background-image: url(/imgm/common/ln/service_icon.png);
}
#top-menu li.bs {
	background-image: url(/imgm/common/bs/service_icon.png);
}
#top-menu li.bsc {
	background-image: url(/imgm/common/bsc/service_icon.png);
}
#top-menu li.rp {
	background-image: url(/imgm/common/rp/service_icon.png);
}
#top-menu li.re {
	background-image: url(/imgm/common/re/service_icon.png);
}
#top-menu li.fr {
	background-image: url(/imgm/common/fr/service_icon.png);
}
#top-menu li.ls {
	background-image: url(/imgm/common/ls/service_icon.png);
}
#top-menu li.te {
	background-image: url(/imgm/common/te/service_icon.png);
}
#top-menu li.eb {
	background-image: url(/imgm/common/eb/service_icon.png);
}
#top-menu li.ci {
	background-image: url(/imgm/common/ci/service_icon.png);
}
#top-menu li.lifeline {
	background-image: url(/imgm/common/lifeline/service_icon.png);
}
#top-menu li.mc {
	background-image: url(/imgm/common/mc/service_icon.png);
}
#top-menu li.wk {
	background-image: url(/imgm/common/wk/service_icon.png);
}
#top-menu li.flyer {
	background-image: url(/imgm/common/flyer/service_icon.png);
}
/* =========================================================
howto
========================================================= */
.howto {
	text-align: center;
	background-size: auto 110px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin: 15px 0;
	height: 110px;
}
.howto a {
	display: block;
	height: 110px;
}
.howto span {
	display: none;
}
/* =========================================================
random tg
========================================================= */
.random-tg {
	position: relative;
	border: 2px solid #e5e5e5;
	margin: 10px;
}
.random-tg dl {
	border-top: 2px solid #ff6600;
	padding: 10px;
	margin: -2px -2px 0 -2px;
}
.random-tg dt {
	margin-bottom: 6px;
}
.random-tg dt span {
	display: block;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 2.3em;
}
.random-tg dd .image {
	background-color: #f7f7f7;
	margin-bottom: 5px;
}
.random-tg dd .image div {
	display: block;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	height: 140px;
}
.random-tg dd .data p {
	color: #333333;
	font-size: 14px;
	line-height: 1.3;
	overflow: hidden;
	max-height: 5.2em;
	text-overflow: ellipsis;
	margin-bottom: 5px;
}
.random-tg dd .data div {
	color: #999933;
	font-size: 14px;
	overflow: hidden;
	max-height: 1.2em;
	text-overflow: ellipsis;
}
/* -----------------------------------------------
category
----------------------------------------------- */
.random-tg dd .cat {
	display: inline-block;
	color: #42150a;
	font-size: 10px;
	line-height: 100%;
	background-image: url(/imgm/common/tg/service_icon.png);
	background-size: auto 14px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 2px 0 2px 17px;
}
/* -----------------------------------------------
new
----------------------------------------------- */
.random-tg .new {
	position: absolute;
	top: -6px;
	left: -6px;
	display: inline-block;
	color: #ffffff;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	background-color: #ea5532;
	padding: 2px 4px;
	min-width: 55px;
}
.random-tg .new:before,
.random-tg .new:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
.random-tg .new:before {
	top: 100%;
	left: 0;
	border-width: 0 5px 5px 0;
	border-right-color: #cc3700;
}
/* -----------------------------------------------
update
----------------------------------------------- */
.random-tg .update {
	position: absolute;
	top: -6px;
	left: -6px;
	display: inline-block;
	color: #ffffff;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	background-color: #009ac8;
	padding: 2px 4px;
	min-width: 55px;
}
.random-tg .update:before,
.random-tg .update:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
.random-tg .update:before {
	top: 100%;
	left: 0;
	border-width: 0 5px 5px 0;
	border-right-color: #007395;
}
/* -----------------------------------------------
new open
----------------------------------------------- */
.random-tg .newopen {
	position: absolute;
	top: -6px;
	left: -6px;
	display: inline-block;
	color: #ffffff;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	background-color: #ff1493;
	padding: 2px 4px;
	min-width: 55px;
}
.random-tg .newopen:before,
.random-tg .newopen:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
.random-tg .newopen:before {
	top: 100%;
	left: 0;
	border-width: 0 5px 5px 0;
	border-right-color: #d00;
}
/* =========================================================
topics
========================================================= */
#topics {
	margin: 10px;
}
#topics ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#topics li {
	position: relative;
	border: 1px solid #e5e5e5;
	margin-bottom: 10px;
}
#topics li a {
	display: block;
	padding: 8px;
	margin: -2px -1px 0 -1px;
}
#topics li.ls a {
	border-top: 2px solid #333399;
}
#topics li.cf a {
	border-top: 2px solid #90ac1a;
}
#topics li.tg a {
	border-top: 2px solid #8f8f5f;
}
#topics li .box {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
#topics li .image {
	display: table-cell;
	vertical-align: middle;
}
#topics li .image div {
	display: block;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	width: 98px;
	height: 68px;
}
#topics li .data {
	display: table-cell;
	vertical-align: middle;
	padding-left: 8px;
	width: 100%;
}
#topics li .data dt {
	color: #333333;
	font-size: 14px;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 2px;
	max-height: 2.3em;
}
#topics li .data dd {
	color: #999933;
	font-size: 12px;
	line-height: 1.3;
	overflow: hidden;
	max-height: 1.4em;
	text-overflow: ellipsis;
}
#topics li dd {
	font-size: 12px;
	line-height: 1.3;
	overflow: hidden;
	max-height: 1.4em;
	text-overflow: ellipsis;
}
#topics li.tg dd {
	color: #999933!important;
}
#topics li.mc dd {
	color: #043c78!important;
}
#topics li.wk dd {
	color: #2186eb!important;
}
#topics li.ls dd {
	color: #4f4fdb!important;
}
#topics li.cf dd {
	color: #90ac1a!important;
}
#topics li.ev dd {
	color: #663333!important;
}
#topics li.cj dd {
	color: #336666!important;
}
#topics li.id dd {
	color: #2b5580!important;
}
#topics li.ln dd {
	color: #cc3333!important;
}
#topics li.bs dd {
	color: #bb8c00!important;
}
#topics li.bsc dd {
	color: #803c2d!important;
}
#topics li.rp dd {
	color: #006666!important;
}
#topics li.re dd {
	color: #26734d!important;
}
#topics li.fr dd {
	color: #2b8055!important;
}
#topics li.te dd {
	color: #006666!important;
}
#topics li.ed dd {
	color: #c04c26!important;
}

/* -----------------------------------------------
ls
----------------------------------------------- */
#topics li.ls dd:last-child {
	color: #333333;
	margin-top: -2px;
}
/* -----------------------------------------------
category
----------------------------------------------- */
#topics li .cat {
	display: inline-block;
	font-size: 10px;
	line-height: 100%;
	background-size: auto 14px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 2px 0 2px 17px;
}
#topics li.ls .cat {
	color: #333399;
	background-image: url(/imgm/common/ls/service_icon.png);
}
#topics li.cf .cat {
	color: #417038;
	background-image: url(/imgm/common/cf/service_icon.png);
}
#topics li.tg .cat {
	color: #42150a;
	background-image: url(/imgm/common/tg/service_icon.png);
}
#topics li.cj .cat {
	color: #006666;
	background-image: url(/imgm/common/cj/service_icon.png);
}
/* -----------------------------------------------
new
----------------------------------------------- */
#topics li .new {
	position: absolute;
	top: -6px;
	left: -6px;
	display: inline-block;
	color: #ffffff;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	background-color: #ea5532;
	padding: 2px 4px;
	min-width: 55px;
}
#topics li .new:before,
#topics li .new:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
#topics li .new:before {
	top: 100%;
	left: 0;
	border-width: 0 5px 5px 0;
	border-right-color: #cc3700;
}
/* -----------------------------------------------
update
----------------------------------------------- */
#topics li .update {
	position: absolute;
	top: -6px;
	left: -6px;
	display: inline-block;
	color: #ffffff;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	background-color: #009ac8;
	padding: 2px 4px;
	min-width: 55px;
}
#topics li .update:before,
#topics li .update:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
#topics li .update:before {
	top: 100%;
	left: 0;
	border-width: 0 5px 5px 0;
	border-right-color: #007395;
}
/* -----------------------------------------------
coupon
----------------------------------------------- */
#topics li .coupon {
	display: inline-block;
	position: absolute;
	right: -10px;
	bottom: 8px;
	background-color: rgba(255,255,255,1);
	padding: 2px 5px 2px 8px;
}
#topics li .coupon div {
	display: inline-block;
	color: #ffffff;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	background-color: rgba(144,172,26,1);
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	padding: 2px 0;
}
#topics li .coupon span {
	display: block;
	border-top: 1px dashed #ffffff;
	border-bottom: 1px dashed #ffffff;
	padding: 2px 4px;
}
/* -----------------------------------------------
new open
----------------------------------------------- */
#topics li .newopen {
	position: absolute;
	top: -6px;
	left: -6px;
	display: inline-block;
	color: #ffffff;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	background-color: #ff1493;
	padding: 2px 4px;
	min-width: 55px;
}
#topics li .newopen:before,
#topics li .newopen:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
#topics li .newopen:before {
	top: 100%;
	left: 0;
	border-width: 0 5px 5px 0;
	border-right-color: #d00;
}
/* =========================================================
catcher image
========================================================= */
#catcher-image {
	position: relative;
	height: 285px;
	margin: 0 10px;
	background-color: #fffcf1;
}
/* -----------------------------------------------
catcher image
----------------------------------------------- */
#catcher-image .image {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 auto;
	width: 100%;
	height: 288px;
	overflow: hidden;
}
#catcher-image .image div {
	float: left;
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow: hidden;
}
#catcher-image .image div:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#catcher-image .image div a {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	min-height: 95px;
}
/* -----------------------------------------------
logo
----------------------------------------------- */
#catcher-image .catcher {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -86px 0 0 -150px;
}
#catcher-image .catcher img {
	vertical-align: middle;
	width: 300px;
	height: 173px;
}
/* =========================================================
catcher search
========================================================= */
#catcher-search {
	padding: 20px;
	margin: 0 10px 10px 10px;
	background-color: #ffd900;
}
#catcher-search h3 {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	margin: 0 0 10px 0;
}
/* -----------------------------------------------
search bar
----------------------------------------------- */
#catcher-search .searchbar div:first-child {
	margin-bottom: 10px;
}
#catcher-search .searchbar div input[type="text"] {
	font-size: 14px;
	border: none;
	border-radius: 3px;
	padding: 8px;
	width: 100%;
}
#catcher-search .searchbar div:last-child {
	text-align: center;
}
#catcher-search .searchbar div:last-child button {
	display: inline-block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	background-color: #1e90ff;
	border: 0;
	border-bottom: 3px solid rgba(0,0,0,0.2);
	border-radius: 3px;
	width: 50%;
}
#catcher-search .searchbar div:last-child button span {
	display: inline-block;
	background-image: url(/imgm/common/common/icon_search_wht.png);
	background-size: auto 20px;
	background-repeat: no-repeat;
	background-position: 20px 50%;
	padding: 10px 20px 10px 45px;
}
/* =========================================================
HI観光情報
========================================================= */
#ss-hi {
	position: relative;
	height: 285px;
	margin: 0 10px 10px;
	background-color: #fffcf1;
	overflow: hidden;
}
/* -----------------------------------------------
catcher image
----------------------------------------------- */
#ss-hi .image {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 auto;
	width: 100%;
	height: 288px;
	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: 144px;
}
/* -----------------------------------------------
logo
----------------------------------------------- */
#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: 260px;
	height: 260px;
}
#ss-hi .box {
	text-align: center;
	position: absolute;
	top: 70px;
	left: 50%;
	transform: translateX(-50%);
}
#ss-hi .box img {
	display: inline-block;
	vertical-align: middle;
	max-width: 210px;
	margin-bottom: 15px;
}
#ss-hi .box .button a {
	display: inline-block;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	font-size: 85%;
	line-height: 1;
	color: #ffffff;
	background-color: #2baa8d;
	padding: 8px 15px;
	border-radius: 3px;
}
/* =========================================================
世界就活ウィーク 画像
========================================================= */
#shukatsu_world {
	position: relative;
	height: 285px;
	margin: 0 10px 10px;
	background-color: #e9f3ff;
	overflow: hidden;
}
/* -----------------------------------------------
catcher image
----------------------------------------------- */
#shukatsu_world .image {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 auto;
	width: 100%;
	height: 288px;
	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: 144px;
}
/* -----------------------------------------------
logo
----------------------------------------------- */
#shukatsu_world .frame {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0,104,220,.9);
	border-radius: 50%;
	width: 250px;
	height: 250px;
}
#shukatsu_world .box {
	text-align: center;
	position: absolute;
	top: 35px;
	left: 50%;
	transform: translateX(-50%);
}
#shukatsu_world .box img {
	display: inline-block;
	vertical-align: middle;
	max-width: 240px;
	margin-bottom: 15px;
}
#shukatsu_world .box .button a {
	display: inline-block;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	font-size: 85%;
	font-weight: bold;
	color: #0068dc;
	background: linear-gradient(180deg, #fff660, #e8db00);
	padding: 8px 15px;
	border-radius: 100px;
	min-width: 120px;
}
/* =========================================================
tg category
========================================================= */
#tg-cat {
	border: 2px solid #8f8f5f;
	border-radius: 3px;
	padding: 10px;
	margin: 0 10px 20px 10px;
}
#tg-cat dl {
	text-align: center;
	border-bottom: 1px solid #8f8f5f;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#tg-cat dt {
	color: #42150a;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px -26px;
}
#tg-cat dt a {
	color: #42150a;
	background-image: url(/imgm/common/tg/service_icon.png);
	background-size: auto 26px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 8px 5px 8px 30px;
}
#tg-cat dd {
	color: #42150a;
	font-size: 12px;
	font-weight: bold;
}
#tg-cat ul {
	font-size: 85%;
	text-align: center;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#tg-cat li {
	display: inline-block;
	line-height: 100%;
	border-bottom: 1px solid #e5e5e5;
}
#tg-cat li a {
	display: inline-block;
	padding: 5px 0;
	margin: 0 5px;
}
#tg-cat li img {
	vertical-align: middle;
	margin-right: 2px;
	width: 14px;
	height: auto;
}
/* =========================================================
search
========================================================= */
#search-top {
	padding: 11px 0 0 0;
}
#search-top .wrap {
	text-align: center;
	border: 2px solid #ff6600;
	border-radius: 3px;
	padding: 0 10px 10px 10px;
	margin: 0 10px;
}
#search-top h3 {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	background-color: #ff6600;
	border-radius: 3px;
	padding: 5px;
	margin: -13px 0 10px 0;
}
#search-top .box {
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 8px -2px;
	width: 100%;
}
#search-top .box select {
	font-size: 85%;
}
#search-top .box div {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}
#search-top .box div:first-child {
	padding-right: 5px;
}
#search-top .box div:last-child {
	padding-left: 5px;
}
#search-top .button {
	text-align: center;
	margin-top: 8px;
}
#search-top .button button {
	display: inline-block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	background-color: #ff6600;
	border: 0;
	border-bottom: 3px solid rgba(0,0,0,0.2);
	border-radius: 3px;
	width: 50%;
}
#search-top .button button span {
	display: inline-block;
	background-image: url(/imgm/common/common/icon_search_wht.png);
	background-size: auto 20px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 10px 20px 10px 25px;
}
/* =========================================================
freepaper
========================================================= */
#freepaper .cat {
	border-top: 4px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	padding: 10px;
	margin: 30px 0 20px 0;
	width: 100%;
}
#freepaper .cat h3 {
	color: #999999;
	font-size: 16px;
	font-weight: bold;
}
#freepaper .cat div {
	float: right;
	background-image: url(/imgm/common/top/cat_freepaper_img.png);
	background-size: auto 76px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	margin: -34px 0 0 0;
	width: 76px;
	height: 76px;
}
#freepaper .box {
	display: block;
	text-align: center;
	vertical-align: middle;
	margin: -14px 4px 0 4px;
}
#freepaper .box a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-color: #efefef;
	padding: 5px;
	margin: 4px;
	width: 82px;
}
#freepaper .box a:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
}
#freepaper .box img {
	display: block;
	vertical-align: middle;
	margin: 0 auto;
	max-width: 72px;
	max-height: 82px;
}
#freepaper .swiper-container {
	width: 100%;
}
#freepaper .swiper-wrapper {
	align-items: center;
}
/* =========================================================
photo
========================================================= */
#photo .cat {
	border-top: 4px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	padding: 10px;
	margin: 30px 0 20px 0;
	width: 100%;
}
#photo .cat h3 {
	color: #999999;
	font-size: 16px;
	font-weight: bold;
}
#photo .cat div {
	float: right;
	background-image: url(/imgm/common/top/cat_photo_img.png);
	background-size: auto 68px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	margin: -34px 0 0 0;
	width: 77px;
	height: 68px;
}
#photo div.box {
	text-align: center;
	background-image: url(/imgm/common/top/bg_board.png);
	background-size: auto 50px;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	margin: -15px auto 0 auto;
	height: 118px;
	width: 100%;
	overflow: hidden;
}
#photo div.box .thumb {
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
	background-size: auto 56px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin: 2px;
	width: 56px;
	height: 56px;
}
#photo div.box .thumb a {
	display: block;
	width: 56px;
	height: 56px;
}
#photo div.box .thumb .new {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	color: #ffffff;
	font-size: 8px;
	font-weight: bold;
	line-height: 100%;
	background-color: #ff3399;
	padding: 2px 4px;
}
/* =========================================================
service
========================================================= */
#service {
	font-size: 95%;
	padding-bottom: 25px;
}
#service ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
/* -----------------------------------------------
category
----------------------------------------------- */
#service .cat {
	border-top: 4px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	padding: 10px;
	margin: 30px 0 20px 0;
	width: 100%;
}
#service .cat h3 {
	color: #999999;
	font-size: 16px;
	font-weight: bold;
}
#service .cat div {
	float: right;
	background-size: auto 68px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	margin: -30px 0 0 0;
	width: 72px;
	height: 68px;
}
#service .cat .outing {
	background-image: url(/imgm/common/top/cat_outing_img.png);
}
#service .cat .life {
	background-image: url(/imgm/common/top/cat_life_img.png);
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
}
#service .cat .buysell {
	background-image: url(/imgm/common/top/cat_buysell_img.png);
}
#service .cat .housing {
	background-image: url(/imgm/common/top/cat_housing_img.png);
}
#service .cat .join {
	background-image: url(/imgm/common/top/cat_join_img.png);
}
#service .cat .info {
	background-image: url(/imgm/common/top/cat_info_img.png);
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
}
#service .cat .comm {
	background-image: url(/imgm/common/top/cat_comm_img.png);
}
/* -----------------------------------------------
service segments
----------------------------------------------- */
#service .box {
	clear: both;
	margin-bottom: 20px;
}
/* -----------------------------------------------
service title
----------------------------------------------- */
#service h4 {
	background-color: #efefef;
}
#service h4 a {
	position: relative;
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 34px;
	background-size: auto 34px;
	background-repeat: no-repeat;
	background-position: 10px 50%;
	padding: 5px 10px 5px 48px;
}
#service h4 a::before,
#service h4 a::after {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	content: '';
	width: 10px;
	height: 3px;
	border-radius: 2px;
	margin-right: 10px;
}
#service h4 a::before {
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#service h4 a::after {
	margin-top: 1px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#service .tg h4 a {
	color: #42150a;
	background-image: url(/imgm/common/tg/service_icon.png);
}
#service .tg h4 a::before,
#service .tg h4 a::after {
	background-color: #8f8f5f;
}

#service .cf h4 a {
	color: #417038;
	background-image: url(/imgm/common/cf/service_icon.png);
}
#service .cf h4 a::before,
#service .cf h4 a::after {
	background-color: #90ac1a;
}

#service .ev h4 a {
	color: #660000;
	background-image: url(/imgm/common/ev/service_icon.png);
}
#service .ev h4 a::before,
#service .ev h4 a::after {
	background-color: #660000;
}

#service .cj h4 a {
	color: #006363;
	background-image: url(/imgm/common/cj/service_icon.png);
}
#service .cj h4 a::before,
#service .cj h4 a::after {
	background-color: #5faea1;
}

#service .ib h4 a {
	color: #083169;
	background-image: url(/imgm/common/ib/service_icon.png);
}
#service .ib h4 a::before,
#service .ib h4 a::after {
	background-color: #336699;
}

#service .ln h4 a {
	color: #cc3333;
	background-image: url(/imgm/common/ln/service_icon.png);
}
#service .ln h4 a::before,
#service .ln h4 a::after {
	background-color: #fc7070;
}

#service .bs h4 a {
	color: #633100;
	background-image: url(/imgm/common/bs/service_icon.png);
}
#service .bs h4 a::before,
#service .bs h4 a::after {
	background-color: #f8b500;
}

#service .bsc h4 a {
	color: #48372b;
	background-image: url(/imgm/common/bsc/service_icon.png);
}
#service .bsc h4 a::before,
#service .bsc h4 a::after {
	background-color: #533c32;
}

#service .rp h4 a {
	color: #004141;
	background-image: url(/imgm/common/rp/service_icon.png);
}
#service .rp h4 a::before,
#service .rp h4 a::after {
	background-color: #006363;
}

#service .re h4 a {
	color: #339966;
	background-image: url(/imgm/common/re/service_icon.png);
}
#service .re h4 a::before,
#service .re h4 a::after {
	background-color: #37a76f;
}

#service .fr h4 a {
	color: #006666;
	background-image: url(/imgm/common/fr/service_icon.png);
}
#service .fr h4 a::before,
#service .fr h4 a::after {
	background-color: #009999;
}

#service .eb h4 a {
	color: #cc3300;
	background-image: url(/imgm/common/eb/service_icon.png);
}
#service .eb h4 a::before,
#service .eb h4 a::after {
	background-color: #ed6c2a;
}

#service .ci h4 a {
	color: #5e5e5e;
	background-image: url(/imgm/common/ci/service_icon.png);
}
#service .ci h4 a::before,
#service .ci h4 a::after {
	background-color: #666666;
}

#service .ls h4 a {
	color: #333399;
	background-image: url(/imgm/common/ls/service_icon.png);
}
#service .ls h4 a::before,
#service .ls h4 a::after {
	background-color: #333399;
}

#service .te h4 a {
	color: #1e593c;
	background-image: url(/imgm/common/te/service_icon.png);
}
#service .te h4 a::before,
#service .te h4 a::after {
	background-color: #339966;
}

#service .lifeline h4 a {
	color: #007f61;
	background-image: url(/imgm/common/lifeline/service_icon.png);
}
#service .lifeline h4 a::before,
#service .lifeline h4 a::after {
	background-color: #007f61;
}

#service .mc h4 a {
	color: #001e3f;
	background-image: url(/imgm/common/mc/service_icon.png);
}
#service .mc h4 a::before,
#service .mc h4 a::after {
	background-color: #001e3f;
}

#service .wk h4 a {
	color: #001e3f;
	background-image: url(/imgm/common/wk/service_icon.png);
}
#service .wk h4 a::before,
#service .wk h4 a::after {
	background-color: #001e3f;
}

#service .flyer h4 a {
	color: #5a3600;
	background-image: url(/imgm/common/flyer/service_icon.png);
}
#service .flyer h4 a::before,
#service .flyer h4 a::after {
	background-color: #5a3600;
}
/* -----------------------------------------------
arrow
----------------------------------------------- */
#service .arrow {
	border: 25px solid transparent;
	border-top: 15px solid #efefef;
	margin-left: 15px;
	width: 0;
	height: 0;
}
/* -----------------------------------------------
display
----------------------------------------------- */
#service .display {
	text-align: center;
	margin: -40px 10px 8px 10px;
}
#service .display ul {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	list-style-type: none;
	padding: 0;
	margin: 8px auto;
}
#service .display li {
	display: table-cell;
	vertical-align: top;
	text-align: center;
	width: 25%;
}
#service .display .two li {
	width: 50%;
}
#service .display .three li {
	width: 33%;
}
#service .display li a {
	display: inline-block;
	color: #333333;
	font-size: 10px;
	text-align: center;
	line-height: 100%;
	padding: 0 5px;
}
#service .display li span {
	display: inline-block;
	background-color: #d4d4d4;
	background-size: auto 18px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-radius: 50%;
	width: 38px;
	height: 38px;
}
#service .display li.list span {
	background-image: url(/imgm/common/common/view_list.png);
}
#service .display li.pic span {
	background-image: url(/imgm/common/common/view_pic.png);
}
#service .display li.video span {
	background-image: url(/imgm/common/common/view_video.png);
}
#service .display li.map span {
	background-image: url(/imgm/common/common/view_map.png);
}
#service .display li.topic span {
	background-image: url(/imgm/common/common/view_topic.png);
	background-size: auto 20px;
}
#service .display li.hot span {
	background-image: url(/imgm/common/common/view_hot.png);
	background-size: auto 20px;
}
#service .display li.res span {
	background-image: url(/imgm/common/common/view_res.png);
	background-size: auto 20px;
}
#service .display li div {
	margin-top: 2px;
}
/* -----------------------------------------------
list
----------------------------------------------- */
#service ul.list {
	list-style-type: none;
	padding: 0;
	margin: 0 10px;
}
#service ul.list li {
	border-top: 1px dotted #e8ece9;
	padding: 5px 0;
}
#service ul.list li:last-child {
	border-bottom: 1px dotted #e8ece9;
}
#service ul.list li a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 126%;
	height: 1.3em;
}
#service ul.list li span {
	color: #333333;
	margin-right: 5px;
}
/* -----------------------------------------------
www
----------------------------------------------- */
#service ul.list li a span:nth-of-type(3) {
	color: #999;
}
/* -----------------------------------------------
new
----------------------------------------------- */
#service ul.list li.new {
	background-image: url(/imgm/common/top/icon_new.png);
	background-size: 27px 12px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 27px;
}
#service ul.list li span.new {
	color: #ff3399;
}
/* -----------------------------------------------
update
----------------------------------------------- */
#service ul.list li.update {
	background-image: url(/imgm/common/top/icon_update.png);
	background-size: 27px 12px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 27px;
}
/* -----------------------------------------------
list / ls
----------------------------------------------- */
#service .column {
	margin: -30px 10px 0 10px;
}
#service .column .category {
	font-weight: bold;
	margin-bottom: 5px;
}
#service .column .category:first-child {
	margin-top: 15px;
}
#service .column ul {
	list-style-type: none;
	border-top: 1px dotted #e8ece9;
	padding: 0;
	margin: 0 0 15px 0;
}
#service .column li {
	border-bottom: 1px #e8ece9 dotted;
	padding: 5px 0;
}
#service .column li:hover {
	background-color: #efefff;
}
#service .column li.new {
	background-image: url(/imgm/common/top/icon_new.png);
	background-size: 27px 12px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 27px;
}
#service .column li.update {
	background-image: url(/imgm/common/top/icon_update.png);
	background-size: 27px 12px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 27px;
}
#service .column dl {
	background-size: 40px auto;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 48px;
}
#service .column dt {
	overflow: hidden;
	color: #4f4fdb;
	font-size: 12px;
	line-height: 126%;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 2px;
}
#service .column dt span:nth-of-type(1) {
	color: #333;
	margin-right: 3px;
}
#service .column dt span:nth-of-type(2) {
	color: #999;
	margin-right: 3px;
}
#service .column dd {
	overflow: hidden;
	color: #333333;
	line-height: 126%;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* -----------------------------------------------
list / te
----------------------------------------------- */
#service .te .list {
	margin: -25px 10px 0 10px;
}
#service .te .list li {
	background-image: url(/imgm/common/top/icon_note.png);
	background-size: auto 14px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 20px;
}
#service .te .list li:first-child {
	border-top: none;
}

/* -----------------------------------------------
list / ci
----------------------------------------------- */
#service ul.gallery {
	list-style-type: none;
	border-top: 1px #e8ece9 dotted;
	padding: 0;
	margin: 0 10px;
}
#service ul.gallery li {
	border-bottom: 1px #e8ece9 dotted;
	padding: 5px 0;
}
#service ul.gallery li:hover {
	background-color: #f6f6f6;
}
#service ul.gallery li.new {
	background-image: url(/imgm/common/top/icon_new.png);
	background-size: 27px 12px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 27px;
}
#service ul.gallery dl {
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 48px;
}
#service ul.gallery dt {
	overflow: hidden;
	line-height: 126%;
	margin-bottom: 2px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#service ul.gallery dt span:nth-of-type(1) {
	color: #333;
	margin-right: 5px;
}
#service ul.gallery dt span:nth-of-type(2) {
	color: #999;
	margin-right: 5px;
}
#service ul.gallery dd {
	overflow: hidden;
	color: #666666;
	font-size: 11px;
	line-height: 126%;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-height: 1em;
}
/* -----------------------------------------------
list / 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: #336699;
}
#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: #cc9900;
}
#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: #339966;
}
#service .fr .list li:hover {
	background-color: #ebf7f7;
}
#service .fr .list li a {
	color: #339999;
}
#service .te .list li:hover {
	background-color: #eff3f1;
}
#service .te .list li a {
	color: #006666;
}
#service .eb .list li:hover {
	background-color: #fef6f2;
}
#service .eb .list li a {
	color: #d96640;
}

#service .lifeline .list li:hover {
	background-color: #f9fcf3;
}
#service .lifeline .list li a {
	color: #007f61;
}
/* -----------------------------------------------
ss-hi
----------------------------------------------- */
#service .ss-hi {
	background-color: #fdfce4;
	border: 2px solid #fcfad4;
	border-radius: 10px;
	padding: 10px;
	margin: 0 10px 20px;
}
#service .ss-hi h4 {
	background-color: transparent;
	margin-bottom: 10px;
}
#service .ss-hi h4 a {
	background: url(/imgm/jpn/top/title_ss-hawaii.png) no-repeat 0 0;
	background-size: 212px 34px;
	width: 212px;
	height: 34px;
}
#service .ss-hi h4 a span {
	display: none;
}
#service .ss-hi .list {
	margin: 0;
}
/* -----------------------------------------------
city
----------------------------------------------- */
#service .city {
	background-color: #f7f7f7;
	border: 2px solid #e6e6e6;
	border-radius: 10px;
	padding: 10px;
	margin: 0 10px 20px;
}
#service .city h4 {
	display: table;
	color: #666666;
	font-size: 18px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	line-height: 34px;
	background-color: transparent;
	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: 34px;
	height: 34px;
	white-space: nowrap;
}
#service .city .list {
	margin: 0;
}
/* =========================================================
reset
========================================================= */
#header {
	margin-bottom: 10px;
}
.footer-reg {
	display: none;
}
#contents {/* reset */
	margin: 0 0 40px 0;
}

/* =========================================================
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%);
	width: 100%;
    height: 100%;
}
.banner-ss .overlay {
	background-color: rgba(0,0,0,.8);
	height: 100%;
	text-align: center;
}
.banner-ss .box {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	width: 100%;
	padding: 50px;
}
.banner-ss a {
	display: inline-block;
	margin: auto;
}
.banner-ss img {
	vertical-align: bottom;
	margin: 0;
	max-width: 520px;
	width: 100%;
}
@media (max-height: 520px) {
	.banner-ss img {
		width: auto;
		max-height: 200px;
	}
  }
/* -----------------------------------------------
close button
----------------------------------------------- */
.banner-ss .close {
	text-align: center;
	margin-top: 20px;
}
.banner-ss .close span {
	display: none;
}
.banner-ss .close div {
	cursor: pointer;
	display: inline-block;
	background: url(/img/jpn/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/jpn/common/button_close.png) no-repeat 0 -22px;
}

/* =========================================================
footer menu
========================================================= */
/* -----------------------------------------------
footer menu
----------------------------------------------- */
.footer-menu .service {
	background-color: #ff6600;
}
/* -----------------------------------------------
footer service menu
----------------------------------------------- */
#side-left .menu h3 {
	border-top: 4px solid #ff6600;
	border-bottom: 1px solid #ff6600;
}
#side-left .menu h3 {
	display: block;
	color: #ff6600;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	background-image: url(/imgm/common/header/vivichan_org.png);
	background-size: auto 20px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 30px;
	min-height: 20px;
}
#side-left .intro {
	font-size: 75%;
	margin-bottom: 10px;
}
#side-left .category dt a {
	color: #333333;
}
#side-left .category dd .type li a {
	padding-left: 12px;
}
#side-left .category dd .type li::after {
	border: 2px solid #ff6600;
}
#side-left .return {
	border-top: 1px dashed #ff6600;
	border-bottom: 1px dashed #ff6600;
}
#side-left .return a span {
	display: block;
	color: #333333;
}