
/* body
----------------------------------------------- */
body {
  color:#333;
  margin:0;
  padding:0;
}
a {text-decoration: none;}
a:link, a:visited, a:active {color: #333;border-bottom:1px dotted #ccc;}
a:hover {color: #69c;}

a.nh:link, a.nh:visited, a.nh:active, a img 
{border-style:none;}

/* html
----------------------------------------------- */
p {margin: 0 0 1.3em 0;}
hr {
  color: #ddd;
  border: 0;
  background-color: #ddd;
  height:1px;
  margin:10px 0;
}
em {
  color:red;
  font-style:normal;
}
u, .u {
  text-decoration:none;
  border-bottom:3px solid #ddd;
}
b, .b {font-weight:bold;}
i, .i {font-style:oblique;}
tt {font-size:12px;}

/* font
----------------------------------------------- */
body, input, textarea, select {
  font-family: Verdana, Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;
  margin:0;
}

.fts, small {font-size:.9em}
.fts2 {font-size:.8em}
.ftl {font-size:1.2em}
.ftn {font-weight:normal}
.ft10 {font-size:10px}
.ft11 {font-size:11px}
.ft12 {font-size:12px}
.ft14 {font-size:14px}
.ft16 {font-size:16px}
.ft20 {font-size:20px}

.red {color:red}
.gr {color:#888}
.gr2 {color:#ccc}

.serif {font-family: serif}

/* element
----------------------------------------------- */
.msg {
  position: relative;
  font-size:.8em;
  background-color:#f5f5f5;
  border:1px dotted #ddd;
  padding:2px 20px 5px 3px;
  margin: 0 0 15px 0;
/*   line-height:1.5; */
}
.alert {
  background-color:#fed;
  border:1px dotted #ddd;
}
.msg span {
  position: absolute;
  top:3px; right:3px;
}

.pager {
  color:#888;
  font-size:11px;
  margin: 5px 0;
}
.sts {
  color:#555;
  font-size:12px;
  margin-bottom:5px;
}

img.btn {
  cursor:pointer;
}

.loader {
  display:none;
  background: url(parts/img/loader.gif) no-repeat;
  width:16px;
  height:16px;
  z-index:5;
}

#mainloader {
  position:absolute;
  top:3px;
  right:3px;
}

.images img {
  float:left;
  margin: 0 3px 3px 0;
}

.move {cursor: move}
.move a {cursor:pointer}

#uploader img.close, #images img.close {
  position:absolute;
  top:-22px; right:0;
}

.ex {
  font-size: 11px;
  border-bottom: 1px dotted #ddd;
  margin-bottom: 10px;
  padding:5px 0;
}


/* basic
----------------------------------------------- */
.rel {position:relative}
.ab {position:absolute}

.clear {clear:both}
.hide {display:none}

.fr {float:right;}
.fl {float:left;}

.mt {margin-top:10px;}
.mr {margin-right:10px;}
.mb {margin-bottom:10px;}
.ml {margin-left:10px;}
.mth {margin-top:5px;}
.mrh {margin-right:5px;}
.mbh {margin-bottom:5px;}
.mlh {margin-left:5px;}
.mt2 {margin-top:20px;}
.mb2 {margin-bottom:20px;}
.mn {margin:0}
.ma {margin:10px}

.pt {padding-top:10px;}
.pt2 {padding-top:20px;}
.pr {padding-right:10px;}
.pb {padding-bottom:10px;}
.pl {padding-left:10px;}
.pth {padding-top:5px;}
.plh {padding-right:5px;}
.pbh {padding-bottom:5px;}
.plh {padding-left:5px;}
.pn {padding:0}
.pa {padding:10px}
.pah {padding:5px}

.tc {text-align:center;}
.tr {text-align:right;}
.vt {vertical-align:top}
.vm {vertical-align:middle}
.vb {vertical-align:bottom}
.nw {white-space:nowrap}

.bt {border-top:1px solid #ddd}
.btd {border-top:1px dotted #ddd}
.bt2 {border-top:2px solid #ddd}
.bb {border-bottom:1px solid #ddd}
.bbd {border-bottom:1px dotted #ddd}
.bb2 {border-bottom:2px solid #ddd}
.bbf {border-bottom:1px dotted #fff}
.waku {border:1px solid #ddd}
.br {border-right:1px solid #ddd}
.bl {border-left:1px solid #ddd}

.bgF {background-color: #ff8;}

.wf {width:99%}
.w98 {width:98%}
.w95 {width:95%}
.w90 {width:90%}
.w80 {width:80%}
.w75 {width:75%}
.w70 {width:70%}
.w60 {width:60%}
.w50 {width:50%}
.w40 {width:40%}
.w30 {width:30%}
.w20 {width:20%}

/* form
----------------------------------------------- */
form {margin:0;}
input {margin:0; font-size:1em; line-height:normal}
textarea {font-size:1em;}

label, .label {font-size:.8em;}
table td input.wf {_width:95%;}

form .item {
  margin-bottom:5px;
}
form.addr {
  font-size:12px;
}

/* table
----------------------------------------------- */
table {
  border-collapse: collapse;
  width:100%;
}
table.wa {
  width:auto;
}
th {
  white-space:nowrap;
  vertical-align:bottom;
  text-align:left;
  font-weight:normal;
}
td {
  vertical-align:top;
}

table.l {
  border-bottom:2px solid #eee;
}
table.l th,table.l td {
  padding:2px 3px;
}
table.l th {
  color:#666;
  font-size:.9em;
  border-bottom:2px solid #eee;
}
table.l td {
  border-bottom:1px solid #eee;
}
table.l th.bn {
  border-bottom-style:none;
}

table.f td {
  padding:5px 7px 5px 0;
}

table.g {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin-left:1px; width:99%;
}
table.g td, table.g th {
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd;
  padding:2px 3px;
}
table.g th {
  background-color: #f5f5f5;
}

table.g td.bn,table.g th.bn {
  border-right-style:none;
}

table.file {
  clear:both;
  font-size: 11px;
}
table.file th {
  color: #888;
  font-size: 11px;
  border-bottom: 2px solid #ddd;
}
table.file td {
  padding:5px 5px 5px 0;
  border-bottom: 1px solid #ddd;
}
table.file td input,
table.file td textarea {
  font-size: 11px;
  margin: 0;
}
table.file td textarea {
  height: 60px;
}

/* list
----------------------------------------------- */
ul, ol {
  margin:5px 0 10px 3px;
  padding-left:1.5em;
}

/* mainwrapper
----------------------------------------------- */
#mainwrapper {
  position: relative;
  width:680px;
  margin: 0 auto;
  border-top: 1px solid #fff;
}

#status-menu {
  position: absolute;
  top:5px; right:0px;
  _right: 15px;
  font-size: 11px;
  padding-bottom:2px;
  z-index:1;
}

#header {
  padding:5px;
}
#header h1 {
  float:left;
  font-size: 14px;
}
#header h1 strong {
  display: none;
}
#header h1 a {
  color: #aaa;
}
#kuzu {
  float:left;
  font-size:11px;
  color: #888;
  padding: 0 0 2px 15px;
}
#kuzu a {
  color: #888;
}

#main {
  clear:both;
}

#main h1.title {
  position: relative;
  margin: 70px 0 10px 0;
  font-size: 18px;
  color: #888;
  border-bottom: 2px solid #ddd;
}
#main h3 {
  font-size: 14px;
}

#photoBody {
  font-size: 12px;
  font-family: serif;
}
#pbEditBtn {
  font-size:11px;
  margin: 10px 0;
}

