/*商品詳細ページ 地図比較切り替え用CSS
------------------------------------------------*/
body{
	behavior: url(../js/csshover.htc);
}


*{
	margin: 0;
	padding: 0;
}

/* --------------▼地図比較見出し▼--------------  */
h2#changeList{
	text-indent: -9999px;
	width: 680px;
	height: 50px;
	margin-bottom: 10px;
	background: url(../images/raku/h2_mapcomp.gif) top left no-repeat;
	}
	
P.mapcomp_explain{
	font-size: 90%;
	line-height: 1.3;
	margin-bottom: 15px;
}

P.mapcomp_explain span{
	font-size: 120%;
	font-weight: bold;
}
/* --------------▲地図比較見出し▲--------------  */

/* --------------▼▼▼地方ボックス大枠▼▼▼--------------  */

div.area_box{
	overflow: hidden;
	margin-top: 0px;
	width: 330px;
	float: left;
	margin-right: 8px;
	border-right: 1px solid #CCC;
	padding-bottom: 10px;
}

div.right_area{
	overflow: hidden;
	margin-top: 0px;
	width: 330px;
	float: left;
	clear: right;
	padding-bottom: 10px;
}


dl.area_dl{
	width: 330px;
	display: block;
}

dl.area_dl dt{
	font-weight: bold;
	font-size: 100%;
	line-height: 1.5;
	margin: 2px 0px;
}

/* --------------▲▲▲地方ボックス大枠▲▲▲--------------  */



/* --------------▼▼変更画像ボックス部分▼▼--------------  */
dl.area_dl dd.imgcome_spa{
	margin-bottom: 10px;
	min-height: 16.5em;
	_height: 16.5em;
}


dl.chgbox{
  width: 320px;
  margin: 0px 5px;
  padding: 1px;
  display: block;
}

dd.mapimgbox{
	display: block;
	width: 310px;  
	height: 145px;
	border: 1px solid #000;
	padding: 0px;
	margin-bottom: 8px;
}

dd.mapimgbox a, dd.mapimgbox a{
	_display: block;
	_width: 310px;
	_height: 135px;
}

dd.mapimgbox a:hover, dd.mapimgbox a:hover{
	_filter: alpha( opacity=0 );
} 

dd.mapimgbox a img{
	_border: none;
}



dl.chgbox dd.pointcomm{
	font-size: 90%;
	line-height: 1.3;
	margin-top: 3px;
}

/* 2番目、3番目は一旦消すよ  */
#hok02, #hok03, #knt02, #knt03, #kht02, #kht03, #knk02, #knk03, #chs02, #chs03, #kyu02, #kyu03{
	display: none;
}
/* --------------▲▲変更画像ボックス部分▲▲--------------  */


/* --------------▼▼地点リスト部分▼▼--------------  */
dl.area_dl dd.checkpoint{
	display: block;
	background: #9C0020;
	color: #FFF;
	line-height: 1.5;
	margin: 5px 10px;
	padding: 3px 5px;
	font-weight: bold;
}


dl.area_dl dd.pointlst{
	display: block;
	padding: 0px 10px;
	line-height: 1.5;
	font-size: 95%;
	min-height: 10em;
	_height: 10em;
}

dl.area_dl dd.pointlst a{
	display: block;
	margin-bottom: 3px;
}
/* --------------▲▲地点リスト部分▲▲--------------  */


/* ▼--------タブ切り替えのために--------▼ */
dd.mapchgspa{
	clear: both;
	display: block;
	width: 220px;
	margin: 10px auto;
	min-height: 33px;
}


dd.mapchgspa a.tab_on, dd.mapchgspa a.tab_bfon, dd.mapchgspa a.tab_newon{
	display: block;
	width: 100px;
	text-indent: -99999px;
	font-size: 1px;
	height: 33px;
	float: left;
}

dd.mapchgspa a.tab_off, dd.mapchgspa a.tab_newoff{
	display: block;
	width: 100px;
	text-indent: -99999px;
	font-size: 1px;
	height: 33px;
	float: left;
}

/* ---▼ 切り替えボタン用 ▼--- */


a.tab_off
{
	background: url(/store/images/mailland/chgbtn_old_off.gif) top left no-repeat;
}

a.tab_newoff
{
	background: url(/store/images/mailland/chgbtn_new_off.gif) top left no-repeat;
}


a.tab_bfon
{
	background: url(/store/images/mailland/chgbtn_old_on.gif) top left no-repeat;
}

a.tab_newon
{
	background: url(/store/images/mailland/chgbtn_new_on.gif) top left no-repeat;
}




/* ---▲ 切り替えボタン用 ▲--- */


/* ▲--------タブ切り替えのために--------▲ */