@charset "utf-8";
/* TOP */

#index.top #wrap {
	position: relative;
}

#index.top #wrap h1 {
	position: absolute;
	top: 10px;
	left: 15px;
	overflow: hidden;
	width: 400px;
	height: 32px;
	background-image: url(../images/logoIndex.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#index.top #wrap h2 {
	position: absolute;
	top: -10000em;
	left: -10000em;
	font-size: xx-small;
}

#index.top #wrap h4 {
	width: 83px;
	height: 51px;
	position: absolute;
	top: 0;
	right: 15px;
}

/* header */

#index #header {
	position: relative;
	background-color: #67c5ca;
	background-image: url(../images/bgHeaderIndex.gif);
}

#index #header p.tel {
	color: #fff;
}

/* mainview */

#index #mainview {
	position: relative;
	overflow: hidden;
	width: 750px;
	height: 282px;
	background-color: #fff;
	background-image: url(../images/mainview00.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

/* globalNav */

#index #mainview dl#menu {
	position: absolute;
	top: 10px;
	left: 0;
	width: 110px;
	z-index: 200;
}

#index #mainview dl#menu li {
	margin-bottom: 5px;
	float: none;
	width: 110px;
	height: 20px;
}

#index #mainview dl#menu li a {
	position: relative;
	display: block;
	width: 110px;
	height: 20px;
	background-image: url(../images/globalNavIndex.png);
	text-indent: -10000em;
}

#index #mainview dl#menu li span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 110px;
	height: 20px;
	background-image: url(../images/globalNavIndex.png);
}

ul.hover-css li.home a,
ul.hover-anims li.home a{ background-position:0 0px; }
ul.hover-css li.home a:hover,
ul.hover-css li.home a.on,
ul.hover-anims li.home span a.on,
ul.hover-anims li.home a span,
ul.hover-anims li.home span { background-position:0 -30px; }




#index #mainview dl#menu li#nvDress a {
	background-position: 0 0;
}

#index #mainview dl#menu ul.hover-css li#nvDress a:hover,
#index #mainview dl#menu ul.hover-css li#nvDress a.on,
#index #mainview dl#menu ul.hover-anims li#nvDress span a.on,
#index #mainview dl#menu ul.hover-anims li#nvDress a span,
#index #mainview dl#menu ul.hover-anims li#nvDress span {
	background-position: -110px 0;
}

#index #mainview dl#menu li#nvBeauty a {
	background-position: 0 -20px;
}

#index #mainview dl#menu ul.hover-css li#nvBeauty a:hover,
#index #mainview dl#menu ul.hover-css li#nvBeauty a.on,
#index #mainview dl#menu ul.hover-anims li#nvBeauty span a.on,
#index #mainview dl#menu ul.hover-anims li#nvBeauty a span,
#index #mainview dl#menu ul.hover-anims li#nvBeauty span {
	background-position: -110px -20px;
}

#index #mainview dl#menu li#nvGift a {
	background-position: 0 -40px;
}

#index #mainview dl#menu ul.hover-css li#nvGift a:hover,
#index #mainview dl#menu ul.hover-css li#nvGift a.on,
#index #mainview dl#menu ul.hover-anims li#nvGift span a.on,
#index #mainview dl#menu ul.hover-anims li#nvGift a span,
#index #mainview dl#menu ul.hover-anims li#nvGift span {
	background-position: -110px -40px;
}

#index #mainview dl#menu li#nvSpace a {
	background-position: 0 -60px;
}

#index #mainview dl#menu ul.hover-css li#nvSpace a:hover,
#index #mainview dl#menu ul.hover-css li#nvSpace a.on,
#index #mainview dl#menu ul.hover-anims li#nvSpace span a.on,
#index #mainview dl#menu ul.hover-anims li#nvSpace a span,
#index #mainview dl#menu ul.hover-anims li#nvSpace span {
	background-position: -110px -60px;
}

#index #mainview dl#menu li#nvEvent a {
	background-position: 0 -80px;
}

#index #mainview dl#menu ul.hover-css li#nvEvent a:hover,
#index #mainview dl#menu ul.hover-css li#nvEvent a.on,
#index #mainview dl#menu ul.hover-anims li#nvEvent span a.on,
#index #mainview dl#menu ul.hover-anims li#nvEvent a span,
#index #mainview dl#menu ul.hover-anims li#nvEvent span {
	background-position: -110px -80px;
}

#index #mainview dl#menu li#nvAccess a {
	background-position: 0 -100px;
}

