@charset "UTF-8";

/* 00. Reset
-------------------------------------------------- */
html {
	height: 100%;
	overflow-y: scroll;
}
body {
	position: relative;
	width: 100%;
	min-width: 890px;
	height: 100%;
}
img {
	vertical-align: bottom;
}
a,
a:link{
	color:#999;
	text-decoration: underline;
}
a:visited{
	color:#999;
}
a:hover{
	color:#FFF;
	text-decoration: none;
}
/* ----------------------------------------------- */
/* 01. Header
-------------------------------------------------- */
#header {
	position: relative!important;
	height: 0;
	background: none;
	z-index: 11;
}
/* ----------------------------------------------- */
/* 01. Header After
-------------------------------------------------- */
#headerAfter {
	position: relative;
	height: 368px;
	margin: 0 auto 20px;
	text-align: left;
	overflow: hidden;
	*zoom: 1;
}
#headerAfter .navWrapper {
	position: absolute;
	width: 890px;
	top:0;
	left: 50%;
	margin-left: -445px;
	text-align: left;
	z-index: 10;
}
#headerAfter .navi {
	width: 130px;
	/*margin-left: 7px;*/
	padding: 115px 35px 10px 35px;
	margin-left: -30px;
	background-color: #000;
	position: relative!important;
}

/* - visual */
#headerAfter .visual {
	height: 368px;
	min-width: 890px;
}
#headerAfter .visual a {
	*zoom: 1;
}
#headerAfter .visual img {
}
#headerAfter .visual .image {
	position: relative;
	width: 100%;
	min-width: 890px;
	height: 368px;
}
#headerAfter .visual .image li {
	position: absolute;
	display: none;
	width: 100%;
	height: 368px;
}
#headerAfter .visual .image .initVisual {
	background: url(../images/top/slide_visual_img_00.jpg) no-repeat center top;
}
#headerAfter .visual .image .mainVisual01 {
	background: url(../images/top/slide_visual_img_01.jpg) no-repeat center top;
}
#headerAfter .visual .image .mainVisual02 {
	background: url(../images/top/slide_visual_img_02.jpg) no-repeat center top;
}
#headerAfter .visual .image .mainVisual03 {
	background: url(../images/top/slide_visual_img_03.jpg) no-repeat center top;
}
#headerAfter .visual .image .current {
	display: block;
	z-index: 3;
}
#headerAfter .visual .image .after {
	z-index: 5;
}

/* ----------------------------------------------- */
/* 01. Contents
-------------------------------------------------- */
#contents {
	position: relative;
	width: 880px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
/* ----------------------------------------------- */
/* 01. Footer
-------------------------------------------------- */
#footer {
	margin: 0 auto;
	padding-top: 0;
}
#footerMenu { width: auto; }
.footerMenuList li.ftNew a {width:89px; background-position:-261px 0;}
.footerMenuList li.ftNew a:hover,
.footerMenuList li.ftNew a.selected{width:89px; background-position:-261px -26px;}
/* ----------------------------------------------- */
/* 01. Page Top
-------------------------------------------------- */
.pageTop {
	position: relative;
	width: 880px;
	margin: 30px auto 20px auto;
	text-align: right;
	z-index: 1;
}
/* ----------------------------------------------- */
/* 02. List
-------------------------------------------------- */
/* date */
.listDate {
	overflow: hidden;
	*zoom: 1;
}
.listDate dt {
	float: left;
	display: inline;
	margin-right: 2.0em;
}
.listDate dd {
	overflow: hidden;
	*zoom: 1;
}
/* ----------------------------------------------- */
/* 03. Contents
-------------------------------------------------- */
/* トップページ */

/* - インフォメーション */
.topInformation {
	overflow: hidden;
	*zoom: 1;
}
.topInformation img {
	display: block;
}
.topInformation .news {
	float: left;
	display: inline;
	width: 286px;
}
.topInformation .news .inner {
	padding: 20px;
	border: 1px solid #181818;
	background: #141414;
	min-height: 294px;
}
.topInformation .news .inner .head,
.topInformation .news .inner .body {

}
.topInformation .news .inner .head {
	margin-bottom: 18px;
}
.topInformation .news .inner .body {
}
.topInformation .news .inner .body dl {
	margin-bottom: -12px;
}
.topInformation .news .inner .body dl dt {
	line-height: 1.4;
	color: #e4cc71;
}
.topInformation .news .inner .body dl dd {
	line-height: 1.4;
	margin-bottom: 12px;
}

