@import url(default.css);
@import url(layout.css);
@import url(layout_header.css);
@import url(side.css);
@import url(layout_footer.css);




/* LAYOUT
==============================*/

#bodyShopinfo #contentWrap {
        width: 850px;
        margin: auto;
}



#contentLeft {
	float: left ;
	width: 630px ;
	margin-right: 20px ;
	display: inline ;
}


#infoMapWrap {
	margin-bottom: 20px ;
	overflow: hidden ;
}

#sidenavi2 {
	float: left ;
	width: 200px ;
	display: inline ;
}



/* SHOP HEADER
==============================*/
#shopHeader{
	overflow: hidden ;
}

#shopName {
	height: 77px ;
	padding-right: 20px;
	padding-left: 20px ;
	margin-bottom: 10px ;
	background: url("../images/shopinfo/shophead.gif") no-repeat ;
}

#shopName .area {
	height: 35px ;
	color: #333 ;
	line-height: 35px ;
}

#shopName .shop {
	float: left ;
	height: 33px ;
	padding-left: 30px ;
	font-size: 16px ;
	font-weight: bold ;
	color: #333 ;
	line-height: 33px ;
}

#shopName .tel {
	float: right ;
	height: 33px ;
	font-family: verdana ;
	font-size: 14px ;
	font-weight: bold ;
	color: #666 ;
	line-height: 33px ;
        padding-right: 10px;
}

/* SHOP PHOTO
==============================*/
#shopPhoto {
	float: left ;
	width: 270px ;
	padding: 5px 5px ;
	margin-right: 10px ;
	display: inline ;
	padding-top:25px;
}

#shopPhoto img {
	width: 100% ;
}

/* SHOP COMMENT
==============================*/
#shopComment {
	float: left ;
	width: 325px ;
	line-height: 1.4 ;
	display: inline ;
	background: #fff ;
}

#shopComment dl {
	margin-bottom: 5px ;
}

#shopComment dt {
	height: 24px ;
	padding-top: 24px ;
	margin-bottom: 5px;
	border-bottom: 2px dotted #51a127 ;
	background: url("../images/shopinfo/shop_comment_title.gif") no-repeat ;
}

#shopComment .staff dt {
	background-position: 0px -30px ;
}

.staff img {
	float: right ;
	width: 120px ;
	margin-left: 8px ;
}

/* COMPANY INFO
==============================*/
#companyInfo {
	margin-right: 10px ;
	border: 3px solid #c5e4a8 ;
	background: #f2fde6 ;
}

#companyInfo dl * {
	padding: 5px;
	font-size: 12px ;
}

#companyInfo {
	float: left ;
	width: 390px ;
	margin-right: 15px ;
}

#companyInfo dl {
	margin: 5px ;
}

#companyInfo dt {
	float: left ;
	clear: both ;
	width: 110px ;
	padding: 0px 0px ;
	color: #fff ;
	text-align: center ;
	background: url("../images/shopinfo/shopdetail_dt.gif") no-repeat bottom ;
}

#companyInfo dd {
	position: relative ;
	float: left ;
	height: 1% ;
	width: 265px ;
	padding: 2px 0px 0px 5px ;
	margin-bottom: 3px ;
	border-top: 1px dotted #c5e4a8 ;
}

#companyInfo dd .detailLink {
	float: right ;
	width: 2.5em ;
	padding: 1px 0px ;
	margin-left: 10px ;
	border: 1px solid #006700 ;
	font-size: 10px ;
	color: #fff ;
	text-decoration: none ;
	text-align: center ;
	background: #66b91a ;
}

#companyInfo dd a {
	padding: 0 ;
	margin: 0 ;
}

/* NEW
==============================*/
.osusume img {
	float: left ;
	clear: both ;
	margin-right: 10px ;
	margin-bottom: 2px ;
}

.osusume div div {
	float: right ;
	width: 450px ;
}

.osusume h4 {
	clear: both ;
	height: 22px ;
	padding-top: 22px ;
	margin-bottom: 15px ;
	color: #fff ;
	background: url("../images/shopinfo/osusume.gif") no-repeat ;
}

.osusume .chintai h4 {
	background-position: 0px -22px ;
}

.osusume .baibai h4{
	background-position: 0px -44px ;
}

.osusume h5 {
	margin-bottom: 10px;
	border-bottom: 2px dotted #c5e4a8 ;
	font-size: 12px ;
	color: #690 ;
}

.osusume .chintai h5 {
	border-bottom: 2px dotted #ffc5c5 ;
	color: #ff5f5f ;
}

.osusume .baibai h5 {
	border-bottom: 2px dotted #c5defd ;
	color: #499191 ;
}

/* MAP
==============================*/

.toiawase a {
	height: 125px ;
	width: 210px ;
	padding-top: 125px ;
	display: block ;
	background: url("../images/shopinfo/toiawase.gif");
}

#companyAccess {
	float: left ;
	width: 200px ;
	display: inline ;
}

.detailMap {
	text-align: center ;
}

.detailMap a  {
	margin-bottom: 10px ;
	font-size: 10px ;
	color: #777 ;
	text-decoration: none ;
	display: block ;
	background: #c5e4a8 ;
}

