@charset "utf-8";

/*------------------------------------------------------------------------------
	Date: 2008/11/13
------------------------------------------------------------------------------*/

/*
########################################################
  local navi top
########################################################
*/

div#lNaviArea{
	height:65px;
	margin:0 0 0 6px;
	padding:0;
	position:relative;
	background: url(../../common/img/bg_lnavi03.gif) no-repeat 0 0;
}

div#lNaviArea dl dt{
	display:none;
}

/*
  localnavi01
--------------------------*/

div#lNaviArea dl dd ul.lnavi01{
	height:34px;
	margin:0;
	padding:0;
	position:absolute;
	left:12px;
	top:1px;
	font-size:12px;
}

div#lNaviArea dl dd ul.lnavi01 li{
	height:34px;
	display:block;
	float:left;
	padding-top:11px;
	text-align:center;
	font-weight:bold;
	color:#D85D11;
}

div#lNaviArea dl dd ul.lnavi01 li a,
div#lNaviArea dl dd ul.lnavi01 li a:visited{
	height:35px;
	display:block;
	text-align:center;
	margin-top:-11px;
	padding-top:11px;
	font-weight:normal;
	color:#000000;
}

div#lNaviArea dl dd ul.lnavi01 li a:hover,
div#lNaviArea dl dd ul.lnavi01 li a:active{
	height:34px;
	display:block;
	float:left;
	text-align:center;
	font-weight:normal;
	color:#D85D11;
	text-decoration:underline;
}


/*  focus  */

#lnaviCompany01{
	width:97px;
	background: url(../img/lnavi_01_01_o.gif) no-repeat left top;
}

/*  link - visited  */

#lnaviCompany01 a,#lnaviCompany01 a:visited{
	width:97px;
	background:url(../img/lnavi_01_01.gif) no-repeat left top;
}

/*  hover - active  */

#lnaviCompany01 a:hover,#lnaviCompany01 a:active{
	width:97px;
	background:url(../img/lnavi_01_01_o.gif) no-repeat left top;
}

/*
########################################################
  retail style
########################################################
*/

/* search box */

div#retailSearch{
	width:755px;
	height:auto;
	margin:20px auto 30px auto;
	padding:0;
	background:url(../img/bg_retail_m.gif) repeat-y 0 0;
}

div#retailSearchT{
	width:755px;
	height:auto;
	margin:0;
	padding:0;
	background:url(../img/bg_retail_t.gif) no-repeat 0 0;
}

div#retailSearchB{
	width:755px;
	height:auto;
	margin:0;
	padding:23px 0 23px 0;
	background:url(../img/bg_retail_b.gif) no-repeat left bottom;
}

div#retailSearchB table{
	width:600px;
	height:auto;
	margin:0 0 5px 30px;
	padding:0;
	border-collapse:collapse;
}

div#retailSearchB table th{
	margin:0;
	padding:2px 0 25px 13px;
	vertical-align:top;
	background:url(../img/icon_retail01.gif) no-repeat 0 0;
	text-align:left;
}

div#retailSearchB table td{
	margin:0;
	padding:0 0 25px 0;
	vertical-align:top;
	text-align:left;
}

div#retailSearchB table td #pre{
	width:150px;
}

div#retailSearchB table td #storeName{
	width:370px;
}

div#retailSearchB table td #conditions01{
	vertical-align:top;
	*vertical-align: middle;
	margin:0 5px 0 0;
}

div#retailSearchB table td #conditions02{
	vertical-align:top;
	*vertical-align:middle;
	margin:0 5px 0 20px;
}

div#retailSearchB table td #conditions03{
	vertical-align:top;
	*vertical-align:middle;
	margin:0 5px 0 20px;
}

/* reault box */

div#retailResult{
	/*display:none;*/
}

div#retailResult p.upddate {
	position:relative;
	text-align:right
}

div#retailResult p.upddate span{
	position:absolute;
	right:18px;
	top:-36px;
	color:#fff
}

div#resultArea{
	width:755px;
	height:auto;
	margin:10px auto 0 auto;
	padding:0;
}

div#retailResultHead{
	width:755px;
	height:auto;
	margin:0 0 5px 0;
	padding:0;
	position:relative;
}

div#retailResultHead p#resultCaption{
	padding:10px 0 0 0;
}

div#retailResultHead p#resultCaption span{
	font-weight:bold;
}

div#retailResultHead p#resultHeadBtn{
	position:absolute;
	top:-2px;
	right:140px;
}

div#retailResultHead p#resultHeadBtn img{
	cursor:pointer;
}

