/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	margin: 0px;
	padding: 0px;
	color: #013749; 
	font-size: 85%;
	background:url(images/bg.gif) repeat-x left top

}

html {
	overflow-y:scroll;
}

img {
	border:0;
}



/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/

a {
	color:#444444; 
}

a:link {
text-decoration:none;
}

a:visited {
}

a:hover {
text-decoration:underline;
background-color: #f2f2a8;
}

a:active {
}


/*-----------------------------------------------
 __header
-----------------------------------------------*/

div#wrapper {
text-align:left;
width:910px;
 }


div#headline {
	background-color:#d3e764;
	width:100%;
	}
	
div#headline h1{
display:inline;
text-align:left;
font-size:70%;
font-weight:normal;
color:#444444;
margin:0 0 0 0px;
}

#headline p{
display:inline;
text-align:left;
font-size:70%;
font-weight:normal;
color:#444444;
margin:0 0 0 0px;
}

#logo{
margin:9px 0px 5px 4px;
font-size:130%;
color:#013749;
font-family:Arial, Helvetica, sans-serif;
padding: 5px 0px 0px 10px;
}

#logo a {
background-color: #ffffff;
text-decoration:none;
}

/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footerNav{
clear:both;
font-size:11px;
width:950px;
}

#footerNav a { 
color: #d6d6d6; 
text-decoration:none;}


div#footerNav dl dt { font-weight: bold;
color: #9c9c9c; 
text-decoration:none;}

div#footerNav dl dd { margin-bottom: 10px; }

div#footerpankuzu {
width:950px;
height: 41px;
background:url(images/footer_pankuzu.gif) no-repeat right center;
padding: 15px 0px 0px 0px;
}

div#footerpankuzu h3{
font-size:100%;
font-weight:normal;
color: #9c9c9c; 
padding: 8px 0px 0px 10px;
}

div#footerpankuzu h3 a{
	color:#9c9c9c; 
}
div#footerpankuzu  span.arrow{
color: #9c9c9c; 
padding: 0px 4px 0px 4px;
	}
	

/*-----------------------------------------------
 __contents
-----------------------------------------------*/

#contents {
	width:950px;
	margin:0 auto 10px;
	overflow:hidden;

}


/* __main
------------------------------------------*/

#main {
	float:left;
	width:635px;
}

#search_area{
width:635px;
}


div#search_area table{
width:635px;
height:220px;
background-color: #ffffff; 
border:1px solid #CCCCCC;
background:url(images/nanieki_pf_1.gif) no-repeat right center;
}


div#search_area ul{
margin:0px 0px 0px 5px;
}

div#search_area ul li{
	float:left;
	list-style-type:none;
	padding:2px 0px 2px 0px;
	}
	
div#search_area ul li a{}
	

th.pf{
	width:100px;
	text-align: center;
	white-space: nowrap;
	background-color: #FFF68A; 
	color:#202416; 
	padding: 0px 0px 0px 3px ;
		border-bottom:1px dotted #CCCCCC;

	}
	
td.pf{
	text-align: left;
	color:#202416; 
	line-height: 1.1;
	padding: 0px 0px 0px 8px ;
	border-bottom:1px dotted #CCCCCC;

	}
	
	
th.pf_bottom{
	width:100px;
	text-align: center;
	white-space: nowrap;
	background-color: #FFF68A; 
	color:#202416; 
	padding: 0px 0px 0px 3px ;
	}
	
td.pf_bottom{
	text-align: left;
	color: #202416; 
	line-height: 1.1;
	padding: 0px 0px 0px 8px ;
	}
	
.line {
	margin: 0px 4px 0px 4px;
	color: #FFF68A; 
	font-size: 90%;
}


div#ichigyou ul{
	padding: 6px 0px 6px 2px;
}

div#ichigyou ul li{
	float: right;
	font-size: 80%;
	list-style-type:none;
	line-height: 1.2;
	padding: 4px 10px 4px 8px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}



