@charset "Windows-31J";

/* === Filename is "layout.css" ===

### basic layout settings

=== menu ===
1.MainContents
2.Clear Fix List
*/


/* === MainContents === */

/* headline */
body.shoppingIndex div#shopHeadline {
	clear: both;
	margin: 0 15px 20px 15px;
	background-image: url(/store/images/h1-bg-shopping.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

body.shoppingIndex div#shopHeadline h1 {
	float: left;
	clear: none;
	margin: 0 378px 0 10px;
	padding-top: 0;
	padding-left: 0;
	background: none;
}

body.shoppingIndex div#shopHeadline div.addShops-wrapper {
	float: left;
	width: 189px;
	margin: 13px 0 0 0;
	background-image: url(/store/images/bg-add-shop.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}

body.shoppingIndex div#shopHeadline div.addShops-wrapper div.addShops {
	padding-top: 3px;
	background-image: url(/store/images/bg-add-shop-top.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

body.shoppingIndex div#shopHeadline div.addShops-wrapper div.addShops-inner {
	padding: 0 13px 3px 13px;
	background-image: url(/store/images/bg-add-shop-btm.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	color: #FF8500;
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	line-height: 1;
}

body.shoppingIndex div#shopHeadline div.addShops-wrapper div.addShops-inner img {
	margin-left: 1px;
	vertical-align: middle;
}


/* #2column */
body.clm2 div#body div#content {
	float: left;
	width: 608px;
	margin: 0 0 0 15px;
}

body.clm2 div#body div#bnArea {
	float: right;
	width: 297px;
	margin: 0 15px 20px 0;
	background: none;
}


/* ### content ### */

div#content div#topBnArea {
	margin-bottom: 5px;
}

div#content div#topBnArea div.sla {
	float: left;
	width: 284px;
	height: 195px;
	margin-bottom: 5px;
	margin-left: 10px;
}/* insert ie6 */

div#content div#topBnArea div.sla dl dt {
	margin: 8px 0 5px 2px;
	line-height: 1;
}

div#content div#topBnArea div.sla dl dd p {
	margin-bottom: 5px;
	line-height: 1;
	text-align: center;
}


/* search area */
table.h2asset td table.h2assetBody {
	margin-bottom: 40px;
	background-image: url(/store/images/bg-search-assetbody.gif);
	background-position: left top;
	background-repeat: repeat-y;
}

table.h2asset td table.h2assetBody tr td {
	padding: 0;
}

/* search buttons */
table.h2assetBody td table.search-store {
	background-image: url(/store/images/bg-th-select-store.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

table.h2assetBody td table.search-store th {
	height: 27px;
	text-align: center;	
	vertical-align: middle;
}

table.h2assetBody td table.search-store th.shopSearch {
	width: 405px;
}

table.h2assetBody td table.search-store th.itemSearch {
	width: 203px;
}

table.h2assetBody td table.search-store td {
	height: 72px;
	text-align: center;
	vertical-align: middle;
}

table.h2assetBody td table.search-store td.searchSyllabary {
	width: 203px;
	background: url(/store/images/bg-th-shopsearch-btns.jpg) left top no-repeat;
}

table.h2assetBody td table.search-store td.searchMile {
	width: 202px;
	background: url(/store/images/bg-th-shopsearch-btns.jpg) center top no-repeat;
}

table.h2assetBody td table.search-store td.searchItemname {
	width: 203px;
	background: url(/store/images/bg-th-shopsearch-btns.jpg) right top no-repeat;
}

/* shop list */
table.h2assetBody h3 {
	margin: 0;
	padding: 30px 0 12px 15px;
	background: url(/store/images/bg-h3.gif) left top;
}

table.h2assetBody h3.newshop {
	padding: 14px 0 13px 15px;
	background: url(/store/images/bg-h3.gif) left -17px;
}


table.h2assetBody td.categoriesArea {
	background-image: url(/store/images/bg-search-assetbody-btm.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

table.h2assetBody table.shopCategories {
	margin-bottom: 15px;
}

table.h2assetBody table.shopList {
	padding-bottom: 20px;
	background-image: url(/store/images/bg-items-col.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

table.h2assetBody table.shopList.lastitem {
	background: none;
}

table.h2assetBody table.shopList td,
table.h2assetBody table.shopCategories td {
	width: 202px;
}

table.h2assetBody table.shopList td dl dt {
	font-weight: bold;
}

table.h2assetBody table.shopList td dl dd {
	font-weight: normal;
}


table.h2assetBody table.shopList td dl.mile {
	width: 155px;
}

table.h2assetBody table.shopList td dl.mile dt {
	width: 65px;
	text-align: left;
}

table.h2assetBody table.shopList td dl.mile dd {
	width: 75px;
	color: #0F8080;
	line-height: 1.2;
}


table.h2assetBody table.shopList td p,
table.h2assetBody table.shopList td dl,
table.h2assetBody table.shopList td ul,
table.h2assetBody table.shopCategories td p {
	margin: 0 10px 10px 15px;
}

table.h2assetBody table.shopList td ul {
	margin-bottom: 20px;
}

table.h2assetBody table.shopList.lastitem td ul {
	margin-bottom: 0;
}

table.h2assetBody table.shopCategories td p img {
	vertical-align: middle;
}

table.h2assetBody table.shopCategories td p span {
	margin-left: 10px;
}




/* ### bnArea */
div#bnArea div.sla {
	margin-bottom: 10px;
}

div#bnArea div.sla dl.gathering {
	background: #fff;
	padding: 6px 11px;
}

div#bnArea div.sla dl.gathering dt,
div#bnArea div.sla dl.gathering dd  {
	margin: 0;
	padding: 0;
	line-height: 0;
}

div#bnArea div.sla dl.gathering dd p {
	margin: 2px 0;
	line-height: 1.5;
}

div#bnArea div.sla div.inner.special,
div#bnArea div.sla div.inner.special2 {
	padding: 10px;
	background-image: url(/store/images/bg-bn-special.jpg);
	background-color: #fff;
	background-position: bottom;
	background-repeat: repeat-x;
}

div#bnArea div.sla p.pr {
	height: 15px;
	margin: 0;
	background-color: #FFE7C0;
}

