@charset "UTF-8";

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

baseLayout.css

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

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

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

/* -----------------------------------------------------------------------------
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   : 1002px;
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/kitchen_gallery/img/img_header_background.gif) repeat-x 0 0;
}

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

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

#header h1 {
position    : relative;
width       : 171px;
height      : 33px;
margin      : 0 auto;
padding-top : 18px;
}

#btn_bedd {
position   : absolute;
left       : 0;
top        : 0;
width      : 206px;
height     : 70px;
margin     : 0;
padding    : 0;
background : #3e1107;

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

#nav_menu {
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_menu {
width         : 1002px;
margin        : 0 auto;
background    : none;
}

#nav_menu ul {
width           : 917px;
margin          : 28px auto 0 auto;
padding         : 0;
list-style-type : none;
}
#nav_menu ul li {
position     : relative;
float        : left;
height       : 15px;
margin-right : 40px;
font-size    : 0;
text-indent  : -9999px;
line-height  : 15px;
}
#nav_menu ul li a {
display : block;
height  : 15px;
}
#nav_menu ul li.nav_airSeries {
width      : 109px;
background : url(/en/newsky/kitchen_gallery/img/menu/label_airSeries.png) no-repeat 0 0;
}
.ie6 #nav_menu ul li.nav_airSeries,
.ie7 #nav_menu ul li.nav_airSeries,
.ie8 #nav_menu ul li.nav_airSeries {
background : url(/en/newsky/kitchen_gallery/img/menu/label_airSeries.gif) no-repeat 0 0;
}
#nav_menu ul li.nav_airSeries a {
width  : 109px;
}

#nav_menu ul li.nav_classJ {
width      : 187px;
background : url(/en/newsky/kitchen_gallery/img/menu/label_classJ.png) no-repeat 0 0;
}
.ie6 #nav_menu ul li.nav_classJ,
.ie7 #nav_menu ul li.nav_classJ,
.ie8 #nav_menu ul li.nav_classJ {
background : url(/en/newsky/kitchen_gallery/img/menu/label_classJ.gif) no-repeat 0 0;
}
#nav_menu ul li.nav_classJ a {
width  : 187px;
}

#nav_menu ul li.nav_collabo {
width      : 93px;
background : url(/en/newsky/kitchen_gallery/img/menu/label_collabo.png) no-repeat 0 0;
}
.ie6 #nav_menu ul li.nav_collabo,
.ie7 #nav_menu ul li.nav_collabo,
.ie8 #nav_menu ul li.nav_collabo {
background : url(/en/newsky/kitchen_gallery/img/menu/label_collabo.gif) no-repeat 0 0;
}
#nav_menu ul li.nav_collabo a {
width  : 93px;
}

#nav_menu ul li.nav_premium {
width      : 196px;
margin     : 0;
background : url(/en/newsky/kitchen_gallery/img/menu/label_premium.png) no-repeat 0 0;
}
.ie6 #nav_menu ul li.nav_premium,
.ie7 #nav_menu ul li.nav_premium,
.ie8 #nav_menu ul li.nav_premium{
background : url(/en/newsky/kitchen_gallery/img/menu/label_premium.gif) no-repeat 0 0;
}
#nav_menu ul li.nav_premium a {
width  : 196px;
}

#nav_menu ul li.nav_iijima {
width      : 136px;

background : url(/en/newsky/kitchen_gallery/img/menu/label_iijima02.png) no-repeat 0 0;
}
.ie6 #nav_menu ul li.nav_iijima,
.ie7 #nav_menu ul li.nav_iijima,
.ie8 #nav_menu ul li.nav_iijima{
background : url(/en/newsky/kitchen_gallery/img/menu/label_iijima02.gif) no-repeat 0 0;
}
#nav_menu ul li.nav_premium a {
width  : 136px;
}


#nav_menu ul li.nav_hokkaido {
width      : 156px;

background : url(/en/newsky/kitchen_gallery/img/menu/label_en_hokkaido.png) no-repeat 0 0;
}
.ie6 #nav_menu ul li.nav_hokkaido,
.ie7 #nav_menu ul li.nav_hokkaido,
.ie8 #nav_menu ul li.nav_hokkaido{
background : url(/en/newsky/kitchen_gallery/img/menu/label_en_hokkaido.gif) no-repeat 0 0;
}
#nav_menu ul li.nav_hokkaido a {
width  : 156px;
}
/* -----------------------------------------------------------------------------
3. contentsBody
----------------------------------------------------------------------------- */

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

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

