@charset "Shift_JIS";
/* ===================================================================
CSS information

 style info: style

 *Since: 2013-12-03
=================================================================== */
/* ----------------------------------------------------
	PreciousAGE 基本設定
---------------------------------------------------- */
/* テンプレートリセット */
#wrap #wrapInner {
	width: 970px;
	margin: 0 auto !important;
}
#mainArea {
	width: 970px;
}
#crossLinkArea #crossLinkAreaInner {
	margin: 0 auto; /* 中央寄せ配置 */
}
#footerArea {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
}

#wrap #anchorLinkBlock, #wrap .anchorLinkBlock {
    margin: 15px auto !important;
    width: 970px;
}

/* preciousエリア */
#precious {
	width: 970px; 
	margin: 13px auto 50px;
	font-size: 14px;
	line-height: 1.6;
}

#precious #pagetop {
	position: fixed;
	right: 50%;
	bottom: 50px;
	margin-right: -550px;
	width: 42px;
	height: 42px;
}
#precious #pagetop:hover {
	opacity: 0.7;
    filter: alpha(opacity=70); /* IE7 */
    -ms-filter: "alpha(opacity=70)"; /* IE8 */
}


/* table */
#precious table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
#precious th,
#preciious caption {
	text-align: left;
	font-weight: normal;
}

#precious hr {
	margin: 0;
	padding: 0;
	height: 0;
}

#precious .hr02 {
	height: 0;
	margin: 0;
	padding: 0;
	border: none;
	border-top: 1px solid #E1DACE;
	border-bottom: 1px solid #FFF;
}

/* リンク */
#precious a {
	color: #333;
	text-decoration: underline;
}
#precious a:hover,
.box_active a {
	color: #9C0000;
}

#senmeBox dd a:hover{
	color: #9C0000 !important;
}

.boxLink {
	cursor: pointer;
}
.boxLink .linkImage {
	position: relative;
}
.boxLink .linkImage .linkArea {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
    filter: alpha(opacity=0); /* IE7 */
    -ms-filter: "alpha(opacity=0)"; /* IE8 */
}
.rank .boxLink .linkImage .linkArea,
.ranking .boxLink .linkImage .linkArea,
.ranking02 .boxLink .linkImage .linkArea,
.new .boxLink .linkImage .linkArea {
	width: 290px;
	height: 190px;
	margin: 0 10px;
}
#recommend .rec .linkImage .linkArea {
	width: 290px;
	height: 190px;
	margin: 0 10px;
}


/* ----------------------------------------------------
	共通パーツ
---------------------------------------------------- */

/* ----------------------------------------------------
	ヘッダー
---------------------------------------------------- */
#preciousHeader {
}
#preciousHeader ul li {
	float: left;
}

/* サブヘッダー */
#preciousHeader #subHeader {
	background: #472500 url(../img/bg_subheader.gif) repeat-x;
}
#preciousHeader #subHeader li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: none;
	font-size: 12px;
}
#preciousHeader #subHeader li a {
	display: block;
	color: #A78852;
	padding: 5px 10px 3px;
	text-decoration: none;
}
#preciousHeader #subHeader li.active a,
#preciousHeader #subHeader li a:hover {
	color: #FFF !important;
	background: #6B441C url(../img/bg_subheader_active.gif) repeat-x;
}
#preciousHeader.top #nav01 a,
#preciousHeader.domestic #nav02 a,
#preciousHeader.oversea #nav03 a,
#preciousHeader.ft #nav04 a,
#preciousHeader.charm #nav05 a,
#preciousHeader.qa #nav06 a{
	color: #FFF !important;
	background: #6B441C url(../img/bg_subheader_active.gif) repeat-x;
}

#preciousHeader h1 {
	padding: 5px;
	font-size: 10px;
	text-align: right;
}



/* ----------------------------------------------------
	コンテンツ
---------------------------------------------------- */
#preciousContent {
}

#precious #category {
	margin-bottom: 15px;
	padding-left: 10px;
	color: #A78852;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	border-left: 7px solid #A78852;
	margin: 20px 0 20px 0;
}


/* ----------------------------------------------------
	mainVisual メインビジュアル
---------------------------------------------------- */
/* mainVisual */
#mainVisual {
	width: 970px;
	height: 320px;
	overflow: hidden;
}
/* thumbWrap */
.thumbWrap {
	width: 100%;
	padding: 3px 0;
	background: #333;
	height:65px;
	overflow: hidden;
}

