@charset "utf-8";

/* _01 default settings */

body {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	color: #333;
	background-image: url(../images/bgTop.gif);
	background-repeat: repeat-x;
	background-position: top center;
	background-color: #f8f6f1;
	font-size: small;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ol {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
}

dl, dt, dd {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

hr {
	display: none;
}

a {
	text-decoration: none;
}

a:link {
	color: #00c;
}

a:visited {
	color: #999;
}

a:hover {
	color: #fc3;
}

/* layout */

.header {
	margin: 0 auto 10px auto;
	position: relative;
	width: 820px;
	height: 325px;
	background-image: url(../images/bgHeader.gif);
	background-repeat: no-repeat;
	background-position: 387px 26px;
	z-index: 10;
}

.contents {
	margin: 0 auto 30px auto;
	width: 780px;
	height: auto;
}

.article {
	float: left;
}

.aside {
	float: right;
}

.footer {
	margin: 0 auto;
	width: 100%;
	height: 75px;
	background-image: url(../images/bgFooter.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

.footerContents {
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
	width: 780px;
}

/* common */

.siteTitle {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 310px;
	height: 48px;
	background-image: url(../images/siteTitle.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.siteTitle a {
	display: block;
	width: 310px;
	height: 48px;
	text-indent: -10000em;
}

p.drsc {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 88px;
	height: 15px;
}

p.drsc a {
	display: block;
	width: 88px;
	height: 15px;
	line-height: 15px;
	background-image: url(../images/drsc.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -10000em;
}

p.drsc a:hover {
	background-position: 0 -15px;
}

.header p.topicPath {
	position: absolute;
	left: 20px;
	bottom: 0;
}



.mainview {
	border-top: solid 1px #ccc;
	border-bottom: solid 5px #CEC5BD;
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	height: 200px;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: top center;
}

.contents h1 {
	margin-bottom: 15px;
	width: 210px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

.contents .article {
	margin-bottom: 20px;
}

dl.banners {
	clear: left;
}

dl.banners dt {
	display: none;
}

dl.banners dd ul li {
	margin-right: 6px;
	float: left;
}

.footer p.swan {
	position: absolute;
	top: -43px;
	right: 0;
	width: 96px;
	height: 48px;
	background-image: url(../images/bgFooterSwan.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

.footer ul li {
	margin-right: 15px;
	padding-left: 21px;
	float: left;
	background-image: url(../images/markerFooterLilnk.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.footer ul li a {
	color: #fff;
}

.footer p.backtoTop {
	position: absolute;
	top: -24px;
	left: 0;
	width: 144px;
	height: 24px;
}

.footer p.backtoTop a {
	display: block;
	width: 144px;
	height: 24px;
	background-image: url(../images/backtoTop.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -10000em;
}

.footer p.backtoTop a:hover {
	background-position: 0 -24px;
}

/* TOP */

#top .header {
	margin: 0 auto 10px auto;
	position: relative;
	width: 820px;
	height: 375px;
	background-image: url(../images/bgHeader.gif);
	background-repeat: no-repeat;
	background-position: 387px 26px;
	z-index: 10;
}

#top .header h1.siteTitle {
	text-indent: -10000em;
}

#top .header dl#globalNav {
	position: absolute;
	left: 15px;
	bottom: 0;
}

#top .mainview {
	border-top: solid 1px #ccc;
	border-bottom: solid 5px #CEC5BD;
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	height: 270px;
	background-color: #ccc;
	background-image: url(../images/mainview01.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

#top .contents {
	margin-bottom: 30px;
	width: 800px;
}

#top .contents .article {
	padding-top: 15px;
	padding-left: 10px;
	float: left;
	width: 516px;
	height: auto;
}

#top .contents .articleHeader {
	margin-bottom: 12px;
	position: relative;
	width: 510px;
	height: 56px;
	background-image: url(../images/bgTopShopInfoHeader.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#top .contents .articleHeader h2 {
	position: absolute;
	top: 12px;
	left: 12px;
	width: 220px;
	height: 36px;
	background-image: url(../images/hlShopInfo.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#top .contents .articleHeader p.balloon {
	padding-top: 8px;
	padding-right: 10px;
	position: absolute;
	top: -11px;
	left: 257px;
	width: 240px;
	height: 40px;
	background-image: url(../images/shopInfoBalloon.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	text-align: right;
}

#top .contents .article .box {
	margin-right: 6px;
	margin-bottom: 6px;
	padding-top: 14px;
	padding-left: 100px;
	float: left;
	position: relative;
	width: 152px;
	height: 86px;
	background-image: url(../images/bgTopShopInfoBox.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#top .contents .article .box h3 {
	margin-top: -3px;
	padding-left: 18px;
	background-repeat: no-repeat;
	background-position: 0 2px;
	font-size: small;
}

#top .contents .article .catFashion h3 {
	background-image: url(../images/iconFashion.gif);
}

#top .contents .article .catRestaurant h3 {
	background-image: url(../images/iconRestaurant.gif);
}

#top .contents .article .catFood h3 {
	background-image: url(../images/iconFood.gif);
}

#top .contents .article .catLife h3 {
	background-image: url(../images/iconLife.gif);
}

#top .contents .article .catService h3 {
	background-image: url(../images/iconService.gif);
}

#top .contents .article .box p {
	width: 141px;
	line-height: 1.2;
}

#top .contents .article .box p.link {
	position: absolute;
	bottom: 14px;
	right: 1px;
	width: 151px;
	height: 16px;
}

#top .contents .article .box p.link a {
	display: block;
	width: 151px;
	height: 16px;
	background-image: url(../images/linkShopNews.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -10000em;
}

#top .contents .article .box p.link a:hover {
	background-position: 0 -16px;
}

#top .contents .article .box img.thumbnail {
	border: solid 1px #c2b6ac;
	position: absolute;
	top: 14px;
	left: 14px;
	display: block;
}

#top .contents .aside {
	float: right;
	width: 260px;
}

#top .contents .aside #swangardenNews {
	margin-bottom: 10px;
	padding-bottom: 45px;
	width: 250px;
	background-image: url(../images/bgTopInfo.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#top .contents .aside #swangardenNews h2 {
	border-bottom: dotted 3px #fff;
	width: 250px;
	height: 72px;
	background-image: url(../images/bgTopInfoHeader.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#top .contents .aside #swangardenNews .box {
	padding: 15px 20px;
	border-bottom: dotted 3px #fff;
}

#top .contents .aside #swangardenNews .box h3 {
	margin-bottom: 0.75em;
	line-height: 1.3;
	font-size: 110%;
}

#top .contents .aside #swangardenNews .box p.link {
	margin-top: 0.75em;
}