#pankuzu {
width:952px;
height: 26px;
background:url(images/pankuzu.gif) no-repeat right center;
margin: 0px 0px 10px 0px;
}

#pankuzu h3{
font-size:90%;
font-weight:normal;
color:#000009;
padding: 6px 0px 0px 5px;
}

#pankuzu  span.arrow{
	color: #FDE47B; 
padding: 0px 4px 0px 4px;
	}


#title_bar {
width:635px;
height: 40px;
background:url(images/title_bar.gif) no-repeat right center;
margin: 0px 0px 7px 0px;
}

#title_bar table{
width:635px;
height:2px;
background-color: #FDE47B; 
}

#title_bar h2{
font-size:130%;
font-weight:bold;
color:#999999;
padding: 4px 0px 0px 10px;
}


#shoplist {background-color:#F5F5F5; 
height:45px;
padding:10px 0px 0px 12px;}

#shoplist h4 {font-size:100%;font-family:Arial, Helvetica, sans-serif;}

#shoplist2 {background-color:#e0e0e0; 
height:45px;
padding:10px 0px 0px 12px;}

#shoplist2 h4 {font-size:100%;font-family:Arial, Helvetica, sans-serif;}

.detailgenre{ float:right;
margin:-21px 3px 0px 0px;}

.detailadd{float:left;font-size:90%;}
						
.detailtel{ float:right;text-align:right;font-size:100%;font-family:Arial, Helvetica, sans-serif;
margin:3px 3px 0px 0px;}

.sideshoplist {background-color:#ffffff;padding:15px 0px 5px 12px;}

.sideshoplist h4 {font-size:80%;font-family:Arial, Helvetica, sans-serif;}

.sideshoplist2 {background-color:#ffffff;
height:25px;
padding:15px 0px 5px 12px;}

.sideshoplist2 h4 {font-size:80%;font-family:Arial, Helvetica, sans-serif;}

.sidedetailadd{float:left;
						font-size:75%;}
						
.sidelink a{font-size:85%;
	color: #9c9c9c;
	text-decoration:none;
	}
/*■■■■■■■■■■■■■■■■■■■listlist■■■■■■■■■■■■■■■■■■■■*/
div#listlist{
border:none;
}

div#listlist table{
width:630px;
border:none;
}

div#listlist td.shopname{
border:none;
width:450px;
height:26px;
	padding: 3px 0px 0px 3px;
	text-align: left;
	white-space: nowrap;
	background-color: #bdf289;
	color: #444444;
	font-size: 100%;
	font-weight:bold;
	line-height: 1;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	}
	
	div#listlist td.shopgenre{
	border:none;
	width:180px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	white-space: nowrap;
	background-color: #bdf289;
	color: #444444;
	font-size: 85%;
	line-height: 1;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	}
	
	div#listlist td.shopaddr{
	border:none;
	width:420px;
	margin:0px 5px 0px 0px;
	padding: 0px 0px 4px 6px;
	color: #444444;
	font-size: 95%;
	line-height: 1.4;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	}
	
	div#listlist td.shoptel{
	border:none;
	width:100px;
	padding:0px 0px 0px 0px;
	text-align: center;
	color: #444444;
	font-size: 95%;
	line-height: 1.4;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	}
	
	
div#listlist td a{
	display: block;
	float: left;
	padding: 2px 5px;
}

div#listlist td a:hover{
	display: block;
	float: left;
	background-color: #f2f2a8;
	}

div#listlist  span.line{
	display: block;
	float: left;
	color: #bdf289;
	}
	
/*■■■■■■■■■■■■■■■■■■■nearstationlist■■■■■■■■■■■■■■■■■■■■*/
div#nearstationlist{
border:0px;
width:635px;
color:#333333;
}

div#nearstationlist span.line{
	margin: 1px 3px 3px 3px;
	color: #bdf289;
	font-size: 90%;
}



