@charset "UTF-8";
/* CSS Document for P-kachi portal website */

/****************************************

		1. General Setting 

*****************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption/*, tbody, tfoot, 
thead, table, label, tr, th, td*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}

/*** For Firefox removing dotted line links ***/
:focus{ -moz-outline-style: none; }

body{
    font: 12px "Osaka",'Hiragino Kaku Gothic Pro',Verdana, Arial, sans-serif;
    background-color: #CC0000;
	}

a{ color: #0466c8;
	text-decoration: underline;
	}
	a:hover{
		color: #4af;
		position:relative;
		bottom:-1px;
		left:1px;
	}
	
hr{
	border-color:#ccc;
	border-style:solid;
	border-width:1px 0 0;
	height:1px;
	}
	hr.hr5{
		border-width:5px 0 0;
		height:5px;
		margin-bottom: 10px;
		}
label {
	cursor: pointer;
}
.middleLabel * {
	vertical-align: middle;
}

img.miniThumb {
	border: 1px solid #ccc;
}

/****************************************

			2. Common Area 

*****************************************/

#wrapper{
	width: 955px;
	margin: 0 auto;
	padding: 0 35px 15px;
	background-color: #fff;
	}

h1, #copy{
	background-color: #000;
	color: #ccc;
	text-align: center;
	padding: 5px 0;
	}
h1{ color: #ccc; font-weight: normal; }	
#copy{ color: #fff; font-size: 85%; }

.logo{ margin: 20px 0 10px; }

p.breadcrumb{ margin: 0 0 10px; }
	p.breadcrumb span{ font-size: 150%; color: #ccc; }
	
.title{
	background: url(/img/default/title.jpg) no-repeat;
	width: 705px;
	height: 25px;
	font-size: 120%;
	padding:12px 0 0 25px;
	clear: both;
	margin-bottom: 10px;
	}
	:root *> .title{ height: 30px; padding-top: 7px; } /* for everything but IE */
	
.top_more{
	text-align: right;
	clear: both;
	line-height: 25px;
	}

.clear{ clear: both; }
.font_big{ font-size: 120%;}
.font_huge{ font-size: 150%;}
.red{ color: #c00;}
.dot{
	background: url(/img/default/dot.gif) repeat-x;
	width: 98%;
	margin: 3px auto;
	height: 3px;
	}




/****************************************

			3. Main 

*****************************************/

#main{
	width: 730px;
	margin-right: 25px;
	_margin-right: 20px; /* For IE6 */
	float: left;
	}
	
	
	
/*** Average ***/
	
	ul#average{
		background: url(/img/default/index/bg_average.jpg) no-repeat;
		width: 556px;
		height: 74px;
		margin-top: 5px;
		font-weight: bold;
		font-size: 120%;
		padding:16px 0 0 185px;
		}
		ul#average li img{ padding-bottom: 5px; }
		ul#average li img.star_l{ padding-bottom: 0; }
	
	ul#average .heart, ul#average .repeater, ul#average .monthly{
		height: 21px;
		float: left;
		padding-left: 25px;
		margin-right: 10px;
		white-space: nowrap;
		}
	ul#average .heart{ background: url(/img/default/icon_heart.gif) no-repeat top left; }
	ul#average .repeater{ background: url(/img/default/icon_repeater.gif) no-repeat top left; }
	ul#average .monthly{
		background: url(/img/default/common/icon_new_orange.gif) no-repeat left center;
		padding-left: 45px;
		}
		
		
		
/*** Search map ***/

