@charset "utf-8";

#wrap {
	width: 978px;
	margin: 0px auto;
}

#wrap　#header{
	background: #111;
	width:889px;
	height:259px;
	margin:0 auto;
}

#main {
	float: left;
	margin-top: 4px;
	margin-left: 42px;
	padding: 0px;
	width: 669px;
}

a{
	display: inline-block;
}

.hover{
	opacity:1.0;
}

/***********ヘッダーここから***********/

#header{
	width: 889px;
	margin: 0 auto;
	margin-right: 51px;
	background:url(./img/header_bg.jpg) repeat-y top;
}

#header .search_banner{
	float: left;
	margin: 11px 0 0 21px;
	width: 108px;
	height: 76px;
}

#header .search_banner a{
	width: 108px;
	height: 76px;
}

#header .aunt{
	float:left;
	width: 367px;
	height: 50px;
	margin: 25px 0 0 99px;
}

#header .online1{
	float: right;
	width:192px;
	height: 44px;
	margin: 9px 11px 0 0;
}

#header .online1 a{
	width:192px;
	height: 44px;
}

#header ul.tab_base li{
	float: left;
}

#header ul.tab_base{
	clear: both;
	padding-top: 6px;
	margin-left: 13px;
}

#header ul.tab_base .top_tab1{
	background:url(./img/top_tab1.jpg) no-repeat;
	width: 176px;
	height: 35px;
	display:inline-block;
	margin-left: 2px;
}

#header ul.tab_base .top_tab2{
	background:url(./img/top_tab2.jpg) no-repeat;
	width: 87px;
	height: 35px;
	display:inline-block;
	margin-left: 2px;
}
#header ul.tab_base .top_tab3{
	background:url(./img/top_tab3.jpg) no-repeat;
	width: 179px;
	height: 35px;
	display:inline-block;
	margin-left: 2px;
}
#header ul.tab_base .top_tab4{
	background:url(./img/top_tab4.jpg) no-repeat;
	width: 87px;
	height: 35px;
	display:inline-block;
	margin-left: 2px;
}
#header ul.tab_base .top_tab5{
	background:url(./img/top_tab5.jpg) no-repeat;
	width: 225px;
	height: 35px;
	display:inline-block;
	margin-left: 2px;
}
#header ul.tab_base .top_tab6{
	background:url(./img/top_tab6.jpg) no-repeat;
	width: 87px;
	height: 35px;
	display:inline-block;
	margin-left: 2px;
}

#header ul.tab_base .top_tab1_off a:hover img,
#header ul.tab_base .top_tab2_off a:hover img,
#header ul.tab_base .top_tab3_off a:hover img,
#header ul.tab_base .top_tab4_off a:hover img,
#header ul.tab_base .top_tab5_off a:hover img,
#header ul.tab_base .top_tab6_off a:hover img{
	/*display: none;
	visibility: hidden;*/
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	
}

#header ul.tab_base .top_tab1_off{
	width: 176px;
	height: 35px;
	display:inline-block;
	background:url(./img/top_tab1.jpg) no-repeat;
	margin-left: 2px;
}

#header ul.tab_base .top_tab1_off a{
	width: 176px;
	height: 35px;
}

#header ul.tab_base .top_tab2_off{
	width: 87px;
	height: 35px;
	display:inline-block;
	background:url(./img/top_tab2.jpg) no-repeat;
	margin-left: 2px;
}

#header ul.tab_base .top_tab2_off a{
	width: 87px;
	height: 35px;
}

#header ul.tab_base .top_tab3_off{
	width: 179px;
	height: 35px;
	display:inline-block;
	background:url(./img/top_tab3.jpg) no-repeat;
	margin-left: 2px;
}

#header ul.tab_base .top_tab3_off a{
	width: 179px;
	height: 35px;
}

#header ul.tab_base .top_tab4_off{
	width: 87px;
	height: 35px;
	display:inline-block;
	background:url(./img/top_tab4.jpg) no-repeat;
	margin-left: 2px;
}

#header ul.tab_base .top_tab4_off a{
	width: 87px;
	height: 35px;
}

#header ul.tab_base .top_tab5_off{
	width: 225px;
	height: 35px;
	display:inline-block;
	background:url(./img/top_tab5.jpg) no-repeat;
	margin-left: 2px;
}

#header ul.tab_base .top_tab5_off a{
	width: 225px;
	height: 35px;
}

#header ul.tab_base .top_tab6_off{
	width: 87px;
	height: 35px;
	display:inline-block;
	background:url(./img/top_tab6.jpg) no-repeat;
	margin-left: 2px;
}

#header ul.tab_base .top_tab6_off a{
	width: 87px;
	height: 35px;
}

#header ul.tab_base li a.tab1_size{
	width: 176px;
	height: 35px;
}

#header ul.tab_base li a.tab2_size{
	width: 87px;
	height: 35px;
}

#header ul.tab_base li a.tab3_size{
	width: 179px;
	height: 35px;
}

