@charset "utf-8";
@import "oldstyles.css";

/*　top
-------------------------------------*/

/* #mainArea {
  font-size: 14px;
  line-height: 1.5;
} */

/* Bootstrap と Google Mpas が干渉するので解除 */
#storeAllMap label, #storeMap label {
  width: auto; display:inline;
}
#storeAllMap img, #storeMap img {
  max-width: none;
}

h3 {
    margin: 30px 0 10px 0;
}

#SelectionBlock {
    background: url(/img/foodstore/foodstore_top_bg001.gif) left top no-repeat;
    width: 700px;
    height: 160px;
    position: relative;
}

#SelectionBlock h2 {
    position: absolute;
    top: 37px;
    left: 137px;
}

#SelectionBlock p {
    position: absolute;
    top: 45px;
    left: 388px;
    font-size: 39px;
    color: #ff6633;
    font-weight: bold;
}

#SelectionBlock ul{
    position:absolute;
     top: 111px;
    left: 5px;
}

#SelectionBlock ul li {
    float:left;
}

#SelectionBlock #Sel01 {
    position: absolute;
    top: 111px;
    left: 40px;
}

#SelectionBlock #Sel02 {
    position: absolute;
    top: 111px;
    left: 165px;
}

#SelectionBlock #Sel03 {
    position: absolute;
    top: 111px;
    left: 290px;
}

#SelectionBlock #Sel04 {
    position: absolute;
    top: 111px;
    left: 415px;
}

#SelectionBlock #Sel05 {
    position: absolute;
    top: 111px;
    left: 540px;
}

#OutlineBlock {
    background: url(/img/foodstore/Outline_bg_002.gif) left bottom no-repeat;
    width: 700px;
    margin-top: 23px;
}

#OutlineBlock #OutlineBlockInner {
    background: url(/img/foodstore/Outline_bg_001.gif) left top no-repeat;
    padding: 24px 40px 24px;
}

#OutlineBlock #OutlineBlockdl01 {
width: 285px;
float: left;
}


#OutlineBlock #OutlineBlockdl01 dt{
    margin-bottom: 12px;
}

#OutlineBlockInner01 {
	float: right;
	width: 280px;
}

#OutlineBlock div h4 {
    margin-bottom: 12px;
}

#OutlineBlock div a {
    margin-bottom: 24px;
}

#OutlineBlock #OutlineBlockPickup {
    background: url(/img/foodstore/OutBlock_pickup_bg002.gif) left bottom no-repeat;
    width: 280px;
}

#OutlineBlock #OutlineBlockPickup #pickupInner {
    background: url(/img/foodstore/OutBlock_pickup_bg001.gif) left top no-repeat;
    padding: 11px 13px;
    margin-bottom: 21px;
}

#list {
   text-align: center;
   margin:0 0 0 210px;
}

#pickupInner dl {
}

#pickupInner dt {
    width: 80px;
    float: left;
    padding: 0 12px 5px 0;
}

#pickupInner dd {
    width: 141px;
    float: right;
    background: url(/img/foodstore/OutlBlock_pickup_icon001.gif) 0 4px no-repeat;
    padding: 0 0 0 21px;
    font-weight: bold;
}

#pickupInner ul {
}
#pickupInner #pickupList01 {
    background: url(/img/foodstore/OutlBlock_pickup_icon002.gif) 0 5px no-repeat;
    padding: 0 0 0 21px;
}

#pickupInner #pickupList02 {
    background: url(/img/foodstore/OutlBlock_pickup_icon003.gif) 0 4px no-repeat;
    padding: 0 0 0 21px;
}

#searchBlock div {
	border: #e6e6e6 1px solid;
	padding: 15px 0;
}

#searchBlock form {
	width: 362px;
	margin: 0 auto;
}

/* #searchBlock #searchText {
	border: none;
	background: url(/img/foodstore/foodstore_wordbg_001.gif) left top no-repeat;
	width: 280px;
	height: 30px;
	padding: 0 10px;
} */

#searchBlock #searchBtn {
	background: url(/img/foodstore/foodstore_wordbtn_001_off.gif) left 1px no-repeat;
	border: none;
	height: 31px;
	width: 58px;
	cursor: pointer;
}

#searchBlock #searchBtn:hover {
	background: url(/img/foodstore/foodstore_wordbtn_001_on.gif) left 1px no-repeat;
}

