@charset "UTF-8";

#_JW_stMp_basic > li {
	position: relative;
}
#_JW_stMp_basic ._stMpWrap {display: table; width: 100%;}
#_JW_stMp_basic ._stMpWrap .stMp_Title {
	position: relative;
	display: table-cell; width: 200px; vertical-align: top;
	border-top: 3px solid #0067c3;
	padding: 25px 0 25px 10px;
	color: #2a2a2a; font-size: 1.250em; font-weight: 500;
}
#_JW_stMp_basic ._stMpWrap .stMp_Title > strong:before {
	content: ''; position: absolute; top: -31px; left: -31px;
	width: 61px; height: 61px; background-color: #d3ecf8;
	transform: rotate(45deg); z-index: -1;
}
#_JW_stMp_basic ._stMpWrap .stMp_Title > strong {
	color: #2a2a2a; font-weight: 400;
}
#_JW_stMp_basic ._stMpWrap > ul {
	display: table-cell; width: calc(100% - 200px);
	overflow: hidden;
	border-top: 2px solid #ebebeb;
	padding: 25px 10px; box-sizing: border-box;
}
#_JW_stMp_basic ._stMpWrap > ul > li {
	float: left; width: calc(25% - 14px); margin: 0 7px 35px;
	box-sizing: border-box;
}
#_JW_stMp_basic ._stMpWrap > ul > li:nth-child(5n) {clear: both;}
#_JW_stMp_basic ._stMpWrap > ul > li > a {
	display: block; width: 100%;
	color: #2c2f35; font-size: 16px; text-align: center; letter-spacing: -1.2px;
	border: 1px solid #d4d4d4;
	padding: 6px 10px 7px; box-sizing: border-box;
	margin-bottom: 15px;
}

#_JW_stMp_basic .depth3 > li {position: relative;}
#_JW_stMp_basic .depth3 > li:before {
	content: ''; position: absolute; top: 12px; left: 0;
	width: 2px; height: 10px; background-color: #acb8c1;
	vertical-align: middle; margin-right: 5px;
}
#_JW_stMp_basic .depth3 > li > a {display: block; font-size: 0.938em; padding: 3px 0 3px 10px;}
#_JW_stMp_basic .depth3 > li > a:hover {text-decoration: underline;}
#_JW_stMp_basic a.nw:after {
	content: ''; display: inline-block;
	width: 14px; height: 14px; margin-left: 5px;
	background: url('../images/nw_icon.png') right center no-repeat;
}
#_JW_stMp_basic .hasChild.on > a {color: #0067c3;}
#_JW_stMp_basic .hasChild.on > a:after {content: '-';}
#_JW_stMp_basic .hasChild > a:after {
	content: '+'; display: inline-block;
	margin-left: 5px;
	transition: all 0.5s ease;
}
#_JW_stMp_basic .depth4 {display: none; margin: 5px 0 10px 10px;}
#_JW_stMp_basic .depth4 > li {background: url('../images/depth4_bul.png') left 5px no-repeat; padding-left: 15px; line-height: 1.3; margin-bottom: 5px;}
#_JW_stMp_basic .depth4 > li > a {
	color: #a7a7a7; font-size: 0.875em;
}
