/*  -----------------  #writeRead  ------------------ */


#writeRead { width: auto; height: auto; }
#writeRead div.top { width: auto; height: auto; }
#writeRead div.inner { width: auto; height: auto; }
#writeRead div.bottom { width: auto; height: auto; }

/*  -----------------  #writeRead top  ------------------ */

/*  -----------------  #writeRead inner  ------------------ */

#writeRead div.inner div.roomPicture { width: auto; height: auto; }

#writeRead div.inner div /* .roomPicture */ div.head { width: auto; height: auto; }
#writeRead div.inner div /* .roomPicture */ div.head p { 
  width: auto;
  height: 20px;
  margin: 0 0 0 5px;
  padding: 0 0 1px 0;
  border-left: 10px solid #E0E0E0;
  }

#writeRead div.inner div div.island p { background: url("images/island.image.02.gif") no-repeat 5px -2px; }
#writeRead div.inner div div.swind p { background: url("images/swind.image.02.gif") no-repeat 5px -2px; }
#writeRead div.inner div div.happy p { background: url("images/happy.image.02.gif") no-repeat 5px -2px; }

#writeRead div.inner div div.img01 p { background: url("images/default.image.01.gif") no-repeat 5px -2px; }
#writeRead div.inner div div.img02 p { background: url("images/default.image.02.gif") no-repeat 5px -2px; }
#writeRead div.inner div div.img03 p { background: url("images/default.image.03.gif") no-repeat 5px -2px; }
#writeRead div.inner div div.img04 p { background: url("images/default.image.04.gif") no-repeat 5px -2px; }
#writeRead div.inner div div.img05 p { background: url("images/default.image.05.gif") no-repeat 5px -2px; }
#writeRead div.inner div div.img06 p { background: url("images/default.image.06.gif") no-repeat 5px -2px; }

#writeRead div.inner div.roomPicture div.inner { width: auto; min-height: 210px; margin: 0 0 0 10px; padding: 0px; text-align: left; }
*html #writeRead div.inner div.roomPicture div.inner { height: 210px; }
#writeRead div.inner div.roomPicture div.inner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#writeRead div.inner div.roomPicture div.inner div.pictureBlock { 
  width: 110px;
  min-height: 97px;
  margin: 5px 5px 0 0;
  padding: 0px;


  border: 1px solid #BABABA;
  }

#writeRead div.inner div.roomPicture div.inner div.pictureShow {
  width: auto;
  min-height: 300px;
  margin: 5px 30px 0 0;
  padding: 0px;
  border: none;
  font-size: 1.2em;
  font-weight: bold;
  }

#writeRead div.inner div.roomPicture div.inner div.pictureGeneral {
  width: auto;
  height: 300px;
  margin: 5px 30px 0 0;
  padding: 0px;
  border: none;
  color: #000000; /* From #787575 to #000000 */
  }

#writeRead div.inner div.roomPicture div.inner div.pictureBlock div.title,
#writeRead div.inner div.roomPicture div.inner div.pictureBlock div.tail { width: auto; height: auto; }
#writeRead div.inner div.roomPicture div.inner div.pictureBlock div.title p {
  width: auto;
  height: 10px;
  margin: 0px;
  padding: 5px 0 5px 10px;
  font-size: 0.8em;
  }

#writeRead div.inner div.roomPicture div.inner div.pictureShow div.title p {
  width: auto;
  height: 19px;
  margin: 0px;
  padding: 5px 0 5px 10px;
  font-size: 0.8em;
  color: #000000; /* From #787575 to #000000 */
  }

#writeRead div.inner div.roomPicture div.inner div.pictureBlock div.tail p {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
  font-size: 0.8em;
  }

#writeRead div.inner div.roomPicture div.inner div.pictureShow div.tail {
  margin: 0 0 10px 0;
  }


#writeRead div.inner div.roomPicture div.inner div.pictureBlock div.title p span.mark { font-weight: bold; color: #FF974A; margin-right: 5px; }
#writeRead div.inner div.roomPicture div.inner div.pictureBlock div.title p span.smark { font-weight: normal; color: #B0B0B0; margin: 0 5px 0 5px; font-size: 0.8em;}
#writeRead div.inner div.roomPicture div.inner div.pictureBlock div.title p span.topic { font-weight: normal; color: #606060; margin: 0px;}
#writeRead div.inner div.roomPicture div.inner div.pictureBlock div.tail p span.mark { font-size: 0.8em; font-weight: bold; color: #6585BA; margin-right: 5px; }
#writeRead div.inner div.roomPicture div.inner div.pictureBlock div.title p span.title a:hover { text-decoration: underline; }
#writeRead div.inner div.roomPicture div.inner div.pictureBlock div.title p span.date { margin-left: 10px; font-size: 0.8em; }

#writeRead div.inner div.roomPicture div.inner div.pictureBlock div.image {
  width: auto;
  min-height: 300px;
  text-align: center;
  }

