@charset "utf-8";

/* ----------------------------------------------------
        テーブルのずれを直す
---------------------------------------------------- */
.right-area { padding-left:1px; }

/* ====================================================
	
	
	
	creafixなどフロート解除関連
	
	
	
====================================================*/

.clear {
	clear: both;
}

/* ----------------------------------------------------
	clearfix の代用
	<div class="hr"><hr /></div>
---------------------------------------------------- */

div.hr { clear:both; }
div.hr hr { display:none; }

/* ----------------------------------------------------
	clearfix
---------------------------------------------------- */

.clearfix {
	zoom:1;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	margin: -1px 0 0 0;
}
     /* for IE6 */  
    * html .clearfix {  
     display:inline-block;  
     }
     /* for IE7 */  
     *+html .clear<span class="hilite">f</span>ix {  
     display:inline-block;  
     }  

/* for MacIE5 \*//*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}


/* ------------------------------------------------------
スワップポイントリスト
------------------------------------------------------ */
.al {
	text-align:left;
}

.pointDate {
	text-align:right;
}

.listTable,
.listTable th,
.listTable td { /* 初期化 */
	margin:0;
	padding:0;
	border-collapse:collapse;
}

/* 簡易ライブラリ */
.listTable .al { text-align:left; }
.listTable .ar { text-align:right; }
.listTable .ac { text-align:center; }


.listTable {
	width:550px
}
	
	.listTable th,
	.listTable td {
		padding:2px;
		border:1px solid #98A6CC;
	}
	
	.listTable th {
		color:#FFF;
		background-color:#81A3BC;
	}
	
	.listTable td {
		background-color:#F2F4F7;
		text-align:center;
	}
	
	.listTable .groupHeader {
		background-color:#E3E8EE;
	}
	
	.listTable .minus {
		text-align:right;
		color:#CC0000;
	}
	
	.listTable .plus {
		text-align:right;
		color:#0066CC;
	}





.swapCol {
	width:160px;
	_width:180px;
	height:160px;
	_height:210px;
	padding:40px 10px 10px;
	background:url(/common/images/swapColBg.gif) 0 0 no-repeat;
}

.swapCol table {
	margin:0;
	padding:0;
	border-collapse:collapse;
	width:100%;
}

.swapCol .previous {
	float:left;
}

.swapCol .position {
	width:84%;
	display:block;
	float:left;
	text-align:center;
}

.swapCol .next {
	float:right;
}

.swapCol th,
.swapCol td {
	font-size:8pt;
	border:1px solid #98A6CC;
	background-color:#FFF;
	vertical-align:middle;
	text-align:center;
}

.swapCol td a {
	display:block;
}

.swapCol .disable {
	color:#999;
}

.swapCol .sat {
	background-color:#E3E8EE;
}

.swapCol .sun {
	background-color:#FFD0E8;
}

.swapCol .active {
	font-weight:bold;
	color:#FFF;
	background-color:#81A3BC;
}