@charset "utf-8";
/***********************************************/
/*style.css                                      */
/***********************************************/

*{zoom:1}

/***********************************************/

#sideBar dl dd.menu01 a{background:url(../../common/img/sideMenu01hover.jpg) no-repeat}

/***********************************************/

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

#index .nav{display:inline-block;
margin:0 0 30px}

/*\*/
*html #index .nav{height:1%}
#index .nav{display:block}
/**/

#index .nav li{
float:left}

/***********************************************/

#titleBox {
	position: relative;
}

.sectionH1 .btn{
position:absolute;
right:8px;
top:3px;}

* html body .sectionH1 .btn {
	top:3px; /* for WinIE6 */
}
*+html body .sectionH1 .btn {
	top:3px; /* for WinIE7 */
}
/***********************************************/

#wanderBox {
	margin-bottom: 30px;
	padding-top: 10px;
	height: 36px;
}

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

#main navWander{
display:inline-block;
width: 558px;
}

/*\*/
*html #main .navWander .nav{height:1%}
#main ul.nav{display:block}
/**/

#main .navWander li{
float:left;
margin:0 4px 0 0}

#main .more{
position:absolute;
right:0;
top:35px}

/***********************************************/


.sectionH1 .sectionH2{margin:0 0 40px}

.sectionH1 h1,
.sectionH1 .sectionH2 h2{margin:0 0 10px}
.sectionH1 p.intro{margin:0 0 50px}

.sectionH1 .boxBottom{
background:url(../img/common/boxBottom.gif) no-repeat 0 100%;
padding:0 0 3px;
zoom:1}

.sectionH1 .boxTop{
background:url(../img/common/boxTop.gif) no-repeat;
padding:3px 0 0}

.sectionH1 .box{
background:url(../img/common/boxBg.gif) repeat-y;
padding:4px 7px}

.sectionH1 .box table{margin:0 0 20px}
.sectionH1 .box table th{padding-right:3px}

.sectionH1 .box table td ul li{line-height:0;margin:0 0 1px}
.sectionH1 .box table td ul li img{border:#d0d0d0 1px solid;padding:1px}
.sectionH1 .box p{margin:0 10px 10px}

.sectionH1 .cook .boxBottom{background:url(../img/common/box2Bottom.gif) no-repeat 0 100%;padding:0 0 6px}
.sectionH1 .cook .boxTop{background:url(../img/common/box2Top.jpg) no-repeat;padding:6px 0 0}
.sectionH1 .cook .box{background:url(../img/common/box2.gif) repeat-y;padding:0 12px}
.sectionH1 .cook .box .inner{background:url(../img/common/areaBg.jpg) no-repeat;padding:30px 8px;zoom:1}

.sectionH1 .cook .box .inner .cont01{
background:url(../img/common/pict_001.jpg) no-repeat 100% 0;
_height:120px;
min-height:120px;
padding:0 200px 0 0}
.sectionH1 .cook .box .inner .cont01Japanese { background-image:url(../img/japan/pict003.jpg);	}
.sectionH1 .cook .box .inner .cont01Natural { background-image:url(../img/natural/pict003.jpg);	}
.sectionH1 .cook .box .inner .cont01Oriental { background-image:url(../img/oriental/pict_003.jpg);	}
.sectionH1 .cook .box .inner .cont01Original { background-image:url(../img/original/pict_003.jpg);	}
.sectionH1 .cook .box .inner .cont01Luxury { background-image:url(../img/luxury/pict_003.jpg);	}

.sectionH1 .cook .box .inner .cont02{
background:url(../img/common/pict_002.jpg) no-repeat 5px 0;
_height:204px;
min-height:204px;
padding:0 0 0 160px}
.sectionH1 .cook .box .inner .cont02Japanese { background-image:url(../img/japan/pict004.jpg);	}
.sectionH1 .cook .box .inner .cont02Natural { background-image:url(../img/natural/pict004.jpg);	}
.sectionH1 .cook .box .inner .cont02Oriental { background-image:url(../img/oriental/pict_004.jpg);	}
.sectionH1 .cook .box .inner .cont02Original { background-image:url(../img/original/pict_004.jpg);	}
.sectionH1 .cook .box .inner .cont02Luxury { background-image:url(../img/luxury/pict_004.jpg);	}

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

.sectionH1 .stage .block{display:inline-block;}

/*\*/
*html .sectionH1 .stage .block{height:1%}
.sectionH1 .stage .block{display:block}
/**/

.sectionH1 .stage .block{background:url(../../../common/img/separator.gif) repeat-x 0 100%;margin:0 0 15px;padding:0 0 15px}
.sectionH1 .stage .block .cont{
float:left;
width:342px;
margin:0 0 0 26px}

.sectionH1 .stage .block .firstChild{margin:0}

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

.sectionH1 .stage .block .cont{display:inline-block;}

/*\*/
*html .sectionH1 .stage .block .cont{height:1%}
.sectionH1 .stage .block .cont{display:block}
/**/

.sectionH1 .stage .block .cont dl{
float:right;
width:214px}

.sectionH1 .stage .block .cont .fig{
float:left;
width:128px}

.sectionH1 .stage .block .cont dl dt{
background:url(../../common/img/icon_001.gif) no-repeat 0 8px;
color:#a48145;
font-weight:bold;
margin:0 0 5px;
padding:0 0 0 10px}

.sectionH1 .stage .block .cont dl dd{line-height:160%}

/***********************************************/

.sectionH1 #tArea{position:relative}

.sectionH1 #tArea ul#tab{
position:absolute;
left:306px;
top:-5px}

