@charset "utf-8";

/* Default Settings */

body{
	width: 100%;
	height: 100%;
	color: #333;
	margin: 0;
	padding: 0;
	font-size: small;
	line-height: 1.4;
}

* html body {
	background-image: none;
} /* for IE */

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;
}

li {
	margin: 0;
	padding: 0;
}

ol {
	margin: 0;
	padding: 0;
}

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

img {
	border: 0;
}

hr {
	display: none;
}

a {
	text-decoration: none;
}

a:link {
	color: #67c5ca;
}

a:visited {
	color: #999;
}

a:hover {
	color: #fc3;
}

/* common */


.clear{
	clear: both;
}
.img-right{
	float: right;
	margin-left: 10px;
}
.img-left{
	float: left;
	margin-right: 10px;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}

/* basic layout */

#wrap {
	width: 750px;
	height: 100%;
	margin: 0 auto 0 auto;
}

#header {
	width: 750px;
	height: 55px;
	background-color: #fff;
	background-image: url(../images/bgHeader.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

#main {
	width: 750px;
	position: relative;
	background-color: #fff;
}

#description {
	width: 710px;
	height: auto;
	margin: 0 auto;
}

img#mainImg {
	float: left;
	margin-right: 30px;
}

#mainDetail {
	widht: 710px;
	height: auto;
	padding: 20px;
	text-align: left;
	background-color: #fff;
}

#footer {
	width: 750px;
	height: 42px;
	margin: 0;
}

/* index */

#index #wrap {
	width: 750px;
	height: 100%;
	margin: 0 auto 0 auto;
	background-image: url(../images/bgFlash.gif);
	background-position: top center;
	background-repeat: repeat-y;
}



/* top */

#flashcontent {
	width: 750px;
	height: 547px;
	background-image: url(../images/flashbg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
	}
	
p#noflash {
	position: absolute;
	top: 451px;
	left: 15px;
	text-align: left;
	color: #fff;
	}

/* dress */

#dress #main {
	height: 335px;
	padding-top: 60px;
}

/* beauty */

#beauty #main {
	height: 335px;
	padding-top: 60px;
}

dl.menulist {
	width: 300px;
	margin-bottom: 7px;
	border-bottom: dashed 1px #ccc;
}

.menulist dt {
	width: 170px;
	float: left;
	clear: left;
	border-top: dashed 1px #ccc;
	padding: 3px 5px;
}

.menulist dd {
	width: 110px;
	float: left;
	border-top: dashed 1px #ccc;
	padding: 3px 5px;
}

dl.menulistW {
	width: 499px;
	margin-bottom: 7px;
	border-bottom: dashed 1px #ccc;
}

.menulistW dt {
	width: 330px;
	height: auto;
	float: left;
	clear: left;
	border-top: dashed 1px #ccc;
	padding: 3px 5px;
}

.menulistW dd {
	width: 149px;
	height: auto;
	float: left;
	border-top: dashed 1px #ccc;
	padding: 3px 5px;
}

#beautyDetail .boxDetail ul {
	margin-bottom: 10px;
	list-style: none;
}

#beautyDetail .boxDetail li {
	padding-left: 16px;
	background-image: url(../beauty/images/bgLiCourseMenu.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;
}

#beautyDetail .boxDetail ul.courseSub {
	margin-left: 15px;
	margin-bottom: 0;
	list-style: disc;
}

#beautyDetail .boxDetail ul.courseSubSub {
	margin-left: 15px;
	margin-bottom: 0;
	list-style: circle;
}

#beautyDetail .boxDetail .courseSub li,
#beautyDetail .boxDetail .courseSubSub li {
	background: none;
	padding-left: 0;
}

.boxCourse {
	width: 220px;
	float: left;
	margin-right: 20px;
}

#beautyDetail h4 {
	margin-top: 24px;
}

#beautyDetail h4.head {
	margin-top: 0;
}

#beautyDetail h5 {
	margin-top: 20px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: solid 1px #e7e7e7;
	font-size: small;
}

img.beautyImg {
	border: solid 5px #ccc;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

#beautyDetail .attention {
	margin-top: 10px;
	color: #666;
	font-size: x-small;
}

/* gift */

#gift #main {
	height: 335px;
	padding-top: 60px;
}

#giftcategory #main {
	width: 750px;
	height: auto;
	padding-top: 36px;
	padding-right: 0;
	padding-bottom: 15px;
	text-align: left;
}

#items {
	width: 730px;
	height: auto;
	padding-left: 20px;
}

#giftcategory h3 {
	margin-bottom: 10px;
}

.boxGift {
	width: 345px;
	height: auto;
	float: left;
	margin-bottom: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
}

.boxGift h4 {
	font-size: 12px;
}

.boxGift img {
	float: left;
	margin-right: 10px;
	border: solid 5px #e7e7e7;
}

#main .boxGift p {
	margin-bottom: 0;
}

.mark {
	color: #c93;
}

/* space */

#space #main {
	height: 335px;
	padding-top: 60px;
}

img#spaceHere {
	width: 60px;
	height: 60px;
	display: block;
	padding: 4px;
	border: solid 1px #c96;
	background-color: #fff;
}