#top .contents .aside dl.banners {
	margin-bottom: 15px;
}

#top .contents .aside dl.banners dt {
	display: none;
}

#top .contents .aside dl.information {
	padding-top: 5px;
	border-top: dashed 1px #ccc;
	width: 250px;
}

#top .contents .aside dl.information dt {
	margin-bottom: 3px;
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: 0 3px;
	font-weight: bold;
}

#top .contents .aside dl.information dt.location {
	background-image: url(../images/iconLocation.gif);
}

#top .contents .aside dl.information dt.tel {
	background-image: url(../images/iconTel.gif);
}

#top .contents .aside dl.information dt.accessInfo {
	background-image: url(../images/iconAccess.gif);
}

#top .contents .aside dl.information dd {
	margin-bottom: 5px;
	padding-left: 22px;
	padding-bottom: 5px;
	border-bottom: dashed 1px #ccc;
}

#top .contents .aside #staffBlog {
	margin-bottom: 10px;
	padding-bottom: 32px;
	width: 250px;
	background-image: url(../images/bgTopStaffBlog.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#top .contents .aside #staffBlog h2 {
	width: 250px;
	height: 96px;
	background-image: url(../images/hlStaffBlog.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#top .contents .aside #staffBlog p {
	margin: 0 auto;
	width: 210px;
	height: auto;
}

#top .contents .aside #staffBlog p.intro {
	margin: 0 auto 5px auto;
	line-height: 24px;
	background-image: url(../images/bgTopStaffBlogBox.gif);
	background-position: top left;
}

#top .contents .aside #staffBlog p.link {
	padding-left: 18px;
	width: 194px;
	background-image: url(../images/markerBlogLink.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

#top .contents .aside dl.banners dd li {
	margin-right: 6px;
	margin-bottom: 6px;
	float: left;
	width: auto;
	height: 54px;
}