#MapBlock {
    margin:0 0 30px 0;
}

#MapBlock li {
	float: left;
	font-weight: bold;
	background: url("/img/foodstore/foodstore_mapbtn_001_off.gif");
}

#MapBlock li a {
	display: block;
	width: 95px;
	height: 23px;
	padding: 7px 0 0 25px;
}

#MapBlock li a:hover {
	background: url("/img/foodstore/foodstore_mapbtn_001_on.gif");
}

#categoryBlock ul {
    padding-left: 19px;
}

#categoryBlock li {
    background: url(/img/foodstore/category_Btn_001.gif) 0 4px no-repeat;
    padding: 0 0 9px 21px;
    width: 139px;
    float: left;
}

#categoryBlock li a {
    text-decoration: underline;
}

#categoryBlock li a:hover {
    text-decoration: none;
}

#prBlock {
	margin-top: 20px;
}


/*　summary
-------------------------------------*/

.FoodsOut {
    margin: 30px 0 7px 0;
}
#SelectionBlock h2 {
    position: absolute;
    top: 37px;
    left: 137px;
}

#OkiOutLine {
    margin-top: 23px;
}

#SelectionBlock p {
    position: absolute;
    top: 54px;
    left: 472px;
    font-size: 28px;
    color: #ff6633;
    font-weight: bold;
}

#WhatOkisyoku01 {
    padding: 0 36px 0 19px;
}

#WhatOkisyokuInner {
    float: left;
    width: 408px;
    padding: 0 0 0 21px;
}

#WhatOkisyokuInner p {
    font-weight: bold;
    padding: 0 0 7px 0;
}

#WhatOkisyokuInner dd {
    background: url(/img/foodstore/Outline_List_002.gif) 0 4px no-repeat;
}
#WhatOkisyoku01 dd {
    padding: 0 0 12px 21px;
}

#WhatOkisyoku02 {
   float: right;
   width: 175px;
}

#DistinguishArea01 {
    padding: 0 45px 0 38px;
}

#DistinguishArea01 ul {
    float: right;
    width: 400px;
}

#DistinguishArea01 p {
   float: left;
   width: 165px;
}

#RoleArea01 {
    padding: 0 22px 0 40px;
}

#RoleArea01 ul {
    float: left;
    width: 435px;
}

#RoleArea01 p {
   float: right;
   width: 182px;
   padding: 16px 0 0;
}

#InformationArea01 {
    background: url(/img/foodstore/information_bg_n002.gif) left bottom no-repeat;
    width: 700px;
    margin: 30px 0 30px;
}

#InformationArea01 div {
    background: url(/img/foodstore/information_bg_n001.jpg) left top no-repeat;
    padding: 40px 50px 40px 39px;
}

#InformationArea01 dl {
    width: 387px;   
}

.InformationAreaInner01 {
    padding: 10px 0;
}


/*　store
-------------------------------------*/

#storeNameArea {
	background: url(/img/foodstore/foodstoreEnt_bg_001.gif) left bottom no-repeat;
	margin: 22px 0 0 0;
}

#storeNameArea div {
	background: url(/img/foodstore/foodstoreEnt_bg_002.gif) left top no-repeat;
	padding: 20px 40px;
}

#storeNameArea #storeReg {
	border: 1px solid #666666;
	width: 128px;
	background: #ffffff;
	margin: 0 0 5px 0;
}

#storeNameArea #storeReg dt {
	float: left;
	border-right: 1px solid #666666;
	background: #666666;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 10px 0;
	font-size: 10px;
}

#storeNameArea #storeReg dd {
	float: left;
	background: #ffffff;
	font-weight: bold;
	padding: 2px 10px 0;
	font-size: 10px;
}

#storeNameArea h2 {
	font-size: 24px;
	font-weight: bold;
	background: url(/img/foodstore/foodstoreEnt_bg_003.gif) left bottom no-repeat;
	padding: 0 0 6px 0;
	margin: 0 0 8px 0;
}

#storeNameArea p {
	font-weight: bold;
	font-size: 18px;
}


#storeTypeBlock table {
	background: #cccccc;
}

#storeTypeBlock table th {
	background: #FFD884;
	font-weight: bold;
	width: 23%;
	text-align: center;
	border: 1px solid #ffffff;
	padding: 2px 0 0 0;
}

