@charset "utf-8";
#nav { width:100%; clear:both;}

#topglobal {float: right;}
#topglobal > ul {position: relative;}
#topglobal > ul > li {float: left;font-size: 0.8em;padding: 8px 0;margin-left: 20px;}
#topglobal > ul > li > a {color: #aaa;/* font-weight: 700; */}
#topglobal > ul > li > a:before {content:"|";padding-right: 20px;color:#aaa;}
#topglobal > ul > li:first-child > a:before { content:""; padding:0; }
#topglobal > ul > li > a:hover { font-weight:700;}


#topmenu {position: absolute;top: 40px;right: 0;}
#topmenu h3 { display: none; }
#topmenu > ul {position: relative;}
#topmenu > ul > li {float: left; }
#topmenu > ul > li.allmenu { margin-left: 35px; margin-top: 3px; }
#topmenu > ul > li.allmenu a {padding-right: 0;}
#topmenu > ul > li.menu1 {/* margin-left:20px; */padding: 3px 0 18px 34px;box-sizing: border-box;}
#topmenu > ul > li.menu1:first-child {margin-left:0;padding-left: 0;}
#topmenu > ul > li.menu1.on > a, #topmenu > ul > li.menu1.hover > a, #topmenu > ul > li.menu1:hover > a{background: url('/img/layout/topmenu_bg.gif') repeat-x 0 33px;/* border-bottom:3px solid #745a4a; */padding-bottom: 30px;}
/*
#topmenu > ul > li.etc > a:before {content:"|";padding: 0 15px 0 0;color: #d6d6d6;}
*/

#topmenu > ul > li > a {display: block;text-align: center;color: #464646;font-weight: 700;font-size: 1.04em;}
/*
#topmenu > ul > li.menu1 > a:before {content:"ㆍ"; font-weight:800; color:#000; padding-right:10px;}
#topmenu > ul > li:first-child > a:before { content:"";}
*/
#topmenu > ul > li.on > a, #topmenu > ul > li:hover > a {/* font-weight: 800; */}
#topmenu > ul > li:hover > ul, #topmenu > ul > li.on > ul {display: block;}

#topmenu > ul > li > ul {display: none;position: absolute;top: 60px;height: 50px;line-height: 30px;padding: 10px 0;box-sizing: border-box;z-index: 4;}

#topmenu > ul > li > ul > li  {float: left; box-sizing: border-box; margin-left:10px; padding:0 10px;}
#topmenu > ul > li > ul > li a {display: block;padding: 0 15px;color: #fff;font-weight: 700;}
#topmenu > ul > li > ul > li:first-child a { margin-left:0; }

#topmenu > ul > li > ul > li a span { display: block; padding: 0; }
#topmenu > ul > li > ul > li a.on, #topmenu > ul > li > ul > li a:hover, #topmenu > ul > li > ul > li a:focus {background-color: #50473a;}
#topmenu > ul > li > ul > li a.on {/* border-bottom: 4px solid #6e0306; */}

#topmenu > ul > li > ul#top2m1 {left: 0;}
#topmenu > ul > li > ul#top2m2 { left: 0;}
#topmenu > ul > li > ul#top2m3 {left: -5%;}
#topmenu > ul > li > ul#top2m4 {left: -12%;}
#topmenu > ul > li > ul#top2m5 {left: auto; right:0;}
#topmenu > ul > li > ul#top2m6 {left: auto; right:0;}