#index #mainview dl#menu ul.hover-css li#nvAccess a:hover,
#index #mainview dl#menu ul.hover-css li#nvAccess a.on,
#index #mainview dl#menu ul.hover-anims li#nvAccess span a.on,
#index #mainview dl#menu ul.hover-anims li#nvAccess a span,
#index #mainview dl#menu ul.hover-anims li#nvAccess span {
	background-position: -110px -100px;
}

#index #mainview dl#menu li#nvContact a {
	background-position: 0 -120px;
}

#index #mainview dl#menu ul.hover-css li#nvContact a:hover,
#index #mainview dl#menu ul.hover-css li#nvContact a.on,
#index #mainview dl#menu ul.hover-anims li#nvContact span a.on,
#index #mainview dl#menu ul.hover-anims li#nvContact a span,
#index #mainview dl#menu ul.hover-anims li#nvContact span {
	background-position: -110px -120px;
}

#index #mainview dl#menu li#nvLinks a {
	background-position: 0 -140px;
}

#index #mainview dl#menu ul.hover-css li#nvLinks a:hover,
#index #mainview dl#menu ul.hover-css li#nvLinks a.on,
#index #mainview dl#menu ul.hover-anims li#nvLinks span a.on,
#index #mainview dl#menu ul.hover-anims li#nvLinks a span,
#index #mainview dl#menu ul.hover-anims li#nvLinks span {
	background-position: -110px -140px;
}

/* service */

#index #mainview dl#service {
	position: absolute;
	top: 0;
	left: 0;
	width: 750px;
	height: 282px;
}

#index #mainview dl#service dd {
	position: relative;
	width: 750px;
	height: 282px;
}

#index #mainview dl#service dd dt {
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
	position: absolute;
	right: 0;
	width: 242px;
	height: 70px;
	z-index: 100;
}

#index #mainview dl#service dd dt a {
	display: block;
	width: 242px;
	height: 70px;
	background-image: url(../images/serviceNavIndex.jpg);
	background-repeat: no-repeat;
	text-indent: -10000em;
}

#index #mainview dl#service dd dt.serviceAlange {
	top: 0;
}

#index #mainview dl#service dd dt.serviceAlange a {
	background-position: 0 0;
}

#index #mainview dl#service dd dt.serviceAlange a:hover {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}

#index #mainview dl#service dd dt.serviceChapel {
	top: 71px;
}

#index #mainview dl#service dd dt.serviceChapel a {
	background-position: 0 -70px;
}

#index #mainview dl#service dd dt.serviceChapel a:hover {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}

#index #mainview dl#service dd dt.serviceGift {
	top: 142px;
}

#index #mainview dl#service dd dt.serviceGift a {
	background-position: 0 -140px;
}

#index #mainview dl#service dd dt.serviceGift a:hover {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}

#index #mainview dl#service dd dt.serviceBeauty {
	top: 213px;
}

#index #mainview dl#service dd dt.serviceBeauty a {
	background-position: 0 -210px;
}

#index #mainview dl#service dd dt.serviceBeauty a:hover {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}

#index #mainview dl#service dd dd {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

/* news */

#index #mainview #news {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 507px;
	height: 50px;
	background-color: rgba(0,0,0,0.7);
	-pie-background: rgba(0,0,0,0.7);
	behavior: url("_css/PIE.htc");
	z-index: 70;
}

#index #mainview #news dl {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 72px;
	overflow: hidden;
	width: 435px;
	height: 36px;
	color: #fff;
	background-image: url(../images/hlNews.png);
	background-repeat: no-repeat;
	background-position: 10px 6px;
}

#index #mainview #news dl dd {
	margin-bottom: 8px;
	padding-left: 8px;
	height: 14px;
	line-height: 14px;
	border-left: solid 4px #67c5ca;
}

#index #mainview #news dl dd .entryDate {
	color: #999;
}

#index #mainview #news a {
	color: #fff;
}

#index #mainview #news a:hover {
	color: #fc0;
}

#index #contents {
	padding-top: 9px;
	background-image: url(../images/bgContents.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

/* DressNews */

#index.top #wrap #contents #main .articleBox.doressNews {
	height: auto;
	overflow: hidden;
}

#index.top #wrap #contents #main .articleBox.doressNews .contentLead {
	position: absolute;
	bottom: 0;
}

#index.top #wrap #contents #main .articleBox.doressNews li.item01 h4 {
	width: 114px;
	height: 51px;
	position: absolute;
	top: 0;
	right: 35px;
	z-index: 100;
}

#index.top #wrap #contents #main .articleBox.doressNews li.item01 a {
}

#index.top #wrap #contents #main {
	width: 490px;
	height: 700px;
	overflow: hidden;
	padding-left: 18px;
	padding-top: 22px;
	position: relative;
	float: left;
}