/* event */

#event #main {
	width: 750px;
	padding-top: 15px;
	padding-right: 0;
	text-align: left;
}

#evMain {
	width: 510px;
	height: auto;
	float: left;
	padding-left: 10px;
}

#evMain h3 {
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom: solid 3px #c39d2e;
	font-size: 12px;
	text-align: left;
}

#evMain img.evPhoto {
	float: left;
	margin-right: 15px;
}
.evBox {
	margin-bottom: 15px;
}

.evCnt {
	width: 335px;
	height: auto;
	float: right;
}

#evMain p.evDate {
	margin-bottom: 5px;
	padding-left: 36px;
	background-image: url(../event/images/date.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #111184;
	font-weight: bold;
}

#evSub {
	width: 200px;
	height: auto;
	float: right;
	padding-right: 10px;
	text-align: left;
}

#evSub h3 {
	margin-bottom: 5px;
	padding-bottom: 3px;
	background-image: url(../images/bgList.gif);
	background-position: 45px 3px;
	background-repeat: no-repeat;
	border-bottom: solid 3px #67c5ca;
	font-size: 12px;
	text-align: right;
}

#evSub table {
	margin-bottom: 10px;
	border-bottom: solid 1px #666;
}

#evSub th {
	padding-bottom: 5px;
	border-bottom: solid 1px #999;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}


#evSub td {
	height: 28px;
	border-bottom: solid 1px #999;
	text-align: center;
}

td.calEvent {
	background-image: url(../event/images/bgCalEvent.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

td.calClosed {
	background-image: url(../event/images/bgCalClosed.gif);
	background-position: center;
	background-repeat: no-repeat;
}

.dayEvent {
	padding-left: 24px;
	background-image: url(../event/images/bgDayEvent.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.dayClosed {
	padding-left: 24px;
	background-image: url(../event/images/bgDayClosed.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

/* access */

#access #main {
	width: 750px;
	height: auto;
	padding-top: 15px;
	padding-right: 0;
	text-align: left;
}

#acMap {
	width: 420px;
	height: 380px;
	float: left;
	margin-bottom: 15px;
	padding-left: 20px;
}

#acMain {
	width: 270px;
	height: auto;
	float: right;
	margin-bottom: 15px;
	padding-right: 20px;
	text-align: left;
}

#acMain h3 {
	border-left: solid 5px #67c5ca;
	border-bottom: solid 1px #ccc;
	margin-bottom: 5px;
	padding-left: 7px;
	font-size: 14px;
}

#acMain ul {
	margin-bottom: 10px;
	list-style: none;
}

#acMain li {
	margin-bottom: 5px;
	padding-left: 18px;
	background-image: url(../images/bgList.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

#acMain #info {
	width: 250px;
	height: auto;
	background-image: url(../access/images/bgInfo.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 10px 7px 10px;
}

#acMain #info h3 {
	width: 270px;
	height: 27px;
	border: none;
	padding-left: 0;
	margin-left: -10px;
	margin-right: -10px;
}

#acMain #info p {
	margin: 0;
}

/* contact */

#contact #main {
	width: 710px;
	height: auto;
	padding: 20px;
	text-align: left;
}

#ctDescription {
	width: 240px;
	height: auto;
	float: left;
}

#ctDescription h3 {
	background-image: url(../images/bgList.gif);
	background-position: left center;
	background-repeat: no-repeat;
	margin-bottom: 7px;
	padding-left: 20px;
	padding-bottom: 3px;
	border-bottom: solid 2px #ccc;
	font-size: 14px;
}

#ctForm {
	width: 450px;
	height: auto;
	float: right;
}

dl#form {
	width: 450px;
	margin-bottom: 15px;
	border-bottom: solid 1px #ccc;
}

#form dt {
	width: 120px;
	float: left;
	clear: left;
	border-top: solid 1px #ccc;
	padding-top: 5px;
	padding-left: 25px;
	background-image: url(../contact/images/bgQuestion.gif);
	background-position: 5px 8px;
	background-repeat: no-repeat;
}

#form dd {
	width: 300px;
	float: left;
	margin-bottom: 5px;
	padding-top: 5px;
	border-top: solid 1px #ccc;
}


input, select, textarea {
	border: solid 1px #999;
}

p#button {
	text-align: right;
}

.note {
	font-size: 10.5px;
	line-height: 1.2;
}

.active {
	background-color: #ff9;
}
	
.nonactive {
	background-color: #fff;
}

/* links */

#links #main {
	width: 729px;
	height: auto;
	padding-top: 20px;
	padding-left: 21px;
	padding-bottom: 20px;
	padding-right: 0;
	text-align: left;
}

.linksBox {
	width: 162px;
	height: auto;
	float: left;
	padding-right: 20px;
}

.linksBox img {
	margin-bottom: 7px;
	border: solid 1px #ccc;
}

.linksBox h3 {
	margin-bottom: 7px;
	font-size: 12px;
}

/* navigation */

ul#navi {
	width: 750px;
	height: 27px;
	background-color: #fff;
	list-style: none;
}

