@charset "utf-8";
/*------------------------------------
 
CSS Information
 
  Site URL: http://www.genkisushi.co.jp/
  File name: search.css
  Summary: search system
  Created: 
  Last update: 2011.03.22
  Author: T.Saito
 
  Order of description
  	=01.Structure
 
 
------------------------------------*/

/*=====================================================================================

	=01.Structure
---------------------------------------------------------------------------------------*/
@media only screen and (max-width: 640px){
.prettyPopin{
	left: 0!important;
}
.prettyPopin .prettyContent .prettyContent-container p.all,
.prettyPopin .prettyContent .prettyContent-container ul{width: 100%;}
.prettyPopin .prettyContent .prettyContent-container ul li{width: 50%;}
}


#Search-Body,
#Search-Pref-List,
#Search-Bland-List,
#Search-Map{
	width:960px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}

#Search-Map{ position:relative;}

#Search-Body #Pref-search{
	width:430px;
	float:left;
	text-align:left;
}

#Search-Body #Pref-search,
#Search-Body #Bland-search{
	width:430px;
	/*text-align:center;*/
	padding:10px 0 0 0;
}

#Search-Body #Pref-search{float:left;}
#Search-Body #Bland-search{float:right;}

#Search-Body #Pref-search h3,
#Search-Body #Bland-search h3{
	width:430px;
	height:30px;
	margin-bottom:10px;
}

#Search-Body #Pref-search h3 span,
#Search-Body #Bland-search h3 span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

#Search-Body #Pref-search h3.Pref-TTL{background: url(../../search/images/ttl_pref.png) no-repeat left top;}
#Search-Body #Bland-search h3.Bland-TTL{background: url(../../search/images/ttl_bland.png) no-repeat left top;}
@media only screen and (max-width: 640px){
#Search-Body,
#Search-Pref-List,
#Search-Bland-List,
#Search-Map,
#Search-Body #Pref-search,
#Search-Body #Bland-search,
#Search-Body #Pref-search h3,
#Search-Body #Bland-search h3{width: auto;}
#Search-Body,
#Search-Pref-List,
#Search-Bland-List,
#Search-Map{margin: 0 10px;}

#Search-Body #Pref-search{float:none;margin: 0 0 15px;}
#Search-Body #Bland-search{float:none;}

#Search-Body #Pref-search h3.Pref-TTL{background: url(../../search/images/ttl_pref.png) no-repeat center top;}
#Search-Body #Bland-search h3.Bland-TTL{background: url(../../search/images/ttl_bland.png) no-repeat center top;}
#Search-Body #Pref-search h3.Pref-TTL,
#Search-Body #Bland-search h3.Bland-TTL{
	max-width: 430px;
	margin: 0 auto 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
}



/*	Pref-search
-------------------------------------------------------------*/
#Search-Body #Pref-search div.Pref-inner{
	display: block;
	width:410px;
	padding:20px 10px 100px;
	border-top:1px solid #000;
	background: url(../../search/images/map_waku.png) no-repeat left bottom;
}

#Search-Body #Pref-search div.Pref-inner p{
	text-align:left;
	font-size:13px;
	height:24px;
	line-height:24px;
	margin:0 auto 15px;
	width:384px;
	padding-left:10px;
	background: url(../../search/images/ttl_sec.png) repeat-x left top;
}

#Search-Body #Pref-search div.Pref-inner dl{
	text-align:left;
	padding-left:10px;
}

#Search-Body #Pref-search div.Pref-inner dl#kyushu{ width:260px;}

#Search-Body #Pref-search div.Pref-inner dl dt{ font-size:13px; margin-bottom:3px; font-weight:bold;}

#Search-Body #Pref-search div.Pref-inner dl dd{}

#Search-Body #Pref-search div.Pref-inner dl dd ul{
	text-align:left;
	overflow:hidden;
}

