@charset "UTF-8";

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

baseLayout.css

--------------------------------------------------------------------------------

0. common
1. stage
2. header
3. contentsBody
4. footer
5. photo

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

/* -----------------------------------------------------------------------------
0. common
----------------------------------------------------------------------------- */
a {
outline : none;
}
a:link {}
a:visited {}
a:hover {
text-decoration : underline;
}
a:active {}

html {
width  : 100%;
height : 100%;
}

body {
width       : 100%;
min-width   : 1000px;
height      : 100%;
font-family : 'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', sans-serif;
background  : #ffffff;
}


/* -----------------------------------------------------------------------------
1. stage
----------------------------------------------------------------------------- */

#stage {
position   : relative;
clear      : both;
width      : 100%;
height     : 100%;
margin     : 0;
padding    : 0;
}

/* -----------------------------------------------------------------------------
2. header
----------------------------------------------------------------------------- */

#header {
position   : fixed;
width      : 100%;
height     : 70px;
margin     : 0;
padding    : 0;

z-index    : 10;
}

.ie6 #header {
position   : absolute;
cursor     : default;
background : url(/newsky/bedd/img/img_header_background.gif) repeat-x 0 0;
}

#header .innerBlock {
position   : relative;
width      : 100%;
height     : 70px;
margin     : 0;
padding    : 0;
background : #3e1107;

z-index    : 8;
}
.ie6 #header .innerBlock {
width      : 1000px;
margin     : 0 auto;
}

#header h1 {
position    : relative;
width       : 95px;
height      : 30px;
margin      : 0 auto;
padding-top : 21px;
}

#btn_kitchenGallery {
position   : absolute;
right      : 0;
top        : 0;
width      : 206px;
height     : 70px;
margin     : 0;
padding    : 0;
background : #746476;

z-index  : 9;
}
#btn_kitchenGallery a {
position    : relative;
display     : block;
width       : 206px;
height      : 70px;
line-height : 70px;
}
#btn_kitchenGallery a .arrow {
position  : absolute;
right     : 19px;
top       : 23px;
width     : 20px;
height    : 23px;
margin    : 0;
padding   : 0;
}

#nav_chef {
position      : fixed;
top           : 70px;
width         : 100%;
height        : 69px;
margin        : 0;
padding       : 0;
border-bottom : 1px #c7c7c7 solid;
background    : url(/newsky/bedd/img/img_background_alphaWhite.png) repeat 0 0;

z-index       : 7;
}
.ie6 #nav_chef {
width         : 1000px;
margin        : 0 auto;
background    : none;
}

#nav_chef ul {
width           : 900px;
margin          : 28px auto 0 auto;
padding         : 0;
list-style-type : none;
}
#nav_chef ul li {
position     : relative;
float        : left;
height       : 13px;
margin-right : 50px;!important
font-size    : 0;
text-indent  : -9999px;
line-height  : 13px;
}
#nav_chef ul li a {
display  : block;
position : relative;
height   : 13px;
}
#nav_chef ul li img {
display  : block;
position : absolute;
right    : -13px;
top      : -11px;
width    : 21px;
height   : 7px;
}
#nav_chef ul li.nav_kurogi {
width      : 42px;
background : url(/newsky/bedd/img/chefs/label_kurogi.png) no-repeat 0 0;
}
.ie6 #nav_chef ul li.nav_kurogi,
.ie7 #nav_chef ul li.nav_kurogi,
.ie8 #nav_chef ul li.nav_kurogi  {
background : url(/newsky/bedd/img/chefs/label_kurogi.gif) no-repeat 0 0;
}
#nav_chef ul li.nav_yamamoto a {
width  : 42px;
}

#nav_chef ul li.nav_yamamoto  {
width      : 52px;
background : url(/newsky/bedd/img/chefs/label_yamamoto.png) no-repeat 0 0;
}
.ie6 #nav_chef ul li.nav_yamamoto,
.ie7 #nav_chef ul li.nav_yamamoto,
.ie8 #nav_chef ul li.nav_yamamoto  {
background : url(/newsky/bedd/img/chefs/label_yamamoto.gif) no-repeat 0 0;
}
#nav_chef ul li.nav_yamamoto a {
width  : 52px;
}

#nav_chef ul li.nav_yamada {
width      : 62px;
background : url(/newsky/bedd/img/chefs/label_yamada.png) no-repeat 0 0;
}
.ie6 #nav_chef ul li.nav_yamada,
.ie7 #nav_chef ul li.nav_yamada,
.ie8 #nav_chef ul li.nav_yamada {
background : url(/newsky/bedd/img/chefs/label_yamada.gif) no-repeat 0 0;
}
#nav_chef ul li.nav_yamada a {
width  : 62px;
}

