@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;
}
body {
	font-size: 75%;
	font-family : "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #333333;
	background: #fff;
}
img {
	border: none;
}


/* ロゴ
---------------------------------------------*/
#logo {
	width:1040px;
	/*margin: 0 auto;*/
}
#logo H1 {
	font-size:140%;
	font-weight: bold;
	padding-top:10px;
	padding-left:16px;
}
#logo A H1 {
	color: #333333;
	text-decoration: none;
}

#header {
	clear:both;
	width:1040px;
	height:1%;
	/*margin: 0 auto 20px;;*/
	background: #fefefe;
	border-top:5px solid #FF0000;
}
#subheader {
	float:left;
	padding: 5px;
	width:697px;
	margin: 20px 10px;
}
#subheader h1 {
	position:relative;
	font-size:200%;
	font-weight: bold;
	line-height: 1.4;
}

#g-searchbox {
	float:right;
	width: 260px;
}

/* ナビゲーション
---------------------------------------------*/
#headNav {
	float:right;
	width:280px;
}
#globalNav {
	overflow: auto !important;
	overflow /**/: hidden;
	width:280px;
	height: 30px;
	padding:0 3px 0 0;
	margin:0 10px;
	background:url(../images/dotted-border_bg.gif) right repeat-y;
	/* background:url(../images/Nav-bg_left.jpg) right no-repeat; */
}
#globalNav li {
	float: right;
	width: 10em;
	background:url(../images/dotted-border_bg.gif) left repeat-y;
	padding:0 1px 0 4px;
}
#globalNav li a {
	display: block;
	width: 100%;
	line-height: 1.4;
	padding: 6px 0 4px;
	color: #333333;
	text-decoration: none;
	text-align: center;
	background: tranceparent; /* background:#FCF5C7 url(../images/global_nav_a_bg.gif) 0 0 repeat-x; */
}
#globalNav li a:hover {
	background:  #eeeeee; /* background:#ffffff url(../images/global_nav_a_bg.gif) 0 -100px repeat-x; */
}
#globalNav li a.here {
	border-bottom: 2px solid #ff0000;
}

/* 幅可変の3段組レイアウト
---------------------------------------------*/
#contentWrapper {
	clear:both;
	overflow: auto !important;
	overflow /**/: hidden;
	width: 1020px;
	padding: 10px 10px 25px;
	/*margin: 0 auto;*/
	background: #FFFFFF;
/*	background: #F8F2CB url(../images/contentWrapper-bg.jpg) left top repeat-x;
*/
}
* html #contentWrapper {
	width: 1020px;
}
#footer {
	clear: both;
	width: 1020px;
	padding: 10px 10px;
	/*margin: 0 auto;*/
	border-top: 3px solid #cccccc;
	text-align: center;
	background:#ffffff;
}
* html #footer {
	width: 1020px;
}

	/* ステップ1
	---------------------------------------------*/
	#content {
		float: left;
		width: 1020px;
	}
	#rightnavi {
		float:right;
		width:175px;
		padding:5px;
		text-align:center;
		border:1px solid #CCCCCC;
	}
	* html #rightnavi {
		width: 175px;
	}
	#rightnavi dd {
		margin-bottom:18px;
	}

#sbanner1 {margin-top:35px;margin-bottom:20px;}

	/* ステップ2
	---------------------------------------------*/
	#primary {
		float: left;
		width: 800px;
		min-height: 600px;
		background: url(../images/dotted-border_bg.gif) right repeat-y;

/*		background: url(../images/primary-bg.jpg) center 269px no-repeat;
*/
	}

	#secondary {
		float: left;
		width: 200px;
		margin-left:13px;
	}
	
	/* ステップ3
	---------------------------------------------*/
	#primary * {
		margin: 0 15px 0 0;
	}
	#primary * * {
		margin: 0;
	}

/* 記事本文
---------------------------------------------*/
#primary {
	font-size: 116%;
	line-height: 1.5;
}

#primary .date {
	font-size: 100%;
	text-align: right;
	color: #666666;
}
#primary TABLE pre {
	overflow-x: auto !important;
	overflow-x /**/: hidden;
	width:767px;
	padding: 0 5px 20px;
}
#primary TABLE pre A {
	color:#33CCCC;
}

#primary IMG {
	max-width:767px;
	padding: 0;
}

