@charset "utf-8";

/* layout
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body{
	color:#333333;
	background-color:#ffffff;
}
#container{
	width:100%;
	text-align:left;
}

/* upper */
#contents{
	background:#ffdb14 url(../images/bg_contents.jpg) 0 0 repeat-x;
	margin:1px 0 0 0;
	padding:5px 5px 5px 10px;
}
#contents .side{
	float:left;
	width:200px;
}
#contents .main{
	position:relative;
	left:0;
	right:0;
	background-color:#ffffff;
	margin:0 0 0 210px;
	padding:1px;
}

/* lower */
#subcontents{
	background:#ffffff url(../images/bg_subcontents.jpg) 0 0 repeat-x;
	padding:0 0 0 10px;
}
#subcontents .side{
	display:inline;
	float:left;
	width:200px;
	margin:5px 0 0 0;
}
#subcontents .main{
	margin:0 5px 0 210px;
	padding:15px 0 0 0;
}

/* common
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.help{
	background:url(../images/ico_question.gif) 0 2px no-repeat;
	margin:0 0 0 0;
	padding:0 0 0 20px;
}

/* upper side
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* searcharea */
#contents .side .tabsearch{
	height:1%;
	margin:0;
	padding:0;
	xborder:1px solid #ff0000;
}
#contents .side .tabsearch ul li{
	display:inline;
	float:left;
	width:auto;
	height:26px;
	list-style:none;
}
#contents .side .tabsearch ul li.tabsearch01{
	width:112px;
	background:url(../images/tab_search01-off.jpg) 0 0 no-repeat;
	margin:0 2px 0 0;
}
#contents .side .tabsearch ul li.tabsearch02{
	width:86px;
	background:url(../images/tab_search02-off.jpg) 0 0 no-repeat;
}
#contents .side .tabsearch ul li.tabsearch01on{
	position:relative;
	width:112px;
	background:url(../images/tab_search01-on.jpg) 0 0 no-repeat;
	margin:0 2px 0 0;
}
#contents .side .tabsearch ul li.tabsearch02on{
	position:relative;
	width:86px;
	background:url(../images/tab_search02-on.jpg) 0 0 no-repeat;
}
#contents .side .tabsearch ul li a{
	display:block;
	height:25px;
	text-indent:-999999px;
	overflow:hidden;
}

#contents .side .searchbox{
	height:1%;
	background-color:#fffed6;
	margin:-1px 0 10px 0;
}
#contents .side .searchbox .inner{
	border:1px solid #e79b01;
	padding:10px 0 10px 5px;
}
#contents .side .searchbox table{
	border-collapse:collapse;
}
#contents .side .searchbox table th input{
	width:135px;
}

/* searchlist */
#contents .side .searchbox .searchlist{
	position:absolute;
	width:200px;
	background-color:#e79b01;
	margin:-1px 0 0 0;
}
#contents .side .searchbox .searchlist .outer{
	background-color:#fffed6;
	xpadding:3px;
}
#contents .side .searchbox .searchlist .inner{
	background-color:#efbe4c;
	padding:3px;
}
#contents .side .searchbox .searchlist .list{
	background-color:#fffed6;
	padding:3px;
}
/* result */
#contents .side .searchbox .searchlist .list p.ttlsearchlist{
	font-weight:bold;
	padding:0 0 0 5px;
}
#contents .side .searchbox .searchlist .list ul{
	margin:3px;
	padding:0 0 10px 0;
}
#contents .side .searchbox .searchlist .list ul li{
	height:1%;
	background:url(../images/ico_arrow02.gif) 0 5px no-repeat;
	margin:0 0 3px 3px;
	padding:0 0 0 8px;
}
#contents .side .searchbox .searchlist .list ul li a{
	font-weight:bold;
}
#contents .side .searchbox .searchlist .list ul li span{
	display:block;
	height:1%;
	font-size:10px;
	color:#666666;
	margin:0 0 5px 0;
	padding:0 0 0 0;
}
/* 0hit */
#contents .side .searchbox .searchlist .list p.txtshoplist0hit{
	font-size:10px;
	padding-left:5px;
}
#contents .side .searchbox .searchlist .list p.txtshoplistadvice{
	color:#666666;
	font-weight:bold;
	padding:5px 0 5px 5px;
}
#contents .side .searchbox .searchlist .list p.txtsearchlist{
	color:#666666;
	font-weight:bold;
	padding:5px 0 0 5px;
}
#contents .side .searchbox .searchlist .list dl{
	margin:5px;
	padding:0 0 10px 0;
}
#contents .side .searchbox .searchlist .list dl dt{
	font-size:10px;
}
#contents .side .searchbox .searchlist .list dl dd{
	font-size:10px;
}
/* over */
#contents .side .searchbox .searchlist .list p.s-txtsearchlist{
	color:#666666;
	font-size:10px;
	padding:0 0 0 5px;
}

