@charset "Shift_JIS";

@import url(/common/css/jtb_site_970.css);


/*--------------------共通--------------------*/


h1, h2, h3, h4{
	font-weight:bold;
}
h1 {
	background: url(/common/images/title_h1.gif) no-repeat left bottom;
	padding-left: 25px;
	padding-top: 15px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	font-size: 128.7%; 
}
#top h2, #list h2, #gpList h2{
	border-top: 3px solid #CC0033;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 5px 10px;
	background: #EAEAEA;
	font-size: 114.5%; 
	margin-bottom:10px;
}
h3{
	font-size: 114.5%;
	line-height:31px;
}
#exArea h2{
	border-style:none;
	background:url(/common/images/title_h2_sub.gif) top left repeat-x;
}
img{
	vertical-align:bottom;
}
#contentsArea a{
	font-weight:bold;
}
input, select, textarea {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
} 
.searchbutton input{
	width:11em;
	height: 1.8em;
}
form dt{
	font-weight:bold;
	letter-spacing: -1px;
}
.searchbutton{
	text-align:center;
	margin-top:10px;
}
.fontSmaller{
	line-height:14px;
}
.pageup{
	text-align:right;
	margin-top: 10px;
}
.h3Box h3{
	margin-left:10px;
}

.h3Box{
	border-bottom:1px solid #BDC3CD;
}
.link a{
	background:url(../images/icon.gif) left 2px no-repeat;
	padding-left:17px;
}
em{
	font-weight: bold;
}
strong{
	color:#FF0000;
	font-weight: bold;
}
#recommendArea{
	margin-top:25px;
}
#recommendArea .photo{
	float:left;
	margin:0px 5px 0px 0px;
	padding-left:7px;
}
#recommendArea dl{
	float:left;
	line-height:120%;
	width:124px;
}
#recommendArea .price{
	font-weight: bold;
}
#keywordSearch .fontSmaller{
	margin-top:2px;
}
#topLink{
	width:350px;
}
#list #topLink{
	margin:30px 0px 30px 305px;
}
#gpList #topLink, #detail #topLink{
	margin:30px 0px 30px 240px;
}
#topLink a{
	width:350px;
	height:41px;
	display:block;
	text-indent:-9999px;
	background: url(../images/bt_top.gif) no-repeat;
	overflow:hidden;
}
#topLink a:hover{
	background-position: 0px -41px;
}
#searchArea{
	margin-top: 25px;
}
#searchArea #conditionSearch{
	float:left;
	margin-right: 10px;
}
#conditionSearch .re{
	background: #EAEAEA;
	border:1px solid #D0D0D0;
	margin-top: 10px;
	padding: 15px 0px;
	text-align: center;
}
#conditionSearch dl{
	margin: 0px auto;
	text-align: left;
}
#conditionSearch dt, #conditionSearch dd{
	float:left;
}
#conditionSearch .area{
	margin-bottom: 10px;
}
#conditionSearch .area dd{
	margin-right:5px;
}
#list #searchArea #keywordSearch ,#gpList #searchArea #keywordSearch{
	float:left;
}
#list #keywordSearch .re, #gpList #keywordSearch .re{
	background: #EAEAEA;
	border:1px solid #D0D0D0;
	margin-top: 10px;
	padding: 15px;
}
#gpList #contentsArea ,#detail #contentsArea{
	width:830px;
	margin: 10px 0px 10px 70px;
}

/*--------------------▼TOPページ▼--------------------*/
#top h1{
	background: url(../images/title_etkt.gif) no-repeat left bottom;
	/* margin: -56px 0 0 -9999px; */
	
}
#genreSearch .h3Box{
	background: url(../images/h3bg_225.gif) no-repeat top;
}
#searchBox .h3Box{
	background: url(../images/h3bg_475.gif) no-repeat top;
}