/* リスト
---------------------------------------------*/

	/* 共通
	---------------------------------------------*/
	#primary .list {
		margin-bottom: 20px;
	}
	#primary li {
		margin: 5px 0 0 5px;
		padding-left: 16px;
		background: url(../images/arrow-primary.gif) left 5px no-repeat;
	}
	#primary li li {
		border-bottom: none;
	}
	#primary dt {
		font-weight:bold;
	}
	#primary ol {
		margin-left:20px;
		padding:0;
		border-bottom: 1px solid #cccccc;
	}
	#secondary .list {
		padding:0;
		margin:0;
		/* background: url(../images/leftside-bottom_bg.gif) left bottom no-repeat; */
	}
	#secondary .list ul {
		padding:0;
		margin:0;
	}
	#secondary .list li {
		padding:0;
		margin:0;
		background: url(../images/dotted-border_bg.gif) bottom repeat-x;
	}
	#secondary .list li A {
		display: block;
		text-decoration:none;
		line-height:1.3;
		padding: 12px 5px 10px 20px;
		margin:0;
		width:196px;
		background: url(../images/secondary-list_bg.gif) left center no-repeat;
	}
	* html #secondary .list li A {
		width:168px;
	}
	#secondary .list li A:HOVER {
		text-decoration:underline;
	}
	#secondary .list li A.here {
		text-decoration:underline;
		background: url(../images/secondary-list-here_bg.gif) left center no-repeat;
	}
	#secondary .list h2 {
		font-size:14px;
		font-weight:bold;
		padding:16px 10px 10px;
		margin:0 0 20px;
		border-top:5px solid #ff0000;
		border-bottom:5px solid #ff0000;
	}
	/* 見出し
	---------------------------------------------*/
	#primary h1 {
		font-size:20px;
		font-weight:bold;
		padding:5px 0 0 5px;
		margin-bottom:px;
		margin-bottom:10px;
		border-left:6px solid #001873;
	}
	#primary h2 {
		font-size:16px;
		font-weight:bold;
		padding:5px 0 0 5px;
		margin-top: 16px;
		margin-bottom: 10px;
		border-left:6px solid #001873;
		background: #EFEFEF;
	}
	#primary h3 {
		font-size:16px;
		font-weight:bold;
		padding:5px 0 0 5px;
		border-left:6px solid #d60000;
		background: #FAEFF4;
	}
	#primary h4 {
		font-size:16px;
		font-weight:bold;
		padding:5px 0 0 8px;
		margin-bottom:10px;
		border-bottom:1px solid #d60000;
	}
	#primary h5 {
		font-size:16px;
		font-weight:bold;
		padding:5px 0 0 8px;
		border-bottom:1px solid #999999;
	}

	#primary #m1 {
		font-size:14px;
		font-weight:bold;
		line-height:28px;
		padding-left:30px;
		background:url(../images/m1_bg.gif) no-repeat;
	}

	#primary p {
		font-size: 100%;
		clear: both;
		margin-top: 1em; 
		margin-bottom: 1em; 
		/*\*/
		letter-spacing: 0.1em;
		/**/
	}

/* ---------------------------
地区リスト
--------------------------- */
#area_list {
	width:92%;
	padding-bottom:23px;
	margin:0 10px 20px;
	background: #fff;
}
#area_list:after {
    display: block;
    clear: both;
    content: " ";
}
#area_list ul {
	margin:16px 16px;
}
#area_list ul li {
	float:left;
	font-size:25px;
	font-weight:bold;
	white-space: nowrap;
	padding: 6px 26px 2px 5px;
}

#area_list li A {
	text-decoration:none;
}

/* ---------------------------
店舗リスト
--------------------------- */
#shop_list {
	padding-bottom:23px;
	margin:0 10px 20px;
	background: #fff;
}
#shop_list:after {
    display: block;
    clear: both;
    content: " ";
}
#shop_list ul {
	margin:16px 16px;
}
#shop_list ul li {
	clear:left;
	font-size:13px;
	font-weight:bold;
	white-space: nowrap;
	padding: 6px 26px 2px 5px;
	border-bottom: 2px dotted #cccccc;
}

#shop_list li A {
	text-decoration:none;
}

#shop_list .s-name {
	line-height:42px;
	padding-left: 46px;
	background: url(../images/shoplist-nameicon.html) left top no-repeat;
}
#shop_list A .s-name {
	font-size:16px;
	font-weight:bold;
}
#shop_list .s-address {
	float:left;
	line-height:41px;
	padding-left: 46px;
	background: url(../images/shoplist-addressicon.html) left top no-repeat;
}
#shop_list .s-address A {
	font-size:16px;
}
#shop_list .s-tel {
	margin-left: 360px;
	line-height:41px;
	padding-left: 46px;
	background: url(../images/shoplist-telicon.html) left top no-repeat;
}
#shop_list .s-tel A {
	font-size:16px;
}

