@charset "utf-8";



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

 reset

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

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

*{word-break:break-all;}



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

 selector

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

html{

	width:100%; height:100%;

}

body{

	position:relative;

	width:100%;

	min-width:824px;

	margin:0 auto; padding:0;

	background:#fff; 

	color:#000;

	font-size:13px;

	font-family:"ＭＳ 明朝",serif;

	line-height:1.5;

	text-align:left;

    word-break:break-all;

    -webkit-text-size-adjust:none;

}

img{

	margin:0; padding:0;

	display:block;

	overflow:hidden;

}

iframe{

	margin:0; padding:0;

	display:block;

	overflow:hidden;

}

p{

	margin:0; padding:0;

}

a{

	color:#2e2d2d;

	text-decoration:none;

}

iframe{

	display:block;

	width:100%;

	margin:0; padding:0;

	border:0;

	overflow:hidden;

	background:#fff url("../img/loading.gif") no-repeat center center;

}

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

 class

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







.cleft{

	float:left;

}

.cright{

	float:right;

	border: 1px solid black;

}

.center{

	margin-left:auto!important;

	margin-right:auto!important;

	text-align:center;

}

.exp{

	display:none;

}

.en{

	font-family:sans-serif;

}

.nav_train{

	text-align:left;

	margin:0 0 20px 0;

}

.btn_bigmap{

	margin:0; padding:0;

}

.btn_bigmap a{

	display:block;

	float:right;

	position:absolute;

}

.btn_bigmap a img{

	width:100%; height:100%;

}



.cf:after{content:"."; display:block; height:0; font-size:0;	clear:both; visibility:hidden;}

.cf{display:inline-block;} 

/* Hides from IE Mac \*/

* html .cf{height:1%;}

.cf{display:block;}

/* End Hack */ 



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

 layout

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

#wrapper{

	margin:0 auto; padding:0;

	text-align:center;

	overflow:hidden;

}

#container{

	width:824px;

	margin:0 auto; padding:0;

	text-align:center;

	overflow:hidden;

}

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

 Infomation text

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

div.info-text{

	border: 1px;

	width: 824px;

	position: relative;

	margin: 18px auto 13px;

	border-radius: 16px;

	box-sizing: border-box;

}

div.info-text p{

	font-weight: bold;

	font-size: 16px;

	text-align: left;

	margin: 1px

}



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

 prize

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

.prize1{

	font-weight: bold;

    font-size: 15px;

    border: 1px solid red;

    width: 824px;

    position: relative;

    margin: 18px auto 13px;

    /* padding-bottom: 20px; */

    /* padding-top: 10px; */

    border-radius: 16px;

    height: 172px;

    box-sizing: border-box;

	}

.prize-heading1{ 

	background-color: red;

    font-size: 20px;

    color: white;

    /* height: 0px; */

    width: 615px;

    position: relative;

    top: -19px;

    left: 0px;

    margin: 0 auto;

    border-radius: 16px;

    padding: 3px 0;

    box-sizing: border-box;

    /* font-weight: bold; */

	}

.prize-text1{

    width: 90%;

    margin: auto;

    text-align: left;

    position: absolute;

    top: 0px;

    left: 30px;

    bottom: 0;

    height: 100px;

    font-size: 17px;

	}

.prize-text .color1 {

	color: red;

	}

.prize-img1{

	margin: -25px;

    padding: 0;

    display: block;

    overflow: hidden;

    width: 150px;

    height: 96px;

    position: absolute;

    top: 65px;

    right: 45px;

	}

.prize2{

	font-weight: bold;

    font-size: 15px;

    border: 1px solid red;

    width: 824px;

    position: relative;

    margin: 18px auto 35px;

    /* padding-bottom: 20px; */

    /* padding-top: 10px; */

    border-radius: 16px;

    height: 172px;

    box-sizing: border-box;

	}

.prize-heading2{ 

	background-color: red;

    font-size: 20px;

    color: white;

    /* height: 0px; */

    width: 615px;

    position: relative;

    top: -19px;

    left: 0px;

    margin: 0 auto;

    border-radius: 16px;

    padding: 3px 0;

    box-sizing: border-box;

    /* font-weight: bold; */

	}

