@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
html {
  font-size: 100%; }



a {
  color: #f3468c ;
  text-decoration: none;
  cursor: pointer;
  -moz-transition: all, 0.25s, linear;
  -o-transition: all, 0.25s, linear;
  -webkit-transition: all, 0.25s, linear;
  transition: all, 0.25s, linear; }
  a:hover {
    color: #f0166e;
    text-decoration: underline; }

ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }


.demo {
	margin: 0 auto;
}
  .demo a {
	/* [disabled]display: block; */
}
  .demo .child {
    /* [disabled]display: none; */
    margin: 0 0 -1px;
    padding: 0;
    background: #fff;
    /* [disabled]border: 1px solid #eaeaea; */
}
    .demo .child .menu {
      background: #f9f9f9;
      color: #000000; }
      .demo .child .menu:hover {
        background: #949494; }
    .demo .child > li {
    margin: 4px 0;
    padding: 0 16px;
    /* [disabled]border-bottom: 1px dotted #dddddd; */
}
      .demo .child > li:last-child {
        border-bottom: 0; }

.switch .menu:after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -0.8rem;
  content: '>';
  font-size: 1.4rem;
  font-weight: bold;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-transition: all, 0.25s, linear;
  -o-transition: all, 0.25s, linear;
  -webkit-transition: all, 0.25s, linear;
  transition: all, 0.25s, linear; }
.switch .menu.active:after {
  -moz-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.switch .menu2:after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -0.8rem;
  content: '<';
  font-size: 1.4rem;
  font-weight: bold;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-transition: all, 0.25s, linear;
  -o-transition: all, 0.25s, linear;
  -webkit-transition: all, 0.25s, linear;
  transition: all, 0.25s, linear; }
.switch .menu2.active:after {
  -moz-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.child01 {
    /* [disabled]border: 1px solid #eaeaea; */
}

.child02 {
  color: #5e5e5e;display: none; }

.child02 li a{text-decoration:underline;}

.menu {
	display: block;
	position: relative;
	margin: 1px 0 0;
	padding: 20px;
}

.menu2 {
	display: block;
	position: relative;
	margin: 1px 0 0;
	padding: 20px;
}


.demo05 .child > li {
  border-bottom: 0; }
.demo05 .menu {
  background: #FFFFFF;
  color: #fff; }
  .demo05 .menu:hover {
    background: #a0dbfd;
    text-decoration: none; }

.under{text-decoration:underline;}

.q_haba{padding-right:3em;}

.fsize{
    /* [disabled]font-size:1.5em !important; */
    line-height: 1.5em !important;
}


.kate{
	color:#000000 !important;
	font-weight: bold;
	font-size: 1.3em;
	border-left: 5px solid #068938;
	border-bottom: 1px solid #068938;
}

.kate_mb{
	margin-bottom: 12px;
}

.contents ul a:hover{color: #FFF!important;background-color:#068938;}