/* SHOPGUIDE */

#shopguideIndex .contents h1 {
	background-image: url(../../shopguide/images/titleShopGuide.gif);
}

#shopguideIndex .contents .section {
	width: 780px;
	height: auto;
	background-image: url(../images/bgSection.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#shopguideIndex .contents .sectionContents {
	padding: 20px;
	width: 740px;
	height: auto;
	background-image: url(../images/bgSectionCover.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#shopguideIndex .contents .section img#areamap {
	float: left;
	margin: 0 20px 20px 0;
}

#shopguideIndex .contents .section .box {
	float: left;
	width: 170px;
	height: 215px;
	margin-right: 20px;
}

#shopguideIndex .contents .section .box dl {
	margin-bottom: 10px;
}

#shopguideIndex .contents .section .box dt {
	margin-bottom: 10px;
	width: 170px;
	height: 38px;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#shopguideIndex .contents .section .box dl.aboutIcon dd {
	padding-left: 0;
}

#shopguideIndex .contents .section .end {
	margin-right: 0;
	position: relative;
}

#shopguideIndex .contents .section .end dl.aboutIcon dt.iconText {
	position: absolute;
	top: 130px;
	left: 0px;
}

#shopguideIndex .contents .section .end dl.aboutIcon dd.icon1 {
	position: absolute;
	top: 145px;
	left: 0px;
}

#shopguideIndex .contents .section .end dl.aboutIcon dd.icon2 {
	position: absolute;
	top: 168px;
	left: 0px;
}

#shopguideIndex .contents .section .box dl#listFashion dt {
	background-image: url(../../shopguide/images/dlFashion.gif);
}

#shopguideIndex .contents .section .box dl#listFood dt {
	background-image: url(../../shopguide/images/dlFood.gif);
}

#shopguideIndex .contents .section .box dl#listRestaurant dt {
	background-image: url(../../shopguide/images/dlRestaurant.gif);
}

#shopguideIndex .contents .section .box dl#listLife dt {
	background-image: url(../../shopguide/images/dlLife.gif);
}

#shopguideIndex .contents .section .box dl#listService dt {
	background-image: url(../../shopguide/images/dlService.gif);
}

#shopguideIndex .contents .section .box dl dd {
	margin-bottom: 5px;
	padding-left: 24px;
	line-height: 17px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#shopguideIndex .contents .section .box dl dd.shopA1 {
	background-image: url(../../shopguide/images/listA1.gif);
}

#shopguideIndex .contents .section .box dl dd.shopA2 {
	background-image: url(../../shopguide/images/listA2.gif);
}

#shopguideIndex .contents .section .box dl dd.shopA3 {
	background-image: url(../../shopguide/images/listA3.gif);
}

#shopguideIndex .contents .section .box dl dd.shopB {
	background-image: url(../../shopguide/images/listB.gif);
}

#shopguideIndex .contents .section .box dl dd.shopC {
	background-image: url(../../shopguide/images/listC.gif);
}

#shopguideIndex .contents .section .box dl dd.shopD {
	background-image: url(../../shopguide/images/listD.gif);
}

#shopguideIndex .contents .section .box dl dd.shopE {
	background-image: url(../../shopguide/images/listE.gif);
}

#shopguideIndex .contents .section .box dl dd.shopF1 {
	background-image: url(../../shopguide/images/listF1.gif);
}

#shopguideIndex .contents .section .box dl dd.shopF2 {
	background-image: url(../../shopguide/images/listF2.gif);
}

#shopguideIndex .contents .section .box dl dd.shopG {
	background-image: url(../../shopguide/images/listG.gif);
}

#shopguideIndex .contents .section .box dl dd.shopH {
	background-image: url(../../shopguide/images/listH.gif);
}

#shopguideIndex .contents .section .box dl dd.shopI {
	background-image: url(../../shopguide/images/listI.gif);
}

#shopguideIndex .contents .section .box dl dd.shopJ {
	background-image: url(../../shopguide/images/listJ.gif);
}

#shopguideIndex .contents .section .box dl dd.shopK {
	background-image: url(../../shopguide/images/listK.gif);
}

#shopguideIndex .contents .section .box dl dd.shopL {
	background-image: url(../../shopguide/images/listL.gif);
}

