/*
======== table of content. =================================

-CONTENT
  - CONTENT HEADER
  - MAIN
  	- MAIN LEFT
	- MAIN RIGHT

  	- MY CART
  	- OTHER EXPLAIN TEXT
  - CONTENT BOTTOM
	
============================================================
*/


/*-----------------------------------------------------
CONTENT
-------------------------------------------------------*/
div#content {
	width:920px;
	padding:20px 18px 20px 22px;
}



/*-----------------------------------------------------
CONTENT HEADER
-------------------------------------------------------*/
div#contentHeader {
	width:920px;
	overflow:hidden;
}

/* 15 lines were changed to this file on 09/08/27. ---------- */
div#stepProgress {
	float:right;
	width:366px;
	height:22px;
}








/*  - END 15 lines were changed to this file on 09/08/27.------------ */
p#caution {
	width:855px;
	height:30px;
	margin:10px 0 0 0;
	padding:14px 20px 0 45px;
	background:
		url(../images/hotel_list/bg_caution.jpg) 
		no-repeat left top;
	color:#FFF;
	font-weight:bold;
}



/*-----------------------------------------------------
MAIN
-------------------------------------------------------*/

div#main {
	width: 920px;
	margin:10px 0 0 0;
	overflow:hidden;
}

/*-----------------------------------------------------
MAIN LEFT , MAIN RIGHT
-------------------------------------------------------*/
div#mainLeft {
	float:left;
	width:690px;
}

div#mainRight {
	float:right;
	width:210px;
}

.pagetop {
	clear:both;
	padding:30px 0 10px 0;
}

/*-----------------------------------------------------
MY CART
-------------------------------------------------------*/
div#contentMyCart {
	width:200px;
	padding:5px;
	background:
		url(../images/hotel_list/bg_cart_area.jpg) 
		repeat left top;
}

div#contentMyCart div#cartBody {
	width:190px;
	padding:0 5px;
	background:#FFF;
}

ul#list-myCart li {
	padding:10px 0 10px 0;
	background:
		url(../images/common/img_dotline02.gif) 
		repeat-x left bottom;	
	line-height:1;
}

ul#list-myCart li p.hotel-name {
	width:185px;
	height:19px;
	margin:5px 0 0 0;
	padding:5px 0 0 5px;
	background:
		url(../images/hotel_list/bg_cart_prodname.jpg) 
		no-repeat left top;
	color:#FFF;
	font-weight:bold;
	font-size:107%;
}
ul#list-myCart li p.hotel-area {
	display:block;
	padding:3px 0 3px 0;
	text-align:right;
	font-size:93%;
	font-weight:normal;
}

ul#list-myCart li dl {
	width:175px;
	margin:5px 5px 0 3px;
	overflow:hidden;
}
ul#list-myCart li dl dt {
	float:left;
	font-weight:bold;
	color:#A47406;
}

ul#list-myCart li dl dd {
	float:left;
	margin:0 0 0 3px;
}

ul#list-myCart li p.cart-delete {
	margin:5px 0 0 0;
	text-align:right;
}


div#cartBody p.to-detail {
	padding:10px 3px 10px 0;
	background:
		url(../images/common/img_dotline02.gif) 
		repeat-x left bottom;
	text-align:right;
}
div#cartBody p.to-detail a {
	padding-left:14px;
	text-indent:0;
	background: 
		transparent 
		url(../images/common/icon_cursor_blue_sq1r.gif) 
		no-repeat 0 3px;
}
div#cartBody p.to-detail a:link,
div#cartBody p.to-detail a:visited {
	color:#203674;
}
div#cartBody p.to-detail a:hover {
	color:#A47406;
}

div#cartBody dl.cart-no {
	padding:10px 0 10px 0;
}
div#cartBody dl.cart-no dt {
	float:left;
	font-weight:bold;
	color:#A47406;
}

div#cartBody dl.cart-no dd {
	float:left;
	margin:0 0 0 3px;
}


div#contentMyCart p.btn-area {
	padding:7px 0 2px 0;
}

div#contentMyCart p.text{
	padding:10px 5px 10px 5px;
}
div#contentMyCart ul.NoCart{
	padding:0 0 10px 0;
}
div#contentMyCart ul.NoCart li{
	float:left;
	display:inline;
}
div#contentMyCart ul.NoCart li .input-form-cart{
	width:100px;
	margin:0 10px 0 0;
}

/* OTHER EXPLAIN TEXT
---------------------*/
ul.other-exp-txt {
	margin:10px 0;
}
ul.other-exp-txt li {
	width:198px;
	margin:0 0 10px 0;
	padding:5px;
	border:1px solid #CCC;
	background:#EEE;
}

ul.other-exp-txt li dl dt {
	padding:3px 0;
	font-weight:bold;
}
ul.other-exp-txt li dl dd {
	
}


/*-----------------------------------------------------
CONTENT BOTTOM
-------------------------------------------------------*/
div#contentBottom {
	padding:0 0 0 0;
}

div#contentBottom p.txt-note {
	width:910px;
	padding:0 30px 10px 0;
	text-align:left;
}

div#contentBottom p.txt-note span {
	color:#CC0000;
	margin:0 5px 0 0;
}
div#contentBottom p.other-lang {
	margin:10px 0;
	text-align:left;
}

div#contentBottom p.other-lang a:link,
div#contentBottom p.other-lang a:visited {
	color:#2E488B;
}
div#contentBottom p.other-lang a:hover {
	color:#A47406;
}

div.hr-line {
	width:910px;
	margin:0 30px 15px 0;
}