/* ---------- 20100816 Add ---------- */
div#h1titleArea{
	margin-bottom:5px;
	padding:0 0 3px;
}
div#h1titleArea h1{
	float:left;
	display:inline;
	font-size:100%;
	background:none;
	padding:0;
	width:185px;
	margin-bottom:0;
	margin-left:5px;
}
div#h1titleArea p {
	float:right;
	display:inline;
	width:750px;
	text-align:right;
	font-size:0.9em;
	padding-top:3px;
}
/* ---------- /20100816 Add ---------- */


/*--------------------季節のおすすめチケット--------------------*/
#seazonArea div{
	width:230px;
	float:left;
	margin-right:10px;
}
#seazonArea .last{
	margin-right:0px;
}

/*--------------------割引レジャーチケットを探す--------------------*/
#top #searchArea{
	margin-top:25px;
}
#genreSearch{
	width:225px;
	float:left;
	margin-right: 10px;
}
#searchBox{
	float:left;
	width:475px;
}
#searchBox p{
	margin-top:10px;
}

/*--------------------ジャンルリスト--------------------*/
#genreSearch ul{
	width:225px;
	margin-top:10px;
}
#genreSearch ul li{
	width:225px;
	margin-bottom:2px;
}
#genreSearch ul li a{
	width:225px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background: url(../images/genrelist.gif) no-repeat;
	overflow:hidden;
}
#genreSearch ul #genre01 a{
	background-position: 0px 0px;
}
#genreSearch ul #genre01 a:hover{
	background-position: -225px 0px;
}
#genreSearch ul #genre02 a{
	background-position: 0px -32px;
}
#genreSearch ul #genre02 a:hover{
	background-position: -225px -32px;
}
#genreSearch ul #genre03 a{
	background-position: 0px -64px;
}
#genreSearch ul #genre03 a:hover{
	background-position: -225px -64px;
}
#genreSearch ul #genre04 a{
	background-position: 0px -96px;
}
#genreSearch ul #genre04 a:hover{
	background-position: -225px -96px;
}
#genreSearch ul #genre05 a{
	background-position: 0px -128px;
}
#genreSearch ul #genre05 a:hover{
	background-position: -225px -128px;
}
#genreSearch ul #genre06 a{
	background-position: 0px -160px;
}
#genreSearch ul #genre06 a:hover{
	background-position: -225px -160px;
}
#genreSearch ul #genre07 a{
	background-position: 0px -192px;
}
#genreSearch ul #genre07 a:hover{
	background-position: -225px -192px;
}
#genreSearch ul #genre08 a{
	background-position: 0px -224px;
}
#genreSearch ul #genre08 a:hover{
	background-position: -225px -224px;
}
#genreSearch ul #genre09 a{
	background-position: 0px -256px;
}
#genreSearch ul #genre09 a:hover{
	background-position: -225px -256px;
}
#genreSearch ul #genre10 a{
	background-position: 0px -288px;
}
#genreSearch ul #genre10 a:hover{
	background-position: -225px -288px;
}
#genreSearch ul #genre11 a{
	background-position: 0px -320px;
}
#genreSearch ul #genre11 a:hover{
	background-position: -225px -320px;
}
#genreSearch ul #genre12 a{
	background-position: 0px -352px;
}
#genreSearch ul #genre12 a:hover{
	background-position: -225px -352px;
}
#genreSearch ul #genre13 a{
	background-position: 0px -384px;
}
#genreSearch ul #genre13 a:hover{
	background-position: -225px -384px;
}
#genreSearch ul #genre14 a{
	background-position: 0px -416px;
}
#genreSearch ul #genre14 a:hover{
	background-position: -225px -416px;
}