#shopguideIndex .contents .section .box dl dd.shopM {
	background-image: url(../../shopguide/images/listM.gif);
}

#shopguideIndex .contents .section .box dl dd.shopN {
	background-image: url(../../shopguide/images/listN.gif);
}

#shopguideIndex .contents .section .box dl dd.shopO {
	background-image: url(../../shopguide/images/listO.gif);
}

#shopguideIndex .contents .section .box dl dd.shopP {
	background-image: url(../../shopguide/images/listP.gif);
}

#shopguideIndex .contents .section .box dl dd.shopQ {
	background-image: url(../../shopguide/images/listQ.gif);
}

#shopguideIndex .contents .section .box dl dd.shopR {
	background-image: url(../../shopguide/images/listR.gif);
}

#shopguideIndex .contents .section .box dl dd.shopS {
	background-image: url(../../shopguide/images/listS.gif);
}

#shopguideIndex .mainview,
#shopguide .mainview {
	background-image: url(../../shopguide/images/mainview.jpg);
}

#shopguide .contents .article {
	width: 450px;
}

#shopguide .contents .article .section {
	width: 450px;
}

#shopguide .contents .article h1 {
	margin-top: 10px;
	background-image: url(../../shopguide/images/titleShopGuide.gif);
}

#shopguide .contents #shopIntro {
	margin-bottom: 10px;
	background-image: url(../../shopguide/images/bgShopIntro.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	position: relative;
}

#shopguide .contents #shopIntro .sectionContents {
	padding: 12px 150px 12px 12px;
	background-image: url(../../shopguide/images/bgShopIntroCover.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#shopguide .contents #shopIntro h2 {
	margin-bottom: 3px;
	padding-left: 24px;
	border-bottom: solid 1px #ccc;
	color: #fff;
	font-size: medium;
	background-repeat: no-repeat;
	background-position: 0 3px;
}

#shopguide .contents #shopIntro h2.catFashion {
	background-image: url(../../shopguide/images/catFashion.gif);
}

#shopguide .contents #shopIntro h2.catRestaurant {
	background-image: url(../../shopguide/images/catRestaurant.gif);
}

#shopguide .contents #shopIntro h2.catFood {
	background-image: url(../../shopguide/images/catFood.gif);
}

#shopguide .contents #shopIntro h2.catLife {
	background-image: url(../../shopguide/images/catLife.gif);
}

#shopguide .contents #shopIntro h2.catService {
	background-image: url(../../shopguide/images/catService.gif);
}

#shopguide .contents #shopIntro p.shopCategory {
	margin-bottom: 5px;
	color: #E4EFC9;
	font-size: x-small;
}

#shopguide .contents #shopIntro img#shopLogo {
	padding: 13px 15px 16px 29px;
	display: block;
	position: absolute;
	top: -10px;
	left: 300px;
	background-image: url(../../shopguide/images/bgShopLogo.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#shopguide .contents #shopBasicInfo {
	background-image: url(../../shopguide/images/bgShopInfo.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#shopguide .contents #shopBasicInfo .sectionContents {
	padding: 20px;
	background-image: url(../../shopguide/images/bgShopInfoCover.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#shopguide .contents #shopBasicInfo img.photo {
	margin-right: 10px;
	margin-bottom: 15px;
	float: left;
	display: block;
}

#shopguide .contents #shopBasicInfo img.end {
	margin-right: 0;
}

#shopguide .contents #shopBasicInfo h3 {
	display: none;
}

#shopguide .contents #shopBasicInfo dt {
	width: 103px;
	padding: 7px 5px 7px 27px;
	border-top: solid 1px #ccc;
	float: left;
	clear: left;
	background-repeat: no-repeat;
	background-position: 5px 9px;
}

#shopguide .contents #shopBasicInfo dt.shopInfoOpen {
	background-image: url(../../shopguide/images/iconOpen.gif);
}

#shopguide .contents #shopBasicInfo dt.shopInfoClosed {
	background-image: url(../../shopguide/images/iconClosed.gif);
}

#shopguide .contents #shopBasicInfo dt.shopInfoTel {
	background-image: url(../../shopguide/images/iconTel.gif);
}

#shopguide .contents #shopBasicInfo dt.shopInfoItem {
	background-image: url(../../shopguide/images/iconItem.gif);
}