#searchMap{
	background: url(/img/default/bg_map.jpg) no-repeat;
	width: 730px;
	height: 493px;
	padding-top: 22px;
	overflow: hidden;
	}
	
	#searchMap form{ margin-left: 250px; }
		#searchMap form .search_text{ margin-left: 40px;}
		#searchMap form .btn_red{
			background: url(/img/default/btn_red.jpg) no-repeat;
			width: 71px;
			height:24px;
			cursor: pointer;
			border: none;
			color: #fff;
			font-size: 110%;
			padding-bottom: 3px;
			}
			#searchMap form .btn_red:hover{ background-position:left bottom; }
	
	#searchMap ul{ position: relative; width: 120px; }	
	#searchMap ul li{ margin: 1px 2px; float: left; display: inline;}		
		#searchMap ul li a{
			background: url(/img/default/btn_province.jpg) no-repeat;
			width: 56px;
			height:19px;
			cursor: pointer;
			display: block;
			color: #888;
			text-align: center;
			text-decoration: none;
			font-family: 'Hiragino Maru Gothic Pro',Verdana, Arial, sans-serif;
			letter-spacing: 0.1em;
			padding-top: 5px;
			}
		:root *> #searchMap ul li a{ height: 22px; padding-top: 2px; } /* for everything but IE */
			#searchMap ul li a:hover{
				background-position:left bottom;
				color: #fff;
				}
	/* Map positioning */		
	#searchMap .hokkaido{ top: 95px; left: 550px;}	
	#searchMap .tohoku{ top: 100px; left: 490px;}	
	#searchMap .hokuriku{ top: -9px; left: 280px;}	
	#searchMap .kantou{ top: 55px; left: 490px;}	
	#searchMap .toukai{ top: 3px; left: 420px;}
		#searchMap .toukai li{ clear: both; }	
	#searchMap .kansai{ top: -101px; left: 358px;}
		#searchMap .kansai li{ clear: both; }	
	#searchMap .chugoku{ top:-365px; left: 158px;}
	#searchMap .shikoku{ top: -283px; left: 296px;}	
		#searchMap .shikoku li{ clear: both; }	
	#searchMap .kyusyu{ top: -385px; left: 100px;}	
	#searchMap .okinawa{ top: -765px; left: 65px;}
		#searchMap .okinawa li{ clear: both; }
		
		


/*** 特徴 ***/
	
	h2.title_feature{
		background: url(/img/default/title_feature.jpg) no-repeat;
		width: 705px;
		height: 25px;
		font-size: 120%;
		padding:12px 0 0 25px;
		margin-bottom: 5px;
		clear: both;
		}
	:root *> h2.title_feature{ height: 30px; padding-top: 7px; } /* for everything but IE */
		
	ul.feature_icon{ margin: 5px 0;}
	ul.feature_icon li{
		float: left;
		padding: 3px 0 0 22px;
		margin-right:15px;
		height: 18px;
		}
		ul.feature_icon li.heart{ background: url(/img/default/icon_heart.gif) no-repeat;}
		ul.feature_icon li.repeater{ background: url(/img/default/icon_repeater.gif) no-repeat;}
		ul.feature_icon li.gift{ background: url(/img/default/icon_gift.gif) no-repeat;}
		ul.feature_icon li.star{ background: url(/img/default/icon_star.gif) no-repeat;}
		ul.feature_icon li.new{ background: url(/img/default/icon_new.gif) no-repeat;}
		
	.what_is_this {
		width: 355px;
		height: 144px;
		margin: 10px 4px 0 0;
		float: left;
	}
		.what_is_this#whatHeart {
			background: url(/img/default/index/bg_heart.jpg) no-repeat;
		}
		.what_is_this#whatGift {
			background: url(/img/default/index/bg_gift.jpg) no-repeat;
		}
		.what_is_this .whatContent {
			margin: 5px 10px 5px 120px;
		}
		.whatContent p {
			margin-bottom: 5px;
		}
		

/** listRank **/
div.listRank {
	margin: 10px 0 10px 0;
}
div.listRank div.listItem {
	float: left;
	margin: 0 0 0 10px;
	width: 230px;
}
	div.listItem h4 {
		float: left;
		margin-bottom: 5px;
		font-size: 120%;
		height: 20px;
		font-weight: normal;
	}
	div.listItem p.listFan {
		margin-top: 5px;
		padding: 3px 0 0 22px;
		color: #0466c8;
		background: url(/img/default/star_s.gif) no-repeat;
		height: 20px;
		font-weight: bold;
	}
	div.listItem p.listFanStar {
		margin-top: 3px;
		text-align: center;
		color: #0466c8;
		font-weight: bold;
		line-height: 2.5;
	}
		p.listFanStar span.iconFan {
			padding: 2px 0 2px 22px;
			background: transparent url(/img/default/common/icon_fan_orange.gif) left center no-repeat;
		}
	p.listAccess {
		margin-bottom: 5px;
	}
	div.listPic {
		float: left;
		width: 90px;
	}
	div.listContent {
		float: left;
		width: 135px;
	}
	div.listContent div.listIcon {
		margin-top: 5px;
		padding-left: 8px;
		text-align: center;
	}
	div.listContent p.listPr {
		padding-left: 8px;
	}
	div.listIcon * {
		vertical-align: middle;
	}
	div.listSeparate {
		padding: 10px 0;
	}