#Search-Body #Pref-search div.Pref-inner dl dd ul li{
	width:65px;
	text-align:left;
	padding:0 0 10px;
	float:left;
}
@media only screen and (max-width: 640px){
#Search-Body #Pref-search div.Pref-inner{display: none;width: auto;padding:20px 0 100px;background: none;}
}
@media only screen and (min-width: 641px){
#Search-Body #Pref-search div.Pref-inner{display: block!important;}
}


/*	Bland-search
-------------------------------------------------------------*/


#Search-Body #Bland-search div.Bland-inner{
	display: block;
	width:410px;
	padding:20px 10px 100px;
	border-top:1px solid #000;
	background: url(../../search/images/bland_waku.png) no-repeat left bottom;
}

#Search-Body #Bland-search div.Bland-inner p{
	text-align:left;
	font-size:13px;
	height:24px;
	line-height:24px;
	margin:0 auto 15px;
	width:384px;
	padding-left:10px;
	background: url(../../search/images/ttl_sec.png) repeat-x left top;
}

#Search-Body #Bland-search div.Bland-inner h4{
	width:430px;
	height:30px;
	margin-bottom:10px;
}

#Search-Body #Bland-search div.Bland-inner h4 span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

#Search-Body #Bland-search div.Bland-inner h4.bland-h4{background: url(../../search/images/ttl_s_bland.png) no-repeat left top;}
#Search-Body #Bland-search div.Bland-inner h4.pref-h4{background: url(../../search/images/ttl_s_pref.png) no-repeat left top;}

#Search-Body #Bland-search div.Bland-inner ul{
	width:300px;
	margin:0 auto;
	overflow:hidden;
}

#Search-Body #Bland-search div.Bland-inner ul li{
	width:150px;
	float:left;
	padding:0 0 20px 0;
	text-align:center;
}

/*#Search-Body #Bland-search div.Bland-inner ul li p{
	width:134px;
	text-align:center;
	margin:0 0 3px;
	padding:10px 0 5px 0;
	font-size:13px;
	border-bottom:1px solid #C3C3C3;
	background: url(../../search/images/cap.png) no-repeat left top;
}*/

#Search-Body #Bland-search div.Bland-inner ul li p span{ display:block;text-align:center;}

#Search-Body #Bland-search div.Bland-inner ul li.mr14{ margin-right:14px;}

#Search-Body #Bland-search div.Bland-inner p.search-Btn{
	width:100%;
	text-align:center;
	padding-top:20px;
	border-top:1px solid #000;
}

#Search-Body #Bland-search div.Bland-inner select{ margin-bottom:30px;}

@media only screen and (max-width: 640px){
#Search-Body #Bland-search div.Bland-inner{display: none;width: auto;padding:20px 0 100px;border: none;background: none;}
}
@media only screen and (min-width: 641px){
#Search-Body #Bland-search div.Bland-inner{display: block!important;}
}



/* Selectbox Styles
=================================*/

a.sctble_display {
	width:290px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	color: #262626;
	text-decoration: none;
	cursor: default;
	margin-bottom:30px;
	text-align:left;
}

a.sctble_display span {
	display: block;
	width: 5em;
	cursor: default;
}

a.m_year span,
a.s_year span { width: 3em }
a.m_month span,
a.s_month span,
a.m_day span,
a.s_day span { width: 2em }
a.callback span { width: 9em }

/* Pulldown Mat (Basis)
=================================*/

div.sctble_mat {
	/*border: solid #DFDFDF 1px;*/
	border-top: none;
	border-left: none;
	width:360px;
	background: #EEE;
}

div.sctble_mat dl {
	margin: 0;
	border: solid #999 1px;
	/*border-top: none;
	border-left: none;*/
	padding: 1em 1em 0;
	text-align:left;
	font-size:15px;
}

