#mainContents {
	margin-top: 15px;
	clear: both;
}


/* =========== Main Visual =========== */

#mainVisualBox {
	position: relative
}

#mainVisualList {
	width: 712px;
	height: 278px;
	overflow: hidden;
	position: relative;
}
#mainVisualList img{
display: none;
}
#mainVisualList p {
	display: none;
}

#homeLogo {
	position: absolute;
	top: 0;
	left: 20px;
	z-index: 10;
}

.linkPanel {
	background: url(/tabi/common/img/bg_home_linkpanel.gif) no-repeat top center;
	width: 199px;
	position: absolute;
	top: 180px;
	left: 500px;
	z-index: 5;
}

#visualChanger {
	position: absolute;
	bottom: 10px;
	left: 30px;
	z-index: 10;
}

#visualChanger:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#visualChanger li {
	width: 20px;
	height: 10px;
	float: left;
	margin: 0 2px;
	background: #ccc;
}

*html #visualChanger li {
	vertical-align:bottom;
}

*html #visualChanger li img {
	display: block;
}

.active {
	background: #CC0000 !important;
	display: block;
}

#visualChanger li a img {
	display: block;
}

#mainVisualList p {
	position: relative;
}

.arrowWhite {
	background: url(/tabi/common/img/parts/icon_arrow_white.gif) no-repeat left center;
	padding-left: 7px;
}

.txt {
	position: absolute;
	top: 10px;
	left: 0;
	color: #FFFFFF!important;
	font-weight: bold;
	text-align: right;
	width: 700px;
	height: 265px;
}

#mainVisualList,
.txt:link,
.txt:visited,
.txt a:link,
.txt a:visited {
	color: #FFFFFF!important;
}

#mainVisualList p a:hover,
.txt a:hover,
.txt:hover {
	color: #FFFFFF!important;
	text-decoration: underline!important;
}


/*
#mainVisualList ul{
position:relative;
}
#mainVisualList ul li{
position:absolute;
top:0;
left:0;
width:712px;
height:278px;
display:none;
}*/
#mainvisual-prev{
position:absolute;
top:0;
left:0;
z-index:10;
}
#mainvisual-next{
position:absolute;
top:0;
right:8px;
z-index:10;
}



/* =========== Staff Comment =========== */

.staffCommentPanel {
	width: 680px;
	margin: 10px 0 0;
	padding: 0 5px 0;
}

.staffCommentPanel:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.staffCommentBox {
	width: 600px;
	float: left;
	padding: 0 5px;
}

.staffCommentBox dd {
	line-height: 1.5em;
}

.staffCommentBox dd {
	padding-top: 5px\9;
}

.staffCommentBox em {
	font-style: normal;
}

.staffPhoto {
	width: 60px;
	float: right;
}


.staffName {
	vertical-align: 50%;
	margin-left: 20px;
}

*:first-child+html body .staffName {
	vertical-align: 4%;
}

*html .staffName {
	vertical-align: 4%;
}


/* =========== ModelPlan Listt =========== */

.modelplanListBox {
	width: 220px;
	margin: 0 10px 10px 0;
	float: left;
}


*:first-child+html body .modelplanListBox {
	display: inline;
}

*html .modelplanListBox {
	display: inline;
}

.modelplanImage {
	position: relative;
	background: #CCCCCC;
	height: 107px;
	width: 220px;
	text-align: center;
	overflow: hidden;
}


.modelplanImage img {
/*	vertical-align: bottom;*/
}

.modelplanCategory {
	position: absolute;
	top: 0;
	left: 10px;
}

.putRecommend {
	position: absolute;
	top: 0;
	left: 157px;
}

.modelplanCountry {
	position: absolute;
	top: 88px;
	left: 10px;
	background: #000000;
	color: #FFFFFF;
	padding: 3px;
	font-size: 80%;
	display: block;
}
*html .modelplanCountry {
/*	top: 94px;*/
}
.modelplanDescription {
	background: #333333;
	font-weight: bold;
	padding: 5px 8px;
	font-size: 110%;
	border-top: 3px solid #000000;
}

