@charset "utf-8";

/*
    Kube Professional CSS-framework

	Copyright (c) 2012, Imperavi Inc.

	http://imperavi.com/kube/
*/
/* =Base, reset, normalize
-----------------------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-style: normal;
}
/* Structure tags */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
/* Responsive images and other embedded objects */
img,
object,
embed,
video,iframe {
  width: auto;
  max-width: 100%;
}
/* Responsive images aspeсt ratio */
img,
video,
iframe{
  height: auto;
}
/* To prevent some browsers from inserting quotes on q and p */
blockquote,
q {
  quotes: none;
}
blockquote p:before,
blockquote p:after,
q:before,
q:after {
  content: '';
  content: none;
}
/* Table reset */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}
thead th,
thead td {
  font-weight: bold;
  vertical-align: bottom;
}
/* Image inside */
a img,
th img,
td img {
  vertical-align: top;
}
/* Webkit browsers reset margin */
button,
input,
select,
textarea {
  margin: 0;
}
textarea {
  overflow: auto;
}
/* Normalize buttons in IE */
button {
  width: auto;
  overflow: visible;
}
/* Hand cursor on clickable controls */
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}
/* Trick with vertical align for radio and checkbox  */
input[type="radio"],
input[type="checkbox"] {
  font-size: 110%;
}
/* Horizontal rule reset  */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ddd;
}
/* Clearfix */
.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* =Typography
-----------------------------------------------------------------------------*/
body {
  background: #ffffff;
  color: #000000;
  font-size: 0.875em;
  line-height: 1.5em;
  font-family: 'Source Sans Pro', 'PT Sans', Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}
