html, body {
	height: 100%;
}
a {
	display: block;
	text-decoration: none;
}
body {
	font-family: sans-serif !important;
	line-height: 1;
	margin: 0px;
	padding: 0px;
}
#wrapper {
	font-family: sans-serif;
	width: 100%;
}
.btnPageTop > a > span {
	background: url("/common/img/arw_pagetop.png") no-repeat scroll 0 0 / 9px 12px rgba(0, 0, 0, 0);
	display: inline-block;
	height: 12px;
	margin-right: 5px;
	width: 9px;
}
#headerArea {
	margin-top: 10px;
	overflow: hidden;
	padding: 0 10px;
	position: relative;
}
#headerArea > h1 {
	background:url(/common/img/logo_001.png) no-repeat 0 3px;
	background-size:188px 18px;
	-webkit-background-size:188px 18px;
	width:188px;
	min-height:21px;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}
#headerArea > h1 span {
	opacity:0;
}
.top-main-img {
	width: 100%;
	height: auto;
}
.topBanner {
	margin-top: 10px;
	overflow: hidden;
}
.top-Banner-01 {
	background-image: url(../images/sp_top_640-01_003.png);
	background-size: 5px;
	background-repeat: repeat-x;
	background-color: #68c8e7;
	height: 127px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.top-Banner-01-R {
	float: right;
	width: 111px;
	height: 110px;
	overflow: hidden;
}
.top-Banner-01-L {
	float: left;
	width: 320px;
	position: absolute;
	z-index: 200;
	overflow: hidden;
	height: 122px;
}
.top-Banner-ribon {
	background-color: #68c8e7;
	text-align: center;
}
/*---------- ランキング ----------*/
.ranking-01 {
	background-color: #68c8e7;
	width: 296px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #68c8e7;
}
.top-main-ranking {
	background-color: #68c8e7;
	clear: both;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 0px;
	text-align: center;
}
.top-main-middle {
	padding: 10px;
}
.top-main-middle-photo {
	float: left;
	width: 120px;
}
.top-main-middle-txt {
	float: left;
	width: 24px;
	margin-left: -10px;
	height: 24px;
}
.top-main-middle-txt-2 {
	float: left;
	font-size: 13px;
	margin-left: 5px;
	width: 120px;
}
.top-main-itiran {
	height: 20px;
	width: 37px;
	position: relative;
	left: 260px;
	top: 15px;
}
.ranking-number {
	background-color: #16cad0;
	color: #FFF;
	padding-right: 5px;
	padding-left: 5px;
}
.ranking-shiborikomu {
	float: right;
	height: 37px;
	width: 81px;
	margin-top: 15px;
	margin-right: 5px;
}
.ranking-display-map {
	margin-top: 15px;
	float:left;
	margin-left: 5px;
}
.sp-main-img-001 {
    background-image: url("../images/right-340-base2.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 639px auto;
    height: 132px;
    overflow: hidden;
}
.sp-main-img-001-sy {
    background-image: url("../images/right-340-base.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 115px auto;
    height: 132px;
    margin-top: 0;
    z-index: 500;
}
.sp-main-img-001-c {
	float: left;
	margin-left: 104px;
	margin-top: 16px;
	overflow: hidden;
	position: relative;
	width: 232px;
	z-index: 300;
}
.back-yg {
	background-color: #b5e71d;
	height: 83px;
	background-image: url(../images/imadake-back01.png);
	background-repeat: no-repeat;
	background-position: right;
	margin: 0px;
}
.back-yg-imadake {
	width: 285px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
}
.back-yg-imadake-l {
	float: left;
	height: 83px;
}
.top-main-tenposearch-out {
	background-color: #b5e71d;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 14px;
	padding-left: 14px;
}
.top-main-tenposearch-in {
	height: 56px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #95d60e;
	padding-right: 0px;
	padding-left: 0px;
	border-radius: 4px;
	box-shadow: 1px 2px #66ae0e;
	padding-bottom: 10px;
}
.top-main-tenposearch-in-2 {
	width: 290px;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
}
.back-yg-2 {
	background-color: #b5e71d;
	height: 105px;
	margin: 0px;
}
.key-search_btn_class {
	font-size:12px;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #268a16;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #77d42a), color-stop(100%, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#69BC25;
	color:#FFFFFF;
	display:inline-block;
	text-shadow:1px 1px 0px #aade7c;
	-webkit-box-shadow:inset 1px 1px 0px 0px #caefab;
	-moz-box-shadow:inset 1px 1px 0px 0px #caefab;
	box-shadow:inset 1px 1px 0px 0px #caefab;
	float: right;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	background-position: top;
	cursor:pointer;
	margin-right: 5px;
}
.key-search_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #5cb811), color-stop(100%, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	background:-ms-linear-gradient( top, #5cb811 5%, #77d42a 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}
.key-search_btn_class:active {
	position:relative;
	top:1px;
}
.top-main-tenposearch-in-title {
	padding-top: 3px;
	padding-left: 5px;
}
.map-out-box {
	text-align: center;
	padding-top: 10px;
}
.map-in-box-w-line {
	background-color: #a6ebed;
	margin-right: 0px;
	margin-left: 0px;
	border: 2px solid #FFF;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 4px;
}
.se-out-table {
	width: 100%;
	margin-top: 10px;
}
.footer-flag {
	background-image: url(../images/sp_top_640-jal-fl-b.png);
	background-repeat: repeat-x;
	text-align: right;
	height: 38px;
}
.to-jal-top-meunu {
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.to-camp-top-meunu {
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-size: 14px;
}
.sp_top_640-back-btn {
	background-image: url(../images/sp_top_640-back-btn.png);
	background-repeat: repeat-x;
	height: 68px;
	padding-top: 5px;
}
.search-cat-btn {
	background-color: #95d60e;
	margin-right: 10px;
	border-radius: 4px;
	box-shadow: 1px 2px #66ae0e;
	padding-top: 6px;
	padding-bottom: 6px;
}
.search-place-btn {
	background-color: #95d60e;
	margin-left: 10px;
	border-radius: 4px;
	box-shadow: 1px 2px #66ae0e;
	padding-top: 6px;
	padding-bottom: 6px;
}
.btnPageTop {
	margin-top: 15px;
	text-align: center;
}
.btnPageTop a {
	background: linear-gradient(to bottom, #C6C6C6 0%, #8A8A8A 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-radius: 5px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	text-shadow: 1px 1px 1px #777777;
}
#footerArea {
	overflow: hidden;
}
#footerArea .footTail {
	background: url("/common/img/pic_footer.png") no-repeat scroll right 0 / 320px 33px rgba(0, 0, 0, 0);
	height: 33px;
	position: relative;
	z-index: 1;
}
#footerArea small {
	border-top: 1px solid #B6B6B7;
	display: block;
	font-size: 12px;
	margin-top: -1px;
	padding: 8px 0;
	text-align: center;
}
.top-main-middle-txt-2-b {
	line-height: 1.2em;
	margin-bottom: 5px;
}
.top-main-ranking img {
	display: inline !important;
}
/*20140224-add*/

/* sectionEnd */
#contents > div.secEnd {
	margin-left:-10px;
	margin-right:-10px;
}
div.secEnd {
	height:20px;
	background:#ffffff;
	margin-top:5px;
	background:-moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e2e2e2));
	background:-webkit-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
	background:-ms-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
	background:linear-gradient(to bottom, #ffffff 0%, #e2e2e2 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=0 );
}
.footNavi {
	margin-top: 10px;
}
.footNavi ul {
	text-align: center;
}
.footNavi ul li {
	font-size: 13px;
	font-weight: bold;
}
.footNavi ul li a {
	display: inline-block;
	font-weight: normal;
}
.btnJalTop a, .memberBox .errTxt .reloadBtn a {
	color:#555;
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	border-radius:5px;
	text-shadow:1px 1px 1px #FFF;
	background: #ffffff;
	border:1px solid #CCCCCC;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );
}
#footerArea small {
	border-top: 1px solid #B6B6B7;
	display: block;
	font-size: 12px;
	margin-top: -1px;
	padding: 8px 0;
	text-align: center;
}
.ui-mobile body.ui-mobile-viewport div.ui-loader h1 {
	display: none;
}
input[type=radio]:checked + label {
	color: red !important:
}
#searchForm div.ui-controlgroup-controls div.ui-checkbox div.ui-checkbox{
	font-style: italic;
}
.yiiLog{
	display: none;
}
/*20140328-add*/
#headerArea {
	margin-top: 10px;
	overflow: hidden;
	position: relative;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.btnPageTop a {
    background: linear-gradient(to bottom, #C6C6C6 0%, #8A8A8A 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    text-shadow: 1px 1px 1px #777777;
}