*{
padding:0px;
margin:0px;
 }

body{
font-family:"Helvetica Neue",Arial,Helvetica,Geneva,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS PゴシックＭＳ Ｐゴシック",sans-serif;
overflow-x:hidden;
background-color:#fff;
 }
 
 a:hover {
	overflow: hidden;
	outline: none;
}

a:focus {
	overflow: hidden;
	outline: none;
}

h1{
font-size:10px;
font-weight:normal;
color:#fff;
position:absolute;
top:-50px;
}

#gl_navi {
margin:20px;
padding:0;
width:275px;
background-image:url(../img/mnu-bg.png);
background-repeat:repeat-y;
position:fixed;
float:left;
z-index:999;
}
#gl_navi #logo {
position:relative;
top:-10px;
}
#gl_navi #logo a img {
    border-style:none;
}
#gl_navi #s-logo {
margin:10px 0 0 50px;
}
#gl_navi ul {
margin: 10px 0 0 60px;
padding: 0;
}
#gl_navi ul li {
margin: 0;
padding: 0;
display:block;
height:35px;
width:150px;
color: #fff ;
text-indent:-999px;
background-repeat : no-repeat;
}

#gl_navi ul li a{
display:block;
color: #fff ;
height:100%;
text-indent:-999px;
/*＼*/
	overflow: hidden;
/**/
}

#gl_navi ul li#infBtn-now {
background:url(../img/mnu-info-on.png) no-repeat;
width:150px;
height:35px;
}
#gl_navi ul li#infBtn a{
background:url(../img/mnu-info.png) no-repeat;
width:150px;
height:35px;
}
#gl_navi ul li#infBtn a:hover{
background:url(../img/mnu-info-on.png) no-repeat;
width:150px;
height:35px;
}
#gl_navi ul li#infBtn a:active{
background:url(../img/mnu-info-on.png) no-repeat;
width:150px;
height:35px;
}


#gl_navi ul li#abtBtn-now {
background:url(../img/mnu-about-on.png) no-repeat ;
width:150px;
height:35px;
}
#gl_navi ul li#abtBtn a{
background:url(../img/mnu-about.png) no-repeat;
width:150px;
height:35px;
}
#gl_navi ul li#abtBtn a:hover{
background:url(../img/mnu-about-on.png) no-repeat;
width:150px;
height:35px;
}
#gl_navi ul li#abtBtn a:active{
background:url(../img/mnu-about-on.png) no-repeat;
width:150px;
height:35px;
}

#gl_navi ul li#pfoBtn-now {
background:url(../img/mnu-portfolio-on.png) no-repeat;
width:150px;
height:35px;
}
#gl_navi ul li#pfoBtn a{
background:url(../img/mnu-portfolio.png) no-repeat;
width:150px;
height:35px;
}
#gl_navi ul li#pfoBtn a:hover{
background:url(../img/mnu-portfolio-on.png) no-repeat;
width:150px;
height:35px;
}
#gl_navi ul li#pfoBtn a:active{
background:url(../img/mnu-portfolio-on.png) no-repeat;
width:150px;
height:35px;
}

#gl_navi ul li#cntBtn-now {
background:url(../img/mnu-contact-on.png) no-repeat;
width:150px;
height:35px;
}
#gl_navi ul li#cntBtn a{
background:url(../img/mnu-contact.png) no-repeat;
width:150px;
height:35px;
}
#gl_navi ul li#cntBtn a:hover{
background:url(../img/mnu-contact-on.png) no-repeat;
width:150px;
height:35px;
}
#gl_navi ul li#cntBtn a:active{
background:url(../img/mnu-contact-on.png) no-repeat;
width:150px;
height:35px;
}

#gl_navi ul li#bckBtn a{
background:url(../img/mnu-back.png) no-repeat;
width:160px;
height:38px;
margin:0 0 0 -5px;
}
#gl_navi ul li#bckBtn a:hover{
background:url(../img/mnu-back-on.png) no-repeat;
width:160px;
height:38px;
margin:0 0 0 -5px;
}
#gl_navi ul li#bckBtn a:active{
background:url(../img/mnu-back-on.png) no-repeat;
width:160px;
height:38px;
margin:0 0 0 -5px;
}

#gl_navi ul li#kdmBtn a{
background:url(../img/mnu-kodomo.png) no-repeat;
width:160px;
height:38px;
margin:0 0 0 -5px;
}
#gl_navi ul li#kdmBtn a:hover{
background:url(../img/mnu-kodomo-on.png) no-repeat;
width:160px;
height:38px;
margin:0 0 0 -5px;
}
#gl_navi ul li#kdmBtn a:active{
background:url(../img/mnu-kodomo-on.png) no-repeat;
width:160px;
height:38px;
margin:0 0 0 -5px;
}

#gl_navi #twtr{
margin:20px 0 0 48px;
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}

#gl_navi #copyright{
margin:15px 0 0 40px;
}

article #hide{
color:#000;
font-size:0px;
-webkit-text-size-adjust: none;
line-height: 0px
text-indent:-9999px;
}

article #infowindow{
width:460px;
height:360px;
margin:0;
padding:0;
background-image:url(../img/info-bg.png);
position:fixed;
top:160px;
left:350px;
}
article #infowindow h2{
width:460px;
height:30px;
margin:3px 0 0;
padding:0;
position:relative;
background-image:url(../img/info-top.png);
background-repeat:no-repeat;
text-indent:-9999px;
}
article #infowindow span{
width:460px;
height:20px;
margin:0;
padding:0;
position:absolute;
bottom:3px;
background-image:url(../img/info-btm.png) ;
background-repeat:no-repeat;
text-indent:200px;
}

article #infowindow span a{
font-size:10px;
color:#222;
text-decoration:none;
}
article #infowindow span a:hover{
color:#666;
text-decoration:underline;
}