/*--------------------キーワードから探す--------------------*/
#searchBox form{
	width:350px;
	margin:20px 0px 0px 55px;
}
#top #keywordSearch{
	margin-top:25px;
}
#top #keywordSearch .keyword, #top #keywordSearch .searchbutton{
	float:left;
}
#top #keywordSearch .keyword{
	margin-right:5px;
	padding-top:3px;
}
#top #keywordSearch p{
	margin:0px;
}
#top #keywordSearch .fontSmaller{
	text-align:left;
	clear:both;
}
#top #keywordSearch .searchbutton input{
	width:5em;
}
#top .recommendBox{
}
#top .recommendBox div{
	float:left;
	background: url(../images/top_recommendbg.gif) no-repeat bottom;
	width:230px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin-right: 10px;
	padding:7px 0px;
	height:7em;
}
#top #recommendArea .last{
	margin-right:0px;
	margin-bottom:10px;
	_margin-bottom:0px;
}

/*--------------------右カラム--------------------*/
#qaArea, #rankArea, #infoArea{
	margin-top:20px;
}
#rankArea{
	margin-bottom:25px;
}
#rankArea ul{
	border:1px solid #CCC;
}
#rankArea ul li{
	border-bottom:1px solid #CCC;
	padding:10px 0px 10px 47px;
}
#rankArea ul li a{
	line-height:80%;
}
#rankArea ul #rank01{
	background: url(../images/rank1.gif) no-repeat 5px;
}
#rankArea ul #rank02{
	background: url(../images/rank2.gif) no-repeat 5px;
}
#rankArea ul #rank03{
	background: url(../images/rank3.gif) no-repeat 5px;
}
#rankArea ul #rank04{
	background: url(../images/rank4.gif) no-repeat 5px;
}
#rankArea ul #rank05{
	background: url(../images/rank5.gif) no-repeat 5px;
}
#rankArea ul #rank06{
	background: url(../images/rank6.gif) no-repeat 5px;
}
#rankArea ul #rank07{
	background: url(../images/rank7.gif) no-repeat 5px;
}
#rankArea ul #rank08{
	background: url(../images/rank8.gif) no-repeat 5px;
}
#rankArea ul #rank09{
	background: url(../images/rank9.gif) no-repeat 5px;
}
#rankArea ul #rank10{
	background: url(../images/rank10.gif) no-repeat 5px;
}
#rankArea ul #rankBottom{
	background:#EAEAEA;
	text-align:right;
	border:none;
	padding:10px;
}
#rankArea ul #rankBottom a{
	background:url(../images/icon_02.gif) left 2px no-repeat;
	padding-left:17px;
}
#mobileArea{
	background:#EBEBEB;
	border:1px solid #CCC;
	padding:7px;
	font-weight:bold;
}
#mobileArea dl{
	background:#FFF;
	padding:9px;
	text-align:center;
}
#mobileArea #mobileBox{
	background:#FFF url(../images/mobilebg.gif) right 0px no-repeat;
	margin-bottom:10px;
}
#mobileArea #mobileBox dt{
	float:left;
	margin:0px 10px 0px 0px;
	width:66px;
	line-height:0px;
}
#mobileArea #mobileBox dd{
	float:left;
	width:120px;
	margin-top:10px;
	text-align:left;
}
#mobileArea dt{
	color:#FF4BE8;
	margin-bottom:10px;
}
#mobileArea input{
	width:10em;
}
#infoArea li{
	line-height:180%;
}

/*--------------------▼リストページ▼--------------------*/
/*--------------------h3部分--------------------*/
#list .h3Box{
	background: url(../images/h3bg_710.gif) no-repeat top;
}
#list #conditionSearch .h3Box{
	background: url(../images/h3bg_415.gif) no-repeat top;
}
#list #keywordSearch .h3Box{
	background: url(../images/h3bg_285.gif) no-repeat top;
}

/*--------------------絞込検索--------------------*/
#list #narrowArea {
	background: #EAEAEA;
	border:1px solid #D0D0D0;
	padding:15px 0px 15px 10px;
}
#list #narrowArea dt,#narrowArea dd{
	float: left;
}
#list #narrowArea dd{
	margin-right:10px;
}