/* mainThumb */
#mainThumb {
	width: 920px;
	margin: 0 auto;
}
#mainThumb li {
	width: 306px;
	height: 65px;
	position: relative;
	/*padding: 5px;*/
	background: url(../img/bg_slide.png) no-repeat left top;
	cursor: pointer;
	zoom: 1;
}
#mainThumb li:hover,
#mainThumb li.active {
	color: #fff;
	background-position: 0 -65px;
}
#mainThumb li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
#mainThumb li table {
	margin: 5px 0 0 5px;
}
#mainThumb li th {
	width: 167px;
}
#mainThumb li table td {
	vertical-align:middle;
	padding: 0 5px;
	line-height: 1.2;
}


/* ----------------------------------------------------
	simpleSlide メインビジュアル
---------------------------------------------------- */
#simpleThumb {
	margin: 0 -4px;
	zoom: 1;
}
#simpleThumb:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
#simpleThumb li {
	float: left;
	width: 83px;
	margin: 15px 4px;
}
.bx-wrapper .bx-caption span {
	padding: 5px 10px;
	text-align: right;
	font-size: 12px;
}
#simpleThumb li a{
	position: relative;
	display: block; 
}
#simpleThumb li a:hover:after,
#simpleThumb li a.active:after {
	content: "";
	display: block;
	width: 73px;
	height: 42px;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 5px solid #a78852;
}


/* ----------------------------------------------------
	タブ
---------------------------------------------------- */
/* 通常タブ */
.tabSelect {
}
.tabSelect li,
.tabSelectP li,
.tabSelectC li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-weight: bold;
}

.tabContentC {
	padding: 10px 0 25px;
}


/* ----------------------------------------------------
	人気 rank ／　新着 new
---------------------------------------------------- */
/* 共通 */
.rank,
.ranking,
.ranking02,
.new {
	width: 970px;
}
.rank li,
.ranking li,
.ranking02 li,
.new li {
	width: 310px;
}
.rank li .image,
.ranking li .image,
.ranking02 li .image,
.new li .image {
	background: url(../img/bg_img_290.png) no-repeat left top;
	padding: 0 10px 20px;
}
.rank ul.icon,
.ranking ul.icon,
.ranking02 ul.icon,
.new ul.icon {
	width: 290px;
	margin: -10px auto 10px;
}
.rank li dl,
.ranking li dl,
.ranking02 li dl,
.new li dl {
	width: 290px;
	margin: 0 auto;
}
.rank li dl dt,
.ranking li dl dt,
.ranking02 li dl dt,
.new li dl dt {
	font-weight: bold;
}
.rank li,
.ranking li,
.ranking02 li {
	position: relative;
}

.rank li span,
.ranking li span,
.ranking02 li span {
	position: absolute;
	left: 10px;
	top: 0;
}

/* 順位付きカルーセル */
.rankSelect,
.rankSelect02{
	width: 400px;
	margin: -10px 0 0 0;
	position: relative;
	top: -27px;
	left: 360px;
	background: url(../img/bg_change_02.gif) no-repeat top left;
	overflow: hidden;
}
.rankSelect li,
.rankSelect02 li{
	display: inline;
float: left;
	padding: 0 15px;
	line-height: 1.2;
	background: url(../img/bg_change_02.gif) no-repeat 100% 50%;
	cursor: pointer;
	color: #333;
	border-bottom: none;
	text-decoration: underline;
	font-weight: bold;
}
.rankSelect li.active,
.rankSelect02 li.active{
	color: #A78852;
	text-decoration: none;
}

/* ----------------------------------------------------
	もっと見る
---------------------------------------------------- */
.more {
	margin: 20px auto;
	text-align: center;
}

/* ----------------------------------------------------
	ラインナップ
---------------------------------------------------- */
.lineup {
	padding: 20px 25px 30px;
	background: url(../img/bg_cmn_02.jpg);
}
.lineup h3 {
	margin-bottom: 20px;
}
.lineup ul {
	margin: 0 -5px;
}
.lineup li {
	float: left;
	width: 145px;
	margin: 0 5px;
	background: #FFF;
	-webkit-box-shadow: 0px 4px 5px 1px #9c8763;
	box-shadow: 0px 4px 5px 1px #9c8763;
}
.lineup dl dt {
	font-weight: bold;
}
.lineup dl dd {
	font-size: 13px;
	padding: 5px;
}

