@charset "utf-8";

html,body{
margin:0;
padding: 0.5% 0 0 0.5%;
width: 99%;
min-width: 796px;
height: 99%;
min-height: 597px;
background: #eeeeee;
font-family:  'ＭＳ Ｐ明朝' ,serif;
}

footer, header, nav{
display: block;
}
/*----------header----------*/
header{
width: 100%;
height: 7%;
min-height: 40px;
}

h1{
float: left;
margin: 0;
padding: 0;
padding-left:5px;
width: 425px;
font-size: 36px;
line-height: 40px;
/*border-bottom: ridge 4px #fff;*/
}
h1 a{
color:#000;
text-decoration:none;
font-size: 26px;
}
h1.map_h1{
 border:none;
}

/*----------nav----------*/
nav{
float: right;
width: 300px;
}

nav ul{
margin: 0;
padding: 0;
}

nav ul li{
float: left;
list-style: none;
}

nav a{
display: block;
width: 100px;
line-height: 40px;
}

/*----------main----------*/
div.main{
clear: both;
width: 100%;
height: 89%;
min-height:531px;
}

/*----------right----------*/
div.right{
float: right;
width: 25%;
min-width:200px;
height: 100%;
}

ul.area{
margin: 0 ;
padding: 0;
height: 9%;
min-height: 51px;
overflow: auto;
}

ul.area li{
float: left;
list-style: none;
width: 90px;
font-size: 14px;
line-height: 17px;
}

/*----------お店の情報（リスト用）----------*/
.gmap_list{
clear: both;
margin: 2% 0 0 -5px;
padding: 2% 0 0 0;
width: 100%;
height: 87%;
min-height: 461px;
overflow-y: scroll;
font-size: 14px;
line-height: 18px;
background-color:#fff;
}

.gmap_list li{
margin: 0 10px 20px 10px;
list-style:none;
}

.gmap_list .gmap_title a{
color:#0000FF;
cursor:pointer;
font-size:120%;
font-weight:bold;
}

.gmap_description{
margin: 0 0 7px 0;
}

.gmap_coord,.gmap_kml{display:none;}

/*----------吹き出しのスタイル----------*/
.gmap_block{
width:320px;
}

.gmap_block .gmap_title{
font-size:100%;
margin-bottom:10px;
}


#map_canvas{
float: left;
width: 73%;
min-width: 584px;
height: 100%;
}


/*----------footer----------*/
footer{
clear: both;
width: 100%;
height: 2%;
min-height: 12px;
text-align: right;
}


footer small{
font-size: 12px;
}


/*=================about.html====================*/
#about{
margin: 0 auto;
padding: 20px;
width: 860px;
font-size: 16px;
line-height: 1.5;
}

#about ol li{
margin-top: 10px;
}


a.page{
display: block;
float: right;
margin-right: 10px;
padding: 10px;
width: 280px;
color: #000;
font-size: 14px;
text-align: center;
text-decoration:none;
border: 1px solid #888;
border-radius: 3px;
/*background-color:#f9f9f9;*/
}

a.page:hover{
box-shadow: 0 0 5px #000;
}

.about{
clear: both;
}

.register{
float: right;
width: 290px;
}

.idea{
float:left;
width: 540px;
}
.register ol,.idea ol{
padding:0 0 0 25px;
}

#about p{
padding: 0 5px;
}

p.mail{
font-size:18px;
}