#intro {
position    : relative;
width       : 820px;
margin      : 0 auto;
padding-top : 80px;
}
#intro ul {
width           : 630px;
height          : 400px;
margin          : 0 auto;
padding         : 0;
list-style-type : none;
overflow        : hidden;
}
#intro ul li {
position : relative;
float    : left;
width    : 190px;
height   : 190px;
margin   : 0 20px 20px 0;
padding  : 0;
}

#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       : 292px;
margin      : 150px auto 0 auto;
padding-top : 0;
}
#title .lay2col {
position        : relative;
width           : 142px;
height          : 66px;
margin          : 50px auto 0 auto;
padding         : 0;
list-style-type : none;
}
#title .lay2col .col1 {
position : relative;
width    : 66px;
height   : 66px;
}
#title .lay2col .col2 {
position : relative;
width    : 66px;
height   : 66px;
}

#menu {
position    : relative;
width       : 1002px;
margin      : 150px auto 0 auto;
padding-top : 0;
}
#menu h3 {
text-align : center;
}

#menu .nav {
position        : relative;
width           : 870px;
margin          : 0 auto;
padding         : 0;
list-style-type : none;
}
#menu .nav li {
float        : left;
width        : 140px;
margin-right : 40px;
}
#menu .nav li.last-child {
margin-right : 0;
}
#menu .nav li a {
display         : block;
position        : relative;
width           : 140px;
padding-top     : 140px;
text-align      : center;
text-decoration : none;
}
#menu .nav li .image {
position    : absolute;
left        : 0;
top         : 0;
width       : 140px;
height      : 140px;
overflow    : hidden;
cursor      : pointer;
text-align      : left;
}
#menu .nav li .image .rollover {
  position : absolute;
  left     : 0;
  top      : 0;
  width    : 140px;
  height   : 140px;
  }

#menu .nav .name {
margin-top : 19px;
}
#menu .nav li.second-child .name {
margin-left: -20px;
}
#menu .nav .profile {
margin-top      : 16px;
color           : #000000;
font-size       : 77%;
text-decoration : none;
}

#menu .nav:after {
content    : ".";
display    : block;
height     : 0;
clear      : both;
visibility : hidden;
}
#menu .nav { display : inline-block; }
/* Hides from IE-mac \*/
* html #menu .nav { height : 1%; }
#menu .nav { display : block; }
/* End hide from IE-mac */
	  
#menu .body {
position        : relative;
width           : 1002px;
margin          : 100px auto 0 auto;
padding         : 0;
list-style-type : none;
}

#menu .body .classLogo {
position        : absolute;
right           : 21px;
top             : 21px;
width           : 133px;
height          : 66px;
margin          : 0;
padding         : 0;
list-style-type : none;
z-index         : 100;
}

#menu .body .classLogo2 {
position        : absolute;
right           : 21px;
top             :0;
width           : 133px;
height          : 66px;
margin          : 0;
padding         : 0;
list-style-type : none;
z-index         : 100;
}
#menu .body .classLogo .col1 {
position : relative;
width    : 66px;
height   : 66px;
}
#menu .body .classLogo .col2 {
position : relative;
width    : 66px;
height   : 66px;
}

#menu .route {
margin      : 7px 0 0 0;
color       : #636363;
font-size   : 77%;
line-height : 1.5;
text-align  : center;
}
#menu .route span {
font-weight : bold;
}

/**
* 3 column
*/
#menu .section_3col {
position      : relative;
width         : 1002px;
margin        : 0 auto 100px auto;
}
#menu .section_3col .sectionBody {
position : relative;
width    : 1000px;
margin   : 0;
padding  : 0;
border   : 1px #c8c8c8 solid;
}
#menu .section_3col .sectionBody .col_left {
	float        : left;
	width        : 308px;
	padding      : 90px 18px 30px 20px;
}
#menu .section_3col .sectionBody .col_center {
	float        : left;
	width        : 308px;
	padding      : 90px 18px 30px 0;
}	
#menu .section_3col .sectionBody .col_right {
	float        : right;
	width        : 308px;
	padding      : 90px 20px 30px 0;
}