.topInformation .clubBox {
	float: right;
	display: inline;
	width: 546px;
	padding: 9px;
	border: 1px solid #181818;
	background: #141414;
}

.topInformation .clubBox .inner {
	border: 1px solid #181818;
	padding: 0 20px 20px;
	background-color: #000;
	overflow: hidden;
}

.topInformation .clubBox .clubBnr {
	margin:0 -20px -16px;
}

.topInformation .magazine {
	float: left;
	position: relative;
}

.topInformation .clubNews {
	width: 241px;
	float: right;
	position: relative;
}

.topInformation .clubNews ul {
	margin-bottom: -10px;
}

.topInformation .clubNews li {
	overflow: hidden;
	margin-bottom: 10px;
}

.topInformation .clubNews .thumbBox {
	float: left;
	background-color: #fff;
}

.topInformation .clubNews dl {
	float: right;
	width: 142px;
}
.topInformation .clubNews a {
	display: block;
	overflow: hidden;
}
.topInformation .clubNews a dt {
	text-decoration: none;
	color: #e4cc71;
	line-height: 1.5;
	font-size: 12px;
	margin-bottom: 3px;
}
.topInformation .clubNews a dd {
	text-decoration: underline;
	line-height: 1.5;
	font-size: 12px;
}
.topInformation .clubNews .new dt:before {
	content: "";
	width: 34px;
	height: 15px;
	margin: 2px 0 0 0;
	padding-right: 4px;
	display: block;
	background:url(../images/top/icon_new.png) no-repeat left top;
	float: left; 
}
.topInformation .clubNews .pickup dt:before {
	content: "";
	width: 34px;
	height: 15px;
	margin: 2px 0 0 0;
	padding-right: 4px;
	display: block;
	background:url(../images/top/icon_pickup.png) no-repeat left top;
	float: left; 
}
.topInformation .clubNews a:hover dd {
	text-decoration: none;
}

/* - ピックアップコンテンツ */
.topPickup ul {
	margin-left: -30px;
	overflow: hidden;
	*zoom: 1;
}
.topPickup ul li {
	float: left;
	display: inline;
	margin-top: 20px;
	margin-left: 30px;
}

/* 山崎蒸溜所一時休業のお知らせ 一時休業のお知らせエリア */
.info_plant-temp-close{
	margin-top: 45px;
	border: 3px solid #222222;
	padding: 10px 16px;
}
	
.info_plant-temp-close > dl {
	
}
.info_plant-temp-close > dl dt{
	float: right;
	width: 180px;
	height: 100px;
}
.info_plant-temp-close > dl dd{
	margin-right: 180px;
	padding-top: 13px;
	padding-right: 27px;
	color: #999999;
	line-height: 2;
	font-size: 92%;
}


/* ----------------------------------------------- */
/* 99. JavaScript
-------------------------------------------------- */
/* トップアニメーション用 */
/*#header,
#headerAfter,
#contents,
#footer,
.pageTop { display: none; }

#openingPanel {
	display: none;
	position: absolute;
	width: 100%;
	min-height: 100%;
	text-align: center;
	overflow: hidden;
	*height: 100%;
}
#openingPanel .bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	*width: 100%;
	*height: 100%;
}
#openingPanel .logo {
	position: absolute;
	top: 50%;
	right: 15%;
	margin-top: -138px;
	z-index: 10;
}*/

/* ----------------------------------------------- */
/* 99. Clearfix
-------------------------------------------------- */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	*zoom: 1;
}
/* ----------------------------------------------- */

.mt_20{
	margin-top: 20px;
}








/* ----------------------------------------------- */
/* FBプラグインバナー
-------------------------------------------------- */
#hoverStyle01{
	background: #1f1f1f;
	width: 423px;
	height: 127px;
	position: relative;
	border: solid 1px #222222;
}
#hoverStyle01 .coverImg{
	opacity:0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#hoverStyle01 .innerBox{
	position: absolute;
	z-index: 2;
}
#hoverStyle01 .innerBox .bnrTitle{
	text-align: center;
	padding: 10px 0;
}
#hoverStyle01 .innerBox .bnrTitle a {

}
#hoverStyle01 .innerBox .iframeArea{
	padding: 0 5px;
}
#hoverStyle01 .innerBox .iframeArea iframe{
	background: #333333;
}