@charset "UTF-8";
@import url(reset.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Tangerine);
/*-------------------Comment-----------------------*/
body{background:#0b0302 url(../images/bg.jpg) repeat-x;font-size:14px; 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:#f9fd8f;}
a:visited{color:#f9fd8f; }
a:hover{color:#f9fe72; text-decoration: underline;}
a:active{color:#f9fe72;}

.annotation{ font-size:11px; color:#f0f0f0;}
.stress1{color:#285200; font-size:15px; font-weight: bolder;}

#container{width:1000px; margin: 0 auto; overflow: hidden;}
#header{width:1000px;height: 220px; margin:0 auto; background:url(../images/header.jpg) no-repeat; background-size:cover; position: relative;}
#logoA{width:511px;height:141px; display: block; position: absolute; left:18px;top:36px;}
#telA1{width:326px;height:90px; display: block; position: absolute; left:673px;top:72px;}
/* #telA2{width:326px;height:50px; display: block; position: absolute; left:673px;top:112px;} */

#menu{ width:1000px; height:70px; margin:0 auto 8px; background:url(../images/menu.jpg) no-repeat; overflow:hidden; text-indent:-9999px; position:relative;}

#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7{ height:70px; display:block; }
#menu1{width:140px;  position:absolute; left:0px; top:0px;}
#menu1:hover{ background:url(../images/menu.jpg) -0px -70px;}
#menu2{width:138px;  position:absolute; left:144px; top:0px;}
#menu2:hover{ background:url(../images/menu.jpg) -144px -70px;}
#menu3{width:141px;  position:absolute; left:283px; top:0px;}
#menu3:hover{ background:url(../images/menu.jpg) -283px -70px;}
#menu4{width:147px;  position:absolute; left:425px; top:0px;}
#menu4:hover{ background:url(../images/menu.jpg) -425px -70px;}
#menu5{width:143px;  position:absolute; left:572px; top:0px;}
#menu5:hover{ background:url(../images/menu.jpg) -572px -70px;}
#menu6{width:140px;  position:absolute; left:718px; top:0px;}
#menu6:hover{ background:url(../images/menu.jpg) -718px -70px;}
#menu7{width:140px; position:absolute; left:860px; top:0px;}
#menu7:hover{ background:url(../images/menu.jpg) -860px -70px;}

#sidebar{width:286px; height: auto; float:left; overflow: hidden;}
#content{width:705px;height:auto; overflow: hidden; float: right; }
#contentB{width:858px;border:1px solid #622501; border-top:none; background:url(../images/module1.png),url(../images/newMessageBack.jpg) no-repeat bottom right;; padding:50px 70px;overflow: hidden; margin-bottom:15px; min-height:300px;}
.contentBSystem{background:url(../images/contentBSystem.png) no-repeat bottom right!important;background-size: 100%!important;}

#hotStaff{width:276px; padding:4px;border:1px solid #5a5332; margin-bottom:6px;}

#footer{width:1000px; height:185px; margin:0 auto; position: relative; text-align:center; position: relative; }
#footerMenu{width:980px;padding:9px;text-align:center; background:#8b3217; border:1px solid #b77d3f;}
#footerMenu a{text-decoration:none;font-size:14px;}
#footer a:hover{text-decoration:underline;color:#eab51b;}
#annotationItem{width: 780px;height:80px; position: absolute; left:25px;bottom:50px; text-align: left;}

#copyright{ height: 40px; line-height: 40px; font-size: 12px; text-align:right;}

#linkDiv{border:1px solid #666; width:978px; padding:10px; margin:0 auto 15px;}
.linkDiv{float:left; margin:5px 10px; height:80px;}
/*---------------Index.php---------------*/
#campaign{width: 703px;overflow: hidden;border:1px solid #5a5332;border-top:none;margin-bottom: 5px;}
#newMessage{width:366px;float:left;}
#newMessageC{width:344px;height:270px; float:left; padding:10px; margin-bottom: 5px; overflow-y:auto; overflow-x:hidden; background:#000 url(../images/newMessageBack.jpg) no-repeat bottom right; border:1px solid #5a5332; border-top:none;}
.newMessageTitle{font-size: 18px; color:#fdfeb1;}
.date{margin-left:15px; font-size: 12px; color:#ccc; margin-bottom: 10px; }
.message{margin-bottom: 15px; margin-left:15px; padding-bottom:15px; font-size:14px; border-bottom:1px dotted #666;}

#newStaff{width:326px;float:right;}
#newStaffC{width:304px;height:270px; padding:10px; margin-bottom: 5px; overflow-y:auto; overflow-x:hidden; background:#000 url(../images/newMessageBack.jpg) no-repeat bottom right; border:1px solid #5a5332; border-top:none;}
#newStaffDiv{width:284px; margin:10px 10px 10px 10px;}
.height3size{color:#999; font-size:12px; padding-bottom:8px;}
.comment{font-size:12px;}
/*------------------ Staff ---------------------*/
.staffDiv{width:260px; height:400px; margin:0 5px 40px 20px; float:left; position: relative;background: url(../images/staffFrame.gif) no-repeat;}
.staffDiv .staffImg{width:248px; padding: 6px;}

.wordSpan{height:40px; line-height:40px; text-align:center;}
.wordSpan a{ text-decoration: none; font-size:17px;}
.wordSpan a:hover{text-decoration: underline;}