#writeRead div.inner div.roomPicture div.inner div.pictureBlock div.image img {
  width: 97px;
  min-height: 74px;
  margin: 0 auto 0 auto;
  padding: 2px;
  border: 1px solid #DADADA;
  }

#writeRead div.inner div.roomPicture div.inner div.pictureShow div.image {
  width: auto;
  min-height: 300px;
  text-align: center;
  }

#writeRead div.inner div.roomPicture div.inner div.pictureShow div.image img {
  width: 512px;
  height: 384px;
  margin: 0 auto 0 auto;
  padding: 2px;
  border: 1px solid #C0C0C0;
  }


#writeRead div.inner div.roomPicture div.inner div.pictureBlock div.tail p { text-align: right; padding: 0 0 3px 0; }
#writeRead div.inner div.roomPicture div.inner div.pictureBlock div.tail p.info {
  height: 28px;
  margin: 5px 3px 0 3px;
  padding: 5px 2px 2px 0;
  text-align: center;
  background-color: #F0F0F0;
  }

#writeRead div.inner div.roomPicture div.inner div.pictureShow div.tail p.info {
  width: auto;
  height: auto;
  margin: 10px 26px 0 26px;
  }

#writeRead div.inner div.roomPicture div.inner div.pictureBlock div.tail p.info span {
  margin: 0px;
  color: #000000; /* From #787575 to #000000 */
  font-size: 0.8em;
  }

#writeRead div.inner div.roomPicture div.inner div.pictureShow div.tail p.info span {
  margin: 0px;
  color: #DD6F00;
  font-size: 1em;
  }

#writeRead div.inner div.roomPicture div.inner div.pictureBlock div.tail p span.more a {
  margin: 0 17px 0 0;
  color: #6585BA;
  font-size: 0.8em;
  }

#writeRead div.inner div.roomPicture div.inner div.pictureBlock div.tail p span.more a:hover { text-decoration: underline; }

#writeRead div.inner div.roomPicture div.tail p {
  margin: 10px 20px 0 0;
  text-align: right;
  }

#writeRead div.inner div.roomPicture div.inner div.noImg { 
  min-height: 30px !important;
  height: 30px !important;
  }


#writeRead div.inner div.roomPicture div.tail p span.mark { font-weight: bold; color: #FF974A; margin-right: 5px; }
#writeRead div.inner div.roomPicture div.tail p a { margin: 0 5px 0 0; color: #656565; text-decoration: underline;}





#writeRead div.inner div.roomPicture div.inner div.writeWords,
#writeRead div.inner div.roomPicture div.inner div.writeForm { 
  width: auto;
  margin: 10px 55px 30px 25px;
  padding: 10px 0 10px 0;
  border: 1px dashed #D0D0D0;
  }

#writeRead div.inner div.roomPicture div.inner div.writeForm { border: none; }
#writeRead div.inner div.roomPicture div.inner div.writeForm p { margin: 0 0 10px 20px; color: #000000; /* From #787575 to #000000 */ }
#writeRead div.inner div.roomPicture div.inner div.writeForm p input,
#writeRead div.inner div.roomPicture div.inner div.writeForm p textarea { 
  position: relative;
  top: 3px;
  width: 350px;
  margin: 0 0 0 20px;
  border: 1px solid #B0B0B0;
  border-top: 2px solid #A0A0A0;
  border-left: 2px solid #A0A0A0;
  }

#writeRead div.inner div.roomPicture div.inner div.writeForm p.textarea { margin-top: 20px; }
#writeRead div.inner div.roomPicture div.inner div.writeForm p textarea {
  top: -15px;
  height: 300px;
  margin-top: 10px;
  vertical-align: top;
  }



#writeRead div.inner div.roomPicture div.inner div.writeForm p.button { margin-left: 150px; }
#writeRead div.inner div.roomPicture div.inner div.writeForm p.button input {
  width: 100px;
  height: 50px;
  background-color: #FFF;
  border: 1px solid #B0B0B0;
  border-bottom: 2px solid #A0A0A0;
  border-right: 2px solid #A0A0A0;
  }




#writeRead div.inner div.roomPicture div.inner div.writeWords div { min-height: 200px; }
*html #writeRead div.inner div.roomPicture div.inner div.writeWords div { height: 200px; }

#writeRead div.inner div.roomPicture div.inner div.writeWords p {
  margin: 10px;
  padding: 0px;
  color: #000000; /* From #787575 to #000000 */
  line-height: 1.4em;
  }

#writeRead div.inner div.roomPicture div.inner div.writeWords p.author {
  margin: 0px;
  padding: 0px;
  margin-right: 20px;
  text-align: right;
  font-size: 0.7em;
  }

#writeRead div.inner div.roomPicture div.inner div.writeWords p.author span {
  font-size: 1.1em;
  margin-left: 5px;
  color: #6289FF;
  font-weight: bold;
  }




#writeRead div.inner div.roomCost div.inner {
  width: auto; height: 275px; margin: 10px 0 0 10px; padding: 0px; text-align: left; }
