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

a.nh:hover, a img {border-style:none;}

/* html
----------------------------------------------- */
p {margin: 0 0 1.3em 0;}
hr {border:1px solid #ddd;}

em {
  color:red;
  font-style:normal;
}
u, .u {
  text-decoration:none;
  border-bottom:2px solid #ddd;
}
b, .b {font-weight:bold;}
i, .i {font-style:oblique;}

/* font
----------------------------------------------- */
body, p, td, li, 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}

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

/* element
----------------------------------------------- */
.msg {
  position: relative;
  font-size:.9em;
  background-color:#f5f5f5;
  border:1px dotted #ddd;
  padding:3px 20px 3px 3px;
  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:.9em;
}
.status {
  color:#555;
  text-align: right;
  font-size:.9em;
  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;
}
/* 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}

.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}

.wf {width:99%}
.w98 {width:98%}
.w95 {width:95%}
.w90 {width:90%}
.w80 {width:80%}
.w70 {width:70%}
.w60 {width:60%}
.w40 {width:40%}

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

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

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

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.f td {
  padding:5px 7px 5px 0;
}
table.g td,table.g th {
  border-right:1px solid #eee;
  padding:2px 3px;
}
table.g td.bn,table.g th.bn {
  border-right-style:none;
}

table.addr td input {
  width:95%;
}

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

/* mainwrapper
----------------------------------------------- */
#mainwrapper {}
#main {}

#mainbody {padding:0 20px;}
#mapbody {padding:0 0 0 20px;}


#mainbar {
  float:left;
  position:relative;
  width:65%;
  margin-bottom:10px;
  overflow:hidden;
}
#mapbody #mainbar {overflow:visible;}

#sidebar {
  float:right;
  width:35%;
  overflow:hidden;
  margin-bottom:10px;
}
#sidebar .in {
  padding-left:10px;
}

#status {
  position: absolute;
  top:5px; right:25px;
  font-size: .8em;
  z-index:1;
}

/* header
----------------------------------------------- */
#header {
  position: relative;
  padding:0px 20px;
  margin:0;
  height:50px;
}
#header h1 a{
  position: absolute;
  top:5px; left:20px;
  color:#ddd;
  font-size:30px;
  font-family: 'Arial Black', Courier;
}
#header h1 a:hover {border-style:none;}
#header h2{
  position: absolute;
  top:2px; left:20px;
  color:#ddd;
  font-size:10px;
  font-weight:normal;
}
/* main
----------------------------------------------- */
h1.title {
  font-size:1.6em;
  margin:5px 0;
  border-bottom:2px solid #ddd;
}
h3 span {
  font-weight: normal;
  font-size:.9em;
}

#main h3.head {
  position: relative;
  font-size:.8em;
  color:#888;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  padding:1px 4px;
  margin-bottom:5px;
  background-color:#f5f5f5;
}
#main h3.head span {
  position: absolute;
  top:1px; right:5px;
  font-weight: normal;
  font-size:.9em;
}

#mainbar h3 {
  position:relavite;
  font-size:.8em;
  color:#888;
  border-bottom:2px solid #ddd;
  margin-bottom:5px;
  clear:both;
}
#mainbar h3 span {
  font-weight: normal;
  font-size:.9em;
}

#mainbar .tag {
  font-size:.8em;
}

/* sidebar
----------------------------------------------- */
#sidebar .block {
  margin-bottom:15px;
}
#sidebar .contents {
  font-size:.8em;
}
#sidebar .foot a {
  color:#bbb;
}
#sidebar .block {
  position:relative;
  overflow:hidden;
  padding:0 10px 0 0;
  background:#fff url(parts/img/box_bg.png) 100% 0 repeat-y;
  margin-bottom:5px;
}
#sidebar .inb {
  padding:0 0 0 10px;
  background:#fff url(parts/img/box_bg.png) 0 0 repeat-y;
}
#sidebar .sbt {
  height:17px;
  margin:0 -10px;
  background:url(parts/img/box.png) 100% 0 no-repeat;
}
#sidebar .sbt div {
  width:18px;
  height:17px;
  background:url(parts/img/box.png) 0 0 no-repeat;
}
#sidebar .sbb {
  height:17px;
  margin:0 -10px;
  background:url(parts/img/box.png) 100% 100% no-repeat;
}
#sidebar .sbb div {
  width:18px;
  height:17px;
  background:url(parts/img/box.png) 0 100% no-repeat;
}

#sidebar .block h3 {
  position:relative;
  background:#efece6;
  padding:3px;
  border-bottom-style:none;
  color:#888;
  font-size:.75em;
}
#sidebar .block .contents {
  position:relative;
  margin:5px;
  _width:93%;
  _overflow:hidden;
}

/* footer
----------------------------------------------- */
#footer {
  clear:both;
  font-size:.8em;
  padding:15px 0 10px 0;
  color:#888;
}

/* com
----------------------------------------------- */
#comment {
  margin-top:30px;
}

.comment {
  position:relative;
  border:1px solid #ddd;
  padding:7px;
  margin-bottom:10px;
}
.comment .body {
  font-size:.9em;
  margin-bottom:10px;
}
.comment .foot {
  font-size:.76em;
}
.comment .oya {
  margin-top:5px;
  padding-top:5px;
  border-top: 1px dotted #ddd;
}
.comment .images img {
  margin:0 5px 5px 0;
}
.comment ins {
  text-decoration: none;
  color: #bbb;
}
.commentP .comment {
  border:1px solid #ddd;
  padding:10px;
  font-size:1.8em;
  line-height:1.5;
  margin:10px 0;
}

/* tab
------------------------------------- */
.tab-menu {
  position:relative;
  height:22px;
  border-bottom:2px solid #ddd;
  margin-bottom:5px;
  font-size:12px;
/*   margin-top:2px; */
}
ul.tab {
  position:absolute;
  left:0;
  bottom:-2px;
  width: 100%;
  margin:0;
  padding:0;
  list-style: none;
}
ul.tab li {
  float:left;
  position:relative;
  padding: 2px 4px;
  margin-left:5px;
  display: inline;
  white-space: nowrap;
  _font-family:'ＭＳ Ｐゴシック';
  border:2px solid #ddd;
  background-color:#f6f6f6;
}

/* (fda fed) (abc dee) */
.tab-user {
/*   border-bottom:2px solid #abd; */
}
.tab-user ul.tab li {
/*   border:2px solid #abd; */
  background-color:#ffc;
}
.tab-self ul.tab li {
  background-color:#def;
}

ul.tab li.active {
  background-color:transparent;
  border-bottom:2px solid #fff;
}
ul.tab li.other {
  float:right;
  margin-left:0;
  margin-right:5px;
}
ul.tab li span {
  display:block;
  position:absolute;
  bottom:-14px;right:0;
  font-size:10px;
  color:#aaa;
}


/* fd
----------------------------------------------- */
#fd {
  display:none;
  position: absolute;
  top:50px;
  left:12%;
  width:76%;
  background-color:#f9f9f9;
  border:2px solid #ddd;
  padding:0px;
  font-size:.85em;
  margin-bottom:20px;
  z-index:10;
}
#fd img.close{
  position:absolute;
  top:-22px; right:0;
}


/* map
------------------------------------- */
#mapwrapper, #map {
  position:relative;
  width:100%;
  height:450px;
}

#map {
  overflow:hidden;
}

#map a:hover{
  border-bottom-style:none;
}