@charset "utf-8";

/*===================================================================
------------------
CSS Information
------------------
 File name :          parts.css
 Summary :            module styles
 Created :            2010-05-31
 Last Update :        2011-11-04
===================================================================*/
/*===================================================================
------------------
Table Of Contents
------------------
 01) .category
 02) .list
 03) .pager / .pager2
 04) .detail
 05) .area / .floor
 06) .entry
 07) .calendar
 08) .coupon
 09) .recruit
 10) .vinawagon
 11) .infomation
 12) .sitemap
 13) .link
 14) .privacy
 15) .about / .concept / .enjoy / .torikumi
 16) .faq
 17) .vinaclub
 18) .howto / .pet
 19) .notfound / .vinasearch
 
 99) Clearfix
===================================================================*/
/*-------------------------------------------------------------------
 01) .category
-------------------------------------------------------------------*/
.category { padding: 10px 0 15px 30px;}

.category .btnR { margin-right: 15px;}

.category .btnR img { margin-right: 15px;}


.shop ul {
	margin-right: -20px;
	width: 100%;
	background: transparent url(../../images/shop/bg_category.gif) left top no-repeat;
}

.shop ul li {
	float: left;
	padding: 0 20px 21px 0;
}

.restaurant h4 {
	padding-bottom: 8px;
	margin-bottom: 8px;
	background: transparent url(../../images/icon/dot_04.gif) left bottom repeat-x;
}

.restaurant ul { margin-bottom: 15px;}

.restaurant ul li {
	display: inline-block;
	width: auto;
	padding-left: 15px;
	margin: 0 20px 0.5em 0;
	background: transparent url(../../images/icon/icon_arrow_01.gif) 0 0 no-repeat;
}

* html .restaurant ul li {
	display: inline;
	zoom: 1;
}

*:first-child+html .restaurant ul li {
	display: inline;
	zoom: 1;
}


/*-------------------------------------------------------------------
 02) .list
-------------------------------------------------------------------*/
.list { padding: 10px 0 15px 30px;}

.list h4 { margin-bottom: 15px;}

.list .shoplist {
	width: 590px;
	margin-bottom: 45px;
}

.list .shoplist dl { width: 280px;}

.list .shoplist dt { float: left;}

.list .shoplist dd {
	float: right;
	width: 178px;
}

.list .shoplist dd h4 {
	padding: 0 0 5px 0;
	margin-bottom: 0.3em;
	background: transparent url(../../images/icon/dot_04.gif) left bottom repeat-x;
	font-weight: bold;
	font-size: 110%;
	color: #059cf1;
}

.list .shoplist dd h5 {
	padding-left: 15px;
	font-weight: bold;
	background: transparent url(../../images/icon/icon_arrow_01.gif) 0 0 no-repeat;
}

.list .shoplist dd p { margin-bottom: 0.8em;}

.list .shoplist dd p.area {
	position: relative;
	padding: 0.3em 0 0.5em 3px;
	font-size: 80%;
	letter-spacing: 0.05em;
	background: transparent url(../../images/icon/dot_04.gif) left bottom repeat-x;
}