a {
  color: #336699;
}
a:focus,
a:hover {
  color: #c72020;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Source Sans Pro', 'PT Sans', Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  font-weight: bold;
}
h1 {
  font-size: 2.142em;
  line-height: 1.1333em;
  margin-bottom: .2666em;
}
h2 {
  font-size: 1.714em;
  line-height: 1.1666em;
  margin-bottom: .4555em;
}
h3 {
  font-size: 1.429em;
  line-height: 1.4em;
  margin-bottom: .4em;
}
h4 {
  font-size: 1.143em;
  line-height: 1.5em;
  margin-bottom: .4555em;
}
h5 {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: .5em;
}
h6 {
  font-size: 0.857em;
  line-height: 1.5em;
  margin-bottom: .4555em;
  text-transform: uppercase;
}
hgroup h1,
hgroup h2,
hgroup h3,
hgroup h4,
hgroup h5,
hgroup h6 {
  margin-bottom: 0;
}
hgroup {
  margin-bottom: 0.6em;
}
.subheader {
  font-weight: 300;
  color: #888;
}
h1.subheader {
  font-size: 1.357em;
  line-height: 1.263em;
}
h2.subheader {
  font-size: 1.214em;
  line-height: 1.412em;
}
h3.subheader {
  font-size: 1em;
  line-height: 1.286em;
}
h4.subheader,
h5.subheader {
  font-size: 0.95em;
  line-height: 1.385em;
}
h6.subheader {
  font-size: 0.8em;
  line-height: 1.364em;
}
p,
ul,
ol,
dl,
dd,
dt,
blockquote,
td,
th {
  line-height: 1.5em;
}
ul,
ol,
ul ul,
ol ol,
ul ol,
ol ul {
  margin: 0 0 0 2em;
}
ol ol li {
  list-style-type: lower-alpha;
}
ol ol ol li {
  list-style-type: lower-roman;
}
p,
ul,
ol,
dl,
blockquote,
hr,
pre,
table,
form,
fieldset {
  margin-bottom: 1.5em;
}
dl dt {
  font-weight: bold;
}
dd {
  margin-left: 1em;
}
blockquote {
  margin-bottom: 1.5em;
  padding-left: 1.5em;
  border-left: 1px solid #ccc;
  color: #555555;
}
blockquote small,
cite {
  color: #999999;
  font-style: normal;
}
blockquote p {
  font-size: 1.1em;
  margin-bottom: .5em;
  font-style: italic;
}
small,
blockquote cite {
  font-size: 0.85em;
  line-height: 1;
}
blockquote .pull-right,
.row blockquote .pull-right {
  float: none;
  text-align: right;
  display: block;
}
address {
  font-style: italic;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
strong,
b {
  font-weight: bold;
}
em,
i {
  font-style: italic;
}
sub,
sup {
  font-size: 0.7em;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
figcaption {
  font-size: 0.85em;
  font-style: italic;
}
ins,
mark {
  background-color: #ffee55;
  color: #000000;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-size: 90%;
  font-family: Consolas, Monaco, monospace, sans-serif;
}
pre {
  font-size: 90%;
  color: #444;
  background: #f5f5f5;
  padding: .85em;
  white-space: pre-wrap;
  overflow: auto;
}
code {
  padding: 2px 3px;
  display: inline-block;
  line-height: 1;
  background: #f5f5f5;
  border: 1px solid #ddd;
}
kbd {
  padding: 0 .4em;
  border-radius: .3em;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #ffffff inset;
  background-color: #fafafa;
  border-color: #ccc #ccc white;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  color: #444;
  font-weight: normal;
  white-space: nowrap;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
  font-size: .95em;
}
fieldset {
  padding: 2em 1.5em;
  margin-bottom: 1.5em;
  border: 1px solid #dddddd;
}
legend {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 1em;
}
tfoot th,
tfoot td {
  background-color: #f2f2f2;
}
th,
td {
  border-bottom: 1px solid #eeeeee;
  padding: 0.75em 0.5em;
}
.com {
  color: #888;
}
.lit {
  color: #195f91;
}
.pun,
.opn,
.clo {
  color: #93a1a1;
}
.fun {
  color: #005cb9;
}
.str,
.atv {
  color: #8A6343;
}
.kwd,
.linenums,
.tag {
  color: #000;
}
.typ,
.atn,
.dec,
.var {
  color: #666;
}
.pln {
  color: #5890AD;
}
/* =Tables
-----------------------------------------------------------------------------*/
table caption {
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 0.5em;
  color: #666;
}
table.simple td,
table.simple th {
  border: none;
  padding: 0.75em 0.7em 0.75em 0;
}
table.bordered td,
table.bordered th {
  border: 1px solid #ddd;
}
table.stroked td,
table.stroked th {
  border-bottom: 1px solid #eee;
}
table.striped tbody tr:nth-child(odd) td {
  background-color: #f8f8f8;
}
table.hovered tbody tr:hover td,
table.hovered thead tr:hover th {
  background-color: #f6f6f6;
}
.thead-gray td,
.thead-gray th {
  background-color: #f0f0f0;
}
.thead-black td,
.thead-black th {
  font-weight: normal;
  color: #f6f6f6;
  color: rgba(255, 255, 255, 0.9);
  background-color: #222;
}
table.bordered .thead-black td,
table.bordered .thead-black th {
  border: 1px solid #444;
}
/* =Forms
-----------------------------------------------------------------------------*/
.forms label {
  display: block;
  margin-bottom: 2px;
}
.descr {
  color: #999999;
  font-size: 0.85em;
  line-height: 1.5em;
}
div.descr {
  margin: 4px 0;
}
.columnar div.descr {
  margin-bottom: 10px;
}
.forms ul {
  list-style: none;
  margin: 0;
}
.forms ul li {
  margin-bottom: 10px;
}
.forms.columnar ul li {
  margin-bottom: 15px;
}
/* liner fieldset */
fieldset.liner {
  border: none;
  padding: 0;
}
fieldset.liner legend {
  padding: 0;
  width: 100%;
  padding-bottom: 12px;
}
fieldset.liner legend span {
  padding: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
  display: block;
}
/* multicolumn */
.forms ul.multicolumn:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.forms ul.multicolumn li {
  float: left;
  margin-right: 12px;
  margin-bottom: 0;
  line-height: 1.8em;
}
.forms ul.multicolumn li label {
  margin-bottom: 0;
}
.forms ul.multicolumn li.width-50 {
  width: 48%;
  margin-right: 2%;
}
.forms ul.multicolumn li.width-33 {
  width: 31%;
  margin-right: 2%;
}
/* columnar */
.forms.columnar legend {
  margin-bottom: 1em;
}
.forms.columnar label {
  float: left;
  width: 150px;
  text-align: right;
  margin-right: 20px;
}
.forms.columnar .push,
.forms.columnar div.descr {
  margin-left: 170px;
}
.forms.columnar li fieldset label {
  float: none;
  width: auto;
  text-align: left;
  margin-right: 0;
}
.forms.columnar li fieldset {
  border: none;
  padding: 0;
  margin: 0;
  padding-left: 170px;
  position: relative;
}
.forms.columnar li fieldset section {
  padding: 0;
  position: absolute;
  width: 150px;
  text-align: right;
  left: 0;
  top: 0;
}
.forms.columnar li fieldset section label {
  float: none;
  width: auto;
  margin-right: 0;
  text-align: right;
}
.forms.columnar li fieldset div.descr {
  margin-left: 0;
}
/* section */
.forms li.form-section {
  font-weight: bold;
  border-bottom: 1px solid #eee;
  padding: 1.5em 0 .7em 0;
  font-size: 1.1em;
  margin-bottom: 1.5em;
}
.columnar li.form-section {
  padding-left: 170px;
}
/* tableforms */
table.tableforms td {
  font-size: 90%;
  padding: 1px 10px 3px 0 !important;
  border: none;
}
table.tableforms tr.labels td {
  padding-top: .8em !important;
  font-weight: bold;
}
input[type="radio"],
input[type="checkbox"] {
  position: relative;
  top: -1px;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="phone"],
textarea {
  position: relative;
  z-index: 2;
  font-family: 'Source Sans Pro', 'PT Sans', Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  height: 23px;
  border: 1px solid #ccc;
  margin: 0;
  padding: 1px 2px;
  background-color: white;
  color: #333;
  font-size: .95em;
  line-height: 1;
  border-radius: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -webkit-transition: border ease 0.5s;
  -moz-transition: border ease 0.5s;
  -ms-transition: border ease 0.5s;
  -o-transition: border ease 0.5s;
  transition: border ease 0.5s;
}
textarea {
  line-height: 1.4em;
}
/* Errors and Success */
.error,
.success {
  margin-left: 5px;
  font-weight: normal;
  font-size: 0.85em;
}
input.input-error,
textarea.input-error,
select.input-error,
.input-error {
  border-color: #da3e5a;
  box-shadow: 0 0 0 2px rgba(218, 62, 90, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
input.input-success,
textarea.input-success,
select.input-success,
.input-success {
  border-color: #18a011 ;
  box-shadow: 0 0 0 2px rgba(24, 160, 17, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
input.input-gray,
textarea.input-gray,
select.input-gray,
.input-gray {
  border-color: #ccc;
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
input:focus,
textarea:focus {
  outline: none;
  border-color: #5ca9e4;
  box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
input.input-search,
input[type="search"] {
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 0;
  border-radius: 15px;
}
.input-append,
.input-prepend {
  display: inline-block;
  background-color: #eee;
  height: 23px;
  border: 1px solid #ccc;
  margin: 0;
  padding: 1px 8px;
  color: #333;
  font-size: 1em;
  line-height: 23px;
}
.input-prepend {
  margin-right: -1px;
}
.input-append {
  position: relative;
  z-index: 1;
  margin-left: -1px;
}
/* Placeholders */
::-webkit-input-placeholder {
  color: #999999;
  padding: 1px 2px;
}
/* FF19+ */
::-moz-placeholder {
  color: #999999;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}
:-ms-input-placeholder {
  color: #999999;
}
.btn {
  text-decoration: none;
  color: #000;
  border-radius: 2px;
  font-family: 'Helvetica Neue', 'Source Sans Pro', Helvetica, Arial, sans-serif;
  border: 1px solid #ccc;
  padding: .5em 1.05em;
  font-weight: 500;
  font-size: .85em;

}
.btn:hover {
  background: #fff;
  border: 1px solid #ddd;
}
.btn-small {
  font-size: .7em;
}
.btn-big {
  font-size: 1.2em;
}
.btn-round {
  border-radius: 20px;
}
.btn-full {
  width: 100%;
}
.btn-active,
.btn-active:hover,
.btn.disabled,
.btn[disabled] .btn-disabled,
.btn-disabled:hover {
  background: #e3e3e3;
  border: 1px solid #ccc;
  text-shadow: 0 1px 1px #fff;
}
.btn-active,
.btn-active:hover {
  color: #666;
}
.btn.disabled,
.btn[disabled] .btn-disabled,
.btn-disabled:hover {
  color: #999;
}
.btn:focus .halflings,
.btn:hover .halflings {
  color: #555555;
}
.btn-active .halflings {
  color: #555;
}
/* Group  */
.btn-group {
  display: inline-block;
  margin-right: 2px;
  vertical-align: bottom;
}
.btn-group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.btn-group > .btn,
.btn-group > input {
  float: left;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-left: -1px;
}
.btn-group > .btn:first-child {
  border-radius: 4px 0 0 4px;
}
.btn-group > .btn:last-child {
  border-radius: 0 4px 4px 0;
}
.btn-group > .btn.btn-round:first-child,
.btn-group > .input-search:first-child {
  border-radius: 15px 0 0 15px;
}
.btn-group > .btn.btn-round:last-child,
.btn-group > .input-search:last-child {
  border-radius: 0 15px 15px 0;
}
/* Append  */
.btn-append {
  margin-left: -2px;
  border-radius: 0 4px 4px 0;
}
/* FF fix */
@-moz-document url-prefix("http://") {
  input[type=submit].btn::-moz-focus-inner,
  button.btn::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
}
/* =Navs
-----------------------------------------------------------------------------*/
/* Horizontal */
.nav-h,
.nav-g {
  margin-bottom: 1.5em;
}
.nav-h:after,
.nav-g:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.nav-h ul,
.nav-g ul {
  list-style: none;
  margin: 0;
}
.nav-h ul:after,
.nav-g ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.nav-h ul li,
.nav-g ul li {
  float: left;
  margin-right: 1.5em;
}
.nav-h ul li a,
.nav-h ul li span,
.nav-g ul li a,
.nav-g ul li span {
  display: block;
}
.nav-h ul li a,
.nav-g ul li a {
  color: #000000;
  text-decoration: none;
}
.nav-h ul li a:hover,
.nav-g ul li a:hover {
  color: #c72020;
  text-decoration: underline;
}
.nav-h ul li span,
.nav-g ul li span {
  color: #999999;
}
/* Vertical */
.nav-v {
  margin-bottom: 1.5em;
}
.nav-v ul {
  list-style: none;
  margin: 0;
}
.nav-v ul li {
  border-bottom: 1px solid #eee;
}
.nav-v ul li ul {
  margin-left: 2em;
  font-size: .95em;
}
.nav-v ul li ul li:last-child {
  border-bottom: none;
}
.nav-v ul li ul li a,
.nav-v ul li ul li span {
  padding: 4px 0;
}
.nav-v ul li a,
.nav-v ul li span {
  display: block;
  padding: 5px 0;
}
.nav-v ul li a {
  color: #000000;
  text-decoration: none;
}
.nav-v ul li a:hover {
  color: #c72020;
  text-decoration: underline;
}
.nav-v ul li span {
  color: #999999;
}
/* Breadcrumbs */
.breadcrumbs {
  margin-bottom: 1.5em;
}
.breadcrumbs:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.breadcrumbs ul {
  font-size: .9em;
  color: #999;
  list-style: none;
  margin: 0;
}
.breadcrumbs ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.breadcrumbs ul li {
  float: left;
  margin-right: .5em;
}
.breadcrumbs li + li:before {
  content: " > ";
  color: #999;
  font-size: 12px;
  margin-right: .5em;
}
.breadcrumbs-sections li + li:before {
  content: " | ";
}
.breadcrumbs-path li + li:before {
  content: " / ";
}
.breadcrumbs ul li a {
  color: #666;
  text-decoration: none;
}
.breadcrumbs ul li a.active {
  color: #999;
}
.breadcrumbs ul li a:hover {
  color: #000;
  text-decoration: underline;
}
/* Tabs */
.nav-tabs {
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 1.5em;
}
.nav-tabs:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.nav-tabs ul {
  list-style: none;
  margin: 0;
}
.nav-tabs ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.nav-tabs ul li {
  float: left;
  margin-right: 2px;
}
.nav-tabs ul li a,
.nav-tabs ul li span {
  display: block;
  line-height: 1;
  padding: 8px 12px 9px 12px;
}
.nav-tabs ul li a {
  color: #777777;
  text-decoration: none;
}
.nav-tabs ul li a:focus,
.nav-tabs ul li a:hover {
  color: #000000;
  text-decoration: underline;
}
.nav-tabs ul li .active,
.nav-tabs ul li span {
  color: #000000;
  background: #fff;
  margin-top: -2px;
  position: relative;
  padding: 8px 11px 9px 11px;
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  bottom: -1px;
}
.nav-tabs ul li .active {
  cursor: default;
}
/* Pills */
.nav-pills {
  margin-bottom: 1em;
}
.nav-pills:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.nav-pills ul {
  list-style: none;
  margin: 0;
}
.nav-pills ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.nav-pills ul li {
  float: left;
  margin-right: .5em;
  margin-bottom: 0.5em;
}
.nav-pills ul li a,
.nav-pills ul li span {
  display: block;
  padding: 6px 11px;
  line-height: 1;
}
.nav-pills ul li a {
  color: #000000;
  text-decoration: none;
  background-color: #f3f4f5;
}
.nav-pills ul li a:hover {
  color: #555555;
  text-decoration: underline;
}
.nav-pills ul li .active,
.nav-pills ul li .active:hover,
.nav-pills ul li span {
  padding: 5px 10px;
  border: 1px solid #ddd;
  background: none;
}
.nav-pills ul li .active,
.nav-pills ul li .active:hover {
  cursor: default;
  text-decoration: none;
}
/* =Pagination
-----------------------------------------------------------------------------*/
.pagination {
  position: relative;
  left: -7px;
  margin-left: 0;
  list-style: none;
}
.pagination:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.pagination li {
  float: left;
  margin-right: .5em;
}
.pagination li a,
.pagination li span {
  display: block;
  padding: 4px 7px;
  line-height: 1;
  color: #000;
  text-decoration: none;
}
.pagination li span {
  border: 1px solid #ddd;
}
.pagination li a:focus,
.pagination li a:hover {
  text-decoration: underline;
}
.label {
  border-radius: 2em;
  border: 1px solid #ddd;
  font-size: .7em;
  display: inline-block;
  font-weight: 600;
  line-height: 1.8em;
  padding: 0 1em;
  color: #000;
  text-decoration: none;
}
.label:hover {
  border-color: #bbb;
}
/* =Grid
-----------------------------------------------------------------------------*/
.row {
  margin-bottom: 1.5em;
}
.container.row {
  margin-bottom: 0;
}
.container:after,
.row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.half,
.third,
.quarter,
.fifth,
.sixth,
.twothird,
.twofifth,
.threefifth,
.fourfifth,
.fivesixth,
.threequarter {
  margin-left: 3.1914893617021276%;
  float: left;
  min-height: 1px;
}
.half:first-child,
.third:first-child,
.quarter:first-child,
.fifth:first-child,
.sixth:first-child,
.twothird:first-child,
.twofifth:first-child,
.threefifth:first-child,
.fourfifth:first-child,
.fivesixth:first-child,
.threequarter:first-child {
  margin-left: 0;
}
.sixth {
  width: 14.007092198581558%;
}
.fifth {
  width: 17.4468085106383%;
}
.quarter {
  width: 22.606382978723403%;
}
.third {
  width: 31.205673758865245%;
}
.half {
  width: 48.40425531914894%;
}
.threequarter {
  width: 74.20212765957446%;
}
.twothird {
  width: 65.60283687943262%;
}
.twofifth {
  width: 38.08510638297872%;
}
.threefifth {
  width: 58.72340425531915%;
}
.fourfifth {
  width: 79.36170212765958%;
}
.fivesixth {
  width: 82.8014184397163%;
}
.push-half,
.push-threequarter,
.push-quarter,
.push-third,
.push-twothird,
.push-fifth,
.push-twofifth,
.push-threefifth,
.push-fourfifth,
.push-sixth,
.push-fivesixth {
  position: relative;
}
.push-half {
  left: 51.59574468085106%;
}
.push-third {
  left: 34.39716312056737%;
}
.push-quarter {
  left: 25.79787234042553%;
}
.push-fifth {
  left: 20.638297872340427%;
}
.push-sixth {
  left: 17.198581560283685%;
}
.push-threequarter {
  left: 77.39361702127658%;
}
.push-twothird {
  left: 68.79432624113474%;
}
.push-twofifth {
  left: 41.27659574468085%;
}
.push-threefifth {
  left: 61.91489361702128%;
}
.push-fourfifth {
  left: 82.55319148936171%;
}
.push-fivesixth {
  left: 85.99290780141843%;
}
.split .half,
.split .third,
.split .quarter,
.split .fifth,
.split .sixth,
.split .twothird,
.split .twofifth,
.split .threefifth,
.split .fourfifth,
.split .fivesixth,
.split .threequarter {
  margin-left: 0;
}
.split .half {
  width: 50%;
}
.split .threequarter {
  width: 75%;
}
.split .quarter {
  width: 25%;
}
.split .third {
  width: 33.3%;
}
.split .twothird {
  width: 66.6%;
}
.split .fifth {
  width: 20%;
}
.split .twofifth {
  width: 40%;
}
.split .threefifth {
  width: 60%;
}
.split .fourfifth {
  width: 80%;
}
.split .sixth {
  width: 16.6%;
}
.split .fivesixth {
  width: 83.4%;
}
.inner {
  padding: 1.5em;
}
.inner-left {
  padding-left: 1.5em;
}
.inner-right {
  padding-right: 1.5em;
}
.inner-nobottom {
  padding-bottom: 1px;
}
.inner-double {
  padding: 3em;
}
.inner-double-left {
  padding-left: 3em;
}
.inner-double-right {
  padding-right: 3em;
}
.inner-double-nobottom {
  padding-bottom: 1px;
}
.row .push-right {
  float: right;
}
.row .centered {
  float: none;
  margin: 0 auto;
}
/* =Blocks
-----------------------------------------------------------------------------*/
.block-two,
.block-three,
.block-four,
.block-five,
.block-six {
  list-style: none;
  margin-left: -3.1914893617021276%;
  margin-bottom: 0;
}
.block-two:after,
.block-three:after,
.block-four:after,
.block-five:after,
.block-six:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.block-two > li,
.block-three > li,
.block-four > li,
.block-five > li,
.block-six > li {
  height: auto;
  float: left;
  margin-bottom: 1.5em;
  margin-left: 3.1914893617021276%;
}
.block-two > li {
  width: 46.80851063829787%;
}
.block-three > li {
  width: 30.141843971631204%;
}
.block-four > li {
  width: 21.80851063829787%;
}
.block-five > li {
  width: 16.80851063829787%;
}
.block-six > li {
  width: 13.47517730496454%;
}
/* =Goodies
-----------------------------------------------------------------------------*/
.image-left {
  float: left;
  margin: 0 1em 1em 0;
}
.image-right {
  float: right;
  margin: 0 0 1em 1em;
}
.image-left img,
.image-right img {
  position: relative;
  top: .4em;
}
.supersmall {
  font-size: 0.7em;
}
.small {
  font-size: 0.85em;
}
.big {
  font-size: 1.2em;
}
input.big {
  padding: 2px 0;
  font-size: 1.2em;
}
.text-centered {
  text-align: center;
}
.uppercase {
  text-transform: uppercase;
}
.nowrap {
  white-space: nowrap;
}
.clear {
  clear: both;
}
.last {
  margin-right: 0 !important;
}
.pause {
  margin-bottom: 0.75em !important;
}
.end {
  margin-bottom: 0 !important;
}
.handle {
  cursor: move;
}
.normal {
  font-weight: normal;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.req,
.required {
  font-weight: normal;
  color: #da3e5a;
}
.highlight {
  background-color: #e5ecf5 !important;
}
/* Width */
.width-33 {
  width: 33%;
}
.width-50 {
  width: 50%;
}
.width-100 {
  width: 100%;
}
input.width-100 {
  width: 98.6%;
}
textarea.width-100 {
  width: 99.4%;
}
select.width-100 {
  width: 99.4%;
}
/* Colors */
.black {
  color: #000000;
}
.gray-dark {
  color: #555555;
}
.gray {
  color: #777777;
}
.gray-light {
  color: #999999;
}
.white {
  color: #ffffff;
}
.red,
.error {
  color: #da3e5a;
}
.green,
.success {
  color: #18a011;
}
/* Link Colors Hover */
a.white:focus,
a.white:hover {
  color: #bfbfbf;
  color: rgba(255, 255, 255, 0.6);
}
a.green:focus,
a.green:hover,
a.red:focus,
a.red:hover,
a.error:focus,
a.error:hover {
  color: #000000;
}


@charset "utf-8";

/* ShinNarita 2013_06*/

/* @group  universal reset  */

body {
    *font-size: small;
    *font: x-small;
    text-align: center;
	vertical-align: baseline;
	font: 13px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
	color: #444444;
	background: url(/dir/ux/img/bg_body.jpg) repeat-x center top;
}

iframe {width:720px;
height:500px;}

p {
	text-align: left;
	line-height: 1.6;
	margin: 0px 0px 1.2em;
	font-size: 108%;
}

caption, th, td {
	text-align: left;
}

ul {
	list-style: none;
}

a img {
	border: none;
	background: none;
}

a {
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #618ae2;
}

/* @end */

/* @group layout-box */

.wrapper {
	width: 940px;
	margin: auto;
}

#main {
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 40px;
    min-width:942px;
}

#sub {
    float: left;
	width: 188px;
	position: relative;
	top: -120px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 5px rgba(00, 00, 00, 0.3);
	box-shadow: 0px 1px 5px rgba(00, 00, 00, 0.3);
}

#contents {
	float: right;
	width: 720px;
}

/* @end */

/* @group Typo */

.topheader h1 {
	margin: 0;
	padding: 0;
}

.ttl h1 {
	width: 720px;
	height: 100px;
	float: right;
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: left;
	background: url(/dir/ux/img/bg_h1_company.png) center center;
}

.ttl h1 img {
	position: relative;
	left: 20px;
	top: 36px;
}
#main h1{font-size:77%;
text-align:right;
color:#ccc;}

h2 {
	text-align: left;
	background: url(/dir/ux/img/h2_blue.png) no-repeat left top;
	padding-left: 20px;
	padding-top: 12px;
	clear: both;
}

#sub h2 {
	background-image: url(/dir/ux/img/bg_blue.png);
	text-align: center;
	margin-bottom: 1px;
	padding-left: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}

h3 {
	text-align: left;
	background-color: #f3f3f3;
	margin-top: 24px;
	margin-bottom: 10px;
	padding-left: 10px;
	line-height: 2;
	color: #444;
	border-left: 8px solid #538fe5;
}

h3:first-child {
	margin-top: 0px;
}

h4 {
	text-align: left;
	background-color: #f3f3f3;
	font-size: 100%;
	padding: 8px 10px;
}

/* @end */


/* @end */

/* @group nav */

/* @group gnavi */

#gnavi {
	background-image: url(/dir/ux/img/bg_navi.png);
	text-align: center;
        min-width:940px;
	border-bottom: 1px solid #000;
	-webkit-box-shadow: 0px 2px 1px 0px rgba(00, 00, 00, 0.2);
	box-shadow: 0px 2px 1px 0px rgba(00, 00, 00, 0.2);
}

#gnavi ul {
	width: 940px;
	margin: auto;
	border-left: 1px solid #000;
	border-right: 1px solid #555;
}

#gnavi li {
	float: left;
	width: 186px;
	border-left: 1px solid #555;
	border-right: 1px solid #000;
}

#gnavi a {
	display: block;
	padding: 12px 1px 6px;
}

#gnavi a:hover {
	background-color: #111;
}

/* @end */

/* @group breadcrumbs */

.breadcrumbs li {
	line-height: 40px;
	margin-left: 10px;
    font-size:116%;
}

.breadcrumbs li a {
	background: url(/dir/ux/img/ico_right_gray.png) no-repeat right center;
	display: block;
	padding: 0px 40px 0px 10px;
	color: #0e76e5;
}

.breadcrumbs li:before {
	display: none;
}

.breadcrumbs li:last-child {
	background-image: none;
}
/* @end */


/* @end */

/* @group header

 */

/* @group top */

header {
	
}

.topheader {
	margin-top: 20px;
}
.logo {
    width: 188px;
	height: 202px;
	float: left;
}

.sidelogo {
	width: 188px;
	height: 202px;
}

.headerimg {
	float: right;
}


/* @group #sidemenu */

ul#sidemenu {
    margin-left: 0px;
    margin-bottom: 20px;
   border-bottom: 1px solid #ccc;
}