#navi li {
	width: 94px;
	height: 27px;
	float: left;
}

li#nvDress,
li#nvLinks {
	width: 93px;
} /* adjust */

#navi a {
	width: 94px;
	height: 27px;
	display: block;
	line-height: 27px;
	text-indent: -999px;
}

#nvDress a {
	width: 93px;
	background-image: url(../images/navi.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#nvDress a:hover {
	background-position: 0 -27px;
}

#nvBeauty a {
	background-image: url(../images/navi.jpg);
	background-position: -93px 0;
	background-repeat: no-repeat;
}

#nvBeauty a:hover {
	background-position: -93px -27px;
}

#nvGift a {
	background-image: url(../images/navi.jpg);
	background-position: -187px 0;
	background-repeat: no-repeat;
}

#nvGift a:hover {
	background-position: -187px -27px;
}

#nvSpace a {
	background-image: url(../images/navi.jpg);
	background-position: -281px 0;
	background-repeat: no-repeat;
}

#nvSpace a:hover {
	background-position: -281px -27px;
}

#nvEvent a {
	background-image: url(../images/navi.jpg);
	background-position: -375px 0;
	background-repeat: no-repeat;
}

#nvEvent a:hover {
	background-position: -375px -27px;
}

#nvAccess a {
	background-image: url(../images/navi.jpg);
	background-position: -469px 0;
	background-repeat: no-repeat;
}

#nvAccess a:hover {
	background-position: -469px -27px;
}

#nvContact a {
	background-image: url(../images/navi.jpg);
	background-position: -563px 0;
	background-repeat: no-repeat;
}

#nvContact a:hover {
	background-position: -563px -27px;
}

#nvLinks a {
	width: 93px;
	background-image: url(../images/navi.jpg);
	background-position: -657px 0;
	background-repeat: no-repeat;
}

#nvLinks a:hover {
	background-position: -657px -27px;
}

/* cntNavi */

#cntNavi {
	width: 750px;
	height: 70px;
	position: absolute;
	bottom: 10px;
}

#cntNavi ul {
	width: auto;
	height: 70px;
	margin: 0 0 0 20px;
}

#giftcategory #cntNavi ul {
	position: absolute;
	top: 10px;
	right: 10px;
}

#cntNavi li {
	width: 70px;
	height: 70px;
	float: left;
	margin-right: 5px;
}

#cntNavi a {
	width: 60px;
	height: 60px;
	display: block;
	padding: 4px;
	border: solid 1px #ccc;
	background-color: #fff;
}

#cntNavi a:hover {
	border: solid 1px #67c5ca;
}

/* cntNaviS */

ul#cntNaviS {
	width: auto;
	height: 20px;
	position: absolute;
	top: 10px;
	left: 10px;
}

#cntNaviS li {
	width: auto;
	height: 20px;
	float: left;
	margin-left: 10px;
	padding-left: 12px;
	line-height: 20px;
	background-image: url(../images/bgNaviS.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;
}

/* here */

#dress li#nvDress {
	background-image: url(../images/navi.jpg);
	background-position: 0 -54px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

#beauty li#nvBeauty,
#beautyDetail li#nvBeauty {
	background-image: url(../images/navi.jpg);
	background-position: -93px -54px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

#gift li#nvGift {
	background-image: url(../images/navi.jpg);
	background-position: -187px -54px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

#giftcategory li#nvGift {
	background-image: url(../images/navi.jpg);
	background-position: -187px -54px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

#space li#nvSpace {
	background-image: url(../images/navi.jpg);
	background-position: -281px -54px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

#event li#nvEvent {
	background-image: url(../images/navi.jpg);
	background-position: -375px -54px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

#access li#nvAccess {
	background-image: url(../images/navi.jpg);
	background-position: -469px -54px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

#contact li#nvContact{
	background-image: url(../images/navi.jpg);
	background-position: -563px -54px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

#links li#nvLinks {
	background-image: url(../images/navi.jpg);
	background-position: -657px -54px;
	background-repeat: no-repeat;
	text-indent: -999px;
}


/* common */

h2#title {
	border-bottom: solid 5px #67c5ca;
}

h3.lead {
	margin-bottom: 10px;
}

#main p,
#mainDetail p {
	margin-bottom: 1em;
}

.boxSummary {
	width: 180px;
	float: left;
	padding-right: 10px;
}

.boxSummary h3 {
	border-right: solid 5px #67c5ca;
	text-align: right;
	margin-right: -10px;
	margin-bottom: 7px;
	padding-right: 5px;
}

.boxSummary p {
	color: #666;
	font-size: 11px;
}

.boxDetail {
	width: 499px;
	float: right;
	padding-left: 20px;
	padding-bottom: 15px;
	border-left: solid 1px #ccc;
}

.boxDetail h4 {
	margin-bottom: 10px;
	background-image: url(../images/bgList.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 16px;
}

p.totop {
	background-image: url(../images/bgTotop.gif);
	background-position: 365px 5px;
	background-repeat: no-repeat;
	padding-left: 18px;
	text-align: right;
}

#footer img {
	display: block;
}

/* CLEAR FIX */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */