@charset "utf-8";
/* CSS Document */

/* ------------------------------
Property-Resset
------------------------------ */
#sidemenu_box {
   margin:15px 0 0 0;
   float:left;
   width: 200px;
   height:1470px;
   /*height:2100px;*/
    position:relative;
}

#sidemenu_wrapper{
    position:absolute;
}

.sidemenu{
   margin: 0;
   list-style: none;
   padding: 0px;
}

.sidemenu img{
   margin-top: 0px !important;
   padding-right: 3px;
}

.sidemenu li{
   cursor:pointer;
   background-image: url(../img/plus.gif),url(../img/back-side.gif);
   background-repeat: no-repeat,repeat;
   background-position: 166px center;
   font-size:14px;
   font-weight: bold;
   color: white;
   height: 40px;
}

.sidemenu li:hover{
   cursor:pointer;
   background-image: url(../img/minus.gif),url(../img/back-side.gif);
   background-repeat: no-repeat,repeat;
   background-position: 166px center;
   font-size:14px;
   color: black;
   /*height: 37px;*/
}

.sidemenu li a{
   font-size: 12px;
   font-weight: bold;
   padding: 12px;
   background: #ededed;
   border-bottom: 2px dotted #ccc;
   color: #333;
   text-decoration: none;
   display: block;
   vertical-align: middle;
   border: none;
}

.sidemenu li a:hover {
  background: #d6d6d6;
  color: #666;
}

.sidemenu li span{
   font-size: 10px;
   font-weight: normal;
   padding-left: 9px;
}


.sidemenu li p{
   padding:10px 0 0 10px;
   margin-top: 0px;
}

.sidemenu ul{
   padding-left: 0px;
}

.side_content li{
  height:35px;
}

.sidemenu_image{
   width: 200px;
   height: 74px;
}

.sidemenu_image:hover{
  cursor:pointer;
}

.side_content{
  display:none;
}

.side_image{
  width:170px;
  margin-top:10px;
}

.side_link{
  text-align:center;
  padding-bottom:10px;
}

.side_last .open{
  /*margin-bottom:90px;*/
}

.side_image_list li{
    height:105px;
}

li.side_osusume{
    height:100px;
}

/*ここから三輪作業20170308*/

#side_menu_renewal ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#side_menu_renewal li {
  display: inline;
  padding: 0;
  margin: 0;
}

#side_menu_renewal li a {
  display: block;
  border: 1px solid #9F99A3;
  background-color: #BBBBBB;
  padding: 13px 0 13px 25px;
  text-decoration: none;
  color: #222;
  width: 173px;
  margin: 2px 0px;
  text-align: left;
  font-size: 14px;
  font-weight:bold;
  line-height: 21px;
/*  box-shadow: 0 1px 3px #000;*/
  margin-top:2px;
  padding: 3px 0 3px 25px;;
}

#side_menu_renewal li a:hover {
  border: 1px solid #8593A9;
  background-color: #9EB7DD;
}

.list-item {
  position: relative;
  padding-left: 10px;
}

.list-item:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 0;
    height: 0;
    margin-top: 6px;
    border-top: 8px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid white;
    z-index: 99;
}

.list-item-midashi {
  position: relative;
}
.list-item-midashi:before {
  content: '';
  display: inline;
  position: absolute;
  left: 6px;
  width: 0;
  height: 0;
  margin-top: 15px;
  border-top: 8px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid white;
  z-index:99;
}


#side_menu_renewal .midashi {
  background-color: #008C7B;
  padding: 13px;
  box-shadow: 0 2px 3px #000;
  color:white;
}

#side_menu_renewal .list-item-midashi .midashi {
  background-color: #008C7B;
  padding: 13px 0 13px 29px;
  /* padding: 13px 0 13px 13px; */
  box-shadow: 0 2px 3px #000;
  color:white;
}

#side_menu_renewal .osusume_topic {
    background-color: #BBB;
    margin-top: 3px;
}

#side_menu_renewal .osusume_topic img {
  margin:0 auto;
  display:block;
  padding:5px 0;
}

#side_menu_renewal a {
  text-decoration: none;
}

#sidemenu_box #side_menu_renewal .side_link_renewal img {
  width:210px;
  margin-top:0;
}

#side_menu_renewal .top_below li a {
  padding: 3px 0 3px 25px;
}

.top_below .list-item:before {
  margin-top:6px;
}
.side_link_renewal .osusume_topic img {
    margin: 0 auto;
    display: block;
    padding: 5px 0;
}
/*#side_menu_renewal .top_below li a {
  background-color: #6C6C6C;
  color:white;
}*/

#sidemenu_box .midashi {
    background-color: #008C7B;
    padding: 13px;
    box-shadow: 0 2px 3px #000;
    color: white;
}

#sidemenu_box .osusume_topic img {
    margin: 0 auto;
    display: block;
    padding: 5px 0;
}
#sidemenu_box .osusume_topic {
    background-color: #BBB;
    margin-top: 3px;
}