.list .shoplist dd p.area span.new {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

/*-------------------------------------------------------------------
 03) .pager / .pager2
-------------------------------------------------------------------*/
ul.pager {
	margin-right: 30px;
	padding: 20px 0;
	text-align: center;
	background: transparent url(../../images/icon/dot_03.gif) left top repeat-x;
}

ul.pager li {
	display: inline;
	margin: 0 20px;
}

ul.pager li.prev {
	padding-left: 15px;
	background: transparent url(../../images/icon/icon_arrow_02.gif) left center no-repeat;
}

ul.pager li.next {
	padding-right: 15px;
	background: transparent url(../../images/icon/icon_arrow_01.gif) right center no-repeat;
}


ul.pager2 {
	padding: 8px 0;
	text-align: center;
	background: transparent url(../../images/parts/bg_pager2.gif) left top no-repeat;
}

ul.pager2 li {
	display: inline;
	margin: 0 20px;
}

ul.pager2 li.prev {
	padding-left: 15px;
	background: transparent url(../../images/icon/icon_arrow_02.gif) left center no-repeat;
}

ul.pager2 li.next {
	padding-right: 15px;
	background: transparent url(../../images/icon/icon_arrow_01.gif) right center no-repeat;
}


/*-------------------------------------------------------------------
 04) .detail
-------------------------------------------------------------------*/
.detail { padding: 10px 30px 25px 30px;}

.detail p { margin-bottom: 1em;}

.detail p.lead {
	color: #007cc2;
	margin-bottom: 1.5em;
}

.detail .outline {
	width: 100%;
	margin-bottom: 25px;
	background: transparent url(../../images/parts/bg_detail_photo.gif) left top no-repeat;
}

.detail .outline .img {
	float: left;
	width: 234px;
	margin-top: 26px;
	padding-bottom: 15px;
	border-left: 3px solid #e9e9e9;
	border-right: 3px solid #e9e9e9;
	border-bottom: 3px solid #e9e9e9;
	text-align: center;
}

* html .detail .outline .img { width: 240px;}

.detail .outline .txt {
	float: right;
	width: 323px;
	padding-top: 2px;
}

.detail .outline .txt p {
	padding-bottom: 0.3em;
	background: transparent url(../../images/icon/dot_05.gif) left bottom repeat-x;
}

.detail .outline2 {
	width: 100%;
	margin-bottom: 25px;
}


.detail .outline2 .txt {
	padding-top: 2px;
}

.detail .outline2 .txt p {
	padding-bottom: 0.3em;
	background: transparent url(../../images/icon/dot_05.gif) left bottom repeat-x;
}


.detail h4 { margin-bottom: 10px;}

.detail .section { margin-bottom: 10px;}

.detail .imgBox {
	width: 100%;
	margin-bottom: 15px;
}

.detail .imgBox span {
	float: left;
	width: 157px;
	margin: 0 15px 5px 0;
}


.detail .imgBox p {
	float: right;
	width: 100%;
}

.detail .imgBox span.title {
	display: block;
	float: none;
	width: auto;
	margin: 0 0 0.5em 0;
	font-weight: bold;
	color: #007cc2;
}

.detail .imgBox span.pdf {
	display: block;
	float: none;
	width: auto;
	margin: 1em 0 0.5em 0;
}


/*-------------------------------------------------------------------
 05) .area / .floor
-------------------------------------------------------------------*/
.area { padding: 10px 0 15px 30px;}

.area #areaMap {
	position: relative;
	margin-bottom: 20px;
}


.area #areaMap .no1,
.area #areaMap .no2,
.area #areaMap .no3,
.area #areaMap .no4,
.area #areaMap .no5,
.area #areaMap .no6 { position: absolute;}

.area #areaMap .no1 { top: 222px; left: 505px;}
.area #areaMap .no2 { top: 276px; left: 446px;}
.area #areaMap .no3 { top: 211px; left: 272px;}
.area #areaMap .no4 { top: 222px; left: 115px;}
.area #areaMap .no5 { top: 9px; left: 154px;}
.area #areaMap .no6 { top: 116px; left: 16px;}


.area #areaMap .no1ov,
.area #areaMap .no2ov,
.area #areaMap .no3ov,
.area #areaMap .no4ov,
.area #areaMap .no5ov,
.area #areaMap .no6ov {
	position: absolute;
	z-index: 99;
}

.area #areaMap .no1ov {	top: 135px;	left: 255px;}
.area #areaMap .no2ov {	top: 175px;	left: 235px;}
.area #areaMap .no3ov {	top: 73px; left: 216px;}
.area #areaMap .no4ov {	top: 139px;	left: 91px;}
.area #areaMap .no5ov {	top: 12px; left: 98px;}
.area #areaMap .no6ov {	top: 88px;	left: 12px;}


.area ul { margin-right: -40px;}

.area li {
	float: left;
	margin: 0 40px 20px 0;
}


.floor { padding: 10px 0 15px 20px;}

.floor #fhead {
	margin-left: 5px;
	margin-bottom: 30px;
	width: 600px;
}

.floor #fhead #fmap {
	float: right;
	width: 258px;
}

.floor #fhead #ftxt {
	float: left;
	width: 340px;
}

.floor #fhead #ftxt ul { margin-top: 30px;}

.floor #fhead #ftxt ul li {
	float: left;
	margin-right: 12px;
}

.floor #fhead #ftxt ul li.last { margin-right: 0;}

.floor .section {
	margin-bottom: 30px;
	width: 600px;
}

.floor h5 {
	padding-bottom: 3px;
	margin-bottom: 15px;
	background: transparent url(../../images/icon/dot_04.gif) left bottom repeat-x;
}

.floor .floorImg {
	float: left;
	width: 200px;
}

.floor table.floor {
	float: right;
	width: 374px;
	background: transparent url(../../images/floor/area_table_bg.gif) left top repeat-y;
}

.floor table.floor td {
	padding: 8px 0;
	font-size: 80%;
}

.floor table.floor td:first-child { padding-left: 20px;}

* html .floor table.floor td { font-size: 70%;}

.floor table.floor td a { text-decoration: underline;}

.floor table.floor td.floordot {
	padding: 0;
	height: 2px;
	background: transparent url(../../images/floor/area_table_dot.gif) left bottom no-repeat;
}

.floor table.floor td.floorFoot {
	padding: 0;
	height: 9px;
	background: transparent url(../../images/floor/area_table_foot.gif) left bottom no-repeat;
}