#header ul.tab_base li a.tab4_size{
	width: 87px;
	height: 35px;
}

#header ul.tab_base li a.tab5_size{
	width: 225px;
	height: 35px;
}

#header ul.tab_base li a.tab6_size{
	width: 87px;
	height: 35px;
}

.header_bottom{
	width: 889px;
	height: 11px;
	margin-left: 38px;
	margin-bottom: 5px;
	background:url(./img/header_bottom.png) no-repeat bottom;
}

.tab_inner1{
	clear: both;
}

.tab_inner1 .big_guide0{
	/* background:url(./img/big_guide0.jpg) no-repeat; */
	width: 870px;
	height: 118px;
	margin: 0 auto;
	margin-left: 8px;
}

.tab_inner1 .big_guide2{
	background:url(./img/cookie_guide.jpg) no-repeat;
	width: 870px;
	height: 118px;
	margin: 0 auto;
	margin-left: 8px;
}

.tab_inner1 .big_guide2 p{
	text-align: center;
	font-size:13px;
	color:#521e06;
	padding-top: 59px;
	line-height: 18px;
	margin-left: 9px;
}

.tab_inner1 .big_guide{
	background:url(./img/big_guide.jpg) no-repeat;
	width: 870px;
	height: 118px;
	margin: 0 auto;
}

.tab_inner1 .big_guide1{
	background:url(./img/big_guide1.jpg) no-repeat;
	width: 870px;
	height: 118px;
	margin: 0 auto;
}

.tab_inner1 .big_guide1 p{
	padding: 53px 0 0 12px;
	text-align: center;
	font-size:13px;
	color:#521e06;
}

/***********サイドここから***********/
#side{
	float:right;
	width: 208px;
	margin-right: 51px;
	/* margin-top: 5px; */
}

/*商品案内*/
.product_on{
	background:url(./img/bar_on.jpg) no-repeat;
	width: 190px;
	height: 37px;
	display: block;
}

#side .product_info .bar_min{
	background:url(./img/bar_min.jpg) repeat-y top;
	width: 210px;
}

#side .product_info .minbox{
	background: url(./img/bar_top.png) no-repeat;
	width: 208px;
	height: 9px;
	margin-left: 1px;
}

#side .product_info .bar_bottom{
	background:url(./img/bar_bottom.jpg) repeat-y top;
	width: 209px;
	height: 13px;
	margin-top: -2px;
	margin-bottom: 10px;
}

#side .product_info .bar_min h3{
	color: #521e06;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	padding-bottom: 5px;
}

#side .product_info .bar_min h3 a{
	color: #521e06;
}

#side .product_info .bar_min ul{
	margin-left: 9px;
}

#side .product_info .bar_min ul li{
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-indent: 30px;
	line-height: 37px;
}

#side .product_info .bar_min ul li a{
	color:#fff;
	font-size:13px;
	font-weight:bold;
	background:url(./img/bar_static.jpg) no-repeat;
	width: 190px;
	height: 37px;
	display: block;
}

#side .product_info .bar_min ul li a:hover{
	background: url(./img/bar_on.jpg) no-repeat;
	width: 190px;
	height: 37px;
	display: block;
}

/*商品案内ここまで*/

/*近くのアントステラのお店を探してね*/

#side .product_info .borderBrown{
	border:solid 1px #946246;
	margin-left: 7px;
	margin-bottom: 5px;
}

#side .product_info .search{
	background:url(./img/search.jpg) no-repeat 20px 7px #FFFFFF;
	width: 188px;
	height: 153px;
}

#side .product_info .search p{
	font-size: 12px;
	color: #777;
	padding: 42px 0 0 30px;
	margin-bottom: 7px;
}

#side .product_info .search form{
	margin: 0 auto;
	text-align: center;
	width: 172px;
}

#side .product_info .search form #cafe_check{
	margin-top: 7px;
}

#side .product_info .search form a{
	width: 163px;
	height: 31px;
	margin-top: 3px;
}

/* fudo */
#ken{
	width: 143px;
	height: 20px;
	border: 1px solid #BA9072;
	margin-bottom: 5px;
}

#tik{
	width: 143px;
	height: 20px;
	border: 1px solid #BA9072;
	margin-bottom: 5px;
}

#setsubi_cb input{
	margin-right: 5px;
}

#setsubi_cb{
	/*margin-bottom: 7px;*/
}

input#btn{
	width: 164px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	background: url(./img/btn-fudo.jpg) no-repeat 0 0;
}

input#btn:hover{
	background: url(./img/btn-fudo_on.jpg) no-repeat 0 0;
}


#side .product_info .melmag{
	background:url(./img/melmag1.jpg) no-repeat;
	width: 188px;
	height: 129px;
}

#side .product_info .melmag a{
	width: 188px;
	height: 129px;
}

#side .product_info .melmag p{
	font-size:11px;
	color:#401000;
	padding: 57px 14px 7px 14px;
}

#side .product_info .melmag img{
	margin-left:45px;
	margin-top: 100px;
}

