@charset "UTF-8";
@import url(reset.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(http://fonts.googleapis.com/css?family=Tangerine);
/*-------------------Comment-----------------------*/
body{background:#18001d url(../images/bg.jpg) top center no-repeat;font-size:13px; color: #fff;font-family: 'Noto Sans Japanese',Lucida Grande, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Geneva, Arial, Verdana, sans-serif;	}

a:link{ text-decoration: none; color:#ff99cc;}
a:visited{color:#ff99cc; }
a:hover{color:#fb91c6; text-decoration: underline;}
a:active{color:#fb91c6;}

.annotation{ font-size:11px; color:#666;}
.stress1{color:#ff99cc; font-size:14px; font-weight: bolder;}
.stress2{color:#ff99cc; }

#header{width:920px;height: 320px; margin:0 auto; background:url(../images/header.png) no-repeat; position: relative;}
#logoA{width:244px;height:146px; display: block; position: absolute; left: 25px;top:66px;}
#telA{width:277px;height:45px; display: block; position: absolute; left:584px;top:150px;}

#menu{width:1036px;height:67px; margin:0 auto; text-indent:-9999px;background:url(../images/menu.png) no-repeat; position:relative;}
#menu01,#menu02,#menu03,#menu04,#menu05,#menu06,#menu07{ width:130px; height:61px; display:block;}
#menu01{ position:absolute; top:0px; left:39px;}
#menu01:hover{ background:url(../images/menu.png) -39px -71px;}
#menu02{ position:absolute; top:0px; left:177px;}
#menu02:hover{ background:url(../images/menu.png) -177px -71px;}
#menu03{ position:absolute; top:0px; left:315px;}
#menu03:hover{ background:url(../images/menu.png) -315px -71px;}
#menu04{ position:absolute; top:0px; left:453px;}
#menu04:hover{ background:url(../images/menu.png) -453px -71px;}
#menu05{ position:absolute; top:0px; left:591px;}
#menu05:hover{ background:url(../images/menu.png) -591px -71px;}
#menu06{ position:absolute; top:0px; left:729px;}
#menu06:hover{ background:url(../images/menu.png) -729px -71px;}
#menu07{ position:absolute; top:0px; left:860px;}
#menu07:hover{ background:url(../images/menu.png) -860px -71px;}

#middle{ width:870px;height:auto; margin:0 auto;background:#7a597e;padding:3px 5px;}

#headline{width:870px;height:38px; background: url(../images/headline.png) no-repeat; margin: 0 auto 2px; position: relative;}
#headlineC{width:760px;height:18px;position: absolute; top:8px;left:100px;color:#fff;}

#sidebar{width:200px; height: auto; float:left; overflow: hidden;}
#content{width:665px;height:auto; overflow: hidden; float: right; background: #390142; min-height: 830px;}

#menu{width:200px;height:450px;background:url(../images/menu.jpg) no-repeat;}
#menu01,#menu02,#menu03,#menu04,#menu05,#menu06,#menu07,#menu08{display:block;width:200px;height:50px;}
#menu01{ position: absolute;left: 0;top:6px;}
#menu01:hover{background:url(../images/menu.jpg) 200px 444px; }
#menu02{ position: absolute;left: 0;top:56px;}
#menu02:hover{background:url(../images/menu.jpg) 200px 394px; }
#menu03{ position: absolute;left: 0;top:106px;}
#menu03:hover{background:url(../images/menu.jpg) 200px 344px; }
#menu04{ position: absolute;left: 0;top:156px;}
#menu04:hover{background:url(../images/menu.jpg) 200px 294px; }
#menu05{ position: absolute;left: 0;top:206px;}
#menu05:hover{background:url(../images/menu.jpg) 200px 244px; }
#menu06{ position: absolute;left: 0;top:256px;}
#menu06:hover{background:url(../images/menu.jpg) 200px 194px; }
#menu07{ position: absolute;left: 0;top:306px;}
#menu07:hover{background:url(../images/menu.jpg) 200px 144px; }
#menu08{ position: absolute;left: 0;top:356px;}
#menu08:hover{background:url(../images/menu.jpg) 200px 94px; }


#footer{width:920px; height:150px; margin:0 auto; background:url(../images/footerBack.png) no-repeat; text-align:center; color:#ccc; position: relative; }
#footer a{text-decoration:none; line-height: 35px;}
#footer a:hover{text-decoration:underline;}
#annotationItem{width: 530px;height:80px; position: absolute; font-size: 12px; left:15px;bottom:30px; color:#986b9e; text-align: left;}

#copyright{text-align: center; font-size: 12px; color: #ff99cc; line-height: 30px;}

/*---------------Index.php---------------*/
#campaign{ width:665px;height:auto;}

#newMessage{width:420px;height:397px;overflow: hidden; float: left;}
#newMessageC{width:400px;height:340px; background: url(../images/back1.jpg) repeat-x; padding: 10px; overflow-y:auto; overflow-x:hidden;}
.newMessageTitle{font-size: 14px; color:#ff99cc;}
.date{font-size: 11px; color:#f50045; margin-bottom: 10px;}
.message{margin-bottom: 20px;line-height:180%;}

#newStaff{width:240px;height:397px;overflow: hidden; float: right;}

#todaySchedule{width:665px;height:auto;margin-top:5px;}
#todayScheduleC{width:665px;height:180px; background: url(../images/back1.jpg) repeat-x; padding: 2px; overflow-y:auto; overflow-x:hidden;}

.todayScheduleItem{width:310px; height:107px; padding:3px;border:1px solid #380d48; border-radius:3px; float:left; margin:6px 0px 0px 6px; overflow:hidden; font-size:11px; background:#1f012a;}

#sliderLineWrapper{height: 245px; overflow: hidden;}

/*------------------ Staff ---------------------*/
.staffDiv{width:210px; height:330px; margin:5px 5px 10px 5px; float:left; position: relative;}
.staffDiv .staffImg{width:190px; padding: 10px;}
.staffImgFrame{width:210px;height:307px; position: absolute; top:0; left:0;z-index: 101; background: url(../images/staffImgFrame.png) no-repeat;}

.wordSpan{height:27px; line-height:27px; text-align:center;}
.wordSpan a{color:#ff99cc; text-decoration: none;}
.wordSpan a:hover{text-decoration: underline;}

/*------------------ Schedule ---------------------*/
#dateA{margin-left: 0px;}
#dateA a{width:120px;height:30px;line-height: 30px; border-radius: 3px; background:#6f1872; float:left; margin:5px; text-align: center; color:#fff; }
.wordSpanSchedule{text-align:center;}