.sidr {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 80%;
  overflow-x: hidden;
  overflow-y: auto;
  
  font-size: 15px;
  background:#2d4e6d;
  color: #fff;
  
}
.sidr .shadow {
	position: absolute;
    display: block;
    right: 0;
    width: 20px;
    height: 100%;
    background: url(../images/common/m_menu_shadow.png) no-repeat;
    background-size: 20px 100%;
	z-index:10;
}
.sidr .t_btn{position:relative; height:65px; background:#f1f4f7; border-bottom:1px solid #dee1e4;}
.sidr .t_btn a.home {
	position:absolute; 
	top:0; 
	left:0; 
	width:66px; 
	height:66px; 
	background:#e8385d url(../images/common/m_menu_home_icon.png) no-repeat center center; 
	background-size:35%;
	text-indent:-99999px; 
	.text-indent:0; 
	.font-size:0; 
	.line-height:0;
	}
.sidr .t_btn .sns_box {position:absolute; top:20px; left:75px;}
.sidr .t_btn .sns_box a.m_sns01 {
	float:left;
	width:25px; 
	height:25px; 
	background:url(../images/common/m_menu_sns_icon01.png) no-repeat center center;
	background-size:30%;
	margin-right:5px;
	text-indent:-99999px; 
	.text-indent:0; 
	.font-size:0; 
	.line-height:0;
}
.sidr .t_btn .sns_box a.m_sns02 {
	float:left;
	width:25px; 
	height:25px; 
	background:url(../images/common/m_menu_sns_icon02.png) no-repeat center center;
	background-size:70%;
	margin-right:5px;
	text-indent:-99999px; 
	.text-indent:0; 
	.font-size:0; 
	.line-height:0;
}
.sidr .t_btn .sns_box a.m_sns03 {
	float:left;
	width:25px; 
	height:25px; 
	margin-right:5px;
	background:url(../images/common/m_menu_sns_icon03.png) no-repeat center center;
	background-size:80%;
	text-indent:-99999px; 
	.text-indent:0; 
	.font-size:0; 
	.line-height:0;
}
.sidr .t_btn .sns_box a.m_sns04 {
	float:left;
	width:25px; 
	height:25px; 
	margin-right:5px;
	background:url(../images/common/m_menu_sns_icon04.png) no-repeat center center;
	background-size:80%;
	text-indent:-99999px; 
	.text-indent:0; 
	.font-size:0; 
	.line-height:0;
}
.sidr .t_btn .sns_box a.m_sns05 {
	float:left;
	width:25px; 
	height:25px; 
	margin-right:5px;
	background:url(../images/common/m_menu_sns_icon05.png) no-repeat center center;
	background-size:80%;
	text-indent:-99999px; 
	.text-indent:0; 
	.font-size:0; 
	.line-height:0;
}
.sidr .t_btn .close {position:absolute; top:18px; right:10px; width:60px; height:26px; border:1px solid #8ca2b6; border-radius:13px; text-align:center;}
.sidr .t_btn .close span {font-size:12px; color:#758594; line-height:26px; padding-right:15px; background:url(../images/common/m_menu_close_icon.png) no-repeat right center; background-size:30%;}

.sidr .t_util {position:relative; height:75px; background:#fff; text-align:center;}
.sidr .t_util a.login {margin-top:21px; width:90px; height:30px; border:1px solid #217bcd; margin-right:5px;}
.sidr .t_util a.login span {font-size:12px; color:#217bcd; line-height:30px; padding-right:15px; background:url(../images/common/m_menu_arrow01.png) no-repeat right center;}
.sidr .t_util a.language {margin-top:21px; width:90px; height:30px; border:1px solid #217bcd; margin-right:5px;}
.sidr .t_util a.language span {font-size:12px; color:#217bcd; line-height:30px; padding-right:15px; background:url(../images/common/m_menu_arrow01.png) no-repeat right center;}

.sidr .t_util .lang_box {position:absolute; top:0; width:100%; height:75px; background:#282a2c; text-align:center;}
.sidr .t_util .lang_box > a {margin-top:30px; margin-left:3px; width:70px; height:25px; border:1px solid #535556; color:#fff; font-size:12px; line-height:25px; text-decoration:none;}
.sidr .t_util .lang_box > a:first-child {margin-left:0;}
.sidr .t_util .lang_box .close {position:absolute; right:17px; top:10px;}
.sidr .t_util .lang_box .close a img {width:14px;}

.sidr .t_btn .lb {float:left;}
.sidr .t_btn .rb {float:right;}
.sidr .sidr-inner {
  padding: 0 0 15px;
}
.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr.right {
  left: auto;
  right: -80%;
}
.sidr.left {
  left: -80%;
  right: auto;
}
.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhMWExYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
  background-image: -moz-linear-gradient(#4d4d4d, #1a1a1a);
  background-image: -webkit-linear-gradient(#4d4d4d, #1a1a1a);
  background-image: linear-gradient(#4d4d4d, #1a1a1a);
  font-size: 11px;
  font-weight: normal;
  padding: 0 15px;
  margin: 0 0 5px;
  color: #fff;
  line-height: 24px;
  box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
}

.sidr > ul {
  display: block;
  margin: 0 0 0px;
  padding: 0;
 
}
.sidr > ul > li {
  display: block;
  margin: 0;
  line-height: 56px;  
  border-bottom: 1px solid #0f314e;
  background-color:#2d4e6d;
}
.sidr > ul > li:hover, .sidr > ul > li.active, .sidr > ul > li.sidr-class-active {
  border-top: 0;
  line-height: 56px;
  background:#217bcd url(../images/common/m_menu_1depth_on.gif) repeat-x;
}
.sidr > ul > li:hover > a,
.sidr > ul > li:hover > span, .sidr > ul > li.active > a,
.sidr > ul > li.active > span, .sidr > ul > li.sidr-class-active > a,
.sidr > ul > li.sidr-class-active > span {
	
  color: #fff;
  background:url(../images/common/m_menu_li_arrow.png) no-repeat right 25px center;
}
.sidr > ul > li > a,
.sidr > ul > li > span {
	text-align:left;
  padding: 0 30px;
  display: block;
  text-decoration: none;
  color: #fff;
  font-size:18px;  
  background:url(../images/common/m_menu_li_arrow.png) no-repeat right 25px center;
}
.sidr > ul > li > ul {
  display: block;
  border-bottom: 0;
  margin: 0;
}
.sidr > ul > li > ul > li {
	display: block;
	background:#d8e5f0 url(../images/common/m_menu_depth2_off.png) repeat-y left top;
	background-size:7px;
	line-height: 40px;
	border-bottom:1px solid #acc0d2;
}
.sidr > ul > li > ul > li:last-child {
  border-bottom: 0;
}
.sidr > ul > li > ul > li:hover, .sidr > ul > li > ul > li.active, .sidr > ul > li > ul > li.sidr-class-active {
  line-height: 40px;
}
.sidr > ul > li > ul > li:hover > a,
.sidr > ul > li > ul > li:hover > span, .sidr > ul > li > ul > li.active > a,
.sidr > ul > li > ul > li.active > span, .sidr > ul > li > ul > li.sidr-class-active > a,
.sidr > ul > li > ul > li.sidr-class-active > span {
  background:#d8e5f0 url(../images/common/m_menu_depth2_on.png) repeat-y left top;
  background-size:7px;
  color:#2170b2;      
  font-family:'aritaSB';
}
.sidr > ul > li > ul > li > a,
.sidr > ul > li > ul > li > span {
	text-align:left;
  display: block;
  text-decoration: none;
  color: #4d6071;
  font-size:16px;
  padding:0 30px;
}
.sidr > ul > li > ul > li > ul {
  display: block;
  border-bottom: 0;
  margin: 0;
}
.sidr > ul > li > ul > li > ul > li {
	display: block;
	background:#f4f8fb url(../images/common/m_menu_depth3_off.png) repeat-y left top;
	background-size:7px;
	line-height: 32px;
	font-size: 13px;
}
.sidr > ul > li > ul > li > ul > li:last-child {
  border-bottom: 0;
}
.sidr > ul > li > ul > li > ul > li > a,
.sidr > ul > li > ul > li > ul > li > span {
	text-align:left;
  display: block;
  text-decoration: none;
  color: #4d6071;
  font-size:13px;
  padding:0 30px 0 42px;
  background:url(../images/common/m_menu_depth3_dot.png) no-repeat 30px center;
}
.sidr > ul > li > ul > li > ul > li:hover > a,
.sidr > ul > li > ul > li > ul > li:hover > span, .sidr > ul > li > ul > li > ul > li.active > a,
.sidr > ul > li > ul > li > ul > li.active > span, .sidr > ul > li > ul > li > ul > li.sidr-class-active > a,
.sidr > ul > li > ul > li > ul > li.sidr-class-active > span {     
  font-family:'aritaSB';
  text-decoration:underline;
}
.sidr form {
  margin: 0 15px;
}
.sidr label {
  font-size: 13px;
}
.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
  width: 100%;
  font-size: 13px;
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 10px;
  border-radius: 2px;
  border: 0;
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.6);
  display: block;
  clear: both;
}
.sidr input[type=checkbox] {
  width: auto;
  display: inline;
  clear: none;
}
.sidr input[type=button],
.sidr input[type=submit] {
  color: #333;
  background: #fff;
}
.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
  background: rgba(255, 255, 255, 0.9);
}

.sidr p.sp {
	height:64px;
	background:#e53759 url(../images/common/m_menu_sp_bg.jpg) no-repeat right top;
	background-size:auto 64px;
	border-bottom:1px solid #0f314e;
}
.sidr p.sp02 {
	height:64px;
	background:#ECF7F1 url(../images/common/m_menu_sp_bgsat.jpg) no-repeat right top;
	background-size:auto 64px;
	border-bottom:1px solid #1A8D62;
}
.sidr p.sp03 {
	height:64px;
	background:#932C85 url(../images/common/m_menu_sp_bglove.jpg) no-repeat right top;
	background-size:auto 64px;
	border-bottom:1px solid #6C1060;
}
.sidr p.sp a {line-height:64px; width:100%; color:#fff; text-decoration:none; text-align:left;}
.sidr p.sp a span {font-size:18px; color:#fff; padding-left:30px; padding-right:15px; background:url(../images/common/m_menu_sp_arrow.png) no-repeat right center;}
.sidr p.sp02 a {line-height:64px; width:100%; color:#fff; text-decoration:none; text-align:left;}
.sidr p.sp02 a span {font-size:18px; color:#33AE80; padding-left:30px; padding-right:15px; background:url(../images/common/m_menu_sp_arrow2.png) no-repeat right center; font-weight: bold;}
.sidr p.sp03 a {line-height:64px; width:100%; color:#fff; text-decoration:none; text-align:left;}
.sidr p.sp03 a span {font-size:18px; color:#fff; padding-left:30px; padding-right:15px; background:url(../images/common/m_menu_sp_arrow.png) no-repeat right center; font-weight: bold;}