/*　セカンド用バナー　*/

#side .product_info .side-bnr-guide,
#side .product_info .side-bnr-recipe,
#side .product_info .side-bnr-hometown{
	display: block;
	width: 190px;
	height: 90px;
	margin: 0 auto 5px;
}


#side .product_info .guide{
	width: 188px;
	height: 88px;
}

#side .product_info .guide a{
	width: 188px;
	height: 88px;
}

#side .product_info .recipe{
	width: 188px;
	height: 88px;
}

#side .product_info .recipe a{
	width: 188px;
	height: 88px;
}

#side .product_info .home{
	width: 188px;
	height: 88px;
}

#side .product_info .home a{
	width: 188px;
	height: 88px;
}

#side .product_info .point{
	background:url(./img/point.jpg) no-repeat;
	width: 188px;
	height:88px;
}

#side .product_info .point p{
	margin-left: 68px;
	position: relative;
	bottom: 45px;
}

#side .product_info .point p a{
	font-size:11px;
	color:#666;
}

#side .product_info .point a{
	height:88px;
}

#side .product_info .point p strong{
	font-weight:normal;
}

#side .product_info .cafe{
	width: 188px;
	height: 122px;
}

#side .product_info .cafe a{
	width: 188px;
	height: 122px;
}

#side .product_info .phone{
	background:url(./img/phone.jpg) no-repeat;
	width: 188px;
	height: 114px;
	margin-bottom: 0;
}

#side .product_info .phone p{
	font-size:10px;
	color:#666;
	width: 103px;
	padding: 35px 0 0 9px;
}

#side .product_info .phone p a{
	color:#666;
}

#side .product_info .phone p.qr{
	position: relative;
	bottom: 95px;
	left: 110px;
}

#side .product_info .phone p.qr a{
	width: 58px;
	height: 58px;
}

#side .product_info .brown_box{
	background:url(./img/brown_box.jpg) repeat-y;
	width: 205px;
	margin-left: 2px;
}

#side .product_info .brown_top{
	background:url(./img/brown_top.jpg) repeat-y;
	width: 205px;
	height: 8px;
}

#side .product_info .brown_bottom{
	background:url(./img/brown_bottom.jpg) repeat-y;
	width: 205px;
	height:8px;
}

/***********フッターここから***********/
#footer_bg{
	background:url(./img/footer_bg.png) bottom center;
	width:100%;
/*	height: 370px;*/

/*** ADD_20150618 ***/
	height: 382px;
	background-repeat: no-repeat;
}

#footer{
	clear: both;
	width: 978px;
	margin: 0 auto;
	padding-top: 183px;
}

#footer table{
	float: left;
	font-weight:bold;
}

#footer table tr td a{
	color:#630;
	background:url(./img/icon1.jpg) no-repeat;
	height: 17px;
	padding-left: 20px;
	margin-left: 45px;
	margin-bottom: 18px;
}

#footer table tr td a.adj{
	margin-left: 39px;
}

#footer table tr td a.adj2{
	margin-left: 40px;
}

#footer table tr td.icon2 a{
	background:url(./img/icon2.jpg) no-repeat;
}

#footer table tr td.icon3 a{
	background:url(./img/icon3.jpg) no-repeat;
}

#footer a{
	display: block;
}
#footer .footer_right{
	float: right;
	margin-right: 50px;
	margin-top: -3px;
	text-align: right;
}

#footer .footer_right a{
	padding: 0;
	margin-bottom: 2px;
}

#footer .footer_right p.interior{
	background:url(./img/interior.jpg);
	width: 177px;
	height: 24px;
	line-height: 21px;
}

#footer .footer_nav{
	font-size: 10px;

}

#footer .footer_nav>p{
	background:url(./img/interior.jpg) no-repeat;
	width: 177px;
	height: 24px;
	display: block;	
}

#footer_bg .copy{
	text-align:center;
	color:#630;
	background:#fff;
	line-height: 25px;
	margin-top: 21px;
	border-top:1px solid #ad9472;
}

/*TOPへ戻るボタン*/
.page-top-area{
	display: block;
	width: 1002px;
	height: 0px;
	margin: 0 auto;
	position: relative;
}

.Back_b{
	display: block;
	height: 0px;
	position: absolute;
	right: -10px;
}

.Back{
	position: fixed;
	bottom: 51px;
	right: 0;
}


/*　マージン制御　*/
#main .mb5{
	margin-bottom: 5px;
}

#main .mb7{
	margin-bottom: 7px;
}

#main .mb10{
	margin-bottom: 10px;
}

#main .mb15{
	margin-bottom: 15px;
}

#main .mb20{
	margin-bottom: 20px;
}

#main .mb25{
	margin-bottom: 25px;
}

#main .mb30{
	margin-bottom: 30px;
}

#main .mb40{
	margin-bottom: 40px;
}

#main .mb45{
	margin-bottom: 45px;
}

#main .mb50{
	margin-bottom: 50px;
}