.rank1{ background: url(/img/default/rank1.gif) left center no-repeat; }
.rank2{ background: url(/img/default/rank2.gif) left center no-repeat; }
.rank3{ background: url(/img/default/rank3.gif) left center no-repeat; }
.rank4{ background: url(/img/default/rank4.gif) left center no-repeat; }
.rank5{ background: url(/img/default/rank5.gif) left center no-repeat; }
.rank6{ background: url(/img/default/rank6.gif) left center no-repeat; }
.rank7{ background: url(/img/default/rank7.gif) left center no-repeat; }
.rank8{ background: url(/img/default/rank8.gif) left center no-repeat; }
.rank9{ background: url(/img/default/rank9.gif) left center no-repeat; }

/*** Ranking ***/

	.title_coupon, .title_restaurantRanking, 
	.title_fanMonthlyRanking, .title_fanTotalRanking, .title_repeatRanking,
	.title_searchArea, .title_search, .title_new, .title_results{
		height: 36px;
		font-size: 120%;
		padding: 24px 0 0 85px;
		margin: 10px 0 5px;
		width: 645px;
		}
	:root *> .title_coupon, .title_restaurantRanking, 
	.title_fanMonthlyRanking, .title_fanTotalRanking, .title_repeatRanking,
	.title_searchArea, .title_search, .title_new, title_results{
	height: 40px; padding-top: 20px;
	} /* for everything but IE */
	
	
	.title_results{ height: 36px; padding-top: 24px;}
	:root *> .title_results{
	height: 45px; padding-top: 20px;
	} /* for everything but IE */
	
	.title_coupon{ background: url(/img/default/title_coupon_ranking.jpg) no-repeat; }
	.title_restaurantRanking{ background: url(/img/default/title_restaurant_ranking.jpg) no-repeat; }
	.title_fanMonthlyRanking{ background: url(/img/default/title_fanmonth_ranking.jpg) no-repeat; }
	.title_fanTotalRanking{ background: url(/img/default/title_fantotal_ranking.jpg) no-repeat; }
	.title_repeatRanking{ background: url(/img/default/title_repeat_ranking.jpg) no-repeat; }
	.title_searchArea{ background: url(/img/default/title_searcharea.jpg) no-repeat; }
	.title_search{ background: url(/img/default/title_search.jpg) no-repeat; }
	.title_new{ background: url(/img/default/title_new.jpg) no-repeat; }
	.title_results{ background: url(/img/default/title_results.jpg) no-repeat; }
	
	p.yellow_label{ background-color: #fff1aa; padding: 3px; }
	
	.newred{ background: url(/img/default/new.gif) no-repeat;}
	.rank1{ background: url(/img/default/rank1.gif) no-repeat;}
	.rank2{ background: url(/img/default/rank2.gif) no-repeat;}
	.rank3{ background: url(/img/default/rank3.gif) no-repeat;}
	.rank4{ background: url(/img/default/rank4.gif) no-repeat;}
	.rank5{ background: url(/img/default/rank5.gif) no-repeat;}
	.rank6{ background: url(/img/default/rank6.gif) no-repeat;}
	.rank7{ background: url(/img/default/rank7.gif) no-repeat;}
	.rank8{ background: url(/img/default/rank8.gif) no-repeat;}
	.rank9{ background: url(/img/default/rank9.gif) no-repeat;}
	.letter_a{ background: url(/img/default/letter_a.gif) no-repeat;}
	.letter_b{ background: url(/img/default/letter_b.gif) no-repeat;}
	.letter_c{ background: url(/img/default/letter_c.gif) no-repeat;}
	.letter_d{ background: url(/img/default/letter_d.gif) no-repeat;}
	.letter_e{ background: url(/img/default/letter_e.gif) no-repeat;}
	.letter_f{ background: url(/img/default/letter_f.gif) no-repeat;}
	.letter_g{ background: url(/img/default/letter_g.gif) no-repeat;}
	.letter_h{ background: url(/img/default/letter_h.gif) no-repeat;}
	.letter_i{ background: url(/img/default/letter_i.gif) no-repeat;}
	.letter_j{ background: url(/img/default/letter_j.gif) no-repeat;}
	.circle{ background: url(/img/default/icon_circle.gif) no-repeat;}
	
	.newred, .rank1, .rank2, .rank3, .rank4, .rank5, .rank6, .rank7, .rank8, .rank9,
	.letter_a, .letter_b, .letter_c, .letter_d, .letter_e, .letter_f, 
	.letter_g, .letter_h, .letter_i, .letter_j, .circle { padding-left: 23px;}
	
	ol.ranking li{
		padding: 10px 0 5px;
		margin-left: 13px;
		_margin-left: 10px; /* For IE6 */
		width: 230px;
		float: left;
		}
		ol.ranking li h4{
			font-size: 120%;
			float: left;
			margin-bottom: 5px;
			height: 20px;
			padding-top: 3px;
			font-weight: normal;
			}
		:root *> ol.ranking li h4{ padding-top:0;} /* for everything but IE */
		
		ol.ranking li p.star_num{
			color: #0466c8;
			background: url(/img/default/star_s.gif) no-repeat;
			height: 20px;
			padding: 3px 0 0 22px;
			float: left;
			font-weight: bold;
			margin-left:5px;
			}
		ol.ranking li img{
			float: left;
			margin: 5px 5px 0 0;
			}
		ol.ranking li img.up_down{ margin: 0 0 0 5px;}
		
		
		
		
/*** 店舗情報 ***/

	div#info{
		background: url(/img/default/bg_info.gif) no-repeat;
		width: 712px;
		height: 99px;
		padding: 9px;
		}
		div#info img.info_logo{ float: left; margin-right: 20px;}
		div#info p.info_genre{ float: left;}
		div#info div{ text-align: right; margin-right: 20px;}
		div#info p.furigana{ color: #999; }
		div#info h2, div#info p span{
			font-size: 160%;
			font-weight: bold;
			line-height: 25px;
			}
		div#info p span{ margin-right: 10px; }
		
		
		