#writeRead div.inner div.roomCost div.inner p {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 2px 0 2px 10px;
  font-size: 0.8em;
  }
#writeRead div.inner div.roomCost div.inner p span.mark { font-weight: bold; color: #FF974A; margin-right: 5px; }
#writeRead div.inner div.roomCost div.inner p span.text { color: #656565; }
#writeRead div.inner div.roomCost div.inner p span.text a { margin: 0 5px 0 6px; color: #6585BA; text-decoration: underline;}
#writeRead div.inner div.roomCost div.inner table.castTable {
  width: 540px;
  height: auto;
  margin: 0px 0 15px 20px;
  padding: 0px;
  }
#writeRead div.inner div.roomCost div.inner table.castTable tr { height: 40px; }
#writeRead div.inner div.roomCost div.inner table.castTable tr td { height: 25px; text-align: center; border-bottom: 2px dashed #C0C0C0; }
#writeRead div.inner div.roomCost div.inner table.castTable tr.topic { color: #426193; font-size: 0.8em; text-align: center; }
#writeRead div.inner div.roomCost div.inner table.castTable tr.topic td.td1 { width: 100px; border-bottom: 2px dashed #C0C0C0;}
#writeRead div.inner div.roomCost div.inner table.castTable tr.topic td.td2 { width: 70px; border-bottom: 2px dashed #C0C0C0;}
#writeRead div.inner div.roomCost div.inner table.castTable tr.topic td.td3 { width: 95px; border-bottom: 2px dashed #C0C0C0;}
#writeRead div.inner div.roomCost div.inner table.castTable tr.topic td.td35 { width: 80px; border-bottom: 2px dashed #C0C0C0;}
#writeRead div.inner div.roomCost div.inner table.castTable tr.topic td.td4 { width: 100px; border-bottom: 2px dashed #C0C0C0;}

#writeRead div.inner div.roomCost div.inner table.castTable tr td { text-align: center;  }
#writeRead div.inner div.roomCost div.inner table.castTable tr td.td5 { text-align: left; }

#writeRead div.inner div.roomCost div.inner table.castTable tr td p {
  width: auto;
  height: 20px;
  margin: 0px;
  padding: 8px 0 2px 0;
  color: #696969;
  text-align: center;
  background-color: #FDE7C6;
  }

#writeRead div.inner div.roomCost div.inner table.castTable tr.color td p { background-color: #D7D7EC; }

#writeRead div.inner div.roomCost div.inner table.castTable tr td.td5 p { padding-left: 6px; color: #800000; text-align: left; }
#writeRead div.inner div.roomCost div.inner table.castTable tr td.tdHead p { }

#writeRead div.inner div.roomCost div.inner table.castTable tr td.note p span { font-size: 1em; color: #800000; text-decoration: underline; }
#writeRead div.inner div.roomCost div.inner table.castTable tr td.td5 p span.mark { font-size: 0.8em; font-weight: bold; color: #800000; margin-right: 5px; }












#writeRead div.inner div.roomList div.inner {
  width: auto; height: auto; margin: 10px 0 35px 10px; padding: 0px; text-align: left; }
#writeRead div.inner div.roomList div.inner p {
  width: 500px;
  height: auto;
  margin: 0px;
  padding: 0px 0 0px 26px;
  font-size: 0.8em;
  line-height: 1.7em;
  text-indent: -16px;
  }

#writeRead div.inner div.roomList div.inner p span.mark { font-weight: bold; color: #FF974A; margin-right: 5px; }
#writeRead div.inner div.roomList div.inner p span.text { color: #656565; }
#writeRead div.inner div.roomList div.inner p span.text a { margin: 0 5px 0 6px; color: #6585BA; text-decoration: underline;}







#writeRead div.inner div.roomList div.fixHeight { height: 200px; }

/*  -----------------  #writeRead bottom  ------------------ */

/*  -----------------  default #writeRead  ------------------ */


#writeRead { width: 630px; min-height: 973px; }
*html #writeRead { height: 973px;}
#writeRead div.top { height: 50px; margin-top: 10px;
  background: url("images/default.background.gif") no-repeat -9px -10px; }

#writeRead div.breadcrumb { margin: 0 0 15px 12px; padding: 0 0 0px 10px; }
#writeRead div.breadcrumb p { color: #757575; font-size: 0.7em; font-family: Verdana, Helvetica; }
#writeRead div.breadcrumb p a { color: #6585BA; text-decoration: none; }
#writeRead div.breadcrumb p a.here { color: #B16565; text-decoration: underline; }
#writeRead div.breadcrumb p a:hover { text-decoration: underline; }
#writeRead div.breadcrumb p span.mark { margin: 0 5px 0 5px; }

#writeRead div.inner { padding: 0px 5px 10px 17px; }
#writeRead div.inner p.listNew { background-position: 0px 4px; }
#writeRead div.inner p.listGeneral { background-position: 0px 3px; }