@charset "UTF-8";
*{
 margin:0px;
 padding:0px;
}
*html{
 margin:0px;
 padding:0px;
 overflow-y:scroll;
}
/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}

/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}
.clearfix:after {  
	content: ".";  
	display: block;  
   visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}  
/*font指定用*/

body {
    font-size: 12px;
}

/* for IE6 */
* html body {
    font-size: 75%;
}

/* for IE7 */
*:first-child+html body {
    font-size: 75%;
}

/*ここまで*/

.clearfix {  
	zoom: 100%;  
}

.pick{
	color:#CCFF99;
}

body {
	text-align:center;
	background-color: #FCF9F0;
	background-image:url(img/bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	color:#FFFFFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/* FireFox 3 only */
html>/**/body, x:-moz-any-link, x:default
{
padding-right: 1px;
}




a{
	color: #EE6666;
	text-decoration: none;
	font-weight:bold;
}
a:hover{
	text-decoration: underline;
	color: #FF3333;
}
/*top page*/
.wrapper{
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	width:900px;
	background-image: url(img/bg-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	margin-bottom:0px;
}
.head-area{
	margin-left:60px;
	text-align:left;
	background-image: url(img/main-top.jpg);
	background-repeat: no-repeat;
	height:453px;
	background-position: 0px 64px;
	position: relative;
}
.head-area .ico-pic {
	height:100px;
	left:260px;
	position:absolute;
	top:191px;
	width: 514px;
}
.head-area .ico-pic img{
	margin-left:4px;
	margin-right:4px;
	border:solid 1px #000000;

}
.head-area .ico-pic img:hover{
	border:solid 1px #FF3333;

}
.head-area div#to-home a{
	background-position: left -30px;
}

.rss-box li{
	list-style:circle;
}
.rss-date{
	margin-left:1em;
	font-size:92%;
}


/*sub page*/
.wrapper-sub{
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	width:900px;
	background-image: url(img/bg-top-sub.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.head-area-sub{
	margin-left:60px;
	text-align:left;
	background-image: url(img/main-top-sub.jpg);
	background-repeat: no-repeat;
	height:280px;
	background-position: 0px 58px;
	position: relative;
}
.head-area-sub .main-pic {
	background-repeat: no-repeat;
	height:210px;
	width:210px;
	left:13px;
	position:absolute;
	top:67px;
	text-indent:-3000px;
}
.head-area-sub .main-pic a{
	display:block;
	height:210px;
	width:210px;
}
.head-area-sub .main-pic img{
	margin-left:5px;
	margin-right:5px;
	border:0;
}

.head-area-sub .ico-pic {
	height:100px;
	left:260px;
	position:absolute;
	top:107px;
	width: 530px;
}
.head-area-sub .ico-pic img{
	margin-left:4px;
	margin-right:17px;
	border:solid 1px #000000;
}
.head-area-sub .ico-pic img:hover{
	border:solid 1px #FF3333;
}
.head-area-sub .main-copy {
	color:#FFCCCC;
	left:58px;
	position:absolute;
	line-height:160%;
	top:6px;
	height:50px;
	letter-spacing:0.1em;
}
li{
	margin: 0px;
	list-style-type: none;
}


.main-copy{
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.main-copy p{
	font-size:84%;
	line-height:14px;
}
.main-menu{
	list-style-type: none;
	text-decoration:none;
}
.main-menu li{
	float:left;
	/*display:inline;*/
	
}
.hidden-text{
	visibility:hidden;
	text-indent:-3000px;

}

.head-area h1,.head-area-sub h1{
visibility:hidden;
}

#menu-li01,#menu-li02,#menu-li03,#menu-li04,#menu-li05,#menu-li06,
a.menu-a01, a.menu-a02, a.menu-a03, a.menu-a04, a.menu-a05,a.menu-a06{
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
	height: 30px;
}



#menu-li01 {
	background-image: url(img/menu_01_f2.jpg);
	display:block;
	height: 30px;
}
a.menu-a01 {
	background-image: url(img/menu_01.jpg);
	width: 80px;
	text-indent:-3000px;
	display:block;
	height: 30px;
}
#menu-li02 {
	background-image: url(img/menu_02_f2.jpg);
}
a.menu-a02 {
	background-image: url(img/menu_02.jpg);
	width: 70px;
	text-indent:-3000px;
	display:block;
	height: 30px;
}
#menu-li03 {
	background-image: url(img/menu_03_f2.jpg);
}
a.menu-a03 {
	background-image: url(img/menu_03.jpg);
	width: 80px;
	display:block;
	height: 30px;
	text-indent:-3000px;
}
#menu-li04 {
	background-image: url(img/menu_04_f2.jpg);
}
a.menu-a04 {
	background-image: url(img/menu_04.jpg);
	width: 124px;
	display:block;
	height: 30px;
	text-indent:-3000px;
}
#menu-li05 {
	background-image: url(img/menu_05_f2.jpg);
}
a.menu-a05 {
	background-image: url(img/menu_05.jpg);
	width: 90px;
	text-indent:-3000px;
	display:block;
	height: 30px;
}
#menu-li06 {
	background-image: url(img/menu_06_f2.jpg);
}
a.menu-a06 {
	background-image: url(img/menu_06.jpg);
	width: 70px;
	text-indent:-3000px;
	display:block;
	height: 30px;
}