div.sctble_mat dl dt {
	/*float: left;*/
	margin: 0 0 5px 0 !important;
	border: none !important;
	padding: 0 !important;
	/*width: 4.5em;*/
	color: #333;
	font-weight: bold;
	background: url(../images/dot_l.gif) repeat-x left bottom;
}

div.sctble_mat dl dd {
	/*margin: 0 0 1em 4.5em !important;
	border-left: solid #333 2px !important;
	padding: 0 0 0 1.5em !important;*/
	margin:0 0 10px 0;
}

div.sctble_mat a {
	padding-right: .7em;
	color: #1972ea;
	font-weight: bold;
}

div.sctble_mat a.selected {
	color: #CC0000;
	text-decoration: none;
	cursor: default;
}

/* Pulldown Mat (No Optgroups)
=================================*/

div.sctble_mat.nooptg p {
	border: solid #999 1px;
	border-top: none;
	border-left: none;
	padding: .5em 1em;
	line-height: 1.9;
}

/* Date (Inline)
=================================*/

div.sctble_mat.sctble.m_year p,
div.sctble_mat.sctble.m_month p {
	padding-left: .6em;
}

div.sctble_mat.sctble.m_year a,
div.sctble_mat.sctble.m_month a {
	padding: .4em;
}

div.sctble_mat.sctble.m_day a {
	display: inline-block;
	width: 1.5em;
	text-align: center;
}

/* Simple Select Box
=================================*/

div.sBox {
	border: solid #DFDFDF 1px;
	border-left: none;
	width: 300px;
	overflow: auto;
	overflow-x: hidden;
	background: #DDD;
}

div.sBox.s_year { width: 6em }
div.sBox.s_month,
div.sBox.s_day { width: 5em }

div.sctble_mat.sBox p {
	border: none;
	padding: 0;
	line-height: 1.5;
}

div.sBox a {
	border: solid #DFDFDF 1px;
	border-top: none;
	border-right: none;
	padding: .3em .5em;
	display: block;
	text-decoration: none;
}

div.sBox a.last-child {
	border-bottom: none;
}

div.sBox a:hover {
	background: #EEE;
}

div.sBox a.selected {
	background: #EEE;
}

a.sctble_display {
	border: solid #ddd 1px;
}

a.sctble_display span {
	width:310px;
	/*padding: 0 22px 0 7px;*/
	padding:0 0 0 10px;
	height: 22px;
	background: url(../images/icon_select.gif) no-repeat 275px 0;
	line-height: 24px;
}
a.sctble_display:hover span { background-position: 275px -21px }
a.sctble_focus span { background-position: 275px -42px !important }

/* Pulldown Mat (Basis)
=================================*/

div.sctble_mat {}

div.sctble_mat dl {}

div.sctble_mat a {
	padding-right: .7em;
	color: #1972ea;
	font-weight: bold;
}

div.sctble_mat a.selected {
	color: #333;
	text-decoration: none;
	cursor: default;
}

/*	Pref-List
-------------------------------------------------------------*/

#Search-Pref-List h3,
#Search-Bland-List h3{
	width:960px;
	height:30px;
	margin:0 0 30px;
}

#Search-Pref-List h3{background: url(../../search/images/ttl_pref_bg.png) no-repeat left top;}
#Search-Bland-List h3{background: url(../../search/images/ttl_bland_bg.png) no-repeat left top;}

#Search-Pref-List h3 span,
#Search-Bland-List h3 span{
	position: absolute;
	width:0;
	height:0;
	overflow:hidden;
}

#Search-Pref-List h4{
	width:950px;
	height:43px;
	line-height:43px;
	padding:0 0 0 10px;
	margin-bottom:25px;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	background: url(../../search/images/ttl_pref_bland_bg.png) repeat-x left top;
}

#Search-Bland-List h4{
	width:795px;
	padding-left:165px;
	height:43px;
	line-height:45px;
	margin-bottom:25px;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}

