@charset "utf-8";
/* CSS Document */

/* layout
---------------------------------------------------------------------------- */
/*
#box {
	position:absolute;
	top:0px; 
	left:0px;
	width:100%;
	height:1235px;
	text-align:center;
	overflow: hidden;
	z-index: 9999;
}
*/
#flasharea{
	height: 424px;
	background: #000000;
}
div#topMainBg {}

div#commonWrapper {
	width: 100%;
	background: #121212;
	text-align: center;}

div#commonWrapper p {
	width: 848px;
	margin: 0 auto;
	position: relative;}

div#topContainer {
	width: 848px;
	margin: 0 auto;
	padding: 24px 0 0 0;
	text-align: left;}

div#topContainer h2 {
	padding: 0 0 16px 0;}

div#topContainer div#infoBlock {
	width: 552px;
	float: left;
	overflow: hidden;}

div#topContainer div#searchArea {
	width: 281px;
	float: right;}

div#topContainer div#specialArea {
	width: 848px;
	margin: 0 auto;
	padding: 0 0 20px 0;}
	

/* recommendArea
---------------------------------------------------------------------------- */

div#recommendArea {
	width: 566px;
	padding: 0 0 8px 0;}

div#recommendArea div.colBlock {
	width: 566px;
	margin: 0 0 12px 0;
	padding: 0 0 1px 0;
	background: url(/top/img/rcm_bg_bottomline.png) left bottom no-repeat;}

div#recommendArea div.colBlock div {
	width: 283px;
	float: left;
	background: url(/top/img/rcm_bg_sideline.png) left top repeat-y;}

div#recommendArea dl {
	width: 267px;
	margin: 0 1px;
	padding: 11px 0;
	border: solid #e7e7e7;
	border-width: 1px 0 0 0;
	background: url(/top/img/rcm_bg01.png) left top repeat-x;}

div#recommendArea dl dt {
	width: 145px;
	padding: 0 0 8px 0;
	float: right;}

div#recommendArea dl dd.rcmThumb {
	width: 115px;
	float: left;
	text-align: right;}

div#recommendArea dl dd.rcmThumb p {
	width: 95px;
	float: right;
	position: relative;}

div#recommendArea dl dd.rcmThumb p img.icoNewly {
	position: absolute;
	top: 0;
	left: 0;}

div#recommendArea dl dd.rcmThumb p span.icoNewly {
	position: absolute;
	display: block;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
	color: #FFFFFF;
	top: -5px;
	left: -15px;
	width: 30px;
	height: 14px;
	background: url(/top/img/ico_new.png) left top no-repeat;}

/* png for IE6 */
div#recommendArea dl dd.rcmThumb p span.icoNewly
{
	behavior: expression(IEPNGFIX.fix(this));}
/**/

div#recommendArea dl dd.rcmData {
	width: 145px;
	float: right;}

div#recommendArea dl dd.rcmData p {
	height: 3.5em;}

div#recommendArea dl dd.rcmData p.rcmBtn {
	padding: 10px 0 0 0;
	height: auto;}


/* topicsArea
---------------------------------------------------------------------------- */

div#topicsArea dl {
	padding: 0 0 2px 0;}

div#topicsArea dl dt {
	width: 7em;
	padding: 0 0 5px 0;
	font-size: 0.9em;
	float: left;}

div#topicsArea dl dd {
	padding: 0 0 9px 0;
	margin: 0 0 9px 0;
	background: url(/top/img/tpi_bg_dotted.gif) left bottom repeat-x;}

div#topicsArea dl dd.noBg {
	background: none;}


div#topicsArea dl dd a {
	display: block;
	margin: 0 0 0 6.5em;
	padding: 0 0 0 8px;
	background: url(/top/img/tpi_ico_arrow.gif) 0 0.4em no-repeat;}


/* search area
---------------------------------------------------------------------------- */

div#searchArea {}

div#searchArea div#topMapParent {
	width: 281px;
	position: relative;}

map#Map area {
	cursor: default;}

div#searchArea p#searchLead {
	position: absolute;
	top: 8px;
	left: 11px;
	color: #4a4a4a;}

div#searchArea div#hokkaido {
	position: absolute;
	top: 200px;
	left: 225px;
	width: 1px;
	height: 1px;
}

div#searchArea div#chubu {
	position: absolute;
	top: 262px;
	left: 186px;
	width: 1px;
	height: 1px;
}

div#searchArea div#kinki {
	position: absolute;
	top: 270px;
	left: 180px;
	width: 1px;
	height: 1px;
}

