@charset "utf-8";

/***********************************************************/
/* BASIC */
/***********************************************************/
#basic_body{font-family:"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans",'メイリオ',Meiryo,Arial,Helvetica,sans-serif;font-size:13px;margin:0;padding:0;color:#333;line-height:18px;background:url(../img/bg.jpg) repeat-x;background-color:#FEE8EA}
#position,
#position_in{width:100%;text-align:center;vertical-align:top;margin:0;padding:0}
#position_in{background:url(../img/bg.jpg) repeat-x 0 -43px;background-color:#FEE8EA}
#campus{width:910px;margin:0 auto;padding:0;vertical-align:top;text-align:left;background-color:#FFF;border-style:none}

#nav_block,
#head_block{position:relative;margin:0;padding:0;clear:both}
#head_block h1{float:left;clear:left}
#cont_block{width:880px;margin:20px auto 0;padding:0;text-align:left}
#foot_block{margin:10px 0 0;padding:10px 0;color:#FFF;text-align:center;background-color:#000}

.head_twitter,
.head_facebook{position:absolute;top:80px;right:10px;width:32px;height:32px;margin:0;padding:0}
.head_facebook{top:77px;right:54px;width:30px;height:30px}
.head_twitter  a{filter:brightness(1.3);transition:all .4s}
.head_facebook a{filter:brightness(1.5);transition:all .4s}
.head_twitter a:hover,
.head_facebook a:hover{filter:brightness(1)}
.head_twitter img,
.head_facebook img{max-width:100%;max-height:100%}

.nav{width:910px;margin:0 auto;padding:0;list-style-type:none}
.nav li{display:block;float:left;text-align:center}
.nav li a{display:block;width:130px;height:60px;margin:0;padding:0;background:url(../img/navi.png) no-repeat;text-indent:-5000px}
.m1 a:link, .m1 a:visited {background-position:0 0}
.m1 a:hover {background-position:0 -60px}
.m2 a:link, .m2 a:visited {background-position:-130px 0}
.m2 a:hover, .m2_in a {background-position:-130px -60px}
.m3 a:link, .m3 a:visited {background-position:-260px 0}
.m3 a:hover, .m3_in a {background-position:-260px -60px}
.m4 a:link, .m4 a:visited {background-position:-390px 0}
.m4 a:hover, .m4_in a {background-position:-390px -60px}
.m5 a:link, .m5 a:visited {background-position:-520px 0}
.m5 a:hover, .m5_in a {background-position:-520px -60px}
.m6 a:link, .m6 a:visited {background-position:-650px 0}
.m6 a:hover, .m6_in a {background-position:-650px -60px}
.m7 a:link, .m7 a:visited {background-position:-780px 0}
.m7 a:hover, .m7_in a {background-position:-780px -60px}

.box{margin:10px 0 0;padding:0 0 20px}
.box01{margin:10px 15px 0;padding:0 0 20px}



/***********************************************************/
/* TITLE */
/***********************************************************/
h1{margin:0}
h2{margin:25px 14px 0;padding:0 0 10px;background: url(../img/boder.jpg) bottom repeat-x}
h2.h2_top{margin:25px 0 0}
h3{margin:10px 0 0;padding-left:22px;font-size:18px;line-height:25px;color:#b68799;clear:none;background-image:url(../img/bled02.gif);background-repeat:no-repeat}
h3.h3_prof{font-size:24px}
h3.h3_discography,
#diary h3{margin:0;padding:8px 0 7px 8px;font-family:"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDGothic",Arial,Osaka,sans-serif;border:1px solid #B68799;border-right:0;border-left:0;background-image:none;background-color:#FEE8EA}
h4,h5{margin:0;border-bottom:1px solid #CCC;font-size:12px}
h4{padding:8px 0 0 35px;background:url(../img/h4_point.jpg) 0px 0px no-repeat}

.h2_contact,
.h2_profile,
.h2_live,
.h2_lesson,
.h2_discography,
.h2_links{display:block;width:100%;height:50px;margin:0;background-repeat:no-repeat;background-position:0 0;text-indent:-9999px}
.h2_contact{background-image:url(../img/h2_contact.gif)}
.h2_profile{background-image:url(../img/h2_profile.gif)}
.h2_live   {background-image:url(../img/h2_live.gif)}
.h2_lesson {background-image:url(../img/h2_lesson.gif)}
.h2_discography{background-image:url(../img/h2_discography.gif)}
.h2_links  {background-image:url(../img/h2_link.gif)}



/***********************************************************/
/* COMMON */
/***********************************************************/
p{margin:0;padding:0}
img{border:none}
form{margin:0;padding:0}
label{display:block;width:70%;margin:10px 0 0;padding:0;text-align:center;float:none;clear:both}
a{color:#0061a0;text-decoration:none}
a:hover{color:#F60}
a.bt01 img:hover{filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8}

.none{display:none}
.nowrap{white-space:nowrap}
.bold{font-weight:700}
.clear{height:0;clear:both}
.float_right{margin:0;padding:0;clear:none;float:right}
.float_left{margin:0;padding:0;clear:none;float:left}
.totop{margin-top:20px;font-size:11px;text-align:right}

.center,
.text-center{text-align:center}
.txt_red{color:#900}
.txt_green{color:#360}
.txt_blue{color:#369}
.txt10{font-size:10px}
.txt12{font-size:12px}
.txt14{font-size:14px}
.txt16{font-size:16px}
.txt18{font-size:18px}



/***********************************************************/
/* PAGE */
/***********************************************************/
#top_images{position:relative;float:left;width:607px;height:313px;padding:15px 15px 20px;background-image:url(../img/topimage_bg.jpg) no-repeat}
#top_images img{display:block;position:absolute;top:0;margin-top:15px;z-index:8}
#top_images img.active{z-index:10}
#top_images img.last-active{z-index:9}

.live_day{margin:10px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700}
.live_box{padding:10px;margin:10px;border:2px solid #eee;font-size:14px;line-height:22px}
.live_box b,
.live_box strong{padding-left:20px;font-size:14px;font-weight:700;color:#BA8D9E;line-height:17px;background-image:url(../img/bled02.gif) 0 0 no-repeat}
.diary{margin-bottom:80px}
.live_next{margin-top:20px;padding:0;border-top:2px dotted #ddd}
.live_next ul{margin:0;padding:8px}
.live_next ul li{float:left;list-style-type:none;margin-right:20px}
.live_next ul li.next{float:right;margin:0}

.dl01{margin:0;padding:0}
.dl01 dt{margin:10px 0 0;padding:0;font-size:11px;color:#666}
.dl01 dt.date{padding:3px;font-size:13px;border-left:3px solid #B68799}
.dl01 dd{margin:0;padding:0 0 5px 10px;text-align:left;border-bottom:1px dotted #666}
.dl02{margin:0}
.dl02 dt,
.dl02 dd{float:left;margin:15px 0 0;padding:0;height:90px;border-bottom:1px dotted #CCC}
.dl02 dt{width:76px}
.dl02 dt img{border:3px solid #FEE8EA}
.dl02 dd{width:760px}