a.menu-a01:hover,a.menu-a02:hover,a.menu-a03:hover,a.menu-a04:hover,a.menu-a05:hover,a.menu-a06:hover{
	background-position: center 100px;
}



/*content-area*/

.content-area{
	text-align:left;
	width: 790px;
	margin-left: 55px;
	margin-top: 34px;
	background-image: url(img/info-area-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #283A47;
}
.content-area-foot{
	background-image: url(img/info-area-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:12px;
}

.info-frame, .about-frame, .menu-frame, .aroma-frame, .reserve-frame, .prof-frame{
	float:left;
	width:500px;
	/*background-color: #000000;*/
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 1px;
	margin-left: 14px;
	margin-bottom: 5px;
	display:inline;/*for IE6*/
}
/*.info-frame{
	background-image: url(img/info-frame_top.gif);
}
.about-frame{
	background-image: url(img/about-frame_top.gif);
}
.menu-frame{
	background-image: url(img/menu-frame_top.gif);
}
.prof-frame{
	background-image: url(img/prof-frame_top.gif);
}
*/

.title-bar{
	margin-top:20px;
	margin-left:14px;
}
.info-frame-body{
	width:478px;
	color:#CCCCCC;
	background-color: #283A47;
	background-image: url(img/info-frame_main.jpg);
	/*margin-top: 20px;*/
	background-repeat: no-repeat;
	background-position: center -13px;
	padding: 10px;
	border-left:1px solid #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.info-frame-body h1{
	margin-top:1em;
	font-size:120%;
	color:#FF6699;
	border-bottom: 1px solid #FFF;
}
.info-frame-body h4{
	font-weight:normal;
	margin-top:2px;
}
.info-frame-body ul{
	margin-left:2em;
	margin-bottom:1em;
	margin-top:1em;
}
.info-frame-body li{
	margin-top:0.5em;
	margin-bottom:0.5em;
}
.info-frame-body p{
	margin-bottom:1em;
	/*text-indent:1em;*/
	line-height:150%;
	font-size: 100%;
	letter-spacing: 0.1em;
}


.info-frame-top{
	height:13px;
	background-image: url(img/info-frame_main.jpg);
}

.info-frame-foot{
	height:13px;
	background-image: url(img/info-frame_foot.jpg);
	background-position: bottom;
}
.name-add{
	text-align:center;
	font-size:100%;
	padding:24px 0px 0px;
	float:right;
	width:240px;
	margin-right:14px;
	margin-top:14px;
	background-image:url(img/label_top.jpg);
	background-repeat: no-repeat;
	display:inline;/*for IE6*/
	line-height:16px;
	background-color:#CEBFAE;
}
.name-add-foot{
	height:24px;
	background-image:url(img/label_bottom.jpg);
}
.name-add p{
	margin:0px;
	color:#333300;
	line-height:140%;
}

.foot-menu{
	text-align:center;
	margin-top:1em;
	font-size:80%;
	color:#CCCCCC;
}
.foot-menu a{
	color: #CC9999;
	text-decoration: none;
	font-weight:normal;
}
.foot-menu a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}
.copyright{
	text-align:center;
	font-size:80%;
	color:#999999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	margin-bottom:1em;
}
#to-home {
	width:42px;
	height:30px;
	left: 2px;
	top: 3px;
	position: absolute;
}
#to-home a{
	display:block;
	text-indent:-3000px;
	background-image:url(img/to-home.jpg);
	width:42px;
	height:30px;
	background-repeat: no-repeat;
}
#to-home a:link{
	background-position: left top;
}
#to-home a:hover{
	background-position: left -30px;
}

#to-contact {
	width:60px;
	height:20px;
	left: 710px;
	top: 19px;
	position: absolute;
}
#to-contact a{
	display:block;
	text-indent:-3000px;
	background-image:url(img/to-contact.jpg);
	width:60px;
	height:20px;
	background-repeat: no-repeat;
}
#to-contact a:link{
	background-position: left top;
}
#to-contact a:hover{
	background-position: left -20px;
}



/*profile*/
#prof-table{
	width:480px;
	margin-left:10px;
	margin-top:1em;
	font-size:84%px;
	border-collapse: separate;
	border-spacing: 3px;
}
#prof-table th{
	text-align:center;
	padding:3px;
	background-color:#663333;
	color:#ffffff;
}
#prof-table td{
	padding:3px;
	margin-left:1em;
}


/*aroma*/
.aroma-list dt{
	color:#FF6666;
	margin-left:5px;	
}
.aroma-list dd{
	font-size:100%;
	margin-left:15px;
	margin-bottom:1em;
	margin-top:0.8em;
}


/*menu*/
.menu-aroma-ex{
	background-color:#330000;
	padding:5px;
}
.menu-aroma-ex h3{
	color:#FF9999;
	font-size:100%;
	margin-bottom:5px;
}

.menu-table{
	width:448px;
	margin-left:15px;
	border:none;
	border-collapse: collapse;	
	background-color:#333333;

}
.menu-table tr{
	border:1px #996699 solid;
	padding:3px;
}
.menu-table td,.menu-table th{
	padding:3px;
	font-size:92%;
}
.menu-table th{
	width:50%;
	text-align:center;
}
.menu-table td{
	text-align:center;
}


/*QR*/
.qr{
	float:right;
	margin:14px;
	width:240px;
	text-align:center;
}
.qr-cap{
	width:240px;
	text-align:center;
	font-size:84%;
}