/*■■■■■■■■■■■■■■■■■■■レイアウト■■■■■■■■■■■■■■■■■■■■■*/
{
   margin:0;
   padding:0; 
}


div#wrapper {
text-align:left;
width:935px;
 margin: -5 auto;
 }

div#headline {
	height: 11px;
	background-color:#eeeeee;
	width:100%;
	margin:7px
	}
	
	
	
#header{
  width: 935px;
  height: 125px;     /* サイトロゴの高さに合わせて調節して下さい。*/
}

#headline p{
display:inline;
text-align:left;
font-size:11px;
color:#666666;
line-height:1.1em;
margin:0 0 0 10px;
padding:0
}


#header .logo {
	position: relative;
	top: 7px;
	left: 0px;
	width: 146px;
	height: 72px;
}


#header .search-box {
	position: absolute;
	top:  4px;
	left: 80px;
	background-repeat: no-repeat;
	background-position: center top;
}

#header .search-box .search-ttl {
	position: absolute;
	top: 9px;
	left: 10px;

}

#header .search-box .sttl {
	color: #333333;
	font-size: 85%;
	font-weight: bold;
	line-height: 1.2;
}

#header .search-box .sttl .ex {
	margin-left: 5px;
	color: #666666;
	font-weight: normal;
}

#header .search-box .search-area {
	position: absolute;
	top: 7px;
	left: 450px;

}

#header .search-box .search-area input {
	margin-top: 1px;
	width: 130px;
}

#header .search-box .search-multi {
	position: absolute;
	top: 22px;
	left: 585px;
}

#header .search-box .search-key {
	position: absolute;
	top: 7px;
	left: 600px;
}

#header .search-box .search-key input {
	margin-top: 1px;
	width: 180px;
}

#header .search-box .search-btn {
	position: absolute;
	top: 18px;
	left: 790px;
}

#header .search-box .search-btn input {
	width: 70px;
	height: 22px;
	color: #ffffff;
	font-size: 100%;
	line-height: 1.2;
	letter-spacing: 2px;
	font-weight: bold;
	text-align: center;
	background: url(http://www.nani-eki.jp/images/nanieki_btn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
	border: none;
}


#header .search-box .search-link .line {
	color: #aaaaaa;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■*/
ul#menu1{
    list-style:none;
    width:100%;
}

ul#menu1 li{
    list-style:none;
	position: absolute;
top: 57px;
left: 220px;
width: 177px;	
font-size:9px;

}

ul#menu1 a{
display:block;
width: 177px;
height: 23px;
position: absolute;
overflow:hidden;

}
a.menu1{
    background-image:url(http://www.nani-eki.jp/images/menu1.gif);
}
a:hover.menu1{
    background-position:0px -25px;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■*/


ul#menu2{
    list-style:none;
    width:100%;
}

ul#menu2 li{
    list-style:none;
	position: absolute;
	top: 57px;
	left: 397px;
width: 177px;	
font-size:9px;

}

ul#menu2 a{
display:block;
width: 177px;
height: 23px;
position: absolute;
overflow:hidden;

}
a.menu2{
    background-image:url(http://www.nani-eki.jp/images/menu2.gif);
}
a:hover.menu2{
    background-position:0px -25px;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■*/
ul#menu3{
    list-style:none;
    width:100%;
}

ul#menu3 li{
    list-style:none;
	position: absolute;
	top: 57px;
	left: 574px;
width: 177px;	
font-size:9px;

}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■*/

ul#menu4{
    list-style:none;
    width:100%;
}

ul#menu4 li{
    list-style:none;
	position: absolute;
	top: 57px;
	left: 751px;
width: 177px;	
font-size:9px;
}

ul#menu4 a{
display:block;
width: 177px;
height: 23px;
position: absolute;
overflow:hidden;

}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■*/




div#pf_list{
width: 680px;
	margin: 5px;
	text-align: right;
}

div#main {
   width: 935px;     /* メニューとコンテンツを囲んでいるクラスです。 */
}

div#menu {
   float: right;
   width: 255px;     /* floatの width 指定は必須です。*/
   
}


div#mapwaku h2{
font-size:12px;
font-weight:normal;
 text-align: center;
color:#eeeeee;
margin:4px -3px -23px 0px;
padding:0px 0px 0px 0px;
}


div#map {
   float: right;
   width: 255px;     /* floatの width 指定は必須です。*/
   margin: 27px 6px 5px 5px;
}

div#contents {
   float: right;
   width: 680px;     /* floatの width 指定は必須です。*/
}

div#footer {
   clear: both;      /* float をクリアしています。*/
   width: 935px;
   height: 100px;
}


/* ===============[ 初期化 ]=============== */
* {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	color: #444444;
	font-size: 75%;
	*font-size: small;
	*font: x-small;
	line-height: 1.4;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	background:url(http://www.nani-eki.jp/images/bg.gif) repeat-x left top
}

table, th, tr, td {
	color: #444444;
	font-size: 100%;
	line-height: 1.4;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	text-align: left;
}

input, textarea, select, option {
	font-size: 100%;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
}

img {
    border-style:none;
	
}


/* ===============[ link ]=============== */
a:link {
	color: #ccc;
	text-decoration:none;

}
a:visited {
	color: #ccc;
	text-decoration:none;

}
a:hover {
	color: #000000;
}
a:active {
	color: #000000;
	text-decoration:none;

}



/*■■■■■■■■■■■■■■■■■■■h1 文字■■■■■■■■■■■■■■■■■■■■■*/

div#headline h1{
display:inline;
text-align:left;
font-size:10px;
font-weight:normal;
color:#444444;
line-height:1.5em;
margin:0 0 0 5px;
padding:0
}


