@charset "shift-jis";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body {line-height:1}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block}
nav ul, ul, ol {list-style:none}
:focus {outline:0}
html {margin-left:-1px;overflow-y:scroll}
/*
-----------------------------------
Body
-----------------------------------
*/
body{background:#ccc;color:#444;letter-spacing:0.02em;font:13px/1.5 "Lucida Grande","Hiragino Kaku Gothic Pro","30D230E930AE30CE89D230B420Pro20W3","30e130a430ea30aa","FF2DFF3320FF3030B430B730C330AF","Osaka",verdana,arial,sans-serif}
p{padding-bottom:1.2em}
p,li{text-align:justify;text-justify:distribute}
h2{margin:20px 0;padding:5px 0 20px;border-bottom:1px solid #555;text-indent:-9999px}
h3{margin-bottom:12px;color:#125a95;font-weight:700;font-size:20px}
.home_content-left h3{margin-top:10px}
#main h4{margin-bottom:6px;color:#125a95;font-size:15px;font-weight:700}
em{font-style:normal;}
#wrapper{margin:0 auto;width:980px;height:auto;background:#fff}
/*
-----------------------------------
Link
-----------------------------------
*/
a{color:#e60e60}
a:hover{text-decoration:none}
/*
-----------------------------------
Header
-----------------------------------
*/
header{margin:0 auto;padding:0;width:980px;height:150px;position:relative}
header h1{background:#e60e63;width:980px;height:150px;position:relative}
header h1 a{position:absolute;top:35px;left:20px;width:400px;height:80px;text-indent:-9999px;background:url(/images/logo.gif) no-repeat left top}
/*
-----------------------------------
Navigation
-----------------------------------
*/
nav{ margin:0 auto;position:relative;background:#231f20;height:45px;width:980px;font-family:'Lucida Sans Unicode','Lucida Grande',Tahoma,sans-serif}
nav ul{ padding:0px 15px;list-style:none;position:absolute;font-size:14px;font-weight:700;line-height:45px;}
nav ul li{ float:left;width:auto}
nav ul li a{ padding:0 12px;display:block;width:auto;color:#999;text-decoration:none;font-weight:700}
nav ul li a:hover{ color:#eee}
nav ul li.current{ padding:0 12px;color:#f1f1f1;font-weight:700}
nav .mark{ position:absolute;top:-62px;right:180px;width:130px;height:130px;display:block;background:url(/images/mark.png) no-repeat;text-indent:-9999em;z-index:600}
.twitter{ position:absolute; top:0;left:255px;}
.twitter a{ padding:0;display:block;width:50px;height:50px;background:url(/images/twitter.png) no-repeat left center;text-indent:-9999px;}
.facebook{ position:absolute; top:0;left:310px;}
.facebook a{ padding:0;display:block;width:50px;height:50px;background:url(/images/facebook.png) no-repeat left center;text-indent:-9999px;}
/*
-----------------------------------
Main
-----------------------------------
*/
#main{margin-bottom:20px; padding:10px 20px 20px;background:#fff;width:940px;height:auto;overflow:auto}
.content-left{padding-right:50px;float:left;position:relative;width:560px;height:auto}
.home_content-left{;position:relative;float:left;width:560px;height:auto}
#main p,#main ul,#main ol,#popbox p,#popbox ul{font-size:12px}
ul.bullet li, #popbox ul.bullet li{padding-left:12px;list-style:none;background:url(/images/bullet.gif) no-repeat left 6px}
.photo{padding:0 20px 0 0;float:left;width:auto}
/*
-----------------------------------
Content Right
-----------------------------------
*/
aside{float:right;width:330px;height:auto}
aside h3{font-size:18px}
aside .polaroid{margin:-5px 0 20px -5px;padding:12px 15px 35px 12px;float:right;width:300px;height:200px;background:url(/images/polaroid-final.png) no-repeat left top}
/*
-----------------------------------
Footer
-----------------------------------
*/
footer{padding-top:10px;clear:both;background:#666 url(/images/footer_mark.gif) no-repeat 820px 35px;color:#f1f1f1;}
footer h4{margin-bottom:6px;font-size:14px;font-weight:700}
footer p, #footer li{margin:0 0 6px;padding:0;line-height:1.6;font-size:12px}
footer img{margin:0;padding-right:20px;float:right}
footer ul li{list-style-type:square;list-style-position:inside;line-height:1}
footer .one{width:260px;padding:15px 15px 15px 25px;float:left}
footer .two{width:400px;padding:15px;float:left}
footer p span{display:block;color:#999;font-style:italic}
footer .copyright{padding:1.0em 20px 0;border-top:10px solid #666;clear:both;background:#fff;width:940px;height:30px;color:#444;position:relative;font-family:'Lucida Sans Unicode','Lucida Grande',Tahoma, sans-serif;}
footer .copyright p#backtotop{position:absolute;right:0;top:15px;right:20px;display:block;}
footer .copyright a{color:#e60e60}
footer h4.rss{padding:0 23px 0 0;background:url(/images/rss_icon.png) no-repeat 6.5em center}
footer p.looking{margin-top:12px;padding:0;width:110px;height:24px;text-indent:-9999px;background:url(/images/btn.gif) no-repeat left -96px}
footer p.looking a{display:block;width:110px;height:24px;background:url(/images/btn.gif) no-repeat left -96px}
footer p.looking a:hover{background:url(/images/btn.gif) no-repeat left -120px}
fieldset, form, label{font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline}
/*
-----------------------------------
Top
-----------------------------------
*/
h2.h2welcome{background:url(../images/h2welcome.gif) no-repeat left top}
#youtube_top{margin-bottom:30px;padding:0;width:330px;text-align:left;background:#DFECEA}
#youtube_top h3{padding:0;width:330px;height:40px;background:url(/images/youtube_nav.gif) no-repeat left top;text-indent:-9999px}
#youtube_top .video{margin:0 8px;padding:7px;width:auto;height:245px}
#youtube_top p{margin:0;padding:10px;color:#999;font-size:11px;font-weight:700}
.mini{font-size:0.9em}
#youtube{margin-bottom:20px;padding:0;width:455px;text-align:left;background:#DFECEA}
#youtube h3{margin:0 0 10px;padding:0;width:455px;height:40px;background:url(/images/youtube01.gif) no-repeat left top;font-size:0}
#youtube p{margin:0;padding:10px;color:#999;font-size:11px;font-weight:700}
#youtube .video{margin:0 8px;padding:7px;width:425px;height:345px;background:#fff}
article.post{margin-bottom:15px;padding:0 0 0 20px;border-bottom:1px solid #ccc;background:url(/images/page_icon.png) no-repeat left 5px}
article time{padding-top:10px;color:#777;font-size:12px}
.events article time{display:block;}
article.youtube-list {margin-bottom:12px;padding:0 0 0px 20px;border-bottom:1px dotted #ccc;display:block;background:url(/images/music_icon.png) no-repeat left 3px;}
article.youtube-list h4 a {display:block;margin-bottom:12px;}
.youtube-list p{margin-top:6px;color:#888;}
/* Sudo Slider */
#window{clear:both;width:560px;height:272px;background:#131310;;overflow:hidden;position:relative;margin:10px auto 20px;}
#slideshow{width:1120px;height:544px;overflow:hidden;position:relative;}
#slideshow li{width:560px;height:272px;float:left;display:inline;}
/* Php */
.next form input{margin:0;padding:0;color:#e60e60;cursor:pointer}
.prev form input{margin:0;padding:0;color:#e60e60;cursor:pointer}
/*
-----------------------------------
Discography
-----------------------------------
*/
h2.h2discography{background:url(/images/h2discography.gif) no-repeat left top}
.events strong{color:#125A95;font-weight:700;font-size:14px}
.events p.looking{margin:20px 0 0 111px;padding:0;width:110px;height:24px;text-indent:-9999px;background:url(/images/btn.gif) no-repeat left -48px}
.events p.looking a{display:block;width:110px;height:24px;background:url(/images/btn.gif) no-repeat left -48px}
.events p.looking a:hover{background:url(/images/btn.gif) no-repeat left -72px}
#main .events .meta{padding:0;color:#888;line-height:1;font-size:11px}
/*
-----------------------------------
Profile
-----------------------------------
*/
h2.h2profile{background:url(/images/h2profile.gif) no-repeat left top}
.winning{margin:20px 0;padding:20px; clear:both;background:#dfecea;-webkit-border-radius:5px;-moz-border-radius:5px}
.winning h3{color:#125A95;font-weight:700;font-size:14px;letter-spacing:1px}
.winning p{padding:0}
.winning em{font-style:normal;color:#ff9900;font-size:14px}
/*
-----------------------------------
Schedule
-----------------------------------
*/
/*
-----------------------------------
Lesson
-----------------------------------
*/
h2.h2lesson{margin:20px 0;padding:5px 0 10px;border-bottom:1px solid #555;background:url(../images/h2lesson.gif) no-repeat left top;text-indent:-9999px}
/*
-----------------------------------
Contact
-----------------------------------
*/
h2.h2contact{background:url(/images/h2contact.gif) no-repeat left top}
fieldset{border:none;height:450px}
input, textarea,a{outline:none}
form{width:350px;padding:0}
#forminput input{padding-left:10px;width:250px;margin:0 0 20px 0;border:none;background:none;margin:13px 0 0 8px;font-size:13px}
#forminput .input-bg{background:url(/images/search_bg.jpg) no-repeat left -45px;height:45px;margin-bottom:10px;position:relative}
#formtext textarea{width:298px;height:209px;display:block;border:none;background:none;margin:0 0 0 20px;padding:13px 0 13px 0;font-size:13px;overflow:auto}
#formtext .message-bg{background:url(/images/search_bg.jpg) no-repeat left -340px;width:400px;height:246px}
label{text-indent:0.5em;display:block;font-size:12px;font-weight:700}
label.error{padding:3px;position:absolute;top:-17px;right:75px;color:#a11e22;font:10px italic;text-align:right}
button{margin:10px 0 0 10px;padding:0;border:0;display:block;position:absolute;width:85px;height:24px;background:url(../images/btn.gif) no-repeat left top;text-indent:-9999px;cursor:pointer}
button:hover{background:url(/images/btn.gif) no-repeat left -24px}
/*
-----------------------------------
Tab
-----------------------------------
*/
#idTabs1,#idTabs2,#idTabs3{padding:30px 15px 15px;clear:left;height:auto;background:#fff;zoom:1}
.usual{margin:8px auto;border:10px solid #DFECEA;width:540px;height:auto;background:#D6E3E0}
.usual ul li{width:auto;height:auto;background:none}
.usual li{list-style:none;float:left;width:auto}
#idTabs1 li,#idTabs2 li,#idTabs3 li{margin-left:10px;float:none;width:auto;line-height:1.5}
.usual ul a{display:block;padding:6px 10px;text-decoration:none!important;margin-left:0;color:#999;background:#D6E3E0;font-weight:700}
.usual ul a:hover{color:#222}
.usual ul a.selected{margin-bottom:0;color:#000;background:#fff;border-bottom:1px solid #fff;cursor:default}
.contenttab{margin:0 0 14px;padding:0 0 10px;border-bottom:1px dotted #ccc;clear:both;height:auto;overflow:hidden;position:relative}
/*
-----------------------------------
Error Page
-----------------------------------
*/
.error_page h3,.error_page p{text-align:center}
.error_page p{margin-bottom:30px}
.error_page .winning{margin:0 auto}
.error_page .winning h3{text-align:left}
/*
-----------------------------------
Album Html
-----------------------------------
*/
#popbox{margin:0;padding:10px;float:left;width:600px;height:auto}
.colum_left{padding-right:10px;float:right;width:290px}
.colum_right{float:left;width:280px;padding-right:20px}
#popbox h1{margin:0 0 10px;padding:0px;border:none;color:#125A95;font:bold 14px/1.5 Arial,Helvetica,sans-serif}
#popbox h2{margin:0;padding:0;border:none;color:#125A95;font-size:20px;font-weight:700}
#popbox ol{margin-bottom:10px;border-bottom:10px solid #fff;list-style:none;font:normal 11px Arial,Helvetica,sans-serif}
#popbox ol li{margin:0;padding:4px 0 4px;height:1%;background:url(/images/border_dash.gif) repeat-x left bottom}
#popbox p.song{padding-bottom:0;line-height:1.6;color:#125A95}
#popbox p.meta{margin-bottom:12px;padding:0;clear:both;line-height:1.5;color:#888;font-size:11px}
#popbox li span{padding-right:1em;font:italic 11px Georgia, Times, serif}
a.speaker{padding-right:20px;height:16px;display:inline;background:url(/images/speaker.gif) no-repeat right center}
a.speaker em{font-size:0}
#popbox p{margin:0;padding:0;
cursor:pointer}
/*
-----------------------------------
Loading
-----------------------------------
*/
#loading{position:fixed;top:0;left:0;z-index:5000;background-color:red;font-size:150%;color:white;padding:2px}
#cboxOverlay{background:url(/images/colorbox/overlay.png) 0 0 repeat}
#cboxTopLeft{width:21px;height:21px;background:url(/images/colorbox/borderTopLeft.png) 0 0 no-repeat}
#cboxTopCenter{height:21px;background:url(/images/colorbox/borderTopCenter.png) 0 0 repeat-x}
#cboxTopRight{width:21px;height:21px;background:url(/images/colorbox/borderTopRight.png) 0 0 no-repeat}
#cboxBottomLeft{width:21px;height:21px;background:url(/images/colorbox/borderBottomLeft.png) 0 0 no-repeat}
#cboxBottomCenter{height:21px;background:url(/images/colorbox/borderBottomCenter.png) 0 0 repeat-x}
#cboxBottomRight{width:21px;height:21px;background:url(/images/colorbox/borderBottomRight.png) 0 0 no-repeat}
#cboxMiddleLeft{width:21px;background:url(/images/colorbox/borderMiddleLeft.png) 0 0 repeat-y}
#cboxMiddleRight{width:21px;background:url(/images/colorbox/borderMiddleRight.png) 0 0 repeat-y}
#cboxContent{background:#FFF}
#cboxLoadedContent{margin-bottom:28px}
#cboxTitle{position:absolute;bottom:3px;left:0;text-align:center;width:100%;color:#949494}
#cboxCurrent{position:absolute;bottom:3px;left:58px;color:#949494}
#cboxSlideshow{position:absolute;bottom:3px;right:30px;color:#0092ef}
#cboxPrevious{position:absolute;bottom:0;left:0px;background:url(/images/colorbox/controls.png) -25px 0 no-repeat;width:25px;height:25px;text-indent:-9999px}
#cboxPrevious.hover{background-position:-25px -25px}
#cboxNext{position:absolute;bottom:0;left:27px;background:url(/images/colorbox/controls.png) 0 0 no-repeat;width:25px;height:25px;text-indent:-9999px}
#cboxNext.hover{background-position:0 -25px}
#cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat}
#cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat}
#cboxClose{position:absolute;bottom:0;right:0;background:url(/images/colorbox/controls.png) -50px 0 no-repeat;width:25px;height:25px;text-indent:-9999px}
#cboxClose.hover{background-position:-50px -25px}
.contenttab em{padding-left:1em;font-size:12px}
.song a:link{padding:3px;background:#000;text-decoration:none;font-size:10px}
.song a:hover{padding:3px;color:#F1F1F1;text-decoration:none;font-size:10px}
/**** Inline STYLE-tag style sheet ****/
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}
#cboxOverlay{position:fixed;width:100%;height:100%}
#cboxMiddleLeft, #cboxBottomLeft{clear:left}
#cboxContent{position:relative;overflow:visible}
#cboxLoadedContent{overflow:auto;width:0;height:0}
#cboxLoadedContent iframe{display:block;width:100%;height:100%;border:0}
#cboxTitle{margin:0}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}