@charset "utf-8";

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

sidenav

-------------------------------------------------------------------------------*/
#sidenav {
max-width: 250px;
    width: 30%;
  position:absolute;
  top:40px;
  left:10px;

}

#sidenav ul,
#sidenav li {
  padding:0;
  margin:0;
  list-style:none;
}

#sidenav ul a,
#sidenav ul span {
  font-size:11px;
  font-weight:bold;
  display:block;
  letter-spacing: 0.16em;
  letter-spacing: normal\9;
}

/*
.mac #sidenav ul a,
.mac #sidenav ul span {
  font-size:11px;
}
*/

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

sidenav -bnr

-------------------------------------------------------------------------------*/
#sidenav .bnr li {
  padding-top:15px;
}


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

sidenav - company,contact,brand,owner

-------------------------------------------------------------------------------*/
#sidenav .company_nav,
#sidenav .owner_nav,
#sidenav .contact_nav,
#sidenav .brand_nav {
  border-top: 14px solid #D7092F;
  padding-top:1px;
}

#sidenav .company_nav ul,
#sidenav .owner_nav ul,
#sidenav .contact_nav ul,
#sidenav .brand_nav ul {
  background: #D7092F;
  padding: 0 25px 0 22px;
}


#sidenav .company_nav ul ul li span,
#sidenav .company_nav ul a,
#sidenav .owner_nav ul ul li span,
#sidenav .owner_nav ul a,
#sidenav .contact_nav ul a,
#sidenav .brand_nav ul a {
  color:#000;
  padding: 15px 0 14px 23px;
  background-image:url(../img/common/snav_icon_red.gif);
  background-position:left 13px;
  background-repeat:no-repeat;
}



.mac #sidenav .company_nav ul a,
.mac #sidenav .owner_nav ul a,
.mac #sidenav .contact_nav ul a,
.mac #sidenav .brand_nav ul a {
  background-position:left 15px;
}

#sidenav .company_nav ul .active a,
#sidenav .company_nav ul a:hover,
#sidenav .owner_nav ul .active a,
#sidenav .owner_nav ul a:hover,
#sidenav .contact_nav ul .active a,
#sidenav .contact_nav ul a:hover,
#sidenav .brand_nav ul .active a,
#sidenav .brand_nav ul a:hover {
  color:#fff;
  background-image:url(../img/common/snav_icon_red_on.gif) !important;
}

#sidenav .company_nav ul li,
#sidenav .owner_nav ul li,
#sidenav .contact_nav ul li,
#sidenav .brand_nav ul li {
  border-top:1px dotted #EB8497;
}

#sidenav .company_nav ul li span,
#sidenav .owner_nav ul li span,
#sidenav .contact_nav ul li span,
#sidenav .brand_nav ul li span {
  padding: 20px 0 0 25px;
}


#sidenav .company_nav ul li.president,
#sidenav .company_nav ul ul li,
#sidenav .owner_nav ul li.president,
#sidenav .owner_nav ul ul li,
#sidenav .contact_nav ul li.contact,
#sidenav .contact_nav ul ul li,
#sidenav .brand_nav ul li.brand,
#sidenav .brand_nav ul ul li{
  border:none;
}

#sidenav .company_nav ul ul li span,
#sidenav .company_nav ul ul li a,
#sidenav .owner_nav ul ul li span,
#sidenav .owner_nav ul ul li a,
#sidenav .contact_nav ul ul li a,
#sidenav .brand_nav ul ul li a {
  padding:8px 0 8px 23px !important;
  background-position: left 8px !important;
}

#sidenav .company_nav .active ul li a,
#sidenav .company_nav ul ul li a:hover,
#sidenav .owner_nav .active ul li a,
#sidenav .owner_nav ul ul li a:hover,
#sidenav .contact_nav .active ul li a,
#sidenav .contact_nav ul ul li a:hover,
#sidenav .brand_nav .active ul li a,
#sidenav .brand_nav ul ul li a:hover {
  background-position: left 8px !important;
}

.mac #sidenav .company_nav ul ul li span,
.mac #sidenav .company_nav ul ul li a,
.mac #sidenav .cowner_nav ul ul li span,
.mac #sidenav .cowner_nav ul ul li a,
.mac #sidenav .contact_nav ul ul li a,
.mac #sidenav .brand_nav ul ul li a,
.mac #sidenav .company_nav .active ul li a,
.mac #sidenav .company_nav ul ul li a:hover,
.mac #sidenav .owner_nav .active ul li a,
.mac #sidenav .owner_nav ul ul li a:hover,
.mac #sidenav .contact_nav .active ul li a,
.mac #sidenav .contact_nav ul ul li a:hover,
.mac #sidenav .brand_nav .active ul li a,
.mac #sidenav .brand_nav ul ul li a:hover {
  background-position: left 10px !important;
}

