@charset "utf-8";

*, html, table {
  margin:0px;
  padding:0px;
}
html { overflow-y:scroll; }

body { font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic',sans-serif; }
img { border: 0px; }

a {
  color:#258;
  text-decoration: none;
}
a:hover {
  color:#258;
  text-decoration: underline;
}

textarea {
  resize: none;
}

/* header */
#header {
  background: #FFF url('../img/bg_header.png') bottom repeat-x;
  border-bottom: 3px solid #9CD;
  clear: both;
  width: 100%;
  height: 75px;
  font-weight: bold;
}
#header h1 {
  background: url('../img/logo.gif') no-repeat 10px;
  padding-left: 75px;
  height: 75px;
  width: 305px;
  line-height: 75px;
}
#header h1 a {
  color: #000;
}

h2 {
  background: #666 url('../img/bg_bar.png') center center repeat-x;
  border-bottom: 3px solid #DDD;
  clear: both;
  color: #DDD;
  font-size: medium;
  margin: 0 0 1em 0;
  padding: 0.5em 120px 0.5em 50px;
  height: 19px;
}
h2 ul#rss li {
  width: 1000px;
}
h2 a, h2 a:hover {
  color: #DDD;
}
h2 div#counter {
  float: right;
}
h2 span {
  padding: 0 3px 0 20px;
}

h3 {
  padding-top: 8px;
}

h3 a, h3 a:hover, .rank th a {
  color: #000;
}

/* item */
.item {
  margin-top:   40px;
  margin-left:  auto;
  margin-right: auto;
  text-align: left;
  width:780px;
  border-spacing:0;
  border-collapse: collapse;
}

.view .title   { background: #FFF url('../img/view_title.jpg') no-repeat; }
.add .title    { background: #FFF url('../img/add_title.jpg') no-repeat; }
.edit .title   { background: #FFF url('../img/edit_title.jpg') no-repeat; }
.delete .title { background: #FFF url('../img/delete_title.jpg') no-repeat; }
.error .title  { background: #FFF url('../img/error_title.jpg') no-repeat; }
.rank .title   { background: #FFF url('../img/delete_title.jpg') no-repeat; }

.title {
  height:40px;
  padding: 0 0 0 40px;
}

.view .left   { background: #FFF url('../img/view_line.png') top left repeat-y; }
.add .left    { background: #FFF url('../img/add_line.png') top left repeat-y; }
.edit .left   { background: #FFF url('../img/edit_line.png') top left repeat-y; }
.delete .left { background: #FFF url('../img/delete_line.png') top left repeat-y; }
.error .left  { background: #FFF url('../img/error_line.png') top left repeat-y; }
.error .join  { background: #FFF url('../img/error_line.png') top left repeat-y; }
.rank .bar    { background: #FFF url('../img/delete_line.png') top left repeat-y; }

.left {
  width: 486px;
  padding: 15px;
  vertical-align:top;
  font-size:10pt;
}

.comment { padding: 0 9px; }

.author {
  float: left;
  font-weight: bold;
}

.ip { color: #fff; }
.action {
  padding: 5px 9px;
  border-bottom: 1px solid #666;
}
.regist { float: right; }

.forms th {
  text-align: right;
  width: 90px;
}

.forms td {
  text-align: left;
  padding: 3px;
}

.right {
  width: 234px;
  padding: 15px 20px 15px 10px;
  vertical-align:top;
}

.thum img, #photo img {
  border: 1px solid #666;
  padding: 2px;
}

.exif {
  border: 1px solid #666;
  width: 234px;
  margin-top: 15px;
  font-size:10pt;
}

.exif th {
  vertical-align:top;
  white-space: nowrap;
  font-weight: normal;
  padding: 2px;
  width: 60px;
}

.exif td {
  padding: 2px 0;
}

.parent {
  background: #fff url('../img/parent_title.gif') no-repeat;
  padding: 0 9px 0 25px;
  font-size:11pt;
  font-weight: bold;
}

.join {
  width: 750px;
  padding: 15px;
  vertical-align:top;
  font-size:10pt;
}

.rank .list-left {
  font-size:10pt;
  padding: 3px 0 3px 10px;
  border-bottom: 1px solid #666;
}

.rank .list-center {
  font-size:10pt;
  text-align:center;
  padding: 3px 0;
  width: 80px;
  border-bottom: 1px solid #666;
}

/* page */
.page { font-size:11pt; }
.page .current{ font-weight: bold; }

/* footer */
#footer {
  padding: 60px 0;
  text-align:center;
  font-size:10pt;
}

#footer div {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  padding: 5px;
  margin-bottom: 60px;
}

#footer a {
  color: #000;
}
#footer a:hover {
  color: #000;
  text-decoration: none;
}

.errmsg {
  font-size: 1.3em;
  font-weight: bold;
}

/* common */
.r { text-align: right; }
.t { vertical-align:top; }
.b { vertical-align:bottom; }

.red  { color: #F00; }
.blue { color: #00F; }
.black{ color: #000; }

.w15  { width:  15px; }
.w80  { width:  80px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w200 { width: 200px; }
.w380 { width: 380px; }

.w228 { width: 228px; }
.h228 { height:228px; }

.rim-green {
  border: 1px #090 solid;
  padding: 1px;
}

.rim-orange {
  border: 1px #F98700 solid;
  padding: 1px;
}

/* Color Picker */
#ColorPickerDiv
{
  display: block;
  display: none;
  position: relative;
  border: 1px solid #777;
  background: #fff
}

#ColorPickerDiv TD.color, #ColorPickerDiv TD.color label{ cursor: pointer; }

.ColorPickerDivSample
{
  margin: 0px 0px 0px 4px;
  border: solid 1px #000;
  padding: 0px 15px;
  position: relative;
  cursor: pointer;
}