#nav_chef ul li.nav_kono {
width      : 66px;
background : url(/newsky/bedd/img/chefs/label_kono.png) no-repeat 0 0;
}
.ie6 #nav_chef ul li.nav_kono,
.ie7 #nav_chef ul li.nav_kono,
.ie8 #nav_chef ul li.nav_kono {
background : url(/newsky/bedd/img/chefs/label_kono.gif) no-repeat 0 0;
}
#nav_chef ul li.nav_kono a {
width  : 66px;
}

#nav_chef ul li.nav_uchiyama {width: 53px;background : url(/newsky/bedd/img/chefs/label_uchiyama.png) no-repeat 0 0;}
.ie6 #nav_chef ul li.nav_uchiyama,
.ie7 #nav_chef ul li.nav_uchiyama,
.ie8 #nav_chef ul li.nav_uchiyama {background : url(/newsky/bedd/img/chefs/label_uchiyama.gif) no-repeat 0 0;}
#nav_chef ul li.nav_uchiyama a {width  : 53px;}

#nav_chef ul li.nav_shimomura {
width      : 52px;
background : url(/newsky/bedd/img/chefs/label_shimomura.png) no-repeat 0 0;
}
.ie6 #nav_chef ul li.nav_shimomura,
.ie7 #nav_chef ul li.nav_shimomura,
.ie8 #nav_chef ul li.nav_shimomura {
background : url(/newsky/bedd/img/chefs/label_shimomura.gif) no-repeat 0 0;
}
#nav_chef ul li.nav_shimomura a {
width  : 52px;
}

#nav_chef ul li.nav_yoshitake {
width      : 54px;
background : url(/newsky/bedd/img/chefs/label_yoshitake.png) no-repeat 0 0;
}
.ie6 #nav_chef ul li.nav_yoshitake,
.ie7 #nav_chef ul li.nav_yoshitake,
.ie8 #nav_chef ul li.nav_yoshitake {
background : url(/newsky/bedd/img/chefs/label_yoshitake.gif) no-repeat 0 0;
}
#nav_chef ul li.nav_yoshitake a {
width  : 54px;
}

#nav_chef ul li.nav_sato {
width      : 52px;
background : url(/newsky/bedd/img/chefs/label_sato.png) no-repeat 0 0;
}
.ie6 #nav_chef ul li.nav_sato,
.ie7 #nav_chef ul li.nav_sato,
.ie8 #nav_chef ul li.nav_sato {
background : url(/newsky/bedd/img/chefs/label_sato.gif) no-repeat 0 0;
}
#nav_chef ul li.nav_sato a {
width  : 52px;
}

#nav_chef ul li.nav_suga {
width      : 54px;
background : url(/newsky/bedd/img/chefs/label_suga.png) no-repeat 0 0;
}
.ie6 #nav_chef ul li.nav_suga,
.ie7 #nav_chef ul li.nav_suga,
.ie8 #nav_chef ul li.nav_suga {
background : url(/newsky/bedd/img/chefs/label_suga.gif) no-repeat 0 0;
}
#nav_chef ul li.nav_suga a {
width  : 54px;
}


#nav_chef ul li.nav_hayashi {
width      : 53px;
margin     : 0;
background : url(/newsky/bedd/img/chefs/label_hayashi.png) no-repeat 0 0;
}
.ie6 #nav_chef ul li.nav_hayashi,
.ie7 #nav_chef ul li.nav_hayashi,
.ie8 #nav_chef ul li.nav_hayashi {
background : url(/newsky/bedd/img/chefs/label_hayashi.gif) no-repeat 0 0;
}
#nav_chef ul li.nav_hayashi a {
width  : 53px;
}

/* -----------------------------------------------------------------------------
3. contentsBody
----------------------------------------------------------------------------- */

#contentsBody {
position   : relative;
width      : 100%;
margin     : 0;
padding    : 0;
background : #ffffff;

z-index    : 1;
}
#contentsBody .innerBlock {
width       : 1000px;
margin      : 0 auto;
padding-top : 140px;
}