/* ---------------------------
店舗説明
--------------------------- */


/*---------------------------
  product_info用
---------------------------*/

#products_info {
	color : #333333;
	clear:both;
}
#products_info H2 {
	font-size:18px;
	color: #333333;
	font-weight:bold;
	text-align:left;
	border-left: 8px solid #555555;
	padding:3px 5px 1px 5px;
	margin:20px 0 15px;
	background: #f9f9f9;
}

#shop_right_content {

	width: 300px;
	padding: 0;
	margin: 0;
}
#shop_info {
	width: 660px;
	padding:0;
	margin:0 auto;
	background: #ffffff;
}
#shop_info_header {
	width: 660px;
	padding:0;
	margin:20px auto 0;
}
#shop_info_header IMG {
	padding:0;
	margin:0;
}
.shop_info_description {
	padding: 10px 0 20px 20px;
}
#shop_info_line {
	clear: left;
}
#shop_info_line .label {
	float: left;
	line-height:45px;
}
#shop_info_line .label IMG {
	padding:0;
	margin:0;
}
#shop_info_line .description {
	color: #333333;
	font-size: 16px;
	line-height:45px;
	margin-left: 41px;
	background: #fefefe;
}
#shop_information {
	float: right;
	width: 680px;
	padding: 0;
	margin: 0;
}
#shop_information ul {
	list-style: none;
	height:25px;
	padding: 0;
	margin: 0;
	background: url(images/shop_information_head_bg.html) repeat-x;
}
#shop_information ul li {
	float: left;
}
#shop_information_space {
	padding: 2px;
	border-width: 0 1px 1px 1px;
	border-color: #cccccc;
	border-style: solid;
}
#map {
	margin:10px;
}
#cate {
	clear: both;
	padding: 0 10px;
}
#shop_information_bottom {
	clear:both;
	padding:0;
	margin:0;
}
.reviewspace_wrapper {
	float:left;
	width:860px;
}
#review_list {
	padding: 5px;
	margin: 5px;
}
.review_right_banner {
	float: right;
	width: 130px;
	border-left: 1px solid #cccccc;
	text-align: right;
	margin-top: 20px;
}
.review_list_header {
	clear: both;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
*>.review_list_header {
	height: 60px;
}
.review_list_header IMG {
	float:left;
}
#review_info {
	padding: 20px 10px;
}
#review_info_title {
	padding: 3px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #999999;
	background: #FAFAC9;
}
#comment_list {
	color: #555555;
	font-weight: bold;
	padding-bottom: 5px;
	margin-top: 30px;
	margin-left: 10px;
	border-bottom: 1px solid #cccccc;
}
#comment_info {
	margin-left: 10px;
}
.comment_head {
	clear: right;
	padding: 3px;
	margin-top: 10px;
	border-bottom: 1px dotted #cccccc;;
}
.comment_text {
	padding: 5px 10px;
	background: #ffffff;
}
.comment_date {
	float: right;
	padding-right: 10px;
	margin-top: -18px;
}

#container ul { list-style: none; margin: 0; padding: 0 0 0 4px;}
#container ul li { float: left; margin: 0 0 0 3px; min-width: 84px; /* be nice to Opera */}
#cat_container ul { list-style: none; margin: 0; padding: 0 0 0 1px;}
#cat_container ul li {float: left; margin: 0 0 0 2px; min-width: 40px; /* be nice to Opera */;}

/* 商品一覧
---------------------------------------------*/
#productList {
	margin-top: 10px;
	width: 600px;
	line-height:1.2;
}
#productList:after{
    display: block;
    clear: both;
    content: " ";
}
#productList h2 {
	border-top: 1px solid #CCCCCC;
}
#productList li {
	float: left;
	width: 185px;
	height: 220px;
	margin: 10px 10px 0 0;
	text-align: center;
}
#productList h3 span {
	display: block;
	padding: 3px 0;
	color: #FFFFFF;
	font-weight: normal;
	background: #222222;
}
#productList dl {
	margin: 1px 0;
	font-size: 90%;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#productList dt {
	padding: 2px 0;
	text-align: center;
	background: #E5DACA;
	border-top: 1px solid #DABF9A;
}
#productList dd {
	padding: 2px 0;
}