/*--------------------キーワード検索--------------------*/
#list #keywordArea{
	background: #EAEAEA;
	border:1px solid #D0D0D0;
	padding:15px 0px 15px 10px;
}
#list #keywordArea dt{
	float: left;
}
#list #keywordArea dd{
	float: left;
	margin-right:10px;
}

/*--------------------検索結果商品一覧--------------------*/
#resultArea{
	margin-top:10px;
}
.resultBox{
	margin-top:25px;
}
.spotList{
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.spotList h4{
	background: #F5D48C url(../images/list_icon.gif) no-repeat left;
	border:none;
	padding-left:30px;
	line-height: 25px;
	font-size: 108%;
}
.spotList .photo{
	float:left;
	margin-top: 5px;
}
.spotList div{
	width:615px;
	float:right;
}
.spotList div{
	margin-top: 4px;
}
.spotList dt{
	float:left;
	width: 330px;
}
.spotList dd{
	float:right;
	width: 280px;
	text-align: right;
}


/*--------------------再検索--------------------*/
#list #searchArea #conditionSearch{
	width:415px;
}
#list #conditionSearch dl{
	width: 380px;
}
#list #searchArea #keywordSearch{
	width:285px;
}
#keywordSearch .keyword input{
	width:245px;
}

/*--------------------右カラム--------------------*/
#list #recommendArea .recommendBox{
	background: url(../images/recommendbg.gif) repeat-x bottom;
	border:1px solid #CCC;
	margin-bottom: 10px;
	padding:7px 0px;
}
#recommendArea .text{
	clear:both;
	padding-top:5px;
	margin:0px 7px;
}

/*--------------------▼グループリストページ▼--------------------*/
/*--------------------h3部分--------------------*/
#gpList #conditionSearch .h3Box{
	background: url(../images/h3bg_495.gif) no-repeat top;
}
#gpList #keywordSearch .h3Box{
	background: url(../images/h3bg_325.gif) no-repeat top;
}
#gpList #outlineArea p{
	float:left;
}
#gpList #outlineArea .photo{
	margin-right:10px;
	width:200px;
}
#gpList #outlineArea .text{
	width:600px;
}
/*-------------------------- 090828modify---------------------------*/
#gpList #outlineArea dl{
	width:620px;
	margin-top:10px;
	background:#fef7dc;
	padding:0px;
	float:left;
}
#gpList #outlineArea dl dt{
	background: url(../images/bg_topics.gif) left top repeat-x;
	padding:3px 6px;
	font-weight:bold;
	color:#9d7a2f;
	margin:0px 0px 8px 0px
}
#gpList #outlineArea dl dd{
	margin:0 12px 10px 12px;
}
#gpList #outlineArea dl dd li{
	margin-bottom:15px;
}
#gpList #outlineArea dl dd li.topics{
	background:url(../images/icon_topics.gif) no-repeat left top;
	padding-left:25px;
}
#gpList #outlineArea dl dd li.attention{
	background:url(../images/icon_caution.gif) no-repeat left top;
	padding-left:25px;
/* color:#cc0033; */ 
}
#gpList #outlineArea dl dd li p{
	float:none;
	color:#3e3e3e;
	line-height:1.3em;
}
/*-------------------------- /090828modify---------------------------*/
#gpList #ticketArea{
	margin-top:25px;
}
#gpList #ticketArea .ticketList{
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	padding: 5px;
}
#gpList #ticketArea .ticketName{
	background:#B4E4FF;
}
#gpList #ticketArea .ticketName h3{
	background: url(../images/gplist_icon.gif) no-repeat left;
	border:none;
	padding-left:30px;
	line-height: 25px;
	font-size: 108%;
	float:left;
}
#gpList #ticketArea .ticketName dl{
	float:right;
	font-weight:bold;
	background:#FFF;
	margin:3px;
}
#gpList #ticketArea .ticketName dl dt{
	background:#6DAFD3;
	color:#FFF;
	padding:0px 2px;
}
#ticketArea .ticketName dt, #ticketArea .ticketName dd{
	float:left;
	padding:0px 2px;
}
#ticketArea .ticketList .photo{
	float:left;
	margin: 5px 10px 0px 0px;
}
#ticketArea .ticketList .contentsBox{
	float:left;
	margin-top: 5px;
	width:720px;
}
#ticketArea .ticketList .contentsBox ul{
	margin-top: 5px;
}
#ticketArea .ticketList li{
	float:left;
	border:1px solid #CCC;
	padding: 0px 10px;
	margin-right:5px;
}

