@charset "UTF-8";



/* --------------------------------
	body
-------------------------------- */

body { background:#fff; }
div#bg { height:100%; }
div#bg_bg { height:100%; }



/* --------------------------------
	コンテナ
-------------------------------- */

div#container { height:100%; }
div#container_bg { height:100%; background:#fff; }


/* --------------------------------
	Flashコンテンツ
-------------------------------- */

div#flashcontent { position:absolute; width:100%; }
div#flashcontent_flash {}


/* Flash代替要素
-------------------------------- */

div#flashcontent_alt { margin:0 auto 0 auto; width:1003px; background:#fff; }

/* ヘッダー */
div#flashcontent_alt #header { position:relative; width:1003px; }
div#flashcontent_alt #header h1 { position:relative; width:1060px; margin:0 -29px 0 -28px; }
div#flashcontent_alt #header .titel_btn { position:absolute; width:159px; left:772px; top:9px; }

/* グローバルナビ */
div#flashcontent_alt div#gnav { width:646px; background:url(../img/index/gnav_bg_b.gif) no-repeat right bottom; float:left; }
div#flashcontent_alt div#gnav ul { padding:0 0 11px 66px; width:580px; background:no-repeat left bottom; }
div#flashcontent_alt div#gnav ul li { float:left; }
div#flashcontent_alt div#gnav ul li a { display:block; }
div#flashcontent_alt div#gnav ul li a img { position:relative; }
div#flashcontent_alt div#gnav ul li p {}
div#flashcontent_alt div#gnav ul li ul { padding-bottom:0; padding-left:0; width:auto; background:none; }
div#flashcontent_alt div#gnav ul li ul li {}

body.group div#flashcontent_alt div#gnav ul { background-image:url(../common/img/gnav_bg_b_group.gif); }
body.company div#flashcontent_alt div#gnav ul { background-image:url(../common/img/gnav_bg_b_company.gif); }
body.brands div#flashcontent_alt div#gnav ul { background-image:url(../common/img/gnav_bg_b_brands.gif); }
body.csr div#flashcontent_alt div#gnav ul { background-image:url(../common/img/gnav_bg_b_csr.gif); }
body.recruitment div#flashcontent_alt div#gnav ul { background-image:url(../common/img/gnav_bg_b_recruitment.gif); }
body.enjoyment div#flashcontent_alt div#gnav ul { background-image:url(../common/img/gnav_bg_b_enjoyment.gif); }

body.group div#flashcontent_alt div#gnav ul li.group a,
body.company div#flashcontent_alt div#gnav ul li.japan ul li.company a,
body.brands div#flashcontent_alt div#gnav ul li.japan ul li.brands a,
body.recruitment div#flashcontent_alt div#gnav ul li.japan ul li.recruitment a,
body.enjoyment div#flashcontent_alt div#gnav ul li.japan ul li.enjoyment a,
body.csr div#flashcontent_alt div#gnav ul li.csr a { margin:0 0 0 -1px; }

/* サイト内検索 */
div#search { width:199px; min-height:68px; background:url(../img/index/search_bg_b.gif) no-repeat left bottom; float:left; }
* html div#search { height:68px; }/* IE 6 以前 */

div#search label { display:block; padding:22px 0 0 0; width:40px; float:left; }
div#search .q { display:block; padding:17px 0 0 0; width:125px; float:left; }
div#search .q input { border:1px solid #b7b7b7; padding:0 3px 0 3px; width:112px; font-size:75%; line-height:1.417; }
*:first-child+html div#search .q input { height:17px; }/* IE 7 */
* html div#search .q input { height:17px; }/* IE 6 以前 */
div#search .btn { display:block; padding:17px 0 0 0; width:23px; float:left; }

/* コンテント */
div#flashcontent_alt #content { margin:8px 0 0 86px; width:917px; }
div#flashcontent_alt #content #message { position:relative; width:705px; }
div#flashcontent_alt #content #message .section { position:relative; width:705px; height:182px; }
div#flashcontent_alt #content #message .section .txt {}
div#flashcontent_alt #content #message .section .btn_01 { position:absolute; left:28px; top:141px; cursor:pointer; }
div#flashcontent_alt #content #message .section .btn_01 img { display:block; }
div#flashcontent_alt #content #message #jp .btn_01 { width:61px; }
div#flashcontent_alt #content #message #en .btn_01 { width:72px; }
div#flashcontent_alt #content #message #jp .btn_02 { position:absolute; width:120px; left:100px; top:141px; }
div#flashcontent_alt #content #message #jp .btn_02 img { display:block; }
div#flashcontent_alt #content #message #en { display:none; position:absolute; left:0; top:0; }

div#flashcontent_alt #content #maincontent { width:700px; float:right; }
div#flashcontent_alt #content #maincontent #topics { padding:10px 0 0 0; width:400px; }
div#flashcontent_alt #content #maincontent #topics .section { margin:20px 0 0 0; background:url(../img/index/topics_bg.gif) repeat-y left top; }
div#flashcontent_alt #content #maincontent #topics .section h2 {}
div#flashcontent_alt #content #maincontent #topics .section .leadmore { position:relative; margin:-15px 0 0 135px; width:39px; }
div#flashcontent_alt #content #maincontent #topics .section .leadmore a { display:block; }
div#flashcontent_alt #content #maincontent #topics .section .detail { position:relative; padding:5px 0 5px 0; }
div#flashcontent_alt #content #maincontent #topics .section .detail dl { padding:1px 0 0 13px; font-size:110%; }
div#flashcontent_alt #content #maincontent #topics .section .detail dl dt { width:78px; word-wrap:break-word; white-space:normal; float:left; }
div#flashcontent_alt #content #maincontent #topics .section .detail dl dd { width:300px; float:left; }

div#flashcontent_alt #content #maincontent #lineup { position:relative; margin:44px 0 0 6px; padding:0 0 39px 0; width:482px; background:url(../img/index/lineup_bg_b.jpg) no-repeat left bottom; }
div#flashcontent_alt #content #maincontent #lineup ul.list { width:482px; font-size:0; line-height:1; }
div#flashcontent_alt #content #maincontent #lineup ul.list li { float:left; cursor:pointer; }
div#flashcontent_alt #content #maincontent #lineup ul.list li img { vertical-align:bottom; }
div#flashcontent_alt #content #maincontent #lineup #bottle { position:absolute; left:482px; top:-409px; width:241px; }
div#flashcontent_alt #content #maincontent #lineup #bottle a { display:block; }
div#flashcontent_alt #content #maincontent #lineup #bottle ul {}
div#flashcontent_alt #content #maincontent #lineup #bottle ul li { position:absolute; display:none; left:0; top:0; width:243px; }

div#flashcontent_alt #content ul#bnrarea { padding:24px 0 0 0; width:190px; font-size:0; line-height:1; float:left; }
div#flashcontent_alt #content ul#bnrarea li { padding:6px 0 0 0; }
div#flashcontent_alt #content ul#bnrarea li a { display:block; }

/* フッター */
div#flashcontent_alt #footer { padding:15px 0 19px 86px; }
div#flashcontent_alt #footer .nav { width:561px; font-size:62.5%; line-height:1.5; }
* html div#flashcontent_alt #footer .nav { font-size:63%; }/* IE 6 以前 */
div#flashcontent_alt #footer .note { padding:10px 0 0 0; }
div#flashcontent_alt #footer .copyright { padding:10px 0 0 0; }