#news {
position    : relative;
width       : 820px;
height      : 10px;
margin      : 0 auto;
padding     : 40px 0 0 0;
}
#news p {
margin     : 0;
font-size  : 77%;
text-align : center;
}
#news p span {
font-weight : bold;
}
/**
* newsが入るときは下記
*/
/*
#intro {
position    : relative;
width       : 820px;
margin      : 0 auto;
padding-top : 40px;
}
*/
#intro {
position    : relative;
width       : 820px;
margin      : 0 auto;
padding-top : 80px;
}
#intro .imgLeft {
float   : left;
width   : 400px;
height  : 400px;
margin  : 0;
padding : 0;
}
#intro .imgRight {
float   : right;
width   : 400px;
height  : 400px;
margin  : 0;
padding : 0;
}
#intro ul.slideShow {
position        : relative;
width           : 400px;
height          : 400px;
margin          : 0;
padding         : 0;
list-style-type : none;
overflow        : hidden;
visibility      : hidden;
}
#intro ul.slideShow li {
position    : absolute;
left        : 0;
top         : 0;
clip        : rect(0px 400px 400px 0px);
}

#intro h2 {
float      : left;
width      : 820px;
margin     : 69px auto 0 auto;
padding    : 0;
text-align : center;
}
#intro h2 img {
vertical-align : top;
}

#title {
position    : relative;
width       : 142px;
margin      : 150px auto 0 auto;
padding     : 0;
text-align  : center;
}
#title .lay2col {
position        : relative;
left            : 0;
width           : 142px;
height          : 66px;
margin          : 50px auto 0 auto;
padding         : 0;
text-align      : left;
list-style-type : none;
}
#title .lay2col .col1 {
position : relative;
width    : 66px;
height   : 66px;
}
#title .lay2col .col2 {
position : relative;
width    : 66px;
height   : 66px;
}
#title .lay2col .rollover {
position : absolute;
width    : 66px;
height   : 66px;
}

#chefs {
position    : relative;
width       : 1000px;
margin      : 145px auto 0 auto;
padding-top : 20px;
}
#chefs h3 {
text-align : center;
}

#chefs .nav {
	position        : relative;
	width           : 900px;
	margin          : 49px auto 0 auto;
	padding         : 0;
	list-style-type : none;
}
#chefs .nav2 {
	position        : relative;
	width           : 710px;
	/*width           : 520px;*/
	margin          : 49px auto 0 auto;
	padding         : 0;
	list-style-type : none;
}
#chefs .nav li,#chefs .nav2 li {
position     : relative;
float        : left;
width        : 140px;
margin-right : 50px;
}
#chefs .nav li.last-child,#chefs .nav2 li.last-child {
margin-right : 0;
}
#chefs .nav li .icon_new,#chefs .nav2 li .icon_new {
display         : block;
position        : absolute;
right           : -20px;
top             : -20px;
width           : 40px;
height          : 40px;
margin          : 0;
padding         : 0;
z-index         : 100;
}
#chefs .nav li a,#chefs .nav2 li a {
display         : block;
position        : relative;
width           : 140px;
padding-top     : 140px;
text-align      : center;
text-align      : left;
text-decoration : none;
}
#chefs .nav li .image,#chefs .nav2 li .image {
	position    : absolute;
	left        : 0;
	top         : 0;
	width       : 140px;
	height      : 140px;
	overflow    : hidden;
	cursor      : pointer;
}
#chefs .nav li .image .rollover,#chefs .nav2 li .image .rollover {
position : absolute;
left     : 0;
top      : 0;
width    : 140px;
height   : 140px;
}

#chefs .nav .name,#chefs .nav2 .name {
margin-top : 19px;
}
#chefs .nav .profile,#chefs .nav2 .profile {
margin-top      : 18px;
color           : #000000;
font-size       : 75%;
text-decoration : none;
}

#chefs .nav:after,#chefs .nav2:after {
content    : ".";
display    : block;
height     : 0;
clear      : both;
visibility : hidden;
}
#chefs .nav,#chefs .nav2 { display : inline-block; }
/* Hides from IE-mac \*/
* html #chefs .nav,* html #chefs .nav2 { height : 1%; }
#chefs .nav,#chefs .nav2 { display : block; }
/* End hide from IE-mac */

#chefs .body {
position        : relative;
width           : 502px;
margin          : 60px auto 0 auto;
padding         : 0;
list-style-type : none;
}

#chefs .section_chef {
position      : relative;
width         : 502px;
margin-bottom : 100px;
}
#chefs .last-child {
margin-bottom : 0;
}

#chefs .icon_new {
display         : block;
position        : absolute;
right           : -30px;
top             : -30px;
width           : 61px;
height          : 61px;
margin          : 0;
padding         : 0;
z-index         : 100;
}

#chefs .section_chef .classLogo {
position        : absolute;
left            : 20px;
bottom          : 20px;
width           : 133px;
height          : 66px;
margin          : 0;
padding         : 0;
list-style-type : none;
z-index         : 1000;
}