.modelplanDescription p {
	color: #FFFFFF!important;
}

.putNewmark {
	/*padding: 2px 4px;*/
}
.putNewmark {
	color: #FFFFFF!important;
	background: #CC0000;
	font-weight: normal;
	font-size: 60%;
	padding: 0px 2px;
	margin-right: 5px;
}


.modelplanDescription p a:link,
.modelplanDescription p a:visited {
	color: #FFFFFF!important;
}

.disappear {
	display: none;
}



.hotelListBox {
	/*clear: both;*/
	margin: 10px 0 0;
}

.hotelListBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.hotelImgListBox {
	float: left;
	width: 140px;

}

.imgHotel {
	position: relative;
	margin: 0;
	padding: 0;
}

.imgHotel img {
	vertical-align: bottom;
	border-bottom: 3px solid #000000;
}

.hotelListpalceLabel {
	position: absolute;
	top: 87px;
	left: 10px;
	color: #FFFFFF;
	background: #000000;
	padding: 2px;
	font-size: 88%;
}

.hotelListText {
	background: #333333;
}

.hotelListText p {
	color: #FFFFFF!important;
	padding: 2px 4px;
	font-size: 93%;
}

.hotelList {
	float: right;
	width: 180px;
}
.hotelList dd {
	line-height: 1.3em;
	margin-top: 5px;
}

.hotelList dt a {
	font-weight: bold;
}

.putTripAdvisorBanner {
	margin-bottom: 10px;
}


.commonRightPanel {
	padding: 10px;
}

.commonRightPanel p {
	text-align: center;
	padding: 10px 0;
}

.slideControl {
	padding-top: 5px;
}

.secondLine {
	border-top: 1px dotted #000000;
	padding-top: 10px;
	margin-top: 10px;
}



.commonRightPanel label {
	display: block;
	font-weight: bold;
	padding: 0 0 5px;
}

.commonRightPanel select {
	width: 140px;
}

.commonRightPanel input {
	vertical-align: middle;
}

.commonRightPanel form {
	margin-bottom: 10px;
}

.commonBox {
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.commonBox h3 {
	padding: 0 0 5px;
}

.commonBox02 {
	padding: 10px 0 0 10px;
}

.commonBox02 p {
	margin-bottom: 10px;
}

.commonBox02 .thumnailLinkListA01 {
	margin-bottom: 1px;
	padding-bottom: 10px;
	clear: both;
}

*:first-child+html body .commonBox02 .thumnailLinkListA01 {
	margin-bottom: 10px;
}

*html .commonBox02 .thumnailLinkListA01 {
	margin-bottom: 10px;
}

.commonBox03 {
	padding: 15px 0 0 15px;
}

.commonBox03 p {
	margin-bottom: 10px;
}

.commonBox03 .thumnailLinkListA01 {
	margin-bottom: 1px;
	padding-bottom: 10px;
	clear: both;
}

*:first-child+html body .commonBox03 .thumnailLinkListA01 {
	margin-bottom: 10px;
}

*html .commonBox03 .thumnailLinkListA01 {
	margin-bottom: 10px;
}

.topMapArea {
	text-align: center;
}

.addPannel {
	margin-right: 10px;
}


/* Top Tab Changer */
#tabUiChanger {
	margin: 10px 0;
	padding: 10px 0 0 10px;
	border-top: 1px solid #CCCCCC;
}

#tabUiChanger li {
	display: inline;
}

#tabUiChanger li a {
	cursor: hand;
}


#JS_tabContents {
	padding-left: 10px;
}

.JS_tabChanger {
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 2px;
}

.JS_tabChanger span {
	background: url(/tabi/common/img/parts/bg_btn_normal_02.jpg) no-repeat right top;
	/*display: block;*/
	padding-right: 3px;
	height: 27px;
	display: inline-block;
}

.JS_tabChanger span span {
	background: url(/tabi/common/img/parts/bg_btn_normal_01.jpg) no-repeat left top;
	padding-left: 5px;
	line-height: 27px;
}


.JS_tabChanger:hover a {
	display: inline-block;
	padding-top: 7px;
	padding-bottom: 7px;
}

.JS_tabChanger:hover span {
	background: url(/tabi/common/img/parts/bg_btn_active_02.jpg) no-repeat right top;
	padding-right: 3px;
	height: 27px;
	display: inline-block;
}

.JS_tabChanger:hover span span {
	background: url(/tabi/common/img/parts/bg_btn_active_01.jpg) no-repeat left top;
	padding-left: 5px;
	line-height: 27px;
	color: #FFFFFF!important;
}

.JS_tabChanger img {
	vertical-align: middle;
	margin-right: 5px;
	/margin-top:2px;
}


.JS_active a {
	display: inline-block;
	padding-top: 7px;
	padding-bottom: 7px;
}

.JS_active span {
	background: url(/tabi/common/img/parts/bg_btn_active_02.jpg) no-repeat right top;
	padding-right: 3px;
	height: 27px;
	display: inline-block;
}

.JS_active span span {
	background: url(/tabi/common/img/parts/bg_btn_active_01.jpg) no-repeat left top;
	padding-left: 5px;
	line-height: 27px;
	color: #FFFFFF!important;
}

/*-------------------------

JMB Banner
---------------------------*/
#afterLogin {
	background: url(/tabi/common/img/parts/banner_jmb_loggedin.jpg);
	height: 278px;
	width: 220px;
}

#afterLoginLinkList{
	position: relative;
	top: 60%;
	left: 5%;
}

.firstChildListJMB {
	margin-bottom: 10px;
}



/*-------------------------

pickup
---------------------------*/
.pickup-innerBox{
padding:15px 15px 0 15px;
}
.pickup-listbox{
width:440px;
margin-bottom:10px;
}
.pickup-innerBox dl{

}
.pickup-innerBox dt{
width:220px;
float:left;
}
.pickup-innerBox dd{
width:210px;
float:right;
}
.pickupImg{
position:relative;
width:220px;
height:107px;
overflow:hidden;
}
.pickupImg span.pickup-area{
position:absolute;
bottom:0;
left:10px;
background:#000;
color:#fff;
padding:3px;
font-size:80%;
}
.pickup-link{
font-weight:bold;
}
.pickup-text{
margin-top:5px;
line-height:1.4;
}




/*-------------------------

tabi enjoy
---------------------------*/
.tabi-enjoy .linkFloater{
position:absolute;
top:3px;
right:5px;
}

.enjoy-innnerBox{
padding:15px 20px 0;
}
.enjoyImg{
position:relative;
width:190px;
height:143px;
overflow:hidden;
}
.enjoyImg img.youtubePlayMark{
position:absolute;
top:44px;
left:68px;
}

.enjoyImg span.enjoy-area{
position:absolute;
bottom:0;
left:10px;
background:#000;
color:#fff;
padding:3px;
font-size:80%;
}
.enjoy-link{
margin-top:5px;
font-weight:bold;
width:190px;
}
.enjoy-link02{
margin-top:5px;
font-weight:bold;
}

.enjoy-keyword{

}
.enjoy-keyword li{
display:inline-block;
margin-right:10px;
line-height:1.4;
font-size:120%;
*display: inline;
*zoom:1;
}

.page-keyword ul.enjoy-keyword li{
margin-right:30px!important;
margin-bottom:10px;
}