ul#sidemenu li a {
	text-align: left;
	padding: 6px 10px;
	padding-left: 26px;
	line-height: 1.4;
	display: block;
	color: #333;

}


ul#sidemenu li a{
    background-color: #fff;
    margin-top:6px;
    padding-top:12px;
    background: url(/dir/ux/img/ico_right_sub.png) no-repeat 8px 14px;
}
ul#sidemenu li a:hover{
    background-position: 10px 14px;
}

/* @end */

.ttl {
	width: 940px;
	height: 120px;
	margin: auto;
	display: block;
}

/* @end */



/* @group Goodies */

/* @group btn */

a.btn{
	background-color: #538fe5;
	padding: 10px 30px;
	font-size: 108%;
	font-weight: bold;
	color: #fff;
	border: none;
	background-image: url(/dir/ux/img/bg_blue.png);
}
a.btn:hover{
	background-color: #5089dc;
	border: none;
}
/* @end */

/* @group news */

ul.news {
	margin-left: 0px;
    max-height: 400px;
    overflow: scroll;
}

ul.news li {
	background-color: #f3f3f3;
	margin-bottom: 10px;
	padding: 10px;
	border-left: 3px solid #5490e7;
	text-align: left;
}

ul.news li strong {
	color: #5490e7;
	display: block;
}