/*-------------------------------------------------------------------
 06) .entry
-------------------------------------------------------------------*/
.entry { padding: 20px 30px 25px 30px;}

.entry .outline {
	width: 100%;
	margin-bottom: 25px;
}

.entry .outline .imgArea {
	float: left;
	width: 240px;
}

.entry .outline .imgHead {
	background: transparent url(../../images/parts/bg_detail_photo.gif) left top no-repeat;
	padding-top: 26px;
	margin-bottom: 20px;
}

.entry .outline .img {
	padding: 0 0 15px;
	width: 234px;
	border-left: 3px solid #e9e9e9;
	border-right: 3px solid #e9e9e9;
	border-bottom: 3px solid #e9e9e9;
	text-align: center;
}

* html .entry .outline .img { width: 240px;}

.entry .outline .cap { margin: 5px 0 20px;}

.entry .outline .txt {
	float: right;
	width: 323px;
	padding-top: 2px;
}

.entry .outline .txt p { margin-bottom: 1em;}

.entry .outline .txt h4 {
	padding-bottom: 0.3em;
	margin-bottom: 0.7em;
	font-size: 110%;
	font-weight: bold;
	background: transparent url(../../images/icon/dot_04.gif) left bottom repeat-x;
	color: #007cc2;
}

.detail .outline2 {
	width: 100%;
	margin-bottom: 25px;
}

.detail .outline2 .txt {
	padding-top: 2px;
}

.entry .outline2 .txt p { margin-bottom: 1em;}

.entry .outline2 .txt h4 {
	padding-bottom: 0.3em;
	margin-bottom: 0.7em;
	font-size: 110%;
	font-weight: bold;
	background: transparent url(../../images/icon/dot_04.gif) left bottom repeat-x;
	color: #007cc2;
}



/*-------------------------------------------------------------------
 07) .calendar
-------------------------------------------------------------------*/
.calendar {
	padding: 20px 20px 15px;
	background: transparent url(../../images/parts/bg_main_head.gif) left top no-repeat;
}

.calendar h3 {
	position: relative;
	_width: 100%;
	margin-bottom: 10px;
	text-align: center;
}

.calendar h3 span{ margin: 0 15px;}

.calendar h3 img { vertical-align: bottom;}

.calendar h3 .print {
	position: absolute;
	bottom: -10px;
	right: 0;
}


.calendar .tableHead {
	position: relative;
	top: 5px;
	height: 7px;
	background: transparent url(../../images/event/bg_calendar_head.gif) left top no-repeat;
}

.calendar table {
	width: 610px;
	border-left: 2px solid #0087d3;
	border-right: 2px solid #0087d3;
}

.calendar table th,
.calendar table td {
	border-bottom: 1px solid #0087d3;
	border-right: 1px solid #0087d3;
	font-size: 12px;
	vertical-align: top;
	color: #333333;
}

.calendar table tr.borderless td {
	border-bottom: 0;
}

.calendar table th {
	padding: 10px 0;
	width: 65px;
	background: #ffde00;
	text-align: center;
}

.calendar table .sat,
.calendar table .sun {
	width: 123px;
}

