@charset "utf-8";
/* CSS Document */

@import url(main.css);
@import url(sub.css);

body.sub .rightSet {
	padding-top:8px;
}
body.sub #storeSearch {
	margin-top:30px;
}
body.sub #storeSearch dl,
body.sub #storeSort dl {
	background:url(../img/line/dotted.gif) repeat-x left bottom;
	padding-bottom:17px;
	margin-bottom:18px;
	width:193px;
	display:inline-block;
}
body.sub #storeSearch dt {
	background:url(../img/title/s2-1.gif) no-repeat;
	width:59px; height:11px;
	margin-bottom:6px;
}
body.sub #storeSearch .txt,
body.sub #storeSort .txt {
	background:url(../img/form/txt2.gif) repeat-x;
	border-bottom:1px #f0f0f0 solid;
	border-left:1px #e2e2e2 solid;
	padding:3px;
	width:155px; height:16px;
	float:left;
}
body.sub #storeSearch .btn {
	background:url(../img/form/btn2.gif) no-repeat;
	width:31px; height:23px;
	float:left;
}
body.sub #storeMenu {
	margin-top:9px;
}
body.sub #storeMenu a {
	background-repeat:no-repeat;
	background-position:left top;
	width:138px; height:43px;
	line-height:43px;
	display:block;
	padding-left:57px;
	color:#777;
	font-size:10pt;
}
body.sub #storeMenu a:hover,
body.sub #storeMenu a.step {
	background-position:left bottom;
	color:#2b96c7;
}
body.sub #storeMenu a.m1 {
	background-image:url(../img/menu/s2-1.gif);
}
body.sub #storeMenu a.m2 {
	background-image:url(../img/menu/s2-2.gif);
}
body.sub #storeMenu a.m3 {
	background-image:url(../img/menu/s2-3.gif);
}
body.sub #storeMenu a.m4 {
	background-image:url(../img/menu/s2-4.gif);
}
body.sub #storeMenu a.m5 {
	background-image:url(../img/menu/s2-5.gif);
}
body.sub #storeSort .area dt {
	background:url(../img/title/s2-2.gif) no-repeat;
	width:60px; height:11px;
	margin-bottom:6px;
}
body.sub #storeSort .advance dt {
	background:url(../img/title/s2-3.gif) no-repeat;
	width:60px; height:12px;
	margin-bottom:6px;
}
body.sub #storeSort .txt {
	width:192px; height:24px;
}
body.sub #storeSort .advance .txt {
	margin-bottom:12px;
}
body.sub #storeSort .btn {
	background:url(../img/form/btn3.gif) no-repeat;
	width:54px; height:29px;
	clear:both;
}
body.sub #feature {
	margin:2px 0 8px 33px;
	padding-bottom:15px;
	background:url(../img/line/dotted.gif) repeat-x left bottom;
	width:675px; height:366px;
}
body.sub #feature .slideshow {
	position:relative;
	clear:both;
}
body.sub #feature h2 {
	background:url(../img/title/s2-4.gif) no-repeat;
	width:150px; height:44px;
	margin-bottom:3px;
	float:left;
}
body.sub #feature .block {
	clear:both;
	display:inline-block;
	background:#fff;
}
body.sub #feature_1.block, body.sub #feature_2.block, body.sub #feature_3.block, body.sub #feature_4.block, body.sub #feature_5.block {display:none; position:absolute; left:0; height:312px; overflow:hidden;}
body.sub #feature_1.block {display:block;}
body.sub #feature .featurePic {
	display:block;
	float:left;
	width:450px; height:310px;
	overflow:hidden;
	background:#fff;
	text-align:center;
	vertical-align:middle;
	border:1px #e5e5e5 solid;
}
body.sub #feature dl {
	margin-top:8px;
	padding-top:8px;
	width:207px;
	display:inline-block;
	background:url(../img/line/dotted.gif) repeat-x left top;
}
body.sub #feature dl.top {
	background:url(../img/line/line_shadow.gif) repeat-x left top;
}
body.sub #feature .data {
	width:207px;
	float:left;
	margin-left:15px;
}
body.sub #feature dt {
	clear:both;
	float:left;
	width:50px;
	padding-right:10px;
	color:#848383;
}
body.sub #feature dd {
	float:left;
	width:147px;
	color:#848383;
}
body.sub #feature .btnGroup {
	padding-top:15px;
	margin-top:10px;
	width:207px;
	background:url(../img/line/dotted.gif) repeat-x left top;
}
body.sub #feature h3.titleTxt {
	margin-bottom:0;
}
body.sub #feature .storeLogo {
	position:absolute;
	left:465px; bottom:0;
}
body.sub #feature a.moreBtn {
	margin:-4px 0 0 -3px;
	position:relative;
}