h4 {
  font-weight:normal;
  font-size:11px;
  border-bottom:1px dotted #ddd;
}

/* 
----------------------------------------------- */
#mkrbody {
  position: relative;
  margin: 0 0 0 -15px;
  width:710px;
  background: url(parts/img/bg.png) repeat-y;
}
#mkrbody .inb{
  background: url(parts/img/bg-t.png) top left no-repeat;
}
#mkrbody .contents{
  position: relative;
  padding: 35px 45px 40px 45px;
  background: url(parts/img/bg-b.png) bottom left no-repeat;
}
#mkrbody img.catPhoto {
  background-color: #efefef;
}
#mkrbody .navi a {
  position: absolute;
  bottom:15px; right:15px;
  width: 28px; height: 28px;
  z-index: 10;
}
#mkrbody .navi a span{
  display: none;
}

#mkrbody .dayblock {
  position: absolute;
  bottom:40px; right:60px;
  width: auto;
  text-align: center;
  white-space: nowrap;
}
#mkrbody .day {
  font-size: 88px;
  font-weight: bold;
}

#mkrbody .week {
  font-size: 12px;
  color: #888;
}

.kd-tl,.kd-tr,.kd-bl,.kd-br {
  position:absolute;
  width:9px; height:9px;
  z-index:5;
  font-size:1px;
}
.kd-tl{
  top:0; left:0;
  background: url(parts/img/kado.png) left top no-repeat;
}
.kd-tr{
  top:0; right:0;
  background: url(parts/img/kado.png) right -9px no-repeat;
}
.kd-bl{
  bottom:0; left:0;
  background: url(parts/img/kado.png) left -18px no-repeat;
}
.kd-br{
  bottom:0; right:0;
  background: url(parts/img/kado.png) right -27px no-repeat;
}

