@charset "utf-8";
/* CSS Document */

body,html{ height:100%;}

body{
background:#000;
padding:0;
color:#FFFFFF;
text-align:center;
font-size:12px;
line-height:1.5em;
}

a img{border:none;}
.pt20{ padding-top:20px;}
.pt40{ padding-top:40px;}
.pt45{ padding-top:45px;}

#page {
	position: relative;
}
#header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	text-align: center;
}
#header #gnav {
	float: right;
}
#contents {
	position: relative;
	z-index: 100;
	width: 100%;
}
#contents01{
}
#contents03{min-height:700px;padding-top: 120px;padding-bottom:150px;}
#contents04{min-height:700px;padding-top: 120px;padding-bottom:150px;}
#contents05{min-height:700px;padding-top: 120px;padding-bottom:150px;}
#contents06{min-height:700px;padding-top: 120px;padding-bottom:150px;}
#contents02{min-height:700px;padding-top: 0px;padding-bottom:150px;}
#contents07{ min-height:700px;padding-top: 120px;padding-bottom:0px;}


#header{background-color: rgba(0,0,0,0.5);  position:fixed: top:0; width:100%; }
#header .wrap{padding:15px 15px 30px 15px; overflow:hidden;}
#header h1{ float:left; display:inline-block; padding-top:10px;}
#header ul{ float:right; display:inline-block;  list-style:none; padding-top:15px;}
#header ul li{ display:inline-block; height:16px; padding:0 10px 0 5px; border-right:1px solid #999;}
#header ul li a{ display:block; height:16px;}
#header ul li.li_1 a{ width:39px; background:url(../images/common/menu.png) top center no-repeat;}
#header ul li.li_2 a{ width:61px; background:url(../images/common/menu_2.png) top center no-repeat;}
#header ul li.li_3 a{ width:51px; background:url(../images/common/menu_3.png) top center no-repeat;}
#header ul li.li_4 a{ width:104px; background:url(../images/common/menu_4.png) top center no-repeat;}
#header ul li.li_5 a{ width:73px; background:url(../images/common/menu_5.png) top center no-repeat;}
#header ul li.li_6 a{ width:51px; background:url(../images/common/menu_6.png) top center no-repeat;}
#header ul li.li_7 a{ width:58px; background:url(../images/common/menu_7.png) top center no-repeat; }
#header ul li.li_7 {border:none;}

#header ul li.li_1 a:hover,#header ul li.li_1 a.current{ width:39px; background:url(../images/common/menu_on.png) top center no-repeat;}
#header ul li.li_2 a:hover,#header ul li.li_2 a.current{ width:61px; background:url(../images/common/menu_2_on.png) top center no-repeat;}
#header ul li.li_3 a:hover,#header ul li.li_3 a.current{ width:51px; background:url(../images/common/menu_3_on.png) top center no-repeat;}
#header ul li.li_4 a:hover,#header ul li.li_4 a.current{ width:104px; background:url(../images/common/menu_4_on.png) top center no-repeat;}
#header ul li.li_5 a:hover,#header ul li.li_5 a.current{ width:73px; background:url(../images/common/menu_5_on.png) top center no-repeat;}
#header ul li.li_6 a:hover,#header ul li.li_6 a.current{ width:51px; background:url(../images/common/menu_6_on.png) top center no-repeat;}
#header ul li.li_7 a:hover,#header ul li.li_7 a.current{ width:58px; background:url(../images/common/menu_7_on.png) top center no-repeat; border:none;}

#header ul li.li_1 a:hover,#header ul li.li_1 a.current,
#header ul li.li_2 a:hover,#header ul li.li_2 a.current,
#header ul li.li_3 a:hover,#header ul li.li_3 a.current,
#header ul li.li_4 a:hover,#header ul li.li_4 a.current,
#header ul li.li_5 a:hover,#header ul li.li_5 a.current,
#header ul li.li_6 a:hover,#header ul li.li_6 a.current,
#header ul li.li_7 a:hover,#header ul li.li_7 a.current{	-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;  }


footer{background-color: rgba(0,0,0,0.5);  position:fixed; bottom:0; width:100%; z-index:100; }
footer .wrap{padding:30px; overflow:hidden;}
footer ul{ list-style:none; margin-bottom:8px;}
footer ul li{ display:inline-block; padding:0 8px; line-height:100%; }
footer .bdr{ border-right:1px solid white;}
footer .bdr2{ border-right:1px solid #BF7D06;}
footer .ft_1{ font-size:120%;}
footer .ft_2 a{ color:#BF7D06;}
footer a{ text-decoration:none;}
footer a:hover{ text-decoration:underline;}

#contents01,
#contents02 { display:table; width:100%;}
#contents01 div,
#contents02 div { display:table-cell; height:100%; vertical-align:middle; text-align:center;}


#contents03 .wrap{height:500px;  overflow-x: auto;overflow-y: hidden;white-space: nowrap; width:100%; margin:0 auto;}
#contents03 .div_1{font-size:120%; line-height:170%;}
#contents03 .wrap .box .txArea{padding-bottom:20px;text-shadow: 1px 1px 3px #000; margin:0px 420px;}
#contents03 .wrap .box{ display:inline-block; vertical-align: top;height:700px;  width:1100px; padding:0 40px; font-size:120%; line-height:170%;}
#contents03 .inner{ height:700px;}

#contents05 .wrap{height:500px;  overflow-x: auto;overflow-y: hidden;white-space: nowrap; width:100%; margin:0 auto;}
#contents05 .wrap .box{ display:inline-block;  vertical-align: top;height:700px;  width:500px; padding:0 40px; font-size:120%; line-height:170%; text-align:left;}
#contents05 .wrap .box .txArea{ padding-bottom:20px;text-shadow: 1px 1px 3px #000;}
#contents05 .wine_tit{ font-weight:700;}
	
#contents04 ul{ list-style:none; width:960px; margin:0 auto;}
#contents04 ul li{ display:inline-block; margin:0 40px 40px 40px; background:#000; }
#contents04 ul li img{  border:3px #3F1000 solid; opacity:0.6;}
#contents04 ul li img:hover{  opacity:1;}

#contents07 .p_1{ padding-bottom:20px;text-shadow: 1px 1px 3px #000; font-size:120%;}
#contents07 ul{ overflow:hidden;}
#contents07 ul li{ list-style:none; display:inline-block;}


.emergency{
	height: 140px;
	overflow-y: scroll;
	text-align: left;
	width: 80%;
	max-width: 700px;
	margin: 20px auto;
	border: 1px solid white;
	padding: 16px;
}