@charset "utf-8";
/* CSS Document */

#topmenu{
    width: 100%;
    padding: 10px 0;   /* ← 帯の上下幅を少し広げる */
}

#topmenu li{
    float: left;
    list-style: none;
    display: inline-block;
}

#topmenu li a{
    display: block;        /* ← これ大事 */
    font-size: 15px;
    color: #333;
    border-bottom: none;
    text-decoration: none;
    padding: 8px 0;        /* ← 文字の上下余白 */
    line-height: 1.4;
}

#topmenu li a:hover{
    color: #6b2b23;
}


#submenu{
/*	border: 1px solid #ff0000;*/
	width: 290px;
/*	margin: 0 auto;
	text-align: center;*/
}
#submenu li {
/*	border: 1px solid #00ff00;*/
	text-align: center;
}
.wsen{width: 1000px;}



/* ---------- menu-motion common ---------- */
.menu-motion { visibility: visible; }
/*.menu-motion { visibility: hidden; }*/

/* ---------- menu (F) ---------- */
.motion-f .menu-motion { position: relative; }
.motion-f .menu-motion li { border: 0;}
.motion-f .menu-motion li a { text-align: center; background: transparent;}
.motion-f .menu-motion ul > li { margin-left: 40px; position: relative;}
.motion-f .menu-motion ul > li:first-child { margin-left: 0;}
.motion-f .menu-motion ul > li a,.motion-f .menu-motion ul > li .nolink { font-size: 12px; }
.motion-f .menu-motion ul > li a { color: #333; }
.motion-f .menu-motion ul > li a:hover { color: #cfba64; background-color: transparent;}
.motion-f .menu-motion ul > li > ul { width: 100px; position: absolute; left: 50%; margin-left: -60px; padding: 0; height: 0; z-index: 153;}
.motion-f .menu-motion ul > li:hover > ul,.motion-f .menu-motion ul > li > ul:hover { height: auto;}
.motion-f .menu-motion ul > li > ul > li { display: block; float: none; margin-left: 0; padding: 0; z-index:25; }
.motion-f .menu-motion ul > li > ul > li a,.motion-f .menu-motion ul > li > ul > li .nolink { background-color: #cfba64; font-size: 11px; color: #fff; font-weight: normal; text-align: center; height:0; padding: 0; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; overflow: hidden;white-space:normal; word-wrap:break-word;}
.motion-f .menu-motion ul > li:hover > ul > li a,.motion-f .menu-motion ul > li:hover > ul > li .nolink { height: auto; opacity: 1; padding: 10px 5px; border-bottom: 1px solid #fff; }
.motion-f .menu-motion ul > li > ul > li a:hover { color: #cfba64; background-color: #f1e6b9;}
.motion-f .menu-motion ul > li > ul li:first-child { padding-top: 15px; }
.motion-f .menu-motion ul > li > ul li:first-child:before { content: ""; position: absolute; width: 0; height: 0; border: 7px solid transparent; border-bottom-color: #cfba64; top: 2px; left: 50%; margin-left: -7px; display: none;}
.motion-f .menu-motion ul > li:hover > ul li:first-child:before { display: block;}
.motion-f .menu-motion ul > li > a + ul > li:first-child:after,.motion-f .menu-motion ul > li > .nolink + ul > li:first-child:after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; top: 0; left: 50%; margin-left: -5px;}
.motion-f .menu-motion ul > li:hover > a + ul >li:first-child:after,.motion-f .menu-motion ul > li:hover > .nolink + ul >li:first-child:after { border-top-color: #cfba64;}
.motion-f .menu-motion ul li ul li ul { display: none; }

.motion-f.motion-blue .menu-motion ul > li { margin-left: 40px; position: relative;}
.motion-f.motion-blue .menu-motion ul > li:first-child { margin-left: 0;}
.motion-f.motion-blue .menu-motion ul > li a,.motion-f.motion-blue .menu-motion ul > li .nolink { font-size: 12px; }
.motion-f.motion-blue .menu-motion ul > li a { color: #333; }
.motion-f.motion-blue .menu-motion ul > li a:hover { color: #7ccbcb; background-color: transparent;}
.motion-f.motion-blue .menu-motion ul > li > ul { width: 100px; position: absolute; left: 50%; margin-left: -60px; padding: 0; height: 0;}
.motion-f.motion-blue .menu-motion ul > li:hover > ul,.motion-f.motion-blue .menu-motion ul > li > ul:hover { height: auto;}
.motion-f.motion-blue .menu-motion ul > li > ul > li { display: block; float: none; margin-left: 0; padding: 0; }
.motion-f.motion-blue .menu-motion ul > li > ul > li a { background-color: #7ccbcb; font-size: 11px; color: #fff; font-weight: normal; text-align: center; height:0; padding: 0; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.motion-f.motion-blue .menu-motion ul > li:hover > ul > li a { height: auto; opacity: 1; padding: 10px 5px;}
.motion-f.motion-blue .menu-motion ul > li > ul > li a:hover { color: #fff; background-color: #a4dbdb;}
.motion-f.motion-blue .menu-motion ul > li > ul li:first-child { padding-top: 15px; }
.motion-f.motion-blue .menu-motion ul > li > ul li:first-child:before { content: ""; position: absolute; width: 0; height: 0; border: 7px solid transparent; border-bottom-color: #7ccbcb; top: 2px; left: 50%; margin-left: -7px; display: none;}
.motion-f.motion-blue .menu-motion ul > li:hover > ul li:first-child:before { display: block;}
.motion-f.motion-blue .menu-motion ul > li > a + ul > li:first-child:after,.motion-f.motion-blue .menu-motion ul > li > .nolink + ul > li:first-child:after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; top: 0; left: 50%; margin-left: -5px;}
.motion-f.motion-blue .menu-motion ul > li:hover > a + ul >li:first-child:after,.motion-f.motion-blue .menu-motion ul > li:hover > .nolink + ul >li:first-child:after { border-top-color: #7ccbcb;}

.motion-f.motion-purple .menu-motion ul > li { margin-left: 40px; position: relative;}
.motion-f.motion-purple .menu-motion ul > li:first-child { margin-left: 0;}
.motion-f.motion-purple .menu-motion ul > li a,.motion-f.motion-purple .menu-motion ul > li .nolink { font-size: 12px; }
.motion-f.motion-purple .menu-motion ul > li a { color: #333; }
.motion-f.motion-purple .menu-motion ul > li a:hover { color: #ae96be; background-color: transparent;}
.motion-f.motion-purple .menu-motion ul > li > ul { width: 100px; position: absolute; left: 50%; margin-left: -60px; padding: 0; height: 0;}
.motion-f.motion-purple .menu-motion ul > li:hover > ul,.motion-f.motion-purple .menu-motion ul > li > ul:hover { height: auto;}
.motion-f.motion-purple .menu-motion ul > li > ul > li { display: block; float: none; margin-left: 0; padding: 0; }
.motion-f.motion-purple .menu-motion ul > li > ul > li a { background-color: #ae96be; font-size: 11px; color: #fff; font-weight: normal; text-align: center; height:0; padding: 0; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.motion-f.motion-purple .menu-motion ul > li:hover > ul > li a { height: auto; opacity: 1; padding: 10px 5px;}
.motion-f.motion-purple .menu-motion ul > li > ul > li a:hover { color: #fff; background-color: #c6b6d2;}
.motion-f.motion-purple .menu-motion ul > li > ul li:first-child { padding-top: 15px; }
.motion-f.motion-purple .menu-motion ul > li > ul li:first-child:before { content: ""; position: absolute; width: 0; height: 0; border: 7px solid transparent; border-bottom-color: #ae96be; top: 2px; left: 50%; margin-left: -7px; display: none;}
.motion-f.motion-purple .menu-motion ul > li:hover > ul li:first-child:before { display: block;}
.motion-f.motion-purple .menu-motion ul > li > a + ul > li:first-child:after,.motion-f.motion-purple .menu-motion ul > li > .nolink + ul > li:first-child:after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; top: 0; left: 50%; margin-left: -5px;}
.motion-f.motion-purple .menu-motion ul > li:hover > a + ul >li:first-child:after,.motion-f.motion-purple .menu-motion ul > li:hover > .nolink + ul >li:first-child:after { border-top-color: #ae96be;}

.motion-f.motion-red .menu-motion ul > li { margin-left: 40px; position: relative;}
.motion-f.motion-red .menu-motion ul > li:first-child { margin-left: 0;}
.motion-f.motion-red .menu-motion ul > li a,.motion-f.motion-red .menu-motion ul > li .nolink { font-size: 12px; }
.motion-f.motion-red .menu-motion ul > li a { color: #333; }
.motion-f.motion-red .menu-motion ul > li a:hover { color: #da9693; background-color: transparent;}
.motion-f.motion-red .menu-motion ul > li > ul { width: 100px; position: absolute; left: 50%; margin-left: -60px; padding: 0; height: 0;}
.motion-f.motion-red .menu-motion ul > li:hover > ul,.motion-f.motion-red .menu-motion ul > li > ul:hover { height: auto;}
.motion-f.motion-red .menu-motion ul > li > ul > li { display: block; float: none; margin-left: 0; padding: 0; }
.motion-f.motion-red .menu-motion ul > li > ul > li a { background-color: #da9693; font-size: 11px; color: #fff; font-weight: normal; text-align: center; height:0; padding: 0; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.motion-f.motion-red .menu-motion ul > li:hover > ul > li a { height: auto; opacity: 1; padding: 10px 5px;}
.motion-f.motion-red .menu-motion ul > li > ul > li a:hover { color: #fff; background-color: #e5b6b4;}
.motion-f.motion-red .menu-motion ul > li > ul li:first-child { padding-top: 15px; }
.motion-f.motion-red .menu-motion ul > li > ul li:first-child:before { content: ""; position: absolute; width: 0; height: 0; border: 7px solid transparent; border-bottom-color: #da9693; top: 2px; left: 50%; margin-left: -7px; display: none;}
.motion-f.motion-red .menu-motion ul > li:hover > ul li:first-child:before { display: block;}
.motion-f.motion-red .menu-motion ul > li > a + ul > li:first-child:after,.motion-f.motion-red .menu-motion ul > li > .nolink + ul > li:first-child:after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; top: 0; left: 50%; margin-left: -5px;}
.motion-f.motion-red .menu-motion ul > li:hover > a + ul >li:first-child:after,.motion-f.motion-red .menu-motion ul > li:hover > .nolink + ul >li:first-child:after { border-top-color: #da9693;}

.motion-f.motion-yellow .menu-motion ul > li { margin-left: 40px; position: relative;}
.motion-f.motion-yellow .menu-motion ul > li:first-child { margin-left: 0;}
.motion-f.motion-yellow .menu-motion ul > li a,.motion-f.motion-yellow .menu-motion ul > li .nolink { font-size: 12px; }
.motion-f.motion-yellow .menu-motion ul > li a { color: #333; }
.motion-f.motion-yellow .menu-motion ul > li a:hover { color: #e7d544; background-color: transparent;}
.motion-f.motion-yellow .menu-motion ul > li > ul { width: 100px; position: absolute; left: 50%; margin-left: -60px; padding: 0; height: 0;}
.motion-f.motion-yellow .menu-motion ul > li:hover > ul,.motion-f.motion-yellow .menu-motion ul > li > ul:hover { height: auto;}
.motion-f.motion-yellow .menu-motion ul > li > ul > li { display: block; float: none; margin-left: 0; padding: 0; }
.motion-f.motion-yellow .menu-motion ul > li > ul > li a { background-color: #e7d544; font-size: 11px; color: #fff; font-weight: normal; text-align: center; height:0; padding: 0; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.motion-f.motion-yellow .menu-motion ul > li:hover > ul > li a { height: auto; opacity: 1; padding: 10px 5px;}
.motion-f.motion-yellow .menu-motion ul > li > ul > li a:hover { color: #fff; background-color: #eee27c;}
.motion-f.motion-yellow .menu-motion ul > li > ul li:first-child { padding-top: 15px; }
.motion-f.motion-yellow .menu-motion ul > li > ul li:first-child:before { content: ""; position: absolute; width: 0; height: 0; border: 7px solid transparent; border-bottom-color: #e7d544; top: 2px; left: 50%; margin-left: -7px; display: none;}
.motion-f.motion-yellow .menu-motion ul > li:hover > ul li:first-child:before { display: block;}
.motion-f.motion-yellow .menu-motion ul > li > a + ul > li:first-child:after,.motion-f.motion-yellow .menu-motion ul > li > .nolink + ul > li:first-child:after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; top: 0; left: 50%; margin-left: -5px;}
.motion-f.motion-yellow .menu-motion ul > li:hover > a + ul >li:first-child:after,.motion-f.motion-yellow .menu-motion ul > li:hover > .nolink + ul >li:first-child:after { border-top-color: #e7d544;}

.skin-1 .motion-f .menu-motion ul > li > a + ul > li:first-child:after,.skin-1 .motion-f .menu-motion ul > li > .nolink + ul > li:first-child:after { border-top-color: #333; }
.skin-2 .motion-f .menu-motion ul > li > a + ul > li:first-child:after,.skin-2 .motion-f .menu-motion ul > li > .nolink + ul > li:first-child:after { border-top-color: #eee; }
.skin-3 .motion-f .menu-motion ul > li > a + ul > li:first-child:after,.skin-3 .motion-f .menu-motion ul > li > .nolink + ul > li:first-child:after { border-top-color: #333; }
.skin-4 .motion-f .menu-motion ul > li > a + ul > li:first-child:after,.skin-4 .motion-f .menu-motion ul > li > .nolink + ul > li:first-child:after { border-top-color: #eee; }
.skin-5 .motion-f .menu-motion ul > li > a + ul > li:first-child:after,.skin-5 .motion-f .menu-motion ul > li > .nolink + ul > li:first-child:after { border-top-color: #333; }
.skin-6 .motion-f .menu-motion ul > li > a + ul > li:first-child:after,.skin-6 .motion-f .menu-motion ul > li > .nolink + ul > li:first-child:after { border-top-color: #eee; }
.skin-7 .motion-f .menu-motion ul > li > a + ul > li:first-child:after,.skin-7 .motion-f .menu-motion ul > li > .nolink + ul > li:first-child:after { border-top-color: #b11527; }
.skin-8 .motion-f .menu-motion ul > li > a + ul > li:first-child:after,.skin-8 .motion-f .menu-motion ul > li > .nolink + ul > li:first-child:after { border-top-color: #fbb446; }
.skin-9 .motion-f .menu-motion ul > li > a + ul > li:first-child:after,.skin-9 .motion-f .menu-motion ul > li > .nolink + ul > li:first-child:after { border-top-color: #9dad31; }
.skin-10 .motion-f .menu-motion ul > li > a + ul > li:first-child:after,.skin-10 .motion-f .menu-motion ul > li > .nolink + ul > li:first-child:after { border-top-color: #5ebcd7; }
.skin-11 .motion-f .menu-motion ul > li > a + ul > li:first-child:after,.skin-11 .motion-f .menu-motion ul > li > .nolink + ul > li:first-child:after { border-top-color: #2e5075; }

.motion-f .menu-motion ul > li:hover > a + ul >li:first-child:after,.motion-f .menu-motion ul > li:hover > .nolink + ul >li:first-child:after { border-top-color: #cfba64;}

.skin-2 .motion-f .menu-motion > ul > li > a, .skin-4 .motion-f .menu-motion > ul > li > a, .skin-6 .motion-f .menu-motion > ul > li > a { color: #eee; }
.skin-7 .motion-f .menu-motion > ul > li > a { color: #b11527; }
.skin-8 .motion-f .menu-motion > ul > li > a { color: #fbb446; }
.skin-9 .motion-f .menu-motion > ul > li > a { color: #9dad31; }
.skin-10 .motion-f .menu-motion > ul > li > a { color: #5ebcd7; }
.skin-11 .motion-f .menu-motion > ul > li > a { color: #2e5075; }

/* ---------- menu (G) ---------- */
.motion-g .menu-motion { position: relative; z-index: 5; background-color: #000; padding: 15px; margin: 10px 0; overflow: hidden;}
.motion-g .menu-motion li { float: left; list-style: none; border: 0;}
.motion-g .menu-motion li.back { width: 9px; height: 30px; z-index: 8; border: 1px solid #404040; border-radius: 7px; background-color: #404040; position: absolute;}
.motion-g .menu-motion li.back .left { height: 30px; margin-right: 9px;}
.motion-g .menu-motion li .nolink,.motion-g .menu-motion li a { background: transparent; position: relative; overflow: hidden; text-decoration: none; font-size: 14px; text-align: center; height: 30px; top: 7px; z-index: 10; letter-spacing: 1px; float: left; display: block; margin: auto 10px; }
.motion-g .menu-motion li a { color: #fff; }

.motion-g.motion-yellow .menu-motion { position: relative; z-index: 5; background-color: #fdc22d; padding: 15px; margin: 10px 0; border-top: 1px solid #d8b151; border-bottom: 1px solid #d8b151; overflow: hidden;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fecf2f', endColorstr = '#fdc22d'); -filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fecf2f', endColorstr = '#fdc22d')"; background-image: -moz-linear-gradient(top, #fecf2f, #fdc22d); background-image: -ms-linear-gradient(top, #fecf2f, #fdc22d); background-image: -o-linear-gradient(top, #fecf2f, #fdc22d); background-image: -webkit-gradient(linear, center top, center bottom, from(#fecf2f), to(#fdc22d)); background-image: -webkit-linear-gradient(top, #fecf2f, #fdc22d); background-image: linear-gradient(top, #fecf2f, #fdc22d);}
.motion-g.motion-yellow .menu-motion li.back { width: 9px; height: 30px; z-index: 8; border: 1px solid #d8a525; border-radius: 7px; background-color: #d8a525; position: absolute;}
.motion-g.motion-yellow .menu-motion li a { color: #fff; }

.motion-g.motion-blue .menu-motion { position: relative; z-index: 5; background-color: #4fbcd5; padding: 15px; margin: 10px 0; overflow: hidden; border-top: 1px solid #44a0b7; border-bottom: 1px solid #44a0b7; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#3bb2cf', endColorstr = '#4fbcd5'); filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#3bb2cf', endColorstr = '#4fbcd5')"; background-image: -moz-linear-gradient(top, #3bb2cf, #4fbcd5); background-image: -ms-linear-gradient(top, #3bb2cf, #4fbcd5); background-image: -o-linear-gradient(top, #3bb2cf, #4fbcd5); background-image: -webkit-gradient(linear, center top, center bottom, from(#3bb2cf), to(#4fbcd5)); background-image: -webkit-linear-gradient(top, #3bb2cf, #4fbcd5); background-image: linear-gradient(top, #3bb2cf, #4fbcd5);}
.motion-g.motion-blue .menu-motion li.back { width: 9px; height: 30px; z-index: 8; border: 1px solid #44a0b7; border-radius: 7px; background-color: #44a0b7; position: absolute;}
.motion-g.motion-blue .menu-motion li a { color: #fff; }
.motion-g.motion-blue .menu-motion li a:hover { background-color: transparent; }

.motion-g.motion-green .menu-motion { position: relative; z-index: 5; background-color: #89d328; padding: 15px; margin: 10px 0; overflow: hidden; border-top: 1px solid #5cac1e; border-bottom: 1px solid #5cac1e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#67c123', endColorstr = '#89d328'); filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#67c123', endColorstr = '#89d328')"; background-image: -moz-linear-gradient(top, #67c123, #89d328); background-image: -ms-linear-gradient(top, #67c123, #89d328); background-image: -o-linear-gradient(top, #67c123, #89d328); background-image: -webkit-gradient(linear, center top, center bottom, from(#67c123), to(#89d328)); background-image: -webkit-linear-gradient(top, #67c123, #89d328); background-image: linear-gradient(top, #67c123, #89d328); }
.motion-g.motion-green .menu-motion li.back { width: 9px; height: 30px; z-index: 8; border: 1px solid #76b421; border-radius: 7px; background-color: #76b421; position: absolute;}
.motion-g.motion-green .menu-motion li a { color: #fff; }

/* ---------- menu (H) ---------- */
.motion-h .menu-motion { list-style: none; margin: 0; padding: 0; position: relative; z-index: 5;}
.motion-h .menu-motion li { float: none; border:0;}
.motion-h .menu-motion li a,.motion-h .menu-motion li .nolink { display: block; width: 120px; padding: 13px 15px; margin: 0; margin-bottom: 3px; font-size: 13px; border-radius: 3px; text-decoration: none;  background:#222 repeat-y;}
.motion-h .menu-motion li a { color: #dcdddd; }
.motion-h .menu-motion li a:hover { color: #ffff66; }

.motion-h.motion-green .menu-motion li a,.motion-h.motion-green .menu-motion li .nolink { display: block; width: 120px; padding: 13px 15px; margin: 0; margin-bottom: 3px; font-size: 13px;  border-top: 3px solid #b1fd81; border-right: 1px solid #6fa056; border-left: 1px solid #6fa056; border-radius: 3px; text-decoration: none;  background:#40811f repeat-y;}
.motion-h.motion-green .menu-motion li a { color: #dcdddd; }
.motion-h.motion-green .menu-motion li a:hover { color: #fff; }

.motion-h.motion-navy .menu-motion li a,.motion-h.motion-navy .menu-motion li .nolink { display: block; width: 120px; padding: 13px 15px; margin: 0; margin-bottom: 3px; font-size: 13px; border-top: 3px solid #61a1ee; border-right: 1px solid #949aad; border-left: 1px solid #949aad; border-radius: 3px; text-decoration: none;  background:#29355b repeat-y;}
.motion-h.motion-navy .menu-motion li a { color: #dcdddd; }
.motion-h.motion-navy .menu-motion li a:hover { color: #fff; }

.motion-h.motion-blue .menu-motion li a,.motion-h.motion-blue .menu-motion li .nolink { display: block; width: 120px; padding: 13px 15px; margin: 0; margin-bottom: 3px; font-size: 13px; border-radius: 3px; text-decoration: none;  background:#127ba5 repeat-y;}
.motion-h.motion-blue .menu-motion li a { color: #dcdddd; }
.motion-h.motion-blue .menu-motion li a:hover { color: #fff; }

/* ---------- menu (I) ---------- */
.motion-i .menu-motion { position: relative; z-index: 5; }
.motion-i .menu-motion li { border: 0; float: none; margin-bottom: 3px;}
.motion-i .menu-motion li a,.motion-i .menu-motion li .nolink { border: 1px solid #adb3bb; border-bottom: 3px solid #949aa2; border-radius: 3px;  background: #adb3bb; font-size: 13px; padding: 15px 20px; display: inline-block; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}
.motion-i .menu-motion li a { color: #fff; }
.motion-i .menu-motion li:hover a { border: 1px solid #0092ba; border-bottom: 3px solid #007ca3; border-radius: 3px; background-color: #0092ba; padding-left: 30px;}

.motion-i.motion-purple .menu-motion li a,.motion-i.motion-purple .menu-motion li .nolink { border: 1px solid #d7e0e9; border-bottom: 3px solid #97adc7; border-radius: 3px;  background: #b0c1d2; font-size: 13px; padding: 15px 20px; display: inline-block; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}
.motion-i.motion-purple .menu-motion li a { color: #fff; }
.motion-i.motion-purple .menu-motion li:hover a { border: 1px solid #c4c9e0; border-bottom: 3px solid #6974af; border-radius: 3px; background-color: #858ebe; padding-left: 30px;}

.motion-i.motion-blue .menu-motion li a,.motion-i.motion-blue .menu-motion li .nolink { border: 1px solid #d8e5eb; border-bottom: 3px solid #96b9c8; border-radius: 3px;  background: #b4cdd7; font-size: 13px; padding: 15px 20px; display: inline-block; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}
.motion-i.motion-blue .menu-motion li a { color: #fff; }
.motion-i.motion-blue .menu-motion li:hover a { border: 1px solid #bde4f8; border-bottom: 3px solid #47afea; border-radius: 3px; background-color: #81cef1; padding-left: 30px;}

/* ---------- menu (J) ---------- */
.skin-1 .motion-j .menu-motion { position: relative; z-index: 5; margin: 10px 0; overflow: hidden;}
.skin-1 .motion-j .menu-motion ul { padding: 15px; }
.skin-1 .motion-j .menu-motion li { float: left; list-style: none; border: 0; margin-right: 70px; }
.skin-1 .motion-j .menu-motion li.back { width: 9px;  height: 30px; z-index: 8; padding-top: 30px; border-top: 1px solid #000; position: absolute;}
.skin-1 .motion-j .menu-motion li.back .left { height: 30px; margin-right: 9px;}
.skin-1 .motion-j .menu-motion li a,.skin-1 .motion-j .menu-motion .nolink { background: transparent; position: relative; overflow: hidden; text-decoration: none; font-size: 12px; text-align: center; top: 7px;  z-index: 10; letter-spacing: 1px; display: block; padding: 5px 10px; margin: auto -20px;}
.skin-1 .motion-j .menu-motion li a { color: #000; }

.skin-2 .motion-j .menu-motion { position: relative; z-index: 5; margin: 10px 0; overflow: hidden;}
.skin-2 .motion-j .menu-motion ul { padding: 15px; }
.skin-2 .motion-j .menu-motion li { float: left; list-style: none; border: 0; margin-right: 70px; }
.skin-2 .motion-j .menu-motion li.back { width: 9px;  height: 30px; z-index: 8; padding-top: 30px; border-top: 1px solid #fff; position: absolute;}
.skin-2 .motion-j .menu-motion li.back .left { height: 30px; margin-right: 9px;}
.skin-2 .motion-j .menu-motion li a,.skin-2 .motion-j .menu-motion .nolink { background: transparent; position: relative; overflow: hidden; text-decoration: none; font-size: 12px; text-align: center; top: 7px;  z-index: 10; letter-spacing: 1px; display: block; padding: 5px 10px; margin: auto -20px;}
.skin-2 .motion-j .menu-motion li a { color: #fff; }

.skin-7 .motion-j .menu-motion { position: relative; z-index: 5; margin: 10px 0; overflow: hidden;}
.skin-7 .motion-j .menu-motion ul { padding: 15px; }
.skin-7 .motion-j .menu-motion li { float: left; list-style: none; border: 0; margin-right: 70px; }
.skin-7 .motion-j .menu-motion li.back { width: 9px;  height: 30px; z-index: 8; padding-top: 30px; border-top: 1px solid #F00; position: absolute;}
.skin-7 .motion-j .menu-motion li.back .left { height: 30px; margin-right: 9px;}
.skin-7 .motion-j .menu-motion li a,.skin-7 .motion-j .menu-motion .nolink { background: transparent; position: relative; overflow: hidden; text-decoration: none; font-size: 12px; text-align: center; top: 7px;  z-index: 10; letter-spacing: 1px; display: block; padding: 5px 10px; margin: auto -20px;}
.skin-7 .motion-j .menu-motion li a { color: #F00; }

.skin-8 .motion-j .menu-motion { position: relative; z-index: 5; margin: 10px 0; overflow: hidden;}
.skin-8 .motion-j .menu-motion ul { padding: 15px; }
.skin-8 .motion-j .menu-motion li { float: left; list-style: none; border: 0; margin-right: 70px; }
.skin-8 .motion-j .menu-motion li.back { width: 9px;  height: 30px; z-index: 8; padding-top: 30px; border-top: 1px solid #F60; position: absolute;}
.skin-8 .motion-j .menu-motion li.back .left { height: 30px; margin-right: 9px;}
.skin-8 .motion-j .menu-motion li a,.skin-8 .motion-j .menu-motion .nolink { background: transparent; position: relative; overflow: hidden; text-decoration: none; font-size: 12px; text-align: center; top: 7px;  z-index: 10; letter-spacing: 1px; display: block; padding: 5px 10px; margin: auto -20px;}
.skin-8 .motion-j .menu-motion li a { color: #F60; }

.skin-9 .motion-j .menu-motion { position: relative; z-index: 5; margin: 10px 0; overflow: hidden;}
.skin-9 .motion-j .menu-motion ul { padding: 15px; }
.skin-9 .motion-j .menu-motion li { float: left; list-style: none; border: 0; margin-right: 70px; }
.skin-9 .motion-j .menu-motion li.back { width: 9px;  height: 30px; z-index: 8; padding-top: 30px; border-top: 1px solid #9dad31; position: absolute;}
.skin-9 .motion-j .menu-motion li.back .left { height: 30px; margin-right: 9px;}
.skin-9 .motion-j .menu-motion li a,.skin-9 .motion-j .menu-motion .nolink { background: transparent; position: relative; overflow: hidden; text-decoration: none; font-size: 12px; text-align: center; top: 7px;  z-index: 10; letter-spacing: 1px; display: block; padding: 5px 10px; margin: auto -20px;}
.skin-9 .motion-j .menu-motion li a { color: #9dad31; }

.skin-10 .motion-j .menu-motion { position: relative; z-index: 5; margin: 10px 0; overflow: hidden;}
.skin-10 .motion-j .menu-motion ul { padding: 15px; }
.skin-10 .motion-j .menu-motion li { float: left; list-style: none; border: 0; margin-right: 70px; }
.skin-10 .motion-j .menu-motion li.back { width: 9px;  height: 30px; z-index: 8; padding-top: 30px; border-top: 1px solid #5ebcd7; position: absolute;}
.skin-10 .motion-j .menu-motion li.back .left { height: 30px; margin-right: 9px;}
.skin-10 .motion-j .menu-motion li a,.skin-10 .motion-j .menu-motion .nolink { background: transparent; position: relative; overflow: hidden; text-decoration: none; font-size: 12px; text-align: center; top: 7px;  z-index: 10; letter-spacing: 1px; display: block; padding: 5px 10px; margin: auto -20px;}
.skin-10 .motion-j .menu-motion li a { color: #5ebcd7; }

.skin-11 .motion-j .menu-motion { position: relative; z-index: 5; margin: 10px 0; overflow: hidden;}
.skin-11 .motion-j .menu-motion ul { padding: 15px; }
.skin-11 .motion-j .menu-motion li { float: left; list-style: none; border: 0; margin-right: 70px; }
.skin-11 .motion-j .menu-motion li.back { width: 9px;  height: 30px; z-index: 8; padding-top: 30px; border-top: 1px solid #2e5075; position: absolute;}
.skin-11 .motion-j .menu-motion li.back .left { height: 30px; margin-right: 9px;}
.skin-11 .motion-j .menu-motion li a,.skin-11 .motion-j .menu-motion .nolink { background: transparent; position: relative; overflow: hidden; text-decoration: none; font-size: 12px; text-align: center; top: 7px;  z-index: 10; letter-spacing: 1px; display: block; padding: 5px 10px; margin: auto -20px;}
.skin-11 .motion-j .menu-motion li a { color: #2e5075; }

.motion-j.motion-blue .menu-motion ul li.back { border-top-color: #2073f6; }
.motion-j.motion-blue .menu-motion li a { color: #2073f6; }
.motion-j.motion-orange .menu-motion .nolink { color: #222a38; }

.motion-j.motion-orange .menu-motion ul li.back { border-top-color: #ff8a00; }
.motion-j.motion-orange .menu-motion li a { color: #ff8a00; }
.motion-j.motion-orange .menu-motion .nolink { color: #312a22; }