/* CSS Document */
@import	"../css/common.css";



/*-----------------------------------------------------------------------*/
/*title*/
/*-----------------------------------------------------------------------*/
h2 {
	width: 580px;
	height: 60px;
	margin-bottom: 24px;
	background: url("image/title.png") no-repeat;
}
/*hideText*/
h2 span#main-title{
	display: none;
}

/*-----------------------------------------------------------------------*/
/*groupBanner*/
/*-----------------------------------------------------------------------*/
#group-banner {
	width: 492px;
	margin: auto auto 15px 60px;
}
#group-banner ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#group-banner ul li {
	float: left;
	margin: 0 9px 9px 0;
	padding: 0;
}
#group-banner ul li a {
	display: block;
	width: 150px;
	height: 150px;
}
/*birioncoffee*/
li#gp-birioncoffee, li#gp-birioncoffee a {
	background: url("image/banner_birioncoffee.png") no-repeat;
}
/*yoshidaseimen*/
li#gp-yoshidaseimen, li#gp-yoshidaseimen a {
	background: url("image/banner_yoshidaseimen.png") no-repeat;
}
/*baanboon*/
li#gp-baanboon, li#gp-baanboon a {
	background: url("image/banner_baanboon.png") no-repeat;
}
/*gou*/
li#gp-gou, li#gp-gou a {
	background: url("image/banner_gou.png") no-repeat;
}
/*toriden*/
li#gp-toriden, li#gp-toriden a {
	background: url("image/banner_toriden.png") no-repeat;
}
/*dotonbori*/
li#gp-dotonbori, li#gp-dotonbori a {
	background: url("image/banner_dotonbori.png") no-repeat;
}
/*triliion*/
li#gp-trillion, li#gp-trillioni a {
	background: url("image/banner_trillion.png") no-repeat;
}/*kaiou*/
li#gp-kaiou, li#gp-kaiou a {
	background: url("image/banner_kaiou.png") no-repeat;
}
/*jyou*/
li#gp-jyou, li#gp-jyou a {
	background: url("image/banner_jyou.png") no-repeat;
}

/*hideText*/
#group-banner span {
	display: none;
}
/*clearHack*/
#group-banner ul{zoom:1;}
#group-banner ul:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}




/*-----------------------------------------------------------------------*/
/*shopMenu*/
/*-----------------------------------------------------------------------*/
#shop-menu {
	width: 180px;
	height: 148px;
	margin-bottom: 15px;
	background: url("image/menu_box.png") no-repeat;
}
#shop-menu ul {
	margin-left: 15px;
	padding-top: 15px;
	list-style: none;
}
#shop-menu ul li a {
	display: block;
}
li#shop-top a {
	width: 148px;
	height: 90px;
}
li#recipe a {
	width: 105px;
	height: 19px;
}
/*hideText*/
#shop-menu ul li span {
	display: none;
}

/*-----------------------------------------------------------------------*/
/*mainImage*/
/*-----------------------------------------------------------------------*/
#main-image {
	margin: auto auto 15px auto;
}
#main-image p {
	padding: 9px 15px;
}
/*-----------------------------------------------------------------------*/
/*recipeImage*/
/*-----------------------------------------------------------------------*/
#recipe-image {
	margin: auto auto 15px auto;
}
#recipe-image-bt {
	width: 230px;
	height: 30px;
	margin-left: 350px;
	background: url("image/bt_menu2.png") no-repeat;
	text-align: right;
}
#recipe-image-bt a {
	display: block;
	width: 230px;
	height: 30px;
}
/*hideText*/
#recipe-image-bt a span {
	display: none;
}
/*-----------------------------------------------------------------------*/
/*shopImage*/
/*-----------------------------------------------------------------------*/
#shop-image {
	margin: auto;
}


/*-----------------------------------------------------------------------*/
/*shopContents*/
/*-----------------------------------------------------------------------*/
#shop-contents {
	width: 580px;
}
/*hideText*/
#shop-contents h3 span {
	display: none;
}
#shop-contents div.data-box {
	width: 269px;
	background: #1b1b1b url("image/back_contents.png") no-repeat;
}

/*clearHack*/
#shop-contents{zoom:1;}
#shop-contents:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}


/*-----------------------------------------------------------------------*/
/*shopData*/
/*-----------------------------------------------------------------------*/
#shop-data {
	display: inline;
	float: left;
	width: 269px;
}
#shop-data h3 {
	width: 269px;
	height: 38px;
	background: url("image/t_data.png") no-repeat;
}
#shop-data table {
	width: 260px;
	margin: auto 3px 12px 3px;;
}
#shop-data table th, #shop-data table td {
	padding: 3px 6px;
	border-bottom: 1px solid #555;
	font-weight: normal;
	text-align: left;
}
#shop-data table th {
	white-space: nowrap;
}
/*-----------------------------------------------------------------------*/
/*mapData*/
/*-----------------------------------------------------------------------*/
#map-data {
	display: inline;
	float: right;
	width: 269px;
}
#map-data h3 {
	width: 269px;
	height: 38px;
	background: url("image/t_map.png") no-repeat;
}
#map-data iframe {
	margin: auto 3px;
}
#map-data a {
	display: block;
	padding-right: 6px;
	text-align: right;
}