/* ==

　共通

===================================================================================================== */
a:link, a:visited{ color:#336699; text-decoration:underline; }
a:hover, a:active{ color:#336699; text-decoration:none; }


/* ==

　ヘッダー（ロゴ＋コピー）

===================================================================================================== */
.container .header{
	width:710px;
	min-height:1%;
	margin:15px auto 7px;
	padding:0;
	clear:both;
}
.container .header:after{
	content:"";
	display:block;
	height:0px;
	clear:both;
	overflow: auto;
}
.container .header p{
	margin:0;
	padding:36px 0 0;
	float:right;
}
.container .header p.logo{
	padding:0;
	float:left;
}


/* ==

　メイン

===================================================================================================== */
.container{
	width:740px;
	min-height:1%;
	margin:0 0 15px;
	padding:0;
	clear:both;
}
.container:after{
	content:"";
	display:block;
	height:0px;
	clear:both;
	overflow: auto;
}
.container h1{
	margin:0 0 20px;
	padding:0;
	text-align:center;
}

.container .main{
	width:658px;
	margin:0 auto;
	padding:0 20px;
	background:url(../images/bk_main.gif) repeat-y;
	position:relative;
}
* html .container .main{
	padding:0 0 0 20px;
}
.container .main h2{
	margin:0 0 0 -20px;
	padding:0;
}
.container .main p.balloon{
	margin:0;
	padding:0;
	position:absolute;
	top:-17px;
	left:-15px;
}
* html .container .main p.balloon img{
	behavior:url(iepngfix.htc);
}
.container .main p.txt{
	min-height:185px;
	margin:5px 0 0;
	padding:0 20px 0 235px;
	background:url(../images/memo.gif) left 3px no-repeat;
	font-size:12px;
	line-height:1.5;
	color:#666;
}
* html .container .main p.txt{
	height:185px;
}
.container .main p.bnr{
	margin:10px 0 0;
	padding:0;
	text-align:center;
	clear:both;
}
.container .main dl{
	width:598px;
	margin:7px 0 0 -20px;
	padding:0 50px 27px;
	background:url(../images/prttn_main.gif) left bottom no-repeat;
	font-size:10px;
	line-height:1.4;
	color:#666;
}
.container .main dt{
	margin:0 0 3px;
	padding:0;
	font-weight:bold;
}
.container .main dd{
	margin:0;
	padding:0;
} 
.container .main dl.machinaka{
	width:638px;
	margin:0 0 0 -20px; 
	padding:0 30px 21px;
	background:url(../images/btm_main.gif) left bottom no-repeat;
}
.container .main dl.machinaka dt{
	color:#001640;
}
.container .main dl.machinaka dd{
	color:#333;
}
.container .main dl.machinaka dd a{
	padding-left:14px;
	background:url(../images/arrow.gif) 2px 2px no-repeat;
}


/* ==

　お近くのまちなかジーヴォをエリアから探す

===================================================================================================== */
.container .map{
	width:677px;
	min-height:1%;
	margin:25px auto 0;
	padding:0;
	background-color:#e5e5e5;
	clear:both;
}
.container .map:after{
	content:"";
	display:block;
	height:0px;
	clear:both;
	overflow: auto;
}
.container .map .mapMain{
	width:505px;
	margin:0;
	padding:0;
	float:left;
}
.container .map .mapMain h3{
	margin:0;
	padding:0 0 1px;
	background-color:#fff;
}
.container .map .mapMain p.mapimg{
	margin:0;
	padding:8px 0 0;
	text-align:center;
}

.container .map .mapSub{
	width:170px;
	margin:0;
	padding:0;
	border-left:2px solid #fff;
	float:right;
}
.container .map .mapSub p.bnr{
	margin:0;
	padding:0;
	border-top:1px solid #fff;
}
.container .map h4{
	margin:0;
	padding:0;
}
.container .map ul.area-list{
	width:170px;
	margin:0;
	padding:0;
	background-color:#fafafa;
	list-style-type:none;
	clear:both;
}
.container .map ul.area-list li{
	margin:0;
	padding:6px 5px;
	background:#e5e5e5 url(../images/bk_area.gif) left bottom no-repeat;
	font-size:12px;
	line-height:1.2;
}
* html .container .map ul.area-list li{
	height:1%;
}
.container .map ul.area-list li a{
	padding-left:15px;
	background:url(../images/arrow.gif) 2px 2px no-repeat;
}
* html .container .map ul.area-list li a{
	display:block;
	height:1%;
}
.container .map ul.area-list li.last{
	background:none;
	background-color:#e5e5e5;
}