/* ----------------------------------------------------
	NEWS PreciousAGEからのお知らせ
---------------------------------------------------- */
#news {
	padding: 15px 25px;
	background: url(../img/bg_cmn_01.jpg);
	overflow: hidden;
	margin-bottom:30px;
}
#news h3 {
	display: block;
	float: left;
	width: 150px;
	height: 58px;
}
#news ul {
	position: relative; /* for IE7,8 */
	float: right;
	width: 750px;
	padding: 10px 0;
	background: #FFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url("/cruise/js_2/PIE.htc");
}
/* #news ul li a {
	display: block;
	padding: 5px 20px 5px 32px;
	background: url(../img/ic_arrow_06.png) no-repeat 20px 13px;
} */

#news ul li.cp_bn {
	margin: 0 0 10px 10px;
	width: 730px;
	height: 60px;
}

#news ul li.cp_bn a img{
	float: left;
}

#news ul li.cp_bn a p{
cursor: pointer;
	font-size: 13px;
	margin: 0 0 0 10px;
	width: 230px;
	float: left;
}

#news.clist ul li.cp_bn {
	margin: 0 0 10px 10px !important;
	padding: 0 0 10px 0;
	height: 130px;
}

#news.clist ul li:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
#overview {
	margin-bottom: 0 !important;
}


/* ----------------------------------------------------
	contact 相談・お問合せ
---------------------------------------------------- */
/* PreciousAGE コンシェルジュ */
#contact #concierge {
	margin-bottom: 0;
	padding: 20px;
	border: 5px solid #E0DACC;
}
#contact #concierge .inner {
	padding-right: 330px;
	min-height: 129px;
	background:url(../img/bg_contact_01.jpg) no-repeat 640px bottom;
}
#contact #concierge h2 {
	margin-bottom: 20px;
}
#contact #concierge dl dd {
	padding: 15px 0;
}
#contact #concierge ul {
	zoom: 1;
}
#contact #concierge ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
#contact #concierge ul li {
	width: 447px;
}
#contact #concierge ul .east {
	float: left;
}
#contact #concierge ul .west {
	float: right;
}

/* 海外ツアーのお問合せ */
#contact .oversea {
	height: 95px;
	background:url(../img/bg_contact_02.jpg) no-repeat left top;
}
#contact .oversea .inner {
	margin: 0 25px;
	padding: 30px 0; 
}
#contact .oversea .inner h3 {
	display: inline;
	float: left;
}
#contact .oversea .inner ul {
	float: right;
}
#contact .oversea .inner ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}


/* ----------------------------------------------------
	pamphlet パンフレット
---------------------------------------------------- */
#pamphlet .domestic,
#pamphlet .oversea {
	padding: 10px 0;
}
#pamphlet h2 {
	margin-bottom: 15px;
}
#pamphlet p {
	margin: 20px 0;
}
#pamphlet h3 {
	margin: 0 46px 15px;
	font-size: 16px;
}
#pamphlet .domestic {
	background: #F7F1E2;
}
#pamphlet .oversea {
	background: #E7EEF2;
}
#pamphlet dt {
	margin-bottom: 15px;
}
#pamphlet dd {
	margin: 5px -2px 0;
}
#pamphlet .hr01 {
	height: 0;
	margin: 0;
	padding: 0;
	border: none;
	border-bottom: 1px solid #FFF;
}


/* --------------------------------------------
	デバイスフォント　アイコン
-------------------------------------------- */
ul.icon,
ul.iconL {
	margin: 5px 0;
}
ul.icon li,
ul.iconL li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: auto;
	margin: 5px 5px 0 0;
	line-height: 1;
}
ul.iconL li {
	padding: 4px 5px 2px;
	color: #000;
	font-size: 13px;
	background: #FFF;
	border: 1px solid #000;
}


/* --------------------------------------------
	汎用
-------------------------------------------- */
/* margin-bottom */
.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }

/* font-weight */
.bold { font-weight: bold !important;}

/* clearfix */
.clearfix {
	zoom: 1; /* IE5.5～E7 */
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}