@charset "euc-jp";

/* -------- 共通部分 -------- */
body {
	font-size: 13px;
	position: relative;
}
body#popup {margin: 5px;}
* {margin:0;padding:0;}
img {border:none;}
h1, h2, h3 {font-size: 13px;}
h3 a {color: #FF4000;}
h3 a:hover {text-decoration:none;}

.cleaner {clear:both;height:1px;}
.alignCenter {text-align:center;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}

/* -------- レイアウト -------- */
#head {width:800px;height:105px;border-bottom: 2px solid #B12B6E;position: relative;margin-bottom:5px;}
#head.headIndex {margin-bottom: 0px;}
#wrapper {width: 800px;clear: both;}
#main {width: 590px;float: right;margin-bottom: 10px;}
#main.oneCol {width: 790px;margin: 0 auto;float: none;}
#side {width: 200px;float: left;background: #E7E9D4;margin-bottom: 10px;text-align: center;}
#foot {width: 800px;clear: both;}


/* -------- ヘッダのコンテンツ -------- */
#gnavi {
	width: 800px;
	height: 32px;
	position: absolute;
	top: 73px;
	left: 0px;
	list-style-type:none;
}
#gnavi li {
	width: 100px;
	height: 32px;
	position: absolute;
	top: 0px;
	text-align: center;
}
#gnavi li a {
	display: block;
	width: 100px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: bottom;
	position: absolute;
	left: 0px;
}
#gnavi li a:link, #gnavi li a:visited {
	height: 26px;
	top: 6px;
	background: url(../images/gnavi_back.gif) 0 0 repeat-x;
	color: #600038;
	line-height: 26px;
}
#gnavi li a:hover, #gnavi li a:active {
	height: 32px;
	top: 0px;
	background: url(../images/gnavi_back.gif) 0 -26px repeat-x;
	color: #FFFFFF;
	line-height: 32px;
}
#gnaviHome {left:0px;}
#gnaviTour {left:100px;}
#gnaviEvent {left:200px;}
#gnaviHotel {left:300px;}
#gnaviNews {left:400px;}
#gnaviInfo {left:500px;}
#gnaviGallery {left:600px;}
#gnaviCommunity {left:700px;}

#login_head {
	position: absolute;
	top: 0px;
	left: 245px;
	width: 555px;
	height: 30px;
	font-size: 12px;
	background: #DEDEDE;
}
#login_head #regist, #login_head #cart {
	position: absolute;
	top: 0px;
	width: 100px;
	height: 30px;
	text-align: center;
}
#login_head #regist a, #login_head #cart a {
	display: block;
	background: #737880;
	width: 100px;
	height: 30px;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
#login_head #regist a:hover, #login_head #cart a:hover {color: #737880;background: #FFFFFF;}
#login_head #regist {left: 0px;}
#login_head #cart {left: 455px;}
#login_head p {
	position: absolute;
	top: 0;
	left: 105px;
	line-height: 30px;
}
#login_head p.islogin {left:10px;}
#login_head input {font-size:13px;width:80px;}
#login_head button {height: 21px;line-height:18px;vertical-align:middle;}

#cominfo {
	width: 505px;
	position: absolute;
	top: 36px;
	left: 295px;
	text-align: right;
}
#cominfo a {
	padding: 0 5px;
	border-right: 1px solid #000000;
	text-decoration: none;
	color: #000000;
}
#cominfo a.start {border-left: 1px solid #000000;}
#cominfo a:hover {text-decoration: underline;}

#areaContentsTop {width:800px;margin-bottom: 5px;}
#topMainImg {float:left;margin: 0 0 5px 0;}
#topFlash {float:right;width:200px;height:170px;background:#000000;}
#headlines {clear:both;width:800px;background:#3C0020;height:24px;line-height:24px;color:#FFFFFF;margin-top: 5px;}
#headlines dt {width:125px;float:left;background:#9B7188;text-align:center;}
#headlines dd {width:670px;float:right;}