#contents .side .siteusebox{
	background-color:#f2f2f2;
	margin:0 0 10px 0;
	border:1px solid #cccccc;
}
#contents .side .siteusebox dl{
	padding:5px;
}
#contents .side .siteusebox dl dt{
	padding:0 0 10px 0;
}
#contents .side .siteusebox dl dd ol{
	list-style:none;
}
#contents .side .siteusebox dl dd ol li{
	font-size:10px;
}
#contents .side .siteusebox dl dd ol li.no1{
	background:url(../images/ico_no1.gif) 0 0 no-repeat;
	padding:0 2px 7px 20px;
}
#contents .side .siteusebox dl dd ol li.no2{
	background:url(../images/ico_no2.gif) 0 0 no-repeat;
	padding:0 2px 7px 20px;
}
#contents .side .siteusebox dl dd ol li.no3{
	background:url(../images/ico_no3.gif) 0 0 no-repeat;
	padding:0 2px 0 20px;
}

/* shopinfo */
#contents .side .shopinfobox{
	margin:0 0 10px 0;
}

/* kakuhighinfobox */
#contents .side .kakuhighinfobox{
	margin:0 0 0 0;
}
#contents .side .kakuhighinfobox .inner{
	background:url(../images/bg_kakuhighinfo.gif) 0 0 no-repeat;
	padding:5px 5px 5px 25px;
}
#contents .side .kakuhighinfobox ul{
	margin:0 0 0 30px;
}
#contents .side .kakuhighinfobox ul li.balloon{
	font-size:10px;
	padding:0 0 8px 0
}
#contents .side .kakuhighinfobox ul li.jug{
	font-size:10px;
}

/* upper main
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#contents .main .map{
  position:relative;
  left:0;
  right:0;
  height:480px;
  margin:0;
  padding:0;
}

/* lower side
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#subcontents .side .bookmarkbox{
	background:url(../images/bg_bookmarkbox.jpg) 0 0 no-repeat;
	margin:0 0 10px 0;
}
#subcontents .side .bookmarkbox ul{
	padding:4px 0 7px 8px;
}
#subcontents .side .bookmarkbox ul li{
	display:inline;
	padding:0 1px 0 0;
}
#subcontents .side .bookmarkbox ul li img{
	display:inline;
	vertical-align:middle;
}

#subcontents .side .bannerbox{
	margin:0 0 10px 0;
}
#subcontents .side .bannerbox img{
	display:inline;
}

/* lower main
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#subcontents .main .rankbox{
	width:99.9%;
	margin:0 0 10px 0;
	padding:0;
	overflow:hidden;
}
#subcontents .main .rankbox .writebox{
	display:inline;
	float:left;
	width:66.0%;
}
#subcontents .main .rankbox .writebox .userrankbox{
	display:inline;
	float:left;
	width:49.0%;
}
#subcontents .main .rankbox .writebox .commentrankbox{
	display:inline;
	float:right;
	width:49.0%;
}
#subcontents .main .rankbox .arearankbox{
	display:inline;
	float:right;
	width:33.0%;
}
#subcontents .main .newcommentbox{
	width:100%;
	margin:0 0 30px 0;
	padding:0;
	overflow:hidden;
}

/* userrankbox */
#subcontents .main .userrankbox .hl-rank{
	height:34px;
	background:url(../images/bg_rankbox-c.gif) 0 0 repeat-x;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	xoverflow:hidden;
}
#subcontents .main .userrankbox .hl-rank h2{
	background:url(../images/ico_crown.gif) 0 6px no-repeat;
	font-size:12px;
	font-weight:bold;
	line-height:1.0em;
	margin:0 5px 0 10px;
	padding:10px 0 5px 25px;
}

#subcontents .main .userrankbox .outer{
	border:1px solid #cccccc;
}
#subcontents .main .userrankbox .inner{
	height:1%;
	padding:5px;
}
#subcontents .main .userrankbox p.ranksummary{
	clear:both;
	padding:0 0 0 5px;
}
#subcontents .main .userrankbox table{
	width:100%;
	margin:0 0 5px 0;
}
#subcontents .main .userrankbox table th{
	width:50px;
	text-align:left;
	font-weight:bold;
	padding:5px;
	border-bottom:1px dotted #cccccc;
}
#subcontents .main .userrankbox table td{
	padding:5px;
	border-bottom:1px dotted #cccccc;
}
#subcontents .main .userrankbox p.rankdetail{
	display:inline;
	float:right;
	width:auto;
	background:url(../images/ico_arrow02.gif) 0 5px no-repeat;
	margin:0 0 2px 0;
	padding:0 0 0 10px;
}