#shopguide .contents #shopBasicInfo dt.shopInfoService {
	background-image: url(../../shopguide/images/iconService.gif);
}

#shopguide .contents #shopBasicInfo dt.shopInfoMenu {
	background-image: url(../../shopguide/images/iconMenu.gif);
}

#shopguide .contents #shopBasicInfo dt.shopInfoOther {
	background-image: url(../../shopguide/images/iconInfo.gif);
}

#shopguide .contents #shopBasicInfo dt.shopInfoURL {
	background-image: url(../../shopguide/images/iconURL.gif);
}

#shopguide .contents #shopBasicInfo dd {
	width: 265px;
	padding: 7px 5px;
	border-top: solid 1px #ccc;
	float: left;
}

#shopguide .contents .aside {
	width: 310px;
}

#shopguide .contents .aside #shopNews {
	padding-bottom: 45px;
	background-image: url(../../shopguide/images/bgShopNews.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#shopguide .contents .aside #shopNews h3 {
	border-bottom: dotted 3px #fff;
	width: 310px;
	height: 72px;
	background-image: url(../../shopguide/images/bgShopNewsHeader.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#shopguide .contents .aside #shopNews .box {
	padding: 15px 20px;
	border-bottom: dotted 3px #fff;
}

#shopguide .contents .aside #shopNews .box h4 {
	margin-bottom: 10px;
}

#shopguide .contents .aside #shopNews .box img.photo {
	margin-right: 10px;
	display: block;
	float: left;
}

/* EVENT and NEWS */

#information .contents h1 {
	background-image: url(../../information/images/titleInformation.gif);
}

#information .mainview {
	background-image: url(../../information/images/mainview.jpg);
}

#information .contents .section {
	width: 780px;
	height: auto;
	background-image: url(../images/bgSection.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#information .contents .sectionContents {
	padding: 20px;
	width: 740px;
	height: auto;
	background-image: url(../images/bgSectionCover.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#information .contents .section .box {
	margin-bottom: 20px;
}

#information .contents .section .box h2 {
	margin-bottom: 20px;
	padding: 27px 10px 5px 48px;
	background-image: url(../../information/images/bgNewsTitle.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 14px;
}

#information .contents .section .box img.photo {
	margin-left: 20px;
	border: solid 1px #ccc;
	float: right;
}

#information .contents .section .box p.link {
	margin-top: 10px;
}

#information .contents .section .box p.link a {
	display: block;
	width: 127px;
	height: 30px;
	background-image: url(../../information/images/btnDetail.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

/* ACCESS */

#access .contents h1 {
	background-image: url(../../access/images/titleAccess.gif);
}

#access .mainview {
	background-image: url(../../access/images/mainview.jpg);
}

#access .contents .section {
	width: 780px;
	height: auto;
	background-image: url(../images/bgSection.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#access .contents .sectionContents {
	padding: 20px;
	width: 740px;
	height: auto;
	background-image: url(../images/bgSectionCover.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#access .contents .section #mapFrame {
	margin-bottom: 20px;
	padding: 2px;
	border: solid 5px #e2e2e2;
}

#access .contents .section #accessInfo .boxContents {
	margin-right: 16px;
	float: left;
	width: 236px;
}

#access .contents .section #accessInfo .boxContents dt {
	margin-bottom: 7px;
	padding-bottom: 6px;
	padding-left: 27px;
	border-bottom: solid 1px #999;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: top left;
}

#access .contents .section #accessInfo #byTransport dt {
	background-image: url(../../access/images/iconTrain.gif);
}

#access .contents .section #accessInfo #byCar dt {
	background-image: url(../../access/images/iconCar.gif);
}

#access .contents .section #accessInfo #aboutParking dt {
	background-image: url(../../access/images/iconParking.gif);
}

#access .contents .section #accessInfo .boxContents dd {
	margin-bottom: 5px;
	padding-left: 24px;
	background-repeat: no-repeat;
}

#access .contents .section #accessInfo #byTransport dd,
#access .contents .section #accessInfo #byCar dd {
	background-image: url(../../access/images/iconThisway.gif);
	background-repeat: no-repeat;
	background-position: 2px 1px;
}

