@charset "utf-8";

/* -------------------------------------------------------------------

RITZ-CARLTON-OSA Style
	version:20090301
	
Color:
	NAVY	#0a1761
		#ddd

Index:
	001.	Overdrive
	002.	Structure <- none
	003.	Header
	004.	Footer
	005.	Content
	006.	Sidebar
	007.	Topicpath
	008.	Utilities
	998.	FORM CUSTOM
	107.	Sexy Buttons
	108.	idTabs - Jquery
	109.	biggerLink - Jquery <- none
	999.	THE WORLD - ClearFix <- none
	
------------------------------------------------------------------- */


/* 001.	Overdrive
------------------------------------------------------------------- */

	body {color:#663300;	/* graphite */}
	strong	{color: #993300;}
	a:link	{color: #663333;}
	a:visited	{color: #63C;}
	a:hover	{color: #FF6600;}


/* 003.	Header
------------------------------------------------------------------- */

	/* Portal */ 
		#logomark {margin-top: 0;}
	
	#header .hospitalitynav a	{color: #FF6600;}

	
/* ※ポータル用に追加 */

	#SiteItemdetail #header .c2-half-R {
	padding-bottom: 0px;
	}
	
	#SiteItemdetail #header .c2-half-L {
	padding-bottom: 0px;
	}

/* ここまで
------------------------------------------------------------------- */


/* 004.	Footer
------------------------------------------------------------------- */

	#footernav {border-top-color:#FF6600;}
	#footernav ul li {border-left-color:#FF6600;}
	#footer {border-top-color:#FF6600;}


/* 005.	Content - Home
------------------------------------------------------------------- */

	/* Portal */  
	.c2-half-L .c4, .c2-half-R .c4 {margin-left:0;margin-bottom:5px;float:right;}
	.c2-half-L .c4s, .c2-half-R .c4s {margin-bottom:5px;}


/* ※ポータル用に追加 (スタイル名だけ変更SiteItemsearch_index→home_2colum)*/


		#home_2colum .c4, #home_2colum .c4s, #searchResult .c4, #searchResult .c4s {

			width: 175px;

			margin-left: 10px;

			margin-top: 0;

			padding-bottom: 0;

		}

			#searchResult .c4, #searchResult .c4s {

				margin-bottom: 10px;

				background: url(/img/item_search/c4_bg.png) no-repeat bottom center;

			}

			#searchResult .c4 p.isName, #searchResult .c4s p.isName {

				padding-left: 6px;

				padding-right: 6px;

			}

			#searchResult .c4 p.isPrice, #searchResult .c4s p.isPrice {

				margin-top: 1em;

				padding-left: 6px;

				padding-right: 6px;

				text-align: right;

			}

			#searchResult .c4 p.imgb, #searchResult .c4s p.imgb {

				background: url(/img/item_search/c4_bg.png) no-repeat top left;

				margin-top: 0;

				padding-left: 5px;

				padding-right: 5px;

				padding-top: 5px;

			}

		#home_2colum .c4s, #searchResult .c4s  {

			margin-left: 0;

			clear: left;

		}

		#searchResult .imgb a img,

		#searchResult .imgb a:hover img {

			margin: 0;

			border: none;

		}

/* ※ポータル用に追加 （ＴＯＰページ商品をカテゴリごとにランダム表示)*/

	#home_2colum .c4, #home_2colum .c4s
	{
	
	width: 165px;

/* ★マージンを計算したら「25px」が出てきた。しかし、適応すると355pxないに収まらずずれる...22pxだとＯＫ ie6,7とfirefoxでＯＫ。どうすればよいか岩田さんに相談　*/

	margin-left: 22px;
	
	padding-bottom: 8px;
	
	}
	
	
	#home_2colum .c4s
	
	{
	
	margin-left: 0pt;
	
	clear: left;
	
	}
	



/* 005.	Content - Itemsearch
------------------------------------------------------------------- */

	div#itemsearch {
		border-color:#ddd;
		background: url(img/itemsearch_bg.jpg) repeat-y right top;
	}
		table#search th, table#search td {border-bottom-color:#ddd;}
		table#search .btnSearch {border-top-color:#ddd;}