/*--------------------再検索--------------------*/
#gpList #searchArea #conditionSearch{
	width:495px;
}
#gpList #conditionSearch dl{
	width: 400px;
}
#gpList #searchArea #keywordSearch{
	width:325px;
}
#gpList #keywordSearch .keyword input{
	width:290px;
}

/*--------------------▼商品詳細ページ▼--------------------*/
/*--------------------h2,h3部分--------------------*/
#detail #outlineArea h2{
	margin: 0px 0px 0px 10px;
	line-height:31px;
	font-size: 114.5%;
}
#detail #outlineArea .h2Box{
	border-bottom:1px solid #BDC3CD;
}
#detail #outlineArea #priceArea .h2Box{
	background: url(../images/h2bg_410.gif) no-repeat top;
}
#detail #outlineArea #priceAreanet .h2Box{
	background: url(../images/h2bg_620.gif) no-repeat top;
}
#detail #outlineArea #priceAreanetcvs .h2Box{
	background: url(../images/h2bg_410.gif) no-repeat top;
}
#detail #outlineArea #numberArea .h2Box{
	background: url(../images/h2bg_200.gif) no-repeat top;
}
#detailBox h3, #howtoArea h3{
	background: url(../images/gp_h3bg.gif) no-repeat left;
	padding-left:25px;
}
#detailBox h3, #howtoAreanet h3{
	background: url(../images/gp_h3bg.gif) no-repeat left;
	padding-left:25px;
}
#detail #priceArea{
	width:410px;
	float:left;
	margin-right:10px;
}
#detail #priceAreanet{
	width:620px;
	float:left;
}
#detail #priceAreanetcvs{
	width:410px;
	float:left;
	margin-right:10px;
}
#detail #numberArea{
	width:200px;
	float:left;
}
#detail #outlineArea .photo{
	float:left;
	margin-right:10px;
}
#detail #outlineArea .contentsBox{
	background:#EBEBEB;
	border:1px solid #CCC;
	padding: 4px;
	margin-top: 10px;
}
#detail #outlineArea .contentsBox table{
	background:#FFF;
	line-height:13px;
}
#detail #outlineArea .contentsBox table th{
	font-weight:normal;
	text-align:left;
	width:80px;
	padding: 5px 0px 0px 8px;
}
#detail #outlineArea .contentsBox table td{
	padding: 5px 8px 0px 0px;
}
#detail #outlineArea .contentsBox table td.fontSmaller{
	padding: 5px 8px 0px 8px;
}
#detail #outlineArea .contentsBox table td.detailButton{
	padding: 4px 8px 5px 8px;
}
#detail #outlineArea .contentsBox table td.detailButton p{
	width:203px;
}
#detail #outlineArea .contentsBox table td.detailButton p a{
	width:203px;
	height:24px;
	display:block;
	text-indent:-9999px;
	background: url(../images/gp_button_01.gif) no-repeat;
	overflow:hidden;
}
#detail #outlineArea .contentsBox table td.detailButton p a:hover{
	background-position: 0px -24px;
}

