@charset "utf-8"; 

/*
 *	Stylesheet for www.esteban.co.jp/shops/
 *
 *	Copyright (C) ESTEBAN. All Rights Reserved.
 *
 *	/shops/css/shops.css
 */


#main a:link,
#main a:visited {
	text-decoration:underline;
	color:#000;}

#main a:hover,
#main a:active {
	text-decoration:underline;
	color:#b3474a;}

/******************************/
/**         content          **/
/******************************/
#content h1 {
	padding:0 0 10px 0;}

#main h2 {
	height:31px;}

#main h3 {
	margin:14px 0 4px 0;}

#shops_index #main ul {
	border-top:1px dashed #fff;
	color:#fff;
	margin:0 0 20px 0;
	width:200px;}

#shops_index #main ul li {
	border-bottom:1px dashed #fff;
	line-height:1.8;}

#shops_index #main p {
	margin:5px 0 0 26px;
	width:230px;
	line-height:1.3;}

#shops_index #content .links h3 {
	margin-left:25px;}

#shops_index #content dl.links {
	border-bottom:1px dotted #f5a679;}

#shops_index #content dl dt {
	font-weight:bold;
	margin-top:10px;
	line-height:1.4;}

#shops_index #content dl dd {
	padding:6px 0 10px 0;
	font-size:10px;
	line-height:1.5;}

#main {
	padding-top:0;}

#shops #main .pagination {
	background:url(/shops/images/bg_pagination.gif) 30px -6px no-repeat #fff;
	padding:0 30px;
	height:28px;}

#shops #main .pagination p {
	float:right;
	width:123px!important;
	padding:2px 0 3px 0!important;
	margin:3px 0!important;
	border-left:1px solid #999;}

#shops #main .pagination p a {
	background:url(/shops/images/icon_arrow.gif) 3px 50% no-repeat;
	padding:0 0 0 15px;
	float:right;
	margin:0 8px 0 0!important;
	text-decoration:none!important;}

#shops #main .wrap {
	margin:0 30px;
	background:url(/shops/images/bg_border.gif) 0 0 no-repeat #fff;}

#main .visual {
	border:1px solid #ccc;
	float:left;
	width:433px;
	margin:28px 0 0 0;}

#shops #main .visual h1 {
	color:#666;
	font-size:16px;
	padding:25px 20px 20px 20px;
	font-weight:normal;}

#shops #main .visual h2.txt {
	padding:20px 20px 10px;
	font-size:13px;
	color:#7facad;
}

#content #main .visual h2 {
	margin:0;
	padding:10px 20px 3px 20px;
	height:auto;}

#shops #main .visual p {
	width:auto;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	line-height:1.5;}

.recommend {
	float:left;
	width:268px;}

#main .visual .recommend p {
	padding-right:0;}

.recommend p span {
	font-size:10px;
	line-height:1.2;
	display:block;}

#main .visual p.item {
	 float:left;
	 width:138px;
	 height:138px;
	 padding:0!important;
	 margin:0 0 20px 0;}

#main .visual#map {
	width:230px;
	margin-left:10px;
	text-align:right;
	float:right;
	border:0;}

#content dl#hours {
	padding:0 0 0 25px;
	height:100%;}

#shops dl dt {
	font-weight:normal;
	margin-top:0;
	line-height:1.5;
	float:left;
	width:4.5em;}

#shops dl dd {
	padding:0;
	font-size:12px;
	line-height:1.5;
	width:200px;
	float:left;}

/* 2008-01-09 modified */
#shops_index #content td.links table {
	margin-left:25px;
	margin-bottom:20px;
}


/* Friendly Network */
#friendly-net #main p {
	width:auto;}

#friendly-net #main .wrap {
	background-color:#fff;
	padding:0 23px;
	margin-top:24px;}

#friendly-net #main .wrap p {
	padding:0;
	margin:0;
	color:#666;}

#friendly-net #main .wrap p.description {
	background:url(/shops/friendly-net/images/li-maru.gif) 0 50% no-repeat;
	padding:5px 0 5px 28px;
	line-height:1.6;
	font-size:13px;
	color:#b3474a;
	font-weight:bold;}

#friendly-net #main .wrap .pagination p {
	text-align:right;
	margin:15px 0 10px;}

#friendly-net .title {
	border-bottom:6px solid #c4c5c3;}

#friendly-net .shops {
	margin-top:5px;
	margin-bottom:10px;}

td span.icon {
	color:#ea8240;}

td span {
	color:#b3474a;}

#friendly-net td {
	padding:4px 6px;
	line-height:1.5;
	color:#666;
	font-size:105%;}

#friendly-net #main h1 {
	height:auto;
	padding:0;
	margin:0;
	text-indent:0;
	float:none;}

#friendly-net #main h2 {
	height:auto;
	font-size:14px;
	font-weight:bold;
	padding:15px 0 0 5px;
	margin:0;
	color:#bb6e52;}

#friendly-net #main a {
	color:#006699;}

#friendly-net td.address {
	background-color:#bdb1a8;
	padding:0px;}

#friendly-net td.detail {
	background-color:#f8eeea;}

#main div.skip {
	margin-top:30px;
	width:750px!important;
	height:25px;
	background:url(/shared/images/bg_totop.gif) 0 0 no-repeat;}

#main .skip p {
	padding:0!important;
	margin:0!important;
	width:auto!important;
	line-height:1.0;}

#main .skip p a {
	display:block;
	width:117px!important;
	height:24px;
	margin:0 15px 0 0;
	background:url(/shared/images/btn_totop.gif) 0 0 no-repeat;}

td {
	font-size:12px;}

/*¥*/
* html body {
	margin-left:1px!important;}

* html body td {
	_font-size:80%!important;}
/**/