/*■■■■■■■■■■■■■■■■■■■citylist■■■■■■■■■■■■■■■■■■■■*/
div#citylist{
border:0px;
width:635px;
}

div#citylist table{
width:630px;
border:none;
	padding: 1px 1px 1px 1px;
}

div#citylist th{
	width:50px;
	padding: 1px 1px 1px 1px;
	text-align: center;
	white-space: nowrap;
	background-color: #bdf289;
	color: #444444;
	font-size: 85%;
	line-height: 1.2;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	}
	

div#citylist td{
	padding: 1px 1px 1px 1px;
	text-align: left;
	color: #444444;
	font-size: 85%;
	line-height: 1.2;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	}
	
div#citylist td a{
	display: block;
	float: left;
	padding: 2px 4px;
}

div#citylist td a:hover{
	display: block;
	float: left;
	background-color: #f2f2a8;
	}

div#citylist  span.line{
	display: block;
	float: left;
	color: #bdf200;
	}
	
	
/*■■■■■■■■■■■■■■■■■■■kuchikomilist■■■■■■■■■■■■■■■■■■■■*/
div#kuchikomilist{
border:0px;
width:635px;
}

div#kuchikomilist table{
width:635px;
border:none;
padding:0px 2px 3px 3px
}


div#kuchikomilist th{
	width:500px;
	padding: 5px 0px 3px 5px;
	text-align: center;
	white-space: nowrap;
	background-color: #bdf289;
	border-bottom:1px dotted #CCCCCC;
	color: #444444;
	font-size: 90%;
	line-height: 1.4;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	}
	

div#kuchikomilist td{
	padding: 3px 0px 3px 5px;
	text-align: left;
	border-bottom:1px dotted #CCCCCC;
	color: #444444;
	font-size: 90%;
	line-height: 1.4;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	}
	
div#kuchikomilist td a{
	display: block;
	float: left;
	padding: 2px 5px;
}

div#kuchikomilist td a:hover{
	display: block;
	float: left;
	background-color: #f2f2a8;
	}

div#kuchikomilist  span.line{
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;
	color: #00bfff;
	}

/*■■■■■■■■■■■■■■■■■■■genrelist■■■■■■■■■■■■■■■■■■■■*/
div#genrelist{
border:0px;
width:635px;
}

div#genrelist table{
width:635px;
border:none;
padding:0px 2px 3px 3px
}


div#genrelist th{
	width:100px;
	padding: 5px 0px 3px 5px;
	text-align: center;
	white-space: nowrap;
	background-color: #bdf289;
	border-bottom:1px dotted #CCCCCC;
	color: #444444;
	font-size: 90%;
	line-height: 1.4;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	}
	

div#genrelist td{
	padding: 3px 0px 3px 5px;
	text-align: left;
	border-bottom:1px dotted #CCCCCC;
	color: #444444;
	font-size: 90%;
	line-height: 1.4;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	}
	
div#genrelist td a{
	display: block;
	float: left;
	padding: 2px 5px;
}

div#genrelist td a:hover{
	display: block;
	float: left;
	background-color: #f2f2a8;
	}

div#genrelist  span.line{
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;
	color: #00bfff;
	}
	

div#genrelistsc{
width:635px;
}

div#genrelistsc table{
width:635px;
border:1px dotted #CCCCCC;
padding:0px 2px 3px 3px
}


#genrelistsc  td.info1{
	width:110px;
	padding: 3px 0px 3px 5px;
	text-align: left;
	background-color: #FFF68A; 
	color: #444444;
	font-size: 100%;
	line-height: 1.4;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	}
	
#genrelistsc  td.info2{
	padding: 3px 0px 3px 5px;
	text-align: left;
	background-color: #e0e0e0;
	color: #444444;
	font-size: 110%;
	line-height: 1.4;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	}
	
	
	
	
	
#nanieki_genre{
border:0px solid #CCCCCC;
margin:0px 0px 0px 0px;
width:635px;
height: 30px;
background:url(images/nanieki_genre.gif) no-repeat right center
}