/* commentrankbox */
#subcontents .main .commentrankbox .hl-rank{
	height:34px;
	background:url(../images/bg_rankbox-c.gif) 0 0 repeat-x;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	xoverflow:hidden;
}
#subcontents .main .commentrankbox .hl-rank h2{
	background:url(../images/ico_balloon.gif) 0 6px no-repeat;
	font-size:12px;
	font-weight:bold;
	line-height:1.0em;
	margin:0 5px 0 10px;
	padding:10px 0 5px 25px;
}

#subcontents .main .commentrankbox .outer{
	border:1px solid #cccccc;
}
#subcontents .main .commentrankbox .inner{
	height:1%;
	padding:5px;
}
#subcontents .main .commentrankbox p.ranksummary{
	clear:both;
	padding:0 0 0 5px;
}
#subcontents .main .commentrankbox table{
	width:100%;
	margin:0 0 5px 0;
}
#subcontents .main .commentrankbox table th{
	width:50px;
	text-align:left;
	font-weight:bold;
	padding:5px;
	border-bottom:1px dotted #cccccc;
}
#subcontents .main .commentrankbox table td{
	padding:5px;
	border-bottom:1px dotted #cccccc;
}
#subcontents .main .commentrankbox p.rankdetail{
	display:inline;
	float:right;
	width:auto;
	background:url(../images/ico_arrow02.gif) 0 5px no-repeat;
	margin:0 0 2px 0;
	padding:0 0 0 10px;
}

/* arearankbox */
#subcontents .main .arearankbox .hl-rank{
	height:34px;
	background:url(../images/bg_rankbox-c.gif) 0 0 repeat-x;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	xoverflow:hidden;
}
#subcontents .main .arearankbox .hl-rank h2{
	background:url(../images/ico_japan.gif) 0 6px no-repeat;
	font-size:12px;
	font-weight:bold;
	line-height:1.0em;
	margin:0 5px 0 10px;
	padding:10px 0 5px 25px;
}

#subcontents .main .arearankbox .outer{
	border:1px solid #cccccc;
}
#subcontents .main .arearankbox .inner{
	height:1%;
	padding:5px;
}
#subcontents .main .arearankbox p.ranksummary{
	clear:both;
	padding:0 0 0 5px;
}
#subcontents .main .arearankbox table{
	width:100%;
	margin:0 0 5px 0;
}
#subcontents .main .arearankbox table th{
	width:50px;
	text-align:left;
	font-weight:bold;
	padding:5px;
	border-bottom:1px dotted #cccccc;
}
#subcontents .main .arearankbox table td{
	padding:5px;
	border-bottom:1px dotted #cccccc;
}
#subcontents .main .arearankbox p.rankdetail{
	display:inline;
	float:right;
	width:auto;
	background:url(../images/ico_arrow02.gif) 0 5px no-repeat;
	margin:0 0 2px 0;
	padding:0 0 0 10px;
}

/* newcommentbox */
#subcontents .main .newcommentbox .hl-newcomment{
	height:25px;
	background:url(../images/bg_newcommentbox-c.gif) 0 0 repeat-x;
	overflow:hidden;
}
#subcontents .main .newcommentbox .hl-newcomment .hl-start{
	display:inline;
	float:left;
	width:3px;
}
#subcontents .main .newcommentbox .hl-newcomment h2{
	display:inline;
	float:left;
	width:3px;
	margin:0 0 0 10px;
}
#subcontents .main .newcommentbox .hl-newcomment .hl-end{
	display:inline;
	float:right;
	width:3px;
}

#subcontents .main .newcommentbox .newcommentarea{
	xmargin:0 0 5px 0;
	border:1px solid #cccccc;
}
#subcontents .main .newcommentbox .newcommentarea .inner{
	padding:5px;
}
#subcontents .main .newcommentbox .newcommentarea .newcomment{
	margin:5px;
	padding:0 0 5px 0;
	border-bottom:1px dotted #cccccc;
	overflow:hidden;
}
#subcontents .main .newcommentbox .newcommentarea .newcomment h3{
	background:url(../images/ico_house.gif) 0 2px no-repeat;
	padding:0 0 5px 15px;
}
#subcontents .main .newcommentbox .newcommentarea .newcomment dl{
	display:inline;
}
#subcontents .main .newcommentbox .newcommentarea .newcomment dl dt{
	display:inline;
}
#subcontents .main .newcommentbox .newcommentarea .newcomment dl dt img{
	display:inline;
	vertical-align:-0.2em;
}
#subcontents .main .newcommentbox .newcommentarea .newcomment dl dd{
	display:inline;
	font-size:10px;
	margin:0 10px 0 5px;
}
#subcontents .main .newcommentbox .newcommentarea .newcomment ul{
	display:inline;
	font-size:10px;
}
#subcontents .main .newcommentbox .newcommentarea .newcomment ul li{
	display:inline;
	font-size:10px;
}
#subcontents .main .newcommentbox .newcommentarea .newcomment ul li.username{
	font-weight:bold;
	padding:0 5px 0 0;
}