/*
#nav { width:100%; background-color: #6e0306; clear:both;border-bottom: 3px solid #ececec;}
#topmenu {  position:relative; margin:0;padding: 0;}

#topmenu h3 { display: none; }
#topmenu > ul {  position: relative;}
#topmenu > ul > li {float: left;}

#topmenu > ul > li > a { display: block;text-align: center;color: #fff; height: 55px; line-height: 55px;}
#topmenu > ul > li.on > a, #topmenu > ul > li:hover > a { background-color:#490305;}
#topmenu > ul > li:hover > ul, #topmenu > ul > li.on > ul {display: inline-block;}
#topmenu > ul > li > ul { display: none; position: absolute;top: 55px;height: 49px;line-height: 49px;z-index: 4;}

#topmenu > ul > li > ul > li  { float: left; }

#topmenu > ul > li > ul > li a { display: block; font-size: 0.9em; padding: 0 15px; color: #a2a2a2;}
#topmenu > ul > li > ul > li:first-child a { margin-left:0; }

#topmenu > ul > li > ul > li a span { display: block; padding: 0; }


#topmenu > ul > li > ul > li a.on, #topmenu > ul > li > ul > li a:hover, #topmenu > ul > li > ul > li a:focus { color:#6e0306; font-weight: 700; }
#topmenu > ul > li > ul > li a.on { border-bottom: 4px solid #6e0306;}

#topmenu > ul > li > ul#top2m1 { left: 0;}
#topmenu > ul > li > ul#top2m2 { left: 19%;}
#topmenu > ul > li > ul#top2m3 { left: 30%;}
#topmenu > ul > li > ul#top2m4 { left: 50%;}
#topmenu > ul > li > ul#top2m5 { right: 0; }
#topmenu > ul > li > ul#top2m6 { right: 0;}
*/

#open_nav {
	display: none;
	position: absolute;
	width: 100%;
	background-color: #fff;
	z-index: 99;
	border-bottom: 1px solid #ddd;
}

#open_nav > .inner_wrap > .allmenu_close {
    position: absolute;
    right: 3%;
    width: 32px;
    height: 32px;
}

#open_nav > .inner_wrap > ul {
    /* padding-left: 26%; */
    /* background: url('/img/layout/big_logo.png') no-repeat 8% 36%; */
}

#open_nav > .inner_wrap > ul > li {
	margin: 20px 0;
	height:50px;
}

#open_nav > .inner_wrap > ul > li > a {
	font-size: 1.3em;
	font-weight: 700;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	height: inherit;
	background: url('/img/icon/bu_dot_big.png') no-repeat 0 center;
	padding-left: 20px;
}

#open_nav > .inner_wrap > ul > li > ul {
	display: table-cell;
	vertical-align: middle;
	height: inherit;
}

#open_nav > .inner_wrap > ul > li > ul > li {
	padding: 10px;
	box-sizing: border-box;
	float: left;
}

#open_nav > .inner_wrap > ul > li > ul > li > a {
	background: url('../../img/icon/bu_small_dot.png') no-repeat left center;
	padding-left: 12px;
}

.sidetitle {
	display: table;
	height: 100px;
	text-align: center;
	font-size: 2em;
	font-weight: 700;
	color: #333;
	margin: 0 auto;
}

.sidetitle span { display:table-cell; vertical-align:middle; height:inherit; }

#sidemenu > ul > li {width: 100%;box-sizing: border-box; border-bottom: 1px solid #e8e8e8;}
#sidemenu > ul > li:first-child { border-top: 1px solid #e8e8e8; }

#sidemenu > ul > li a {
	display: block;
	height: 44px;
	line-height: 40px;
	vertical-align: middle;
	padding: 0 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
	font-size: 0.9em;
}

#sidemenu > ul > li > a { border-bottom:1px solid #e8e8e8;}

#sidemenu > ul > li a:hover, #sidemenu > ul > li a.on {
	color: #fff;
	background-color: #0061c2;
	border-bottom: 0;
}

#sidemenu > ul > li > ul {
	background: ##0b3259;
}

#sidemenu > ul > li > ul > li > a {
	height: 30px;
	line-height: 30px;
	padding: 0 40px;
}

#sidemenu > ul > li > ul > li > a.on, #sidemenu > ul > li > ul > li > a:hover {
	background-color:#0b3259;
}

#sidemenu > ul > li > ul > li > a:before { content:"-"; padding-right:5px; }

@media (max-width:1024px) {
	#topmenu {top: 57px;}
	#topmenu > ul > li > ul {top: 43px;}

	#open_nav > .inner_wrap > ul {padding-left: 24%;background-position: 3% 36%;}
}
@media (max-width:800px) {
	#open_nav { display:none !important;}
}