@charset "utf-8";
/* CSS Document */

/*
 debug
*/
#main {
	margin: 0 0 0 5px;
	width: auto;
}


/*
text replace bgimage.
class .textReplaceBgimage .replaceBgimage .replaceText (If tag has ".select", position and z-index initialize.)
Use.
<wrapper class="textReplaceBgimage">
	<backgroundimage class="replaceBgimage">
		<text class="replaceText">This text replace background image.</text>
	</backgroundimage>
</wrapper>
*/

.textReplaceBgimage,
#TemplateMenu ul li dl,
#TemplateMenu ul li dl dt {
	position: relative;
	z-index: 1;
}
.replaceBgimage,

#TemplateMenu ul li.select dl dt,
#TemplateMenu ul li dl dt a {
	display: block;
	background-color: transparent;
	background-image: url(../image/webchoce_menu.png);
	background-repeat: no-repeat;
	text-decoration: none;
	/*
	need property
	width: ;
	height: ;
	background-position: x y;
	*/
}
.replaceText,
#TemplateMenu ul li.select dl dt span,
#TemplateMenu ul li dl dt a span {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: -1;
	overflow: hidden;
	/*
	need property
	width: ;
	height: ;
	*/
}
#TemplateMenu ul li.select dl dt {
	position: static;
	z-index: auto;
}


#TemplateMenu {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #66cc00;
}
#TemplateMenu ul {
	margin: 0 -12px 0 0;
	width: 812px;
	height: 1%;
	overflow: hidden;
	list-style-type: none;
}
#TemplateMenu ul li {
	margin: 0 12px 0 0;
	float: left;
	width: 191px;
}
#TemplateMenu ul li dl {}
#TemplateMenu ul li dl dt {
	margin-bottom: 0.5em;
}
#TemplateMenu ul li dl dt a {
	width: 191px;
	height: 65px;
}
#TemplateMenu ul li dl dt a span {
	width: 191px;
	height: 65px;
} 
#TemplateMenu ul li dl dd {}
#TemplateMenu ul li dl dd a {
	margin: 0.5em auto 0;
	display: block;
	line-height: 1.6;
	background-color: #000000;
	text-align: center;
}
#TemplateMenu ul li dl dd a:link,
#TemplateMenu ul li dl dd a:visited {
	color: #ffffff;
}
#TemplateMenu ul li dl dd a:hover,
#TemplateMenu ul li dl dd a:active {
	color: #000000;
	background-color: #ffff33;
}

#TemplateMenu ul li#CNav001 dl dt a {
	background-position: 0 0;
}
#TemplateMenu ul li#CNav001 dl dt a:hover,
#TemplateMenu ul li#CNav001 dl dt a:active {
	background-position: 0 -65px;
}
#TemplateMenu ul li#CNav001.select dl dt {
	background-position: 0 -130px;
}

#TemplateMenu ul li#CNav002 dl dt a {
	background-position: -191px 0;
}
#TemplateMenu ul li#CNav002 dl dt a:hover,
#TemplateMenu ul li#CNav002 dl dt a:active {
	background-position: -191px -65px;
}
#TemplateMenu ul li#CNav002.select dl dt {
	background-position: -191px -130px;
}

#TemplateMenu ul li#CNav003 dl dt a {
	background-position: -382px 0;
}
#TemplateMenu ul li#CNav003 dl dt a:hover,
#TemplateMenu ul li#CNav003 dl dt a:active {
	background-position: -382px -65px;
}
#TemplateMenu ul li#CNav003.select dl dt {
	background-position: -382px -130px;
}

#TemplateMenu ul li#CNav004 dl dt a {
	background-position: -573px 0;
}
#TemplateMenu ul li#CNav004 dl dt a:hover,
#TemplateMenu ul li#CNav004 dl dt a:active {
	background-position: -573px -65px;
}
#TemplateMenu ul li#CNav004.select dl dt {
	background-position: -573px -130px;
}


#TemplateList .list #Cat000 {
}
#TemplateList .list #Cat001 {
}
#TemplateList .list #Cat002 {
}
#TemplateList .list #Cat003 {
}
#TemplateList .list #Cat004 {
}
#TemplateList .list #Cat005 {
}

#TemplateList {}
#TemplateList div {}
#TemplateList .list {}
#TemplateList .list ol {
	margin: 0 0 0 0px;
	list-style-type: none;
}
#TemplateList .list ol li {
	margin: 0 4px 8px;
	display: inline;
	float: left;
	width: 150px;
}
#TemplateList .list ol li dl {
	margin: 6px;
}
#TemplateList .list ol li dl dt {
	margin: 0 0 0.5em;
	border-bottom: 1px solid;
	border-color: #ffffff;
}
#TemplateList .list ol li dl dd {}
#TemplateList .list ol li dl .primary {
}
#TemplateList .list ol li dl .primary a {}
#TemplateList .list ol li dl .primary a img {
	margin: 0 auto;
	border: 3px solid #eeeeee;
	display: block;
}
#TemplateList .list ol li dl .primary a:hover img,
#TemplateList .list ol li dl .primary a:active img {
	border: 3px solid #cccccc;
}
#TemplateList .list ol li dl .secondary {
	margin: 0.5em 0 0;
	padding: 6px 0 0;
	border-top: 1px solid;
	border-color: #ffffff;
	text-align: center;
}
#TemplateList .list ol li dl .secondary a {
	background-color:#000000;
	color:#FFFFFF;
	display: block;
}
#TemplateList .list ol li dl .secondary a:hover,
#TemplateList .list ol li dl .secondary a:active {
	background-color:#FFFF33;
	color:#000000;
}
#TemplateList .list ol li dl .tertiary {
	display: none;
}
/* category:salon setting */
#TemplateList .list ol .salon {
	background-color: #FAFFBA;
}
#TemplateList .list ol .salon dl dt,
#TemplateList .list ol .salon dl .secondary {
	border-color: ;
}
/* category:hotel setting */
#TemplateList .list ol .hotel {
	background-color: #FFD1E8;
}
#TemplateList .list ol .hotel dl dt,
#TemplateList .list ol .hotel dl .secondary {
	border-color: ;
}
/* category:company setting */
#TemplateList .list ol .company {
	background-color: #E8FFFF;
}
#TemplateList .list ol .company dl dt,
#TemplateList .list ol .company dl .secondary {
	border-color: ;
}
/* category:food setting */
#TemplateList .list ol .food {
	background-color: #FFFFB5;
}
#TemplateList .list ol .food dl dt{
}
#TemplateList .list ol .food dl .secondary {
	border-color: #000000;
	color:#FFFFFF;
}
/* category:clinic setting */
#TemplateList .list ol .clinic {
	background-color: #E3FFE3;
}
#TemplateList .list ol .clinic dl dt,
#TemplateList .list ol .clinic dl .secondary {
	border-color: ;
}

.tmpInquiry {}
.tmpInquiry p {
	text-align: center;
}



#turn-top {
	clear: both;
}