@charset "UTF-8";

body {
  margin: 0 auto 0 auto;
  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.calendar    { border: solid 1px #4A7A2A; }
table.calendar tr { border: solid 1px #4A7A2A; }
table.calendar td { padding: 2px; }

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

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

table.message_view {
  width: 600px;
  border:1px solid #888;
}

table.message_view th {
  width: 100px;
  padding: 3px;
  border-top:1px solid #888;
}

table.message_view td {
  padding: 3px;
  border-top:1px solid #888;
}

br.clear { clear: both; }

#headSec {
/*  width: 800px;*/
  margin: 0 auto 0 auto;
  width: 900px;
  padding: 2px 2px 0px 2px;
}

#unitSec {
  float: left;
  width: 627px;
  height: 60px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

#acmsLogo {
  float: left;
  border: 0;
  margin: 0;
}

#acmsLogo img { border: 0;}

#bodySec {
/*  width: 800px;*/
  width: 900px;
  margin: 0 auto 0 auto;
  padding: 0px 2px 2px 2px;
  clear: both;
}

#sidearea {
  float: left;
  width: 180px;
  text-align: left;
}

.listSection { margin-bottom: 10px; border: solid 1px #7FA2CA; }
.listSection li { padding: 6px; }
.listSection li.title a { color: white; }

.menuSection {  
  margin-bottom: 5px;
  border-left:solid 1px #7FA2CA;
  border-right:solid 1px #7FA2CA;
  border-bottom:solid 1px #7FA2CA;
  padding-bottom: 0px;
} 
.menuSection li { }

li.title {
  border-bottom: solid 1px #7FA2CA;
  background-color: #7FA2CA;
  text-align: left;
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 6px;
}
li.subtitle { background-color: skyblue; font-size: 11px; height: 24px; padding: 6px 0 0 6px; margin-bottom: 3px; }
li.button   { padding: 0; margin: 0; height: 32px; text-valign: center; font-size: 12px;}
li.button a {
              display: block;
              text-decoration: none;
              background: #ffffff url(../images/btn_silver_square.gif) repeat-x;
              padding: 5px 0 1px 3px;
              color: black;
              height: 26px;
              width: auto;
}
li.button a:hover { background: #ffffff url(../images/btn_silver_square_h.gif) repeat-x; }


#bodyMainSec {
  margin-left: 0px;
  float: right;
  width:  715px;
  text-align: left;
}

#bodyMainSec ul {
  margin-bottom: 10px;
  border: solid 0px #7FA2CA;
}

#bodyMainSec li {
  padding: 6px;
}

#bodyMainSec li.ul_title {
  border-bottom: solid 1px #7FA2CA;
  background-color: #7FA2CA;
  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 {
  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;
}

#bodyMainSec table.list_type {
  border-collapse: collapse;
  border: solid 1px #4A7A2A;
  background-color: #FFFFFF;
  text-align: left;
}


.formSec .item_description {
  font-size: 90%;                              
}

.formSec .hissu {
  /*border-bottom: 1px solid red;	*/
    text-decoration: underline;
    color: red;
}

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

ul.formSec li {
  margin: 0px;
  padding: 5px;
  border-bottom: 1px solid #C9BBAC;
  background-color: #DBE6F1;
}

ul.formSec li.subtitle {
  background-color: #ffcc99;
}


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

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

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

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

table.formSec {
  font-size: 12px;
  width: 100%;
  border-collapse: collapse;
  background-color: #DBE6F1;
}

table.formSec-flesh {
  background-color: #FFDFBF;
}

table.formSec-brown {
  background-color: #C9BBAC;
}

table.formSec caption{
/*  background-color: skyblue;*/
  border-left: 5px solid #C9BBAC;
  border-bottom: 1px solid #C9BBAC;
  height: 25px;
  text-align: left;
  padding: 12px 0 0 3px;
  margin-bottom: 4px;
  font-weight: bold;
}

table.formSec th  {
  background-color: #FFFFFF;
  border: 1px solid #C9BBAC;
  text-align:center;
}

table.formSec tr.even {
  background-color: white;
}

table.formSec td textarea {
  width: 90%;
  height:100px;
}

table.formSec > thbody > tr.subtitle {
    background-color: skyblue;
    font-size: 11px;
    height: 24px;
    padding: 6px 0 0 6px;
    margin-bottom: 3px;
}

table.formSec > tbody > tr > td {
  padding: 2px;
  border: 1px solid #C9BBAC;
}

table.formSec td.editable {
  background-color: #FFFFFF;
}

.message {
  padding: 2px;
  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;
}

#imageSec {
  float: right;
  margin-left: 10px;
  padding: 5px;
}

#listSec {
  padding: 5px;
}

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

#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;
}

#articleTitle input {
 width: 98%;
}

#articleBody textarea {
 height: 300px;
 width: 98%;
}

div.routeEdit {
  margin: 5px;
}

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

div.dayEdit {
  margin: 0px;
  padding: 0px;
  height: 100%;
}

div.dayEditHead {
  height: 22px;
  padding: 3px;
  background-color: #A6BAFF;
}

div.nodeEdit {
  margin: 3px 1px 0px 0px;
  padding: 3px 1px 1px 1px;
  border-bottom: solid 1px #FFF;
  height: 100%;
}

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

div.nodeEdit .nodeTitle{
  float: left;
  width: 500px;
}

div.nodeEdit .nodeTitle input{
  width: 480px;
}

div.nodeEdit .trekBlock{
  float:right;
}