#index.top #wrap #contents #main .contentIntroduction {
	width: 265px;
	height:auto;
	overflow: hidden;
	position: absolute;
	left: 205px;
	top: 225px;
	padding: 10px 10px 0 10px;
	background-color: #FFFFFF;
}

#index.top #wrap #contents #main .contentIntroduction a {
	background-image: url(../images/design/lonkDoress.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 117px;
	height: 29px;
	display: block;
	text-indent: -10000em;
	margin-left: auto;
	margin-right: auto;
}

#index.top #wrap #contents #main .contentIntroduction h5 {
	margin-bottom: 10px;
}

#index.top #wrap #contents #main .contentIntroduction p {
	margin-bottom: 0;
}

#index.top #wrap #contents #main .articleBox {
	position: relative;
	height: 340px;
	display: block;
	height: auto;
	overflow: hidden;
	border-bottom: 1px dashed #EEEEEE;
	margin-bottom: 15px;
}


#index.top #wrap #contents #main .articleBox.doressNews ul li {
	width: 116px;
	float: left;
	position: relative;
	margin-right: 18px;
	padding-top: 25px;
}

#index.top #wrap #contents #main .articleBox.doressNews p {
	color: #666666;
	font-size: x-small;
}

#index.top #wrap #contents #main .articleBox.doressNews p.contentLead,
#index.top #wrap #contents #main .articleBox.itemNews p.contentLead,
#index.top #wrap #contents #sub .articleBox.blogNews p.contentLead {
	position: absolute;
	top: 7px;
	right: 10px;
	font-size: x-small;
	color: #333333;
	bottom: auto;
}

#index.top #wrap #contents #main .articleBox.doressNews ul li.item01 {
	width: 200px;	
}

#index.top #wrap #contents #main .articleBox.doressNews ul li.item01 img.photoFrame {
	position: absolute;
	top: 24px;
	left: 0;
}

#index.top #wrap #contents #sub {
	float: right;
	height: auto;
	overflow: hidden;
	padding-right: 20px;
	text-align: left;
	padding-top: 22px;
	background-color: #eaffea;
	position: relative;
	padding-left: 10px;
	width: 212px;
	height: 700px;
}

#index.top #wrap #footer {
	clear: left;
}

/* giftとitem */

#index.top #wrap #contents #main .articleBox.itemNews h3 {
	margin-bottom: 15px;
}

#index.top #wrap #contents #main .articleBox.itemNews ul {
	width: 490px;
}

#index.top #wrap #contents #main .articleBox.itemNews ul li {
	width: 114px;
	height: auto;
	float: left;
	margin-right: 8px;
}

#index.top #wrap #contents #main .articleBox.itemNews ul li.end {
	margin-right: 0;
}

#index.top #wrap #contents #main .articleBox.itemNews ul li img {
	border: 1px solid #999999;
	width: 110px;
}

#index.top #wrap #contents #main .articleBox.itemNews ul li p {
	font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
}

/* blog */

#index.top #wrap #contents #sub h3 {
	margin-bottom: 5px;
	background-image: none;
}

#index.top #wrap #contents #sub .blogBox {
	position: relative;
	overflow: hidden;
}

#index.top #wrap #contents #sub .photoFrameH {
	width: 220px;
	height: 165px;
	overflow: hidden;
}

#index.top #wrap #contents #sub .photoFrameH img {
	margin-top: -60px;
}

#index.top #wrap #contents #sub h4 {
	padding: 10px 5px 0 25px;
	position: relative;
	right: auto;
	top: auto;
	width: 190px;
	height: auto;
	color: #FFCC33;
	background-color: #666666;
	background-image: url(../images/design/top02.gif);
	background-position: 0 10px;
	background-repeat: no-repeat;
	font-size: small;
	letter-spacing: 0.3px;
}

#index.top #wrap #contents #sub .articleBox.blogNews {
	width: 220px;
}

#index.top #wrap #contents #sub .articleBox.blogNews img.blogFImg {
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: none;
	margin: 0;
	padding: 0;
}

#index.top #wrap #contents #sub .articleBox.blogNews p {
	margin-bottom: 10px;
	color: #FFFFFF;
	background-color: #666666;
	padding: 10px 10px 10px 30px;
	font-size: x-small;
	line-height: 1.4;
}

#index.top #wrap #contents #sub .articleBox.blogNews img {
	border-bottom: 5px solid #666666;
	display: block;
}

#index.top #wrap #contents #sub .articleBox.blogNews p.contentLead {
	position: relative;
	right: auto;
	top: auto;
	background: none;
	padding: 0 0 0 30px;
}