#sidenav .company_nav ul ul,
#sidenav .owner_nav ul ul,
#sidenav .contact_nav ul ul,
#sidenav .brand_nav ul ul {
  padding:0 0 10px 35px;
}

#sidenav .contact_nav ul .rent a {
  letter-spacing:normal;
}

#sidenav .company_nav ul ul li span {
  color:#960000 !important;
}
#sidenav .owner_nav ul ul li span {
  color:#960000 !important;
}

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

sidenav - management

-------------------------------------------------------------------------------*/
#sidenav .management_nav li {
  background:#666666;
  border-top:1px solid #4D4D4D;
}

#sidenav .management_nav li a {
  display:block;
  padding:8px 10px 8px 20px;
  color:#fff;
}

#sidenav .management_nav li li a {
  padding-left:30px;
}


#sidenav .management_nav li.message,
#sidenav .management_nav li.message li,
#sidenav .management_nav li.start,
#sidenav .management_nav li.start li {
  background:#333;
  border-top:1px solid #000;
}

#sidenav .management_nav li.why,
#sidenav .management_nav li.why li {
  background:#333;
  border-top:1px solid #000;
}

#sidenav .management_nav li.partner,
#sidenav .management_nav li.partner li {
  background:#4D4D4D;
  border-top:1px solid #333;
}

#sidenav .management_nav li.message {
  border-top:none;
}

#sidenav .management_nav li.partner {
  border-top:1px solid #000;
}

#sidenav .management_nav li.voice {
  border-top:1px solid #333;
}

#sidenav .management_nav ul .active a.parent,
#sidenav .management_nav ul li li.active a,
#sidenav .management_nav ul a:hover {
  background:#D7092F !important;
}
/*-----------------------------------------------------------------------------

sidenav - blog

-------------------------------------------------------------------------------*/
#sidenav .blog_nav li {
  background:#666666;
  border-top:1px solid #4D4D4D;
}

#sidenav .blog_nav li a {
  display:block;
  padding:8px 10px 8px 20px;
  color:#fff;
}

#sidenav .blog_nav li li a {
  padding-left:30px;
}


#sidenav .blog_nav li.blogTop,
#sidenav .blog_nav li.blogTop li {
 
  border-top:none;
}

#sidenav .blog_nav li.blogCategory01,
#sidenav .blog_nav li.blogCategory02,
#sidenav .blog_nav li.blogCategory03,
#sidenav .blog_nav li.blogCategory04,
#sidenav .blog_nav li.blogCategory05,
#sidenav .blog_nav li.blogCategory06,
#sidenav .blog_nav li.blogCategory07,
#sidenav .blog_nav li.blogCategory08 {
  border-top:1px solid #333;
}

#sidenav .blog_nav ul .active a.parent,
#sidenav .blog_nav ul li li.active a,
#sidenav .blog_nav ul a:hover {
  background:#D7092F !important;
}
#sidenav .sideContact { margin: 20px 0 0 0; }



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

For Responsive 2018.03.02

-------------------------------------------------------------------------------*/
@media screen and (max-width:1000px) {
  #sidenav img{ max-width: 100%;}
}
@media screen and (max-width:800px) {
  #sidenav{ position: static; float: none; clear: both; width: 100%; box-sizing: border-box;}
  #sidenav .inner{ display: none;}
  #sidenav .bnr{ text-align: center;}
  #sidenav .bnr li { padding-top: 15px; display: inline-block;}
/* add '18.03.30 */
  #sidenav{ max-width: none;}
  #sidenav .inner.company_nav{ display: block; border-top: none; margin-bottom: 40px;}
  #sidenav .company_nav ul{ background: #eee; padding: 0;}
  #sidenav .company_nav ul ul li span,
  #sidenav .company_nav ul a{ background: none; padding: 12px 15px; line-height: 1em;}
  #sidenav .company_nav ul a:before{ content: '>'; display: inline-block; margin-right: 3px; color: #bbb;}
  #sidenav .company_nav ul .active a,
  #sidenav .company_nav ul a:hover{ background-image: none!important; background-color: #777;}
  #sidenav .company_nav ul li{ border-top: 3px solid #fff;}
  #sidenav .company_nav ul li span { padding: 12px 15px 12px 28px;}
  #sidenav .company_nav ul ul { padding: 0;}
  #sidenav .company_nav ul ul li a { padding: 12px 15px 12px 25px !important;}
  #sidenav .company_nav ul ul li{ border-top: 1px solid #fff;}
	
	#sidenav .sideContact { display: none;}

}