@charset "utf-8";

/*******************************************************************************

	shop.kutsusenka.com

	01.index
	02.list
	03.detail

*******************************************************************************/


/* ------------------------------------------------------------------------
	contents-header
------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------
	h2
------------------------------------------------------------------------ */
.h2-box {
	background:url(/images/h2-bottom.gif) left bottom no-repeat;
	padding:0 0 5px 0;
	position:relative;
	margin:0 0 20px 0;
}
.h2-box h2 {
	background:url(/images/h2-top.gif) left top no-repeat;
	padding:35px 250px 0 25px;
	font-size:150%;
	min-height: 40px;
	height: auto !important;
	height: 40px;
}
.h2-box img {
	position:absolute;
	right:2px;
	top:2px;
}
#contents-header p {
	margin:0 10px;
}
/* ---------- ul ---------- */
#contents-header ul {
	border:1px solid #CCC;
	padding:10px 5px;
	text-align:center;
	line-height:1;
	margin:0 10px;
}
#contents-header ul li {
	display:inline;
	margin:0 5px;
}

/* ------------------------------------------------------------------------
	contents-body
------------------------------------------------------------------------ */
/* ------------------------------
	shop-list
------------------------------ */
#shop-list {
	margin:0 10px 20px 10px;
}
/* ------------------------------
	ページングリスト
------------------------------ */
.shop-num {
	position:relative;
	margin:5px 0 3px 0;
}
.shop-num ul {
	position:absolute;
	right:0;
	top:0;
}
.shop-num li {
	float:left;
	margin:0 5px;
}

.shop-num li.prev-shop-list a {
	background:url(/template/images/list/arrow-prev.gif) left center no-repeat;
	padding:5px 0 5px 20px;
}
.shop-num li.next-shop-list a {
	background:url(/template/images/list/arrow-next.gif) right center no-repeat;
	padding:5px 20px 5px 0;
}

/* ----- 一覧 ----- */
#shop-list table {
	border-top:1px solid #999;
	width:100%;
}

#shop-line {
	width:140px;
}
#addr-line {
	width:310px;
}

#service-line {
	text-align:center;
	width:210px;
}

#shop-list th,
#shop-list td {
	padding:10px;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
}

#shop-list th {
	background:url(/template/images/list/thead-bg.gif) left top;
	color:#FFF;
}

#shop-list table ul {
	width:90%;
	margin:0 auto;
	line-height:1;
}

#shop-list table ul li {
	float:left;
	margin:0 4px;
	min-height: 25px;
	height: auto !important;
	height: 25px;
}
#shop-list ul li.current-shop-list {
	font-weight:bold;
}
/* ========================================================================

	03.detail
	
======================================================================== */
.contents-box {
	margin:0 10px 20px 10px;
}

/* ------------------------------------------------------------------------
	contents-body
------------------------------------------------------------------------ */

/*---------- tab ----------*/
body.shop-cat .tab-nav {
	border-bottom:5px solid #044421;
	margin:0 0 10px 0;
}
body.shop-cat .tab-nav li {
	float:left;
	margin:0 5px 0 0;
	line-height:1;
}
body.shop-cat .tab-nav li img {
	vertical-align:bottom;
}
/* ----- shop-info ----- */

/* shop-info-l */
.shop-info-l {
	width:315px;
	float:left;
}

.shop-info-l img#main-photo {
	border:1px solid #999;
	padding:5px;
	background:#FFF;
	margin:0 0 10px 0;
}
.shop-info-l ul {
	text-align:center;
	line-height:0;
	margin:0 0 5px 0;
	font-size:10px;
}
.shop-info-l ul li {
	float:left;
}
.shop-info-l ul li img {
	border:1px solid #999;
	padding:3px;
	background:#FFF;
	cursor:pointer;
	vertical-align:top;
}
.shop-info-l ul li.thum2 img {
	margin:0 9px;
}
.shop-infot-l p.caution {
	clear:both;
	font-size:91.5%;
}
.shop-info-l p.caution span {
	color:#F00;
}

