body {
  width: 900px;
  margin: 2px;
  padding: 0;
  line-height: 1.4;
  color: #333;
  font-family: 'Hiragino Mincho Pro', 'Lucida Grande', Arial, sans-serif;
  font-size: 0.9em;
}

ul, li {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  list-style: none;
}
li { padding: 3px; }

table.geometory {
  margin: 5px 0 5px 0;
  border:1px solid #888;
}

table.geometory td {
  padding: 3px;
  border:1px solid #888;
}

table.list_type {
  border-collapse: collapse;
  border: solid 1px #4A7A2A;
  background-color: #FFFFFF;
  text-align: left;
  padding: 3px;
  width: 100%;
}

table.list_type tr.title td , table.list_type tr.title th {
  border: solid 1px #4A7A2A;
  background-color: #4A7A2A;
  text-align: left;
  padding: 5px;
  font-size: 12px;
  color: white;
}

table.list_type td, table.list_type th {
  border: solid 1px #4A7A2A;
  padding: 3px;
}


br.clear {
/* for debug
  height: 1px;
  font-size: 1px;
  line-height: 100%;
*/
  clear: both;
}

#headSec {
  width: 820px;
  margin-bottom: 0px;
  padding: 2px 2px 0px 2px;
/*  border-bottom: 2px solid #C9BBAC;*/
/*border: 1px solid red;*/
}

#unitSec {
  height: 100px;
  width: 820px;
  margin-top: 0px;
  margin-right: 0px;
/*  border: solid 1px red; debug */
}

#unitSec img { border: 0; }

#bannerAd {
  float: right;
/*  border: solid 1px red; debug */
}

#bannerAd img {
  border: 0;
/*  border-left: solid 1px black;*/
/*  border: solid 1px red;  debug */
}

#noticeSec {
  width: 100%;
  height: auto;
  font-size: 12px;
  padding-top: 3px;
  text-align: center;
  background-color: #98FB98;
}

#bodySec {
  width: 820px;
  margin-top: 0px;
  padding: 0px 2px 2px 2px;
}

#noticeMenu {
  display: block;
  list-style-type: none;
  margin-bottom: 0px;
  padding: 0px;
  font-size: 12px;
  height: 22px;
  background-color: #98FB98;
  text-align: center;
}
#noticeMenu a { text-decoration: none; color: red; }
#noticeMenu a:visited { color: red }
#noticeMenu  a:hover { color: #fff }


#bodyLeftSec {
  float: left;
  width: 200px;
/*  border: solid 1px red;*/
}

#bodyLeftSec ul {
  margin-bottom: 10px;
  border: solid 1px #4A7A2A;
}

#Bodyleftsec li {
  padding: 3px;
/*  background-color: #80B62F;*/
}

#bodyLeftSec li.ul_title {
  border-bottom: solid 1px #4A7A2A;
  background-color: #4A7A2A;
  text-align: left;
  font-size: 12px;
  color: white;
}

#bodyLeftSec li.ul_title a {  color: white; }

#bodyRightSec {
  float: right;
  width: 200px;
}

#bodyMainSec {
  margin-left: 0px;
  float: right;
  width:  615px;
/*  height: 790px;*/
/*  border: solid 1px red;*/
}

#bodyMainSec ul {
  margin-bottom: 10px;
  border: solid 1px #4A7A2A;
}

#bodyMainSec li {
  padding: 6px;
}

#bodyMainSec li.ul_title {
  border-bottom: solid 1px #4A7A2A;;
  background-color: #4A7A2A;
  color: white;
  font-size: 12px;
  padding-left: 5px;
  text-align: left;
}

#bodyMainSec ul.bbs_topic {
  margin-top: 0;
  border: 0;
}

#bodyMainSec li.bbs_topic_subject {
/*  border-bottom: solid 1px;*/
  background-color: #CCFFCC;
  text-align: left;
}

#bodyMainSec li.bbs_topic_msg {
  background-color: #FFFFFF;
  border-left: solid 1px #CCFFCC;
  border-right: solid 1px #CCFFCC;
  border-bottom: solid 1px #CCFFCC;
  text-align: left;
  padding: 5px;
}

