@charset "UTF-8";

/*=========================================================================
                                                    ■メイン内の各要素指定
=========================================================================*/

/*=========================================================================
                                                     　　ショップページTOP
=========================================================================*/

/* --ピックアップ==*/
.main-1 div.box { width: 100%; height: auto; margin: 0 0 10px 0; background: #FFFFFF;}

.main-1 ul.shop-topic { float: left; width: 100%; height: auto; }
.main-1 ul.shop-topic li.left { float: left; width: 200px; padding: 5px 5px 5px 7px;}
.main-1 ul.shop-topic li.left span  { margin-left: 8px;}
.main-1 ul.shop-topic li.right { margin-left:210px; padding: 5px;}
.main-1 ul.shop-topic li.right h3 { font-size:116%; font-weight:bold; }
.main-1 ul.shop-topic li.right p.sub_menu { text-align: right;  }
.main-1 ul.shop-topic li.right p.clear { clear: both;  }

/* --擬似テーブル==*/
.main-1 ul.shop-topic li.right dl.table1 {
	float: left;
	margin: 0 0 30px 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f5f5f5;
}

.main-1 ul.shop-topic li.right dl.table1 dt {
	margin: 0;
	margin-right: -10em;
	padding: 0.2em 0;
	border-top: 1px solid #ccc;
	float: left;
	clear: both;
	display: inline;
	width: 10em;
	text-indent: 10px;
}

.main-1 ul.shop-topic li.right dl.table1 dd {
	margin-left:10em;
	width: 25em;
	padding: 0.2em 10px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #fff; 
}

.main-1 ul.shop-topic li.right dl.table1 dd.red { color: #dc143c; font-weight: bold; }


.main-1 ul.shop-topic li.right dl.table1 {
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}

.main-1 ul.shop-topic li.right dl.table1::after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


/* ========================================  店舗基本情報==*/

/* --店舗名&バナー3つ--*/
.main-1 ul.shop-topic1 { clear:both; padding: 0; height: 170px; }
.main-1 ul.shop-topic1 li.title { clear: both; padding: 0 0 0 6px }
.main-1 ul.shop-topic1 li.title h2 { background: #FFFFFF; color: #000000; margin: 0;}
.main-1 ul.shop-topic1 li.left { float : left; width: 50%; padding: 5px;}
.main-1 ul.shop-topic1 li.right {  margin-left: 180px; width: auto; height: 40px; padding: 1px; }

/* --住所&電話番号など--*/
.main-1 ul.shop-topic2 { clear:both; margin: 0 0 10px 0; padding: 5 0 5 0px; height: 190px; border-bottom: 1px #CCCCCC dotted; }
.main-1 ul.shop-topic2 li.left { float: left; width: 50%; padding: 5px;}
.main-1 ul.shop-topic2 li.right { float: right; width: 45%; padding: 5px; }

/* --地図&アクセス--*/
.main-1 ul.shop-topic3 { clear:both; margin: 0 0 10px 0; padding: 5 0 5 0px; height: 190px; border-bottom: 1px #CCCCCC dotted; }
.main-1 ul.shop-topic3 li.left { float : left; width: 238px; padding: 5px;}
.main-1 ul.shop-topic3 li.right {  margin-left: 250px; width: auto; padding: 5px; }
.main-1 ul.shop-topic3 li.right p.title {  border-bottom: 1px #666666 solid; padding: 2px 2px 2px 15px; border-left: 10px #666666 solid; }
.main-1 ul.shop-topic3 li.right p.text {  line-height: 150%; border-bottom: 1px #666666 dotted; }

/* --店舗写真＆紹介文--*/
.main-1 p.shop-pict img {  width: 160px; border: 1px #dcdcdc  solid; padding : 2px; margin: 0 0 2px 12px;   }
.main-1 p.shop-text {  border-bottom: 1px #666666 dotted; }


/*=========================================================================
                                            ヘッダーメニュー：ご利用ガイド
=========================================================================*/

.main-1 p.right { text-align : right; }


/*=========================================================================
                                            　　　　商品関連：カテゴリ一覧
=========================================================================*/
div.main-2 {  padding: 5px; border: 1px #CCCCCC solid; margin-bottom: 18px; background:#FFFFFF;}



/* ==========================================  タブ切り替え======*/


.main-2 div#tab-container-1 ul{  list-style:none; } 

.main-2 div#tab-container-1 ul li{ float:left; } 

.main-2 div#tab-container-1 ul li a.used { color:  } 
.main-2 div#tab-container-1 ul li a.new { color:#006633; } 
.main-2 div#tab-container-1 ul li a.buy { color: #001e43; } 

.main-2 div#tab-container-1 ul li a:hover { font-weight:bold; }
.main-2 div#tab-container-1 ul li a:active { font-weight:bold; }

.main-2 div.tab{  padding:10px; background-color:#FFF; } 



/* ==========================================  タブ切り替え======*/

#top-category-list {
	position: relative;
	top: 0px;
	left: 10px;
	overflow: auto;
	width: 90%;

	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	z-index: 100;
	/*filter:Chroma(color=#ffffff);*/
}

#top-category-list h3.maker-title-new {
	font-size: 120%;
	border-left: solid 5px #CCCCCC;
	border-bottom: none;
	background: #006633;
	margin: 5px 0px 10px 0px;
	padding: 10px 0px 0px 5px;
	z-index: 102;
	clear: both;
}

#top-category-list h3.maker-title-new a {
	color: #FFFFFF;
	}

#top-category-list h3.maker-title-used {
	font-size: 120%;
	border-left: solid 5px #CCCCCC;
	border-bottom: none;
	background: #F5F5F5;
	margin: 5px 0px 10px 0px;
	padding: 10px 0px 0px 5px;
	z-index: 102;
	clear: both;
}

#top-category-list h3.maker-title-buy {
	font-size: 120%;
	border-left: solid 5px #CCCCCC;
	border-bottom: none;
	background: #001e43;
	margin: 5px 0px 10px 0px;
	padding: 10px 0px 0px 5px;
	z-index: 102;
	clear: both;
}

#top-category-list h3.maker-title-buy a {
	color: #FFFFFF;
	}

#top-category-list h4.subj-1 {
	font-size: 100%;
	border-bottom: dotted 1px #473d3a;
	margin: 10px 0px 5px 10px;
	padding: 0px 0px 0px 0px;
	z-index: 102;
	clear: both;
}

#top-category-list ul.maker-list {
	position:relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 20px 10px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display:block;
	z-index: 105;
	clear: both;
}

#top-category-list ul li.m-list1 {
	line-height: 180%;
	width: 40%;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

#top-category-list ul li.m-list2 {
	line-height: 180%;
	width: 40%;
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}


/*=========================================================================
                                            　　　　商品関連：メーカー一覧
=========================================================================*/
div.main-2 {  padding: 5px; border: 1px #CCCCCC solid; margin-bottom: 18px; background:#FFFFFF;}


/* ==========================================  タブ切り替え======*/


.main-2 div#tab-container-1 ul{  list-style:none; } 

.main-2 div#tab-container-1 ul li{ float:left; } 

.main-2 div.tab{  padding:10px; background-color:#FFF; } 


/* ==========================================  タブ切り替え======*/

#top-maker-list {
	position: relative;
	top: 0px;
	left: 10px;
	overflow: auto;
	width: 95%;

	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	z-index: 100;
	/*filter:Chroma(color=#ffffff);*/
}

#top-maker-list h3.maker-title {
	font-size: 120%;
	border-left: solid 5px #CCCCCC;
	border-bottom: none;
	background: #F5F5F5;
	margin: 5px 0px 10px 0px;
	padding: 10px 0px 0px 5px;
	z-index: 102;
	clear: both;
}

#top-maker-list h4.subj-1 {
	font-size: 100%;
	border-bottom: dotted 1px #473d3a;
	margin: 10px 0px 5px 10px;
	padding: 0px 0px 0px 0px;
	z-index: 102;
	clear: both;
}

#top-maker-list ul.maker-list-m {
	position:relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 20px 10px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display:block;
	z-index: 105;
	clear: both;
}