#Search-Bland-List h4.genki{background: url(../../search/images/bland_ttl/genki.png) no-repeat left top;}
#Search-Bland-List h4.sushiondo{background: url(../../search/images/bland_ttl/ondo.png) no-repeat left top;}
#Search-Bland-List h4.uobei{background: url(../../search/images/bland_ttl/uobei.png) no-repeat left top;}
#Search-Bland-List h4.senryou{background: url(../../search/images/bland_ttl/senryo.png) no-repeat left top;}
#Search-Bland-List h4.kaisennihonkai{background: url(../../search/images/bland_ttl/kaisen.png) no-repeat left top;}
#Search-Bland-List h4.kamayahonpo{background: url(../../search/images/bland_ttl/kamaya.png) no-repeat left top;}

#Search-Pref-List dl#Refine,
#Search-Bland-List dl#Refine{
	margin:0 0 15px;
	text-align:left;
}

#Search-Pref-List dl#Refine dt,
#Search-Bland-List dl#Refine dt{
	width:130px;
	height:24px;
	line-height:24px;
	background:#4D4D4D;
	color:#fff;
	text-align:center;
}

#Search-Pref-List dl#Refine dd,
#Search-Bland-List dl#Refine dd{
	width:958px;
	border:1px solid #4D4D4D;
	padding:15px 0;
	text-align:center;
}

#Search-Pref-List dl#Refine dd ul{}

#Search-Bland-List dl#Refine dd ul{ width:800px; margin:0 auto; text-align:left; overflow:hidden;}

#Search-Pref-List dl#Refine dd ul li{ display:inline;}
#Search-Bland-List dl#Refine dd ul li{ width:auto; float:left; padding:5px 10px 5px 0;}

#Search-Bland-List dl#Refine dd ul li{font-size:15px;}
#Search-Bland-List dl#Refine dd ul li input{ margin-right:5px;}

#Search-Pref-List dl#Refine dd ul li img.no-active{
	opacity:0.2;
	filter: alpha(opacity=20);
}

#Search-Pref-List dl#Refine dd ul li a:hover img{
	opacity:0.50;
	filter: alpha(opacity=50);
}


/* nolane */
#Search-Pref-List p.nolane,
#Search-Bland-List p.nolane {
    padding: 0 0 5px 115px;
    font-size: 12px;
    text-align: left;
	line-height:25px;
    background: url(../images/icon/nolane_new.gif) no-repeat left top;
}
#Search-Pref-List p.note,
#Search-Bland-List p.note {
	margin-bottom:10px;
    font-size: 12px;
    text-align: left;
}



#Search-Pref-List #no-list,
#Search-Bland-List #no-list{
	font-size:15px;
}

#Search-Pref-List p.Back,
#Search-Bland-List p.Back{
	width:900px;
	text-align:left;
	padding:10px 0;
	margin-bottom:15px;
	border-bottom:1px solid #D7D7D8;
	font-size:13px;
}

#Search-Pref-List table,
#Search-Bland-List table{
	width:960px;
	border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #333333;
    border-left: 1px solid #333333;
}

#Search-Pref-List table th,
#Search-Pref-List table td,
#Search-Bland-List table th,
#Search-Bland-List table td{
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
	font-size:13px;
}

#Search-Pref-List table th,
#Search-Bland-List table th{
	background: #ccc;
	padding:5px 0;
	text-align:center;
}

#Search-Pref-List table td,
#Search-Bland-List table td{
	text-align:center;
	padding:10px 5px;
	/* white-space:nowrap; */
}

#Search-Pref-List table td.store,
#Search-Pref-List table td.store_name,
#Search-Pref-List table td.address,
#Search-Bland-List table td.store,
#Search-Bland-List table td.store_name,
#Search-Bland-List table td.address{ text-align:left; }

#Search-Pref-List table td.store_name,
#Search-Bland-List table td.store_name{ font-size:137.5%;font-weight:bold; }


