@charset "Shift_JIS";
/* common.css
-------------------------------------------------------------*/
@import url(/common/css/jtb_site_970.css);
@import url(./base.css);
@import url(../_common/css/chubuCommon.css);


/* left
-------------------------------------------------------------*/
	#mainArea .left {
		width:248px;
		float:left;
	}

	/* エリアナビ
	-------------------------------------------------------------*/
	#mainArea .left .area {
		background-image:url(../images/top/left_area10.gif);
		background-repeat:repeat-y;
		padding:10px 10px 0px 10px;
		height:70px;
	}

	#mainArea .left .area li {
		float:left;
		margin-right:3px;
		margin-bottom:3px;
	}

	#mainArea .left .area li a {
		display:block;
		float:left;
		width:52px;
		height:30px;
		position:relative;
		overflow: hidden;
	}

	#mainArea .left .area li a:hover {
		background-color:#FFFFFF;
	}

	#mainArea .left .area li a:hover img {
		position:relative;
		top:-30px;
	}

	#mainArea .left .area .a a {
		background-image:url(../images/top/left_area2b.gif);
	}

	#mainArea .left .area .b a {
		background-image:url(../images/top/left_area3b.gif);
	}

	#mainArea .left .area .c a {
		background-image:url(../images/top/left_area4b.gif);
	}

	#mainArea .left .area .d a {
		background-image:url(../images/top/left_area5b.gif);
	}

	#mainArea .left .area .e a {
		background-image:url(../images/top/left_area6b.gif);
	}

	#mainArea .left .area .f a {
		background-image:url(../images/top/left_area7b.gif);
	}

	#mainArea .left .area .g a {
		background-image:url(../images/top/left_area8b.gif);
	}

	#mainArea .left .area .h a {
		background-image:url(../images/top/left_area9b.gif);
	}

	#mainArea .areFooter {
		clear:both;
		margin-bottom:10px;
	}


	/* 旅の予約センター、スタッフバナー
	-------------------------------------------------------------*/
	#mainArea .left .staffBtn {
	}

	#mainArea .left .staffBtn li {
		margin-bottom:5px;
	}

	#mainArea .left .staffBtn li a {
		display:block;
		width:238px;
		height:94px;
		position:relative;
		overflow: hidden;
	}

	#mainArea .left .staffBtn li a:hover {
		background-color:#FFFFFF;
	}

	#mainArea .left .staffBtn li a:hover img {
		position:relative;
		top:-100px;
	}

	#mainArea .left .staffBtn .a a {
		background-image:url(../images/top/left_btn_telb.gif);
		height:53px;
	}
	
	#mainArea .left .staffBtn .b a {
		background-image:url(../images/top/left_btn_myshopb.gif);
		height:60px;
	}

	#mainArea .left .staffBtn .c a {
		background-image:url(../images/top/left_btn_staff1b.gif);
	}
	
	#mainArea .left .staffBtn .d a {
		background-image:url(../images/top/left_btn_staff2b.gif);
	}

	/* 旅行専門スタッフ紹介
	-------------------------------------------------------------*/
	#mainArea .left .staffList {
		background-image:url(../images/top/left_staff2.gif);
		background-repeat:repeat-y;
		padding:10px 10px 0px 10px;
		height:240px;
	}	

	#mainArea .left .staffList p {
		font-size:86%;
		line-height:150%;
	}

	#mainArea .left .staffList .photo {
		width:92px;
		float:left;
	}

	#mainArea .left .staffList .text {
		width:126px;
		float:left;
	}

	#mainArea .left .staffList .line {
		clear:both;
		margin-bottom:5px;
	}

	/* バナー
	-------------------------------------------------------------*/
	#mainArea .left .bannerArea {
		margin-top:10px;
	}