#nanieki_genre h2{
font-size:100%;
color:#eeeeee;
padding: 7px 0px 0px 10px ;
}


#bigmap{
width:635px;
height:400px;
border:1px solid #CCCCCC;
}

#bigmapframe{
width:625px;
height:390px;
padding:5px;
}



/* __sub
------------------------------------------*/

#sub {
	float:right;
	width:302px;
}


#side{
width:298px;
height:300px;
border:1px solid #CCCCCC;
}

.maptitlebar {
width:300px;
height: 26px;
background:url(images/map_title.gif) no-repeat right center;
margin: 0px 0px 7px 0px;
}
	
.maptitlebar table{
width:300px;
height:1px;
background-color: #FDE47B; 
}

.maptitlebar h2{
font-size:90%;
font-weight:bold;
text-align:center;
color:#999999;
padding: 2px 0px 0px 10px;
}



#mapframe{
width:290px;
height:260px;
padding:8px 0px 5px 10px;
}



#copyright {
margin: auto;
padding: 5px 2px;
border-top:1px solid #DDD;
margin: 6px 0px 0px 0px;
color: #444444; 
}

#copyright p{
text-align:center;
color: #444444; 
}

#copyright p a{
text-align:center;
color: #444444; 
}



.midashi {
width:635px;
height: 25px;
margin: 14px 0px 5px 0px;
}
	
.midashi td.bar{
width:6px;
background-color: #FDE47B; 
}

.midashi h2{
font-size:100%;
font-weight:bold;
color:#000000;
padding: 0px 0px 0px 5px;
}


#midashi2 {
width:635px;
height: 25px;
margin: 13px 0px 10px 0px;
}
	
#midashi2 td.bar{
width:6px;
background-color: #FDE47B; 
}

#midashi2 h2{
font-size:95%;
font-weight:bold;
color:#000000;
padding: 0px 0px 0px 5px;
}




#nantoka3 span.line{
	margin: 7px 5px 7px 5px;
	color: #FDE47B; 
	}

#nantoka3 dt{
background-color: #FDE47B; 
	width:180px;
	height:17px;
	font-size:80%;
	font-weight:bold;
	margin:1px 10px 4px 0px;
	padding:2px 0px 2px 5px;
		float:left;
	}
	
	
#nantoka3 dd{
	margin:0px 0px 10px 0px;
		border-bottom:1px dotted #DDD;
	}

#nantoka3 ul{
	margin:0px 0px 0px 200px;
		font-size:80%;
	}
#nantoka3 ul li{
	float:left;
	list-style-type:none;
		padding:2px 0px 2px 0px;
	}
#nantoka3 ul li a{}



#nantoka1 dt{
	margin:1px 0px 5px 13px;
	}
	
#nantoka1 span.line{
	margin: 7px 5px 7px 5px;
	color: #FDE47B; 
	}

#nantoka2 dt{
	font-size:105%;
	font-weight:bold;
	border-bottom:1px solid #DDD;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 5px;
background-color: #FDE47B; 
	}
	
#nantoka2 dd{
	margin:0px 0px 10px 0px;
	}

#nantoka2 ul{
	margin:0px 0px 0px 30px;
	}
#nantoka2 ul li{
	float:left;
	width:33.3%;
	list-style-type:none;
	}
#nantoka2 ul li a{}



#nantoka5 dt{
background-color: #FDE47B; 
	width:105px;
	height:17px;
	font-size:100%;
	font-weight:bold;
	margin:1px 10px 4px 0px;
	padding:2px 0px 2px 5px;
	border-bottom:1px dotted #DDD;
	float:left;
	clear:both;  
	}
	
	
#nantoka5 dd{
	height:17px;
margin:10px 0px 10px 0px;
	padding:2px 0px 2px 5px;
border-bottom:1px dotted #DDD;
	}



#title_barsc {
width:635px;
height: 40px;
background:url(images/title_bar.gif) no-repeat right center;
margin: 0px 0px 23px 0px;
}
	