@media only screen and (max-width: 640px){
#Search-Pref-List h3,
#Search-Bland-List h3,
#Search-Pref-List h4,
#Search-Bland-List h4,
#Search-Pref-List dl#Refine dd,
#Search-Bland-List dl#Refine dd,
#Search-Bland-List dl#Refine dd ul,
#Search-Pref-List p.Back,
#Search-Bland-List p.Back,
#Search-Pref-List table,
#Search-Bland-List table{width: auto;}

#Search-Pref-List h4{
	height: auto;
	padding: 10px;
	line-height: 1.3;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #b9b9ba 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#b9b9ba)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#b9b9ba 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#b9b9ba 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#b9b9ba 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#b9b9ba 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9b9ba',GradientType=0 ); /* IE6-9 */
}

#Search-Pref-List table th,
#Search-Pref-List table td,
#Search-Bland-List table th,
#Search-Bland-List table td{
	float: left;
	width: 100%;
}
#Search-Pref-List table,
#Search-Bland-List table{border-right: 1px solid #333333;}
}


/*	Map
-------------------------------------------------------------*/

#Search-Map p.SP{ text-align:center; padding:30px 0; color:#FF0000; font-size:15px;}

#Search-Map h3{
	width:960px;
	height:30px;
	margin:0 0 30px;
	background: url(../../search/images/ttl_map.png) no-repeat left top;
}

#Search-Map h3 span{
	position: absolute;
	width:0;
	height:0;
	overflow:hidden;
}

#Search-Map dl{
	position:relative;
	width:960px; height:40px;
	text-align:left;
	padding:5px 0;
	margin-bottom:10px;
	border-bottom:1px solid #666;
	overflow:hidden;
}

#Search-Map dl dt{
	float:left;
	clear:both;
	width:130px;
	height:40px;
	margin-right:10px;
	background: url(../../search/images/line.png) no-repeat right center;
}

#Search-Map dl dd{
	width:740px;
	height:40px;
	line-height:40px;
	float:left;
	font-size:18px;
}
#Search-Map dl dd img{
	margin:0 0 10px 10px;

}

#Search-Map dl p.Print{ position:absolute; right:0; top:5px;}

#Search-Map table.table_li,
#Search-Map table.table_contents{
	width:960px;
	border-collapse: separate;
    border-spacing: 0;
}

#Search-Map table.table_contents{ margin-bottom:10px;}

#Search-Map table.table_li th,
#Search-Map table.table_contents th{ width:10em;}
/*#Search-Map table.table_li td{ width:330px;}
#Search-Map table.table_contents td{ width:780px;}*/

#Search-Map table.table_li th,
#Search-Map table.table_contents th,
#Search-Map table.table_li td,
#Search-Map table.table_contents td{ border-bottom:1px dotted #CCC;}

#Search-Map table.table_li th,
#Search-Map table.table_li td,
#Search-Map table.table_contents th,
#Search-Map table.table_contents td{ font-size:14px; padding:5px 0; text-align:left;}

#Search-Map div#G-map{ width:900px; margin-bottom:10px;}

#Search-Map div.ie6{
	width:550px;
	height:32px;
	line-height:32px;
	margin:0 auto;
	padding-left:150px;
	text-align:left;
	color:#990000;
	font-size:13px;
	background: url(../../search/images/map_att.png) no-repeat left top;
}

#Search-Map div#MapArea{
	width:800px;
	height:600px;
	margin:0 auto;
}
@media only screen and (max-width: 640px){
#Search-Map h3,
#Search-Map dl,
#Search-Map dl dd,
#Search-Map table.table_li,
#Search-Map table.table_contents,
#Search-Map div#G-map{width:auto;}
#Search-Map dl dd{float: none;padding-left: 140px;}
#Search-Map dl p.Print{display: none;}
#Search-Map div#MapArea{
	width:100%;
	height:300px;
}

}