div#searchArea div#kyushu {
	position: absolute;
	top: 310px;
	left: 165px;
	width: 1px;
	height: 1px;
	background-color:#0000FF;
}

div#searchArea div#kanto {
	position: absolute;
	top: 241px;
	left: 224px;
	width: 1px;
	height: 1px;
}

div#searchArea div.layWrapper {
	display: none;
	position: relative;
	z-index: 9999;}

div#searchArea div.topMapLay {
	width: 161px;
	position: absolute;
	bottom: 0;
	right: 0;}

div#searchArea div.topMapLay dl {
	width: 161px;
	position: relative;}

div#searchArea div.topMapLay dl dt {
	display: block;
	width: 161px;
	background: url(/top/img/map_item/fukidashi_top.png) left top no-repeat;
	text-align: left;}

div#searchArea div.topMapLay dl dt span {
	display: block;
	margin: 0 auto;
	padding: 7px 0 0 0;
	margin: 0 20px 0 13px;
	text-align: left;
	border-bottom: 1px solid #2c5fa3;}

div#searchArea div.topMapLay dl dd {
	width: 161px;
	background: url(/top/img/map_item/fukidashi_mid.png) left top no-repeat;
	text-align: left;
	padding: 5px 0 0 0;}

div#searchArea div.topMapLay dl dd ul {
	display: block;
	width: 151px;
	padding: 0;
	margin: 0 0 0 1px;
	text-align: left;}

div#searchArea div.topMapLay dl dd li {
	display: block;
	width: 151px;
	float: left;}

div#searchArea div.topMapLay dl dd li a,
div#searchArea div.topMapLay dl dd li a:link,
div#searchArea div.topMapLay dl dd li a:visited,
div#searchArea div.topMapLay dl dd li a:active {
	position: relative;
	display: block;
	width: 151px;
	float: left;
	padding: 0;
	margin: 0;
	text-decoration: none;}

div#searchArea div.topMapLay dl dd li a:hover {
	background: #e6f3ff;}

div#searchArea div.topMapLay dl dd li a span {
	position: relative;
	display: block;
	cursor: pointer;}

div#searchArea div.topMapLay dl dd li a span.countName {
	position: relative;
	left: 13px;
	top: 0;
	width: 50px;
	height: 15px;
	float: left;
	margin: 0.5em 10px 0 0;
	background: left top no-repeat;
	text-indent: -9999px;}

div#searchArea div.topMapLay dl dd li a span#nameSaitama {background-image: url(/top/img/map_item/map_local_saitama.png);}
div#searchArea div.topMapLay dl dd li a span#nameTokyo {background-image: url(/top/img/map_item/map_local_tokyo.png);}
div#searchArea div.topMapLay dl dd li a span#nameKanagawa {background-image: url(/top/img/map_item/map_local_kanagawa.png);}
div#searchArea div.topMapLay dl dd li a span#nameHokkaido {background-image: url(/top/img/map_item/map_local_hokkaido.png);}
div#searchArea div.topMapLay dl dd li a span#nameIshikawa {background-image: url(/top/img/map_item/map_local_ishikawa.png);}
div#searchArea div.topMapLay dl dd li a span#nameAichi {background-image: url(/top/img/map_item/map_local_aichi.png);}
div#searchArea div.topMapLay dl dd li a span#nameOsaka {background-image: url(/top/img/map_item/map_local_osaka.png);}
div#searchArea div.topMapLay dl dd li a span#nameFukuoka {background-image: url(/top/img/map_item/map_local_fukuoka.png);}

div#searchArea div.topMapLay dl dd li a span.countNum {
	width: 30px;
	float: left;
	color: #2c5fa3;
	font-weight: bold;
	font-size: 1.7em;
	text-align: right;}

div#searchArea div#hokkaido span.countNum {
	color: #e7947a;}

div#searchArea div#kanto span.countNum {
	color: #6bc8b1;}

div#searchArea div#chubu span.countNum {
	color: #90ce63;}

div#searchArea div#kinki span.countNum {
	color: #e4df5f;}

div#searchArea div#kyushu span.countNum {
	color: #dda25c;}


div#searchArea div.topMapLay dl dd li a:hover {
	background: #e6f3ff;}
	
div#searchArea div#hokkaido li a:hover {
	background: #fff0ea;}

div#searchArea div#kanto li a:hover {
	background: #e6f5f2;}

div#searchArea div#chubu li a:hover {
	background: #e9f9dd;}

