﻿/*
	------------------------------------
		フォント関連
	------------------------------------
*/
body
{
	font-size: 85%;
	line-height: 22px;
/*	
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
*/
	font-family: 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;

	/*\*/
	letter-spacing: 0.1em;
	/**/

	background: url(/image/common/back/back.gif) repeat-x;
}

br {
	letter-spacing: 0;
}

/*
	------------------------------------
		リンク
	------------------------------------
*/

a
{
	color: #0773BD;	
}

/*
	------------------------------------
		横線
	------------------------------------
*/
hr
{
	clear: left;
	color: #DEDEDE;
}

/*
	------------------------------------
		ヘッダー（左）
	------------------------------------
*/

#header-left a 
{
	display: block;
	width: 240px; 						/* 画像の幅に合わせて調整 */
	text-indent: -9877px; 				/* textの位置 */
	text-decoration: none;
	outline: none; 						/* クリック時の枠線を消す */
	background-image: url(/image/common/logo/logo.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px;		/* point 位置調整 */
	border-bottom: none;
	padding-bottom: 62px; 				/* 画像の高さに合わせて調整 */
}

/*
	------------------------------------
		ヘッダー（中央）
	------------------------------------
*/

#header-center 
{
	line-height: 40px;	
}

/*
	------------------------------------
		ヘッダー（右）
	------------------------------------
*/

#header-right
{
	text-align: right;
	line-height:40px;	
}

#header-right li 
{
	display: inline;
	list-style-type: none;
}

#header-right li a 
{
	float: right;
	padding-left: 15px;
	display: block;
	text-align: right;
	text-decoration: none;
	overflow: hidden;
}


/*
	------------------------------------
		グローバルナビ（共通）
	------------------------------------
*/

#gnavi 
{	
	height: 32px;
	background: url(/image/common/gnavi/gnavi.gif);
}

#gnavi ul 
{

}

#gnavi li 
{
	display: inline;
	list-style-type: none;
}

#gnavi li a 
{
	width: 100px;
	height: 32px;
	display: block;
	float: left;
	text-indent: -9877px;
	text-decoration: none;
	overflow: hidden;
}

/*
	------------------------------------
		グローバルナビ（個別）
	------------------------------------
*/

#gnavi li.gnavi1 a 
{
	background: url(/image/common/gnavi/top.gif) no-repeat 0px 0px;
}

#gnavi li.gnavi1 a:hover
{
	background: url(/image/common/gnavi/top_hover.gif) no-repeat 0px 0px;
}

#gnavi li.gnavi2 a 
{
	background: url(/image/common/gnavi/search.gif) no-repeat 0px 0px;
}

#gnavi li.gnavi2 a:hover
{
	background: url(/image/common/gnavi/search_hover.gif) no-repeat 0px 0px;
}

#gnavi li.gnavi3 a 
{
	background: url(/image/common/gnavi/news.gif) no-repeat 0px 0px;
}

#gnavi li.gnavi3 a:hover
{
	background: url(/image/common/gnavi/news_hover.gif) no-repeat 0px 0px;
}

#gnavi li.gnavi4 a 
{
	background: url(/image/common/gnavi/campaign.gif) no-repeat 0px 0px;
}

#gnavi li.gnavi4 a:hover
{
	background: url(/image/common/gnavi/campaign_hover.gif) no-repeat 0px 0px;
}

#gnavi li.gnavi5 a 
{
	background: url(/image/common/gnavi/info.gif) no-repeat 0px 0px;
}

#gnavi li.gnavi5 a:hover
{
	background: url(/image/common/gnavi/info_hover.gif) no-repeat 0px 0px;
}

#gnavi li.gnavi6 a 
{
	background: url(/image/common/gnavi/regist.gif) no-repeat 0px 0px;
}

#gnavi li.gnavi6 a:hover
{
	background: url(/image/common/gnavi/regist_hover.gif) no-repeat 0px 0px;
}

/*
	------------------------------------
		トピックリスト
	------------------------------------
*/

#topic-list ul 
{
	padding-bottom: 5px;
}

#topic-list li 
{
	display: inline;
	list-style-type: none;
	padding-right: 5px;
}

#topic-list li a 
{
	display: inline;
	overflow: hidden;
}

/*
	------------------------------------
		ボックス
	------------------------------------
*/

div.box
{
	border: solid 1px #DEDEDE;
	background-color: #FAFAFA;
	margin-bottom: 10px;
}

div.box h2
{
	padding-left: 10px;
	line-height: 24px;
	font-size: 108%;
	font-weight: bold;
	color: white;
	height:24px;
	background: url(/image/common/title/title.gif);
}

div.box div
{
	padding: 10px 10px 10px 10px;
}

/*
	------------------------------------
		ボックス：メッセージ
	------------------------------------
*/

div.box-message
{
	border: solid 1px #CCCCCC;
	text-align: center;
	line-height: 200px;
	margin-bottom: 10px;
}

/*
	------------------------------------
		ボックス：センター
	------------------------------------
*/

div.box-center
{
	text-align: center;
	margin-bottom: 10px;
}

/*
	------------------------------------
		ボックス：印刷用
	------------------------------------
*/

div.box-print
{
	background-color: #FFFFFF;
	width: 640px;
	padding: 5px;
	margin-bottom: 10px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
}

/*
	------------------------------------
		ボックス（PR）
	------------------------------------
*/

div.box-pr
{
	border: solid 1px #DEDEDE;
	background-color: #FAFAFA;
	margin-bottom: 10px;
}

div.box-pr h2
{
	padding-left: 10px;
	line-height: 24px;
	font-size: 108%;
	font-weight: bold;
	color: black;
	height:24px;
	background: url(/image/common/title/title-pr.gif);
}

div.box-pr div
{
	padding: 5px 5px 5px 5px;
}

/*
	------------------------------------
		ページャー
	------------------------------------
*/

ul.pager 
{
	margin: 10px;
	font-weight: bold;
}

ul.pager li 
{
	float: left;
    display: inline;
	list-style-type: none;
	margin-right: 5px;
	border: solid 1px #499ED5;
}

ul.pager li.prev,
ul.pager li.next 
{
	border: none;
}


ul.pager li a 
{
	position: relative;
	display: block;
	padding-top: 0px;
	padding-right: 8px;
	padding-left:8px;
	padding-bottom: 0px;
	color: #499ED5;
}

ul.pager li a:link,
ul.pager li a:visited 
{
	text-decoration: none;
}

ul.pager li a:hover,
ul.pager li a:active {
	background-color: #9CD6F4;
	text-decoration: none;
}

ul.pager li em 
{
	display: block;
	padding-top: 0px;
	padding-right: 8px;
	padding-left:8px;
	padding-bottom: 0px;
	background: #499ED5;
	color: #FFFFFF;
}

/*
	------------------------------------
		一覧：ボックス
	------------------------------------
*/

div.list-box-0
{
	clear: left;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

div.list-box-1
{
	clear: left;
	background-color: #F0F0F0;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

/*
	------------------------------------
		一覧：アイテム
	------------------------------------
*/

ul.list-item
{
	
}

ul.list-item li
{
	display: inline;
	list-style-type: none;
	padding-right: 5px;
}

li.list-item-header
{
	font-weight: bold;
}

li.list-item-marker
{
	color: red;
}

/*
	------------------------------------
		店舗検索：ボックス
	------------------------------------
*/

#shop-search dl
{
	clear: left;
	height: 24px;
}

#shop-search dt
{
	float: left;
	display: inline;
	list-style-type: none;
	padding-right: 5px;
	
	text-align: right;
	width: 120px;	
}

#shop-search dd
{	
	float: left;
	display: inline;

	list-style-type: none;
	padding-right: 5px;
}

#shop-search ul
{
	clear: left;
	line-height: 24px;
	height: 72px;
	margin-left: 125px;
}

#shop-search li
{
	float: left;
	display: inline;
	list-style-type: none;
	padding-right: 5px;
	width: 170px;	
}

#shop-search p
{
	text-align: right;
}

/*
	------------------------------------
		店舗一覧：ボックス
	------------------------------------
*/

div.shop-list-box-0
{
	clear: left;
	height: 150px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

div.shop-list-box-1
{
	clear: left;
	height: 150px;
	background-color: #F0F0F0;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/*
	------------------------------------
		店舗一覧：アイテム
	------------------------------------
*/

div.shop-list-item-img
{
	width: 150px;	
	float: left;	
	margin-right: 10px;	
}

div.shop-list-item-img img
{
	width: 150px;
	height: 150px;	
}

div.shop-list-item
{
	width: 508px;
	float: left;	
}

ul.shop-list-item li
{
	display: block;
	list-style-type: none;
	padding-right: 5px;
}

li.shop-list-item-header
{
	font-weight: bold;
}

li.shop-list-item-marker
{
	color: red;
}

div.shop-list-item-prop
{
	border-top: solid 1px #CCCCCC;
	margin-top: 5px;
	padding: 5px;
}

ul.shop-list-item-prop li
{
	display: inline;
	list-style-type: none;
	padding-right: 5px;
}

/*
	------------------------------------
		店舗：ヘッダー
	------------------------------------
*/

div.shop-header
{
	clear: left;
	height: 150px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border: solid 1px #CCCCCC;
	
	margin-bottom: 10px;
}

div.shop-header h2
{
	color: #0773BD;	
	font-weight: bold;	
	font-size: 138.5%;
	margin-bottom: 10px
}

/*
	------------------------------------
		店舗：ナビ（共通）
	------------------------------------
*/

ul.shop-navi 
{	
	height: 30px;
}

ul.shop-navi ul 
{
}

ul.shop-navi li 
{
	display: inline;
	list-style-type: none;
}

ul.shop-navi li a 
{
	width: 100px;
	height: 30px;
	display: block;
	float: left;
	text-indent: -9877px;
	text-decoration: none;
	overflow: hidden;
	margin-top:10px;
}

/*
	------------------------------------
		店舗：ナビ（個別）
	------------------------------------
*/

ul.shop-navi li.shop-navi1 a 
{
	background: url(/image/common/shopnavi/top.gif) no-repeat 0px 0px;
}

ul.shop-navi li.shop-navi1 a:hover
{
	background: url(/image/common/shopnavi/top_hover.gif) no-repeat 0px 0px;
}

ul.shop-navi li.shop-navi2 a 
{
	background: url(/image/common/shopnavi/product.gif) no-repeat 0px 0px;
}

ul.shop-navi li.shop-navi2 a:hover
{
	background: url(/image/common/shopnavi/product_hover.gif) no-repeat 0px 0px;
}

ul.shop-navi li.shop-navi3 a 
{
	background: url(/image/common/shopnavi/evaluation.gif) no-repeat 0px 0px;
}

ul.shop-navi li.shop-navi3 a:hover
{
	background: url(/image/common/shopnavi/evaluation_hover.gif) no-repeat 0px 0px;
}

ul.shop-navi li.shop-navi4 a 
{
	background: url(/image/common/shopnavi/map.gif) no-repeat 0px 0px;
}

ul.shop-navi li.shop-navi4 a:hover
{
	background: url(/image/common/shopnavi/map_hover.gif) no-repeat 0px 0px;
}

ul.shop-navi li.shop-navi5 a 
{
	background: url(/image/common/shopnavi/coupon.gif) no-repeat 0px 0px;
}

ul.shop-navi li.shop-navi5 a:hover
{
	background: url(/image/common/shopnavi/coupon_hover.gif) no-repeat 0px 0px;
}

/*
	------------------------------------
		店舗：画像テーブル
	------------------------------------
*/

shop-table-image 
{
	border-collapse:collapse;
}

table.shop-table-image th
{
	padding: 10px;
}

table.shop-table-image td
{
	width: 325px; 
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

table.shop-table-image p
{
	color: red;	
	font-size: 138.5%;
	font-weight: bold;
	margin-bottom: 15px;
}

image.shop-table-image
{
	width: 300px; 
	height: 200px;
}

/*
	------------------------------------
		店舗：詳細テーブル
	------------------------------------
*/

table#shop-table-detail
{
	border-collapse:collapse;
	width: 690px;
	margin-bottom: 10px;
}

table#shop-table-detail td.shop-table-detail-header
{
	border: solid 1px #CCCCCC;
	background-color: #F0F0F0;
	width: 120px; 
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

table#shop-table-detail td.shop-table-detail-item
{
	width: 570px;
	border: solid 1px #CCCCCC;
	padding: 5px;
}

table#shop-table-detail td.shop-table-detail-item-half
{
	width: 285px;
	border: solid 1px #CCCCCC;
	padding: 5px;
}

/*
	------------------------------------
		店舗：商品カテゴリー
	------------------------------------
*/
ul.product-category 
{	

}

ul.product-category ul 
{

}

ul.product-category li 
{
	margin-bottom: 10px;
	margin-right: 10px;
	display: block;
	float: left;
	list-style-type: none;
}

/*
	------------------------------------
		店舗：商品一覧：ボックス
	------------------------------------
*/

div.product-list-box
{
	clear: left;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}

/*
	------------------------------------
		店舗：商品一覧：アイテム
	------------------------------------
*/

div.product-list-item-img
{
	width: 300px;	
	float: left;	
	padding-right: 10px;	
	padding-bottom: 10px;
}

div.product-list-item-img img
{
	width: 300px;
	height: 200px;	
}

div.product-list-item
{
	width: 360px;
	float: left;
	padding-bottom: 10px;
}

ul.product-list-item li
{
	display: block;
	list-style-type: none;
	padding-right: 5px;
}

li.product-list-item-header
{
	font-weight: bold;
}

/*
	------------------------------------
		店舗：おすすめ投稿
	------------------------------------
*/
div.shop-evaluation-list-0
{
	clear: left;
	padding: 10px;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	margin-bottom: 10px;
}

div.shop-evaluation-list-1
{
	clear: left;
	padding: 10px;
	background-color: #F0F0F0;
	border: solid 1px #CCCCCC;
	margin-bottom: 10px;
}

ul.shop-evaluation-list-header
{
	clear: left;
	line-height: 24px;
}

ul.shop-evaluation-list-header li
{
	float: left;
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	font-weight: bold;
}

ul.shop-evaluation-list-header h3
{
	color: red;	
	font-size: 138.5%;
	font-weight: bold;
}

div.shop-evaluation-item
{
	clear: left;
	height: 105px;
}

div.shop-evaluation-item dl
{
	clear: left;
	line-height: 24px;
}

div.shop-evaluation-item dt
{
	float: left;
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	
	text-align: right;
	width: 150px;	
}

div.shop-evaluation-item dd
{
	float: left;
	display: inline;
	padding-right: 10px;

	list-style-type: none;
}

div.shop-evaluation-comment
{

}

/*
	------------------------------------
		店舗：地図
	------------------------------------
*/

div#shop-map
{
	margin-bottom: 10px;
}

/*
	------------------------------------
		店舗：クーポン
	------------------------------------
*/


table.shop-coupon-table 
{
	border-collapse:collapse;
	width: 690px;
	margin-bottom: 10px;
}

table.shop-coupon-table td.shop-coupon-table-header
{
	border: solid 1px #CCCCCC;
	background-color: #F0F0F0;
	width: 120px; 
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

table.shop-coupon-table td.shop-coupon-table-title
{
	width: 570px;
	border: solid 1px #CCCCCC;
	padding: 5px;
	font-weight: bold;
	color: red;
}

table.shop-coupon-table td.shop-coupon-table-item
{
	width: 570px;
	border: solid 1px #CCCCCC;
	padding: 5px;
}

/*
	------------------------------------
		フッター
	------------------------------------
*/

#footer
{
	text-align: center;
	padding-bottom: 10px;
}

#footer li 
{
	float: left;
	display: inline;
	list-style-type: none;
	padding-left: 3px;
	padding-right: 3px;
}

#footer li a 
{
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}

/*
	------------------------------------
		広告：バナー
	------------------------------------
*/

#ad-banner
{
	margin-bottom: 10px;
}

#ad-banner img
{
	width: 250px;
	height: 250px;
}

div.ad-banner-mini
{
	text-align: center;
}

div.ad-banner-mini img
{
	width: 236px;
	height: 60px;
	margin-bottom: 10px;
}


/*
	------------------------------------
		広告：店舗
	------------------------------------
*/

#ad-shop img
{

}

/*
	------------------------------------
		店舗グループ一覧（TOP）
	------------------------------------
*/

#top-shopgroup-list
{

}

#top-shopgroup-banner
{

}

#top-shopgroup-banner img
{
	margin-bottom: 10px;
	width: 236px;
	height: 60px;
}

/*
	------------------------------------
		新着情報一覧（TOP）
	------------------------------------
*/

#top-news-list dt
{
	font-weight: bold;
}

#top-news-list p
{
	text-align: right;
}

/*
	------------------------------------
		キャンペーン一覧（TOP）
	------------------------------------
*/

#top-campaign-list dt
{
	font-weight: bold;
}

#top-campaign-list p
{
	text-align: right;
}
