﻿@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:#000;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:#fff;}
a:visited{color:#fff; }
a:hover{color:#fff; text-decoration: underline;}
a:active{color:#fff;}

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

#container{width:990px; padding: 0 95px; margin: 0 auto; background: url(../images/containerBack.png) repeat-y; overflow: hidden;}
#header{width:990px;height: 283px; margin:0 auto; background:url(../images/header.jpg) no-repeat; background-size:cover; position: relative;}
#logoA{width:552px;height:194px; display: block; position: absolute; left: 19px;top:39px;}
#telA{width:395px;height:100px; display: block; position: absolute; left:595px;top:100px;}

#menu{ width:990px; height:55px; margin:5px auto 0; background:url(../images/menu.jpg) no-repeat;background-size:cover; overflow:hidden; text-indent:-9999px; position:relative;}

#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7{ width:130px; height:44px; display:block; }
#menu1{ position:absolute; left:12px; top:6px;}
#menu1:hover{ background:url(../images/menu.jpg) -12px -60px;}
#menu2{ position:absolute; left:150px; top:6px;}
#menu2:hover{ background:url(../images/menu.jpg) -150px -60px;}
#menu3{ position:absolute; left:290px; top:6px;}
#menu3:hover{ background:url(../images/menu.jpg) -290px -60px;}
#menu4{ position:absolute; left:431px; top:6px;}
#menu4:hover{ background:url(../images/menu.jpg) -431px -60px;}
#menu5{ position:absolute; left:569px; top:6px;}
#menu5:hover{ background:url(../images/menu.jpg) -569px -60px;}
#menu6{ position:absolute; left:708px; top:6px;}
#menu6:hover{ background:url(../images/menu.jpg) -708px -60px;}
#menu7{ position:absolute; left:848px; top:6px;}
#menu7:hover{ background:url(../images/menu.jpg) -848px -60px;}

#middle{ width:960px;height:auto; margin:10px auto; overflow: hidden;}

#sidebar{width:260px; height: auto; float:left; overflow: hidden;}
#content{width:690px;height:auto; overflow: hidden; float: right; }

#newStaff{width:248px; height:374px;border: 2px solid #b18544;border-top:none;padding:4px;background:url(../images/module1.jpg);  margin-bottom:15px;}

#footer{width:990px; height:185px; margin:0 auto; position: relative; background:url(../images/footerBack1.jpg) no-repeat; background-size: cover; text-align:center; color:#ccc; position: relative; }
#footerMenu{width:990px;height:32px;line-height:32px; background:url(../images/footerMenu.gif);text-align:center;color:#eab51b;}
#footerMenu a{text-decoration:none;color:#eab51b;font-size:14px;}
#footer a:hover{text-decoration:underline;color:#eab51b;}
#footerTelA{width:290px;height:40px;position: absolute; top:70px; left: 730px;}
#annotationItem{width: 600px;height:80px; position: absolute; left:15px;bottom:50px; color:#c0c0c0; text-align: left;}

#copyright{text-align: center; height: 50px; color: #f0f0f0; background: #000; line-height: 50px; font-size: 13px;}

/*---------------Index.php---------------*/
#campaign{width: 750px;overflow: hidden;margin-bottom: 15px;}

#newMessage{width:690px;overflow: hidden; margin-bottom: 15px;}
#newMessageC{width:668px;height:219px; border: 1.5px solid #b18544;border-top:none;background:#01144d url(../images/module2.jpg) no-repeat top right;padding: 10px; overflow-y:auto; overflow-x:hidden;}
.newMessageTitle{font-size: 16px; color:#fdf8c0;margin-bottom: 5px;}
.date{font-size: 13px; color:#f0f0f0; margin-bottom: 10px;}
.message{margin-bottom: 20px;font-size: 14px;line-height: 1.7;}

#schedule{width:690px;overflow: hidden; margin-bottom:15px; }
#scheduleC{width:668px;height:219px; border: 1.5px solid #b18544;border-top:none;background:#01144d url(../images/module3.jpg) no-repeat top right; padding: 10px; overflow-y:auto; overflow-x:hidden;}

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

/*------------------ Staff ---------------------*/
.staffDiv{width:220px; height:360px; margin:5px 5px 10px 5px; float:left; position: relative;background: url(../images/staffImgFrame.png) no-repeat;}
.staffDiv .staffImg{width:210px; padding: 6px 5px;}

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