#access .contents .section #accessInfo #aboutParking dd {
	background-image: url(../../access/images/iconAttention.gif);
	background-repeat: no-repeat;
	background-position: 2px 1px;
}

#access .contents .section #accessInfo .end {
	margin-right: 0;
}

/* COUPON */

#coupon .contents h1 {
	background-image: url(../../coupon/images/titleCoupon.gif);
}

#coupon .mainview {
	background-image: url(../../coupon/images/mainview.jpg);
}

#coupon .contents .section {
	width: 780px;
	height: auto;
	background-image: url(../images/bgSection.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#coupon .contents .sectionContents {
	padding: 20px;
	width: 740px;
	height: auto;
	background-image: url(../images/bgSectionCover.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#coupon .contents .section #coupons {
	margin-top: 20px;
	border-bottom: dotted 2px #ccc;
	border-right: dotted 2px #ccc;
}

#coupon .contents .section #coupons .ticket {
	padding: 10px 10px 45px 10px;
	border-top: dotted 2px #ccc;
	border-left: dotted 2px #ccc;
	position: relative;
	float: left;
	width: 224px;
	height: auto;
	background-image: url(../../coupon/images/bgTicket.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#coupon .contents .section #coupons .ticket p.ticketHeader {
	display: none;
}

#coupon .contents .section #coupons .ticket h3 {
	margin-bottom: 7px;
	padding-left: 5px;
	border-left: solid 5px #33A02C;
	font-weight: normal;
	font-size: small;
}

#coupon .contents .section #coupons .ticket p.couponContents {
	margin-bottom: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	font-size: small;
	font-weight: bold;
	text-align: center;
}

#coupon .contents .section #coupons .ticket p.attention {
	width: 156px;
	height: 64px;
	font-size: x-small;
}

#coupon .contents .section #coupons .ticket p.shopContact {
	position: absolute;
	left: 10px;
	bottom: 14px;
	color: #fff;
}

/* CONTACT */

#contact .contents h1 {
	background-image: url(../../contact/images/titleContact.gif);
}

#contact .mainview {
	background-image: url(../../contact/images/mainview.jpg);
}

#contact .contents .section {
	width: 780px;
	height: auto;
	background-image: url(../images/bgSection.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#contact .contents .sectionContents {
	padding: 20px;
	width: 740px;
	height: auto;
	background-image: url(../images/bgSectionCover.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#contact .contents .section table#shopContactList th {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	border-top: solid 1px #f2eee2;
	border-bottom: double 3px #f2eee2;
}

#contact .contents .section table#shopContactList td {
	padding: 5px 10px;
	border-bottom: solid 1px #f2eee2;
	border-right: dotted 1px #f2eee2;
	background-repeat: no-repeat;
	background-position: 5px 8px;
	vertical-align: top;
}

#contact .contents .section table#shopContactList td.end {
	border-right: none;
}

#contact .contents .section table#shopContactList td.shopFashion {
	padding-left: 25px;
	background-image: url(../images/iconFashion.gif);
}

#contact .contents .section table#shopContactList td.shopRestaurant {
	padding-left: 25px;
	background-image: url(../images/iconRestaurant.gif);
}

#contact .contents .section table#shopContactList td.shopLife {
	padding-left: 25px;
	background-image: url(../images/iconLife.gif);
}

#contact .contents .section table#shopContactList td.shopFood {
	padding-left: 25px;
	background-image: url(../images/iconFood.gif);
}

#contact .contents .section table#shopContactList td.shopService {
	padding-left: 25px;
	background-image: url(../images/iconService.gif);
}

/* STAFF BLOG */

#blog .contents h1 {
	background-image: url(../../blog/images/titleBlog.gif);
}

#blog .mainview {
	background-image: url(../../sitemap/images/mainview.jpg);
}

#blog .contents .section {
	width: 510px;
}

#blog .contents #blogEntries .box {
	margin-bottom: 20px;
	background-image: url(../../blog/images/bgEntry.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#blog .contents #blogEntries .boxContents {
	padding: 102px 20px 54px 20px;
	position: relative;
	width: 470px;
	height: auto;
	background-image: url(../../blog/images/bgEntryHeader.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#blog .contents #blogEntries .box p.blogEntryDate {
	position: absolute;
	top: 40px;
	left: 96px;
}

#blog .contents #blogEntries .box h2 {
	position: absolute;
	top: 60px;
	left: 96px;
	width: 300px;
	font-size: 14px;
}

