@charset "utf-8";

@import url(/commons/css/import.css);

/** wrapper上書き **/
#wrapper {
	width:100%;
}

/** パンくずリスト **/
ul#topic-path {
	clear:both;
	width:950px;
	margin:0 auto;
	padding:8px 0;
	background:url(images/h2-margintop.jpg) 0 bottom no-repeat;
}

/** コンテナ **/
#wrapper #container {
	width:100%;
	background:url(images/bgi01.jpg) center top repeat-x;
}

/** メインビジュアル **/
#main-image {
	width:950px;
	margin:0 auto;
	background:url(images/h2-marginbottom.jpg) 0 bottom no-repeat;
}

/** タブ型ナビ **/
#main-image ul.navi {
	width:950px;
}

#main-image ul.navi li {
	width:auto;
	height:46px;
	line-height:0;
	float:left;
}

/* ie6でfloatしたリスト内の画像下余白を消す */
#main-image ul.navi li img {
	vertical-align:top;
}

/** 導入部 **/
.introduction {
	width:950px;
	padding-top:19px;
	margin:0 auto 20px;
	background:url(/campaign/sale/images/h2-bottom.jpg) top right no-repeat;
}

.introduction div.h3-container {
	width:674px;
	height:136px;
	float:left;
	padding-left:276px;
}

.introduction div.h3-fukuoka-osaka {
	background:url(images/photo-sightseeing-osaka-fukuoka.jpg) 5px 5px no-repeat;
}
.introduction div.h3-fukuoka-tokyo {
	background:url(images/photo-sightseeing-tokyo-fukuoka.jpg) 5px 5px no-repeat;
}
.introduction div.h3-osaka-kagoshima {
	background:url(images/photo-sightseeing-osaka-kagoshima.jpg) 5px 5px no-repeat;
}
.introduction div.h3-osaka-nagasaki {
	background:url(images/photo-sightseeing-osaka-nagasaki.jpg) 5px 5px no-repeat;
}
.introduction div.h3-nagoya-fukuoka {
	background:url(images/photo-sightseeing-nagoya-fukuoka.jpg) 5px 5px no-repeat;
}
.introduction div.h3-container h3 {
	margin:5px 0 5px;
}

.introduction div.h3-container p {
	font-size:15px;
	line-height:1.4;
}

.introduction div.h3-container p strong {
	font-family:Verdana;
	font-weight:bold;
	color:#ff3366;
}

.introduction div.other-campaign {
	width:234px;
	float:right;
	text-align:center;
}

.introduction p.sugowari {
	width:190px;
	float:right;
	margin-left:15px;
}

/** ページ内ナビ **/
div.pagenavi {
	width:940px;
	height:43px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:15px;
}

div.pagenavi ul {
	width:100%;
}

div.pagenavi ul li {
	width:auto;
	float:left;
	margin-right:5px;
}
/**ナビ関西－九州用**/
div.pagenavi2 {
	width:674px;
	margin:10px auto;
}

div.pagenavi2 ul {
	width:100%;
}

div.pagenavi2 ul li {
	width:auto;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}


/** キャンペーン詳細 **/
.detail {
	width:940px;
	margin:0 auto;
	margin-top:12px;
	clear:both;
}

.first {
	margin-top:0;
}

.detail table.detail-table {
	width:456px;
	border:solid 4px #d4d4d4;
}

.detail table.left {
	float:left;
}

.detail table.right {
	float:right;
}


.detail table tr td {
	vertical-align:top;
}

.detail table tr td {
	text-align:center;
}

.detail table tr td.date {
	width:211px;
	background:url(images/date-bgi.gif) right top repeat-y;
}

.detail table tr td.date table {
	margin:7px 0 10px;
}

/* 料金 */
.detail table tr td.price {
	width:245px;
}

.detail table tr td.price table {
	width:211px;
	margin:0 auto 10px;
}

.detail table tr td.price table.upper {
	width:211px;
	margin:7px auto 7px;
}

/* 割引キャンペーン - 料金表 */
.detail table tr td.price table th.campaign {
	width:189px;
}

.detail table tr td.price table th.campaign01 div {
	width:19px;
	height:19px;
	border:3px #00f solid;
}

.detail table tr td.price table th.campaign02 div {
	width:19px;
	height:19px;
	border:3px #f60 solid;
}

.detail table tr td.price table th.campaign03 div {
	width:19px;
	height:19px;
	border:3px #390 solid;
}

.detail table tr td.price table th.campaign04 div {
	width:19px;
	height:19px;
	border:3px #8F34FE solid;
}

.detail table tr td.price table th.campaign05 div {
	width:19px;
	height:19px;
	border:3px #FF00FF solid;
}

.detail table tr td.price table th.campaign06 div {
	width:19px;
	height:19px;
	border:3px #C00 solid;
}

.detail table tr td.price table th.campaign07 div {
	width:19px;
	height:19px;
	border:3px solid #0FF;
}
.detail table tr td.price table th.campaign08 div {
	width:19px;
	height:19px;
	border:3px solid #369;
}

.detail table tr td.price table th.campaign {
	font-size:133%;/* 12px → 16px相当 */
	font-weight:bold;
	color:#666;
}

.detail table tr td.price table th {
	padding-bottom:5px;
	margin-bottom:5px;
}

.detail table tr td.price table th.nothing {
	width:211px;
	padding-bottom:3px;
	border-bottom:4px solid #ccc;
}