/* 店舗一覧 */
.areaLineName{
	padding-left:3px;
	padding-top:2px;
	float:left;
	position:relative;
	top:5px;
	width:615px;
	font-size:16px;
	font-weight:700;
	color: #579E1D;
}
.areaShopName{
	position:relative;
	margin-left:13px;
	float:left;
	height:20px;
	width:277px;
	font-size:12px;
	background-image: url("/images/common/arrow.gif");
	background-repeat: no-repeat;
	background-position-y: 5px;
	padding-left: 15px;
}


/* STAFF
==============================*/
.staff_b a {
	height: 60px ;
	width: 200px ;
	padding-top: 60px ;
	line-height: 60px ;
	display: block ;
	background: url("../images/shopinfo/staff.gif") no-repeat ;
}

/* TEXT OVERFLOW
==============================*/
.staff_b a,
.osusume h4,
.toiawase a,
#shopComment dt {
	overflow: hidden ;
}

dl>.qr,
.staff_b>a,
.osusume div>h4,
.toiawase> a,
#shopComment dl > dt {
	height: 0px ;
}
/* コンテンツ */
a:focus {   outline:none;}

#shopsearch{
background: url(/images/shopinfo/shopsearch.gif) no-repeat;
width:397px;
height:122px;
float:left;

}

#gm {
float:left;
width: 193px;
height: 95px;
text-align:left;
background: url(/images/shopinfo/shoppita.gif) no-repeat;
 position:static;
margin-left:5px;
margin-top:23px;
}
#gm ul {
  margin: 0;
  padding: 0;
  list-style: none;
position:relative;
}
#gm li {
	margin: 0;
	padding: 0;
	width: 130px;
	text-indent: -9999px;
	position:absolute;
}
#gm li a , #gm li strong {
 height:20px;
  text-decoration: none;
  display: block;
  width: 130px;
}

#gm li#g02      {
 left:0;
 top:28px;
 height:21px;
}
#gm li#g02 a:hover , #gm li#g02 strong     {
background: url(/images/shopinfo/shoppita.gif) no-repeat -197px -28px;
 height:21px;
}
#gm li#g03      {
 left:0;
 top:48px;
 height:16px;
}
#gm li#g03 a:hover , #gm li#g03 strong     {
background: url(/images/shopinfo/shoppita.gif) no-repeat -197px -48px;
 height:16px;
}
#gm li#g04      {
 left:0;
 top:66px;
 height:16px;
}
#gm li#g04 a:hover , #gm li#g04 strong     {
background: url(/images/shopinfo/shoppita.gif) no-repeat -197px -66px;
 height:16px;
}


#gl {
float:left;
width: 193px;
height: 95px;
text-align:left;
background: url(/images/shopinfo/shoptat.gif) no-repeat;
 position:static;
margin-top:23px;

}
#gl ul {
  margin: 0;
  padding: 0;
  list-style: none;
position:relative;
}
#gl li {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	position:absolute;
}
#gl li a , #gl li strong {
  text-decoration: none;
  display: block;
}


#gl li#g05      {
 left:0;
 top:43px;
 height:15px;
 width:118px;
}
#gl li#g05 a , #gl li#g05 strong     {
 height:15px;
 width:118px;
}
#gl li#g05 a:hover , #gl li#g05 strong     {
background: url(/images/shopinfo/shoptat.gif) no-repeat -196px -43px;
 height:15px;
 width:118px;
}


#gl li#g06      {
 left:0;
 top:57px;
 height:15px;
 width:120px;
}
#gl li#g06 a , #gl li#g06 strong     {
 height:15px;
 width:120px;
}
#gl li#g06 a:hover , #gl li#g06 strong     {
background: url(/images/shopinfo/shoptat.gif) no-repeat -196px -57px;
 height:15px;
 width:120px;

}

#gl li#g07      {
 left:0;
 top:73px;
 height:15px;
 width:120px;

}#gl li#g07 a:hover , #gl li#g07 strong     {
background: url(/images/shopinfo/shoptat.gif) no-repeat -196px -73px;
 height:15px;
 width:120px;
}
#gl li#g07 a , #gl li#g07 strong     {
 height:15px;
 width:120px;
}
#gl li#g08      {
 left:120px;
 top:43px;
 height:15px;
 width:60px;
}
#gl li#g08 a:hover , #gl li#g08 strong     {
background: url(/images/shopinfo/shoptat.gif) no-repeat -317px -43px;
 height:15px;
 width:60px;

}
#gl li#g08 a , #gl li#g08 strong     {
 height:15px;
 width:60px;

}
#gl li#g09      {
 left:120px;
 top:57px;
 height:16px;
 width:60px;

}
#gl li#g09 a:hover , #gl li#g09 strong     {
background: url(/images/shopinfo/shoptat.gif) no-repeat -317px -57px;
 height:16px;
 width:60px;

}
#gl li#g09 a , #gl li#g09 strong     {
 height:16px;
 width:60px;

}

#gl li#g10      {
 left:120px;
 top:73px;
 height:16px;
 width:70px;

}
#gl li#g10 a:hover , #gl li#g10 strong     {
background: url(/images/shopinfo/shoptat.gif) no-repeat -317px -73px;
 height:16px;
 width:72px;

}
#gl li#g10 a , #gl li#g10 strong     {
 height:16px;
 width:72px;
}