/*--------------------ネット版テーブル--------------------*/
#detail #outlineArea #priceAreanet table{
	background:#FFF;
	line-height:13px;
	width:610px;
}
#detail #outlineArea #priceAreanet table th{
	font-weight:normal;
	text-align:left;
	width:80px;
	padding: 5px 0px 0px 8px;
}
#detail #outlineArea #priceAreanet table td{
	padding: 5px 8px 0px 0px;
}
#detail #outlineArea #priceAreanet table td.fontSmaller{
	padding: 5px 8px 0px 8px;
}
#detail #outlineArea #priceAreanet table td.detailButton{
	padding: 4px 8px 5px 8px;
}
#detail #outlineArea #priceAreanet table td.detailButton p{
	width:203px;
}
#detail #outlineArea #priceAreanet table td.detailButton p a{
	width:203px;
	height:24px;
	display:block;
	text-indent:-9999px;
	background: url(../images/gp_button_01.gif) no-repeat;
	overflow:hidden;
}
#detail #outlineArea #priceAreanet table td.detailButton p a:hover{
	background-position: 0px -24px;
}
#numberArea .contentsBox dl{
	background:#FFF;
	padding:35px 0px 5px 0px;
}
#numberArea .contentsBox dt{
	font-size:170%;
	font-weight: bold;
	margin-bottom:35px;
	text-align: center;
}
#numberArea .contentsBox dl dd{
	line-height:0px;
	width:160px;
	margin-left:15px;
}
#numberArea .contentsBox dl dd a{
	width:160px;
	height:24px;
	display:block;
	text-indent:-9999px;
	background: url(../images/gp_button_02.gif) no-repeat;
	overflow:hidden;
	line-height:0px;
}
#numberArea .contentsBox dl dd a:hover{
	background-position: 0px -24px;
}
#explain, #event, #validTerm, #saleTerm, #holiday, #traffic, #attention, #howtoArea, #howtoAreanet{
	margin-top:20px;
}
#detailBox p{
	margin: 5px 10px 0px 10px;
}
#detailBox #event ul li
{
	margin: 5px 10px 0px 10px;
}
#detailBox .contentsBox div{
	width:410px;
	float:left;
	margin-right:10px;
}
#detailBox .contentsBox .last{
	margin-right: 0px;
}

/*--------------------コンビニ購入方法--------------------*/
#howtoArea .contentsBox{
	background: url(../images/howto_illust.gif) no-repeat bottom;
	border:1px solid #818181;
	padding: 10px;
	margin-top:10px;
}
#howtoArea #step1{
	float:left;
	height:260px;
	overflow:hidden;
}
#howtoArea #step2{
	float:right;
	width:337px;
	position:relative;
}
#howtoArea #step3{
	width:800px;
}
#howtoArea .h4Box{
	padding-bottom:5px;
}
#howtoArea .h4Box h4{
	border:none;
	font-weight:normal;
}
#howtoArea #step1 .h4Box{
	background: url(../images/howto_01_bottom.gif) no-repeat bottom;
	width:451px;
}
#howtoArea #step1 .h4Box h4{
	background: url(../images/howto_01.gif) no-repeat top;
	padding:15px 10px 10px;
	text-align:center;
}
#howtoArea #step2 .h4Box{
	background: url(../images/howto_02_bottom.gif) no-repeat bottom;
	width:337px;
}
#howtoArea #step2 .h4Box h4{
	background: url(../images/howto_02.gif) no-repeat top;
	line-height:110%;
	padding:10px 10px 5px;
}
#howtoArea #step2 p{
	margin: 3px 0px 0px 10px;
}
#conveniLink{
	background: url(../images/conveni_bottom.gif) no-repeat bottom;
	width:265px;
	margin:8px 0px 0px 180px;
	padding-bottom:10px;
}
#conveniLink h5{
	background: url(../images/conveni_top.gif) no-repeat top;
	text-indent:-9999px;
	height:26px;
}
#conveniLink dl{
	margin:10px 0 0 0;
	float:left;
	width:130px;
}
#conveniLink dl dt,
#conveniLink dl dd{
	margin-left:10px;
}
#howtoArea #step2 .detailButton{
	line-height:0px;
	width:183px;
}
#howtoArea #step2 .detailButton a{
	width:183px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background: url(../images/howto_button.gif) no-repeat;
	overflow:hidden;
	line-height:0px;
}
#howtoArea #step2 .detailButton a:hover{
	background-position: 0px -32px;
}
#howtoArea #step2 #number{
	position:absolute;
	top:185px;
	left:42px;
	text-align:center;
}
#howtoArea #step2 #number dt{
	font-size: 86%;
}
#howtoArea #step2 #number dd{
	font-size:170%;
	font-weight:bold;
}

