@charset "utf-8";

/* HOME */
html { height: 100%; }
body { height: 100%; background: url(../images/common/whtbg300.gif) repeat-y left top #e4d5b8; }
img  { _behavior: url(js/iepngfix/iepngfix.htc); border: 0; }
body > #overview { height: auto; }

/* LOGO & OVERVIEW */
#overview, #overview img, #overview p  { position: relative; }
#overview { top: 0; left: 0; width: 300px; min-height: 100%; height: 100% !important; background-color: #fff; }
#overview img#title { top: 15px; left: 25px; z-index: 10; width: 250px; height: 125px; }
#overview img#info { top: 50px; left: 25px; z-index: 10; width: 250px; height: 380px; }
#overview p#lead { top: 40px; left: 15px; z-index: 10; width:270px; height: 380px; color: saddlebrown; font-size: 10px; line-height: 15px; margin-bottom: 0; text-indent: -9999px; background: url(../images/home/intro.gif) no-repeat 0 0; overflow: hidden; }
#overview p#copyright { top: 100px; left: 15px; z-index: 10; width:270px; height: 15px; color: #999; font-size: 10px; line-height: 15px; margin-bottom: 0; text-indent: -9999px; background: url(../images/common/copyright.gif) no-repeat 0 0; overflow: hidden; }

img#logo { position: absolute; right: 0; bottom: 0; z-index: 1; } 

/* CONTENTS */
#cont_concept, #cont_prod, #cont_access, #cont_member, #cont_inquiry, #cont_links 
{ position: absolute; margin: 0; padding: 0; border: 0; width: 300px; background-position: left top; background-repeat: no-repeat; z-index: 20; }
#cont_concept, #cont_prod, #cont_access { left: 325px; }
#cont_member, #cont_inquiry, #cont_links { left: 650px; }

#cont_concept { top: 40px; height: 160px; background-image: url(../images/home/cont_concept.png); _background-image: url(../images/home/cont_concept.gif); }
#cont_prod { top: 200px; width: 325px; height: 275px; background-image: url(../images/home/cont_prod.png); _background-image: url(../images/home/cont_prod.gif); }
#cont_access { top: 475px; width: 375px; height: 150px; background-image: url(../images/home/cont_access.png); _background-image: url(../images/home/cont_access.gif); }

#cont_member { top: 25px; width: 340px; height: 365px; background-image: url(../images/home/cont_member.png); _background-image: url(../images/home/cont_member.gif); }
#cont_inquiry { top: 390px; left: 675px; height: 85px; background-image: url(../images/home/cont_inquiry.png); _background-image: url(../images/home/cont_inquiry.gif); }
#cont_links { top: 480px; left: 750px; width: 200px; height: 145px; background-image: url(../images/home/cont_links.png); _background-image: url(../images/home/cont_links.gif); }


#cont_concept h1 { margin: 25px 15px 0 35px; font-size: 14px; color: #ff3; font-weight: normal; }
#cont_concept p { margin: 5px 15px 0 40px; color: #999; }
#cont_concept p.readmore { margin: 0 5px 0 40px; text-align: right; }

#cont_prod h1 { margin: 52px 15px 0 40px; font-size: 14px; color: #ff3; font-weight: normal; }
#cont_prod p { margin: 5px 15px 0 40px; color: #999; width: 100px; }
#cont_prod p.readmore { margin:5px 0 0 40px; }

#cont_access h1 { margin: 30px 15px 0 40px; font-size: 14px; color: #ff3; font-weight: normal; }
#cont_access p { margin: 0 15px 0 40px; color: #999; font-size: 10px; line-height: 15px; width: 150px; }
#cont_access p.link { margin:5px 0 0 40px; }
#cont_access img { position: absolute; top: 12px; right: 10px; margin: 0; width: 167px; height: 125px; }
#cont_access p.print { position: absolute; left: 110px; top: 35px; width: 77px; height: 16px; text-indent: -9999px; overflow: hidden; background: url(../images/home/map_print.gif) no-repeat 0 0; margin: 0; border: 0; cursor: pointer; }


#cont_member h1 { margin: 40px 15px 10px 40px; font-size: 14px; color: #ff3; font-weight: normal; }
#cont_member h2.registration { position: absolute; left: 185px; top: 40px; width: 125px; height: 25px; text-indent: -9999px; overflow: hidden; background: url(../images/home/member_btn.gif) no-repeat 0 0; margin: 0; border: 0; cursor: pointer; }
#cont_member p { margin: -5px 25px 10px 40px; color: #999; }
#cont_member p img.higetanbank { margin: 10px 5px 0 0; }
#cont_member h2.amenity1, #cont_member h2.amenity2 { margin: 0 0 0 30px; width: 40px; height: 20px; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; overflow: hidden; }
#cont_member h2.amenity1 { background-image: url(../images/home/amenity1.gif); }
#cont_member h2.amenity2 { background-image: url(../images/home/amenity2.gif); }
#cont_member img.miharukun { margin: 0 0 0 35px; }


#cont_inquiry p { margin: 30px 15px 0 50px; color: #999; width: 250px; }
#cont_inquiry a { color: #08c; text-decoration: underline; }

#cont_links ul { list-style: circle inside; margin: 30px 15px 0 38px; color: #999; width: 150px; }
#cont_links ul li a:link, #cont_links ul li a:visited { color: #999; text-decoration: none; }
#cont_links ul li a:hover { color: #08c; text-decoration: underline; }