body.sub #list {
	margin-left:16px;
	width:691px;
	padding-bottom:30px;
	overflow:hidden;
}
body.sub #list h2 {
	clear:both;
}
body.sub #list li {
	margin-bottom:10px;
}
body.sub #list .row {
	background:url(../img/line/dotted.gif) repeat-x left bottom;
	display:inline-block;
	margin-left:18px;
	width:673px;
	padding-bottom:20px;
	position:relative;
	clear:both;
}
body.sub #list dl {
	float:left;
	margin-right:28px;
	padding-bottom:14px;
	color:#848383;
}
body.sub #list dl.noM {
	margin-right:0;
}
body.sub #list dl dt {
	margin-top:5px;
}
body.sub #list dl dd {
	margin-top:3px;
}
body.sub #list dl a.img {
	width:203px; height:152px;
}
body.sub #list.listStyle1 dl {
	float:left;
	margin-right:10px;
	padding:10px;
	padding-top:5px;
	color:#848383;
 	width:309px;
	overflow:hidden;
	border:1px #ccc solid;
}
body.sub #list.listStyle1 .new,
body.sub #list.listStyle1 .hot {
	width:46px; height:49px;
	position:absolute;
	top:-2px;
	_behavior:url(js/iepngfix/iepngfix.htc);
}
body.sub #list.listStyle1 .new {
	background:url(../img/icon/new.png) no-repeat;
	left:287px;
}
body.sub #list.listStyle1 .hot {
	background:url(../img/icon/hot.png) no-repeat;
	left:627px;
}
body.sub #list.listStyle1 dl.noM {
	margin-right:0;
}
body.sub #list.listStyle1 dl dt {
	float:left;
	width:180px; height:135px;
}
body.sub #list.listStyle1 dl dt a.img {
	width:180px; height:135px;
}
body.sub #list.listStyle1 dl dd {
	float:left;
	width:114px;
	margin-left:15px;
	overflow:hidden;
	margin-bottom:3px;
}
body.sub #list.listStyle1 dl dd.name {
	width:90px;
}
body.sub #list a.more {
	float:left;
	background:url(../img/btn/store_more.gif) no-repeat;
	width:112px; height:22px;
	position:relative;
}
body.sub #list h2 {
	margin:0 0 5px 16px;
	* margin-left:10px;
	margin-left:10px \9;
	_margin-left:10px;
	float:left;
	background-position:left bottom;
	background-repeat:no-repeat;
	width:118px; height:36px;
}

body.sub #list #list1 {
	margin-bottom:0;
}
body.sub #list #list1 h2 {
	background-image:url(../img/title/s2-5.gif);
}
body.sub #list #list1 a.more {
	margin-top:7px;
}

body.sub #list #list2 {
	margin-bottom:6px;
}
body.sub #list #list2 .page.top {
	margin-top:15px;
}
body.sub #list #list2 h2 {
	background-image:url(../img/title/s2-6.gif);
}
body.sub #list #list2 a.more {
	margin-top:10px;
}

body.sub #list #list3 {
	margin-bottom:3px;
}
body.sub #list #list3 h2 {
	background-image:url(../img/title/s2-7.gif);
}
body.sub #list #list3 a.more {
	margin-top:10px;
}

body.sub #list #list4 {
	margin-bottom:10px;
}
body.sub #list #list4 h2 {
	background-image:url(../img/title/s2-8.gif);
}
body.sub #list #list4 a.more {
	margin-top:11px;
}

body.sub #list #list5 {
	margin-bottom:10px;
}
body.sub #list #list5 h2 {
	background-image:url(../img/title/s2-9.gif);
}
body.sub #list #list5 a.more {
	margin-top:8px;
}
body.sub #list .all h2,
body.sub #list #list6 h2 {
	background-image:url(../img/title/s2-12.gif);
}

/*********************************************
list-1 & list-2
**********************************************/
body.sub #mode {
	float:left;
	margin:11px 0 0 8px;
}
body.sub #list1 #mode {
	margin-top:9px;
}
body.sub #mode li {
	margin-right:5px;
}
body.sub #mode a {
	background-position:left center;
	background-repeat:no-repeat;
	width:17px; height:11px;
	margin-right:5px;
	padding-left:16px;
	color:#cfcfcf;
}
body.sub #mode a.large:hover,
body.sub #mode a.large.step {
	color:#575757;
	background-image:url(../img/icon/mode1_hover.gif);
}
body.sub #mode a.small:hover,
body.sub #mode a.small.step {
	color:#575757;
	background-image:url(../img/icon/mode2_hover.gif);
}
body.sub #mode a.large {
	background-image:url(../img/icon/mode1.gif);
}
body.sub #mode a.small {
	background-image:url(../img/icon/mode2.gif);
}
body.sub .row.list1,
body.sub .row.list2 {
	margin:5px 0 30px 0;
	padding-bottom:13px;
}
body.sub .back {
	background:url(../img/icon/back_store.gif);
	width:100px; height:24px;
	float:right;
	margin-top:7px;
}
body.sub #list .row.list2 dl {
	margin-right:11px;
	width:665px;
}
body.sub #list .row.list2 dl.noM {
	margin-right:0;
}