.calendar table td.sun { background: #ffdbe5;}

.calendar table td {
	padding: 5px;
	height: 100px;
	min-height: 100px;
	width: 65px;
	word-break: break-all;
}


* html .calendar table th,
* html .calendar table td { font-size: 12px;}


.calendar table td div {
	
}

.calendar table td div p {
	padding-left: 18px;
	font-size: 10px;
	padding-bottom: 2px;
}


.calendar table td div p.daicon {
	padding-left: 18px;
	text-indent: -18px;
}

.calendar table td div p.daicon img { vertical-align: middle;}

.calendar table td div p.music { background: transparent url(../../images/event/ico_music.png) 0 0 no-repeat;}
.calendar table td div p.variety { background: transparent url(../../images/event/ico_variety.png) 0 0 no-repeat;}
.calendar table td div p.performer { background: transparent url(../../images/event/ico_performer.png) 0 0 no-repeat;}
.calendar table td div p.other { background: transparent url(../../images/event/ico_other.png) 0 0 no-repeat;}


.calendar .tableFoot {
	position: relative;
	top: -5px;
	height: 8px;
	background: transparent url(../../images/event/bg_calendar_foot.gif) left bottom no-repeat;
}

.calendar .iconInfo { margin-bottom: 20px;}

/*-------------------------------------------------------------------
 08) .coupon
-------------------------------------------------------------------*/
.coupon { padding: 0 0 25px 30px;}

.coupon .qr { margin-bottom: 20px;}

.coupon ul {
	margin-bottom: 15px;
	margin-right: -24px;
	width: 100%;
}

.coupon ul li {
	float: left;
	margin-right: 25px;
}

.coupon .couponList {
	padding: 10px 15px 10px 25px;
	margin: 0 29px 0 0;
	background: transparent url(../../images/shopinfo/bg_couponlist.gif) left top no-repeat;
	width: 561px;
	line-height: 1.4;
}

* html .coupon .couponList { width: 591px;}

.coupon .couponList a { text-decoration: underline;}

.coupon .couponList h4 {
	font-size: 110%;
	font-weight: bold;
}

.coupon .couponList .c1 a {
	display: block;
	padding-left: 20px;
	background: transparent url(../../images/icon/icon_arrow_01.gif) 0 0.2em no-repeat;
}

.coupon .couponList h4,
.coupon .couponList .c1,
.coupon .couponList .c2,
.coupon .couponList .c3 {
	display: table-cell;
	vertical-align: middle;
}

.coupon .couponList h4 { width: 150px; padding-right: 15px;}
.coupon .couponList .c1 { width: 210px; padding-right: 15px;}
.coupon .couponList .c2 { width: 95px; padding-right: 5px;}
.coupon .couponList .c3 { width: 70px; padding-right: 0;}


* html .coupon .couponList h4,
* html .coupon .couponList .c1,
* html .coupon .couponList .c2,
* html .coupon .couponList .c3 {
	display: inline;
	zoom: 1;
}

* html .coupon .couponList h4 { width: 145px; margin-right: 15px;}
* html .coupon .couponList .c1 { width: 215px; margin-right: 10px;}
* html .coupon .couponList .c2 { width: 95px; margin-right: 5px;}
* html .coupon .couponList .c3 { width: 65px; margin-right: 0;}


*:first-child+html .coupon .couponList h4,
*:first-child+html .coupon .couponList .c1,
*:first-child+html .coupon .couponList .c2,
*:first-child+html .coupon .couponList .c3 {
	display: inline;
	zoom: 1;
}

.coupon .couponListfoot {
	height: 3px;
	margin-bottom: 5px;
	background: transparent url(../../images/shopinfo/bg_couponlist_foot.gif) left top no-repeat;
}

/*-------------------------------------------------------------------
 09) .recruit
-------------------------------------------------------------------*/
.recruit { padding: 10px 30px 30px 30px;}

.recruit .date {
	text-align: right;
	margin-bottom: 5px;
	font-size: 90%;
}

.recruit dl {
	padding: 6px 0;
	width: 590px;
	background: transparent url(../../images/icon/dot_05.gif) left bottom repeat-x;
	line-height: 1.4;
}

.recruit dt {
	float: left;
	width: 170px;
}

.recruit dd {
	float: right;
	width: 400px;
}



/*-------------------------------------------------------------------
 10) .vinawagon
-------------------------------------------------------------------*/
.vinawagon {
	padding: 30px;
	background: transparent url(../../images/parts/bg_main_head.gif) left top no-repeat;
}

.vinawagon .imgBox {
	width: 100%;
	margin-bottom: 30px;
}

.vinawagon .imgBox span {
	float: left;
	width: 190px;
	margin: 0 0 5px 0;
}

.vinawagon .imgBox p {
	float: right;
	color: #007cc2;
	margin-bottom: 1em;
}

.vinawagon h3 {
	padding-bottom: 4px;
	margin-bottom: 5px;
	background: transparent url(../../images/icon/dot_02.gif) left bottom repeat-x;
}

.vinawagon p {
	margin-bottom: 25px;
	line-height: 1.6em;
}


/*-------------------------------------------------------------------
 11) .infomation
-------------------------------------------------------------------*/
.infomation {
	padding: 20px 20px 15px;
	background: transparent url(../../images/parts/bg_main_head.gif) left top no-repeat;
}

.infomation h3 { margin-bottom: 15px;}
.infomation h4 {
	margin: 0 0 10px 10px;
	font-weight: bold;
	color: #0287d2;
}

.infomation p { margin: 0 0 20px 10px;}

.infomation .map {
	text-align: center;
	margin: 0 auto 40px;
	width: 576px;
	border: 4px solid #dbf0fc;
}

.infomation .map2 {
	text-align: center;
	margin: 0 auto 40px;
}


.infomation #map {
	margin: 10px;
	width: 556px;
	height: 630px;
}


.infomation table {
	width: 608px;
	border-left: 1px dotted #bfbfbf;
	border-bottom: 1px dotted #bfbfbf;
	border-collapse: separate;
    border-spacing: 1px;
}

.infomation table th {
	border-top: 1px dotted #bfbfbf;
	border-right: 1px dotted #bfbfbf;
}

.infomation table th.th1 { width: 40%;}
.infomation table th.th2 { width: 30%;}
.infomation table th.th3 { width: 30%;}

.infomation table th.th4 { width: 35%;}
.infomation table th.th5 { width: 40%;}
.infomation table th.th6 { width: 25%;}