#menu .section_3col .sectionBody .col_left h3 {
position   : absolute;
left       : 25px;
top        : 465px;
margin     : 0;
padding    : 0;
text-align : left;
}
#menu .section_3col .sectionBody .floatL h3 {
	position   : absolute;
	left       : 24px;
	top        : 29px;
	margin     : 0;
	padding    : 0;
	text-align : left;
}  
#menu .section_3col .sectionBody .col_left .example {
	position   : absolute;
	left       : 26px;
	top        : 485px;
	margin     : 0;
	padding    : 0;
	color      : #636363;
	font-size  : 77%;
	text-align : left;
}
#menu .section_2col .sectionBody .col_right .example {
	position   : absolute;
	left       : 522px;
	top        : 60px;
	margin     : 0 !important;
	padding    : 0 !important;
	color      : #636363;
	font-size  : 77% !important;
	text-align : left;
}
.sectionBody .floatL .example02 {
	position   : absolute;
	left       : 20px;
	top        : 51px;
	margin     : 0;
	padding    : 0;
	color      : #636363;
	font-size  : 77%;
	text-align : left;
	width: 113px;
	height: 28px;
}
#menu .section_3col .sectionBody h4 {
  margin      : 7px 0 0 0;
  padding     : 0 7px;
  font-size   : 85%;
  line-height : 1.4;
  }
#menu .section_3col .sectionBody p {
  margin      : 1px 0 0 0;
  padding     : 0 7px;
  font-size   : 85%;
  line-height : 1.4;
  }
/**
* 3 column
*/
#menu .section_3col_02 {
position      : relative;
width         : 1002px;
margin        : 0 auto 50px auto;
}
#menu .section_3co_02l .sectionBody {
position : relative;
width    : 1000px;
margin   : 0;
padding  : 0;
border   : 1px #c8c8c8 solid;
}
#menu .section_3col_02 .sectionBody .col_left {
	float        : left;
	width        : 471px;
	padding      : 150px 18px 10px 20px;
}

#menu .section_3col_02 .sectionBody .col_center {
	float        : left;
	width        : 308px;
	padding      : 150px 18px 10px 0;
}	
#menu .section_3col_02 .sectionBody .col_right {
	float        : right;
	width        : 471px;
	padding      : 150px 20px 10px 0;
}

#menu .section_3col_02 .sectionBody .col_left h3 {
	position   : absolute;
	left       : 24px;
	top        : 30px;
	margin     : 0;
	padding    : 0;
	text-align : left;
}
#menu .section_3col_02 .sectionBody .floatL h3 {
	position   : absolute;
	left       : 24px;
	top        : 29px;
	margin     : 0;
	padding    : 0;
	text-align : left;
}
#menu .section_3col_02 .sectionBody .col_left .example {
	position   : absolute;
	left       : 24px;
	top        : 110px;
	margin     : 0;
	padding    : 0;
	color      : #636363;
	font-size  : 77%;
	text-align : left;
	width: 68px;
}

#menu .section_3col_02 .sectionBody .col_left .logo-soup {
	position   : absolute;
	left       : 24px;
	top        : 70px;
	margin     : 0;
	padding    : 0;
	color      : #636363;
	font-size  : 77%;
	text-align : left;
}

#menu .section_3col_02 .sectionBody h4 {
margin      : 7px 0 0 0;
padding     : 0 7px;
font-size   : 85%;
line-height : 1.4;
}
#menu .section_3col_02 .sectionBody p {
margin      : 1px 0 0 0;
padding     : 0 7px;
font-size   : 85%;
line-height : 1.4;
}

#menu .collabo {
    border: 1px solid #C8C8C8;
    margin: 0 0 100px 0;
    padding: 0;
    position: relative;
    width: 1000px;
}

/**
* 2 column
*/
#menu .section_2col {
position      : relative;
width         : 1002px;
margin        : 0 auto 100px auto;
}
#menu .section_2col p.floatLeft {
float        : left;
width        : 500px;
}
#menu .section_2col p.floatRight {
float        : right;
width        : 500px;
}
#menu .section_2col .sectionBody {
position : relative;
width    : 1000px;
margin   : 0;
padding  : 0;
border   : 1px #c8c8c8 solid;
}
#menu .section_2col .sectionBody .col_left {
	float        : left;
	width        : 471px;
	padding      : 109px 18px 5px 20px;
}
#menu #menu_classJ .sectionBody .col_left {
	padding      : 141px 18px 30px 20px;
}
#menu #menu_premium .sectionBody .col_left {
width        : 469px;
padding      : 170px 20px 30px 20px;
}
#menu .section_2col .sectionBody .col_left .col_left {
  float        : left;
  width        : 226px !important;
  padding      : 0 !important;
  border-right : none;
  }
