@charset "UTF-8";

/* コンテンツ */

/*--------------------------------------------------------------
メニュー
--------------------------------------------------------------*/
div#menu {
	width: 210px;
}
div#menu ul {
	background: url(/image/menu.jpg) left top no-repeat;
	height: 406px;
	padding: 0 0 8px 0;
}
div#menu ul {
	background: url(/image/menu_m.jpg) left top no-repeat;
}
div#menu ul li a {
	display: block;
	background: url(/image/menu.jpg) left top no-repeat;
	text-indent: -999em;
	text-decoration: none;
	outline: none;
}
div#menu ul#menu-m li a {
	background: url(/image/menu_m.jpg) left top no-repeat;
}

/* Menu Link */
div#bg div#menu li.menu00 a {
	background-position: 0 0;
	height: 57px;
}
div#bg div#menu li.menu01 a {
	background-position: 0 -57px;
	height: 62px;
}
div#bg div#menu li.menu02 a {
	background-position: 0 -119px;
	height: 37px;
}
div#bg div#menu li.menu03 a {
	background-position: 0 -156px;
	height: 40px;
}
div#bg div#menu li.menu04 a {
	background-position: 0 -196px;
	height: 38px;
}
div#bg div#menu li.menu05 a {
	background-position: 0 -234px;
	height: 46px;
}
div#bg div#menu li.menu06 a {
	background-position: 0 -280px;
	height: 38px;
}

/* 検索ボックス */
div#menu #search-box {
	background: url(/image/menu_bg.jpg) left top repeat-y;
	font-size: 13px;
	padding: 0 24px;
}
div#menu #search-box p {
	clear: both;
	padding-bottom: 7px;
}
div#menu #search-box .fs {
	line-height: 120%;
}
div#menu #search-box div.tc {
	padding-top: 8px;
}
div#menu #search-box p {
	margin-bottom: 3px;
}
/*
div#menu #search-box .sTerm span {
	float: left;
	display: block;
	background-color: #FFFFFF;
	width: 102px;
	margin: 1px 0 5px 0;
	border: 1px solid #7F9DB9;
}
*/
div#menu #search-box .sTerm input { float: left;width: 90px;margin: 0 5px 5px 0;padding-left: 1px; }
div#menu #search-box .sGenre select { width: 160px; }
div#menu #search-box .sPay select { width: 100px; }
div#menu #search-box .sWord input { width: 160px;margin-bottom: 3px; }

/* 期間指定カレンダー */
a.dp-choose-date {
	float: left;
	display: block;
	background: url(/image/icon/calendar.png) center center no-repeat; 
	width: 16px;
	height: 150%;
	padding: 0;
	text-indent: -2000px;
	overflow: hidden;
}
a.dp-choose-date.dp-disabled {
	cursor: default;
}

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #04f;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #fff;
	color: #00c;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #eee;
	color: #555;
}
table.jCalendar td.today {
	background: #f9c;
	color: #000;
}
table.jCalendar td.selected {
	background: #fff906;
	color: #000;
}
table.jCalendar td.selected.dp-hover {
	background: #aef;
	color: #000;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #aef;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bfbfbf;
	color: #888;
	font-style: italic;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

div.dp-popup {
	position: relative;
	background: #fff;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	line-height: 1.2em;
	border:solid 1px #666;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	color:#04f;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}


/*--------------------------------------------------------------
右ボックス
--------------------------------------------------------------*/
div#rightBox {
	width: 628px;
	margin-right: 37px;
}
/* IEhack */ * html div#rightBox { margin-right: 5px; }

div#tourList .box .right { width: 422px; }


/*--------------------------------------------------------------
トップイメージ
--------------------------------------------------------------*/
div#topics {
	width: 620px;
	height: 220px;
	position : relative;
	margin-bottom: 5px;
}
div#topics #text {
	width: 280px;
	height: 100px;
	font-size: 15px;
	line-height: 150%;
	color: #FFFFFF;
	overflow: hidden;
	position: absolute;
	top: 115px;
}
div#topics #text h2 { font-weight: normal; }