div#retailResultHead p#retailSort{
	position:absolute;
	top:-2px;
	right:0;
}

div#retailResultHead p#retailSort select{
	width:70px;
	vertical-align: baseline;
	*vertical-align: middle;
}

/* paging box */

div.retailPaging{
	width:755px;
	height:auto;
	margin:0;
	padding:0;
	background:url(../img/bg_retail_m.gif) repeat-y 0 0;
}

div.retailPagingT{
	width:755px;
	height:auto;
	margin:0;
	padding:0;
	background:url(../img/bg_retail_t.gif) no-repeat 0 0;
}

div.retailPagingB{
	width:755px;
	height:auto;
	margin:0;
	padding:4px 0;
	background:url(../img/bg_retail_b.gif) no-repeat left bottom;
	position:relative;
}

div.retailPaging:after,
div.retailPagingB:after{
	content: "";
	display: block;
	clear: both;
}

div.retailPagingB .pagePrev{
	font-size:120%;
	position:absolute;
	left:20px;
	top:5px;
}

div.retailPagingB .pageNext{
	font-size:120%;
	position:absolute;
	right:20px;
	top:5px;
}

div.retailPagingB .pagePrev a,
div.retailPagingB .pageNext a{
	color:#D85D11;
	background:url(../img/icon_retail02.gif) no-repeat 0 0.1em;
	padding:0 0 0 17px;
	font-weight:bold;
	text-decoration:underline;
}

div.retailPagingB .pagePrev a:hover,
div.retailPagingB .pageNext a:hover{
	text-decoration:none;
}

div.retailPagingB .pagePrev a,
div.retailPagingB .pageNext a{
	color:#D85D11;
}

div.retailPagingB p.pagingList{
	text-align:center;
	padding:2px 0 4px 0;
}

div.retailPagingB ul li{
	float:left;
	display:inline;
	margin:0 15px 0 0;
}

div.retailPagingB p.pagingList a{
	color:#D85D11 !important;
	text-decoration:underline !important;
	padding:3px 2px !important;
	margin:0 7px;
}

div.retailPagingB p.pagingList span{
	margin:0 7px;
}

div.retailPagingB p.pagingList a:hover{
	color:#ffffff !important;
	text-decoration:none !important;
	background:#D85D11 !important;
}


/* result detail box */

div#retailDetail{
	width:755px;
	height:auto;
	margin:12px 0;
	padding:0;
	background:url(../img/line_retail.gif) repeat-x 0 0;
}

div#retailDetail div.commonStore{
	width:755px;
	height:auto;
	margin:0;
	padding:14px 0;
	background:url(../img/line_retail.gif) repeat-x left bottom;
	position:relative;
}

div#retailDetail div.commonStore dl{
	margin:0 0 0 15px;
	padding:0;
}

div#retailDetail div.commonStore dl dt{
	margin:0;
	padding:0px 0 0px 13px !important;
	height:25px !important;
	font-weight:bold;
	font-size:120%;
	position:relative;
	background:url(../img/icon_retail01.gif) no-repeat 0 0;
}

div#retailDetail div.commonStore dl dd{
	margin:0;
	padding:0 0 0 13px;
}

div#retailDetail div.commonStore dl dd p{
	margin:3px 0 0 0;
}

div#retailDetail div.commonStore dl dd p.storeIcon{
	margin:5px 0 0 0;
}

div#retailDetail div.commonStore dl dd p.storeIcon img{
	vertical-align:middle;
	margin:0 10px 0 0;
}

div#retailDetail div.commonStore p.retailMap{
	position:absolute;
	top:30px;
	right:20px;
}

/* detail asset */

div#retailAsset{
	width:755px;
	height:auto;
	margin:45px auto 15px auto;
	padding:0;
}

div#retailAsset ul{
	width:755px;
	height:auto;
	margin:10px 0 0 0;
	padding:0;
}

div#retailAsset:after,
div#retailAsset ul:after{
	content: "";
	display: block;
	clear: both;
}

div#retailAsset ul li{
	float:left;
	display: inline;
	margin:0 2px 0 0;
}


div#retailAsset ul li.retailAssetLC{
	margin:0;
}

/*
########################################################
  close btn
########################################################
*/

span#storeCloseBtn{
	width:58px;
	height:19px;
	margin:-23px 0 0 350px;
	background: url(../img/btn_mapclose.gif) no-repeat 0 0;
	display:block;
}

span#storeCloseBtn a{
	width:58px;
	height:19px;
	background: url(../img/btn_mapclose.gif) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}

span#storeCloseBtn a:hover{
	background: url(../img/btn_mapclose_o.gif) no-repeat 0 0;
}