div.nodeEdit .spotBlock{
  float:left;
}

div.nodeEdit .datetimeBlock{
  float:right;
}

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

div.nodeEdit .nodeImage {
  margin: 0 0 0 5px;
  float: left;
  width:  290px;
  height: auto;
}

div.nodeEdit .nodeImage select{
  font-size: x-small;
  height: 12px;
  width: auto;
}

div.nodeEdit .nodeImage input{
  font-size: x-small;
  height: 14px;
  width: 45px;
}

div.nodeEdit .spotBlock select{
  font-size: x-small;
  height: 15px;
  width: 70px;
}

div.nodeEdit .spotBlock input{
  font-size: x-small;
  height: 14px;
  width: 55px;
}

div.nodeEdit .spotBlock input[type="button"]{
  width: 75px;
  height: 20px;
}


div.nodeEdit .datetimeBlock {
  width: 400px;
}
div.nodeEdit .datetimeBlock input{
  font-size: x-small;
  height: 14px;
  width: 55px;
}

div.nodeEdit .nodeImage input[type="button"]{
  height: 20px;
}

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

div.nodeEdit .nodeMemo {
  float: right;
  margin-right: 5px;
  width:  550px;
  height: 260px;
}

div.nodeEdit .nodeMemo textarea {
  width:  98%;
  height: 240px;
}

.image_block {
  float: left;
  height:155px;
  width: 82px;
  margin-top: 2px;
  margin-left: 2px;
  padding: 2px;
  border: solid 1px;
}

.image_block_square {
  width:  79px;
  height: 85px;
}

.image_block_square img{
  width:  auto;
  height: auto;
}

.image_block_small {
  margin: 10px;
}

div.article_block {}
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.route_block { width: 600px;}
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 2px green;
}
div.node_block {
  width : 600px;
  margin: 5px 3px 3px 0px;
  padding: 10px 10px 10px 0px;
}
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;
}
div.node_block_image img {
  border: 0;
}
div.node_block_text {
  width: 350px;
  float: right;
}
div.node_block_foot {
  margin: 0;
  clear: both;
}

#kanriMenu { margin-bottom: 10px; }
#kanriMenu ul {
  display: block;
  list-style-type: none;
  padding: 4px 0px 1px 0px;
  font-size: 12px;
  height: 25px;
  background-color: skyblue;
}
#kanriMenu li {
  width: 100px;
  float: left;
  padding: 4px 2px 2px 2px;
  text-align: center;
}
#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: #7FA2CA;
}
#globalMenu li { 
  width: 95px;
  float: left;
  padding: 3px;
  text-align: center;
}
#globalMenu li a { text-decoration: none; color: black; }
#globalMenu li a:visited { color: black }
#globalMenu li a:hover   { color: white }
#globalMenu li.cols2 { width: 190px; }
#globalMenu li.cols3 { width: 285px; }
#globalMenu li.cols4 { width: 380px; }
#globalMenu .rtop *, #globalMenu .rbottom * { background-color: #7FA2CA; }
#globalMenu li.sitename { width:auto; }
#globalMenu li.sitename a { text-decoration: none; color: white; }

#contextMenu { margin-bottom: 10px; }
#contextMenu ul {
  display: block;
  list-style-type: none;
  padding: 4px 0px 1px 0px;
  font-size: 12px;
  height: 25px;
}
#contextMenu li { 
  min-width: 105px;
  float: left;
  padding: 4px 2px 2px 2px;
  text-align: center;
}
#contextMenu li a { text-decoration: none; color: black; }
#contextMenu li a:visited { color: black }
#contextMenu li a:hover { color: white }
#contextMenu li.cols2 { width: 190px; }
#contextMenu li.cols3 { width: 285px; }
#contextMenu li.cols4 { width: 380px; }
#contextMenu.context_pub  ul         { background-color: #7FA2CA; }
#contextMenu.context_pub  .rtop *    { background-color: #7FA2CA; }
#contextMenu.context_pub  .rbottom * { background-color: #7FA2CA; }  
#contextMenu.context_home ul         { background-color: #7FA2CA; }
#contextMenu.context_home .rtop *    { background-color: #7FA2CA; }  
#contextMenu.context_home .rbottom * { background-color: #7FA2CA; }  
#contextMenu.context_pal  ul         { background-color: #F4EA71; }
#contextMenu.context_pal  .rtop *    { background-color: #F4EA71; }  
#contextMenu.context_pal  .rbottom * { background-color: #F4EA71; }  
#contextMenu.context_club ul         { background-color: #7FA2CA; }
#contextMenu.context_club .rtop *    { background-color: #7FA2CA; }  
#contextMenu.context_club .rbottom * { background-color: #7FA2CA; }  

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

.comment_block .comment_text {
  font-size: small;
  border-bottom: dotted 1px;
  margin-bottom: 2px;
  min-height: 40px;
}

.comment_block .username{
  float:left;
}

.comment_block .postdate{
  float:right;
}

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

span.caption {
  font-size: x-small;
}

.readonly { 
  border: 0;
  background-color: #DBE6F1;
  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: #7FA2CA;
  color: white;
  font-size: 12px;
  line-height: 200%;
  text-align: center;
}

.table {
    width: 99%;
}

.table tbody > tr > td ,
.table tbody > tr > th {
    border: 1px solid #000;
}

.node_custom_form {
  margin-top: 15px;
}

/* html5 css3に移行していない画面にbootstrap3を利用するためのパッチ */
*,
*:before,
*:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

.nowrap {
	white-space:nowrap;
}