.infomation table th p {
	margin: 3px;
	padding: 10px 0;
	background: #e6f4fd;
	font-weight: bold;
	color: #0287d2;
	text-align: center;
}

.infomation table td {
	padding: 10px;
	vertical-align: top;
	border-top: 1px dotted #bfbfbf;
	border-right: 1px dotted #bfbfbf;
}

.infomation table td.name {
	background: transparent url(../../images/info/bg_td.gif) left top no-repeat;
	padding: 10px 10px 10px 15px;
}

.infomation table td.p { padding: 0;}

.infomation table td.p p {
	padding: 10px;
	margin: 0;
}

.infomation table td.p p.line { border-top: 1px dotted #bfbfbf;}

.infomation .attention { margin-bottom: 30px;}

.infomation .attention p {
	padding-left: 1.2em;
	text-indent: -1.2em;
	margin: 0 0 0.5em 10px;
	font-size: 90%;
}

.infomation p.attention  {
	margin: 0;
	text-align: right;
	font-size: 90%;
}

.infomation ul { margin: 0 0 20px 10px;}

.infomation li {
	padding-left: 15px;
	margin-bottom: 0.8em;
	line-height: 1.4;
	background: transparent url(../../images/icon/icon_disc.gif) 0 3px no-repeat;
}

.infomation li span {
	display: block;
	margin: 10px 0 0 0;
}


.infomation .point {
	width: 560px;
	padding: 15px;
	margin: 0 0 40px 0;
	background: #fff8cc url(../../images/info/bg_info_boxfoot.gif) left bottom no-repeat;
}

* html .infomation .point { width: 590px;}

.infomation .point span { color: #0287d2;}


/*-------------------------------------------------------------------
 12) .sitemap
-------------------------------------------------------------------*/
.sitemap {
	margin: 0 40px;
	padding: 20px;
	background: #ffffff url(../../images/parts/bg_main_w_head.gif) left top no-repeat;
	text-align: left;
}

.sitemap .column1,
.sitemap .column2,
.sitemap .column3 {
	float: left;
	width: 270px;
	margin-right: 15px;
}

.sitemap .column3 { margin-right: 0;}

.sitemap h3 {
	padding-top: 10px;
	margin-bottom: 10px;
	background: transparent url(../../images/parts/bg_title3.gif) left top no-repeat;
}

.sitemap h3.last,
.sitemap ul { margin-bottom: 30px;}

.sitemap h3 span {
	display: block;
	padding: 0 10px 10px;
	background: transparent url(../../images/parts/bg_title3_foot.gif) left bottom no-repeat;
	font-weight: bold;
	color: #ffffff;
}

.sitemap h3 span a {
	color: #ffffff;
	text-decoration: underline;
}

.sitemap h4 {
	padding-bottom: 0.3em;
	margin-bottom: 1em;
	background: transparent url(../../images/icon/dot_04.gif) left bottom repeat-x;
	font-weight: bold;
	color: #00a9a1;
}

.sitemap ul {}

.sitemap li {
	padding-left: 20px;
	margin-bottom: 0.7em;
	background: transparent url(../../images/icon/icon_arrow_01.gif) 0 0 no-repeat;
}

.sitemapFoot {
	height: 13px;
	margin: 0 0 20px 40px;
	background: transparent url(../../images/parts/bg_main_w_foot.gif) left bottom no-repeat;
}


/*-------------------------------------------------------------------
 13) .link
-------------------------------------------------------------------*/
.link {
	padding: 20px 0 15px;
	background: transparent url(../../images/parts/bg_main_head.gif) left top no-repeat;
}

.link .entry { padding-top: 10px;} /* override */


/*-------------------------------------------------------------------
 14) .privacy
-------------------------------------------------------------------*/
.privacy {
	padding: 20px 20px 15px;
	background: transparent url(../../images/parts/bg_main_head.gif) left top no-repeat;
}

.privacy p {
	margin: 0 0 20px 1.3em;
	line-height: 1.6;
}

.privacy p.lead { margin: 0 0 30px 0;}

.privacy p.end {
	text-align: right;
}

.privacy h3 {
	margin-bottom: 0.5em;
	font-size: 110%;
	font-weight: bold;
}

.privacy h4 {
	margin: 0 0 0.5em 1.3em;
	font-weight: bold;
}

.privacy ul { margin: 0 0 20px 1.2em;}

.privacy li {
	padding-left: 1.2em;
	text-indent: -1.2em;
	margin-bottom: 0.5em;
	line-height: 1.4;
}


/*-------------------------------------------------------------------
 15) .about / .concept / .enjoy / .torikumi
-------------------------------------------------------------------*/
.about { padding: 10px 30px 30px;}

.about h4 { margin-bottom: 10px;}
.about h5 {
	display: inline-block;
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: transparent url(../../images/icon/dot_04.gif) left bottom repeat-x;
	font-size: 110%;
	font-weight: bold;
	color: #0087d3;
}

.about p { margin-bottom: 1em;}
.about p.lead { margin-bottom: 25px;}
.about p.last { margin-bottom: 2.5em;}
.about .point { color: #0287d2;}


.about p.li {
	padding-left: 15px;
	background: transparent url(../../images/icon/icon_disc.gif) 0 2px no-repeat;
}

.about ul.indent { margin: -0.5em 0 30px 15px;}

.about ul.indent li { margin-bottom: 0.5em;}

.about p.indentS {
	margin-bottom: 10px;
	font-size: 90%;
}


/*-------------------------------------------------------------*/

.concept {}

.concept .section {
	width: 590px;
	margin-bottom: 30px;
}

.concept .intro { margin-bottom: 30px;}

.concept .floorMap { margin-bottom: 30px;}

.concept .floorMap #areaMap {
	position: relative;
	margin-bottom: 20px;
}

.concept #areaMap .no1,
.concept #areaMap .no2,
.concept #areaMap .no3,
.concept #areaMap .no4,
.concept #areaMap .no5,
.concept #areaMap .no6 { position: absolute;}

.concept #areaMap .no1 { top: 222px; left: 505px;}
.concept #areaMap .no2 { top: 276px; left: 446px;}
.concept #areaMap .no3 { top: 211px; left: 272px;}
.concept #areaMap .no4 { top: 222px; left: 115px;}
.concept #areaMap .no5 { top: 9px; left: 154px;}
.concept #areaMap .no6 { top: 116px; left: 16px;}


.concept #areaMap .no1ov,
.concept #areaMap .no2ov,
.concept #areaMap .no3ov,
.concept #areaMap .no4ov,
.concept #areaMap .no5ov,
.concept #areaMap .no6ov {
	position: absolute;
	z-index: 99;
}

.concept #areaMap .no1ov { top: 111px; left: 334px;}
.concept #areaMap .no2ov { top: 241px; left: 314px;}
.concept #areaMap .no3ov { top: 185px; left: 211px;}
.concept #areaMap .no4ov { top: 230px; left: 30px;}
.concept #areaMap .no5ov { top: 11px; left: 125px;}
.concept #areaMap .no6ov { top: 101px; left: 7px;}

.concept .fmap {
	width: 590px;
	background: transparent url(../../images/about/bg_concept.gif) left top repeat-y;
}

.concept .fmap .floorL {
	float: left;
	width: 289px;
}

.concept .fmap .floorR {
	float: right;
	width: 289px;
}

.concept .fmap p { padding: 10px 10px 0;}

.concept .fmapFoot {
	height: 7px;
	margin-bottom: 10px;
	background: transparent url(../../images/about/bg_concept_foot.gif) left bottom no-repeat;
}


/*-------------------------------------------------------------*/

.enjoy {}

.enjoy h4 { margin-bottom: 15px;}
.enjoy h5 { background: none;}

.enjoy .intro {
	position: relative;
	width: 590px;
	height: 321px;
	margin-bottom: 35px;
	background: transparent url(../../images/about/bg_enjoy_01.gif) left top no-repeat;
}

.enjoy .intro .li01,
.enjoy .intro .li02,
.enjoy .intro .li03,
.enjoy .intro .li04 { position: absolute;}

.enjoy .intro .li01 {top: 0; left: 18px;}
.enjoy .intro .li02 {top: 0; left: 404px;}
.enjoy .intro .li03 {top: 168px; left: 18px;}
.enjoy .intro .li04 {top: 168px; left: 404px;}

.enjoy .imgC {
	margin-bottom: 10px;
	text-align: center;
}

.enjoy .imgR {
	margin: 0 0 0 10px;
	float: right;
}


/*-------------------------------------------------------------*/

.torikumi .section {
	width: 590px;
	margin-bottom: 30px;
}

.torikumi .sectionL { float: left;}
.torikumi .sectionR { float: right;}

.torikumi .img1 { width: 300px;}
.torikumi .txt1 { width: 280px;}

.torikumi .img2 { width: 180px;}
.torikumi .txt2 { width: 400px;}

.torikumi .section p { margin-bottom: 0.6em;}


.torikumi table {
	width: 280px;
	margin-bottom: 10px;
	border-left: 1px dotted #bfbfbf;
	border-bottom: 1px dotted #bfbfbf;
	border-collapse: separate;
    border-spacing: 1px;
}


.torikumi table td {
	padding: 7px;
	vertical-align: top;
	border-top: 1px dotted #bfbfbf;
	border-right: 1px dotted #bfbfbf;
}


.torikumi table th{
	background: transparent url(../../images/info/bg_td.gif) left top no-repeat;
	padding: 7px 7px 7px 13px;
	border-top: 1px dotted #bfbfbf;
	border-right: 1px dotted #bfbfbf;
}

.torikumi .photoArea { margin: 0 -14px 30px 0;}

.torikumi .photoArea div {
	float: left;
	margin: 0 14px 20px 0;
}

.torikumi .photoArea div span {
	display: block;
	padding-top: 5px;
	font-size: 90%;
}

/*-------------------------------------------------------------*/


/*-------------------------------------------------------------------
 16) .faq
-------------------------------------------------------------------*/
.faq { padding: 0 20px 20px;}

.faq h4 { margin-bottom: 10px;}

.faq dl { margin-bottom: 30px;}

.faq dt {
	padding-left: 34px;
	margin-bottom: 10px;
	background: transparent url(../../images/icon/icon_q.gif) left top no-repeat;
	zoom: 1;
}

.faq dd {
	padding-left: 34px;
	background: transparent url(../../images/icon/icon_a.gif) left top no-repeat;
}

.faq dd.in { background: none;}

.faq dd.in img {
	float: left;
	margin-right: 10px;
}

.faq dd.in p {
	margin-left: 150px;
	padding-left: 34px;
	background: transparent url(../../images/icon/icon_a.gif) left top no-repeat;
}

.faq dd p { margin-bottom: 1em;}

.faq .photoArea { margin: 0 -15px 30px 0;}

.faq .photoArea div {
	float: left;
	margin: 0 15px 0 0;
}

.faq .photoArea div span {
	display: block;
	padding-top: 5px;
	font-size: 90%;
}

.faq .photoArea p { float: left;}


/*-------------------------------------------------------------------
 17) .vinaclub
-------------------------------------------------------------------*/
.vinaclub {
	padding: 15px 30px 20px;
	background: transparent url(../../images/individual/img_vinaclub_ebi.gif) 515px 15px no-repeat;
}

.vinaclub .qrArea { margin-bottom: 30px;}

.vinaclub  form { margin: 10px 0;}

.vinaclub .submitArea { margin-bottom: 25px;}

.vinaclub h4 { margin-bottom: 10px;}

.vinaclub .service {
	margin: 30px -12px;
	padding: 10px;
	border: 2px dotted #0b98e8;
}

.vinaclub .service h4 {	text-align: center;}

.vinaclub .service .serviceImg { margin-bottom: 25px;}

.vinaclub .service p { margin-bottom: 1em;}


/*-------------------------------------------------------------------
 18) .howto / .pet
-------------------------------------------------------------------*/
.howto { padding: 20px;}

.howto h4 { margin-bottom: 20px;}

.howto .navi1 {
	position: relative;
	height: 220px;
	margin-bottom: 20px;
	background: transparent url(../../images/icon/dot_08.gif) left bottom repeat-x;
}

.howto .navi2 {
	position: relative;
	height: 196px;
	margin-bottom: 30px;
}

.howto .navi1 .n1,
.howto .navi1 .n2,
.howto .navi1 .n3,
.howto .navi1 .n4,
.howto .navi2 .n5,
.howto .navi2 .n6, 
.howto .navi2 .n7,
.howto .navi2 .n8 { position: absolute;}

.howto .navi1 .n1 { top: 0; left: 0;}
.howto .navi1 .n2 { top: 0; left: 311px;}
.howto .navi1 .n3 { top: 105px; left: 0;}
.howto .navi1 .n4 { top: 105px; left: 311px;}

.howto .navi2 .n5 { top: 0; left: 10px;}
.howto .navi2 .n6 { top: 0; left: 321px;}
.howto .navi2 .n7 { top: 109px; left: 10px;}
.howto .navi2 .n8 { top: 109px; left: 321px;}

.howto .nav { width: 290px;}
.howto .navi2 .img { float: left;}
.howto .navi2 .txt {
	float: right;
	width: 190px;
	padding-top: 30px;
}

.howto .navi2 .txt h5 { margin-bottom: 5px;}
.howto .navi2 .txt p { padding-left: 17px;}


.times h4 { margin-bottom: 0;}

.howto .timeArea {
	background: transparent url(../../images/howto/bg_time.gif) left bottom no-repeat;
}

.howto .time {
	float: left;
	width: 80px;
}

.howto .article {
	float: right;
	width: 520px;
}

.howto .article dl {
	border: 1px dotted #bebebe;
	width: 500px;
	padding: 10px;
	margin-bottom: 10px;
	position: relative;
}

* html .howto .article dl {width: 520px;}

.howto .article dt {
	float: left;
	width: 157px;
}

.howto .article dd {
	float: right;
	width: 320px;
	padding-bottom: 30px;
}

.howto .article dd em {
	font-weight: bold;
	color: #0287d2;
}

.howto .article dd .btnR {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.howto .other {
	width: 550px;
	margin-bottom: 20px;
}

.howto .other dl {
	border: 1px dotted #bebebe;
	width: 580px;
	padding: 10px;
	margin-bottom: 10px;
	position: relative;
}

* html .howto .other dl {width: 600px;}

.howto .other dt {
	float: left;
	width: 160px;
}

.howto .other dd {
	float: right;
	width: 400px;
	padding-bottom: 30px;
}

.howto .other dd h5 {
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 110%;
	color: #0287d2;
}

.howto .other dd .btnR {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.howto .lastImg { margin: 0 0 20px 15px;}

/*----------------------------------*/

.pet { padding: 20px;}

.pet p.lead {
	margin-bottom: 0.8em;
	font-size: 110%;
}

.pet h4 { margin-bottom: 15px;}

.pet .photoArea { margin-bottom: 30px; margin-right: -12px;}

.pet .photoArea div {
	float: left;
	margin: 0 12px 0 0;
}

.pet .photoArea div span {
	display: block;
	width: 190px;
	padding-top: 5px;
	margin-bottom: 10px;
	font-size: 90%;
}

.pet .attention {
	padding: 10px;
	margin-bottom: 5px;
	border: 1px dotted #0b98e8;
}

.pet p.attention2 { margin: 0 3px 35px;}
.pet p.attention3 { margin: 0 10px 35px;}

.pet span.strong { color:#e60011;}

.pet .attention p {
	padding-left: 1.5em;
	text-indent: -1.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
}


.pet .sticker1 { margin: 10px -35px 10px 30px;}

.pet .sticker1 div {
	float: left;
	margin: 0 35px 0 0;
}

.pet .sticker1 div span {
	display: block;
	width: 100px;
	padding: 5px 0 0 2px;
	margin-bottom: 10px;
	font-size: 90%;
}

.pet .sticker2 {
	margin: 10px 30px 30px 30px;
}

.pet .sticker2 th,
.pet .sticker2 td {
	padding: 0 10px 0 0;
	vertical-align: top;
	line-height: 1.6;
}

.pet table.detail {
	margin: 0 0 10px 10px;
	width: 591px;
}

.pet table.detail td,
.pet table.detail th { padding: 0;}

.pet dl {
	margin: 0 0 25px 40px;
	width: 560px;
}

.pet dt {
	float: left;
	width: 137px;
}

.pet dd {
	float: right;
	width: 400px;
}

.pet dd h5 {
	font-weight: bold;
	font-size: 110%;
}

.pet dd p.tel {
	font-size: 90%;
	line-height: 1.3;
	margin-bottom: 2em;
}


/*-------------------------------------------------------------------
 19) .notfound / .vinasearch
-------------------------------------------------------------------*/
.notfound,
.vinasearch {
	margin: 0 40px;
	padding: 20px;
	background: #ffffff url(../../images/parts/bg_main_w_head.gif) left top no-repeat;
	text-align: left;
}

.notfound p {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	margin: 15px 0 300px;
}

.notfoundFoot,
.vinasearchFoot {
	height: 13px;
	margin: 0 0 20px 40px;
	background: transparent url(../../images/parts/bg_main_w_foot.gif) left bottom no-repeat;
}


/*-------------------------------------------------------------------
 99) Clearfix
-------------------------------------------------------------------*/
.clearfix:after,
.category ul:after,
.list .shoplist:after,
.detail .outline:after,
.detail .imgBox:after,
.area ul:after,
.area .section:after,
.entry .outline:after,
.calendar table dl:after,
.coupon ul:after,
.coupon .couponList:after,
.recruit dl:after,
.vinawagon .imgBox:after,
.sitemap:after,
.torikumi .section:after,
.torikumi .photoArea:after,
.faq .photoArea:after,
.concept .fmap:after,
.faq dd.in:after,
.howto .nav:after,
.howto .timeArea:after,
.howto .article dl:after,
.howto .other dl:after,
.pet .photoArea:after,
.pet .sticker1:after,
.pet dl:after,
.floor #fhead:after,
.floor #fhead #ftxt ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
.category ul,
.list .shoplist,
.detail .outline,
.detail .imgBox,
.area ul,
.area .section,
.entry .outline,
.calendar table dl,
.coupon ul,
.coupon .couponList,
.recruit dl,
.vinawagon .imgBox,
.sitemap,
.torikumi .section,
.torikumi .photoArea,
.faq .photoArea,
.concept .fmap,
.faq dd.in,
.howto .nav,
.howto .timeArea,
.howto .article dl,
.howto .other dl,
.pet .photoArea,
.pet .sticker1,
.pet dl,
.floor #fhead,
.floor #fhead #ftxt ul { display: inline-block;}