/* Style Base CSS (base.css) */

body{
  color:#000;
  font-size:14px;
  font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
  text-align:center;
  margin:0px auto;
  padding:0px;
  }
  
a {color:#000;text-decoration: underline;}
img{border:0px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;width:0px;height:0px;overflow:hidden;}


.sIFR-flash {
visibility: visible !important;
margin: 0;
}
 
.sIFR-replaced {
visibility: visible !important;
}
 
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}

.sIFR-hasFlash .title { visibility: hidden;   font-size:25px;} 

#mainbody{
  width:800px;
  text-align:center;
  margin:0px auto;
  padding:0px;
  overflow:hidden;
  }

#container{
  width:800px;
  text-align:center;
  margin:0px;
  padding:0px;
  background:url(http://www.net-pier.com/imgs/container-back.jpg) repeat-y;  
  }

#banner{
  width:800px;
  height:130px;
  text-align:left;
  margin:0px;
  padding:0px;
  background:url(http://www.net-pier.com/imgs/banner-back.jpg) no-repeat; 
  overflow:hidden;
  clear:both;
  }

#banner .title{
  position:relative;
  top:20px;
  left:525px;
  margin:0px;
  padding:0px;
  width:245px;
  font-size:25px;
  text-align:center;
  }

html>/**/body #banner .title{
    font-size:15px\9;
    top:0px\9;
}

/* HEADER */

h1{
  width:0px;
  height:0px;
  margin:0px;
  padding:0px;
  overflow:hidden;
  text-indent: -9999em;
  font-size:0.1em;
  }




#header{
  color:#fff;
  width:800px;
  height:90px;
  text-align:left;
  margin:0px auto;
  padding:0px;
  background:url(http://www.net-pier.com/imgs/header-back.jpg) no-repeat;  
  overflow:hidden;
  }

#header a{color:#fff;text-decoration:none;}

#header .logo{
  float:left;
  width:280px;
  height:90px;
  margin:0px;
  padding:0px;
  text-indent: -9999em;
  font-size:0.1em;
  }

#header .logo a{
  float:left;
  width:280px;
  height:90px;
  margin:0px;
  padding:0px;
}

#header .navi{
  font-size:14px;
  font-weight:bold;
  text-align:center;
  position:relative;
  top:12px;
  left:158px;
  width:174px;
  height:25px;
  overflow:hidden;
  }

#header .sitemap{
  position:relative;
  top:10px;
  left:162px;
  width:78px;
  height:25px;
  overflow:hidden;
  }
  
#header .contact{
  position:relative;
  top:-10px;
  left:242px;
  width:80px;
  height:25px;
  overflow:hidden;
  }

#header .b_small{
  position:relative;
  top:-22px;
  left:332px;
  width:82px;
  height:30px;
  overflow:hidden;
  }

#header .b_big{
  position:relative;
  top:-52px;
  left:416px;
  width:82px;
  height:30px;
  overflow:hidden;
  }


/* MENU */

#menu{
  width:800px;
  height:54px;
  margin:0px auto;
  padding:0px;
  }

#menu ul{
  margin:0px;
  padding:0px;
  }
  
#menu a{
  float:left;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  width:160px;
  height:32px;
  text-align:center;
  list-style:none;
  margin:0px;
  padding:22px 0px 0px;
  background:url(http://www.net-pier.com/imgs/menu-back.jpg) no-repeat;
  overflow:hidden;
  }

#menu a:hover{
  background:url(http://www.net-pier.com/imgs/menu-back_f.jpg) no-repeat;
  }


 /* SIDE */

#side{
  float:left;
  width:252px;
  text-align:center;  
  margin-top:0px;
  margin-left:0px;
  padding:18px 0px 0px;
  background:url(http://www.net-pier.com/imgs/banner-smenu.jpg) no-repeat top;  
  overflow:hidden;
  }

#side p{
  font-size:14px;
  line-height:18px;
  margin:0px;
  padding:0px;
  }

#side h4{
  font-size:14px;
  font-weight:bold;
  line-height:20px;
  margin:0px;
  padding:0px;
  }