#blog .contents #blogEntries .box .entryBody {
	line-height: 25px;
	background-image: url(../../blog/images/bgEntryBody.gif);
	background-position: top left;
}

#blog .contents #blogEntries .box .entryBody img.photo {
	margin-top: 5px;
	margin-left: 10px;
	padding: 5px 5px 20px 5px;
	float: right;
	width: 200px;
	height: 150px;
	background-color: #fff;
}

#blog .contents .aside {
	width: 250px;
	background-image: url(../../blog/images/bgAside.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#blog .contents .asideContents {
	padding: 15px;
	width: 220px;
	height: auto;
	background-image: url(../../blog/images/bgAsideCover.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#blog .contents .aside dl dt.headline {
	margin-bottom: 7px;
	width: 150px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#blog .contents .aside dl dt#aboutBlog {
	height: 20px;
	background-image: url(../../blog/images/hlAboutBlog.gif);
}

#blog .contents .aside dl dt#recentEntries {
	background-image: url(../../blog/images/hlRecent.gif);
}

#blog .contents .aside dl dt#backnumbers {
	background-image: url(../../blog/images/hlBacknumbers.gif);
}

#blog .contents .aside dl dt#aboutOffice {
	background-image: url(../../blog/images/hlOffice.gif);
}
	

#blog .contents .aside dl dd {
	margin-bottom: 20px;
}

#blog .contents .aside dl dd li {
	margin-bottom: 3px;
	padding-left: 20px;
	line-height: 18px;
	background-image: url(../../blog/images/markerBlogLink.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}

#blog dl.banners {
	clear: both;
}

/* SEVEN */

#seven .contents h1 {
	background-image: url(../../seven/images/titleSeven.gif);
}

#seven .contents .section {
	width: 780px;
	height: auto;
	background-image: url(../images/bgSection.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#seven .contents .sectionContents {
	padding: 20px;
	width: 740px;
	height: auto;
	background-image: url(../images/bgSectionCover.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#seven .contents p.intro {
	margin-bottom: 1em;
}

#seven .contents .section img#areamap {
	margin-right: 20px;
	float: left;
}

#seven .contents .section .box {
	margin-right: 15px;
	padding-left: 92px;
	float: left;
	position: relative;
	width: 78px;
	min-height: 112px;
	height: auto;
}

#seven .contents .section .box h3 {
	margin-bottom: 4px;
	padding-left: 24px;
	font-size: 12px;
	height: 21px;
	line-height: 21px;
	background-position: left center;
	background-repeat: no-repeat;
}

#seven .contents .section .box h3.iconI {
	background-image: url(../../seven/images/iconI.gif);
}

#seven .contents .section .box h3.iconRO {
	background-image: url(../../seven/images/iconRO.gif);
}

#seven .contents .section .box h3.iconHA {
	background-image: url(../../seven/images/iconHA.gif);
}

#seven .contents .section .box h3.iconNI {
	background-image: url(../../seven/images/iconNI.gif);
}

#seven .contents .section .box h3.iconHO {
	background-image: url(../../seven/images/iconHO.gif);
}

#seven .contents .section .box h3.iconHE {
	background-image: url(../../seven/images/iconHE.gif);
}

#seven .contents .section .box h3.iconTO {
	background-image: url(../../seven/images/iconTO.gif);
}

#seven .contents .section .box p {
	padding-left: 4px;
	line-height: 1.3;
}

#seven .contents .section .box img {
	position: absolute;
	top: 0;
	left: 0;
}

#seven .mainview {
	background-image: url(../../shopguide/images/mainview.jpg);
}

/* RECRUIT */

#recruit .contents h1 {
	background-image: url(../../recruit/images/titleRecruit.gif);
}

#recruit .mainview {
	background-image: url(../../access/images/mainview.jpg);
}

#recruit .contents .section {
	width: 780px;
	height: auto;
	background-image: url(../images/bgSection.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#recruit .contents .sectionContents {
	padding: 20px 0 20px 20px;
	width: 760px;
	height: auto;
	background-image: url(../images/bgSectionCover.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#recruit .contents .section p.intro {
	margin-bottom: 20px;
}

#recruit .contents .section .box {
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	width: 360px;
}