.enjoy-modelplan{
margin-bottom:5px;
/*clear:both;*/
}
.enjoy-modelplan dl{
margin-top:-2px;
}
.enjoy-modelplan dt{
float: left;
padding-top:3px;
}
.enjoy-modelplan dt,  x:-moz-any-link  { padding-top:0; }
.enjoy-modelplan dd{
overflow: hidden;

}
.enjoy-modelplan dd a{

}
.enjoy-modelplan indTri{
display:block!important;
}
.enjoy-modelplan withIcon img{
vertical-align: 1px!important;
}
.enjoy-modelplan-ico-dom{
color: #000!important;
background: #FFCC99;
font-weight: normal;
font-size: 80%;
padding: 0px 2px;
margin-right: 7px;
}
.enjoy-modelplan-ico-int{
color: #000!important;
background: #BFF8BF;
font-weight: normal;
font-size: 80%;
padding: 0px 2px;
margin-right: 7px;
}
.enjoy-modelplan-ico-new{
color: #fff!important;
background: #CC0000;
font-weight: normal;
font-size: 70%;/*60%*/
padding: 0px 2px;
margin-right: 5px;
}


.enjoy-tabi-info-illustIcon{
position:absolute;
top:-10px;
left:5px;
}
.enjoy-tabi-info-innerBox{
padding:5px 0 0 10px;
}
.enjoy-tabi-info-iconlist li{
float:left;
margin-right:10px!important;
white-space: nowrap;
}

.enjoy-tabi-info-txt01{
margin-top:5px;
margin-left:35px;
_margin-left:20px;
}
.enjoy-link-text01 a{
font-size:120%;
font-weight:bold;
}
.enjoy-link-text01 .withIcon img{
vertical-align:15%;
/vertical-align:middle;
}
.enjoy-tabi-info-innerBox .illustIconList{
margin-bottom:0!important;
}


#enjoy-osusume{
background:url(../img/bg_home_osusume_info.gif) no-repeat top left;
}
#enjoy-osusume02{
background:url(../img/bg_home_osusume_info02.gif) no-repeat bottom left;
width:270px;
padding:10px 10px 1px 10px;
}



/*-------------------------

tabi colum
---------------------------*/

.tabiColumBox div.leadBody dl dt {
margin-bottom: 2px;
}
.tabiColumBox div.leadBody{
float: left;
width: 220px;
}
.tabiColumBox div.thumnailLinkListA01 div.imgFloater{
float: left;
width: 54px;/*56*/
margin-right: 10px;
}


.tabiColumBox2 span.illustIcon02{
position:absolute;
top:5px;
left:237px;
}

.tabiColumBox2 div.innnerBox{
padding:12px 10px 0 10px;
}
.tabiColumBox2 ul{
margin:10px 0 0;
}
.tabiColumBox2 ul li{
float:left;
/*display:table-cell;*/
padding-right:5px;
margin-bottom:10px;
}
.tabiColumBox2 ul.tabiColum-tab{
margin:5px 0;
}
.tabiColumBox2 ul.tabiColum-tab li{
float:left;
padding-right:0;
}


div.tabiColum-btn { clear: both; font-weight: normal; text-align: center; }
div.tabiColum-btn a,
div.tabiColum-btn a:link,
div.tabiColum-btn a:visited,
div.tabiColum-btn span {
display: inline-block;
line-height: 24px; height: 24px; cursor:pointer;background:url(/tabi/common/img/btn_home_tabicolum_bg.gif) no-repeat;background-color:none!important;
white-space: nowrap;
}
div.tabiColum-btn a { text-decoration: none; padding-left: 10px; }
div.tabiColum-btn span { background-position: right top; padding-right: 10px; }
div.tabiColum-btn a:hover {text-decoration:underline; }
div.tabiColum-btn a:hover span {text-decoration:underline; }




/*-------------------------

facebook google+
---------------------------*/

.snsBox{
min-height:90px;
_height:90px;
}
.snsBox div{
padding:3px;
}
.snsBox p{
padding:15px 100px 0 10px;
}
.snsBox .imgFloater{
position:absolute;
top:11px;
left:375px;
}