/* パンくずリスト */
div#topics p#topicpath {
	font-size: 12px;
	color: #FFFFFF;
	padding: 0 0 0 22px;
	line-height: 22px;
}
div#topics p#topicpath a {
	color: #A5D9DF;
	text-decoration: none;
}

/* 内容 */
div#shop #topics { background: url(/image/shop/image.jpg) left top no-repeat; }
div#shop #topics #text { left: 315px; }
div#tour #topics { background: url(/image/tour/image.jpg) left top no-repeat; }
div#tour #topics #text { left: 30px; }
div#review #topics { background: url(/image/review/image.jpg) left top no-repeat; }
div#review #topics #text { left: 323px; }
div#qa #topics { background: url(/image/qa/image.jpg) left top no-repeat;height: auto; }
div#wallpaper #topics { background: url(/image/wallpaper/image.jpg) left top no-repeat;height: 130px; }
div#wallpaper #topics #text { width: 250px;height: 45px;font-size: 12px;top: 82px;left: 365px; }
div#eventList #topics { background: url(/image/event/image.jpg) left top no-repeat; }
div#eventList #topics #text { left: 328px; }
div#couponList #topics { background: url(/image/coupon/image.jpg) left top no-repeat; }
div#couponList #topics #text { left: 320px; }
div#about #topics { background: url(/image/qa/image.jpg) left top no-repeat;height: auto; }
div#sitemap #topics { background: url(/image/qa/image.jpg) left top no-repeat;height: auto; }


/*--------------------------------------------------------------
店舗紹介
--------------------------------------------------------------*/
div#shop dl {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 120%;
}
div#shop dt {
	clear: both;
	float: left;
	margin: 0 0 2px 0;
	padding: 0 0 0 3px;
	border-left: 5px solid #0061D1;
}
div#shop dd {
	width: 267px;
	margin: 0 0 2px 80px;
}
div#shop div.button {
	padding-top: 50px;
}


/*--------------------------------------------------------------
クチコミ
--------------------------------------------------------------*/
/* IEhack */ * html div#review .conBox { padding: 12px 0 12px 10px; }
div#review div#list-menu {
	margin: 0 12px 15px 12px;
}
div#review div#comment .commentBox h3 {
	font-size: 130%;
	font-weight: normal;
	padding: 2px 0 5px 0;
}
div#review div#comment .resBox h4 {
	font-size: 110%;
	font-weight: normal;
}
div#review div#comment .shop h3 { color: #FF4000; }
div#review div#comment .shop h4 { color: #0000CC; }
div#review div#comment .plan h3 { color: #FF4000; }
div#review div#comment .plan h4 { color: #0000CC; }


/*--------------------------------------------------------------
Ｑ＆Ａ
--------------------------------------------------------------*/
div#qa div.title {
	background: none;
}
div#qa div.title img {
	margin-top: 0;
}
div#qa div.conBox {
	clear: both;
	background: url(/image/qa/bg.gif) right top repeat-y;
	margin-right: 6px;
	padding: 12px 0 0 0;
	border: none;
}
div#qa div.conBox-f {
	background: url(/image/qa/box_fr.gif) right bottom no-repeat;
	height: 15px;
	font-size: 15px;
	line-height: 15px;
	margin: 0 6px 24px 0;
	border: none;
}

/* QAList */
div#qa ul {
	margin: 9px 3px 0 3px;
	padding: 0;
}
div#qa ul li {
	background: url(/image/qa/q_s.gif) left top no-repeat;
	margin-bottom: 3px;
	padding-left: 20px;
	line-height: 17px;
}
div#qa ul li {
	float: left;
	width: 260px;
	margin: 0 0 10px 18px;
}