/* shop-info-r */
.shop-info-r {
	width:330px;
	float:right;
}

.shop-info-r dl {
	margin:0 0 20px 0;
	padding:5px;
	background:#EDEDED;
}

.shop-info-r dt {
	float:left;
	clear:left;
	width:5em;
	padding:5px 0;
	text-align:right;
}

.shop-info-r dd {
	margin:1px 0 1px 6em;
	border-left:2px solid #999;
	padding:5px 10px;
	background:#FFF;
}

/* アイコン表示 */
dd ul.service-list li {
	margin:0 10px 5px 0;
	padding:5px 10px 5px 35px;
}
/* IE6対策 */
* html dd ul.service-list li {
	padding:0 10px 0 35px;
	line-height:2.5;
}
/* IE7対策 */
*+ html dd ul.service-list li {
	padding-bottom:0;
	height:25px;
}
/* 縫付修理可 */
dd ul.service-list li#icon-sew-on {
	background:url(/images/icon-sew-on.gif) left center no-repeat;
}
/* 縫付修理不可(グレー表示) */
dd ul.service-list li#icon-sew-off {
	background:url(/images/icon-sew-off.gif) left center no-repeat;color:#666666;
}
/* 駐車場有 */
dd ul.service-list li#icon-park-on {
	background:url(/images/icon-park-on.gif) left center no-repeat;
}
/* 駐車場無(グレー表示) */
dd ul.service-list li#icon-park-off {
	background:url(/images/icon-park-off.gif) left center no-repeat;color:#666666;
}
/* 配達サービス有 */
dd ul.service-list li#icon-deliver-on {
	background:url(/images/icon-deliver-on.gif) left center no-repeat;
}
/* 配達サービス無(グレー表示) */
dd ul.service-list li#icon-deliver-off {
	background:url(/images/icon-deliver-off.gif) left center no-repeat;color:#666666;
}
/* クレジット利用可 */
dd ul.service-list li#icon-credit-on {
	background:url(/images/icon-credit-on.gif) left center no-repeat;
}
/* クレジット利用不可(グレー表示) */
dd ul.service-list li#icon-credit-off {
	background:url(/images/icon-credit-off.gif) left center no-repeat;color:#666666;
}

/* 合鍵サービス有 */
dd ul.service-list li#icon-key-on {
	background:url(/images/icon-key-on.gif) left center no-repeat;
}
/* 合鍵サービス無(グレー表示) */
dd ul.service-list li#icon-key-off {
	background:url(/images/icon-key-off.gif) left center no-repeat;color:#666666;
}

/* ------------------------------------------------------------------------
	shop-message
------------------------------------------------------------------------ */
.shop-message {
	margin:0 0 20px 0;
}

.shop-message h3 {	/* structureのh3設定を解除 */
	background:none;
	border-bottom:none;
	margin:0 0 15px 0;
	padding:0;
}
.shop-message p {
	margin: 0 10px;
}

/* ========================================================================

	03.coupon / map
	
======================================================================== */

/* ------------------------------------------------------------------------
	contents-body
------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------
	coupon-area
------------------------------------------------------------------------ */
.coupon-area ul {
	margin:0 auto;
	width:600px;
}
.coupon-area li {
	margin:0 0 15px 0;
}
.coupon-area li img {
	vertical-align:top;
}
/* ------------------------------------------------------------------------
	map-area
------------------------------------------------------------------------ */
.map-area dl {
	margin:0 10px 5px 10px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	background:#EDEDED;
}
.map-area dt {
	float:left;
	clear:left;
	width:6em;
	padding:0.5em;
	border-top:1px solid #999;
}
.map-area dd {
	margin:0 0 0 7em;
	padding:0.5em;
	border-top:1px solid #999;
	border-left:1px solid #999;
	background:#FFF;
}

