@charset "utf-8";
/* CSS Document */


#pagebody { padding: 0px; }

/* メインエリア
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#topMain {
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
	position: relative;
	height: 340px;
	width: 750px;
	background-color: #F0F0E1;
}
#topMain #navibar {
	position: relative;
	height: 30px;
	width: 750px;
}
#navibar #headline {
	font-size: 7pt;
	font-weight: normal;
	padding-left: 10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #666666;
	width: 540px;
	background-color: #FFFFFF;
	line-height: 14pt;
}
/*サービス一覧へのボタン*/
#btn-service {
	background-image: url(../img-home/btn-service-off.gif);
	background-repeat: no-repeat;
	height: 21px;
	width: 90px;
	position: absolute;
	top: 0px;
	left: 580px;
}
#btn-service a {
	text-indent: -9999px;
	display: block;
	height: 21px;
	width: 90px;
}
#btn-service a:hover {
	background-image: url(../img-home/btn-service-on.gif);
	background-repeat: no-repeat;
}
/*予約・日程へのボタン*/
#btn-reserve {
	background-image: url(../img-home/btn-reserve-off.gif);
	background-repeat: no-repeat;
	height: 21px;
	width: 75px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#btn-reserve a {
	text-indent: -9999px;
	display: block;
	height: 21px;
	width: 75px;
}
#btn-reserve a:hover {
	background-image: url(../img-home/btn-reserve-on.gif);
	background-repeat: no-repeat;
}

#mainImage {
	position: absolute;
	height: 302px;
	width: 550px;
	left: 5px;
	top: 38px;
}
#btn-aurasoma { background: url(../img-home/mainImage-btn.jpg) no-repeat 0px 0px;
	height: 31px;
	width: 550px;
}
#btn-aurasoma a {
	display: block;
	text-indent: -9999px;
	height: 31px;
	width: 550px;
}
#btn-aurasoma a:hover {background: url(../img-home/mainImage-btn.jpg) no-repeat 0px -31px;}


/* トップページカテゴリーナビゲーション
=======================================*/
ul#cnBox {
	position: absolute;
	height: 302px;
	width: 197px;
	top: 38px;
	right: 5px;
}
ul#cnBox {}
ul#cnBox li { list-style-type: none; }
ul#cnBox li a {
	display: block;
	text-indent: -9999px;
}

/*通常時*/
#cntop-aurasoma { background: url(../img-home/cntop-off.gif) no-repeat 0px 0px; 	height: 43px; width: 197px;}
#cntop-scentsation { background: url(../img-home/cntop-off.gif) no-repeat 0px -43px; height: 43px; width: 197px;}
#cntop-healing { background: url(../img-home/cntop-off.gif) no-repeat 0px -86px; 	height: 43px; width: 197px;}
#cntop-school { background: url(../img-home/cntop-off.gif) no-repeat 0px -129px; height: 43px; width: 197px;}
#cntop-shopping { background: url(../img-home/cntop-off.gif) no-repeat 0px -172px; 	height: 43px; width: 197px;}
#cntop-blog {	background: url(../img-home/cntop-off.gif) no-repeat 0px -215px; height: 86px;	width: 197px;}

/*マウスオフ*/
#cntop-aurasoma a,#cntop-scentsation a,#cntop-healing a,#cntop-school a,#cntop-shopping a {
	height: 40px;
	width: 195px;
}
#cntop-blog a {
	height: 86px;
	width: 197px;
}

/*マウスオン*/
#cntop-aurasoma a:hover { background: url(../img-home/cntop-on.gif) no-repeat 0px 0px; 	height: 43px; width: 197px;}
#cntop-scentsation a:hover { background: url(../img-home/cntop-on.gif) no-repeat 0px -43px; height: 43px; width: 197px;}
#cntop-healing a:hover { background: url(../img-home/cntop-on.gif) no-repeat 0px -86px; 	height: 43px; width: 197px;}
#cntop-school a:hover { background: url(../img-home/cntop-on.gif) no-repeat 0px -129px; height: 43px; width: 197px;}
#cntop-shopping a:hover { background: url(../img-home/cntop-on.gif) no-repeat 0px -172px; 	height: 43px; width: 197px;}
#cntop-blog a:hover {	background: url(../img-home/cntop-on.gif) no-repeat 0px -215px; height: 86px;	width: 197px;}





/* コンテンツエリア
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#content { padding-top: 15px; }
#alpha { width: 430px; }
#alpha-inner {}
#beta { width: 330px; }
#beta-inner {
	width: 310px;
	position: relative;
	left: 20px;
}

/* alpha エリア
=======================================*/

/* スクール案内 */