.sectionH1 #tArea ul#tab li{
float:left;
margin:0 0 0 2px}

.sectionH1 #tArea ul#tab li a{
display:block;
overflow:hidden;
text-indent:-10000px;
height:33px;
width:130px}

.sectionH1 #tArea ul#tab li a span{text-indent:-10000px}

.sectionH1 #tArea ul#tab li.menu01 a{background:url(../img/common/btn01.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu02 a{background:url(../img/common/btn02.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu03 a{background:url(../img/common/btn03.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu04 a{background:url(../img/common/btn04.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu05 a{background:url(../img/common/btn05.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu06 a{background:url(../img/common/btn06.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu07 a{background:url(../img/common/btn07.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu08 a{background:url(../img/common/btn08.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu09 a{background:url(../img/common/btn09.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu10 a{background:url(../img/common/btn10.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu11 a{background:url(../img/common/btn11.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu12 a{background:url(../img/common/btn12.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu13 a{background:url(../img/common/btn13.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu14 a{background:url(../img/common/btn14.jpg) no-repeat}

.sectionH1 #tArea ul#tab li.menu01 a:hover{background:url(../img/common/btn01hover.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu02 a:hover{background:url(../img/common/btn02hover.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu03 a:hover{background:url(../img/common/btn03hover.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu04 a:hover{background:url(../img/common/btn04hover.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu05 a:hover{background:url(../img/common/btn05hover.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu06 a:hover{background:url(../img/common/btn06hover.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu07 a:hover{background:url(../img/common/btn07hover.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu08 a:hover{background:url(../img/common/btn08hover.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu09 a:hover{background:url(../img/common/btn09hover.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu10 a:hover{background:url(../img/common/btn10hover.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu11 a:hover{background:url(../img/common/btn11hover.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu12 a:hover{background:url(../img/common/btn12hover.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu13 a:hover{background:url(../img/common/btn13hover.jpg) no-repeat}
.sectionH1 #tArea ul#tab li.menu14 a:hover{background:url(../img/common/btn14hover.jpg) no-repeat}

html>body .sectionH1 #tArea ul#tab li.menu01.ui-state-active a{background:url(../img/common/btn01hover.jpg) no-repeat}
html>body .sectionH1 #tArea ul#tab li.menu02.ui-state-active a{background:url(../img/common/btn02hover.jpg) no-repeat}
html>body .sectionH1 #tArea ul#tab li.menu03.ui-state-active a{background:url(../img/common/btn03hover.jpg) no-repeat}
html>body .sectionH1 #tArea ul#tab li.menu04.ui-state-active a{background:url(../img/common/btn04hover.jpg) no-repeat}
html>body .sectionH1 #tArea ul#tab li.menu05.ui-state-active a{background:url(../img/common/btn05hover.jpg) no-repeat}
html>body .sectionH1 #tArea ul#tab li.menu06.ui-state-active a{background:url(../img/common/btn06hover.jpg) no-repeat}
html>body .sectionH1 #tArea ul#tab li.menu07.ui-state-active a{background:url(../img/common/btn07hover.jpg) no-repeat}
html>body .sectionH1 #tArea ul#tab li.menu08.ui-state-active a{background:url(../img/common/btn08hover.jpg) no-repeat}
html>body .sectionH1 #tArea ul#tab li.menu09.ui-state-active a{background:url(../img/common/btn09hover.jpg) no-repeat}
html>body .sectionH1 #tArea ul#tab li.menu10.ui-state-active a{background:url(../img/common/btn10hover.jpg) no-repeat}
html>body .sectionH1 #tArea ul#tab li.menu11.ui-state-active a{background:url(../img/common/btn11hover.jpg) no-repeat}
html>body .sectionH1 #tArea ul#tab li.menu12.ui-state-active a{background:url(../img/common/btn12hover.jpg) no-repeat}
html>body .sectionH1 #tArea ul#tab li.menu13.ui-state-active a{background:url(../img/common/btn13hover.jpg) no-repeat}
html>body .sectionH1 #tArea ul#tab li.menu14.ui-state-active a{background:url(../img/common/btn14hover.jpg) no-repeat}

.sectionH1 #tArea .ui-tabs-hide{display:none}