/* listtypeA
---------------------------------------------*/
#listtypeA {
	text-align:left;
	margin-top: 10px;
	width: 598px;
	line-height:1.2;
}
#listtypeA:after{
    display: block;
    clear: both;
    content: " ";
}
#listtypeA h3 {
	line-height:1;
	padding:0;
	margin:0;
	border:0;
	background:none;
}
#listtypeA ul {
	padding:6px;
}
#listtypeA li {
	clear:left;
	width: 100%;
	margin: 10px 0 0;
}
#listtypeA li:after{
    display: block;
    clear: both;
    content: " ";
}
#listtypeA li IMG {
	float:left;
	padding: 0 10px 6px 0;
}
#listtypeA li .listcomment {
	margin-left:186px;
	padding: 3px 0 5px 5px;
	line-height:1.4;
}

/* listtypeB
---------------------------------------------*/
#listtypeB {
	margin-top: 10px;
	width: 598px;
	line-height:1.2;
}
#listtypeB:after{
    display: block;
    clear: both;
    content: " ";
}
#listtypeB h3 {
	line-height:1;
	padding:0;
	margin:0;
	border:0;
	background:none;
}
#listtypeB ul {
	padding:6px;
	border:1px solid #999999;
}
#listtypeB li {
	float:left;
	width: 284px;
	min-height:130px;
	margin: 10px 8px 0 0;
	border-bottom: 1px solid #cccccc;
}

#listtypeB li IMG {
	float:left;
	width:120px;
	padding: 0 10px 5px 0;
}
#listtypeB .listcomment {
	padding: 3px 0 5px 5px;
	margin-left:125px;
	background: #ececec;
}

/* listtypeC
---------------------------------------------*/
#listtypeC {
	margin-top: 10px;
	width: 598px;
	line-height:1.2;
}
#listtypeC h3 {
	line-height:1;
	padding:0;
	margin:0;
	border:0;
	background:none;
}
#listtypeC ul {
	padding:6px;
	border:1px solid #999999;
}
#listtypeC ul:after{
    display: block;
    clear: both;
    content: " ";
}
#listtypeC li {
	float: left;
	width: 180px;
	height: 220px;
	margin: 10px 0 0;
	text-align: center;
	border-bottom: 1px solid #cccccc;
}
#listtypeC .listcomment {
	padding: 3px 0;
	color: #FFFFFF;
	font-weight: normal;
	background: #222222;
}

#subleft {
	float:left;
	width:280px;
	margin-right: 6px;
}
#subright {
	float:right;
	text-align:left;
	width:310px;
}
#subleft dl {clear:left;padding:10px 2px;}
#subleft dt {float:left;font-weight:bold;color:#555555;width:48px;padding-bottom:6px;}
#subleft dd {margin-left:52px;padding-bottom:6px;}

#subright dl {clear:left;padding:5px 2px;}
#subright dt {font-weight:bold;color:#555555;padding:5px 5px 2px 5px;border:1px solid #cccccc;}
#subright dd {padding:6px 3px 10px 3px;}

BLOCKQUOTE {
	font-size:92%;
	margin-top:25px;
	padding: 10px 15px;
	background:#fdfaed;
	border:outset 2px #cccccc;
}

TD.tList-left {
	padding-right:10px;
}
TD.tList-right {
	padding-left:10px;
	background:url(../images/dotted-border_bg.gif) left repeat-y;
}



	#secondary .link ul {
		padding:0;
		margin:0;
	}
	#secondary .link li {
		padding:0;
		margin:0;
		background: url(../images/dotted-border_bg.gif) bottom repeat-x;
	}
	#secondary .link li A {
		display: block;
		text-decoration:none;
		line-height:1.3;
		padding: 12px 5px 10px 20px;
		margin:0;
		width:196px;
		background: url(../images/secondary-list_bg.gif) left center no-repeat;
	}
	* html #secondary .link li A {
		width:168px;
	}
	#secondary .link li A:HOVER {
		text-decoration:underline;
	}
	#secondary .link h2 {
		font-size:14px;
		font-weight:bold;
		padding:16px 10px 10px;
		margin:0 0 20px;
		border-top:5px solid #ff0000;
		border-bottom:5px solid #ff0000;
	}

	#secondary .link {
		font-size:113%;
		line-height:1.3;
	}
	#secondary .link A {
		text-decoration:none;
	}
	#secondary .link A:HOVER {
		text-decoration:underline;
	}

.explain-font {color:#00FF33;}