#top-maker-list ul.maker-list-m li.m-list1 {
	list-style-type: square　;
	line-height: 180%;
	width: 32%;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

#top-maker-list ul.maker-list-m li.m-list2 {
	list-style-type: square　;
	line-height: 180%;
	width: 30%;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

#top-maker-list ul.maker-list-m li.m-list3 {
	list-style-type: square　;
	line-height: 180%;
	width: 32%;
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}



/*=========================================================================
                                   　　　　　　 ヘッダーメニュー：店舗一覧
=========================================================================*/

.main-2 p.right { text-align : right; }

.main-1 dl.table3 {
	margin: 1em 10px ;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f5f5f5;
}
.main-1 dl.table3 {
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}

.main-1 dl.table3::after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.main-1 dl.table3 dt {
	margin: 0;
	margin-right: -18em;
	padding: 1em 0;
	border-top: 1px solid #ccc;
	float: left;
	clear: both;
	display: inline;
	width: 18em;
	text-indent: 10px;
}

.main-1 dl.table3 dt img {	vertical-align: middle; margin-left: 5px;}

.main-1 dl.table3 dd {
	margin-left:18em;
	padding: 1em 10px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #fff; 
}

/*=========================================================================
                 ヘッダーメニュー： お問い合わせ＆メルマガ登録入力フォーム
=========================================================================*/