/* ------------------------------------
	店舗検索エラーメッセージ
--------------------------------------*/
div.error_header {
	padding: 5px;
	border: 1px solid #f08080;
	width:   350px;
	margin: 0 auto;
	text-align: center;
	color: #ffffff;
	background-color: #f08080;
	font-size: 10pt;
}

div.error {
	padding: 10px;
	border: 1px solid #f08080;
	width:   340px;
	margin: 0 auto;
	line-height: 150%;
	text-align: left;
	color: #000000;
	background-color: #ffffff;
	font-size: 10pt;
}
/* ------------------------------------------------------------------------
	グーグルマップ
------------------------------------------------------------------------ */
#gmap {
	border:1px solid #999;
	height:350px;
	margin:0 10px 15px 10px;
}

#gmapdammy {
	border:1px solid #999;
	height:350px;
	margin:0 10px 15px 10px;
	background-color: #EDEDED;
}
#gmapdammy p.gmapmese{
	text-align: center;
	margin:0 auto;
	padding-top:120px;
	color: #666;
	font-size:32px;
}


/* ------------------------------------------------------------------------
	list
------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------
	都道府県リスト
------------------------------------------------------------------------ */
#area-nav ul {
	background:url(/template/images/area-nav/tab-bottom.gif) left bottom no-repeat;
}
#area-nav li {
	float:left;
}
#area-nav li img {
	vertical-align:top;
}
#pref-nav {
	background:url(/template/images/area-nav/pref.gif) left top no-repeat;
	margin:0 0 10px 0;
	padding:0 0 5px 10px;
}
#pref-nav dt {
	padding:3px 0 0 0;
}
#pref-nav dd {
	margin:0 0 0 1em;
}
#pref-nav dd a {
	margin:0 5px 0 0;
}

#pref-nav dd.ken-current,
#pref-nav dd a.ken-current {
	color:#F37209;
}


#pref-nav dl dd ul li {
	background:url("/template/images/area-nav/area-list-icon.gif") no-repeat scroll left center transparent;
	float:left;
	margin:0 10px 0 0;
	padding:0 0 0 18px;
	white-space:nowrap;
}
#pref-nav dl dd ul li.ken-current {
	background:url("/template/images/area-nav/area-list-icon-on.gif") no-repeat scroll left center transparent;
	float:left;
	margin:0 10px 0 0;
	padding:0 0 0 18px;
	white-space:nowrap;
}

.contents-box-lv3 {
	margin:0 10px;
}

#shop-list-bottom {
	background:url(/template/images/area-nav/shop-list-bottom.gif) left bottom no-repeat;
	padding:0 0 5px 0;
}
#shop-list-bottom .page-top {
	margin-bottom:0;
}

/* ----エラーメッセージ----*/
.list-message {
	background-color:#FFE8F8;
	border:1px solid #FFB9DC;
	color:#FF3399;
	margin:10px 100px 100px;
	padding:10px;
}

/* --------------------
	サービス情報
-------------------- */
.service-info {
	background:#EFEFEF;
	padding:10px 10px 5px 10px;
	margin:0 10px 20px;
}
.service-info h4 {
	border-bottom:1px solid #999;
	margin:5px 10px 15px 10px;
	padding:0 0 10px 0;
}
.service-info ul {
	margin:0 10px 15px 10px;
}
.service-info ul li {
	margin:0 5px;
	width:290px;
	line-height:1.2;
}
.service-info ul li.left {
	float:left;
}
.service-info ul li.right {
	float:right;
}
.service-info ul li img {
	vertical-align:top;
	margin:0 5px 5px 0;
	float:left;
}


/* ----- 店舗のご案内トップへ ----- */
p.shop-return {
	text-align:right;
	margin:0 15px 0 0;
}
p.shop-return a {
	background:url(http://www.kutsusenka.com/common/images/component/arrow-return.gif) left center no-repeat;
	padding:0 0 0 18px;
}