/*** Average_s ***/
	
	ul#average_s{
		background: url(/img/default/store/bg_average_s.jpg) no-repeat;
		width: 580px;
		height: 38px;
		margin-top: 15px;
		font-weight: bold;
		font-size: 120%;
		padding:13px 0 0 155px;
		}
		ul#average_s li{ float: left; }
			ul#average_s li img{ padding-bottom: 5px; }
	
	ul#average_s .heart, ul#average_s .repeater, ul#average_s .monthly{
		height: 21px;
		padding-left: 25px;
		margin: 3px 5px;
		white-space: nowrap;
		}
	ul#average_s .heart{ margin-left: 15px; background: url(/img/default/icon_heart.gif) no-repeat top left; }
	ul#average_s .repeater{ background: url(/img/default/icon_repeater.gif) no-repeat top left; }
	ul#average_s .monthly{
		background: url(/img/default/common/icon_new_orange.gif) no-repeat left center;
		padding-left: 45px;
		}

/*** Share ***/
div.share {
	clear: both;
}
div.shareContent {
	margin: 10px 0 10px;
	padding: 10px 10px;
	background: #fffff4;
	border:1px solid #ccc;
	height: 23px;
	width: 455px;
	font-size: 10px;
	white-space: nowrap;
	text-align: center;
}

/*** Navigation ***/

#nav{
	width: 732px;
	height: 31px;
	display:block;
	margin-bottom: 15px;
	}
#order_nav{
	width: 736px;
	height: 45px;
}

#detail_nav {
	width: 732px;
	height: 31px;
	display:block;
	margin-bottom: 15px;
	}
	#detail_nav li { float: left; margin-right: 2px; }

/*** News ***/

p#news{
	background: url(/img/default/bg_news.jpg) no-repeat;
	width: 615px;
	height: 83px;
	font-size: 120%;
	margin: 0 0 15px;
	padding: 15px 10px 0 105px;
	}
:root *> p#news { padding-top: 7px; height: 91px;} /* For everything but IE */
	
	
	