#bodyMainSec div.bbs_topic_comment {
  padding: 3px;
  background-color: #4A7A2A;
  color: white;
  font-size: small;
  text-align: left;
}

#menuSec li{
  margin: 2px;
  padding: 2px;
  background-color: #CCFF99;
}

#menuSec {
  float: left;
  width: 450px;
  list-style: none;
  padding: 4px;
  border: 1px solid #C9BBAC;
}

.formSec {
  width: 100%;
  list-style: none;
  border: 1px solid #C9BBAC;
}

ul.formSec li {
  margin: 2px;
  padding: 2px 0;
  background-color: #D1E8FF;
}

ul.formSec li.buttonSec {
  padding-top: 7px;
  padding-left: 7px;
}

ul.formSec li label {
/*  width: 120px;*/
}

ul.formSec li label.hissu {
/*  width: 120px; */
/*  border-right: 1px solid red; */
  border-bottom: 1px solid red;	
}

ul.formSec li textarea.body {
  width:  580px;
  height: 200px;
/*	border: 1px solid #C9BBAC;*/
}

ul.formSec li span.item_description {
   font-size: x-small;                              
}

.message {
  padding: 2px;
/*	background-color: #C7C1D5;*/
  background-color: #A6BAFF;
  border: 1px solid #000000;
  font-size: 14px;
}

div.selectDataAnchor {
  position: absolute;
  background-color: #fff;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  z-index:100;
}

ul.formSec ul.selectData {
  list-style-type: none;
  margin:0px;
  padding:0px;
}

ul.formSec li.optionCd {
  list-style-type: none;
  display:block;
  margin:0;
  padding:2px;
  height:25px;
  width: 350px;
  background-color: #fff;
}

ul.formSec ul.selectData li.selected {
  background-color: #B2BEFF;
}

span.optionCd{
  font-weight:bold;
  color:#555;
}

span.optionName{
  color:#555;
}

span.optionSyomiKikan{
  display: none;
  color:#555;
}

span.optionSyohinlot{
  display: none;
  color:#555;
}

#imageSec {
  float: right;
  margin-left: 10px;
  padding: 5px;
/*  border:1px solid #888;*/
}

#listSec {
/*  padding: 5px;*/
  margin-top: 5px;
  margin-bottom: 5px;
}

#listSec table {
  border:1px solid #888;
}

#listSec td {
  padding: 3px;
  border-top:1px solid #888;
}

span.search_tag {
  cursor: pointer;
  border: 1px solid green;
  background-color: orange;
}

div.routeEdit {
  margin: 5px;
}

div.routeEdit label {
  text-align: left;
}

div.dayEdit {
  margin: 3px;
  padding: 3px;
}

div.dayEditHead {
  padding: 3px;
/*  background-color: #EE3B3B;*/
  background-color: #A6BAFF;
}

div.nodeEdit {
  margin: 2px 8px 0px 0px;
  padding: 5px 3px 0px 3px;
  border-bottom: solid 1px #FFF;
}

div.nodeEdit div{
  margin-bottom: 2px;
}

div.nodeEditButtons {
  margin-left: 3px;
  padding: 2px;
  text-align: right;
}

div.nodeImage {
  float: left;
  width: 250px;
  height: 290px;
/*  border: solid 1px; */
}

div.nodeImage img {
  border: solid 1px;
}

div.nodeMemo {
  float: right;
  width: 300px;
  height: 240px;
/*  border: solid 1px;*/
}

div.nodeMemo textarea {
  width:  290px;
  height: 210px;
}

div.image_block {
  float: left;
  width: 79px;
  margin-top: 2px;
  margin-left: 2px;
  padding: 2px;
  border: solid 1px;
}

div.image_block_square {
  margin: 10px;
}

div.image_block_small {
  margin: 10px;
}

div.article_block {
/*  border: solid 1px;*/
}

div.article_block div.article_title h2 {
  margin: 0;
  border-top: solid 0px;
  border-bottom: solid 1px green;
  border-right: solid 0px;
  border-left: solid 10px green;
  padding-left: 5px;
}

div.article_body {
  width: 600px;
  padding: 8px;
}

div.route_block {
  width: 600px;
/*  margin: 5px;*/
}

div.route_block h3 {
  margin: 10px 0 0 0;
}

div.day_block {
  border: solid 1px #FFF;
}

