@charset "UTF-8";

/* Site Base Styles CSS (base.css) */

*{
margin:0;
padding:0;
}

body{
  /*font:12px  font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3; */
  font:12px verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック",  Osaka, sans-serif;
  color:#333;
  text-align:center;
  background:#333;
  }
  
a{text-decoration:underline;color:#333;}
a:hover{color:#FF0000;}
img{border:0;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;width:0px;height:0px;overflow:hidden;}


html, body {
  width: 100%;
  height:100%;
  overflow:hidden;
  }

h1{
  float:left;
  background: transparent;
  width: 100%;
  height: 50%; 
  margin-top: -212px;  
  }

/* Hide from IE5mac \*//*/
h1, #space{
  display: none;
  }
html, body {
  height: auto;
  }
/* end hack */

div#wrapper {
  width: 100%;
  clear: both;
  position: relative;
  top: -212px;
  /* IE4ever Hack: Hide from IE4 **/
  position: static;
   /** end hack */
   }

#wide{
  padding-top:6px;
  background:#DEDCCC url(http://oneswide.com/imgs/wrapper-back.jpg) repeat-x;
  }

#inbox{
  width:800px;
  margin:0 auto;
  background:url(http://oneswide.com/imgs/inbox-back.jpg) repeat-y;
  overflow:hidden;
  }



/* MENU */

#menu{
  float:left;
  width:226px;
  height:400px;  
  }

#menu .logo{
  float:right;
  width:104px;
  height:104px;
  text-indent:-100000px;
  margin-top:37px;  
  background:url(http://oneswide.com/imgs/oneswide-logo.jpg) no-repeat;
  overflow:hidden;    
  }

#menu .logo a{
  display:block;
  width:104px;
  height:104px;
  }

#menu ul{
  float:right;
  width:104px;
  margin-top:24px;
  clear:both;
  }

#menu li{
  list-style:none;
  float:right;
  height:24px;
  text-indent:-100000px;
  padding-bottom:2px;
  overflow:hidden;
  clear:both;
  }

#menu li a{
  display:block;
  height:24px;
  text-decoration:none;
  }

#menu .home, #menu .home a{width:60px;background:url(http://oneswide.com/imgs/menu-home.jpg) no-repeat;}
#menu .home a:hover{width:60px;background:url(http://oneswide.com/imgs/menu_h-home.jpg) no-repeat;}
#menu .about, #menu .about a{width:65px;background:url(http://oneswide.com/imgs/menu-about.jpg) no-repeat;}
#menu .about a:hover{width:65px;background:url(http://oneswide.com/imgs/menu_h-about.jpg) no-repeat;}
#menu .works, #menu .works a{width:70px;background:url(http://oneswide.com/imgs/menu-works.jpg) no-repeat;}
#menu .works a:hover{width:70px;background:url(http://oneswide.com/imgs/menu_h-works.jpg) no-repeat;}
#menu .project, #menu .project a{width:80px;background:url(http://oneswide.com/imgs/menu-project.jpg) no-repeat;}
#menu .project a:hover{width:80px;background:url(http://oneswide.com/imgs/menu_h-project.jpg) no-repeat;}
#menu .contact, #menu .contact a{width:80px;background:url(http://oneswide.com/imgs/menu-contact.jpg) no-repeat;}
#menu .contact a:hover{width:80px;background:url(http://oneswide.com/imgs/menu_h-contact.jpg) no-repeat;}



/* MAIN */

#main{
  float:right;
  width:500px;
  text-align:left;
  padding:12px 20px 8px 0;
  overflow:hidden;
  }

#main h2{
  font-size:12px;
  font-weight:bold;
  padding-bottom:5px;
  }

#main .banner{
  width:500px;
  height:175px;
  text-indent:-10000000px;
  background:url(http://oneswide.com/imgs/banner.jpg) no-repeat;
  overflow:hidden;
  }

#main .entry{
  padding:15px 0 10px;
  }

#main .posted{
  font-size:9px;
  padding-bottom:10px;
  }

#main .entryBody, #main .entryMore,
#main .pageBody, #main .pageMore{
  font-size:11px;
  line-height:150%;
  padding-bottom:5px;
  clear:both;
  }

#main .entryBody p, #main .entryMore p,
#main .pageBody p, #main .pageMore p{
  padding:5px 0;
  }

#main .image, #main .imageYoko{
  float:left;
  width:150px;
  padding:4px;
  margin-right:10px;
  margin-bottom:5px;
  border:1px solid #ccc;
  background:#fff;
  }

#main .imageTate{
  float:left;
  width:90px;
  padding:4px;
  margin-right:15px;
  border:1px solid #ccc;
  background:#fff;
  }

#main .hissu{
  color:#FF0000;
  font-size:95%;
  }

#main .caution{
  color:#FF0000;
  font-weight:bold;
  }



/* FOOTER */

#footer{
  width:100%;
  height:12px;
  text-align:left;
  margin:0px auto;
  clear:both;
  background:#333 url(http://oneswide.com/imgs/footer-back.jpg) repeat-x;
  }
  
#footer .copyright{
  width:790px;
  height:9px;
  color:#797979;
  font-size:9px;
  font-weight:bold;
  line-height:9px;
  text-align:right;
  padding-top:3px;
  margin:0 auto;
  padding-right:10px;
  }