@CHARSET "UTF-8";

/*-----------------------------------------------------
@author: helixcite
@copyright: www.meisai.jp

-------------------------------------------------------*/

* {    margin: 0;}
html, body {    height: 100%;}
html, body, input, textarea {    font-family: 'Molengo', Verdana, Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;    font-size: 11px;    color: #333;    line-height:   140%;}
body {  	background-color:#cbcbcb;}
h1, h2, h3, h4 {    margin: 0px 0px 0;    padding: 0; }
a {    color:#111;    text-decoration: none;}
a:hover, .selected, .pink {    color:#555;  text-decoration: none;}
img {    border:0px;}
a span {   text-decoration: none;}
a.none {    color: #999;    text-decoration:    none;}
li { list-style:none; }

/*------------
  HEADER
--------------*/
#header { padding: 0 0;	height: 50px; top: 0; background: #eee; z-index: 1000; width: 100%; border-bottom: 1px dashed #eee; letter-spacing: 1px; }
.content { width: 970px; margin: 0 auto; height: 50px; background:#ddd; }
.logo {	background: transparent url('img/logo.jpg') 0 0 no-repeat; width: 240px; height: 50px; float: left; text-indent: -9999px; cursor: pointer; margin: 0;}
.logo a{ background:transparent; display:block;	width: 147px; height: 27px;}

.nav_title { float: right; line-height: 50px; color: #aaa; padding-right: 10px; border-right: solid 1px #aaa;}
.navigation { float: right; }
#menu-header { float: left; padding: 0;}
#menu-header li {  list-style: none; list-style-type: none; padding: 0 0 0 1px; position: relative; float: left; line-height: 50px;}
.menu-item a {color: #999; margin-right: 10px; margin-left: 10px; padding: 2px 4px 2px 4px; }
.menu-item a:hover {color: #333;}
.current-menu-item a {color: #000;}
.current-menu-item a:hover {color: #000;}
.menu-item { border-left: solid 1px #eee; border-right: solid 1px #aaa;}
#menu-item-82 { border-left: solid 1px #eee; border-right: solid 1px #ddd;}

.border-bottom {        border-bottom: solid 1px #FFF;}
.border-top {       border-top: solid 1px #eee;}

/*---- BANNER ----*/
#banner{width:100%; height:376px;  background:#000; text-align:center;}
#banner iframe{ width:970px; height:376px; margin:0 auto;}
#banner_filter{ position:absolute; top:50px; width:100%; height:376px; padding:0 auto; margin:0 auto;}

/*------------
  Common
--------------*/
.wrapper {    width: 970px;margin: 0 auto;  min-height: 100px;padding: 2px 0 ; letter-spacing:1px;}
#news {    float: left;  width: 460px;  }
.blogEntry{ margin:0 0 3px 0;  padding-top:10px;  background-color: #fff;  -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.blogEntryMeta  { color:#999;  font-size:11px;  margin: 0 22px;  letter-spacing:0.5px;  }
.blogEntryMeta a {border-bottom:1px dotted #999;  }
.blogEntryTitle  { font-size: 13px;line-height: 24px;  margin: 0 22px 8px 22px;   font-family:  Arial, Helvetica, sans-serif; }
.blogEntryTitle h3  {  color:#000; letter-spacing: 0px; }
.entryContent { }
.entryContent p { color:#333;  margin-bottom: 10px; line-height: 180%; padding: 10px 0 0 0; margin: 0 22px; }
.entryContent h3 { color:#333; margin-bottom: 10px; font-size:15px; line-height: 180%; padding: 10px 0 0 0; margin: 0 22px; }
.entryContent img {padding:5px 0; padding: 10px 0 0 0; }
.entryContent a { margin: 0 2px;   padding:1px 2px;  color:    #111;   background:#33ffd6; -webkit-border-radius: 8px; -moz-border-radius: 8px;    }
.entryContent a:hover  {  color:#FFF;  background:#bc86ff; }
.more{  margin: 15px 0px;}
.more a { color:    #33ffd6;  background: url(img/btn11.png) top left no-repeat;  padding: 2px 0 5px 25px;  }
.more a:hover  {  color:#000; background: url(img/btn11.png) top left no-repeat;  padding: 2px 0 5px 25px;  }
.comments {	position:relative; float:right;	color:#000; text-decoration:none; background:url(img/comments.png) no-repeat; width:47px;	height:35px;	top:-10px; right:0px;	font-weight:bold;}
.comments div {	padding:8px 9px;	width:28px;	text-align:right;}
.really_simple_share {  color:#FFF; border-top:#000 solid 5px; background:#000; padding:5px 22px 0 22px; margin-top:30px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}

.dotline  { background: url(img/dot1.png) top left repeat-x;height: 1px;margin:10px 0 15px; }

.page-title { font-size: 15px;line-height: 24px;  padding: 10px 22px;   font-family:  Arial, Helvetica, sans-serif;  color:#000; background:#33ffd6; margin-bottom:1px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
/*------------
 Side-Left
--------------*/
.solidline {  margin: 0 10px;padding: 20px 0 10px 0;background: url(img/back3.png) top left repeat-x}
.noline {  margin: 0 10px;padding: 10px 0 10px 0;  color:#000;}
.ContentTitle {  font-family:  Arial, Helvetica, sans-serif; font-weight:bold;   padding: 11px 0;  color:#000; letter-spacing: 0px; font-size: 13px;line-height: 24px; margin: 0 10px;  }
.VideoTitle {  font-family:  Arial, Helvetica, sans-serif; font-weight:bold;   padding: 11px 0;  color:#fff; letter-spacing: 0px; font-size: 13px;line-height: 24px; margin: 0 10px;  }

.malmagTitle { font-family:  Arial, Helvetica, sans-serif; font-weight:bold;   padding: 11px;  color:#33ffd6; background:#000; letter-spacing: 0px; font-size: 13px;line-height: 24px;  -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-bottom:10px;}
.row {  background-color: #fff;  -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.rowvideo {  background-color: #000;  -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.row2 {  background-color: #33ffd6;  -webkit-border-radius: 2px; -moz-border-radius: 2px; height:170px;}
.row3 {  background-color: #111;  -webkit-border-radius: 2px; -moz-border-radius: 2px;}

#side-left {  float: left;width: 253px;min-height: 269px; margin-left:2px; }
.side-grid { width: 253px;  }

/*------------
Schedule
--------------*/
#schedule { background: #000;   padding: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.schedulelist { margin:5px; color:#ccc;}
.schedulelist a { color:#fff;}
.schedulelist a:hover { color:#33ffd6}
.scheduleTitle { float: left;width: 220px; font-size: 11px; text-transform: uppercase; }

/*------------
Category
--------------*/
.solidcate {  margin: 0 10px;padding: 0 0 30px 0;background: url(img/back3.png) top left repeat-x}
.category-list { padding: 0; margin:0;}
.category-list ul { margin:0; padding: 0; border-top:1px solid #333; }
.category-list li{ margin:0; padding: 10px; border-bottom:1px solid #dedede; background: #F0EBFF; color:#111;}
.category-list li:hover { color:#333; background: #D9D0EF;}

/*------------
  Youtube
--------------*/
div.categoryitems  {    width:100%; height:23px; margin:10px 0 0 0;  }
div.categoryitems ul li.over ul {  z-index:999;  display: none;  padding:4px 0 0 0;  }
div.categoryitems ul li.over ul a { color:#777;  display:inline;   background: url(img/li1.png) top left no-repeat;  padding: 0 0 20px 10px; }
div.categoryitems ul li.over ul a:hover { color:#fff; display:inline;  }
div.categoryitems ul li.over:hover ul { display: block; position: absolute; background-color:#000; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding:5px 10px 15px 10px; left:50%; margin-left: -23px;   width:233px;}
div.categoryitems ul li.over a  {  color:#777;  }
div.categoryitems ul li.over a:hover  {   color:#fff;  }
div.categoryitems ul  {   padding:5px 0 5px 0; list-style: none;    }
div.categoryitems ul li  {   padding:0;  }
div.categoryitems ul li a  {  display:block; padding:1px 10px 1px 20px;    color:#999;  background: url(img/btn5.png) top left no-repeat; }
div.categoryitems ul li a:hover, .hover, .on  {    color:#fff;   }
div.categoryitems ul li.on a { color:#fff; }
#drop:after {     content:".";display:block;height:0;clear:both;visibility:hidden; }
.f_i{     float:left; display:inline; }

/*------------
Gallery
--------------*/
.GalleryTitle {  font-family:  Arial, Helvetica, sans-serif; font-weight:bold;   padding: 11px 0;  color:#FFF; letter-spacing: 0px; font-size: 13px;line-height: 24px; margin: 0 10px;  }
ul#gallery-image {   width: 230px;   height: 302px; margin-left:-35px;}
ul#gallery-image li  {  width: 74px; height: 74px;   float: left;   border-right: #111 1px solid;   border-bottom: #111 1px solid;   overflow: hidden;   cursor: pointer;  }
ul#gallery-image h3 { text-indent: -9999px;   width: 74px; height: 74px;  opacity: 0.5; -webkit-transition: 0.2s;}
ul#gallery-image h3:hover { opacity: 1; -webkit-transition: 0.2s;}
#img1 h3 {   background: url(img/1.jpg) no-repeat white;}
#img2 h3 {   background: url(img/2.jpg) no-repeat;}
#img3 h3 {   background: url(img/3.jpg) no-repeat;}
#img4 h3 {   background: url(img/4.jpg) no-repeat;}
#img5 h3 {  background: url(img/5.jpg) no-repeat;}
#img6 h3 {   background: url(img/6.jpg) no-repeat;}
#img7 h3 {   background: url(img/7.jpg) no-repeat;}
#img8 h3 {   background: url(img/8.jpg) no-repeat;}
#img9 h3 {  background: url(img/9.jpg) no-repeat;}
#img10 h3 {   background: url(img/10.jpg) no-repeat white;}
#img11 h3 {   background: url(img/11.jpg) no-repeat white;}
#img12 h3 {   background: url(img/12.jpg) no-repeat white;}
.moreg{  margin: 15px 0px;}
.moreg a { color:    #33ffd6;  background: url(img/btn11.png) top left no-repeat;  padding: 2px 0 5px 25px;  }
.moreg a:hover  {  color:#fff; background: url(img/btn11.png) top left no-repeat;  padding: 2px 0 5px 25px;  }

/*------------
 Side-Right
--------------*/
#side-right {  float: right;width: 253px;min-height: 269px; margin-left:2px; }


/*------------
  about link
--------------*/
#about_bannar { width: 253px; height: 129px; margin:0; padding:0; overflow: hidden;   cursor: pointer; background: url(img/about_b_hover.jpg) no-repeat; }
#about_bannar p { text-indent: -9999px;   width: 253px; height: 129px; margin:0; padding:0; background: url(img/about_b.jpg) no-repeat; opacity: 1;-webkit-transition: 0.4s;}
#about_bannar p:hover { opacity: 0; -webkit-transition: 0.4s;}

#lesson_bannar { width: 253px; height: 46px; margin:0; padding:0; overflow: hidden;   cursor: pointer; }
#lesson_bannar p { text-indent: -9999px;   width: 253px; height: 46px; margin:0; padding:0; background: url(img/lesson_b.jpg) top left no-repeat; -webkit-transition: 0.4s;}
#lesson_bannar p:hover { background-position:0px -46px; -webkit-transition: 0.4s;}


/*------------
 contact form
--------------*/
#mail-form {  float:left;  position: relative; width:405px; z-index: 300; margin:20px 0;}
div.wpcf7 {    margin: 0;    padding: 0;}
div.wpcf7-response-output {    margin: 2em 0.5em 1em;    padding: 0.2em 1em;}
div.wpcf7-mail-sent-ok {    border: 2px solid #398f14;}
div.wpcf7-mail-sent-ng {    border: 2px solid #ff0000;}
div.wpcf7-spam-blocked {    border: 2px solid #ffa500;}
div.wpcf7-validation-errors {    border: 2px solid #f7e700;}
span.wpcf7-form-control-wrap {    position: relative;}
span.wpcf7-not-valid-tip {    position: absolute;    top: 20%;    left: 20%;    z-index: 100;    background: #fff;    border: 1px solid #ff0000;    font-size: 10pt;    width: 280px;    padding: 2px;}
span.wpcf7-not-valid-tip-no-ajax {    color: #f00;    font-size: 10pt;    display: block;}
span.wpcf7-list-item {    margin-left: 0.5em;}
.wpcf7-display-none {    display: none;}
img.ajax-loader {    border: none;    vertical-align: middle;}
fieldset {        width: 400px;        margin:10px 10px 10px 0;         padding:15px;         border:1px solid #4b4b4b;        background:#202020;        }
legend {font-size:13px; color:#fff;}
label {float:left; padding:0 0 3px 0;}
input {width: 400px; color:#333; line-height:18px; background:#f9f9f9; border: 1px solid #999; padding: 5px;  -webkit-border-radius: 2px; -moz-border-radius: 2px;  }
input.send {width: 75px; height: 20px; position:relative; left: 200px; background: #F00;}
input.check {width: 15px; height: 15px;}
input.med, textarea.med {width: 405px; height: 200px; font-size:12px; color:#333; line-height:18px; background:#f9f9f9; border: 1px solid #999;  -webkit-border-radius: 2px; -moz-border-radius: 2px;  }
input:focus, textarea:focus, input.submit:focus {background-color:#ccc; outline: none;}
.sendit { display:inline-block; width:100px; background:#fff; padding:0 10px; height:48px; font-size:14px; line-height:48px; color:#666; border:1px solid #999; margin-bottom:0;  -webkit-transition: 0.4s;}
.sendit:hover {  background:#000;  color:#FFF;   -webkit-transition: 0.4s;}
.wpcf7 p {margin-top: 3px; color:#999;  font-size:11px;  line-height:18px;}

#mailmagazine {margin:5px 0 0 10px;}
input#s2email {width: 180px; color:#333; line-height:18px; background:#f9f9f9; border: 1px solid #999; padding: 5px;  -webkit-border-radius: 2px; -moz-border-radius: 2px; float:left; }
input#subscribe {width: 30px; line-height:18px; border: 1px solid #000; padding: 5px;  -webkit-border-radius: 2px; -moz-border-radius: 2px; float:left;  background:#000;  color:#FFF;   -webkit-transition: 0.4s;}
input#subscribe:hover {  background:#f9f9f9;  color:#333;   -webkit-transition: 0.4s;}
.s2_error { color:#ff0000; margin:5px 0 0 10px;}

/*------------
side-social
--------------*/
#side-link { height: 40px; text-align: center; line-height: 30px;  width: 253px; margin:0;  padding:0;   z-index: 40px;}
/*linknav styles*/
div.sidelinkWrapper{ height:40px;   width:253px; float:left;}
.side-social li{  padding:0;   margin: 0;  display:block;    float:left;    height:40px;   list-style: none;}
.side-social{ background: url( img/social_hover.jpg) no-repeat ; overflow: hidden; list-style: none; padding:0; margin: 0;}
.side-social a{ font-size:11px; text-align:left; display:block; line-height:30px; background:url(img/social.jpg) no-repeat;  height:40px; position:relative; }
.selected{   background: url( img/social_hover.jpg) no-repeat ; }
.side-social a span{ display: none;}
.side-social li.youtube a, .side-social li.youtube a.selected{ background-position:0px 0px; width:43px;}
.side-social li.vimeo a, .side-social li.blog a.selected{ background-position:-43px 0px; width:43px;}
.side-social li.soundcloud a, .side-social li.soundcloud a.selected{ background-position:-86px 0px; width:43px;}
.side-social li.itune a, .side-social li.itune a.selected{ background-position:-129px 0px; width:42px;}
.side-social li.facebook a, .side-social li.facebook a.selected{ background-position:-171px 0px; width:42px;}
.side-social li.twitter a, .side-social li.twitter a.selected{ background-position:-213px 0px; width:40px;}

/*------------
foot-link
--------------*/
#footwrap {    width:100%;   padding:10px 0;  background:#bbb  url(img/dot1.png) top left repeat-x ;  letter-spacing: 1px; }
#foot-link {    background: #FFF;     height: 60px;    text-align: center;    line-height: 50px;  width: 970px;	margin: 0 auto;  padding:0;   z-index: 40px;   -webkit-border-radius: 2px; -moz-border-radius: 2px;}
/*linknav styles*/
div.linkWrapper{     float:left;   height:60px;   width:970px;    margin-top:5px;  position:relative;}
.linknav li{  padding:0;   margin: 0;  display:block;    float:left;    height:50px;   list-style: none;}
.linknav{    background: url( img/link-hover.jpg) no-repeat ; overflow: hidden; list-style: none; 	padding:0;   margin: 0;}
.linknav a{    font-size:11px;    text-align:left;    display:block;    line-height:50px;    background:url(  img/link.jpg) no-repeat;  height:50px;    position:relative; }
.selected{   background: url( img/link-hover.jpg) no-repeat ; }
.linknav a span{    display: none;}
.linknav li.mitte a, .linknav li.mitte a.selected{    width:141px;    background-position:0px 0px;}
.linknav li.mworks a, .linknav li.mworks a.selected{    background-position:-141px 0px;    width:131px;}
.linknav li.soundcloud a, .linknav li.soundcloud a.selected{    background-position:-272px 0px;    width:91px;}
.linknav li.itune a, .linknav li.itune a.selected{    background-position:-363px 0px;    width:116px;}
.linknav li.youtube a, .linknav li.youtube a.selected{    background-position:-479px 0px;    width:116px;}
.linknav li.facebook a, .linknav li.facebook a.selected{    background-position:-595px 0px;    width:116px;}
.linknav li.twitter a, .linknav li.twitter a.selected{    background-position:-711px 0px;    width:128px;}
.linknav li.vimeo a, .linknav li.blog a.selected{    background-position:-839px 0px;    width:127px;}

/*------------
  FOOTER
--------------*/
footer {    background: #000;    position: solution; height: 50px;    text-align: center;    line-height: 50px;     width: 970px;   padding:0;   margin: 0 auto;    -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.lovezone {    height: 50px;     float: left;    color: #636363;   position: relative;    line-height: 50px; padding:0;   margin-left: 10px; }
footer a, .logo a {    color: #636363;}
footer a:hover, footer a:hover {    color: #33ffd6;}
.copyright {  color: #fff;   height: 50px;    line-height: 50px;    float: right !important;    padding-right: 10px;}

#menu-foot {	float: left;	padding: 0;}
#menu-foot li {	display: inline-block;	float: left;	padding: 0; }
#menu-foot li a {	  color: #636363;    margin:0 10px;    padding: 0 4px; }
#menu-foot li a.active, #menu-foot li a:hover {color: #999;}


/*------------
  Comments
----------------- */
#comments { clear: both; background:#111; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin:20px 0;}
#comments .navigation { padding: 0 0 18px 0; }
h3#comments-title,
h3#reply-title { color: #fff; font-weight: bold; font-size: 15px; margin-bottom: 0;}
h3#comments-title { padding: 24px 0; }
.commentlist { list-style: none; margin: 0; }
.commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative; }
.commentlist li:last-child { border-bottom:none; margin-bottom:0; }
#comments .comment-body ul,
#comments .comment-body ol { margin-bottom: 18px; }
#comments .comment-body p:last-child { margin-bottom: 6px; }
#comments .comment-body blockquote p:last-child { margin-bottom: 24px; }
.commentlist ol { list-style: decimal;}
.commentlist .avatar { position: absolute; top: 4px; left: 0; }
.comment-author {color: #ccc; }
.comment-author cite { color:#fff; font-style: normal; font-weight: bold; }
.comment-author .says { font-style: italic; }
.comment { font-size: 12px; margin: 0 0 18px 0; padding:10px; color: #ccc;}
.comment a:link,
.comment a:visited { color: #888; text-decoration: none; }
.comment a:active,
.comment a:hover { color: #33ffd6;}
.commentlist .even {}
.commentlist .bypostauthor {}
.reply { font-size: 12px; padding: 0 0 24px 0; }
.commentlist .children { list-style: none; margin: 0; }
.commentlist .children li { border: none; margin: 0;}
.nopassword,
.nocomments { display: none;}
#comments .pingback { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #e7e7e7; }
.commentlist li.comment+li.pingback { margin-top: -6px; }
#comments .pingback p { color: #fff; font-size: 12px; line-height: 18px; display:block; margin: 0; }
#comments .pingback .url { font-style: italic; font-size: 13px; }



/* **************** Comments form **************** */
input[type=submit] { color: #333; }
#respond { margin-top:24px; padding: 10px; overflow: hidden; position: relative; border-top:#cbcbcb solid 5px; background:#fff  url(img/speach.gif) top left no-repeat ; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
#respond p { margin: 0;}
#respond .comment-notes { margin-bottom: 1em;}
.form-allowed-tags { line-height: 1em;}
.children #respond { margin: 0 48px 0 0;}
h3#reply-title { color:#333; margin: 18px 0;}
#comments-list #respond { margin: 0 0 18px 0;}
#comments-list ul #respond { margin: 0;}
#cancel-comment-reply-link { font-size: 12px; line-height: 18px; font-weight: normal; }
#respond .required { color:#FF4B33; font-weight:bold; }
#respond label { color: #888; font-size: 12px; }
#respond input { margin:0 0 9px; width: 400px; }
#respond textarea { width: 400px; }
#respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; }
#respond .form-allowed-tags code { font-size: 11px; }
#respond .form-submit { margin: 12px 0; }
#respond .form-submit input { width: auto; font-size: 14px;  -webkit-transition: 0.4s;}
#respond form #submit:hover{background:#000; color:#fff; -webkit-transition: 0.4s;}