/* 005.	Content - Items
------------------------------------------------------------------- */

	body#SiteItemdetail #content h2,
	body#SiteItembrand #content h2,
	body#SiteItemmaker #content h2 {border-bottom-color:#999}
	
	table.itemDetail .itemName {border-top-color:#ccc;}
	table.itemDetail td {border-bottom-color:#ccc;}
	table.itemSpec {
		border-top-color:#ccc;
		border-bottom-color:#ccc;
	}
		table.itemSpec th, table.itemSpec td {
			border-bottom-color:#ccc;
		}
	body#SiteItemdetail #content .icoBlock h3,
	body#SiteItemdetail #content .specialnote h3 {
		border-bottom-color:#ccc;
	}
	#cartBlock {
		border-color: 3px solid #cdae78;
		background: #f3f0df;
	}

/* 005.	Content - Cart
------------------------------------------------------------------- */

	table#addCart {border-top-color:#eae2dc;}
	#SiteCartadd h3 {border-bottom-color:#ddd;}
	table#basket th, table#basket td {border-color:#e3ddca;}
		table#basket th {background: #ebe6d7;}
		table#basket td {background: #f6f5ef;}


/* 005.	Content - Sitemap
------------------------------------------------------------------- */

	table#sitemap {border-top-color:#ddd;}
		table#sitemap th {
			border-right-color:#ddd;
			border-bottom-color:#ddd;
		}
		table#sitemap td {border-bottom-color:#ddd;}


/* 005.	Content - FAQ
------------------------------------------------------------------- */

	#faq h3 {
		background-color: #4a352c;
		color: #fff;
	}
	#faq dt {border-bottom-color:#ccc;}


/* 006.	Sidebar
------------------------------------------------------------------- */
	
	#localnav {background-color: #FFF4E8;}

	#sidebar .srankingItems,
	#sidebar .sconciergedesk {
		background: #fff;
		border-color:#ddd;
	}
		#sidebar .srankingItems li {
			border-bottom-color:#eee;
		}
		
		
	
/* ※ポータル用に追加 （サイドバーに背景デザイン・リストデザイン追加)*/
	
	#sidebar .recommendItems_p{
		padding: 5px 10px;

		background: #fff;

		border: 1px solid #ddd;

		border-top: 0;

		border-style:none;
		
		background: url(common/bg_recommendItems.png) repeat-y left bottom;
		
	}

	#sidebar .recommendItems_p li {
	
		font-size: 0.8em;

		clear: left;

		margin-top: 5px;

		padding-bottom: 5px;

		border-bottom: 1px solid #eee;

		list-style-type: none;
		
		zoom: 100%;
		
		padding-left:35px;
		
		background: url(common/li_rankingB.png) no-repeat left center;
	}
	
	#sidebar .recommendItems_p ul {
	
		margin-top: 0;

		padding-top: 0;

		margin-left: 0;

		padding-left: 0;

	}
	

	#sidebar .recommendItems_p li:after {

		content: " "; 

		clear: both; 

		height: 0; 

		display: block; 

		visibility: hidden;


	}	
	
	#sidebar .ranking {

		padding: 5px 10px;

		background: #fff;

		border: 1px solid #ddd;

		border-top: 0;

	}

	

	#sidebar .osususmeItems {
	
		padding: 5px 10px;

		background: #fff;

		border: 1px solid #ddd;

		border-top: 0;

		border-color:#ebdbc3;

		/*border-top: 1px solid #ccc;*/
	}

	#sidebar .osususmeItems ul {
	
		margin-top: 0;

		padding-top: 0;

		margin-left: 0;

		padding-left: 0;

	}
	
	#sidebar .osususmeItems li {
	
		font-size: 0.8em;

		clear: left;

		margin-top: 5px;

		padding-bottom: 5px;

		border-bottom: 1px solid #eee;

		list-style-type: none;
		
		zoom: 100%;
		
		padding-left:35px;
		
		background: url(common/li_rankingA.png) no-repeat left center;

	}

	#sidebar .osususmeItems li:after {

		content: " "; 

		clear: both; 

		height: 0; 

		display: block; 

		visibility: hidden;

	}
		