/* QA Box */
div#qa .qa {
	clear: both;
	background: url(/image/qa/bg_q.gif) left top no-repeat;
}
div#qa h2 {
	background: url(/image/qa/bg_qf.gif) left bottom no-repeat;
	font-size: 130%;
	color: #004AEB;
	font-weight: bold;
	padding: 6px 0 18px 44px;
	line-height: 30px;
}
div#qa .a-box {
	background: url(/image/qa/bg_a.gif) left top repeat-y;
	padding: 5px 18px 8px 9px;
}
div#qa .a-box p {
	margin-left: 38px;
}
div.a-box-f {
	background: url(/image/qa/bg_af.gif) left bottom no-repeat;
	height: 5px;
	font-size: 5px;
	margin-bottom: 12px;
	line-height: 5px;
}


/*--------------------------------------------------------------
壁紙ダウンロード
--------------------------------------------------------------*/
div#wp {
	padding-left: 2px;
}
div#wp .wpBox {
	float: left;
	background: url(/image/wallpaper/wp_bg.gif) left top no-repeat;
	width: 190px;
	margin: 5px 10px 14px 6px;
	padding: 30px 0 0 0;
}
div#wp .wpBox p {
	padding: 0 0 0 12px;
}
div#wp .wpBox img {
	margin-bottom: 5px;
}
.wpBox-f {
	background: url(/image/wallpaper/wp_f.gif) left bottom no-repeat;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
}


/*--------------------------------------------------------------
イベント一覧
--------------------------------------------------------------*/
div#eventList #event {
	padding: 12px 0;
}


/*--------------------------------------------------------------
クーポン一覧
--------------------------------------------------------------*/
div#couponList .conBox {
/*	padding: 12px 7px; // 表示がずれるのでコメントアウト */
}


/*--------------------------------------------------------------
会社概要
--------------------------------------------------------------*/
div#about dl {
	background: url(/image/bor_g.gif) left bottom repeat-x;
	margin: 15px 6px;
	padding: 0;
	text-align: left;
}
div#about dt {
	clear: both;
	float: left;
	background: url(/image/bor_g.gif) left top repeat-x;
	width: 112px;
	font-weight: bold;
	color: #003366;
	padding: 10px 15px;
}
div#about dd {
	background: url(/image/bor_g.gif) left top repeat-x;
	margin: 0 0 0 144px;
	padding: 10px 0 10px 15px;
}
div#about dd li {
	float: left;
	width: 150px;
	margin: 0 56px 0 0;
	padding-bottom: 10px;
	text-align: left;
	line-height: 120%;
}
/* IEhack */ * html div#about dd li { margin-right: 38px; }
div#about dd li img {
	margin: 0 0 2px 0;
	border: 1px solid #999999;
}

div#about a { text-decoration: none; }
div#about a:hover span { text-decoration: underline; }


/*--------------------------------------------------------------
サイトマップ
--------------------------------------------------------------*/
div#sitemap dl {
	width: 270px;
	margin: 0;
	padding: 0 0 27px 0;
}
/* IEhack */ * html div#sitemap dl { width: 300px; }
div#sitemap dl a {
	color: #444444;
	margin-right: 5px;
}
div#sitemap dt {
	background: url(/image/icon/icon-sitemap.gif) left center no-repeat;	
	font-size: 120%;
	font-weight: bold;
	margin: 18px 0 4px 5px;
	padding: 1px 5px 0 20px;
	line-height: 28px;
}
div#sitemap dt a {
	color:#0066CC;
}
div#sitemap dd {
	background: url(/image/icon/blue.gif) left center no-repeat;
	margin: 0 0 2px 15px;
	padding: 0 0 0 10px;
	line-height: 180%;
}
div#sitemap dd ul {
	margin: 0 0 0 25px;
}
div#sitemap dd ul li {
	list-style: disc outside;
}
div#sitemap a:hover {
	color: #0190BF;
	text-decoration: underline; 
}