/* @end */

/* @group list */

ul.list {
	text-align: left;
	margin-left: 0px;
}

ul.list li {
	margin-bottom: 0.6em;
	line-height: 1.4;
	padding-left: 14px;
	background: url(/dir/ux/img/bg_blue.png) no-repeat -294px -64px;
}

/* @end */

/* @group contact */

p.mail {
	background-image: url(/dir/ux/img/bg_blue.png);
	display: block;
	margin-bottom: 14px;
	border: 2px solid #fff;
}

p.mail a {
	display: block;
}

p.mail a:hover {
	background-color: #518ce2;
}

p.tel,
div.contactbox .half {
	background-color: #f3f3f3;
	height: 48px;
}

p.tel {
	margin-bottom: 0px;
}

div.contact {
	background-color: #068ded;
    background-image: url(/dir/ux/img/bg_blue.png);
	padding: 16px 20px 4px;
	text-align: left;
}

/* @end */

/* @group #breadcrumb */

div#breadcrumb {
	margin-bottom: 10px;
	color: #999;
}

div#breadcrumb a {
	font-size: 100%;
	margin: 0px 6px;
	padding: 4px 16px 4px 16px;
	border: 1px solid #daefca;
	border-bottom: 3px solid #daefca;
	display: inline-block;
	white-space: nowrap;
	color: #4c6745;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff;
	background: -webkit-linear-gradient(top,  #fff 0%,#f1fdeb 100%);
	background: linear-gradient(to bottom,  #fff 0%,#f1fdeb 100%);
}

div#breadcrumb a:hover {
	background: #f1fdeb;
	background: -webkit-linear-gradient(top,  #daefca 0%,#effae8 30%);
	background: linear-gradient(to bottom,  #daefca 0%,#effae8 30%);
	-webkit-box-shadow: 0 1px 1px #fff;
	-moz-box-shadow: 0 1px 1px #fff;
	box-shadow: 0 1px 1px #fff;
	text-decoration: none;
}

div#breadcrumb img {
	margin: 0px 4px;
}

/* @end */

/* @end */

/* @group contents */

/* @group lead */

p.lead {
	font-size: 124%;
	margin-bottom: 2em;
}

/* @end */

/* @group photolist */

.photolist {
	clear: both;
}

div.photolist ul li {
	
}

div.photolist p {
	font-weight: bold;
	line-height: 1.3;
	height: 3em;
	margin: 10px 10px 10px;
}

div.photolist ul li span {
	margin: 10px;
	height: 140px;
	overflow: hidden;
	display: block;
	clear: both;
}

div.photolist a span.itembtn {
	height: 20px;
	padding-top: 2px;
	background-image: url(/dir/ux/img/bg_green.png);
}

div.photolist a:hover span.itembtn {
	background-image: none;
	background-color: #0faa0c;
}

div.photolist span.itembtn img {
	float: right;
	padding-right: 4px;
}

div.photolist ul li a {
	display: block;
	padding-top: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	background-color: #f3f3f3;
	padding-bottom: 6px;
}

div.photolist ul li a:hover {
	background-color: #eee;
}

div.photolist div.pagination ul li span{
    height: 20px;
}


/* @end */
/* @group pagination */

ul.pagination{
    background-color: #eee;
	position: relative;
	left: 0px;
}
ul.pagination li{
	margin-left: 0px;
	
}
ul.pagination li a{
	padding: 8px 10px;
	color: #888;
	font-weight: bold;
}
ul.pagination li span{
	background-color: #068ded;
	color: #fff;
	font-weight: bold;
	padding: 8px 10px;
	border: none;
}

/* @end */
/* @group itembox */

/* @group form */

div.cart {
	text-align: left;
	padding: 10px;
	background-color: #ddd;
	font-weight: bold;
}

div.cart select,
div.cart input {
	margin-left: 10px;
}

div.cart input.btn {
	width: 100%;
	background: #666;
	color: #fff;
	font-weight: bold;
	font-size: 116%;
	border: none;
	padding: .6em 1.05em;
	margin: 10px 0px;
}

div.cart input.btn:hover {
	background: #444;
}

div.itemexp .cart {
	margin-top: 30px;
	padding-top: 10px;
}

div.itemexp input.btn {
	margin: 0px;
}

form {
	margin-bottom: 0px;
}

/* @end */

div.itemexp {
	margin: 10px 0px 30px;
	font-size: 100%;
	clear: both;
}

div.itemphoto {
	background: url(/dir/ux/img/bg_dot.png) repeat left bottom;
}

div.itemphoto img {
	height: auto;
	margin-bottom: 14px;
}

div.itemdata ul {
	margin: 16px 4px;
	text-align: left;
}

div.itemdata ul li {
	border-bottom: 1px solid #bbb;
	padding: 2px;
	margin-bottom: 6px;
}

div.itemdata ul li strong {
	display: inline-block;
	margin-left: 2em;
}

div.itemdata p,
div.itemexp p {
	margin-left: 4px;
}

div.itemdata p.memo {
	border-top: 1px solid #ccc;
	margin: 0px 0px 20px;
	font-size: 85%;
	padding: 6px 0em 6px 1em;
	text-indent:-1em;
}


/* @end */


/* @group step */

div.step {
	position: relative;
	clear: both;
	margin-bottom: 24px;
	margin-top: 24px;
	background-color: transparent;
}

div.step:after {
	content: ' ';
	width: 47px;
	height: 42px;
	display: block;
	position: relative;
	top: px;
	margin: auto;
	background: url(/dir/ux/img/ico_bottom.png) no-repeat;
	clear: both;
}

div.last {
	margin-bottom: 60px;
}

div.last:after {
	background-image: none;
}

div.step h3 {
	font-size: 108%;
	padding: 4px 0px 2px 14px;
	width: 5em;
	color: #fff;
	position: relative;
	background: #538fe5;
	border: 2px solid #538fe5;
}

div.step h3:after,
div.step h3:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

div.step h3:after {
	border-color: rgba(56, 254, 5, 0);
	border-left-color: #538fe5;
	border-width: 6px;
	top: 50%;
	margin-top: -6px;
}

div.step h3:before {
	border-color: rgba(83, 143, 229, 0);
	border-left-color: #538fe5;
	border-width: 9px;
	top: 50%;
	margin-top: -9px;
}

div.step h3 span.txt {
	display: block;
	position: absolute;
	top: 4px;
	text-align: left;
	left: 108px;
	width: 640px;
	text-shadow: none;
	font-size: 108%;
	font-weight: bold;
	color: #657a98;
}

div.step img {
	display: inline;
	margin: 24px 24px 0px;
}

/* @end */


/* @group ol/dl */

div.company {
    margin-bottom: 40px;
}

dl {

    width: 100%;
}

dt {
	clear: both;
	display: block;
	float: left;
	font-size: 108%;
	width: 19%;
	text-align: left;
	
	background-color: #f3f3f3;
	margin-bottom: 10px;
	padding: 12px;
	border-left: 3px solid #5490e7;
	margin-right: 20px;

}

dd {
	display: block;
	float: right;
	font-size: 108%;
	padding: 12px;
	text-align: left;
	width: 70%;
	margin-left: 0px;
	position: relative;
}

dd p {
	font-size: 100%;
	margin-bottom: 5px;
	margin-top: 5px;
}

ol {
	margin-bottom: 80px;
	margin-left: 0px;
}

ol li {
	list-style: decimal;
	text-align: left;
	list-style-position: inside;
	font-size: 116%;
	border-bottom: 1px solid #ccc;
	padding: 10px 20px;
}

/* @end */



/* @group form */

div.formsheet {
width: 720px;
    background-color: #f3f3f3;
}
div.formsheet li {

    font-size: 108%;
    line-height: 1.8;
    padding: 8px 10px;
    text-align: left;
    background-color: #f3f3f3;
    margin-bottom:1px;
}
.forms.columnar .push, .forms.columnar div.descr {
    margin-left: 160px;
}

.forms.columnar label {
    float: left;
    text-align: left;
   margin-right: 10px;
    width: 150px;
}

div.formsheet li label {
	border-right: none;
	font-weight: bold;
    display:block;
    width:100%;
    height:100%;
    text-align:left;
}

div.formsheet li span {
	color: #ea6a25;
	margin-left: 4px;
	font-size: 108%;
}



div.formsheet input {
	padding: 4px;
	font-size: 108%;
    width:360px;
}

div.formsheet textarea{
    width:360px;
    height:300px;
}




div.formsheet input.btn {
	background-color: #538fe5;
	color: #fff;
    font-weight:bold;
    font-size:131%;
	padding: 8px 4px;
	background-image: url(/dir/ux/img/bg_blue.png);
    width:370px;
}


div.formsheet input.btn:focus,
div.formsheet input.btn:hover {
	cursor: pointer;
	background-color: #333;
 background-image: url(/dir/ux/img/bg_navi.png);
}
fieldset{border:none;}
legend{border-bottom:4px solid #ddd;display:block;
text-align:left;
padding:20px 10px 10px;
width:670px;}

div.error {
	width: 90%;
	margin: 36px auto;
	font: 124%/1.8 "HG丸ゴシック M-PRO", "Hiragino Maru Gothic ProN", sans-serif;
	color: #52654e;
	padding: 24px;
	border: 3px solid #ffe200;
	background-color: #fff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
}

/* @end */

/* @group footer */

footer {
	clear: both;
	width: 100%;
	min-width: 940px;
	padding-bottom: 30px;
	display: block;
	background: url(/dir/ux/img/bg_body.jpg) repeat-x center top;
}

.flogo {
	text-align: left;
}

.flogo p,
p.copy {
	font-size: 93%;
	margin-top: 0px;
	margin-left: 4px;
	color: #fff;
}

.fnavi p {
	margin-top: 10px;
}

p.copy {
	clear: both;
	border-top: 1px solid #a3d1f2;
	text-align: right;
	padding-top: 8px;
}

.fnavi p a {
	font-size: 93%;
	color: #fff;
	display: block;
	border-bottom: 1px solid #a3d1f2;
}

.fnavi .nav-h {
	margin-bottom: 3px;
}

.fnavi .nav-h ul li a {
	color: #fff;
	font-size: 100%;
	padding: 0px 34px 0px 0px;
}

/* @group gotop */

div.gotop {
	background-color: #6197dd;
	background-image: url(/dir/ux/img/bg_blue.png);
	height: 48px;
	border-bottom: 1px solid #86bfdf;
	margin-bottom: 40px;
}

div.gotop p {
	width: 940px;
	margin: auto;
}

div.gotop p a {
	background-image: url(/dir/ux/img/bg_skyblue.png);
	display: block;
	width: 174px;
	height: 48px;
	float: right;
	padding-left: 14px;
}

div.gotop p a:hover {
	background-image: none;
	background-color: #4571b3;
}

div.gotop p a span {
	display: block;
	position: relative;
	top: 17px;
	color: #fff;
	font-size: 85%;
	font-weight: bold;
	background: url(/dir/ux/img/ico_gotop.png) no-repeat left 2px;
	padding-left: 26px;
}

div.gotop p a span:hover {
	background-position: left 1px;
}

/* @end */

div.theme{background-color:#eee;
padding:20px 14px;
margin-top:20px;}
/* @end */

/* @group clearfix */

header ul:after,
.topheader:after,
div#main:after,
div#toppanel:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

/* @end */

/* @group top */

div#toppanel {
	margin-top: 20px;
	padding-bottom: 16px;
}