.main-1 p.error {  color: #dc143c; border: 1px #dc143c solid; padding: 2px; }

.main-1 dl.table2 {
	margin: 1em 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f5f5f5;
}
.main-1 dl.table2 {
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}

.main-1 dl.table2::after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.main-1 dl.table2 dt {
	margin: 0;
	margin-right: -18em;
	padding: 1em 0;
	border-top: 1px solid #ccc;
	float: left;
	clear: both;
	display: inline;
	width: 18em;
	text-indent: 10px;
}

.main-1 dl.table2 dt img {	vertical-align: middle; margin-left: 5px;}

.main-1 dl.table2 dd {
	margin-left:18em;
	padding: 1em 10px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #fff; 
}

.main-1 dl.table2 dd select { width: 240px; }
.main-1 dl.table2 dd select#mm { width: 120px; }
.main-1 dl.table2 dd input#s { width: 70px; }
.main-1 dl.table2 dd input#l { width: 300px; }
.main-1 dl.table2 dd input#seibetsu {	width: 20px; }
.main-1 dl.table2 dd textarea#detail_text {	width: 380px; height: 200px; }

.main-1 dl.table2 dd.center { text-align: center;}

.main-1 div.form-btm p { text-align: center; margin: 20px 0; }

.main-1 p.privacy {  clear: both; height: 100%; margin: 10px 2px 0px 10px; padding: 10px 5px; font-size: 90%; background: #f5f5f5;   }
.main-1 p.privacy span { float: right;  }


/*========================================================================
                 　　　　　　　　　　　　　ヘッダーメニュー： サイトマップ
=========================================================================*/
div.main-2 {  padding: 5px; border: 1px #CCCCCC solid; margin-bottom: 18px; background:#FFFFFF;  }

div.main-2 div.sm-l { float: left; width:230px; height: 100%; }
div.main-2 div.sm-l ul li { line-height: 180%; }
div.main-2 div.sm-c { float: left; width:230px;  margin: 0 8px 0 20px; }
div.main-2 div.sm-c ul li { line-height: 180%; }
div.main-2 div.sm-r { float: right; width:230px;  margin: 0 0 0 4px; }
div.main-2 div.sm-r ul li { line-height: 180%; }

	

div.main-2 div.sm-s { width:450px; height:540px;}
div.main-2 div.sm-s ul li { line-height: 180%; }

div.main-2 h3.sm-title { border-left: 8px solid #006633; border-bottom: 1px solid; }


/*=========================================================================
                 　　　　　　　　　　　　　　　　ニュース： 各店ニュース50
=========================================================================*/

div.news h4 { font-weight: normal; line-height:2em; border-bottom: 1px #CCCCCC dotted; }

/*=========================================================================
                 　　　　　　　　　　　　　　　　    ニュース： 個別ページ
=========================================================================*/
.main-1 p.news_date { text-align: right; padding: 0 1em 0 0;}


/*=========================================================================
                 　　　　　　　　　　　　　　　　　　検索： オプション検索
=========================================================================*/

/*==[1]テーブル==*/

.main-1 div.option-search-box { background-color: #f5f5f5; width: 920px; margin: 0 0 15px 0;}
.main-1 div.option-search-box table.option-search { }
.main-1 div.option-search-box table.option-search tr { height: 1.7em;  }
.main-1 div.option-search-box table.option-search td { padding-left: 50px; width: 450px; }

.main-1 div.option-search-box table.option-search td input#q{ margin-left: 2em; width: 280px; }
.main-1 div.option-search-box table.option-search td input#search_used{ margin-left: 2em;  }
.main-1 div.option-search-box table.option-search td input#search_new{ margin-left: 1em;  }
.main-1 div.option-search-box table.option-search td input#search_buy{ margin-left: 1em;  }
.main-1 div.option-search-box table.option-search td select {  margin-left: 2em; width: 280px; }
.main-1 div.option-search-box table.option-search td input#lower_limit { margin: 0 1em 0 2em; width: 100px; }
.main-1 div.option-search-box table.option-search td input#upper_limit { margin: 0 1em 0 2em; width: 100px; }

.main-1 div.search-btm p { text-align: center;  margin: 1.2em 0 0 0 ; padding: 0.8em 0 0.8em 0; border-top: 1px #CCCCCC solid; }

/*==[2]カテゴリ一覧==*/

.main-1 ul.category-new { padding: 5px; float:left; margin: 0 0 15px 30px; }
.main-1 ul.category-new li.sub { text-indent: 1em; list-style: url("img/base/icon-search1113.gif") disc inside;
 }
.main-1 ul.category-used { padding: 5px; float:left; margin: 0 0 15px 40px; }
.main-1 ul.category-used li.sub { text-indent:1em; list-style: url("img/base/icon-search1113.gif") disc inside;}

.main-1 ul.category-buy { padding: 5px;  margin: 0 30px 15px 630px;  }
.main-1 ul.category-buy li.sub { text-indent: 1em; list-style: url("img/base/icon-search1113.gif") disc inside;}

/*==[3]おすすめメーカー==*/
.main-1 ul.pickup-maker { border-bottom: 1px #CCCCCC dotted; height: 90px; }
.main-1 ul.pickup-maker li { float: left; width: 150px;  margin: 5px 17px; text-align: center;  }

.main-1 ul.pickup-maker2 { border-bottom: none; height: 90px; }
.main-1 ul.pickup-maker2 li { float: left; width: 150px;  margin: 5px 17px; text-align: center;  }

/*=========================================================================
                                   　　　　　   フッターメニュー：利用規約
=========================================================================*/


.main-2 ul.regulations { font-weight: bold; margin: 0 0 1em 1em; font-size: 90%; }
.main-2 ul.regulations li { font-weight: normal; margin-left: 3em;}
.main-2 ul.regulations li.sub { font-weight: normal; margin-left: 5em;}
.main-2 ul.regulations li.right { font-weight: normal; margin-right: 2em; text-align: right; }

/*=========================================================================
                                    フッターメニュー：プライバシーポリシー
=========================================================================*/

.main-2 ul.sub { font-weight: bold; margin: 0 0 1em 1em;}
.main-2 ul.sub li { font-weight: normal; margin-left: 3em;}

/*=========================================================================
                                  フッターメニュー：セキュリティーポリシー
=========================================================================*/

.main-2 ul.security  { font-weight: bold; margin: 0 0 1em 1em;}
.main-2 ul.security li{ font-weight: normal; margin-left: 1em;}
.main-2 ul.security li.left { float: left; width: 100px }
.main-2 ul.security li.right { font-size: 80%; font-weight: 100; margin: 15px 0 30px 5px;  padding: 3px; float: left; border: 1px #666666 solid; }

/*=========================================================================
                              　　フッターメニュー：特定商取引法による表示
=========================================================================*/

.main-2 p.right { text-align : right; }

.main-1 dl.table4 {
	margin: 1em 10px ;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f5f5f5;
}
.main-1 dl.table4 {
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}

.main-1 dl.table4::after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.main-1 dl.table4 dt {
	margin: 0;
	margin-right: -16em;
	padding: 1em 0;
	border-top: 1px solid #ccc;
	float: left;
	clear: both;
	display: inline;
	width: 16em;
	text-indent: 20px;
}

.main-1 dl.table4 dt img {	vertical-align: middle; margin-left: 5px;}

.main-1 dl.table4 dd {
	margin-left:16em;
	padding: 1em 10px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #fff; 
}