div.day_block_head {
  margin-top: 5px;
  padding: 3px;
/*  border-top: solid 3px #A6BAFF;*/
  border-top: solid 2px green;
/*  background-color: #A6BAFF;*/
}

div.node_block {
  width : 600px;
  margin: 5px 3px 3px 0px;
  padding: 10px 10px 10px 0px;
/*  border-bottom: solid 1px black;*/
}

div.node_block_head {
  margin-bottom: 5px;
  padding: 4px;
  border-top: solid 1px black;
  border-left: solid 1px black;
}

div.node_block_image {
  width: 240px;
  float: left;
  text-align: left;
/*  border: solid 1px;*/
}

div.node_block_image img {
  border: 0;
}

div.node_block_text {
  width: 350px;
  float: right;
/*  border: solid 1px blue;*/
}

div.node_block_foot {
  clear: both;
}

#kanriMenu {
  display: block;
  list-style-type: none;
  margin-bottom: 2px;
  padding: 0px;
  font-size: 12px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  height: 22px;
  background-color: skyblue;
}
#kanriMenu li {
  width: 95px;
  float: left;
  padding: 3px;
  text-align: center;
  border-left: 1px solid black;
}
#kanriMenu li a { text-decoration: none; color: black; }
#kanriMenu li a:visited { color: black }
#kanriMenu li a:hover { color: #fff }

/* CSSだけで、角丸にするのに利用 */
.rtop *, .rbottom * { display: block; height: 1px; overflow: hidden; }
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

#globalMenu ul {
  display: block;
  list-style-type: none;
  padding: 4px 0px 4px 0px;
  font-size: 12px;
  height: 23px;
  background-color: #4A7A2A;
}

#globalMenu li { 
  width: 95px;
  float: left;
  padding: 3px;
  text-align: center;
}
#globalMenu li a { text-decoration: none; color: white; }
#globalMenu li a:visited { color: white }
#globalMenu li a:hover   { color: orange }
#globalMenu li.cols2 { width: 190px; }
#globalMenu li.cols3 { width: 285px; }
#globalMenu li.cols4 { width: 380px; }
#globalMenu .rtop *, #globalMenu .rbottom * { background-color: #4A7A2A; }


#contextMenu { 
  background-color: #4A7A2A;
  margin-bottom: 10px;
}

#contextMenu ul {
  display: block;
  list-style-type: none;
  padding: 4px 0px 1px 0px;
  font-size: 12px;
  height: 25px;
}
#contextMenu li { 
  width: 95px;
  float: left;
  padding: 4px 2px 2px 2px;
  text-align: center;
}
#contextMenu li a { text-decoration: none; color: #ffffff; }
#contextMenu li a:visited { color: #ffffff }
#contextMenu li a:hover { color: #f60 }
#contextMenu li.cols2 { width: 190px; }
#contextMenu li.cols3 { width: 285px; }
#contextMenu li.cols4 { width: 380px; }
#contextMenu.context_home ul         { background-color: #4A7A2A; }
#contextMenu.context_pal  ul         { background-color: orange; }
#contextMenu.context_club ul         { background-color: #A6BAFF; }

div.midashi {
  background-color: #4A7A2A;
  padding: 5px;
  color: white;
  margin-bottom: 5px;
}

.menuSection li { padding: 5px 3px 5px 3px; }


.comment_block {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #C9BBAC;
}

.comment_block div.label {
  font-size: small;
  margin-bottom: 5px;
}

.comment_block div.comment {
  padding: 3px;
}

.comment_block textarea {
  width:  580px;
  height: 300px;
}

span.nickname {
  font-size: small;
}

.readonly { 
/*  border: solid 1px black; */
  border: 0;
  background-color: #D1E8FF;
  margin: 5px;
  padding: 5px;
}

.billBoard {
  width: 190px;
  height: 70px;
  padding: 5px;
  border: solid 1px;
}

.catchCopy {
  font-size: small;
  margin-bottom: 3px;
}

.catchSub {
  font-size: x-small;
}

.catchUrl {
  font-size: small;
  color: orange;
}

#footer { 
  background-color: #4A7A2A;
  color: white;
  font-size: 12px;
  line-height: 200%;
  text-align: center;
}