#menu .section_2col .sectionBody .col_left .col_right {
  float        : right;
  width        : 226px;
  padding      : 0 !important;
  border-right : none;
  }
#menu .section_2col .sectionBody .col_right {
	float        : right;
	width        : 471px;
	padding      : 109px 20px 5px 0;
}
#menu #menu_classJ .sectionBody .col_right {
	padding      : 141px 20px 30px 0;
}
#menu #menu_premium .sectionBody .col_right {
padding-top  : 170px;
}
#menu .section_2col .sectionBody .col_right .col_left {
  float        : left;
  width        : 226px !important;
  padding      : 0 !important;
  border-right : none;
  }
#menu .section_2col .sectionBody .col_right .col_right {
  float        : right;
  width        : 226px;
  padding      : 0 !important;
  border-right : none;
  }

#menu .section_2col .sectionBody .col_left h3 {
  position   : absolute;
  left       : 30px;
  top        : 30px;
  margin     : 0;
  padding    : 0;
  text-align : left;
  }
#menu .section_2col .sectionBody .col_left .example {
	position   : absolute;
	left       : 26px;
	top        : 60px;
	margin     : 0 !important;
	padding    : 0 !important;
	color      : #636363;
	font-size  : 77% !important;
	text-align : left;
	width: 71px;
	height: 26px;
  }
#menu .section_2col .sectionBody .col_left .btn_sst {
	position   : absolute;
	left       : 1px;
	top        : 2px;
	width      : 153px;
	height     : 26px;
	margin     : 0;
	padding    : 0;
	text-align : left;
  }
#menu .section_2col .sectionBody h4 {
  margin      : 7px 0 0 0;
  padding     : 0 7px;
  font-size   : 85%;
  line-height : 1.4;
  }
#menu #menu_premium .sectionBody h4 {
  margin      : 10px 0 0 0;
  padding     : 0 0 0 10px;
  font-size   : 85%;
  line-height : 1.4;
  }
#menu .section_2col .sectionBody p {
  margin      : 7px 0 0 0;
  padding     : 0 7px;
  font-size   : 85%;
  line-height : 1.4;
  }
#menu .section_2col .sectionBody .col_left .logo-ore {
	position   : absolute;
	left       : 14px;
	top        : 6px;
	margin     : 0;
	padding    : 0;
	color      : #636363;
	font-size  : 77%;
	text-align : left;
	width: 153px;
	height: 43px;
}

#menu .section_2col .sectionBody .col_right .logo-kua {
	position   : absolute;
	left       : 512px;
	top        : 8px;
	margin     : 0;
	padding    : 0;
	color      : #636363;
	font-size  : 77%;
	text-align : left;
}  
  
#menu #menu_premium .sectionBody p {
  margin      : 20px 0 0 0;
  padding     : 0 0 0 10px;
  font-size   : 85%;
  line-height : 1.4;
  }

#menu .last-child {
margin-bottom : 0;
}


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


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

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

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

	.socialButton{margin:0 auto;width:175px;}
	.socialButton li{float:left;margin-right : 6px;list-style:none;overflow:hidden;}
	.socialButton li.tweet{width:56px;}
	.socialButton li.like{width:48px;}
	.socialButton li.googlePlus{width:59px;margin-right:0;}	
.socialButton li {
float        : left;
margin-right : 6px;
overflow     : hidden;
}
.socialButton li.tweet {
width : 56px;
}
.socialButton li.like {
width : 48px;
}
.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 : 200px;
}
.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;
}
.floatL{
float : left;
width : 418px;
padding : 109px 18px 30px 20px;
}

.floatR{
float:right;
width:506px;
padding : 109px 18px 30px 20px;
}

.mgt10{
margin-top:10px;
}


.sectionBody .txt {
margin      : 7px 0 0 0;
padding     : 0 7px;
font-size   : 85%;
line-height : 1.4;
}