.prize-text2{

    width: 90%;

    margin: auto;

    text-align: left;

    position: absolute;

    top: 0px;

    left: 30px;

    bottom: 0;

    height: 100px;

    font-size: 17px;

	}

.prize-text .color2 {

	color: red;

	}

.prize-img2{

	margin: -25px;

    padding: 0;

    display: block;

    overflow: hidden;

    width: 150px;

    height: 96px;

    position: absolute;

    top: 65px;

    right: 45px;

	}

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

 header

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

#header	{

	position:fixed;

	top:0; left:0;

	width:100%;

	margin:0; padding:0;

	border-bottom:1px solid #ccc;

	background:#000;

	color:#fff;

	text-align:center;

	z-index:99999;

}

* html #header{

    position:absolute;

    top:expression(eval(document.documentElement.scrollTop+0));

}

#header #nav{

	position:relative;

	width:1000px; height:33px;

	margin:0 auto; padding:0;

	overflow:hidden;

	font-size:90%;

}

#header #nav li{

	display:block;

	float:left;

	height:33px;

	margin:0; padding:0;

	padding: 0 13px;

	white-space:nowrap;

	line-height:33px;

}

#header ul#nav span{

	display:none;

}

#header ul#nav a{

	color:#fff;

	text-decoration:none;

}

#header ul#nav li a:hover{

	color:#0099FF;

}

#header ul#nav li.cur a{

	color:#0099FF;

}

#header #nav li.home{

	width:22px;

}

#header ul#nav li.home a{

	display:block;

	width:100%; height:19px;

	margin:6px 0 0 0; padding:0;

    background:url("../img/home.png") no-repeat 0 0;

}

#header ul#nav li.home a:hover,

#header ul#nav li.home.cur a{

	background-position:0 100%;

}

#footer{

	margin:0 auto; padding:5px 0;

	background:#000;

	color:#fff;

	font-size:85%;

}

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

 news

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

.ticker_box {

	position:relative;

}



.ticker {

	width:680px;

	overflow:hidden;

}



#news_btn {

	height:3em;line-height:3em;

	position:absolute;

	top:0; right:0;

	text-decoration:underline;

}



#newsbox1{

	position:relative;

	height:3em;

	margin:0; padding:0;

	text-align:right;

	overflow:hidden;

	line-height:3em;

}



	#newsbox1 a:hover{

		text-decoration:underline;

	}

	#newsbox1 p{

		position:absolute;

		top:0; left:0;

		width:680px; height:3em;

		margin:0; padding:0;

		text-align:left;

		white-space:nowrap;

		overflow:hidden;

		text-overflow:ellipsis;

	}

#newsbox2{

	position:relative;

	height:3em;

	margin:0; padding:0;

	text-align:right;

	overflow:hidden;

	line-height:3em;

}



	#newsbox2 a:hover{

		text-decoration:underline;

	}

	#newsbox2 p{

		position:absolute;

		top:0; left:0;

		width:680px; height:3em;

		margin:0; padding:0;

		text-align:left;

		white-space:nowrap;

		overflow:hidden;

		text-overflow:ellipsis;

	}

#newsbox3{

	position:relative;

	height:3em;

	margin:0; padding:0;

	text-align:right;

	overflow:hidden;

	line-height:3em;

}



	#newsbox3 a:hover{

		text-decoration:underline;

	}

	#newsbox3 p{

		position:absolute;

		top:0; left:0;

		width:680px; height:3em;

		margin:0; padding:0;

		text-align:left;

		white-space:nowrap;

		overflow:hidden;

		text-overflow:ellipsis;

	}

#newsbox4{

	position:relative;

	height:3em;

	margin:0; padding:0;

	text-align:right;

	overflow:hidden;

	line-height:3em;

}



	#newsbox4 a:hover{

		text-decoration:underline;

	}

	#newsbox4 p{

		position:absolute;

		top:0; left:0;

		width:680px; height:3em;

		margin:0; padding:0;

		text-align:left;

		white-space:nowrap;

		overflow:hidden;

		text-overflow:ellipsis;

	}

