@charset "utf-8";

/* ===================================================
	universal css
=================================================== */

html,h1,h2,table{
margin:0;
padding:0;
}

p{
margin-top:0.5em;
}

body{
margin:0;
padding:0;
line-height:1.9em;
color:#555;
font-size:62.5%;
text-align:center;
background:url("../img/body_bg.gif") repeat-x top center;
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

a:link{color:#A36C24;}
a:active{color:#114645;}
a:visited{color:#A36C24;}
a:hover{color:#114645;}

th{
color:#97785C;
}

dd{
margin-left:2em;
}


/* ===================================================
	ID, Class css
=================================================== */

table#container{
margin:0 auto;
font-size:1.2em;
}


p.headerLink{
margin:0;
padding:0;
color:#FFF;
}
p.headerLink a:link{color:#FFF;}
p.headerLink a:active{color:#114645;}
p.headerLink a:visited{color:#FFF;}
p.headerLink a:hover{color:#114645; text-decoration:underline;}


.font-1{
font-size:0.8em;
line-height:1.6em;
}

h3.h3bg{
width:440px;
height:28px;
margin:0;
padding:5px 0 0 10px;
font-size:14px;
background:url(../img/bg_h3.gif) no-repeat;
}

/* ===================================================
	Tag
=================================================== */
li{
margin-bottom:0.5em;
}


/* ######################################################################

	Add  May 07,2010

###################################################################### */


/* Clear Fix [Supports IE8]
==================================================================== */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	zoom:1; /*for IE 5.5-7*/
	display: inline-block; /* for IE8 */
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */



/* ID and CLASS
==================================================================== */

.clear { clear:both; }

/*-- float --*/
.fleft { float:left; }
.fright { float:right; }

/*-- align --*/
.tright { text-align:right; }
.tleft { text-align:left; }
.tcenter { text-align:center; }
.vbottom { vertical-align:bottom; }
.vtop { vertical-align:top; }
.vmiddle { vertical-align:middle; }


/*-- font --*/
.tbold { font-weight:bold; }
.fontS { font-size:85%; }
.fontL {
	font-size:120%;
	font-weight:bold;
}

/*-- margin --*/
.bottom5 {margin-bottom:5px;}
.bottom10 {margin-bottom:10px;}
.bottom20 {margin-bottom:20px;}
.bottom30 {margin-bottom:30px;}
.bottom40 {margin-bottom:40px;}
.bottom50 {margin-bottom:50px;}
.bottom60 {margin-bottom:60px;}
.bottom70 {margin-bottom:70px;}
.bottom80 {margin-bottom:80px;}

.top10 {margin-top:10px;}
.top20 {margin-top:20px;}
.top30 {margin-top:30px;}
.top40 {margin-top:40px;}
.top50 {margin-top:50px;}
.top60 {margin-top:60px;}
.top70 {margin-top:70px;}
.top80 {margin-top:80px;}



/* Layout
==================================================================== */


/* 	logo
-------------------------------------------------------------------- */

div#logo {
	width:210px;
	text-align:center;
	margin:0 auto;
}

div#logo a img{
	border:none;
}


/*	menu
-------------------------------------------------------------------- */

div#menu {
	width:210px;
	margin:57px auto 0;
	background:url(../img/bg_menu.png) no-repeat left top;
}

* html body div#menu { /* for IE6 */
	background:url(../img/bg_menu.gif) no-repeat left top;
}

div#menu ul {
	padding:19px 0 0;
	margin:0;
}

div#menu ul li {
	margin:0 auto;
	padding:0;
	text-align:center;
	list-style:none;
}

div#menu ul li a,
div#menu ul li a img {
	margin:0;
	padding:0;
}



/*	All
-------------------------------------------------------------------- */

/*-- #contents --*/

#contents {
	width:455px;
	margin:0 auto;
}

#contents h2 {
	margin-bottom:20px
}

/*-- a.arrow --*/

a.arrow {
	background:url(../../store/img/ico_arrow.gif) no-repeat left top;
	color:#8b6e55;
	text-decoration:underline;
	padding:0 0 0 18px;
}

a.arrow:hover {
	text-decoration:none;
}

/*--  table.listT --*/

table.listT {
	border:1px #c9ba90 solid;
}