/*** Gallery ***/

div#gallery{ background-color: #000; width: 480px; float: left; }
	div#gallery div{ text-align: center; }
		div#gallery div img{ margin: 13px 2px; }
		
		

/*** 店舗概要 ***/

div#sammary{
	float: left;
	width: 240px;
	margin-left: 7px;
	}
	div#sammary p{ margin-bottom: 10px; }
	
p.catch{
	color: #c00;
	padding-top: 20px;
	font-size: 135%;
	clear: both;
	font-weight: bold;
	}
	
/** forFoomoo */
div#galleryApi{ background-color: #000; width: 280px; text-align: center; float: left; }
	div#galleryApi div{ text-align: center; color: #fff; }
		div#galleryApi div img{ margin: 13px 2px; }
div#sammaryApi {
	float: left;
	width: 430px;
	margin-left: 15px;
	}
	div#sammaryApi p{ margin-bottom: 10px; }
	
p.catchApi {
	color: #c00;
	font-size: 135%;
	clear: both;
	font-weight: bold;
	}
div#detailRegister {
	padding: 6px 10px;
	border: 1px solid #FFA900;
	line-height: 1.6;
}
	div#detailRegister span#forActor {
		color: #da0000;
		font-weight: bold;
	}

/*** プレミアクーポン ***/
	
	div.coupon{
		background: url(/img/default/bg_coupon.gif) no-repeat;
		width: 706px;
		height: 178px;
		margin-bottom: 10px;
		padding: 12px;
		}
		div.coupon img{ float: left; margin-right: 20px;}
		div.coupon h4{ font-size: 135%; margin: 10px 0;}
		:root *> div.coupon h4 { margin: 0;} /* For everything but IE */
		div.coupon p strong{
			background-color: #f00;
			font-size: 120%;
			color: #fff;
			line-height:40px;
			padding:1px 3px;
			}
		div.coupon p b{
			font-size: 120%;
			color: #0466c8;
			float: left;
			}
		div.coupon p span{
			text-align: right;
			display:block;
			margin-right:13px;
			}
		.couponYen {
            padding-left: 32px;
            background: transparent url(/img/default/icon/coin.gif) no-repeat left center;
        }

/*** 特集記事 ***/
#pageFeature p#prSingle {
	margin: 0 5px 13px;
    color: #CC0000;
    font-size: 135%;
    font-weight: bold;
}
#pageFeature p#pr {
	margin: 0 5px 15px;
    font-size: 120%;
}
div.picContent {
	margin-bottom: 5px;
}

#pageFeature .articleText {
	clear: both;
    font-size: 110%;
    font-weight: bold;
}
table#qandaArea {
	margin-top: 10px;
	width: 100%;
	background-color: #FFE0BF;
}
	table#qandaArea th {
		width: 25px;
		vertical-align: top;
	}
	table#qandaArea td {
		padding: 0 5px;
	}
	table#qandaArea td.question {
		background-color: #FFD2A2;
		color: #666;
	}
	table#qandaArea tr.separate th,
	table#qandaArea tr.separate td {
		padding-bottom: 10px;
	}
	
table#featureStoreDetail {
	width: 500px;
	float: left;
}
	#featureStoreDetail td {
		width: 350px;
	}
	#featureStoreDetail td.label {
		width: 150px;
	}
	#pageFeature div#mapArea {
		float: left;
		margin-left: 10px;
	}
div.commentBalloon {
	margin: 0 5px 20px;
}
	.commentBalloon .balloonPic {
		float: left;
		padding: 1px;
		border: 1px solid #ccc;
	}
	.commentBalloon .balloonText {
		float: left;
		margin: 20px 0 0 5px;
		padding: 10px 10px 10px 50px;
		width: 495px;
		background: #FFE0BF url(/img/default/store/feature/balloon.gif) no-repeat left center;
	}
	.commentBalloon .interviewerInfo {
		float: right;
		margin: 10px 10px 0 0;
		padding-left: 35px;
		height: 35px;
		background: transparent url(/img/default/store/feature/mic.gif) no-repeat left center;
	}