div#toppanel li {
	background-color: #fff;
	height: 180px;
}

div#toppanel li p {
	margin: 20px 20px 1em;
	height: 110px;
}

div#toppanel li a {
	display: block;
	clear: both;
}

div#toppanel li a:hover {
	display: block;
	background-image: none;
}
div#toppanel li figure{
    margin-top:5px;
    margin-right:10px;
}

a.bt_bunka {
    background-image: url(/dir/ux/img/bg_green.png);
}

a.bt_bunka:hover {
    background: #50ad26 none;
}

a.bt_doboku {
	background-image: url(/dir/ux/img/bg_yellow.png);
}

a.bt_doboku:hover {
    background: #e3b222 none;
}

a.bt_company {
	background-image: url(/dir/ux/img/bg_blue.png);
}

a.bt_company:hover {
    background: #538fe5 none;
}

/* @end */


/* @group #id color */

.ttl h1 {
    background: url(/dir/ux/img/bg_h1_doboku.png) center center;
}

h2 {
    background: url(/dir/ux/img/h2_yellow.png) no-repeat left top;
}

#sub h2 {
	background-image: url(/dir/ux/img/bg_yellow.png);
}

h3 {
	border-left: 8px solid #f7c636;
}

input.btn {
	background: #f7c636 url(/dir/ux/img/bg_yellow.png);
}