#newsbox5{

	position:relative;

	height:3em;

	margin:0; padding:0;

	text-align:right;

	overflow:hidden;

	line-height:3em;

}



	#newsbox5 a:hover{

		text-decoration:underline;

	}

	#newsbox5 p{

		position:absolute;

		top:0; left:0;

		width:680px; height:3em;

		margin:0; padding:0;

		text-align:left;

		white-space:nowrap;

		overflow:hidden;

		text-overflow:ellipsis;

	}

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

 banner

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

#bannerbox{

	margin:10px auto; padding:0;

	height:62px;

	overflow:hidden;

}

	#bannerbox div,

	#bannerbox div a,

	#bannerbox div a img {

		display:block;

		width:406px; height:60px;

	}

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

 section

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

.section{

	margin:80px auto; padding:30px 0 0 0;

	text-align:center;

	overflow:hidden;

}

.hexagon{

	margin:0; padding:47px 0 0 0;

	background:url("../img/hexagon.jpg") no-repeat top center;

    font-size:200%;

    font-weight:bold;

    text-align:center;

}

.message{

	margin:20px auto; padding:0;

	text-align:center;

}

.message.jp{

	font-weight:bold;

	font-size:140%;

	line-height:180%;

	letter-spacing:0.1pt;

}

.message.en{

	font-weight:normal;

	line-height:180%;

}

.box{

	position:relative;

	margin:30px auto;

	padding:0;

	text-align:left;

	overflow:hidden;

}

.desc_left{

	float:left;

	width:400px;

	font-size:115%;

	line-height:180%;

}

.box h3{

	margin-bottom:1em;

	font-weight:bold;

	font-size:120%;

}

.desc_right{

	float:right;

	width:400px;

	font-size:115%;

	line-height:180%;

}

.thumb_left img,

.thumb_right img,

.thumb_left iframe,

.thumb_right iframe{

	width:400px; height:230px;

}

.thumb_left{

	float:left;

	width:400px;

}

.thumb_right{

	float:right;

	width:400px;

}

.blank{

	width:613; height:68px;

}

.morebox{

	margin:0; padding:0;

	width:211px; height:68px;

	float:right;

}

.morebox img{

	position:relative;

	display:block;

	float:right;

	top:0;

}

.morebox .btn_exp{

	float:right;

	width:211px; height:68px;

	position:relative;

	z-index:2;

}

.morebox .btn_exp_close{

	background:url("../img/btn_close.jpg") no-repeat;

	z-index:1;

	float:right;

	width:211px; height:68px;

	position:absolute;

}

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

 home

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

h1#home {

	margin:0; padding:62px 0 0 0;

}

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

 okazaki

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

#okazaki{

}

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

 shinshu-kirei

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

#shinshu-kirei{

}

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

#tanada

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

#tanada{

}

#tanada h3{

	margin:0px 0 15px 0; padding:0 0 5px 0;

	font-weight:bold;

	text-align:left;

}

#tanada h3 span.en{

	padding-left:20px;

	font-weight:normal;

	font-size:80%;

}

#tanada .tanada{

	margin:30px 0 60px 0; padding:0;

}

#tanada .tanada .thumb{

	float:left;

	width:350px;

	margin:0 20px 0 0;

}

#tanada .tanada .detail{

	margin:0px 425px;

	position:absolute;

	float:left;

	width:420px;

	text-align:left;

}

#tanada .tanada .detail.en{

	float:right;

	line-height:1.2;

}

#tanada .tanada .detail h4{

	margin:15px 0 15px 0;

	padding:0;

	font-weight:;

	font-size:150%;

}

#tanada .tanada .detail p{

	margin:30px 0; padding:0;

	font-size:110%;

}

#tanada .tanada .detail.en h4{

	margin-bottom:10px;

}

#tanada .tanada .detail.en p{

	margin:10px 0;

}