div#searchArea div#kinki li a:hover {
	background: #fffee1;}

div#searchArea div#kyushu li a:hover {
	background: #fff1de;}




div#searchArea div.topMapLay dl dd li a span.countUnit {
	display: block;
	position: absolute;
	top: 0.5em;
	left: 100px;
	font-size: 10px;
	line-height: 15px;
	text-indent: -9999px;
	width: 29px;
	background: url(/top/img/map_item/map_count.png) left bottom no-repeat;}

div#searchArea div.topMapLay dl dd.fukidashiBottom {
	width: 161px;
	height: 15px;
	font-size: 0;
	line-height: 0;
	padding: 0;
	background: url(/top/img/map_item/fukidashi_bottom.png) left bottom no-repeat;}

div#searchArea div.topMapLay dl dd.fukidashiBottom2 {
	width: 161px;
	height: 15px;
	font-size: 0;
	line-height: 0;
	padding: 0;
	background: url(/top/img/map_item/fukidashi_bottom_2.png) left bottom no-repeat;}

div#searchArea div.topMapLay dl dd.fukidashiBottom3 {
	width: 161px;
	height: 15px;
	font-size: 0;
	line-height: 0;
	padding: 0;
	background: url(/top/img/map_item/fukidashi_bottom_3.png) left bottom no-repeat;}

div#searchArea div.topMapLay dl dd.fukidashiBottom4 {
	width: 161px;
	height: 15px;
	font-size: 0;
	line-height: 0;
	padding: 0;
	background: url(/top/img/map_item/fukidashi_bottom_4.png) left bottom no-repeat;}


div#searchArea div.topMapLay div.fukidashiTip {
	position: relative;
	width: 65px;
	height: 41px;
	float: right;
	_z-index: 9999;
	background: url(/top/img/map_item/fukidashi_tip.png) right bottom no-repeat;}

div#searchArea div.topMapLay div.fukidashiTip2 {
	position: relative;
	width: 65px;
	height: 41px;
	margin: 0 0 0 65px;
	_z-index: 9999;
	background: url(/top/img/map_item/fukidashi_tip.png) right bottom no-repeat;}

div#searchArea div.topMapLay div.fukidashiTip3 {
	position: relative;
	width: 65px;
	height: 41px;
	margin: 0 0 0 34px;
	_z-index: 9999;
	background: url(/top/img/map_item/fukidashi_tip_3.png) right bottom no-repeat;}

div#searchArea div.topMapLay div.fukidashiTip4 {
	position: absolute;
	top: -45px;
	left: 10px;
	width: 53px;
	height: 46px;
	_z-index: 9999;
	background: url(/top/img/map_item/fukidashi_tip_4.png) right bottom no-repeat;}


div.topMapLay div.fukidashiTip span img {}


/* revise clickable area for IE7 */
div.topMapLay div.fukidashiTip span {
	display: block;
	width: 65px;
	height: 41px;
	background: url(/top/img/map_item/space.gif);}
/**/




/* png for IE6 */
div.topMapLay dl dt,
div.topMapLay dl dd,
div.topMapLay dl dd li a span.countName,
div.topMapLay dl dd li a span.countUnit,
div.topMapLay dl dd.fukidashiBottom,
div.topMapLay dl dd.fukidashiBottom2,
div.topMapLay div.fukidashiTip,
div.topMapLay div.fukidashiTip2,
div.topMapLay div.fukidashiTip3,
div.topMapLay div.fukidashiTip4
{
	behavior: expression(IEPNGFIX.fix(this));}
/**/

div#searchBtn {
	background: url(/top/img/src_bg01.png) left top no-repeat;}

div#searchBtn p {
	padding: 12px 0 13px 0;
	text-align: center;}


div#forPrint {
	display: none;}

/* specialArea
---------------------------------------------------------------------------- */
div#specialArea h2 {
	width: 848px;
	clear: both;
	overflow: hidden;
	padding: 0 0 12px 0;}

div#specialArea ul {
	width: 864px;}

div#specialArea li {
	width: 288px;
	float: left;}


p.toPageTop {
	width: 848px;
	clear: both;
	padding: 20px 0;}


@media print {

div#flashWrapper {
	display: none;}

div#forPrint {
	display: block;
	width: 848px;
	height: 494px;
	margin: 0 auto;}




div#recommendArea div.colBlock div {
	width: 282px;
	float: left;
	background: url(/top/img/rcm_bg_sideline.png) left top repeat-y;}


}