/*** 特徴リスト ***/
	ul#feature_list{ margin-top: 10px; }
	ul#feature_list li{
		float: left;
		margin: 0 0 4px 7px;
		_margin-left: 6px; /* For IE6 */
		}
	
	

/*** 写真 ***/
div.pics{
	width: 239px;
	float: left;
	margin-left: 4px;
	_margin-left: 3px; /* For IE6 */
}
	div.pics div.picContent {
		padding: 1px;
		border: 1px solid #ccc;
		width: 235px;
		height: 176px;
		text-align:center;
	}
	div.pics h4{
		font-size: 120%;
		color: #c00;
		text-align: center;
		margin: 5px 0;
	}
	div.pics p{ margin: 0 5px; }

/*** 詳細情報 ***/

	h4.title_details{
		background: url(/img/default/title_details.jpg) no-repeat;
		width: 115px;
		height: 19px;
		padding:9px 0 0 35px;
		}
	:root *> h4.title_details { padding-top: 6px; height: 22px;} /* For everything but IE */
	
	table.details{ background-color:#ccc; width: 100%; }
		table.details td{
			background-color: #fff;
			padding:10px;
			}
		table.details td.label{
			background: #f1f1f1 url(/img/default/bg_gray.gif) repeat-x;
			width: 150px;
			}
		table.details td img{ vertical-align:middle; margin: 0 3px;}
		:root *> table.details td img{ vertical-align:bottom;} /* for everything but IE */
		table.details td div.w85, table.details td div.w100, 
		table.details td div.w150, table.details td div.w160{
			display: inline;
			float: left;
			margin:2px 0;
			}
		.w85{width:85px!important;}
		.w100{width:100px!important;}
		.w150{width:150px!important;}
		.w160{width:160px!important;}
		.w180{width:180px!important;}
			
			
/*** Bottom Navigation ***/
	
	ul#bottom_nav{
		padding: 5px 0;
		background-color: #fff1aa;
		height: 20px;
		text-align: center !important;
		}
		ul#bottom_nav li{
			margin: 0 1px;
			display: inline;
			}
			ul#bottom_nav li a{ font-weight: bold; }
			
			

/*** coupon.html ***/
	div#get_coupon{ margin: 10px;}
		div#get_coupon p{ font-size: 120%; margin-bottom:15px;}
		
		
/*** menu.html ***/
	p.cat_links{
		font-size: 120%;
		font-weight: bold;
		display: block;
		text-align: center;
		margin-bottom: 15px;
		}
	
	ul#menu_list{ margin: 10px;}
		ul#menu_list li{ float: left; margin: 5px 0 0; }
		ul#menu_list li.even{ margin-right: 40px; }
			ul#menu_list li dl {
				width: 335px;
				overflow: hidden;
				background: url(/img/default/dot.gif) repeat-x bottom;
				font-size: 120%;
				padding-bottom: 5px;
				}
				ul#menu_list li dl dt {
					float: left;
					padding: 5px 35px 5px 0;
					width: 235px;
					}
				ul#menu_list li dl dd {
					padding:  5px 0;
					text-align: right;
					}
					
					

/*** Search box ***/

	form#search{
		background-color: #fff1aa;
		border: #ffdd3e 2px solid;
		padding: 10px;
		height: 100%;
		margin: 10px 0 20px;
		}
		form#search p{ margin-bottom: 10px;}
		form#search div{ float: left;}
		form#search div.btn_search{
			background: url(/img/default/btn_search-hover.jpg) no-repeat;
			width: 101px;
			height: 31px;
			display:block;
			margin:30px 0 0 13px;
			}
			form#search div.btn_search a { display: block; }
				form#search div.btn_search a:hover { background: none; }
					form#search div.btn_search a img { margin: 0; }
						form#search div.btn_search a:hover img { visibility: hidden; }
		
		form#search div span{
			font-size: 120%;
			font-weight:bold;
			color: #666;
			margin: 0 5px;
			}
			
			
/*** other ranking ***/
	ul.list_crown{
		clear: both;
		margin: 15px 0 0;
		padding: 10px 0;
		text-align: center;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		}
		ul.list_crown li{
			margin: 15px 1px;
			display: inline;
			background: url(/img/default/crown.gif) no-repeat;
			padding-left: 23px;
			}
			
			
			