#storeTypeBlock table td {
	background: #ffffff;
	width: 10%;
	text-align: center;
	border: 1px solid #ffffff;
	padding: 2px 0 0 0;
}


.storeBlock01 {
	margin: 24px 0 0 0;
}

.storeBlock01Inner {
	padding: 8px 10px 0;
}

#storegallery {
	margin: 10px 0 0 0;
}

#storegallery div {
	border: 1px solid #cfcfcf;
	margin: 0 15px 10px 0;
}

#storePhoto01 div img {
	border: 1px solid #ffffff;
}

.storeReco01 {
	background: url(/img/foodstore/foodstoreEnt_line_001.gif) left bottom repeat-x;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}

.storeReco01 dt {
	float: left;
	background: url(/img/foodstore/foodstoreEnt_icon_001.gif) 0 5px no-repeat;
	padding: 0 0 0 15px !important;
	margin: 0 20px 0 0;
	font-weight: bold;
	color: #cb8350;
}

.storeReco01 dd {
	float: left;
}

#storeInfo {
	width: 440px;
	float: left;
	background: #cccccc;
}

#storeMap {
	width: 228px;
	float: right;
	border: 1px solid #cccccc;
}

#storeInfo th {
	border: 1px solid #ffffff;
	background: #ffd884;
	width: 30%;
	text-align: center;
	padding: 3px 0 1px;
}

#storeInfo td {
	background: #ffffff;
	width: 70%;
	padding: 3px 0 1px 10px;
}





/*　storelist
-------------------------------------*/

#foodstoreListNumber {
	background: #ffffff;
	border: 2px solid #f1e4d9;
	padding: 1px;
	margin-bottom: 15px;
}

#foodstoreListNumber p {
	text-align: center;
	padding: 8px 0 5px;
	font-weight: bold;
	background: #f9f9f3;
}

#foodstoreListNumber p span {
	color: #ff0000;
	font-size: 18px;
}

.foodstoreListBlock01 {
	background: #ffffff;
	border: 1px solid #cccccc;
	padding: 1px;
	margin-bottom: 15px;
}

.foodstoreListBlock01Inner {
	background: #ffffff;
	border: 10px solid #ffeada;
	padding: 10px;
}

.foodstoreListBlock02 {
	float: right;
	width: 521px;
}

.foodstoreListBlock02 h4 {
	font-size: 18px;
	font-weight: bold;
	background: url(/img/foodstore/foodstoreList_line_001.gif) left bottom repeat-x;
	margin: 0 0 7px 0;
}

.foodstoreListBlock02 h4 a {
	color: #b24c01;
	text-decoration: underline;
}

.foodstoreListBlock02 h4 a:hover {
	text-decoration: none;
}

.foodstoreListBlock02 li {
	margin: 0 20px 0 0;
	font-size: 16px;
	font-weight: bold;
}

.foodstoreListBlock02 p {
	margin: 5px 0 0 0;
}

.foodstoreListBlock03 {
	float: left;
	width: 98px;
	border: 1px solid #cccccc;
}

.foodstoreListBlock03 img {
	border: 1px solid #ffffff;
}

#foodstoreListBlock04 {
	margin-top: 30px;
}

#foodstoreListBlock04 h5 {
	margin-bottom: 10px;
}

#foodstoreListBlock04 ul {
	padding: 0 10px;
}

#foodstoreListBlock04 li {
	float: left;
	width: 155px;
	background: url(/img/foodstore/foodstoreEnt_icon_001.gif) 0 5px no-repeat;
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
}

#foodstoreListBlock04 li a {
	text-decoration: underline;
}

#foodstoreListBlock04 li a:hover {
	text-decoration: none;
}


/*　shopList
-------------------------------------*/
#shopList {
    margin: 10px 0 0 0 ;
}

#shopList h4 {
    background:#eee;
    border-left:7px solid #ccc;
    padding:.2em .9em;
	font-weight: bold;
	margin-bottom: 5px;
}

#shopList ul {
    margin: 0 0 15px 22px ;
}

#shopList ul li {
    background: url(/img/foodstore/foodstorelist_bg_00.gif) 0 4px no-repeat;
    padding: 0 0 8px 23px ;
}