#photoInfo {
  font-size:11px;
  color: #888;
  margin-bottom:10px;
}

#uploadMenu {
  clear:both;
  font-size:11px;
  color: #888;
  padding:20px 0 30px 0;
  text-align: right;
}

#uploader {
  position: relative;
}
#uploader iframe {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding:10px 0;
  width:100%;
}
#images {
  display:none;
  position:relative;
  margin-top:30px;
  padding:10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

#setNavi {
  float:right;
  font-size:11px;
  text-align: right;
  line-height: 1.7;
  padding:0 0 10px 20px;
}

.adsense {
  padding: 10px 0 10px 0;
}

#otherPhoto img {
  margin:3px;
  width:70px; height:70px;
}

/* calendar 
----------------------------------------------- */
.h_cal .calendar {
  margin-top:10px;
}
.v_cal .calendar {
  position: absolute;
  top:35px;right:25px
}

.sun, a.sun {color: #f99}
.sat, a.sat {color: #79f}

table.cal {
  width: 200px;
  font-size: 11px;
}
table.cal caption {
  position: relative;
  text-align:left;
  padding: 0 0 8px 5px;
}
table.cal caption strong {
  font-size:30px;
  margin-right:2px;
}
table.cal caption span {
  display:block;
  position: absolute;
  bottom:5px;right:5px;
}
table.cal th,table.cal td {text-align: center;}
table.cal th {color: #888;}

table.cal td a.u {
  background-color: #f1f1f1;
  border-bottom: 2px solid #bbb;
}


/* footer
----------------------------------------------- */
#footer {
  clear:both;
  position: relative;
  font-size:11px;
  color:#888;
  margin:30px auto;
  border-top: 1px dotted #ddd;
  margin-top:10px;
  padding-top:10px;
}
#langNavi {
  position:absolute;
  bottom:0; right:0;
}
#copyright {margin-top: 20px;}

/* star, katori
----------------------------------------------- */
.star {background: url(parts/img/star.png) 0 0 no-repeat;}
.star_g {background: url(parts/img/star_g.png) 0 0 no-repeat;}
.katori {background: url(parts/img/katori.png) 0 0 no-repeat;}
.katori_g {background: url(parts/img/katori_g.png) 0 0 no-repeat;}

.star, .star_g, .katori, .katori_g {
  width:13px;height:13px;
  margin-right:2px;
  vertical-align:top;
}


/* a
----------------------------------------------- */
a.l_tag {
  background: url(parts/img/tag.gif) 0 0 no-repeat;
  padding-left:15px;
}


