@charset "Shift_JIS";

/* -----------------------------------------------------------------------------
**
** アパマンショップ rail CSS
**
----------------------------------------------------------------------------- */

/* ---------------------------------------------------------
** rail
--------------------------------------------------------- */
div#rail {
	width: 710px;
	margin: 0 auto 30px auto;
	color: #666666;
	background: #ffffff;
	}
div#rail h1 {
	margin: 10px 0 5px 0;
	background: url(/images/rail/bg_h1.jpg) bottom repeat-x;
	padding: 0 0 10px 0;
	color: #003399;
	font-size: 166%;
	font-weight: bold;
	}
div#rail p.lead {
	padding: 0 0 17px 0;
	}

/* ---------------------------------------------------------
** railwayBlock
路線図検索 大枠
--------------------------------------------------------- */
div#railwayBlock {
	border: 1px solid #b2d5ef;
	background: #dfeef9;
	}

/* btnBlock 表示切り替えボタン
--------------------------------------------------------- */
div#railwayBlock div.btnBlock {
	padding: 9px 9px 2px 9px;
	}
div#railwayBlock div.btnBlock ul li {
	float: left;
	}
/* headBlock 空表示念のための空きdiv
--------------------------------------------------------- */
div#railwayBlock div.headBlock {
	padding: 9px 0 0 0;
	}

/* innerBlock 中枠
--------------------------------------------------------- */
div#railwayBlock div.innerBlock {
	padding: 0 10px 2px 9px;
	}


/* ---------------------------------------------------------
** railwayInner
路線図検索 駅すぱあと部分
--------------------------------------------------------- */
div#railwayInner {
	float: left;
	width: 438px;
	}
div#railwayInner p#logo {
	text-align: center;
	padding: 10px 0;
	}

/* table
--------------------------------------------------------- */
div#railwayTbl table, 
div#railwayInner table {
	width: 436px;
	background: #b2d5ef;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #7bb7e3;
	}
div#railwayInner table td {
	width: 19px;
	padding: 0;
	}
div#railwayInner table td.cell01 {
	width: 398px;
	text-align: center;
	}
div#railwayInner table td.cell02 {
	vertical-align: middle;
	}
	
	
/* table
--------------------------------------------------------- */
div#resultBlock {
	width: 398px;
	background: #ffffee;
	}
div#resultBlock div.amountBlock {
	border-bottom:2px solid #969696;
	border-top:2px solid #969696;
	clear:both;
	color:#666666;
	font-size:116%;
	font-weight:bold;
	margin:10px 0 20px 0;
	padding:8px 0;
	width:398px;
	line-height: 15px;
}

div#resultBlock div.amountBlock .amount {
	float: left;
	padding: 0 0 0 5px;
	}
div#resultBlock div.amountBlock .amount .dataTxt {
	color: #ff9900;
	}
div#resultBlock div.amountBlock ul {
	float: right;
	text-align: right;
	padding: 0 5px 0 0;
	}
div#resultBlock div.amountBlock ul li {
	display: inline;
	}
div#resultBlock div.amountBlock ul li img {
	vertical-align: middle;
	}
div#resultBlock div.amountBlock ul li a {
	color: #666666;
	}
div#resultBlock div.amountBlock ul li.stay {
	color: #ff6600;
	}


div#resultBlock table {
	margin: 10px auto 20px auto;
	padding: 0;
	border-collapse: separate;
	border-spacing: 1px;
	width: 90%;
	}
div#resultBlock table th {
	white-space: nowrap;
	background: #f2e6bd;
	text-align: center;
	padding: 5px;
	}
div#resultBlock table td {
	width: auto;
	padding: 5px;
	}

/* ---------------------------------------------------------
** operation
地図右側 ユーザー操作部分
--------------------------------------------------------- */
div#operation {
	float: right;
	width: 241px;
	}
div#operation div.box01 {
	margin-bottom :10px;
	}
div#operation div.box01Inner {
	width: 241px;
	background: url(/images/rail/bg_operation.gif) no-repeat left bottom;
	}
div#operation div.box01Inner p.txt {
	font-size: 85%;
	padding: 8px 8px 7px 10px;
	}
div#operation div.box01Inner p.allowText {
	background: url(../../images/rail/bg_allow.gif) no-repeat 2px center;
	padding: 5px 0 5px 45px;
	}
div#operation div.box01Inner p.allowText span {
	font-size: 133%;
	}
div#operation div.box01Inner p.allowText span.names {
	color:#ff6600;
	}
div#operation div.box01Inner div#display {
	padding: 0 0 9px 10px;
	}
div#operation div.box01Inner div#display p.station {
	float: left;
	width: 164px;
	}
div#operation div.box01Inner div#display p.station input {
	width: 154px;
	height: 18px;
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	border-right: 1px solid #dfeef9;
	border-bottom: 1px solid #dfeef9;
	}
div#operation div.box01Inner div#display p.btn {
	float: left;
	width: 62px;
	}

div#operation div.box01Inner dl#selectStation {
	padding: 0 2px 9px 7px;
	}
div#operation div.box01Inner dl#selectStation dt {
	}
div#operation div.box01Inner dl#selectStation dd {
	margin-left: 4px;
	padding: 2px 0 3px 0;
	font-size: 85%;
	background: url(/images/rail/line_01.gif) repeat-x left bottom;
	width: 220px;
	}
div#operation div.box01Inner dl#selectStation dd ul li {
	float: left;
	width: 38px;
	color: #0fa0d2;
	line-height: 15px;
	}
div#operation div.box01Inner dl#selectStation dd ul li.list01 {
	padding-right: 3px;
	width: 111px;
	}
div#operation div.box01Inner dl#selectStation dd ul li.list02 {
	padding-right: 3px;
	text-align: right;
	width: 65px;
	}
div#operation div.box01Inner div.search {
	margin: 0 0 11px 10px;
	background: url(/images/rail/bg_search.gif) no-repeat left top;
	width: 221px;
	height: 60px;
	position: relative;
	}
div#operation div.box01Inner div.search p.btn01 {
	position: absolute;
	top:26px;
	left:28px;
	}
div#operation div.box01Inner div.search p.btn02 {
	position: absolute;
	top:26px;
	left:118px;
	}

/* -----------------------------------------------------------------------------
** clearfix
----------------------------------------------------------------------------- */
div#resultBlock,
div#resultBlock div.amountBlock,
div#railwayBlock div.btnBlock ul,
div#railwayBlock div.innerBlock,
div#operation div.box01Inner,
div#operation div.box01Inner div#display,
div#operation div.box01Inner dl#selectStation dd ul {
	overflow: hidden;
	}
	
div#resultBlock:after,
div#resultBlock div.amountBlock:after,
div#railwayBlock div.btnBlock ul:after,
div#railwayBlock div.innerBlock:after,
div#operation div.box01Inner:after,
div#operation div.box01Inner div#display:after,
div#operation div.box01Inner dl#selectStation dd ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	}
/*\*/
* html div#resultBlock,
* html div#resultBlock div.amountBlock,
* html div#railwayBlock div.btnBlock ul,
* html div#railwayBlock div.innerBlock,
* html div#operation div.box01Inner,
* html div#operation div.box01Inner div#display,
* html div#operation div.box01Inner dl#selectStation dd ul {
	height: 1em;
	overflow: visible;
	}
/**/