@charset "utf-8";

/* =======================================

	search.php
	slist.php
	sgps.php
	sdetail.php

========================================== */



/* ===== search ===== */
#search{
	margin-bottom: 5px;
}
#searchin{
	margin-bottom: 5px;
}

.gpsbtn{
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding: 5px 10px;
	text-align: center;
}
.search31{
	padding: 3px 10px;
	width: 100%;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background:	/* Firefox */
		url(../images/common/over.png) left repeat-x, -moz-gradient(bottom, from(#7BB2EE),to(#73284DC));
	background:	/* Safari、Chrome */
		url(../images/common/over.png) left repeat-x, -webkit-gradient(linear, left top, left bottom, from(#7BB2EE),to(#3284DC));
	background-size: 1px 22px,100% 100%;
	-webkit-background-size: 1px 22px,100% 100%;	/* Safari、Chrome */
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;	/* Safari、Chrome */
	-moz-border-radius: 5px;	/* Firefox */
}

.searchBox{
	margin: 5px 10px;
	font-size: 12px;
	border: 2px solid #7F95D5;
	box-shadow: 0 0 3px #C9C9C9;
	-webkit-box-shadow: 0 0 3px #C9C9C9;	/* Safari、Chrome */
	-moz-box-shadow: 0 0 3px #C9C9C9;		/* Firefox */
}
.searchBox_ttl{
	padding: 3px 5px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	border: none;
	background:	/* Firefox */
		-moz-gradient(bottom, from(#889DDC),to(#445DA9));
	background:	/* Safari、Chrome */
		-webkit-gradient(linear, left top, left bottom, from(#889DDC),to(#445DA9));
	box-shadow: 0 1px 3px #C9C9C9;
	-webkit-box-shadow: 0 1px 3px #C9C9C9;	/* Safari、Chrome */
	-moz-box-shadow: 0 1px 3px #C9C9C9;		/* Firefox */
}

.smenu,
.smenu ul li{
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	font-size: 12px;
}
.smenu ul{
	font-size: 12px;
}
.smenu ul li a{
	padding: 10px 10px 10px 24px;
	font-size: 14px;
	font-weight: bold;
	color: #4F68B2;
	border-top: 1px solid #AFAFAF;
	background: url(../images/search/sicon_off.png) left no-repeat;
	background-size: 25px 20px;
	-webkit-background-size: 25px 20px;	/* Safari、Chrome */
}
.smenu ul li.st-open a{
	background: url(../images/search/sicon_on.png) left no-repeat;
	background-size: 25px 20px;
	-webkit-background-size: 25px 20px;	/* Safari、Chrome */
}

.smenuin{
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding: 5px;
	font-size: 12px;
	text-align: left;
	background: #F3F3F3;
}
.smenuin p{
	margin-bottom: 5px;
}
.smenuin input {
	font-size: 14px;
}
.search11{
	width: 68%;
	height: 20px;
	border: 1px solid #AFAFAF;
	border-radius: 5px;
	-webkit-border-radius: 5px;	/* Safari、Chrome */
	-moz-border-radius: 5px;	/* Firefox */
}
.search12{
	padding: 3px 5px 3px 20px;
	color: #FFF;
	font-weight: bold;
	background:	/* Firefox */
		url(../images/top/search_icon.png) left no-repeat, -moz-gradient(bottom, from(#93959D),to(#797B82));
	background:	/* Safari、Chrome */
		url(../images/top/search_icon.png) left no-repeat, -webkit-gradient(linear, left top, left bottom, from(#93959D),to(#797B82));
	background-size: 19px 14px,100% 100%;
	-webkit-background-size: 19px 14px,100% 100%;	/* Safari、Chrome */
	border: 1px solid #AFAFAF;
	border-radius: 5px;
	-webkit-border-radius: 5px;	/* Safari、Chrome */
	-moz-border-radius: 5px;	/* Firefox */
}

.search21 {
	margin-bottom: 5px;
	width: 100%;
	height: 28px;
	border: 1px solid #AFAFAF;
	background-color: white;
}
.search22{
	width: 100%;
	padding: 3px 5px;
	color: #FFF;
	font-weight: bold;
	background:	/* Firefox */
		-moz-gradient(bottom, from(#93959D),to(#797B82));
	background:	/* Safari、Chrome */
		-webkit-gradient(linear, left top, left bottom, from(#93959D),to(#797B82));
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;	/* Safari、Chrome */
	border: 1px solid #AFAFAF;
	border-radius: 5px;
	-webkit-border-radius: 5px;	/* Safari、Chrome */
	-moz-border-radius: 5px;	/* Firefox */
}



/* ===== slist ===== */
.slistttl{
	padding: 6px 10px 6px 32px;
	font-size: 14px;
	border-bottom: 2px solid #9FACD5;
	background: url(../images/search/slist_ttl.png) left no-repeat;
	background-size: 32px 22px;
	-webkit-background-size: 32px 22px;	/* Safari、Chrome */
}
.slistboxin{
	margin-top: 1px;
	border-top: 1px dotted #9FACD5;
}

.slistBox{
	text-align: left;
	vertical-align: middle;
}
.slistBox a{
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	display: block;
	border-bottom: 1px solid #3E78B5;
	padding: 10px 34px 10px 10px;
}
.slistBox a.slist1{
	background: url(../images/common/list_icon.png) right no-repeat;
	background-size: 21px 34px;
	-webkit-background-size: 21px 34px	/* Safari、Chrome */
}
.slistBox a.slist2{
	background: #EBEEF7 url(../images/common/list_icon.png) right no-repeat;
	background-size: 21px 34px;
	-webkit-background-size: 21px 34px	/* Safari、Chrome */
}
.slistBox dt{
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #004080;
}
.tablist{
	width: 100%
}
.tablist td{
	padding: 2px 5px;
	font-size: 12px;
	color: #444;
}
.tablist td:first-child{
	padding: 2px 0;
	width: 10%;
	text-align: center;
	vertical-align: top;
}
.tablist td:first-child p{
	width: 60px;
	color: #FFF;
	background-color: #526AB4;
}

.pager{
	margin: 10px 0;
	width: 100%;
}
.pagerT{
	width: 100%;
	border-bottom: 1px solid #3E78B5;
}
.pager td{
	width: 50%;
	padding: 0 10px;
}
.pagerT td{
	padding: 5px 10px;
}
.pager td p,
.pagerT td p{
	text-align: center;
	vertical-align: middle;
}
.pager td p.prev,
.pagerT td p.prev{
	float: right;
}
.pager td p.next,
.pagerT td p.next{
	float: right;
	margin-left: 10px;
}
.pager td p.tolist{
	float: left;
}
.pager td p a,
.pagerT td p a{
	display: block;
	padding: 6px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;	/* Safari、Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	box-shadow: 1px 1px 3px #C9C9C9;
	-webkit-box-shadow: 1px 1px 3px #C9C9C9;	/* Safari、Chrome */
	-moz-box-shadow: 1px 1px 3px #C9C9C9;		/* Firefox */
}
.pager td p.prev a,
.pager td p.next a,
.pagerT td p.prev a,
.pagerT td p.next a{
	background:	/* Firefox */
		-moz-gradient(bottom, from(#889DDC),to(#445DA9));
	background:	/* Safari、Chrome */
		-webkit-gradient(linear, left top, left bottom, from(#889DDC),to(#445DA9));
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;	/* Safari、Chrome */
}
.pager td p.tolist a{
	background:	/* Firefox */
		-moz-gradient(bottom, from(#93959D),to(#7A7C83));
	background:	/* Safari、Chrome */
		-webkit-gradient(linear, left top, left bottom, from(#93959D),to(#7A7C83));
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;	/* Safari、Chrome */
}

.pager td p.prev span,
.pager td p.next span,
.pagerT td p.prev span,
.pagerT td p.next span{
	display: block;
	padding: 6px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;	/* Safari、Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	box-shadow: 1px 1px 3px #C9C9C9;
	-webkit-box-shadow: 1px 1px 3px #C9C9C9;	/* Safari、Chrome */
	-moz-box-shadow: 1px 1px 3px #C9C9C9;		/* Firefox */
	background-color: #D6D7D9;
}

.slistnone{
	padding: 10px 10px 30px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #444;
}
.pager td p.nonetolist a{
	background:	/* Firefox */
		-moz-gradient(bottom, from(#93959D),to(#7A7C83));
	background:	/* Safari、Chrome */
		-webkit-gradient(linear, left top, left bottom, from(#93959D),to(#7A7C83));
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;	/* Safari、Chrome */
}



/* ===== sgps ===== */
.mapBOX{
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 10px;
	background-color: #93959D;
}
.mapspc{
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* 一般 */
.smap{
	width: 100%;
	height: 220px;
}
.sgpsbtn{
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	padding-bottom: 1px
	background-color: #93959D;
}
.sgpsbtn a{
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
.sgpsbtn li.tosearch,
.sgpsbtn li.tomap{
	float: left;
	width: 50%;
	text-align: center;
	padding-bottom: 1px;
	background:	/* Firefox */
		-moz-gradient(bottom, from(#93959D),to(#808289));
	background:	/* Safari、Chrome */
		-webkit-gradient(linear, left top, left bottom, from(#93959D),to(#808289));
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;	/* Safari、Chrome */
}
.sgpsbtn li.tosearch p,
.sgpsbtn li.tomap p{
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}
.sgpsbtn li.tosearch p{
	padding: 8px 5px 6px 5px;
	border-right: 1px solid #4D4E53;
}
.sgpsbtn li.tomap p{
	padding: 8px 10px 6px 10px;
	border-left: 1px solid #BBBBBD;
}
.sgpsbtn li a p img:not([width]) {
	zoom: .5; /* Retinaディスプレイ対応のためimg要素は半分の大きさに */
}

/* 縦持ち(portrait) */
.portrait .mapspc{
	padding: 3px 3px 0 3px;
}
.portrait .smap{
	width: 100%;
	height: 350px;
}
.portrait .sgpsbtnL{
	display: none;
}
.portrait .sgpsbtnR{
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	padding-bottom: 1px
	background-color: #93959D;
}
.portrait .sgpsbtnR a{
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
.portrait .sgpsbtnR li.tosearch{
	text-align: center;
	padding-bottom: 1px;
	background:	/* Firefox */
		-moz-gradient(bottom, from(#93959D),to(#808289));
	background:	/* Safari、Chrome */
		-webkit-gradient(linear, left top, left bottom, from(#93959D),to(#808289));
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;	/* Safari、Chrome */
}
.portrait .sgpsbtnR li.tosearch p{
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}
.portrait .sgpsbtnR li.tosearch p{
	padding: 8px 10px 6px 10px;
}
.portrait .sgpsbtnR li a p img:not([width]) {
	zoom: .5; /* Retinaディスプレイ対応のためimg要素は半分の大きさに */
}

/* 横持ち(landscape) */
.landscape .mapspc{
	padding: 3px 0 3px 3px;
}
.landscape .smap{
	float: left;
	width: 82%;
	height: 250px;
}
.landscape .sgpsbtnR{
	display: none;
}

.landscape .sgpsbtnL{
	float: right;
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 18%;
	padding-bottom: 1px
	background-color: #93959D;
}
.landscape .sgpsbtnL a{
	height: 250px;
}
.landscape .sgpsbtnL .tosearch{
	text-align: center;
	padding-bottom: 1px;
	background:	/* Firefox */
		-moz-gradient(bottom, from(#93959D),to(#808289));
	background:	/* Safari、Chrome */
		-webkit-gradient(linear, left top, left bottom, from(#93959D),to(#808289));
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;	/* Safari、Chrome */
}
.landscape .sgpsbtnL .tosearch p{
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}
.landscape .sgpsbtnL .tosearch p{
	padding: 8px 5px 6px 5px;
}
.landscape .sgpsbtnL a p img:not([width]) {
	zoom: .5; /* Retinaディスプレイ対応のためimg要素は半分の大きさに */
}

/* overlay */
.overlayBG {
	background: #000000;
	height: 100%;
	left: 0;
	opacity: 0.75;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 50;
}
.overlay {
	margin: 20px auto;
	width: 280px;
	text-align: left;
	font-size: 12px;
	color: #444;
	background-color: #FFF;
	position: absolute;
	z-index: 100;
}
.overlay .close{
	float: right;
}
.overlay img:not([width]) {
	zoom: .8; /* Retinaディスプレイ対応のためimg要素は半分の大きさに */
}
.sdatattl{
	margin: 20px 0 10px 0;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #004080;
	border-bottom: 1px solid #526AB4;
}
.sdatalist{
	padding: 0 5px;
	margin-bottom: 10px;
}
.sdatabtn{
	padding: 0 10px;
	margin-bottom: 30px;
}
.sdatabtn p{
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.sdatabtn p a{
	padding: 8px 5px;
	color: #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;	/* Safari、Chrome */
	-moz-border-radius: 5px;	/* Firefox */
}
.sdatabtn p.root a{
	background:	/* Firefox */
		-moz-gradient(bottom, from(#93959D),to(#7A7C83));
	background:	/* Safari、Chrome */
		-webkit-gradient(linear, left top, left bottom, from(#93959D),to(#7A7C83));
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;	/* Safari、Chrome */
}
.sdatabtn p.tosdetail a{
	background:	/* Firefox */
		-moz-gradient(bottom, from(#C9CACC),to(#9D9D9D));
	background:	/* Safari、Chrome */
		-webkit-gradient(linear, left top, left bottom, from(#C9CACC),to(#9D9D9D));
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;	/* Safari、Chrome */
}



/* ===== sdetail ===== */
#sdetailin{
	margin-bottom: 5px;
}

.sboxttl{
	padding: 6px 10px 6px 32px;
	font-size: 14px;
	color: #2748AD;
	border-bottom: 2px solid #9FACD5;
	background: url(../images/search/sbox_ttl.png) left no-repeat;
	background-size: 32px 22px;
	-webkit-background-size: 32px 22px;	/* Safari、Chrome */
}
.sboxin{
	margin-top: 1px;
	padding: 10px;
	border-top: 1px dotted #9FACD5;
}

.gmapbox{
	padding: 7px 7px 10px 7px;
	border-bottom: 1px solid #B1B1B1;
}
.gmapspc{
	padding: 3px 3px 0 3px;
	background:	/* Firefox */
		-moz-gradient(bottom, from(#93959D),to(#808289));
	background:	/* Safari、Chrome */
		-webkit-gradient(linear, left top, left bottom, from(#93959D),to(#808289));
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;	/* Safari、Chrome */
}
.gmap{
	width: 100%;
	height: 220px;
}
.gmap div{
	font-size: 12px;
	color: #444;
}

.sbox{
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #B1B1B1;
}
.sbox p{
	margin-top: 5px;
	font-size: 12px;
	color: #444;
}
.sbox p.item{
	margin-top: 10px;
	padding: 3px 10px;
	width: 80px;
	font-size: 12px;
	text-align: center;
	color: #FFF;
	background-color: #526AB4;
	border-radius: 5px;
	-webkit-border-radius: 5px;	/* Safari、Chrome */
	-moz-border-radius: 5px;	/* Firefox */
}
.sbox p.item2{
	margin-top: 10px;
	padding: 3px 10px;
	width: 100px;
	font-size: 12px;
	text-align: center;
	color: #FFF;
	background-color: #526AB4;
	border-radius: 5px;
	-webkit-border-radius: 5px;	/* Safari、Chrome */
	-moz-border-radius: 5px;	/* Firefox */
}
.sbox p.item3{
	margin-top: 10px;
	padding: 3px 10px;
	width: 120px;
	font-size: 12px;
	text-align: center;
	color: #FFF;
	background-color: #526AB4;
	border-radius: 5px;
	-webkit-border-radius: 5px;	/* Safari、Chrome */
	-moz-border-radius: 5px;	/* Firefox */
}
.sbox p.item4{
	margin-top: 10px;
	padding: 3px 10px;
	width: 160px;
	font-size: 12px;
	text-align: center;
	color: #FFF;
	background-color: #526AB4;
	border-radius: 5px;
	-webkit-border-radius: 5px;	/* Safari、Chrome */
	-moz-border-radius: 5px;	/* Firefox */
}

.pay{
	float: left;
	margin: 5px 5px 0 0;
}
.pay li{
	padding: 5px 10px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;	/* Safari、Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	box-shadow: 1px 1px 3px #C9C9C9;
	-webkit-box-shadow: 1px 1px 3px #C9C9C9;	/* Safari、Chrome */
	-moz-box-shadow: 1px 1px 3px #C9C9C9;		/* Firefox */
}
.pay li.money{
	background-color: #FFF;
	color: #444;
}
.pay li.octopus{
	background-color: #F3741F;
}
.pay li.edy{
	background-color: #1978C1;
}
.pay li.suica{
	background-color: #508255;
}
.pay li.pasmo{
	background-color: #D9879B;
}
.pay li.manaca{
	background-color: #E3AA47;
}
.pay li.toica{
	background-color: #38A3AD;
}

.scamp span{
	font-weight: bold;
}
.scamp a{
	display: inline;
	color: #3089CD;
	text-decoration: underline;
}

.spdate{
	margin-top: 10px;
	padding: 10px 10px 0 10px;
	border: 2px solid #D9DCDE;
}
.spdate dt{
	padding: 0 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	color: #627AC0;
	border-bottom: 1px dotted #D9DCDE;
}
.spdate dd{
	padding: 5px 0 20px 0;
	font-size: 12px;
	color: #444;
}

.slink{
	padding: 10px 5px 0 5px;
}
.slink p{
	margin: 0 auto;
	width: 140px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.slink p a{
	padding: 5px;
	color: #FFF;
	background:	/* Firefox */
		-moz-gradient(bottom, from(#93959D),to(#7A7C83));
	background:	/* Safari、Chrome */
		-webkit-gradient(linear, left top, left bottom, from(#93959D),to(#7A7C83));
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;	/* Safari、Chrome */
	border-radius: 5px;
	-webkit-border-radius: 5px;	/* Safari、Chrome */
	-moz-border-radius: 5px;	/* Firefox */
	box-shadow: 0 0 3px #C9C9C9;
	-webkit-box-shadow: 0 0 3px #C9C9C9;	/* Safari、Chrome */
	-moz-box-shadow: 0 0 3px #C9C9C9;		/* Firefox */
}

.sboxno{
	padding: 10px;
}
.sboxnoin{
	font-size: 12px;
	color: #444;
	padding-bottom: 10px;
	border-bottom: 1px solid #B1B1B1;
}