/*--------------------ネット購入方法--------------------*/
#howtoAreanet .contentsBox{
	border:1px solid #818181;
	padding: 10px;
	margin-top:10px;
}
#howtoAreanet #step3{
	width:800px;
}
#howtoAreanet .h4Box{
	padding-bottom:5px;
}
#howtoAreanet .h4Box h4{
	border:none;
	font-weight:normal;
}
#howtoAreanet #step3 .h4Box{
	background: url(../images/howto_net_01_bottom.gif) no-repeat bottom;
	width:800px;
}
#howtoAreanet #step3 .h4Box h4{
	background: url(../images/howto_net_01.gif) no-repeat top;
	line-height:110%;
	padding:10px;
}
#howtoAreanet #step3 p{
	margin: 3px 0px 0px 10px;
}
#howtoArea #step3 .detailButton{
	line-height:0px;
	width:300px;
}
#howtoAreanet #step3 .detailButton a{
	width:230px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background: url(../images/net_button.gif) no-repeat;
	overflow:hidden;
	line-height:0px;
}
#howtoAreanet #step3 .detailButton a:hover{
	background-position: 0px -32px;
}

/*--------------------clearfix--------------------*/
.clearfix{
	zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/*-------------------------- 20090818add ----------------------------*/
#ticketArea .ticketList li{
	width:230px;
	text-align:center;
	padding:0px;
}
/*-------------------------- /20090818add ----------------------------*/

/*-------------------------- 20091218add ----------------------------*/
#addition_cnt h2{
	background:#EAEAEA none repeat scroll 0 0;
	border-color:#CC0033 #999999 #999999;
	border-style:solid;
	border-width:3px 1px 1px;
	font-size:114.5%;
	margin-bottom:10px;
	margin-top:10px;
	padding:5px 10px;
}
/*-------------------------- /20091218add ----------------------------*/

/*-------------------------- 20100414add ----------------------------*/
.arrangeC{
	text-align:center;
}
.mb05{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
#mainArea #mainAdd p{
	margin-bottom:12px;
}
#mainArea #mainAdd ul{
	text-align:center;
	margin-bottom:15px;
	padding-left:60px;
}
#mainArea #mainAdd ul li{
	float:left;
	margin-right:40px;
}
#mainArea #mainAdd ul li a{
	background: url(../images/arrow_top_01.gif) no-repeat left center;
	padding-left:15px;
}

#mainArea #recommendSpot h2{
	padding:0;
	margin:0 0 10px 0;
	background-color:#FFF;
	border:0;
}

#mainArea #recommendSpot .frmBg{
	background: url(../images/frm_top_01_02.gif) no-repeat left bottom;
	margin-bottom:10px;
}

#mainArea #recommendSpot .frmBgG{
	background: url(../images/frm_top_01b_02.gif) no-repeat left bottom;
	margin-bottom:10px;
}

#mainArea #recommendSpot .frmBgAutumn{
	margin-bottom:10px;
	border-top:1px solid #d1a97d;
}

#mainArea #recommendSpot .frmBgAutumnBottom{
	margin-bottom:20px;
	border-top:1px solid #d1a97d;
}


#mainArea #recommendSpot .frmTop{
	background: url(../images/frm_top_01_01.gif) no-repeat left top;
	padding:15px 15px 12px 15px;
}