table.listT tr th{
	margin:0;
	padding:5px 10px 5px;
	background:#f3f2dd url(../../store/img/bg_th.gif) repeat-x left bottom;
	color:#725842;
	font-weight:bold;
	text-align:left;
}

table.listT tr td {
	padding:5px 10px 6px;
}

/*--  .dotline --*/

.dotline {
	border-bottom:1px #ccc dotted;
}

/*--  .red --*/

.red {
	color:#c61a22;
}

/*-- .panList --*/

.panList {
	color:#725842;
	text-align:right;
}

.panList p {
	margin:0 0 8px;
	padding:0;
	font-size:95%;
}

.panList a {
	color:#725842;
	text-decoration:underline;
	
}

.panList a:hover {
	text-decoration:none;
}



/*	Detail Tmp
-------------------------------------------------------------------- */

div#detail {
	width:455px;
	margin:0 auto;
}



div#detail h2 {
	width:452px;
	margin:0 auto 8px;
/*	background:url(../../store/img/bg_border.gif) no-repeat left bottom;*/
	padding:0 0 16px 3px;
	color:#8b6e55;
	font-size:2.0em;
	font-weight:bold;
}



div#detail h3 {
	padding:5px 0 2px 0;
	margin:0;
	position:relative;
	top:-10px;
	font-size:100%;
	font-weight:normal;
	color:#8b6e55;
	border-top:1px #ede4d8 dotted;
	width:452px;
/*	background:url(../../store/img/bg_h3_tit.gif) no-repeat left 6px;*/
}

div#detail h3 a {
	color:#8b6e55;
}


/*-- .detailTit --*/

.detailTit {
	background:url(../../store/img/bg_border.gif) no-repeat left bottom;
}



/*-- .detailIn --*/

div.detailIn {
	width:430px;
	margin:0 auto;
}


/*-- .detailL --*/

div.detailL {
	width:238px;
	margin-right:12px;
	float:left;
}

/*-- .detailR --*/
div.detailR {
	width:180px;
	float:right;
}


/*-- ul.form --*/

ul.formD {
	clear:both;
	width:238px;
	margin:0;
	padding:0;
}

ul.formD li{
	width:78px;
	color:#fff;
	background-position:left top;
	background-repeat:no-repeat;
	height:19px;
	float:left;
	list-style:none;
	text-align:center;
	padding:0;
}

ul.formD li.redF {
	background-image:url(../../store/img/btn_red.gif);
	margin:0 2px 0 0;
}

ul.formD li.blueF {
	background-image:url(../../store/img/btn_blue.gif);
	margin:0 2px 0 0;
}

ul.formD li.greenF {
	background-image:url(../../store/img/btn_geen.gif);
	margin:0;
}

ul.formD li.grayF {
	background-image:url(../../store/img/btn_gray.gif) !important;
}

ul.formD li.bgnone {
	background:none;
	margin:0 2px 0 0;
}


/*-- p.catch --*/

p.catch {
	font-weight:bold !important;
	clear:both;
	margin:15px 0 !important;
	padding:0;
}

* html body p.catch {  /* for IE6 */
	font-size:11px;
	margin:12px 0;
}

*+ html body p.catch {
	font-size:11px;
	margin:12px 0;
}

/*-- table.storeInfo --*/

table.storeInfo {
	width:238px;
}

table.storeInfo tr th {
	font-weight:bold;
	color:#555;
	vertical-align:top;
	text-align:left;
	padding:5px 0;
	border-bottom:1px #d1d1d1 dotted;
	line-height:1.3em;
	width:66px !important;
}

table.storeInfo tr td {
	padding:5px 0;
	border-bottom:1px #d1d1d1 dotted;
	line-height:1.3em;
	width:172px !important;
	text-align:left;
}


/*-- p.qr --*/

p.qr {
	margin:5px 0 0;
}

/*-- ul.icon --*/

ul.icon {
	width:178px;
	margin:0 0 3px;
	padding:0;
}

ul.icon li {
	list-style:none;
	padding:0;
	float:left;
	margin:0 2px 0 0;
}

ul.icon li.iconLast {
	margin:0;
}

ul.icon li img {
	border:none;
	padding:0;
	margin:0;
	vertical-align:top;
}