#title_barsc table{
width:635px;
height:2px;
background-color: #FDE47B; 
}

#title_barsc h2{
font-size:110%;
width:635px;
font-weight:bold;
color:#999999;
padding: 5px 0px 0px 10px;
float:left;
	}

#nantoka4 ul{
	float:right;
	font-size:90%;
	color:#999999;
	}
#nantoka4 ul li{
	float:right;
	list-style-type:none;
	padding: 10px 5px 0px 5px;
	}
	
#nantoka4 ul li a{}

#nantoka6 ul{
	float:left;
	font-size:100%;
	color:#999999;
		margin: 3px 5px 0px 8px;
	}
#nantoka6 ul li{
	float:right;
	list-style-type:none;
	}
	
#nantoka6 ul li a{}



/* Clearfix Styles
-----------------------------------------------------------------------------  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac 


/* ----- page_transit ----- */

#page {
width:630px;
align:center;
}

.pagetransit {
padding:32px 0 17px 0;
text-align:center;
}

ul.pagetransit {
 font-size:90%;font-family:Arial, Helvetica, sans-serif;
margin:0px 0 5px 0;
}
 .pagetransit ul li {
display:inline;
margin:0 3px;
}
 .pagetransit ul li.back {
margin:0 3px 0 0;
}
 .pagetransit ul li.next {
margin:0 0 0 3px;
}
 .pagetransit ul li.back a,
 .pagetransit ul li.next a {
border:none;
padding:0;
line-height:1;
}
 .pagetransit ul li.back a:hover,
 .pagetransit ul li.next a:hover {
background:none;
}
 .pagetransit ul li.back img,
 .pagetransit ul li.next img {
position:relative;
top:12px;
}
 .pagetransit ul li a {
padding:3px 7px;
background:#F5F5F5;
text-align:center;
color:#000000;
border:1px dotted #CCCCCC;
}
 .pagetransit ul li span {
padding:3px 7px;
background:#F5F5F5;
text-align:center;
color:#000000;
border:1px dotted #CCCCCC;
}
 .pagetransit li a:hover {
background:#FDE47B; 
text-decoration:none;
}


#page2 {
width:630px;
align:center;
margin:0px 0px 0px 0px;
}

 .pagetransit2 {
padding:0px 0px 10px 0px;
text-align:center;
}

 .pagetransit2 ul {
 font-size:90%;font-family:Arial, Helvetica, sans-serif;
margin:13px 0 5px 0;
}
 .pagetransit2 ul li {
display:inline;
margin:0 3px;
}
 .pagetransit2 ul li.back {
margin:0 3px 0 0;
}
 .pagetransit2 ul li.next {
margin:0 0 0 3px;
}
 .pagetransit2 ul li.back a,
 .pagetransit2 ul li.next a {
border:none;
padding:0;
line-height:1;
}
 .pagetransit2 ul li.back a:hover,
 .pagetransit2 ul li.next a:hover {
background:none;
}
 .pagetransit2 ul li.back img,
 .pagetransit2 ul li.next img {
position:relative;
top:12px;
}
 .pagetransit2 ul li a {
padding:3px 7px;
background:#FDE47B; 
text-align:center;
color:#000000;
border:1px dotted #CCCCCC;
}
 .pagetransit2 ul li span {
padding:3px 7px;
background:#FDE47B; 
text-align:center;
color:#000000;
border:1px dotted #CCCCCC;
}
 .pagetransit2 li a:hover {
background:#FDE47B; 
text-decoration:none;
}



#shopkuchikomi ul li {font-size:90%;
padding:5px 0px 0px 13px;
font-family:Arial, Helvetica, sans-serif;
}

#shopkuchikomi ul li.t {font-size:90%;
padding:5px 0px 0px 13px;
border-bottom:1px dotted #DDD;
font-family:Arial, Helvetica, sans-serif;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 2px 7px;
}