input.btn:hover {
	background: #e3b222 none;
}



a.btn {
    background-image: url(/dir/ux/img/bg_yellow.png);
}

a.btn:hover {
	background-color: #ccc;
}

/* @group #sidemenu */

ul#sidemenu {
    margin-left: 0px;
	margin-bottom: 20px;
   border-bottom: 1px solid #ccc;
}

ul#sidemenu li a {
	text-align: left;
	padding: 6px 10px;
	padding-left: 26px;
	line-height: 1.4;
	display: block;
	color: #333;

}


ul#sidemenu li a.indent_2{
    background-color: #fff;
    border-top: 1px solid #ccc;
    margin-top:6px;
    padding-top:12px;
    background: url(/dir/ux/img/ico_right_sub.png) no-repeat 8px 14px;
}
ul#sidemenu li a.indent_2:hover{
    background-position: 10px 14px;
}

ul#sidemenu li a.indent_3 {
    position: relative;
	background: #ededed;
    margin:0 6px;
    padding-top:10px;
    padding-left:10px;
    border-top:none;
    border-bottom:1px solid #f8f8f8;
}

ul#sidemenu li a.indent_3:hover{
    color:#3e96ea;
    text-decoration:underline;
    background: #efefef;
}




ul#sidemenu li a.indent_3:after {
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(237, 237, 237, 0);
	border-bottom-color: #ededed;
	border-width: 8px;
	margin-left: -8px;
}

ul#sidemenu li a.indent_3+ul#sidemenu li a.indent_2{
    margin-top:6px;
}