/*--  p.description --*/

li.description {
	padding:17px 0 0 3px !important;
}

/*--  div.photo --*/

div.photo {
	margin:10px auto 0;
	clear:both;
}

/*--  div.photoS --*/

div.photoS {
	width:180px;
	margin:4px 0 0;
	clear:both;
}

div.photoSL {
	float:left;
	width:56px;
	margin:0 6px 0 0;
}

div.photoSR {
	float:right;
	margin:0;
	width:56px;
}

/*--  div.Gmap --*/

div.Gmap {
	width:176px;
	height:134px;
	border:2px #ccc solid;
	margin:10px auto 0;
	clear:both;
}

/*--  p.return --*/

p.return {
	text-align:right;
	margin:25px 0 15px ;
}

/*	Icon
-------------------------------------------------------------------- */

#popupIcon {
	background:#fff;
	margin:0 auto;
	padding:25px 0;
	font-size:82%;
}

#popupIcon table {
	width:200px;
	margin:0 auto;
}

#popupIcon table tr th {
	padding:3px 10px 3px 0;
	width:43px;
}

#popupIcon table tr td {
	width:157px;
	padding:3px 0;
	text-align:left;
}

/*	Map Tmp
-------------------------------------------------------------------- */

#map_tmp {
	background:#fff;
	padding:25px 0;
	font-size:82%;
}

#map_tmp h2 {
	width:452px;
	margin:0 auto 20px;
	background:url(../../store/img/bg_border.gif) no-repeat left bottom;
	padding:0 0 16px 3px;
	color:#8b6e55;
	font-size:2.0em;
	font-weight:bold;
	text-align:left;
}

/*--  p.popupMap --*/

.popupMap {
	width:440px;
	height:390px;
	border:5px #ccc solid;
	margin:0 auto;
}


/*  Search Tmp
-------------------------------------------------------------------- */

#storeSearch {
	width:440px;
	margin:0 auto;
}

/*--  ul.seachW --*/

ul.seachW {
	width:440px;
	margin:0 0 15px;
	clear:both;
	padding:0 0 15px;
	background:url(../../store/img/bg_border2.gif) no-repeat left bottom;
}

ul.seachW li {
	float:left;
	padding:0;
	margin:0 10px 0 0;
	list-style:none;
}

ul.seachW li img {
	vertical-align:middle;
	margin:0;
	padding:0;
}

/*--  div.seachM --*/

div.seachM {
	width:440px;
	clear:both;
	margin:0 auto 15px;
}

/*--  seachTit --*/

p.seachTit {
	font-size:85%;
}

p.seachTit img {
	margin-right:12px;
	vertical-align:middle;
}

/*--  div.seachGMap --*/

div.seachGMap {
	width:436px;
	height:250px;
	border:2px #ccc solid;
}

/*--  div.seachD --*/

div.seachD {
	width:440px;
	clear:both;
	margin:0 auto 15px;
		padding:0 0 15px;
	background:url(../../store/img/bg_border2.gif) no-repeat left bottom;
}

/*--  div.seachDL --*/

div.seachDL {
	width:243px;
	float:left;
	border:1px #ccc solid;
	margin-right:9px;
	padding:15px 10px;
	clear:both;
}

div.seachDL1 {
	width:243px;
	height:145px;
	float:left;
	border:1px #ccc solid;
	margin-right:9px;
	padding:8px 5px;
	clear:both;
	text-align:center;
}

/*--  div.seachDR --*/

div.seachDR {
	width:154px;
	margin:0;
	border:1px #9e8851 solid;
	background:#f3f2dd;
	padding:8px 5px;
	float:right;
}

div.seachDR table {
	width:154px;
	margin-top:5px;
	line-height:120%;
}

div.seachDR table tr th {
	font-weight:bold;
	font-size:85%;
	padding:4px 0 2px;
	color:#555;
	text-align:left;
}

div.seachDR table tr td {
	padding:2px 0 5px;
	font-size:85%;
}



/*--  div.storeInfo2 --*/

div.storeInfo2 {
	width:133px;
	margin-right:12px;
	float:left;
}

div.storeInfo2 dl {
	padding:0;
	margin:0;
}

