@charset "UTF-8";

/*==== banner ===============*/

#banner {
width : 720px ;
margin : 0px auto ;
background: url(../images/bg_banner.jpg) no-repeat left top transparent ;
text-align: left ;
margin-bottom: 10px ;
}

#banner p.description {
color: #76dcff ;
font-size: 2px ;
margin: 0 ;
height: 124px ;
}

#banner h2 {
height: 76px ;
color: #D6E0D0 ;
font-size: 2px ;
text-align: right ;
background: url(../images/bg_home_h2.gif) no-repeat left top transparent ;
margin: 0 ;
}

/*==== introduction ===============*/

#introduction {
width : 720px ;
margin : 0px auto ;
text-align: left ;
background: url(../images/bg_intro.gif) no-repeat left top transparent ;
}

#introduction h3 {
font-size: 1px ;
color: #036 ;
width: 218px ;
float: left ;
margin: 0 ;
}

#introduction p.more-info {
margin: 0 ;
}

#introduction h4 {
margin: 0 ;
height: 35px ;
font-size: 2px ;
}
#introduction .tsuukin {
clear: both ;
}
#introduction .tsuukin,
#introduction .shopping,
#introduction .life {
float: left ;
width: 240px ;
}
#introduction .tsuukin h4 {
color: #36c ;
background: url(../images/bg_h4_tsuukin.gif) no-repeat left top transparent ;
}
#introduction .shopping h4 {
color: #3EB93E ;
background: url(../images/bg_h4_shopping.gif) no-repeat left top transparent ;
}
#introduction .life h4 {
color: #FF7920 ;
background: url(../images/bg_h4_life.gif) no-repeat left top transparent ;
}

#introduction .tsuukin p,
#introduction .shopping p,
#introduction .life p {
color: #EEF6FF ;
text-indent: -1000em ;
margin: 0 ;
height: 150px ;
}
#introduction .tsuukin p {
background: url(../images/bg_tsuukin.jpg) no-repeat left top transparent ;
}
#introduction .shopping p {
background: url(../images/bg_shopping.jpg) no-repeat left top transparent ;
}
#introduction .life p {
background: url(../images/bg_life.jpg) no-repeat left top transparent ;
}

/*==== content ===============*/

#content {
}

#content h3 {
color: #036 ;
height: 35px ;
text-align: right ;
font-size:2px ;
margin: 0 0 5px ;
clear: both ;
}

h3.news {
clear: both ;
background: url(../images/bg_h3_news.gif) no-repeat left top transparent ;
}

ul.news {
font-size: 95% ;
margin: 0 0 15px ;
padding: 0 0 0 1.5em ;
}

ul.news li {
margin: 0 0 3px ;
padding: 0 ;
}

h3.access {
background: url(../images/bg_h3_access.gif) no-repeat left top transparent ;
}

p.access-map {
font-size: 80% ;
text-align: right ;
margin: 0 0 15px ;
line-height: 120% ;
}

h3.ichiran {
background: url(../images/bg_h3_ichiran.gif) no-repeat left top transparent ;
}

.data {
float: left ;
width: 240px ;
}

.data h4 {
margin: 0 ;
}
.data h4.setohara {
background: url(../images/bg_home_setohara.jpg) repeat-x left bottom transparent ;
}
.data h4.yukawadai {
background: url(../images/bg_home_yukawadai.jpg) repeat-x left bottom transparent ;
}
.data h4.oohira {
background: url(../images/bg_home_oohira.jpg) repeat-x left bottom transparent ;
}
.data h4.komayose {
background: url(../images/bg_home_komayose.jpg) repeat-x left bottom transparent ;
}
.data h4.miyahigashi {
background: url(../images/bg_home_miyahigashi.jpg) repeat-x left bottom transparent ;
}
.data h4.tatsuoka {
background: url(../images/bg_home_tatsuoka.jpg) repeat-x left bottom transparent ;
}
.data h4.wakaba {
background: url(../images/bg_home_wakaba.jpg) repeat-x left bottom transparent ;
}



.data h4 a {
font-size: 2px ;
display: block ;
width: 240px ;
height: 107px ;
text-align: right ;
}
.data h4.setohara a {
background: url(../images/bg_h4_setohara.gif) repeat-x left top transparent ;
}
.data h4.yukawadai a {
background: url(../images/bg_h4_yukawadai.gif) repeat-x left top transparent ;
}
.data h4.oohira a {
background: url(../images/bg_h4_oohira.gif) repeat-x left top transparent ;
}
.data h4.komayose a {
background: url(../images/bg_h4_komayose.gif) repeat-x left top transparent ;
}
.data h4.miyahigashi a {
background: url(../images/bg_h4_miyahigashi.gif) repeat-x left top transparent ;
}
.data h4.tatsuoka a {
background: url(../images/bg_h4_tatsuoka.gif) repeat-x left top transparent ;
}
.data h4.wakaba a {
background: url(../images/bg_h4_wakaba.gif) repeat-x left top transparent ;
}


.data h4 a:link    { color: #fff }
.data h4 a:visited { color: #fff }
.data h4 a:hover   { color: #fff }
.data h4 a:active  { color: #fff }

.data h5 {
font-size: 80% ;
font-weight: normal ;
background: url(../images/bg_h5_data.gif) repeat-x left bottom transparent ;
margin: 3px 8px ;
padding: 2px 0 ;
}

.data ul {
list-style: none ;
font-size: 80% ;
margin: 0 8px ;
padding: 0 ;
}

.data p {
text-align: right ;
font-size: 80% ;
margin: 3px 8px 0 ;
padding: 0 ;
}

h3.link {
clear: both ;
background: url(../images/bg_h3_link.gif) no-repeat left top transparent ;
margin-top: 10px !important ;
}

div.link {
float: left ;
width: 240px ;
}
div.link h4 {
font-size: 2px ;
color: #fff ;
padding-bottom: 18px ;
margin: 0 ;
text-align: right ;
}
div.link h4.saku {
background: url(../images/bg_h4_saku.gif) no-repeat left top transparent ;
}
div.link h4.nagano {
background: url(../images/bg_h4_nagano.gif) no-repeat left top transparent ;
}
div.link h4.kenchiku {
background: url(../images/bg_h4_kenchiku.gif) no-repeat left top transparent ;
}
div.link ul {
list-style: none ;
font-size: 95% ;
margin: 3px 0 15px ;
padding: 0 ;
}
div.link li {
margin: 0 0 3px ;
padding: 0 ;
}
div.link ul ul {
margin: 0 0 0 0.5em ;
padding: 0 ;
}