#recruit .contents .section .box h2 {
	margin-bottom: 2px;
	padding-left: 21px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0 2px;
	font-size: 14px;
}

#recruit .contents .section .catFashion h2 {
	background-image: url(../images/iconFashion.gif);
}

#recruit .contents .section .catRestaurant h2 {
	background-image: url(../images/iconRestaurant.gif);
}

#recruit .contents .section .catFood h2 {
	background-image: url(../images/iconFood.gif);
}

#recruit .contents .section .catLife h2 {
	background-image: url(../images/iconLife.gif);
}

#recruit .contents .section .catService h2 {
	background-image: url(../images/iconService.gif);
}

#recruit .contents .section .box dl {
	margin-top: 10px;
	border-bottom: solid 1px #ccc;
}

#recruit .contents .section .box dt {
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: solid 1px #ccc;
	float: left;
	clear: left;
	width: 90px;
}

#recruit .contents .section .box dd {
	padding: 4px 10px;
	border-top: solid 1px #ccc;
	border-left: dotted 1px #ccc;
	float: left;
	width: 249px;
}

/* PRIVACY POLICY */

#privacy .contents h1 {
	width: 230px;
	background-image: url(../../privacy/images/titlePrivacy.gif);
}

#privacy .mainview {
	background-image: url(../../privacy/images/mainview.jpg);
}

#privacy .contents .section {
	width: 780px;
	height: auto;
	background-image: url(../images/bgSection.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#privacy .contents .sectionContents {
	padding: 20px;
	width: 740px;
	height: auto;
	background-image: url(../images/bgSectionCover.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#privacy .contents .section ol {
	margin: 20px 25px;
}

#privacy .contents .section dl {
	margin-top: 20px;
	margin-bottom: 20px;
}

#privacy .contents .section dt {
	margin-bottom: 5px;
	font-weight: bold;
}

#privacy .contents .section dd {
	margin-bottom: 10px;
}

/* PREPARATION */

#preparation .mainview {
	background-image: url(../../sitemap/images/mainview.jpg);
}

#preparation .contents .section {
	width: 780px;
	height: auto;
	background-image: url(../images/bgSection.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#preparation .contents .sectionContents {
	padding: 20px;
	width: 740px;
	height: 300px;
	background-image: url(../images/bgSectionCover.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

/* global navigation */

.header dl#globalNav {
	position: absolute;
	left: 15px;
	bottom: 20px;
}

.header dl#globalNav dt {
	display: none;
}

.header dl#globalNav dd ul {
	padding-top: 4px;
	padding-left: 5px;
	width: 791px;
	height: 55px;
	background-image: url(../images/bgGlobalNav.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.header dl#globalNav dd li {
	margin-right: 6px;
	float: left;
	width: 151px;
	height: 45px;
}

.header dl#globalNav dd li.end {
	margin-right: 0;
}

.header dl#globalNav dd li a {
	display: block;
	width: 151px;
	height: 45px;
	background-image: url(../images/globalNav.png);
	background-repeat: no-repeat;
	text-indent: -10000em;
}

.header dl#globalNav dd li#globalNav01 a {
	background-position: -5px 0;
}

.header dl#globalNav dd li#globalNav01 a:hover {
	background-position: -5px -45px;
}

.header dl#globalNav dd li#globalNav02 a {
	background-position: -162px 0;
}

.header dl#globalNav dd li#globalNav02 a:hover {
	background-position: -162px -45px;
}

.header dl#globalNav dd li#globalNav03 a {
	background-position: -319px 0;
}

.header dl#globalNav dd li#globalNav03 a:hover {
	background-position: -319px -45px;
}

.header dl#globalNav dd li#globalNav04 a {
	background-position: -476px 0;
}

.header dl#globalNav dd li#globalNav04 a:hover {
	background-position: -476px -45px;
}

.header dl#globalNav dd li#globalNav05 a {
	background-position: -633px 0;
}

.header dl#globalNav dd li#globalNav05 a:hover {
	background-position: -633px -45px;
}

/* clearfix */

.clearfix:after,
.contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
.contents {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix,
* html .contents {height: 1%;}

.clearfix,
.contents {display: block;}
/* End hide from IE-mac */