div#bnArea div.sla div.inner.special div,
div#bnArea div.sla div.inner.special2 div {
	float: left;
	width: 120px;
}

div#bnArea div.sla div.inner.special2 div {
	width: 125px;
}

div#bnArea div.sla div.inner.special dl,
div#bnArea div.sla div.inner.special2 dl {
	margin-left: 125px;
	width: 139px;
}

div#bnArea div.sla div.inner.special2 dl {
	margin-left: 130px;
	width: 134px;
}

div#bnArea div.sla div.inner.special dl dt,
div#bnArea div.sla div.inner.special2 dl dt {
	margin-bottom: 5px;
}

div#bnArea div.sla div.inner.special dl dt img,
div#bnArea div.sla div.inner.special2 dl dt img {
	padding-bottom: 3px;
}

div#bnArea div.sla div.inner.special dl dt,
div#bnArea div.sla div.inner.special dl dd,
div#bnArea div.sla div.inner.special2 dl dt,
div#bnArea div.sla div.inner.special2 dl dd {
	line-height: 1.2;
}

div#bnArea div.sla div.inner.special2 dl dd strong {
	color: #FF6A06;
}

div#bnArea div.sla dl.att {
	background: #fff;
	padding-bottom: 7px;
}

div#bnArea div.sla dl.pr {
	margin: 0;
	padding: 0;
	background: #fff;
}

div#bnArea div.sla dl.pr dt,
div#bnArea div.sla dl.att dt {
	height: 17px;
	background-color: #FFE7C0;
}

div#bnArea div.sla dl.att dt {
	margin-bottom: 10px;
}

div#bnArea div.sla dl.pr dt,
div#bnArea div.sla dl.pr dd {
	margin: 0;
	padding: 0;
}

div#bnArea div.sla dl.att dd ul {
	margin: 0 10px;
}

div#bnArea div.sla dl.pr img {
	margin: 0;
	vertical-align: middle;
}


/* backnumber */
div.backnumber {
	width:289px;
	height:135px;
	background-image:url(/store/images/bg_backnumber.gif);
	background-repeat:no-repeat;
}
div.backnumber ul {
	padding:36px 14px 0px 12px;
}


/* h2WithRSS_store
========================================== 
========================================== */
div.h2WithRSS_store {
	background:#ffffff url(/store/images/h2_store_rss_bg.gif) no-repeat left top;
	width:100%;
	height:32px;
	margin:0px;
	font-size:100%;
}

div.h2WithRSS_store h2 {
	float:left;
	padding:0px 0px 0px 39px;
	margin:0px;
	height:32px;
	line-height:32px;
	background:none;
	width:70%;
	font-size:80%;
}

div.h2WithRSS_store a.rss {
	width:46px;
	float:right;
	margin:7px 17px 7px 0px;
}

.floatReset {
	font-size:0px;
	line-height:0px;
	height:0px;
	clear:both;
}
div.h2WithRSS p {
	float:right;
	font-size:70%;
	margin:5px 0px 0px 0px;
}


/* === Clear Fix List === */
body.shoppingIndex div#shopHeadline:after,
body.clm2 div#body div#topBnArea:after,
div#bnArea div.sla div.inner.special:after,
div#bnArea div.sla div.inner.special2:after {
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
font-size: 0;
line-height: 0;
}
body.shoppingIndex div#shopHeadline,
body.clm2 div#body div#topBnArea,
div#bnArea div.sla div.inner.special,
div#bnArea div.sla div.inner.special2 {
display: inline-table;
min-height: 1%;
}
/* for macIE \*/
* html body.shoppingIndex div#shopHeadline,
* html body.clm2 div#body div#topBnArea,
* html div#bnArea div.sla div.inner.special,
* html div#bnArea div.sla div.inner.special2 {
height: 1%;
}
body.shoppingIndex div#shopHeadline,
body.clm2 div#body div#topBnArea,
div#bnArea div.sla div.inner.special,
div#bnArea div.sla div.inner.special2 {
display: block;
}
/* end of for macIE */