/*********************************************
detail
**********************************************/
body.sub #detail {
	border-top:1px #e4e4e4 solid;
	width:925px;
	margin-top:18px;
	padding-bottom:10px;
	display:inline-block;
}
body.sub #detail .saleStoe {
	margin-top:15px;
	background:url(../img/line/dotted.gif) repeat-x left bottom;
	display:inline-block;
}
body.sub #detail .saleStoe .storeLogo {
	float:left;
}
body.sub #detail .saleStoe .logo {
}
body.sub #detail .saleStoe .titleTxt {
	line-height:80px;
	margin-left:10px;
}
body.sub #detail .saleStoe .con {
	width:100%;
	clear:both;
	display:inline-block;
	margin-bottom:15px;
}
body.sub #detail .saleStoe .img,
body.sub #detail .saleStoe .map {
	float:left;
	margin-top:13px;
}
body.sub #detail .saleStoe .map {
	float:right;
}
body.sub #detail .saleStoe #map_canvas {
	width:435px; height:310px;
	overflow:hidden;
}
body.sub #detail .saleStoe .img {
	margin-right:22px;
	width:465px; height:310px;
	overflow:hidden;
	background:#ccc;
	text-align:center;
	vertical-align:middle;
}
body.sub #detail .saleStoe .btnGourp {
	clear:both;
}
body.sub #detail .saleStoe .back {
	background:url(../img/icon/back_store_list.gif) no-repeat left center;
	width:99px; height:80px;
	float:right;
	margin-right:10px;
	margin-top:0;
}
body.sub #detail .saleStoe .backHome {
	background:url(../img/icon/back_store.gif) no-repeat left center;
	width:100px; height:80px;
	float:right;
}
body.sub #detail .saleStoe h2 {
	font-size:13pt;
	font-weight:bold;
	color:#2b96c7;
	clear:both;
	margin-bottom:10px;
}
body.sub #detail .storeData {
	display:inline-block;
	margin-bottom:20px;
	float:left;
	color:#848383;
}
body.sub #detail .storeDataCon {
	width:100%;
	display:inline-block;
	margin-bottom:40px;
}
body.sub #detail .storeData.cols1 {
	width:462px;
	float:left;
	overflow:hidden;
}
body.sub #detail .storeData.cols2 {
	width:435px;
	margin-left:25px;
	float:right;
	overflow:hidden;
}
body.sub #detail .storeDataCon .allChain {
	clear:both;
	/*background:url(../img/line/dotted.gif) repeat-x;
	padding-top:20px;*/
	padding:20px;
	width:424px;
	border:1px dashed #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