*:first-child+html #chefs .section_chef .classLogo {  
position        : absolute;
left            : 20px;
bottom          : 25px;
width           : 133px;
height          : 66px;
margin          : 0;
padding         : 0;
list-style-type : none;
z-index         : 1000; 
}

#chefs .section_chef .classLogo .col1 {
position : relative;
width    : 66px;
height   : 66px;
}
#chefs .section_chef .classLogo .col2 {
position : relative;
width    : 66px;
height   : 66px;
}

#chefs .sectionBody {
position : relative;
width    : 460px;
margin   : 0;
padding  : 20px;
border   : 1px #c8c8c8 solid;
}
#chefs .sectionBody .col_image {
position : relative;
float    : left;
width    : 140px;
margin   : 0;
padding  : 0;
}
#chefs .sectionBody .col_profile {
position : relative;
float    : right;
width    : 300px;
margin   : 0;
padding  : 9px 0 0 0;
}
#chefs .sectionBody .col_profile h4 {
margin      : 0;
}
#chefs .sectionBody .col_profile span {
margin      : 0 0 0 19px;
}
#chefs .sectionBody .col_profile p {
margin      : 14px 0 0 0;
font-size   : 85%;
line-height : 1.4;
}
#chefs .sectionBody .col_cuisine {
position : relative;
float    : left;
width    : 460px;
margin   : 20px 0 0 0;
padding  : 0;
}

#chefs .sectionBody:after {
content    : ".";
display    : block;
height     : 0;
clear      : both;
visibility : hidden;
}
#chefs .sectionBody { display : inline-block; }
/* Hides from IE-mac \*/
* html #chefs .sectionBody { height : 1%; }
#chefs .sectionBody { display : block; }
/* End hide from IE-mac */

#chefs .route {
margin     : 9px 0 0 0;
color      : #636363;
font-size  : 75%;
text-align : center;
}
#chefs .route span {
font-weight : bold;
}

#kids {
position    : relative;
width       : 820px;
margin      : 0 auto;
}

#kids .body{
position    : relative;
width       : 780px;
margin      : 0 auto;
padding  : 0 18px;
border   : 1px #c8c8c8 solid;
}

#kids .floatL {
float   : left;
width   : 372px;
margin  : 18px 0;
padding : 0;
}
#kids .floatR {
float   : right;
width   : 372px;
margin  : 18px 0 0 0;
padding : 0;
}
#kids .col_image {
position : relative;
float    : left;
width    : 98px;
margin   : 0;
padding  : 0;
}
#kids .col_profile {
position : relative;
float    : right;
width    : 260px;
margin  : 0;
padding  : 0;
}
#kids .col_profile .name {
margin  : 0 10px 0 0;
padding : 0;
}

#kids .col_profile h4 {
margin      : 0;
}
#kids .col_profile span {
margin      : 0;
}
#kids .col_profile p {
margin      : 5px 0 0 3px;
font-size   : 80%;
}

#kids .col_image2 {
position : relative;
float    : left;
width    : 372px;
margin   : 0;
padding  : 20px 0 0 0;
}

/* -----------------------------------------------------------------------------
4. footer
----------------------------------------------------------------------------- */

#footer {
position   : relative;
width      : 100%;
margin     : 100px auto 0 auto;
padding    : 0;

z-index    : 10;
}
#footer .innerBlock {
width       : 1000px;
margin      : 0 auto;
}

.socialButton {
position        : relative;
width           : 300px!important;
height          : 20px;
margin          : 0 auto;
padding         : 0;
list-style-type : none;
}
.socialButton li {
float        : left;
margin-right : 6px;
overflow     : hidden;
}
.socialButton li.tweet {
width : 62px !important;
}
.socialButton li.like {
width : 52px !important;
}
.socialButton li.googlePlus {
width : 58px;
}
.socialButton li.mixiCheck {
width : 70px;
}
.socialButton li.hatena {
width : 20px;
margin-right : 0;
}

/*
win Webkit adjustment
*/
.win_webkit .socialButton {
width : 291px;
}
.win_webkit .socialButton li.tweet { width : 60px; }
.win_webkit .twitter-share-button { width: 90px !important; }
.win_webkit .socialButton li.like { width : 45px; }
.win_webkit .socialButton li.googlePlus { width : 60px; }