/* center
-------------------------------------------------------------*/
	#mainArea .center {
		width:462px;
		float:left;
		overflow:hidden;
	}


	/* メインFLASH
	-------------------------------------------------------------*/
	#chubuTopSwf p {
		background-color:#999;
		width:462px;
		height:187px;
		text-align:center;
		padding-top:10px;
	}

	#chubuTopSwf {
		margin-bottom:10px;
	}

	/* ナビ
	-------------------------------------------------------------*/
	#mainArea .center .centerNavi {
		height:40px;
	}

	#mainArea .center .centerNavi li {
		float:left;
	}

	#mainArea .center .centerNavi li a {
		display:block;
		width:154px;
		height:33px;
		position:relative;
		overflow: hidden;
		background-repeat:no-repeat;
	}

	#mainArea .center .centerNavi li a:hover {
		background-color:#FFFFFF;
	}

	#mainArea .center .centerNavi li a:hover img {
		position:relative;
		top:-33px;
	}

	#mainArea .center .centerNavi .a1 a {
		background-image:url(../images/top/center_navi1b.gif);
	}

	#mainArea .center .centerNavi .b1 a {
		background-image:url(../images/top/center_navi2b.gif);
	}

	#mainArea .center .centerNavi .c1 a {
		background-image:url(../images/top/center_navi3b.gif);
	}

	/* トピックス
	-------------------------------------------------------------*/
	#mainArea .center .topics {
		background-image:url(../images/top/center_topics2.gif);
		background-repeat:repeat-y;
		padding:10px 10px 10px 10px;
	}

	#mainArea .center .topics p {
		font-size:86%;
		background-color:#E0E0E0;
		padding:1px 0px 1px 4px;
	}

	#mainArea .center .topics ul li {
		background-image:url(../images/top/center_topics5.gif);
		background-repeat:no-repeat;
		background-position:bottom;
		padding-bottom:10px;
		padding-top:10px;
		font-size:86%;
		line-height:150%;
	}

	#mainArea .center .topics ul li span {
		display:block;
		text-indent:-9999px;
		width:36px;
		height:18px;
		float:left;
		margin-right:10px;
		background-repeat:no-repeat;
	}

	#mainArea .center .topics ul li .domestic {
		background-image:url(../images/top/center_topics3.gif);
	}

	#mainArea .center .topics ul li .foreign {
		background-image:url(../images/top/center_topics4.gif);
	}

	/* その他
	-------------------------------------------------------------*/
	#mainArea .center .centerOther {
		padding-top:5px;
		margin-bottom:15px;
	}

	#mainArea .center .centerOther div {
		border-bottom:1px solid #CACACA;
		height:46px;
	}

	#mainArea .center .centerOther div p {
		float:left;
	}

	#mainArea .center .centerOther div ul {
		padding-top:5px;
		padding-left:10px;
	}

	#mainArea .center .centerOther div ul li {
		float:left;
		padding-left:15px;
	}

	#mainArea .center .centerOther div ul li a {
		text-indent:-9999px;
		display:block;
		float:left;
		width:72px;
		height:37px;
		text-decoration:none;
	}

	#mainArea .center .centerOther div ul li a:hover {
		background-position:0px -37px;
	}

	#mainArea .center .centerOther div ul .a a {
		background-image:url(../images/top/center_other4.gif);
	}

	#mainArea .center .centerOther div ul .b a {
		background-image:url(../images/top/center_other5.gif);
	}


	/* 今週の一押し
	-------------------------------------------------------------*/
	#mainArea .center .centerRec {
		padding:10px 0px 0px 10px;
	}

	#mainArea .center .centerRec div {
		width:105px;
		padding-right:7px;
		float:left;
		padding-bottom:15px;
	}

	#mainArea .center .centerRec div .photo {
		margin-bottom:5px;
	}

	#mainArea .center .centerRec div .title {
		background-image:url(../images/top/arrow.gif);
		background-repeat:no-repeat;
		background-position:left center;
		font-size:86%;
		line-height:150%;
		padding-left:15px;
	}

	#mainArea .center .centerRec div .text {
		font-size:86%;
		line-height:150%;
		padding-right:3px;
	}


	/* JTB店舗イベント情報
	-------------------------------------------------------------*/
	#mainArea .center .centerEvent {
		padding:10px 10px 10px 10px;
		border:1px solid #DDDDDD;
		margin-bottom:10px;
	}	

	#mainArea .center .centerEvent .date {
		font-size:86%;
		color:#CC0000;
	}

	#mainArea .center .centerEvent .area {
		background-color:#FF9999;
		padding:3px 5px 0px 10px;
		font-size:86%;
		font-weight:bold;
		color:#FFFFFF;
		margin-bottom:10px;
		clear:both;
	}	

	#mainArea .center .centerEvent .area strong {
		font-weight:bold;
	}

	#mainArea .center .centerEvent ul {
	}

	#mainArea .center .centerEvent ul li {
		font-size:86%;
		line-height:150%;
		width:423px;
		clear:both;
	}

	#mainArea .center .centerEvent ul li span {
		display:block;
		float:left;
	}

	#mainArea .center .centerEvent ul li .shopName {
		width:100px;
	}

	#mainArea .center .centerEvent ul li .eventName {
		padding-left:5px;
		width:318px;
	}

	#mainArea .center .centerEvent ul li .eventName a {
		background-image:url(../images/top/arrow.gif);
		background-repeat:no-repeat;
		background-position:0px 3px;
		padding-left:15px;
	}

	#mainArea .center .centerEvent ul .eventEnd span {
		background-image:none;
	}