body.sub #detail .storeDataCon .allChain a {
	margin-bottom:5px;
	display:block;
}
body.sub #detail .storeDataCon .allChain p {
	color:#4a3642;
	font-size:10pt;
}
body.sub #detail .storeData li.row1, body.sub .storeData li.row2 {
	width:100%
}
body.sub #detail .storeData li.row2 {
	margin-top:10px;
}
body.sub #detail .storeData dl {
	font-size:10pt;
	line-height:21px;
}
body.sub #detail .storeData dl dt {
	float:left;
	clear:both;
	width:60px;
	padding-right:10px;
	color:#2b96c7;
	font-weight:bold;
}
body.sub #detail .storeData dl dt.addr {
	background:url(../img/icon/home3_2.gif) no-repeat left center;
	padding-left:20px;
}
body.sub #detail .storeData dl dt.tel {
	background:url(../img/icon/tel2_2.gif) no-repeat left center;
	padding-left:20px;
}
body.sub #detail .storeData dl dt.web {
	background:url(../img/icon/web_2.gif) no-repeat left center;
	padding-left:20px;
}
body.sub #detail .storeData dl dd {
	float:left;
	width:390px;
	color:#4a3642;
}
/*body.sub #detail .storeData dl ul li {
	list-style-type:disc;
	float:none;
}
body.sub #detail .storeData dl ol li {
	list-style-type:decimal;
	float:none;
}*/
body.sub #detail .storeData.clos1 dd {
	width:400px;
}
body.sub #detail .storeData.cols2 dd {
	width:300px;
	margin-bottom:5px;
}
body.sub .btnGourp {
	clear:both;
	display:block;
	float:right;
	margin-bottom:15px;
}
body.sub .btnGourp .shareTxt {
	margin:5px 5px 0 0;
	background:url(../img/title/s2-14.gif) no-repeat;
	width:186px; height:22px;
	display:block;
	float:left;
}
body.sub .btnGourp a.coupon {
	background:url(../img/btn/coupon.gif) no-repeat;
	width:100px; height:29px;
	float:left;
	margin-right:2px;
}
body.sub .btnGourp a.favourite {
	background:url(../img/btn/favourite.gif) no-repeat;
	width:100px; height:29px;
	float:left;
}
body.sub .otherStore {
	clear:both;
	padding-top:24px;
	display:inline-block;
	padding-bottom:50px;
	width:100%;
}
body.sub .otherStore h2 {
	background:url(../img/title/s2-11.gif) no-repeat;
	width:99px; height:21px;
}
body.sub .otherStore dl {
	margin-top:20px;
	float:left;
	margin-right:31px;
	* margin-right:28px;
}
body.sub .otherStore dl.noM {
	margin-right:0;
}
body.sub .otherStore dt,
body.sub .otherStore dd {
	color:#848383;
	width:160px;
}
body.sub .otherStore dt {
	margin-bottom:5px;
}
body.sub .otherStore dd {
	margin-bottom:3px;
}
body.sub .otherStore a.img {
	width:160px; height:120px;
}

/*********************************************
list all
**********************************************/
body.sub .all .listHeader {
	background:url(../img/title/store_all.gif) no-repeat;
	width:674px; height:54px;
	margin:3px 0 5px 0;
}
body.sub .all dl {
	background:url(../img/line/dotted.gif) repeat-x left bottom;
	padding:9px 0 9px 2px;
}
body.sub .all dl.noM {
	background:none;
}
body.sub .all dl dt,
body.sub .all dl dd {
	float:left;
	padding:0 10px 0 10px;
	color:#848383;
}
body.sub .all dl .title {
	width:156px;
}
body.sub .all dl .title a {
	background:url(../img/icon/dot_list.gif) no-repeat left 6px;
	padding-left:10px;
	color:#848383;
}
body.sub .all dl .title a:hover {
	background:url(../img/icon/dot_list_hover.gif) no-repeat left 6px;
	color:#2b96c7;
}
body.sub .all dl .cat {
	width:100px;
}
body.sub .all dl .subcat {
	width:107px;
}
body.sub .all dl .area {
	width:210px;
}
body.sub .all .row {
}

/*********************************************
ticket
**********************************************/
body.sub #ticket {
	margin:15px 0 19px 33px;
	padding-bottom:15px;
	width:675px;
	display:inline-block;
	margin-bottom:20px;
	background:url(../img/line/dotted.gif) repeat-x left bottom;
}
body.sub #ticket h2 {
	background:url(../img/title/s2-13.gif) no-repeat;
	width:84px; height:23px;
	margin-bottom:13px;
	float:left;
}
body.sub #ticket ul {
	width:673px;
	display:inline-block;
	padding-bottom:10px;
	background:url(../img/line/dotted.gif) repeat-x left bottom;
	margin-bottom:15px;
	padding-bottom:15px;
}
body.sub #ticket ul.noL {
	background:none;
}
body.sub #ticket li {
	width:100%;
	display:inline-block;
}
body.sub #ticket dt {
	float:left;
	margin-right:15px;
}
body.sub #ticket dd {
	float:left;
	width:475px;
	margin-top:5px;
	font-size:10pt;
}
body.sub #ticket dd.print {
	float:right;
}
body.sub #ticket dd .title {
	width:60px;
	padding-right:5px;
	display:block;
	float:left;
	font-weight:bold;
	color:#282828;
}
body.sub #ticket dd .content {
	width:400px;
	color:#777;
	display:block;
	float:left;
}
body.sub #ticket a.img {
	width:180px; height:135px;
}
body.sub #ticket a.name {
	float:left;
	color:#848383;
}
body.sub #ticket a.name:hover {
	color:#2b96c7;
}
body.sub #ticket a.print {
	float:right;
	background:url(../img/icon/print.gif) no-repeat left top;
	width:16px; height:17px;
	padding-left:20px;
	color:#848383;
	width:30px;
}
body.sub #ticket a.print:hover {
	background-position:left bottom;
	color:#2b96c7;
}
body.sub #ticket .page.top {
	margin-top:3px;
}