/* ここまで
------------------------------------------------------------------- */		

	
	.srankingItems li.ranking0 {
		background: url(icons/ico_ranking1.png) no-repeat left top;
	}
	.srankingItems li.ranking1 {
		background: url(icons/ico_ranking2.png) no-repeat left center;
	}
	.srankingItems li.ranking2 {
		background: url(icons/ico_ranking3.png) no-repeat left center;
	}

/* 007.	Topicpath
------------------------------------------------------------------- */

.topicPath li {
		list-style-type:none;
		float:left;
		padding-left:15px;
		background:url(icons/ico_topicpath.png) no-repeat left center;
	}
	.topicPath li.home a {
		min-height:16px;
		display:block;
		padding-left:20px;
		background:url(icons/ico_home.png) no-repeat left top;
	}


/* 008.	Utilities
------------------------------------------------------------------- */

	.imgb a img {border-color:1px solid #ddd;}
		.imgb a:hover img {border-color:#53c3db;}
	
	.linkImg a {border-color:#ddd;}
		.linkImg a:hover {border-color:#53c3db;}
	.linkImg2 a {border-color:#ddd;}
		.linkImg2 a:hover {border-color:#53c3db;}
	.linkArrow a {background: url(icons/ico_arrow13_2.png) no-repeat left center;}
		.linkArrow a:hover {background: url(icons/ico_arrow13_1.png) no-repeat left center;}
	.caption a {background: url(icons/ico_arrow13_2.png) no-repeat left top;}
	.caption a:hover {background: url(icons/ico_arrow13_1.png) no-repeat left top;}
	.haco {
		border-color:#ddd;
		background: #fff;
	}
	table.notebook th, table.notebook td {border-bottom-color:#ddd;}
	table.viewformat th, table.viewformat td {border-bottom-color:#ddd;}
	tr.even td {background-color: #fafafa;}
	
	.btnset, .btnsetNext {background-color: #ddd;}
		.btnsetNext {background-color: #f0f0f0;}



/* 998.	Login Form
------------------------------------------------------------------- */

	#loginform #forms {background-color: #eae2dc;}


/* 107.	Sexy Buttons
------------------------------------------------------------------- */

	body a.btn-normal, body a.btn-em {
		background-image: url(icons/btn_bg_a.png);
		color: #444;
	}
	body a.btn-em, body a.btn-em:visited {
		background-image: url(icons/btn_bg2_a.png);
		color: #fff;
	}
	
	body a.btn-normal span, body a.btn-em span {
		background-image: url(icons/btn_bg_span.png);
	}
	body a.btn-em span {
		background-image: url(icons/btn_bg2_span.png);
	}
	body a.btn-normal:active, body a.btn-em:active {
		color: #000;
	}
	body a.btn-normal:visited, body a.btn-normal:active {
		color:#444;
	}
	body a.btn-em:visited, body a.btn-em:active {
		color: #fff;
	}

/* Submit Buttons */

	button.submitBtn, button.submitBtn-em {
		background-image:url(icons/btn_bg_a.png);
	}
		button.submitBtn-em {
			background-image:url(icons/btn_bg2_a.png);
		}
	button.submitBtn span, button.submitBtn-em span {
		background-image:url(icons/btn_bg_span.png);
		color:#444;
	}
		button.submitBtn-em span {
			background-image:url(icons/btn_bg2_span.png);
			color:#fff;
		}
	button.submitBtn:hover {
		background-image:url(icons/btn_bg_a.png);
	}
	button.submitBtn-em:hover {
		background-image:url(icons/btn_bg2_a.png);
	}
	button.submitBtn:hover span {
		background:url(icons/btn_bg_span.png) no-repeat left bottom;
	}
	button.submitBtn-em:hover span {
		background-image:url(icons/btn_bg2_span.png);
	}


/* 108.	idTabs - Jquery
------------------------------------------------------------------- */

	.idTabs ul a, .idTabs ul a:visited {
		color:#fff;
		background:#6f5141;
	}
	.idTabs ul a:hover {
		color:#fff;
		background-color:#4a352c;
	}
	.idTabs ul a.selected, .idTabs ul a.selected:visited {
		color:#4a352c;
		background-color:#f6f5ed;
		border-color:#f6f5ed;
		}
	.idTabs div {
		background-color:#f6f5ed;
	}
	.idTabs div a {}