#tanada .tanada{

	margin:10px 0 5px 0; padding:0;

	overflow:hidden;

}

#tanada .btn_detail img{

	width:250px; height:42px;

}

#tanada .thumb_left img{

	width:400px;

	height: auto;

}

#tanada .tanada-link{

	color:blue;

}

#tanada .tanada-link:hover {

	text-decoration: underline;

}

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

 products

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

#products h3{

	margin:30px 0 15px 0; padding:0 0 5px 0;

	border-bottom:1px solid #ccc;

	font-weight:bold;

	font-size:150%;

	text-align:left;

}

#products h3 span.en{

	padding-left:20px;

	font-weight:normal;

	font-size:80%;

}

#products .product{

	margin:30px 0 60px 0; padding:0;

}

#products .product .thumb{

	float:left;

	width:350px;

	margin:0 20px 0 0;

}

#products .product .detail{

	float:left;

	width:420px;

	text-align:left;

}

#products .product .detail.en{

	float:right;

	line-height:1.2;

}

#products .product .detail h4{

	margin:15px 0 15px 0; padding:0;

	font-weight:;

	font-size:150%;

}

#products .product .detail p{

	margin:30px 0; padding:0;

	font-size:110%;

}

#products .product .detail.en h4{

	margin-bottom:10px;

}

#products .product .detail.en p{

	margin:10px 0;

}

#products .btngrp{

	margin:10px 0 5px 0; padding:0;

	overflow:hidden;

}

#products .btn_detail img{

	width:250px; height:42px;

}

#products .shares{

	height:21px;

	margin:15px auto; padding:0;

	overflow:hidden;

}

#products .shares .tw{

	float:left;

	width:100px; height:21px;

}

#products .shares .fb{

	float:left;

	width:100px; height:21px;

}

#products .note{

	color:red;

}

#tabArea,

#tab {

	width:824px;

	overflow:hidden;

}



#tabArea {

	margin:0 auto;

	text-align:left;

}



#tab li {

	float:left;

	margin:60px 5px 0px 5px;

	/*box-shadow: 0px 6px 6px #C1C9D1;*/

}



#tabBox {

	clear:both;

	padding:20px 0;

	display:block;

	background: #fff;

	box-shadow:24px 24px 24px 24px #C1C9D1;

	text-align:center;

	_zoom:1;

}

/*#products .tabs{

	width:824px; height:74px;

	margin:30px auto 0 auto; padding:0;

	background:url("../img/tabs.jpg") no-repeat 0 0;

}*/

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

 kaigai

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

#kaigai{

}

#kaigai p{

	font-size:115%;

	line-height:180%;

}

#kaigai h3 {

    font-size: 135%;

}

#kaigai h3{

	margin:0px 0 15px 0; padding:0 0 5px 0;

	font-weight:bold;

	text-align:left;

}

#kaigai h3 span.en{

	padding-left:20px;

	font-weight:normal;

	font-size:80%;

}

#kaigai .kaigai{

	margin:30px 0 60px 0; padding:0;

}

#kaigai .kaigai .thumb{

	float:left;

	width:350px;

	margin:0 20px 0 0;

}

#kaigai .kaigai .detail{

	margin:0px 425px;

	position: absolute

	float:left;

	width:420px;

	text-align:left;

}

#kaigai .kaigai .detail.en{

	float:right;

	line-height:1.2;

}

#kaigai .kaigai .detail h4{

	margin:15px 0 15px 0; padding:0;

	font-weight:;

	font-size:150%;

}

#kaigai .kaigai .detail p{

	margin:30px 0; padding:0;

	font-size:110%;

}

#kaigai .kaigai .detail.en h4{

	margin-bottom:10px;

}

#kaigai .kaigai .detail.en p{

	margin:10px 0;

}

#kaigai .kaigai{

	margin:10px 0 5px 0; padding:0;

	overflow:hidden;

}

#kaigai .btn_detail img{

	width:250px; height:42px;

}

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

 yanagi-town

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

#yanagi-town .box{

	height:230px;

}

#yanagi-town .box.auto{

	height:auto;

}

