* { padding:0;}
html { overflow-y:scroll; } 
img { border:0;}

body {
  margin:0px;
  padding: 0px 0px 0px 1px;
  text-align:center;
  font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
  font-size:14px;
  line-height:150%;
  background: url(images/bg_main.gif) repeat-y center #F0F0DE;
}

.f12px{font-size : 12px; line-height:130%;}
.f12pxl150{font-size : 12px;line-height : 150%;}
.f12pxB{font-size : 12px;font-weight : bold;}
.f14px{font-size : 14px;}
.f14px{font-size : 14px;line-height : 150%;}
.f14pxl180{font-size : 14px;line-height : 180%;}
.f16px{font-size : 16px; line-height:160%;}
.f18pxl{font-size : 18px;line-height : 160%;}

a { color: #0000FF ;text-decoration:none;}
a:visited { color: #0000DD ;}
a:active { color: red ; }
a:HOVER{text-decoration : underline;color: #0066FF;}

p{padding:0.5em 10px 0.2em 16px; margin: 0px;
line-height:160%; font-size:100%;}

.midasi{
 border-right: 2px dotted #999;
 font-weight:bold;
 margin-right:10px;
 padding: 0px 10px 0px 0px;
 color:#960;
}

/*h1.h1img{
  margin: 10px 0px 0px 0px;
  padding:0px;
  background:none;
}*/
h1{
clear:both;
  margin: 15px 0px;
  padding: 6px 2px 6px 38px;
  background:url(images/h1.gif) no-repeat;
  font-size : 150% ; line-height:150% ; 
  color:#036;
}
  
h2{
  clear:both;
  margin: 25px 10px 10px 10px;
  padding: 2px 2px 2px 2.2em;
  font-size : 130%;
  line-height:140%;
  color:#69C;
  border-bottom : 1px #69c solid ;
  text-indent:-2.2em;
  }
  
h3{
  margin: 20px 10px 10px 16px;
  padding: 0px 2px 0px 8px;
  font-size : 14px ;
  line-height:130%;
  color: #960;
  border-left: 8px solid #960;
  }

#mainarea2 ul {
	padding : 0px 0px 0px 0px ;
	margin  : 0px 0px 0px 40px;
	line-height:150%;
	font-size:100%;
}
#mainarea2 ul li {
	margin  : 7px 0px 7px 0px;
	
}

/* ■ドットライン■ */
hr {
  margin : 5px 0px 5px 0px ;
  border-width : 2px ;
  border-style : dotted ;
  border-color : #999 ;
}
html>body hr{ margin:15px 0px 15px 0px; border-width:1px;}

/* ■レイアウト■ */
#allwidth{
  width:840px;
  text-align:left;
  margin: 0px auto 0px auto ;
  }
#main{
  width:800px;
  margin:0px 20px;
  }

#left{
  display: inline;
  width:400px;
  margin:0px 0px 10px 25px;
  padding:0px;
  float:left;
}
#right{
  width:330px;
  margin:0px 0px 10px 25px;
  padding:0px;
  float:left;
}

/*◆新着情報◆*/
#info{
  width:380px;
  margin:10px;
}
#info p{
  margin:8px 0px;
  font-size:12px;
  line-height:130%;
  font-weight:bold;
  color:#666;
  border-bottom:#666 dotted 1px;
}


/* ■地域紹介の横型メニュー■ */
#submenu ul {
  clear:both;
  width:720px;
  padding: 2px 0px 0px 10px;
  margin: 0px 0px 0px 0px;
  list-style-type : none;
  font-size : 12px;
  font-weight : bold;
  text-align : center;
}
#submenu ul li {
 display : inline;
 margin:0px;
 padding:0px;
 }
#submenu ul li a {
 margin : 0px 10px 10px 0px;
 padding:0px;
 width:107px;
 float:left;
 color:#666;
 border-bottom:2px solid #666;
 border-right:2px solid #666;
}
html>body #submenu ul li a { width:104px;}
#submenu ul li a:hover {
 color: #69C;
 text-decoration : none ;
 background-color : #fff ;
 border-bottom:2px solid #69C;
 border-right:2px solid #69C;
}


/* ■コーポレート■ */
#bottom{ 
  clear:both;
  font-size:12px;
  line-height:130%;
  margin:0px;
  padding:0px;
  background: url(images/bg_btm.gif) no-repeat bottom;
  }
#bottom p { font-size:12px; line-height:130%; text-align:center; padding:15px; margin:0px;}