.detail table tr td.price table td {
	margin-top:10px;
	padding-bottom:3px;
	border-top:1px solid #ccc;
	border-bottom:4px solid #ccc;
}

.detail table tr td.price table td span.price {
	font-size:167%;/* 12px → 20px相当 */
	font-weight:bold;
	color:#f00;
}

.text-red  {
	color:#f00;
}

.detail table tr td.price table td span.price {
	font-size:167%;/* 12px → 20px相当 */
	font-weight:bold;
	color:#f00;
}

.verdana {
	font-family:Verdana;
}

.detail table tr td.price div.price-base {
	width:211px;
	margin:10px auto 0;
	text-align:left;
}

.detail table tr td.price div.price-base h5 {
	width:80px;
	float:left;
}

.detail table tr td.price div.price-base h5 img {
	margin-bottom:5px;
}

.detail table tr td.price div.price-base ul {
	width:117px;
	float:right;
	padding-bottom:12px;
}

.detail table tr td.price div.price-base ul li {
	width:100%;
	font-size:117%;
	color:#F00;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}

.detail table tr td.price div.price-base ul li img {
	padding:3px 0;
	float:left;
}

.detail table tr td.price div.price-base ul li span {
	float:right;
}

.detail table tr td.price p {
	margin:7px 0;
}

.detail table tr td.price ul {
	padding-left:14px;
	margin-bottom:3px;
}

.detail table tr td.price ul li {
	width:104;
	float:left;
	margin-right:10px;
}

.detail table tr td.schedule {
	vertical-align:top;
}

.detail table tr td.schedule p {
	margin:6px 0 13px;
}

.detail table tr td.sightseeing {
	text-align:left;
}

.detail table tr td.sightseeing p {
	width:430px;
	font-size:14px;
	line-height:1.45;
	margin:7px 13px 15px;
}

.detail table tr td.sightseeing p img {
	width:235px;
	margin-right:10px;
	float:left;
}

.detail table tr td.reservation {
	border-top:solid 1px #d4d4d4;
}
.detail table tr td.reservation img {
	margin:15px 0;
}

/*-------------------------------------------------------
	料金カレンダー表
-------------------------------------------------------*/

/* カレンダー表 - 1個(外枠) */
.cal-list{
	margin: 0 0 5px 15px;
	float: left;
}

/* カレンダー表 - 1個(外枠) - 最右 */
.cal-list-right{
	margin-right:0;
	float:left;
}

/* カレンダー表 - 1個(内枠) */
.price-cal {
	width:180px;
	text-align:center;
}

/* カレンダー表 - ヘッダー */
.price-cal th {
	font-size:116%;/* 14ピクセル相当 */
	font-weight:bold;
	color:#666666;
	padding:3px;
	border:1px solid #CCCCCC;
	background: #f3fdff;
}

/* カレンダー表 - ヘッダー - 年月 */
.price-cal th span.date_h {
	width:auto;
	float:left;
	margin-left:2px;
}

/* カレンダー表 - ヘッダー - 空席表ボタン */
.price-cal th img {
	width:auto;
	float:right;
}

/* カレンダー表 - td基本 */
.price-cal td {
	text-align:center;
	line-height:1.3;
	color:#555555;
	border:1px solid #CCCCCC;
}

/* カレンダー表 - td曜日 */
.price-cal td.td-week {
	font-weight:bold;
	line-height:2;
	color:#999999;
	width:23px;
}

/* カレンダー表 - WLLER便専用の料金カレンダー色 */
.detail-table .td-w-a {
	background:#ffffff;
}

.detail-table .td-w-b {
	background:#ffff66;
}

.detail-table .td-w-c {
	background:#9decff;
}

.detail-table .td-w-d {
	background:#9bff9b;
}

.detail-table .td-w-e {
	background:#ffb766;
}

.detail-table .td-w-f {
	background:#ffb0ff;
}

.detail-table .td-w-g {
	background:#e88d86;
}

.detail-table .td-w-h {
	background:#00cccc;
}

.detail-table .td-w-i {
	background:#b5b58e;
}

/*- 割引キャンペーン -*/
.campaign_01 {
	border:2px solid #00f;
	padding: 0px 1px 0;
	line-height:20px;
}

.campaign_02 {
	border:2px solid #f60;
	padding: 0px 1px 0;
	line-height:20px;
}

.campaign_03 {
	border:2px solid #390;
	padding: 0px 1px 0;
	line-height:20px;
}

.campaign_04 {
	border:2px solid #8F34FE;
	padding: 0px 1px 0;
	line-height:20px;
}

.campaign_05 {
	border:2px solid #FF00FF;
	padding: 0px 1px 0;
	line-height:20px;
}

.campaign_06 {
	border:2px solid #C00;
	padding: 0px 1px 0;
	line-height:20px;
}
.campaign_07 {
	border:2px solid #0FF;
	padding: 0px 1px 0;
	line-height:20px;
}
/*-　キャンペーン・カレンダー終わり　-*/


/**戻るリンク**/
#bottom-return {
	width:950px;
	margin:0 auto;
	clear:both;
	padding:10px 10px 40px 10px;
}

#bottom-return .return_home{
	float:left;
	background: url(/info/privacy/images/blue_arrow_up.gif) no-repeat left center;
	padding-left: 12px;
}
#bottom-return .return_pagetop{
	float:right;
	background: url(/info/privacy/images/blue_arrow_up.gif) no-repeat left center;
	padding-left: 12px;
}