div#header img.logo{
float:left;
margin:0px 0px 0px 0px
border-style:none;
}

div#header img.banner{
float:right;
margin:6px 0px 0 8px
border-style:none;
}


#search_area h2{
font-size:16px;
font-weight:normal;
color:#eeeeee;
margin:0px 0px -21px 0px;
padding:4px 0px 0px 19px;
}


div#search_area table{
width:670px;
height:240px;
border:none;
padding:27px 2px 3px 3px
}

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

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

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

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

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

div#genrelist table{
width:670px;
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: #bbe8ff;
	border-bottom:2px dotted #CCCCCC;
	color: #444444;
	font-size: 100%;
	line-height: 1.4;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	}
	

div#genrelist td{
	padding: 3px 0px 3px 5px;
	text-align: left;
	border-bottom:2px dotted #CCCCCC;
	color: #444444;
	font-size: 100%;
	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: 4px 5px 0px 5px;
	color: #00bfff;
	}
	
/*■■■■■■■■■■■■■■■■■■■listlist■■■■■■■■■■■■■■■■■■■■*/
div#listlist{
border:none;
margin:0px 30px 0px 0px;
}

div#listlist table{
border:none;
margin:0px 30px 0px 0px;
}



div#listlist td.shopname{
border:none;
width:420px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	white-space: nowrap;
	background-color: #bbe8ff;
	color: #444444;
	font-size: 100%;
	line-height: 1;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	}
	
	div#listlist td.shopgenre{
	border:none;
	width:160px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	white-space: nowrap;
	background-color: #bbe8ff;
	color: #444444;
	font-size: 100%;
	line-height: 1;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	}
	
	div#listlist td.shopaddr{
	border:none;
	width:420px;
	margin:0px 5px 0px 0px;
	padding: 0px 0px 3px 0px;
	color: #444444;
	font-size: 95%;
	line-height: 1.4;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	}
	
	div#listlist td.shoptel{
	border:none;
	width:100px;
	padding:1px 10px 3px 0px;
	text-align: center;
	color: #444444;
	font-size: 100%;
	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;
	padding: 4px 5px 0px 5px;
	color: #00bfff;
	}
	
	


#dokoiku_header h2{
font-size:16px;
font-weight:normal;
color:#eeeeee;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 19px;
}



div.dokoiku_link{
width:650px;
border-bottom:2px dotted #CCCCCC;
margin:0 0 0 13px;
padding:0 0 0 0px;
}
div.dokoiku_link a,div.dokoiku_link a:link,div.dokoiku_link a:visited{
padding: 5px 0px 5px;
display:block;
text-decoration:none;
cursor:pointer
}
div.dokoiku_link a:hover{
background:#FFFAD6;
}
div.dokoiku_link_bottom{
width:675px;
margin:0 10 0 13px;
padding:0 0 0 0px;
}
div.dokoiku_link_bottom a,div.dokoiku_link_bottom a:link,div.dokoiku_link_bottom a:visited{
padding: 5px 0px 4px;
display:block;
text-decoration:none;
cursor:pointer
}
div.dokoiku_link_bottom a:hover{
background:#FFFAD6;
}

div.dokoiku_img{
float:left;
width: 126px;
margin:0 10 0 10px;
padding:0 0 0 0px;
}
div.dokoiku_cont{
margin:0 0 0 0px;
padding:0 0 0 0px;
}
div.dokoiku_text{
color:#333333;
text-decoration: none
}
div.dokoiku_text a,div.dokoiku_text a:link,div.dokoiku_text a:visited,div.dokoiku_text a:hover{
text-decoration:none!important;
}
#dokoiku img{
border:1px solid #CCCCCC
}

div.clear{
clear:both;
margin:0;
padding:0
}





/*■■■■■■■■■■■■■■■■■■■aaaaaaa■■■■■■■■■■■■■■■■■■■■*/
div#nearstationlist{
border:0px;
width:680px;
}

div#nearstationlist table{
width:650px;
border:none;
padding:0px 2px 3px 20px
}

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

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

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

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

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

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

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

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

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

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

/* ===== float解除 ===== */
.clearfix:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}



#submenu{
clear:both;
font-size:11px;
color:#333333;
text-align:center;
margin:25px 3px 20px;
padding:0 10px
border: 0px;
}

#submenu p{
display:inline;
padding-left:12px;
margin:0 3px;
border: 0px;
}

#submenu a,#submenu a:link,#submenu a:visited{
color:#666666;
text-decoration:none
border: 0px;
}
#submenu a:hover{
text-decoration:underline;
color:#333333;
background:#DDDDDD
border: 0px;
}

#footer img.logo{
float:left;
margin:-5px 5px 5px 10px;
border-style:none;
border: 0px;
}

#footer h3{
float:right;
font-size:12px;
font-weight:normal;
color:#999999;
margin:12px 10px 5px
}

#pankuzu h3{
font-size:10px;
font-weight:normal;
color:#999999;
}

#footer a,#footer a:link,#footer a:visited{
color:#999999;
text-decoration:none
}
#footer a:hover{
background:none;
text-decoration:underline;
color:#333333
}