div.storeInfo2 dl dt{
	font-weight:bold;
	padding:0 0 5px;
	margin:0;
	font-size:90%;
}

div.storeInfo2 dl dd {
	padding:0;
	margin:0;
	font-size:90%;
	line-height:145%;
	word-wrap:break-word;
}


/*--  table.searchAria --*/

table.searchAria {
	width:420px;
	font-size:90%;
}

table.searchAria tr td {
	width:105px;
	margin:0;
	padding:0 2px 0 0;
	text-align:left;
}

table.searchAria tr td a {
	background:url(../../store/img/ico_arrow_s.gif) no-repeat left 2px;
	color:#97785c;
	text-decoration:underline;
	padding:0 0 2px 13px;
}

table.searchAria tr td a:hover { text-decoration:none; }


/*  Store Result Tmp
-------------------------------------------------------------------- */

div#storeRes {
	width:440px;
	margin:0 auto;
}

/*--  p.Resaddress --*/

p.Resaddress {
	margin:0;
	padding:0;
	line-height:130%;
}

/*--  p.resultNum --*/

p.resultNum {
	font-size:120%;
	font-weight:bold;
	margin-bottom:15px;
}

/*--  ul.sort --*/

ul.sort {
	width:440px;
	margin:0 auto;
	clear:both;
	padding:0;
	margin:0 auto 15px;
}

ul.sort li {
	float:left;
	list-style:none;
	padding:0;
	margin-right:15px;
}


ul.sort li a {
	text-decoration:none;
}

ul.sort li span {
	font-weight:bold;
	font-size:95%;
	position:relative;
	top:-5px;
	margin-right:4px;
}

/*--  ul.icoRes --*/

ul.icoRes {
	width:109px;
	margin:0 0 2px;
	padding:0;
}

ul.icoRes li {
	float:left;
	list-style:none;
	padding:0;
	height:15px;
	width:35px;
}

ul.icoRes li img {
	border:none;
	margin:0;
	padding:0;
}

/*--  table.Btype --*/

table.Btype {
	width:438px;
	margin:0 auto 10px;
}



/*  List Tmp
-------------------------------------------------------------------- */

/*--  table.memberList --*/

table.memberList {
	width:420px;
	font-size:90%;
}

table.memberList tr th {
	padding:3px 2px 0 0;
	margin:0 0 8px;
	font-weight:bold;
/*	border-bottom:3px #c9ba90 double;*/
	background:none;
}

table.memberList tr th p {
	border-bottom:3px #c9ba90 double;
	width:400px;
	margin:0 0 3px;
}


table.memberList tr td {
	width:50%;
	margin:0;
	padding:3px 2px 5px 0;
	text-align:left;
}

table.memberList tr td a {
	background:url(../../store/img/ico_arrow_s.gif) no-repeat left 2px;
	color:#97785c;
	text-decoration:underline;
	padding:0 0 2px 16px;
}

table.memberList tr td a:hover { text-decoration:none; }


/*	Print_Tmp
-------------------------------------------------------------------- */


/*--  body#print --*/

body#print{
	background:none;

}

/*--  .Pcontents --*/

.Pcontents {
	width:455px;
	margin:30px auto;
}



/*	clrfix
================================================== */
.clrfix{
    zoom:1;/*for IE 5.5-7*/
}
.clrfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

* html .clrfix {
	height:1%;
}


/* スライドショー用 */

div.slideshow {
	padding:5px;
	overflow: hidden;
}
div.slideshow ul {
	overflow: hidden;
	padding: 4px 2px;
	z-index: 10001;
	width:180px;
	margin:0 auto;
}
div.slideshow ul a {
	/*background-position: 50% 50%;*/
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	/*float: left;*/
	height: 55px;
	margin-right: 5px;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	width: 55px;
}
div.slideshow ul a.active,
div.slideshow ul a:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
div.slideshow ul li {
	float: left;
	list-style: none;
	overflow: hidden;
	width:55px;
	padding: 4px 2px;
}

/* for IE 7 */

*+html body div.slideshow ul li {
	padding: 4px 2px;
	margin:0;
	list-style-position:inside;
}
* html body div.slideshow ul li {
	padding: 4px 2px;
	margin:0;
	list-style-position:inside;
}



div.slideshow p {
	margin:0;
	padding:0;
}