#yanagi-town .morebox{

	position:absolute;

	bottom:0; right:0;

	width:211px; height:68px;

}

#yanagi-town .morebox .btn_exp{

	float:none;

}

#yanagi-town .mapbox {

	position:relative;

	width:824px; height:379px;

	margin:0; padding:0;

}

#yanagi-town .mapbox iframe{

	width:100%; height:336px;

	margin:0; padding:0;

	overflow:hidden;

}

#yanagi-town .mapbox .btn_zoom{

	display:block;

	position:absolute;

	top:336px; right:0;

	width:149px; height:33px;

}

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

 soba

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

#soba h3{

	font-size:135%;

}

#soba p{

	font-size:115%;

	line-height:180%;

}

#soba{

}

#soba h3{

	margin:0px 0 15px 0; padding:0 0 5px 0;

	font-weight:bold;

	text-align:left;

}

#soba h3 span.en{

	padding-left:20px;

	font-weight:normal;

	font-size:80%;

}

#soba .soba{

	margin:30px 0 60px 0; padding:0;

}

#soba .soba .thumb{

	float:left;

	width:350px;

	margin:0 20px 0 0;

}

#soba .soba .detail{

	float:left;

	width:420px;

	text-align:left;

}

#soba .soba .detail.en{

	float:right;

	line-height:1.2;

}

#soba .soba .detail h4{

	margin:15px 0 15px 0; padding:0;

	font-weight:;

	font-size:150%;

}

#soba .soba .detail p{

	margin:30px 0; padding:0;

	font-size:110%;

}

#soba .soba .detail.en h4{

	margin-bottom:10px;

}

#soba .soba .detail.en p{

	margin:10px 0;

}

#soba .soba{

	margin:10px 0 5px 0; padding:0;

	overflow:hidden;

}

#　 .btn_detail img{

	width:250px; height:42px;

}

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

 shop

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

#shop .tabs{

	width:824px; height:74px;

	margin:30px auto 0 auto; padding:0;

	background:url("../img/shop_tabs.jpg") no-repeat 0 0;

}

#shop iframe{

	width:100%; height:450px;

	margin:0 0 30px 0; padding:0;

	overflow:hidden;

}

#shop #shop_area{

}

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

 access

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

#access h3{

	margin:30px 0; padding:0;

	font-size:150%;

    text-align:center;

}

#access h4{

	margin:30px 0; padding:0;

	font-size:120%;

    text-align:center;

}

/* 岡崎酒造へのアクセス */

#block_maps{

	margin:0; padding:0;

}

#block_maps .block_maps_l{

	float:left;

	width:267px;

	margin:0; padding:0;

	font-weight:bold;

	line-height:2;

}

#block_maps .block_maps_l span{

	font-size:90%;

	text-align:left;

}

#nav_block{

	width:267px;

	margin:20px 0 30px 0; padding:0;

}

#nav_block li{

	display:block;

}

#nav_block li a{

	display:block;

	margin:0; padding:0 0 0 30px;

	background:url("../img/arrow.png") no-repeat left top;

	font-weight:bold;

	text-align:left;

}

#nav_block li a span{

	display:block;

	font-size:80%;

}

#block_maps .block_maps_r{

	width:544px;

	float:right;

	margin:0; padding:0;

}

/*ルート切り替え*/

#block_maps_rutes{

	width:544px; height:318px;

	position:relative;

}

#block_maps iframe{

	width:544px; height:318px;

	position:absolute;

	top:0;

}

#btn_bigmap_rutes{

	width:149px; height:30px;

	position:relative;

	float:right;

}

#btn_bigmap_rutes a{

	width:149px; height:30px;

	position:absolute;

	top:0;

}

/* 駐車場 */

#parking{

	margin:30px auto; padding:0;

}

#btn_parking{

	margin:0; padding:0;

}

#btn_parking a{

	display:block;

	float:right;

	width:262px; height:52px;

}

#btn_parking a img{

	width:100%; height:100%;

}

#parking iframe{

	width:100%; height:353px;

}