/*----------------------------------------------------
main css for shikishima


----------------------------------------------------*/

/* main --------------------------------------------*/

.wrap {
  background-color : #FFFFFF;
}

#main {
  width : 950px;
  text-align : left;
  padding-bottom : 50px;
}

h1.title {
  margin : 10px 0;
  float : left;
}

.event-btn {
  margin : 10px 0;
  float : right;
}


/* map -----*/

#map {
  height : 400px;
  background-color : #CCCCCC;
}

#mapnavi {
  height : 35px;
  background : url("../images/main_mapnavi_bg.gif") repeat-x;
}

#mapnavi .navi {
  width : 950px;
  margin : 0;
  padding : 10px 0 0;
  list-style-type : none;
  text-align : right;
}

#mapnavi .navi li {
  display : inline;
}

#mapnavi .navi input {
  margin : 0 5px 0 15px;
}

#mapnavi .navi img {
  vertical-align : middle;
}


/* map-more -----*/

.map-popup {
  width : 300px;
  margin : 10px 5px;
  text-align : left;
}

.map-popup .left {
  width : 90px;
  float : left;
}

.map-popup .thumbnail {
  display : block;
  margin-bottom : 5px;
}

.map-popup .more {
  display : block;
  margin : 5px 0;
}

.map-popup .right {
  width : 200px;
  float : left;
  margin-left : 10px;
}

.map-popup .title {
  font-weight : bold;
  margin-bottom : 10px;
}


/* r-entries -----*/

#r-entries {
  width : 185px;
  float : left;
}

#r-entries ul {
  margin : 0;
  padding : 0;
  list-style-type : none;
  clear : both;
}

#r-entries ul li {
  width : 185px;
  padding-top : 10px;
  clear : both;
}

#r-entries ul .thumb {
  float : left;
}

#r-entries ul .text {
  margin-left : 55px;
}

#r-entries .more {
  padding-top : 20px;
  clear : both;
}

#r-entries a:link { color : #333333; }
#r-entries a:visited { color : #333333; }
#r-entries a:hover { color : #FF6600; }
#r-entries a:active { color : #FF6600; }


/* categories -----*/

#categories {
  position : relative;
  width : 745px;
  float : right;
}

#categories .note {
  text-align : right;
  height : 15px;
  position : absolute;
  top : -15px;
  right : 0;
}

#categories .category {
  width : 175px;
  float : left;
  margin-left : 14px;
}

#categories ul {
  margin : 0;
  padding : 0;
  list-style-type : none;
}

#categories ul li {
  width : 175px;
  padding-top : 10px;
  clear : both;
}

#categories ul .thumb {
  float : left;
}

#categories ul .text {
  margin-left : 55px;
}

#categories .more {
  padding-top : 20px;
  clear : both;
}

#categories a:link { color : #333333; }
#categories a:visited { color : #333333; }
#categories a:hover { color : #FF6600; }
#categories a:active { color : #FF6600; }


/* modal -------------------------------------------*/

#modal {
  width : 845px;
  padding-top : 90px;
  background-color : #FFFFFF;
  overflow : hidden;
}

#modal:after {
  content : "";
  display : block;
  clear : both;
  height : 1px;
  overflow : hidden;
}

/*\*/
* html #modal {
    height : 1em;
    overflow : visible;
}
/**/

#modal h1 {
  width : 235px;
  float : left;
}

#modal .contents {
  width : 590px;
  margin-left : 20px;
  padding-bottom : 50px;
  float : right;
}

#modal .contents.about h2 {
  margin-top : 30px;
}