#index.top #wrap #contents #sub .articleBox.eventList {
	background-image: url(../blog/images/design/bgEventLidt.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 190px;
	height: auto;
	overflow: hidden;
	padding: 15px;
	margin-bottom: 15px;
}

#index.top #wrap #contents #sub .articleBox.eventList a {
	height: 22px;
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
}


#index.top #wrap #contents #sub .articleBox.eventList h5 {
	background-position: right;
}

#index.top #wrap #contents #sub .articleBox.eventList dl {
	width: 190px;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
	border-bottom: #dddddd solid 2px;
}

#index.top #wrap #contents #sub .articleBox.eventList dl dt {
	color: #66CCCC;
	background-image: url(../blog/images/design/iconPoint.gif);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	width: 120px;
	border-top: #dddddd solid 2px;
	padding: 3px 0 3px 15px;
}

#index.top #wrap #contents #sub .articleBox.eventList dl dt a{
	background: none;
	position: relative;
	text-indent: 0;
	bottom: auto;
	height: auto;
	width: auto;
}

#index.top #wrap #contents #sub .articleBox.eventList dl dt a:link {
	color: #66CCCC;
	background-image: none;
	text-indent: 0;
}

#index.top #wrap #contents #sub .articleBox.eventList dl dt a:hover {
	color: #FF9999;
}

#index.top #wrap #contents #sub .articleBox.eventList dl dt a:visited {
	color: #FFCC66;
}

#index.top #wrap #contents #sub .articleBox.eventList dl dd {
	float: left;
	text-align: right;
	width: 55px;
	font-size: small;
	color: #FF6699;
	border-top: #dddddd solid 2px;
	padding: 3px 0;
}

#index.top #wrap #contents #sub .articleBox.eventList dl .noLine {
	border: none;
}

#index.top #wrap #contents #sub .articleBox.eventList a.linkEvent {
	background-image: url(../blog/images/design/linkEvent.jpg);
	width: 90px;
	float: left;
	position: relative;
	text-indent: -10000em;
	margin-top: 15px;
}

#index.top #wrap #contents #sub .articleBox.eventList a.linkAccess {
	background-image: url(../blog/images/design/linkAccess.jpg);
	width: 90px;
	float: left;
	margin-left: 10px;
	position: relative;
	text-indent: -10000em;
	margin-top: 15px;s
}


#index.top #wrap #contents #sub .articleBox.eventList a.linkBlog {
	background-image: ;
	width: 90px;
	float: left;
	margin-left: 10px;
	position: relative;
	text-indent: -10000em;
}

#index.top #wrap #contents #sub .articleBox.blogNews {
	position: relative;
	margin-bottom: 15px;
}

#index.top #wrap #contents #sub .articleBox.blogNews h3 img {
	border-bottom: none;
}

#index.top #wrap #contents #sub .articleBox.blogNews a.linkBlog,
#index.top #wrap #contents #sub .articleBox.blogNews a.linkBackNo {
	background-position: top left;
	background-repeat: no-repeatl;
	text-indent: -10000em;
	height: 22px;
	display: block;
}

#index.top #wrap #contents #sub .articleBox.blogNews a.linkBlog {
	background-image: url(../images/design/linkMoreBlog.jpg);
	width: 122px;
}

#index.top #wrap #contents #sub .articleBox.blogNews a.linkBackNo{
	background-image: url(../images/design/linkMoreBackNo.jpg);
	position: absolute;
	right: 0;
	bottom: 0;
	width: 94px;
}

#WSClockBox {
	position: relative;
	height: auto;
	width: 200px;
	display: block;
	background-image: url(../blog/images/design/bgClock.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 10px;
	color: #999999;
}

#WSClockBox .WSClock {
	font-family: 'Cantarell', arial, serif;
	position: absolute;
	right: 10px;
	top: 5px;
}

#WSClockBox .WSTodayM {
	font-family: 'OFL Sorts Mill Goudy TT', arial, serif;
	font-size: medium;
	position: absolute;
	left: 60px;
	top: 15px;
	color: #999966;
}

#WSClockBox .WSTodayD {
	font-family: 'OFL Sorts Mill Goudy TT', arial, serif;
	font-size: 36px;
	position: absolute;
	left: 80px;
	top: -2px;
	color: #999966;
}

#WSClockBox .WSTodayW {
	position: absolute;
	right: 88px;
	top: 26px;
	color: #0099CC;
}

#WSClockBox .WSTodayS {
	color: #999999;
	font-size: x-small;
}

#index img#banIbaraki {
	position: absolute;
	top: 70px;
	left :15px;
	z-index: 2;
}