#side dl, #side ul{
  width:240px;
  margin:0px auto;
  padding:0px 0px 15px; 
  }

#side dt{
  font-size:14px;
  font-weight:bold;
  text-align:left;
  list-style:none;
  line-height:17px;
  margin:0px;
  padding:0px 5px 0px 15px;
  background:url(http://www.net-pier.com/imgs/dt-icon.jpg) no-repeat;  
  }

#side dd, #side li{
  width:210px;
  font-size:14px;
  text-align:left;
  list-style:none;
  line-height:20px;
  margin:7px auto;
  padding:0px 5px 5px 15px;
  border-bottom:1px solid #CCC;
  background:url(http://www.net-pier.com/imgs/li-icon.jpg) no-repeat;  
  }

#side .kouhou{
  width:240px;
  height:102px;
  text-align:left;
  margin:5px auto 10px;
  padding:0px;
  background:url(http://www.net-pier.com/imgs/kouhou-sbanner.jpg) no-repeat;
  }



#side .nakayoshi{
 position:relative;
  top:10px;
  left:20px;
  width:56px;
  height:78px;
  margin:0px;
  padding:0px;
  border-top:1px solid #EDEDED;
  border-left:1px solid #EDEDED;
  border-right:2px solid #CBCBCB;
  border-bottom:2px solid #CBCBCB;
  }




#side .address{
  width:235px;
  text-align:center;  
  margin:0px auto 50px;
  padding:0px;
  background:url(http://www.net-pier.com/imgs/s_address-back.jpg) repeat-y;  
  }

#side .address_top{
  width:235px;
  height:17px;
  margin:0px auto;
  padding:0px;
  background:url(http://www.net-pier.com/imgs/s_address-top.jpg) no-repeat;  
  }

#side .address_bottom{
  width:235px;
  height:17px;
  margin:0px auto;
  padding:0px;
  background:url(http://www.net-pier.com/imgs/s_address-bottom.jpg) no-repeat;  
  clear:both;
  }

#side .address_box{
  width:225px;
  font-size:14px;
  text-align:left;
  margin:0px auto;
  padding:0px;
  }

#side .mail{
  width:225px;
  margin:0px auto;
  padding:3px 0px
  }

#side .tel{
  width:225px;
  margin:0px auto;
  padding:3px 0px;
  }



 /* MAIN */

#main{
  float:right;
  width:540px;
  margin-top:0px;
  margin-right:0px;
  padding:0px;
  overflow:hidden;
  }

#main h2{
  width:540px;
  height:32px;
  color:#fff;
  font-size:15px;
  text-align:left;
  margin:0px;
  padding:14px 10px 0px 48px;
  background:url(http://www.net-pier.com/imgs/mh2-back.jpg) no-repeat;  
  overflow:hidden;
  }



#main h3{
  font-size:15px;
  margin:0px;
  padding:0px 0px 5px;
  }

#main p{
  margin:0px;
  padding:0px 0px 5px;
  }

#main .navi{
  font-size:12px;
  text-align:left;
  margin:0px;
  padding:2px 0px;
  }

#main .b_navi{
  font-size:12px;
  text-align:right;
  margin:0px;
  padding:5px 0px;
  border-top:1px dotted #999;
  }

#main ul{
  width:536px;
  margin:0px auto;
  padding:0px;
  }

#main li{
  text-align:left;
  list-style:none;
  line-height:20px;
  margin:7px auto;
  padding:0px 5px 5px 15px;
  border-bottom:1px dotted #999;
  background:url(http://www.net-pier.com/imgs/li-icon.jpg) no-repeat;  
  }

#main .entry{
  text-align:left;
  margin:5px auto;
  padding:10px;
  }

#main .entry_body{
  font-weight:normal;
  line-height:180%;
  padding-bottom:7px;
  clear:both;
  }


 /* FOOTER */

#footer{
  width:800px;
  font-size:12px;
  margin:0px auto;
  padding:35px 0px 0px;
  background:url(http://www.net-pier.com/imgs/border.jpg) no-repeat;  
  clear:both;
  }

#footer .navi, .copyright, .counter{
  line-height:18px;
  margin:2px auto;
  padding:2px;
  }