/*** searchCat ***/

	div.searchCat{
		border-left: #ffdd3e 2px solid;
		border-right: #ffdd3e 2px solid;
		border-bottom: #ffdd3e 2px solid;
		margin-bottom: 20px;
		}
		div.searchCat h3{
			background-color: #fff1aa;
			border-top: #ffdd3e 2px solid;
			border-bottom: #ffdd3e 2px solid;
			color: #666;
			padding: 10px;
			}
			div.searchCat h3.left{
				float: left;
				border-bottom: none!important;
				border-right: #ffdd3e 2px solid;
				}
			
		div.searchCat ul{ padding:10px; }
			div.searchCat ul li{
				background: url(/img/default/arrow.gif) no-repeat 0 5px;
				padding-left: 10px;
				width: 107px;
				float: left;
				display: inline;
				margin-bottom: 5px;
				}
		
		div.searchCat p{ padding: 10px;}
			div.searchCat p.radio{
				border-top: #ffdd3e 2px solid;
				border-bottom: #ffdd3e 2px solid;
				padding: 10px;
				}
			div.searchCat p.label_yellow{
				background-color: #ffdd3e;
				color: #666;
				font-weight: bold;
				display: block;
				}
				
				
				
/*** search results ***/

div.results, div.no_results{
	background-color: #fff1aa;
	border: #ffdd3e 2px solid;
	padding:10px;
	margin-bottom: 15px;
	height: 100%;
	}
	div.results p{ float: left; line-height: 30px; }
	div.results p span{ color: #666; }
		div.results p span strong{ color: #c00; }

	div.results div.btn_condition, div.no_results div.btn_condition{
		background: url(/img/default/btn_searchcondition-hover.jpg) no-repeat;
		width: 141px;
		height: 31px;
		display:block;
		float: right;
		text-align: right;
		}
	div.no_results div.btn_condition{
		float: none;
		margin-left: 275px;
		}
		div.results div.btn_condition a, 
		div.no_results div.btn_condition a { display: block; }
			div.results div.btn_condition a:hover,
			div.no_results div.btn_condition a:hover{ background: none; }
				div.results div.btn_condition a img,
				div.no_results div.btn_condition a img{ margin: 0; }
					div.results div.btn_condition a:hover img,
					div.no_results div.btn_condition a:hover img{ visibility: hidden; }
					
	div.no_results p{
		color: #666;
		font-weight: bold;
		text-align: center;
		font-size: 120%;
		margin-bottom: 15px;
		}
					
					
p.order_select{ font-size: 120%; color: #666;}
	p.order_select strong{ font-size: 110%; color: #c00; margin-left:15px;}
	
	
div.pager{ margin: 15px 0; clear: both; }
	div.pager p.left{ float: left;}
	div.pager p.right{ text-align: right; float: right; margin-top:10px;}
	div.pager p.right span.next{
		margin-left: 10px;
		background: url(/img/default/arrow_blue.gif) no-repeat right 4px;
		padding-right: 10px;
		}
	div.pager p.right span.prev{
		margin-right: 10px;
		background: url(/img/default/arrow_blue2.gif) no-repeat left 4px;
		padding-left: 10px;
		}



/*** results_list ***/
div.results_list{
	margin-bottom: 5px;
	}
	div.results_sammary{
		float: left;
		margin-left: 10px;
		width: 477px;
		}
		div.results_sammary p.info_genre{ float: left;}
			div.results_sammary div{ text-align: right; }
			div.results_sammary h3{
				font-size: 170%;
				float: left;
				margin-bottom: 5px;
				}
				div.results_sammary p.star_num{
					color: #0466c8;
					font-size: 140%;
					background: url(/img/default/star_s.gif) no-repeat;
					height: 20px;
					padding: 3px 0 0 22px;
					float: left;
					font-weight: bold;
					margin-left:5px;
					}
			div.results_sammary p.catch_s{
				margin: 10px 0;
				color: #c00;
				font-weight: bold;
				clear:both;
				}
			div.results_sammary p span{ margin-left: 5px;}
			div.results_sammary ul li{ margin: 0 0 0 3px!important;}
			div.results_sammary p.middleLabel {
				margin-bottom: 5px;
			}
div.results_list div.listImgContent {
	float: left;
	padding: 1px;
	border: 1px solid #ccc;
	width: 238px;
	text-align:center;
}


/*** searchMore ***/

table.searchMore{ background-color:#ffdd3e; width: 100%; }
	table.searchMore td{
		background-color: #fff;
		padding:10px;
		}
	table.searchMore td.search_label{
		background-color: #fff1aa;
		color: #666;
		font-weight: bold;
		width: 120px;
		}
	table.searchMore td.search_labelY{
		background-color: #ffdd3e;
		color: #666;
		font-weight: bold;
		}
		
	table.searchMore ul li{
		width: 140px;
		float: left;
		display: inline;
		}
				
	table.searchMore div.btn_conditionW{
		background: url(/img/default/btn_searchcondition_w-hover.jpg) no-repeat;
		width: 167px;
		height: 36px;
		display:block;
		margin-left: 265px;
		}
		table.searchMore div.btn_conditionW a { display: block; }
			table.searchMore div.btn_conditionW a:hover{ background: none; }
				table.searchMore div.btn_conditionW a img{ margin: 0; }
					table.searchMore div.btn_conditionW a:hover img{ visibility: hidden; }



/****************************************

			4. Side 

*****************************************/

#side{
	width: 200px;
	float: left;
	}
	#side h3{
		background: url(/img/default/bg_title_s.jpg) no-repeat;
		width: 175px;
		height: 27px;
		font-size: 120%;
		padding: 10px 0 0 25px;
		margin: 15px 0 5px;
		}
	:root *> #side h3{ height: 30px; padding-top: 7px; } /* for everything but IE */
	
	
/*** QR cord ***/

.qr{
	background: url(/img/default/bg_qr.jpg) no-repeat;
	width: 180px;
	height: 200px;
	padding:0 10px;
	}	
	.qr img{ margin:23px 0 15px 108px;}	
	.qr div.btn_sendMail{
		background: url(/img/default/btn_sendmail-hover.jpg) no-repeat;
		width: 141px;
		height: 32px;
		display:block;
		margin:13px 0 0 20px;
		}
		.qr div.btn_sendMail a { display: block; }
			.qr div.btn_sendMail a:hover { background: none; }
				.qr div.btn_sendMail a img { margin: 0; }
					.qr div.btn_sendMail a:hover img { visibility: hidden; }
					
					
/*** 最近見た店舗 ***/
	
	ul.recent_check{ overflow: hidden; }
		ul.recent_check li{
			background: url(/img/default/dot.gif) repeat-x left bottom;
			padding: 10px 0 25px;
			margin-bottom: -3px;
			}
			ul.recent_check li h4{
				font-size: 120%;
				float: left;
				margin-bottom: 5px;
				font-weight: normal;
				}
			ul.recent_check li p.star_num{
				color: #0466c8;
				background: url(/img/default/star_s.gif) no-repeat;
				height: 20px;
				padding: 3px 0 0 22px;
				float: left;
				font-weight: bold;
				margin-left:5px;
				}
			ul.recent_check li img{
				float: left;
				margin: 5px 5px 0 0;
				}
	
	
	
	
	
/****************************************

			5. Footer 

*****************************************/
ul.related{ clear: both;}
	ul.related li{
		float: left;
		display: inline;
		}

div#footer {
	clear:both;
	text-align: center;
}
div#footer ul {
	padding-top: 20px;
}
	#footer li{
		display: inline;
		}
	
		ul.related li a{ color: #000; text-decoration: none; }
			ul.related li a:hover{ color: #ccc; }









/**
 * jquery.nyroModal
 */
div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(/img/jquery.nyroModal/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(/img/jquery.nyroModal/close.gif) no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0 5px;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div#nyroModalContent {
	overflow: auto;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background: left 20% no-repeat;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalPrev:hover {
	background-image: url(/img/jquery.nyroModal/prev.gif);
}
a.nyroModalNext {
	right: 0;
	background-position: right 20%;
}
a.nyroModalNext:hover {
	background-image: url(/img/jquery.nyroModal/next.gif);
}

/**
 * jQueryTools
 */
.tooltipMulti {
	display: none;
	background: #3154BD;
	border: solid 2px #ccc;
	font-size: 11px;
	width: 250px;
	padding: 5px;
	color: #fff;
}