#schoolpr {}
#schoolpr .header {
	background-image: url(../img-home/top-schoolpr-header.gif);
	background-repeat: no-repeat;
	height: 80px;
	width: 430px;
	text-indent: -9999px;
}
#schoolpr .body {
	width: 430px;
	height: 120px;
}
#schoolpr .school-photo {
	float: left;
	height: 110px;
	width: 180px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#schoolpr .body-right {
	float: right;
	width: 240px;
}
#schoolpr .body h3 {
	text-indent: 0px;
	color: #99CC00;
	font-size: 1em;
	width: 240px;
	height: 25px;
}
#schoolpr .body ul { 
}
#schoolpr .body li {
	background-image: url(../img-home/top-schoolpr-list-mark.jpg);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	list-style-type: none;
	padding-left: 20px;
}
#schoolpr .footer {
	background-image: url(../img-home/top-schoolpr-footer.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 430px;
}
#schoolpr .footer-text { text-indent: -9999px; }
#schoolpr .link {
	float: right;
	margin-top: 5px;
}


/* what's new */
#wnTitle {
	height: 20px;
	width: 420px;
	background-color: #cdcdcd;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 9pt;
}
#alpha .wnBox { position: relative; }
#alpha h3 {
	height: 30px;
	width: 430px;
	background-position: left bottom;
	text-indent: -9999px;
}

#tit-info { background: url(../img-home/titlebar-information.gif) no-repeat;}
#tit-school { background: url(../img-home/titlebar-school.gif) no-repeat;}
#tit-blog { background: url(../img-home/titlebar-blog.gif) no-repeat;}

p.link-archives {
	top: 11px;
	right: 16px;
	font-size: 7pt;
	position: absolute;
}
p.link-archives a { text-decoration: none; }

.entry {
	padding-top: 10px;
	font-size: 0.85em;
}
.entry ul {}
.entry ul li {
	list-style-type: none;
	padding-left: 20px;
	font-size: 1.2em;
}
.entry h4 {
	padding-left: 20px;
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom: 5px;
}
/*新着情報　エントリータイトル　スタイル*/
#alpha .tit-info {	background: url(../img-home/icon-yajirushi-green.gif) no-repeat 0px 3px;}
#alpha .tit-school {	background: url(../img-home/icon-yajirushi-pink.gif) no-repeat 0px 3px;}
#alpha .tit-blog {	background: url(../img-home/icon-yajirushi-blue.gif) no-repeat 0px 3px;}

/* 新着情報　エントリータイトル　リンクスタイル*/
#alpha .tit-info a { color: #339900;}
#alpha .tit-school a { color: #CC6699; }
#alpha .tit-blog a { color: #0099CC; }

#alpha .tit-info a:hover,#alpha .tit-school a:hover,#alpha .tit-blog a:hover { color: #FF9900; }

/* 新着情報　エントリ内容　リンクスタイル*/
.info-con,.school-con,.blog-con {
	width: 422px;
	padding-left: 5px;
	position: relative;
}
.info-con { border-left: 3px solid #99CC00; }
.school-con { border-left: 3px solid #CC6699; }
.blog-con { border-left: 3px solid #336699; }

/* beta エリア
=======================================*/

.beta-box {
	border: 1px solid #cdcdcd;
	padding: 1px;
	margin-bottom: 10px;
}
.beta-box-title {
	width: 300px;
	font-size: 8pt;
	background-color: #cdcdcd;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 6px;
	color: #000000;
	font-weight: normal;
}

#salal {}
#salal .inner {
	background-image: url(../img-home/salal-banner.jpg);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#todays {}

#todays-bottle {
	height: 178px;
	position: relative;
	width: 306px;
}
*html div#bottle-shadow {
	background-image: none;


	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://hs.iluck.jp/img-home/bottle-shadow.png", sizingMethod="scale");
	height: 113px;
	width: 63px;
	left: 20px;
	top: 140px;
}


#bottle-name {
	position: absolute;
	left: 120px;
	top: 10px;
	font-size: 9pt;
	color: #666633;
}
#bottle-img {
	position: absolute;
	height: 130px;
	width: 80px;
	left: 20px;
	top: 22px;
}
#bottle-keynote {
	position: absolute;
	left: 120px;
	top: 40px;
	font-size: 8pt;
}
#bottle-afamation {
	position: absolute;
	left: 120px;
	top: 70px;
	width: 170px;
	font-size: 8pt;
}



#calenderBox {
}

.calender {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
.calender caption {
	text-align: center;
	font-size: 0.8em;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.calender th,.calender td {border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;}
.calender th {
	text-align: center;
	font-weight: normal;
	font-size: 6pt;
	background-color: #efefef;
}
.calender td {
	width: 17px;
	font-size: 6pt;
	text-align: right;
	background-color: #FFFFFF;
	padding-right: 3px;
}
.calender .close { background-color: #FFE1E1; }

#shop-info {}
#shop-info .inner { padding: 10px; }
#beta #coution { font-size: 0.85em; }

