@charset "UTF-8";

/* image replacement */
.ir-bt_to_top{/*background-image:url(/top/images/std/common/bt_to_top.gif); height:45px; width:320px;*/ text-align: center; }


/**/
.withThumb {
	display: block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	width: 100%;
}
	.withThumb .thumb {
		float: left;
	}
	.withThumb .title,
	.withThumb .desc {
		padding-left: 60px;
	}
	.withThumb .title {
		font-weight: bold;
		line-height: 1.5;
		margin-bottom: .75em;
		text-decoration: underline;
	}
	.withThumb .desc {
		color: #333;
		line-height: 1.35;
	}
#btn-siteGuide {
	position: absolute;
	right: 15px;
	top: -106px;
	height: 21px;
	width: 101px;
}
	#btn-siteGuide.withJS{
		top:-27px;
	}

/* ------------------------------
 * main column common
------------------------------ */
/* counter */
.head-counter {
	background: #FFF;
	border-radius: 100px;
	font-size: 11px;
	padding: 5px 10px;
	position: absolute !important;
	right: 10px;
	top: 12px;
}
	.head-counter dt,
	.head-counter dd {
		display: inline-block;
		line-height: 15px;
		vertical-align: middle;
	}
	.head-counter dt {
		background: url(../../../images/std/common/ico_head_counter.gif) no-repeat 0 50%;
		padding-left: 20px;
	}
	.head-counter .counter {
		color: #F00;
		font-weight: bold;
	}
	.head-counter .counter .num {
		font-size: 16px;
	}
/* titles */
.area-name,
.search-type { font-size: 24px; }
.search-option { font-size: 24px; }
#listPage-header .heading.lv1{padding-right:200px}
#search-area .heading.lv1.withCounter { padding-right: 235px; }
.small { font-size: 20px;  }

/* relation item list */
#relation-item {}
	/*#relation-item li { margin: 0 3em 1em 0;}*/
#relation-town .openerArrowS {
	margin-top:8px;
}
/* popular  */
#popular-wrap {
	margin-bottom: 20px;
}
	#popular-wrap div {
		float: left;
		margin-bottom: 0;
		width: 240px;
		box-sizing:border-box;
		min-height:224px;
	}
	#popular-wrap p.read {
		font-size: .833em;
		padding: 0 17px 10px;
	}
	#popular-wrap div+div {
		margin-left: 15px;
	}
	#popular-wrap .no-data {
		padding: 0 17px 10px;
	}
	#popular-wrap ul {
		min-height: 12em;
	}
#search-keyword {
}
	#search-keyword .inner {
		padding: 20px 17px 20px 7px;
	}
	#search-keyword .holdList {
		background: #F7F9FD;
		float: left;
		margin-left: 10px;
		min-height: 18.5em;
		width: 230px;
	}
/*	#search-keyword .holdList:first-child { margin-left: 0; }*/
	.oneColumn #search-keyword .holdList { min-height: 13em; width: 300px; }

/* search with fudousanCom */
#linkbox-fudousankaisha{
	background: #fff;
	border: 1px solid #ccc;
	margin-top:-10px;
	margin-bottom: 20px;
	padding: 10px 15px;
	position: relative;
}
	#linkbox-fudousankaisha .item .thumb{
		margin-bottom:0;
	}
	#linkbox-fudousankaisha .withThumb .title{
		padding-left:15px;
		line-height:40px;
	}

/* athome library */
#athome-library {
	border: 3px solid #F7F9FD;
	background: #FFF;
	margin-bottom: 20px;
	outline: 1px solid #CCC;
	padding: 15px 20px;
	position: relative;
}
	#athome-library a { min-height: 60px; }
	#athome-library .thumb { left: 0; position: absolute; }
	#athome-library .title,
	#athome-library .desc { clear: left; float: left; padding-left: 75px; }
	
/* popular keyword list */
#popular-keyword {}
	#popular-keyword .desc { font-size: .917em; }
	#popular-keyword a {}
	#popular-keyword ul { margin-top: 1em; }
	#popular-keyword li {
		margin-right: 1em;
		margin-bottom: .5em;
	}

/* page bottom text */
#seo-text { clear: both; }

/* search common */
.search-items {
	border: 5px solid #EEE;
	margin-bottom: 15px;
}
	.search-items fieldset,.search-items .fieldgroup {
		border: none;
		position: relative;
	}
	.search-items fieldset+fieldset,.search-items .fieldgroup+.fieldgroup {
		border-top: 1px solid #EEE;
	}
	.search-items .heading {
		background: #F5F5ED/*#F6F6F6*/;
		color: #630;
		display: block;
		font-size: 1.25em;
		padding: 10px 15px;
		position: relative;
	}
		.search-items .heading input[type="checkbox"] {
			filter:alpha(opacity=0);
			outline: none;
			opacity : 0;  
			padding: 0;  
			position: absolute;
		}
		.search-items .heading label {
			background: url(../../../images/std/search/bg_input_off.png) no-repeat 0 50%;
			display: block;
			line-height: 22px;
			padding-left: 35px;
		}
		.search-items .heading.checked label {
			background-image: url(../../../images/std/search/bg_input_on.png);
		}
		.search-items .heading+p.more {
			top: 1.0em;
		}
	.search-items fieldset ul,.search-items .fieldgroup ul {
		padding: 8px 0 15px 15px;
	}
		.search-items fieldset ul li,.search-items .fieldgroup ul li {
		}
		.search-items fieldset ul li,
		.search-items .fieldgroup ul li,
		.search-items_table td li {
			margin-bottom: 1em !important;
			padding-left: 1.75em;
			text-indent: -1.75em;
		}
		.search-items li label {
			line-height: 1.2;
		}
		/*
		.search-items input[type="checkbox"]:checked+label,
		.search-items input[type="radio"]:checked+label,
		.search-items input[type="checkbox"]:checked+label span,
		.search-items input[type="radio"]:checked+label span{
			color: rgb(208, 12, 11);
			font-weight: bold;
		}
		*/
		.search-items.area-group label span { color: #0633ac; cursor: pointer; text-decoration: underline; }
		.search-items.area-group label span:hover { color: #069; }
		.search-items fieldset li.null,
		.search-items fieldset li.null span,
		.search-items .fieldgroup li.null,
		.search-items .fieldgroup li.null span { color: #666; text-decoration: none; }
		.search-items li.dev-showAreaFlag label span,
		.search-items li.dev-showAreaFlag label span:hover, 
		.search-items li.dev-showAreaFlag-wo-js label span,
		.search-items li.dev-showAreaFlag-wo-js label span:hover ,{ color: #666; text-decoration: none; }
		#search-modal_contents .search-items.area-group label span { text-decoration: none; }

.search-items.area-group label span.cursor-default {
cursor: default;
}
.search-items.area-group label span.color-default {
color: #000000;
}
.search-items li.dev-showAreaFlag label span { color: #666; text-decoration: none; }
.search-items li.dev-showAreaFlag label span:hover { color: #666; text-decoration: none; }
.search-items li.dev-showAreaFlag-wo-js label span { color: #666; text-decoration: none; }
.search-items li.dev-showAreaFlag-wo-js label span:hover { color: #666; text-decoration: none; }

.boxHover.active {
	background: #FFFFD9;
}

/* counter */
.search-items_result {
	border: 3px solid #ADA994;
	border-radius: 3px;
	margin: 0 auto 35px;
	width: 613px;
}
	.search-items_result .inner {
		background: rgb(255,255,255);
		background: -webkit-linear-gradient( rgba(238,238,224,1) 20%, rgba(255,255,255,1) 100% );
		background: linear-gradient( rgba(238,238,224,1) 20%, rgba(255,255,255,1) 100%  );
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEE0', endColorstr='#FFFFFF', GradientType=0 );
		border: 1px solid #FFF;
		padding: 0;
		position: relative;
	}
	.result-counter{
		padding: 20px;
		position: relative;
	}
		.result-counter dt,
		.result-counter dd {
			color: #4B4638;
			display: inline-block; 
			font-weight: bold;
			vertical-align: middle;
		}
		.result-counter dt {
			background: url(../../../images/std/search/ico_result.png) no-repeat 0 0;
			font-size: 18px;
			line-height:30px;
			margin-right: 20px;
			padding-left: 45px;
		}
		.result-counter dd {
			font-size: 15px;
		}
		.result-counter .counter {
			background: rgb(255,255,255);
			background: -webkit-linear-gradient( rgba(255,255,255,1) 20%, rgba(238,238,238,1) 100% );
			background: linear-gradien( rgba(255,255,255,1) 20%, rgba(238,238,238,1) 100% );
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0 );
			color: #F00;
/*			font-family: Arial, Helvetica, sans-serif;*/
			font-size: 24px;
			font-weight: bold;
			border: 2px solid #444;
			display: inline-block;
			line-height: 1.2;
			vertical-align: bottom;
		}
			.result-counter .counter span {
				float: left;
				font-family: "Arial Black", Gadget, sans-serif, Helvetica !important;
			}
			.result-counter .counter span+span {
				border-left: 2px solid #777;
			}
				.result-counter .counter span span {
					border: 1px solid #FFF;
					min-width: 1em;
					text-align: center;
				}
			.result-counter .viewResult {
				margin-top: -21px;
				position: absolute;
				right: 15px;
				top: 50%;
			}
	.result-noCounter {
		padding:10px;
		position:relative;
	}
		.result-noCounter .viewResult {
			margin:0 auto;
			text-align:center;
		}
	table.search-items_table {
		border-collapse: collapse;
		width: 100%;
	}
	.search-items_table th,
	.search-items_table td {
		border-bottom: 1px solid #EEE;
		padding: 10px 15px;
	}
	.search-items_table th {
		background: #F5F5ED/*#FAFAF6*/;
		color: #630;
		text-align: left;
		white-space: nowrap;
		width: 13%;
		padding: 10px 10px;
	}
		.search-items_table th span.ico img { margin-left: 3px; vertical-align: text-top; }
	.search-items_table td { padding-right: 0; }
.selected-railroad {
	border-bottom: 1px dotted #ADA993;
	padding: 10px 20px;
}
	.selected-railroad dt { color: #4B4638; font-size: 1.167em; font-weight: bold; white-space:nowrap; line-height:1.6em;}
	.selected-railroad dd {padding-left: 20px; line-height:1.6em; }
	.selected-railroad dd >span {padding-right: 20px; display:inline-block; padding-bottom:5px; }
.selected-railroad+.result-counter { padding: 15px 20px; }

.openerArrowS a:after{
		content: url(/top/images/std/common/ico_opener_s.gif);
		transition: transform 0.5s;
		-moz-transition: transform 0.5s;
		-webkit-transition: transform 0.5s;
		-o-transition: transform 0.5s;
  	}
	.openerArrowS.open a:after {
		content: url(/top/images/std/common/ico_opener_s_close.gif);
		/*
		-moz-transform: rotateZ(180deg);
		-webkit-transform: rotateZ(180deg);
		-o-transform: rotateZ(180deg);
		-ms-transform: rotateZ(180deg);
		*/
	}
/* todo:fix after
.toggleList+.openerArrowS {
	display: none;
}
*/
/* contents link */
.contents-link { margin-bottom: 20px; }
	.contents-link .item {
		border: 3px solid #F7F9FD;
		background: #FFF;
		margin-bottom: 12px;
		outline: 1px solid #CCC;
		padding: 9px 20px 9px 11px;
		position: relative;
	}
		.contents-link .item .thumb { line-height: .1; margin: 0; }
		.contents-link .item .title,
		.contents-link .item .desc { display: block; padding-left: 155px; }
		.contents-link .item .title { font-size: 1.167em; margin-bottom: .5em; }
.oneColumn .contents-link .item {
	padding: 15px;
}

/* ------------------------------
 * narrow column common
 *  - item list
 *  - item detail
------------------------------ */
/* banner */
.banner-wrap p { margin-bottom: 10px; }
.banner-wrap .dfp { margin-bottom: 10px; }
/* narrow list common */
.side-item_wrap {
	line-height: 1.25;
	margin-bottom: 15px;
}
	.side-item_wrap .inner {
		border: 1px solid #CED496;
		border-top: none;
	}
	.side-item_wrap .item+.item { border-top: 1px dotted #CED496; }
.side-item_title {
	background: #9EA365;
	border-radius: 3px 3px 0 0;
	color: #FFF;
	padding: .5em .75em;
}
.item.side { background: #FFF; }
	.item.side a {
		/*color: #333;*/
		text-decoration: none;
	}
	.item.side dl {
		overflow: hidden;
		padding-bottom: 5px;
		position: relative;
	}
	.item.side dt {
		background: #F5F6EA;
		border: 1px solid #FFF;
		padding: 5px 8px;
		text-align: center;
	}
	.item.side a dt,.item.side a:visited dt{
		color: #333;
		text-decoration: none;
	}
	.item.side .desc {
		font-size: 10px;
		text-decoration: underline;
	}
	.item.side .thumb {
		float: left;
		margin: 7px;
	}
		.item.side .thumb img { border: 1px solid #EEE; }
	.item.side .price {
		color: #F00;
		font-weight:bold;
		margin: 9px 0 3px;
	}
/* custom */
#side-userRecommend .side-item_title { font-size: 11px; }
#side-history .side-item_title { text-align: center; }

/* excol */
#exCol .item.side dt { font-size: 10px; }
#exCol .item.side .thumb { margin: 5px; }
#exCol .item.side .desc { }
#exCol .item.side .desc,
#exCol .item.side .price { padding-left: 50px; }
/* subcol */
#subCol .item.side {}
#subCol .item.side .thumb { margin: 7px; }
#subCol .item.side dt,
#subCol .item.side .desc { margin-bottom:4px;  }
#subCol .item.side .desc,
#subCol .item.side .price { padding-left: 80px; }
#subCol .item.side .price { font-size: 14px;	}
#subCol #side-userRecommend .side-item_title,
#subCol #side-history .side-item_title {
	font-family: "Meiryo UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif, Helvetica;
	font-size: 14px;
}

/* modal
-------------------- */
/*
html.inModal {
    overflow: hidden !important;
}*/
#modalWrap {
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	width: 100%;
	height: 100%;
}
#modalLayer {
	background: #e1e1e1;
	filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 500;
}
	#modalBody {
		background: #FFF;
		left: 50%;
		position: absolute;
		z-index: 501;
		top: auto;
	}
	#zoomContents {
	}
	#modalClose  {
		cursor: pointer;
		position: absolute;
		right: 17px;
		top: 13px;
		z-index: 10000;
	}
/* for colorbox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*  User Style: */
#cboxOverlay{background: #e1e1e1; /*opacity: 0.8; filter: alpha(opacity = 80);*/}
#colorbox{outline:0;}
.modalBody #container, .modalBody #mainCol { padding: 0; width: 960px; }

/* help tip */
.helpTip { line-height: 1.4; }
.helpTip .hTitle{
	background: #C00;
	color: #FFF;
	font-weight: bold;
	padding: 3px 5px;
	margin-bottom: 5px;
}
.helpTip .hContent{
	font-size: 90%;
}

/* js off */
.noscript {
	display: none;
}

/* err */
.form-error.simple {
	background: #FFF;
	font-weight: bold;
	margin: 5px auto 20px;
	text-align: center;
}
	.form-error.simple .err-mess {
		border: 5px solid #E68E93;
		color: #C33;
		display: inline-block;
		font-size: 1.333em;
		margin: 0 auto;
		padding: .5em 4em;
	}
#search-modal_contents .form-error.simple {
	margin: -25px auto 10px;
}
	#search-modal_contents .form-error.simple .err-mess {
		font-size: 1em;
	}
#search-modal_contents #station_error_msg {
	margin-top: 0;
}

/* bookmark */
.mWrap {
    background: #FFF;
    border: 3px solid #CA0A37;
    padding: 8px 15px;
    text-align:center;
    width: 288px;
    height: auto;
}
	.mWrap p.btn {
		margin-bottom: 5px;
	}
	.mWrap p.messe {
		color: #C03;
		font-size: 16px;
		padding: 5px 10px;
	}
	.mWrap .innerWrap {
	}
	.mWrap .messeBox {
	}
		.mWrap .wrapSecond {
			background: #FAFAF6;
			color: #630;
			font-weight: bold;
			padding: .5em;
		}
		.mWrap .checkText {
			margin: .75em 0;
		}