body {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  font-size: 75%; /* gives us 12px in most browsers */
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  background: #aefe05 url('../img/side_top.jpg') repeat-x top; /* body background from ui.jquery.com */
  color: 222;
}

/*
================================
=LAYOUT
================================ */
h1 {
  padding: 0 0 0 52px;
  margin: 0;
  font-size: 1.5em; /* 18px */
  line-height: 2em; /* 36px */
  background: url('../img/Folder.gif') no-repeat 8px 50%; /* Thanks to Iconbuffet.com */
  color: #fff;
}
#body_wrap {
  width: 960px;
  margin: 0 auto;
  background: #fff url('../img/body_wrap_bg.gif') repeat-y;
}
#content {
  float: left;
  width: 632px;
}
#sidebar {
/*  position : fixed!important; */ /* importantで、Mozilla, Opera に対して優先順位を上げて固定配置 */
  position : absolute;        /* Internet Explorer 用に絶対位置配置する */  
/*  float: right; */
  width: 320px;
  position:fixed;
  top:30px;
  left:650px;
}
#footer {
  clear: both;
  background: #32342f;
  color: #fff;
}

/*
================================
=SECTIONS
================================ */
/*
----------------
=HEADER
---------------- */
/*
----------------
=CONTENT
---------------- */
#content h2 {
  padding-left: 25px;
}

#content h3 {
  padding-left: 25px;
  font-size: 1.0em;
}


/*
=gallery
-------- */
.gallery {
  min-height: 91px;
  padding: 0;
  margin: 18px 0;
  list-style: none;
}
* html .gallery {
  height: 91px; /* min-height for lte IE6 */
}
.gallery.active {
  background: #eee;
}
.gallery li {
  float: left;
  width: 100px;
  padding: 0 25px;
  margin: 0 0 8px;
}
.gallery img {
  display: block;
  padding: 7px;
  border: 1px solid #ccc;
  background: #fff;
}
.displayBox img {
  border: 25px solid #222;
}
/* img title */
.gallery p {
  float: left;
  padding: 0;
  margin: 0;
}
/* img toolbar */
.gallery div {
  float: right;
}
.gallery div a {
  float: left;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px; /* Phark revisited image replacement */
}
.gallery div a:focus {
  outline: 0;
}
.tb_supersize {
  background-image: url('../img/search_16.gif'); /* Thanks to Iconbuffet.com */
}
.tb_trash {
  background-image: url('../img/trash_16.gif'); /* Thanks to Iconbuffet.com */
}

/*
----------------
=SIDEBAR
---------------- */

.box {
  margin: 18px;
  border: 1px solid #ccc;
  background: #fff;
}
.box h2 {
  padding: 0 8px;
  margin: 0;
  font-size: 1.5em;
  line-height: 2em;
  background: #525252 url('../img/header_bg.png') repeat-x bottom;
  color: #fff;
}
.box h3 {
  padding-left: 25px;
  font-size: 1.0em;
}
.box div {
  min-height: 128px;
  border: 2px solid #fff;
}
* html #sidebar .box div {
  height: 128px; /* min-height for lte IE6 */
}

.box_button {
  margin: 18px;
  border: 1px solid #ccc;
  background: #fff;
}
.box_button div {
  min-height: 25px;
  border: 2px solid #fff;
}
* html #sidebar .box_button div {
  height: 25px; /* min-height for lte IE6 */
}

#trash1 div.active {
  border-color: green;
}
#trash2 div.active {
  border-color: red;
}
#shred div.active {
  border-color: red;
}
#trash1 div img, #trash2 div img {
  float: left;
  margin: 4px;
}

/*
----------------
=FOOTER
---------------- */
#footer p {
  margin: 0;
  text-align: right;
}


/*
================================
=FLOAT CLEARING
================================ */
#body_wrap, ul.gallery, #trash1 div, #trash2 div {
  display: inline-block;
}
#body_wrap:after, ul.gallery:after, #trash1 div:after, #trash2 div:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html #body_wrap, * html ul.gallery, * html #trash1 div, * html #trash2 div {
  height: 1%;
}
#body_wrap, ul.gallery, #trash1 div, #trash2 div {
  display: block;
}