.winXP_webkit .socialButton {
width : 291px;
}
.winXP_webkit .socialButton li.tweet { width : 60px; }
.winXP_webkit .twitter-share-button { width: 90px !important; }
.winXP_webkit .socialButton li.like { width : 45px; }
.winXP_webkit .socialButton li.googlePlus { width : 60px; }

/*
win Firefox adjustment
*/
.win_firefox .socialButton {
width : 276px;
}
.win_firefox .socialButton li.tweet { width : 58px; }
.win_firefox .twitter-share-button { width: 90px !important; }
.win_firefox .socialButton li.like { width : 45px; }
.win_firefox .socialButton li.googlePlus { width : 59px; }

.winXP_firefox .socialButton {
width : 276px;
}
.winXP_firefox .socialButton li.tweet { width : 58px; }
.winXP_firefox .twitter-share-button { width: 90px !important; }
.winXP_firefox .socialButton li.like { width : 45px; }
.winXP_firefox .socialButton li.googlePlus { width : 59px; }

/*
IE6 adjustment
*/
.ie6 .socialButton {
width : 229px;
}
.ie6 .socialButton li.tweet { width : 59px; }
.ie6 .twitter-share-button { width: 90px !important; }
.ie6 .socialButton li.like { width : 48px; }
.ie6 .socialButton li.googlePlus { display : none; }
/*
IE7 adjustment
*/
.ie7 .socialButton {
width : 229px;
}
.ie7 .socialButton li.tweet { width : 59px; }
.ie7 .twitter-share-button { width: 90px !important; }
.ie7 .socialButton li.like { width : 48px; }
.ie7 .socialButton li.googlePlus { display : none; }
/*
IE8 adjustment
*/
.ie8 .socialButton {
width : 277px;
}
.ie8 .socialButton li.tweet { width : 59px; }
.ie8 .twitter-share-button { width: 90px !important; }
.ie8 .socialButton li.like { width : 45px; }
.ie8 .socialButton li.googlePlus { width : 59px; }

.winXP_ie8 .socialButton {
width : 277px;
}
.winXP_ie8 .socialButton li.tweet { width : 59px; }
.XPie8 .twitter-share-button { width: 90px !important; }
.winXP_ie8 .socialButton li.like { width : 45px; }
.winXP_ie8 .socialButton li.googlePlus { width : 59px; }

.socialButton:after {
content    : ".";
display    : block;
height     : 0;
clear      : both;
visibility : hidden;
}
.socialButton { display : inline-block; }
/* Hides from IE-mac \*/
* html .socialButton { height : 1%; }
.socialButton { display : block; }
/* End hide from IE-mac */

#logo_JAL {
display         : block;
position        : relative;
width           : 83px;
height          : 44px;
margin          : 50px auto 0 auto;
padding         : 0;
}

#footer .copyrights {
display         : block;
position        : relative;
width           : 220px;
height          : 11px;
margin          : 30px auto 0 auto;
padding         : 0 0 30px 0;
}

#btn_pagetop {
position     : fixed;
right        : 0;
bottom       : 0;
width        : 80px;
height       : 80px;
border-top   : 1px #c7c7c7 solid;
border-left  : 1px #c7c7c7 solid;
}
.ie6 #btn_pagetop {
position     : absolute;
right        : 0;
bottom       : 0;
width        : 80px;
height       : 80px;
border-top   : 1px #c7c7c7 solid;
border-left  : 1px #c7c7c7 solid;
}

.mgt45{
margin-top:45px;
}

.mgb60{
	margin-bottom:60px;
}

.mgb30{
	margin-bottom:30px;
}

.alC{
	text-align:center;
}

/* -----------------------------------------------------------------------------
5. photo
----------------------------------------------------------------------------- */
.fadeArea{position:relative;}
.fadeBlock{margin:0;padding:0;}
.fadeBlock li{list-style:none;position:absolute;}
.fadeBlock li span{position:absolute;top:234px;left:0;}
.fadeBlock li span img{margin-right:2px;}
.fadeNavi{position:absolute;right:10px;top:8px;margin:0;padding:0;z-index:5;}
.fadeNavi li{list-style:none;float:left;margin-left:5px;}
.fadeNavi li a{outline:none;display:block;width:12px;height:12px;text-indent:-9999px;overflow:hidden;background:url(/newsky/bedd/img/bedd_btn001.gif) no-repeat left top;}
.fadeNavi li a:hover{background-position:left -12px;}
.fadeNavi li.on a,.fadeNavi li.on a:hover{background-position:left -24px;}
.JS_eelm_ft{height:400px;}
.JS_ebase_fc{height:300px;}	
.visHid{visibility:hidden !important;};
.disNon{display:none !important;