#mainArea #recommendSpot .frmBgG .frmTop{
	background: url(../images/frm_top_01b_01.gif) no-repeat left top;
}

#mainArea #recommendSpot .frmBgAutumn .frmTop,
#mainArea #recommendSpot .frmBgAutumnBottom .frmTop{
	background: url(../images/frm_top_autumn.gif) no-repeat left bottom;
}

#mainArea #recommendSpot ul.special{
}
#mainArea #recommendSpot ul.special li{
	width:328px;
	float:left;
	margin-right:22px;
}
#mainArea #recommendSpot ul.special li .photo{
	width:117px;
	float:left;
	margin-right:6px;
}
#mainArea #recommendSpot ul.special li .txt{
	width:205px;
	float:left;
}
#mainArea #recommendSpot ul.special li .txt a{
	background: url(../images/ico_top_01.gif) no-repeat left center;
	padding-left:18px;
}
#mainArea #recommendSpot ul.osusume li{
	width:159px;
	float:left;
	margin-right:7px;
	background:url(../images/lin_top_01.gif) no-repeat right top;
	padding-right:7px;
}

#mainArea #recommendSpot .frmBgG ul.osusume li{
	background:url(../images/lin_top_01b.gif) no-repeat right top;
}

#mainArea #recommendSpot .frmBgAutumn ul.osusume li,
#mainArea #recommendSpot .frmBgAutumnBottom ul.osusume li{
	background:url(../images/lin_top_autumn.gif) no-repeat right top;
}


#mainArea #recommendSpot ul.osusume li .photo{
	text-align:center;
	margin-bottom:5px;
}
#mainArea #recommendSpot ul li.last,
#mainArea #recommendSpot .frmBgG ul li.last,
#mainArea #recommendSpot .frmBgAutumn ul li.last,
#mainArea #recommendSpot .frmBgAutumnBottom ul li.last{
	margin-right:0;
	background:none;
	padding-right:0;
}

#mainArea #recommendSpot ul li .price,
#mainArea #recommendSpot .areaSpot .areaSpotList div .price{
	text-align:right;
	font-weight:bold;
}
#mainArea #recommendSpot ul li .exp{
	font-size:90%;
	line-height:140%;
}

#mainArea #recommendSpot ul li .exp .spotName{
	min-height:3em;
}

*html #mainArea #recommendSpot ul li .exp .spotName{
	height:3em;
}

#mainArea #recommendSpot .areaSpot h3{
	margin-bottom:10px;
}
#mainArea #recommendSpot .areaSpot .areaSpotList{
	margin:0 0 20px 8px;
	background:url(../images/frm_top_02_02.gif) no-repeat left bottom;
}
#mainArea #recommendSpot .areaSpot .areaSpotList div{
	width:208px;
	float:left;
	border-top:#cccccc 1px solid;
	padding:6px 10px;
	margin-right:5px;
}
#mainArea #recommendSpot .areaSpot .areaSpotList div.last{
	margin-right:0;
}
#mainArea #recommendSpot .areaSpot .areaSpotList div .fontSmaller{
	line-height:140%;
}
#mainArea #recommendSpot .lead{
	min-height:32px;
	height:auto !important;
	height:32px;
}

#mainArea #recommendSpot .bt{
	text-align:center;
	margin-bottom:20px;
}

#exArea #helpArea{
	margin-bottom:10px;
}
#exArea #merit{
	margin-bottom:10px;
}
#exArea #merit ul{
	text-align:center;
	background:#fff2cc;
	padding:5px 0;
}
#exArea #merit ul li{
	margin-bottom:2px;
}
#exArea #merit .attention{
	background:#fff2cc;
	padding:1px 5px 5px 18px;
	font-size:78%;
	line-height:140%;
}
#exArea .leisureBnr li{
	margin-bottom:10px;
}
/*-------------------------- /20100414add ----------------------------*/