/* -------- サイドのコンテンツ -------- */
#sideBanner img {margin-bottom: 3px;}

/* -------- フッタのコンテンツ -------- */
#foot p {text-align: right;background: #B12B6E;color: #FFFFFF;}

/* -------- メインのコンテンツ -------- */
#pickupTour {}
#pickupTour h3 {width: 385px;float: none;line-height: 20px;font-size: 15px;margin-bottom: 10px;}
#pickupTour p {width: 568px;float: none;line-height: 20px;}
#pickupTour img {width: 568px;margin-bottom: 5px;}
#pickupTour div.image {width: 568px;float:none;}

.paging {text-align:center;margin:10px 0;}
.paging a {
	margin: 0 3px 0 0;
	padding: 3px 5px;
	color: #600038;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	text-decoration: none;
}
.paging a:hover {background:#600038;color:#FFFFFF;}
.paging strong {
	margin: 0 3px 0 0;
	padding: 3px 5px;
	color: #FFFFFF;
	background: #600038;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	font-weight:normal;
}

#main p, #popup p {margin: 0 0 10px;}

/* -------- ブロックに共通の設定 -------- */
.blockRed, .blockGreen, .blockBlue {border: 1px solid #cccccc;position:relative;}
#main .blockRed, #main .blockGreen, #main .blockBlue {margin: 0 0 5px 0;}
#side .blockRed, #side .blockGreen, #side .blockBlue {margin: 3px 5px;width: 190px;text-align: left;}
#popup .blockRed, #popup .blockGreen, #popup .blockBlue {height: 100%;}
.blockRed h2, .blockGreen h2, .blockBlue h2, #popup .blockRed h1 {color:#FFFFFF;padding: 3px 0;text-indent: 5px;}
.blockRed h2 a, .blockGreen h2 a, .blockBlue h2 a, #popup .blockRed h1 a {color:#FFFFFF;}
.blockRed h2 a:hover, .blockGreen h2 a:hover, .blockBlue h2 a:hover, #popup .blockRed h1 a:hover {text-decoration:none;}
.blockRed {background: url(../images/stripe_gray.png);}
.blockRed h2, .blockRed h1 {background: #3C0020;}
.blockGreen {background: url(../images/stripe_green.png);}
.blockGreen h2, .blockGreen h1 {background: #4C9100;}
.blockBlue {background: url(../images/stripe_blue.png);}
.blockBlue h2, .blockBlue h1 {background: #004C91;}
.blockRed .more, .blockGreen .more, .blockBlue .more {
	display: block;
	width: 80px;
	padding: 3px 0;
	text-align: center;
	position: absolute;
	top: 0px;
	right: 0px;
	color: #FFFFFF;
}
#main .blockRed .more, #main .blockGreen .more, #main .blockBlue .more {left: 508px;}
#side .blockRed .more, #side .blockGreen .more, #side .blockBlue .more {left: 110px;}
.blockRed .more a, .blockGreen .more a, .blockBlue .more a {color:#FFFFFF;}
.blockRed .more a:hover, .blockGreen .more a:hover, .blockBlue .more a:hover {text-decoration:none;}
.blockRed .more {background: #72475E;}
.blockGreen .more {background: #055600;}
.blockBlue .more {background: #000556;}

#main .blockContents {margin: 10px;}
#side .blockContents, #popup .blockContents {margin: 8px;}

/* テーブル */
.blockContents table {border-collapse:collapse;clear:both;width:100%;margin: 0 0 10px;}
.blockContents caption {color:#FFFFFF;text-align:left;text-indent:5px;padding: 3px 0;}
.blockContents th, .blockContents td {padding:5px;border:1px solid #999999;}
.blockContents th {font-weight:normal;}

.blockRed caption {background:#9B7188;}
.blockRed th {background:#DECED7;}
.blockGreen caption {background:#779955;}
.blockGreen th {background:#CEDECE;}

.blockContents .row {clear:both;width: 568px;margin: 10px 0;}
.blockContents .cell {width:280px;}
.blockContents .rightCol {float:right;}
.blockContents .leftCol {float:left;}
.withPic h3 {margin: 0 0 5px;}
#main .withPic p {font-size:12px;margin:0 0 5px 0;}
.withPic img {width:69px; float:left;}
.withPic img.hotel {width:108px;height:108px;}
.withPic img.event {width:275px;height:55px;}
.withPic img.travelinfo {width:130px;height:99px;margin:8px}
.withPic .grade {color:#FFB600;}
.withPic .button {margin:8px 0;clear:both;}
.withPic .button a {
	font-size:13px;
	display: block;
	width: 130px;
	height: 26px;
	margin: 0 5px 0 0;
	text-align: center;
	text-decoration: none;
	line-height: 26px;
	border: 1px solid #CCCCCC;
	float: left;
}
.blockRed .withPic .button a {background:#9B7188;color:#FFFFFF;}
.blockRed .withPic .button a:hover {background:#FFFFFF;color:#600038;}
.blockRed .withPic .button a.off {background:#FFFFFF;color:#CCCCCC;}
.blockRed .withPic .button a.off:hover {background:#FFFFFF;color:#CCCCCC;}
#pickupHotel .withPic img {width: 108px;float:left;}
#pickupHotel .withPic h3 {width: 160px;float:right;}
#pickupHotel .withPic p {width: 160px;float:right;}

#main .blockContents ul, #side .blockContents ul {margin: 0px;}
#main .blockContents li, #side .blockContents li {margin: 0 0 8px 15px;}

/* ボタン */
.button {margin:10px 0;clear:both;vertical-align:center;}
.button button {border:none;background:none;padding: 5px 0;}
.button a, .button button {text-decoration: none;font-size: 14px;line-height:14px;}
.button a span, .button button span {
	padding: 5px;
	color: #333333;
	background: #E7E9D4;
	border: solid #666666;
	border-width: 0 1px 1px 0;
}
.button a:hover span, .button button:hover span {color:#FFFFFF;background:#BF4480;}
table .button a {font-size: 13px;}

/* -------- スクロールバーに追随するバナー -------- */
#movableBanner { position: absolute; top: 10px; left: 810px; padding: 10px 0 0 0; width: 120px; }
#movableBanner img {margin-bottom: 5px;}

/* -------- 詳細画面共通 -------- */
.detail h3 {font-size:16px;color:#FF4000;margin: 0 0 10px 0;}
.detail h4 {background:#9B7188;color:#FFFFFF;text-align:left;text-indent:5px;padding: 3px 0;}
.detail .mainComment {line-height: 21px;margin:0 0 10px;}
.detail .grade {color:#FFB600;margin: 0 0 10px 0;}
.detail .mainImage {text-align:center;margin: 0 0 10px 0;max-width:568px;}
.detail .mainImageTravelInfo {text-align:left;margin: 0 0 10px 0;max-width:284px;}
.detail .subComment, .detail .subImage {margin: 0 0 10px;}
.detail .subImage {text-align: center;}
.detail table {margin:0;}
.detail .button {text-align:center;border-bottom:1px solid #999999;padding-bottom:20px;margin:10px 0;clear:both;}
.detail .button a {
	display: block;
	color: #333333;
	background: #E7E9D4;
	text-decoration: none;
	height: 26px;
	width: 210px;
	line-height: 26px;
	font-size: 14px;
	margin: 0 auto;
	border: solid #666666;
	border-width: 0 1px 1px 0;
}
.detail .button a:hover {color:#FFFFFF;background:#BF4480;}
#main .detail .blockContents td ul {margin:10px 0;}
#main .detail .blockContents td li {margin: 0 0 3px 15px;}
#orderForm {clear:both;width:100%;border:1px solid #999999;margin: 0 0 10px;padding:5px 0;text-indent:5px;}
#orderForm select {margin-right: 10px;}

/* -------- ホテル詳細 -------- */
#hotelDetail th {text-align:left;width:30%;}
#hotelDetail .fae th {width:25%;text-align:center;}
#hotelDetail .fae td {text-align:right;}
#hotelDetail .one td {width:70%;}
#hotelDetail .two td {width:20%;}

/* -------- 旅行情報詳細 -------- */
#TraveInfoDetail th {text-align:left;width:30%;}
#TraveInfoDetail .fae th {width:25%;text-align:center;}
#TraveInfoDetail .fae td {text-align:right;}
#TraveInfoDetail .one td {width:70%;}
#TraveInfoDetail .two td {width:20%;}
#TraveInfoDetail h3 {color:black;}

/* -------- ツアー詳細 -------- */
#tourDetail .data th {text-align:left;width:30%;}
#tourDetail .fae th {text-align:center;}
#tourDetail .fae td {text-align:right;}
#tourDetail .fae .day {text-align:left;}
#tourDetail .schedule .meal {width:54px;}
#tourDetail .schedule .breakfast,
#tourDetail .schedule .lunch,
#tourDetail .schedule .dinner,
#tourDetail .schedule .day {width:18px;}
#tourDetail .schedule .city,
#tourDetail .schedule .time,
#tourDetail .schedule .transport {width:70px;}
#tourDetail .schedule .plan {width:286px;}
#tourDetail .schedule td {vertical-align:top;}

/* -------- インフォメーションページ共通 -------- */
.information p {line-height:21px;}
.information p.signature {text-align:right;}
.information dl.rules dt {background:#DECED7;font-weight:normal;padding:3px;text-indent:5px;}
.information dl.rules dd {margin-bottom:5px;padding:15px 15px 0;border:1px solid #999999;}
.information dl.rules dd p {margin-bottom: 15px;}
#main .blockContents dl.rules ul {margin-bottom: 15px;}
.information .rules th {width:25%;}

/* -------- 会員登録 -------- */
.entry th {width:25%;}
#kiyakuContents textarea {width:568px;margin: 0 0 10px;}

/* -------- マイページ -------- */
.mypage .date th {width: 25%;}
.mypage .deliv th {width: 25%;}
.mypage .point td {width: 100px;}
.mypage .order .total {width: 100px;}

/* -------- ギャラリー -------- */
.gallery h3 {font-size:16px;font-weight:bold;color:#FF4000;margin: 0 0 10px;}
.gallery img {padding:3px;border:1px solid #CCCCCC;background:#FFFFFF;}
.gallery th, .gallery td {border:none;}
.gallery td.image {text-align:center;}

/* -------- 購入手続き -------- */
.loginBlock {margin: 0 10px 10px;padding:10px;border:1px solid #CCCCCC;}
.loginBlock h3 {font-size:16px;font-weight:bold;color:#FF4000;margin: 0 0 10px;}
.flow {margin: 0 0 5px 0;text-align:center;}
.shopping h3 {margin-bottom: 5px;padding: 2px 0;background:#889977;color:#FFFFFF;text-indent:10px;}
.shopping.blockRed h3 {background:#AA7790;}
.shopping .date td, .shopping .member td {width:60%;}

/* -------- 一覧ページ -------- */
.blind {clear:both;width: 268px;border: 1px solid #999999;font-size: 11px;background: url(../images/stripe_green.png);}
.blind table {width: 180px;margin:3px 0;float:left;}
.blind th, .blind td {border:none;padding: 1px 2px;}
.blind th {background:transparent;text-align:right;}
.blind select, .blind input {font-size: 11px;}
.blind .button {margin:0;height:100%;}
.blind .button button {margin:3px 0;font-size: 13px;}
.blind .button button span {display: block;width: 120px;}