﻿@charset "UTF-8";

@import url(reset.css);
/*-------------------Comment-----------------------*/
body{background:#2a0000 url(../images/bodyBack.jpg) no-repeat center top;
font-family: Meiryo,Arial, Helvetica, sans-serif, MS PGothic,Georgia;
font-size:13px;color:#fff;}

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

.clear{clear: both;}
.alignRight{text-align: right;}
.alignCenter{text-align: center;}
.imgMiddle{ vertical-align:middle;}
.imgFloatLeft{float: left;}
.radius{-moz-border-radius: 10px; border-radius: 10px;}
.imgHover:hover{opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
.shadow { background:#fff; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); /*IE6,IE7语法*/  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#f0f0f0');  /*IE8语法,可恶的IE，不同的版本还要写的不一样*/  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#f0f0f0')" }

.stress1{font-weight: bolder;color:#fcec81; font-size: 16px; padding:10px;}
.stress2{font-weight: bolder;color:#fcec81; font-size: 14px; padding:10px;}

.annotation{font-size:12px;color:#f3d5e1;}

.line{width:99%;height:5px; overflow:hidden; border-bottom:1px #f0efee dotted; margin-bottom:5px;}

#wrapper{width:958px;height:auto; margin:0 auto; background: #000; border-left: 1px solid #4f0101;border-right: 1px solid #4f0101;}

/* ヘッダー */

div#headerOut	{
	padding: 0px 0px 0px 0px;
	width: auto;
	height:332px;
	margin:0 auto 0 auto;
	background: url(../images/header.jpg) no-repeat center top;
	overflow: hidden;
	}

div#header	{
	padding: 0px 0px 0px 0px;
	width: 950px;
	height:332px;
	margin:0 auto 0 auto;
	position:relative;
	}

div#header h1	{font-size: 0.8em;
	font-family: Verdana, Helvetica, sans-serif;
	margin: 0px 0 0px 0;
	padding:8px 0 0 0px;
	color: #ffffff;
	width:68%;
	float:right;
	text-align:right;
	font-weight:normal;
	color:#efe248;
	}


	
div#header div#logoBox	{
	position:absolute;
	top:150px;
	margin: 0px 0 0px 0px;
	padding:0px 0 0 0px;
	clear:both;
	width:950px;
	height:158px;
	}
	
　

div#headline{
	width:958px;height:35px;
	background: url(../images/head_bj.jpg) no-repeat;
	margin:0 auto;
	}


#logoA{width:370px;height:140px;position: absolute; top:160px; left:521px; text-indent: -9999px;}

/* グローバルナビゲーション ここから */

#topGlo{
	width: auto;
	height:66px;
	margin:0px auto 0 auto;
	padding: 0 0 0 0;
	clear:both;
	background: url(../images/glo_bg.jpg) repeat-x center top;
}

#topGlo #topGloIn {
	width: 950px;
	height:66px;
	margin:0px auto 0 auto;
	padding: 0 0 0 0;
	clear:both;
}

#topGloIn ul {
	width: 950px;
	height:66px;
	margin:0 0 0 0;
	padding: 0px 0 0 0;
	text-align:left;
	background-color: none;
	line-height:normal;
	display:inline;
}

	

#topGlo li {
	margin: 0px;
	padding: 0px;
	float: left;
	line-height:0;
	list-style: none;
}


#marquee{width:958px;height:25px;line-height: 25px; color: #fff; font-weight: bolder;}

#middle{ width:958px;height:auto; margin:0 auto; margin-bottom: 10px; }
#sidebar{ width:280px; height:auto; float:left; overflow: hidden;}
#content{width:668px; height:auto; float: right; overflow:hidden;line-height: 180%;}
#contentC{width:647px; height:auto; min-height: 783px; padding: 10px; padding-top: 0; background: url(../images/contentCBack.jpg); border-left:1px solid #4f0101; border-bottom: 1px solid #4f0101;}

#newFace{width:280px; height:452px; background:url(../images/newFaceBack.jpg) no-repeat; position:relative; }
#newFaceContent{ width:270px;height:405px; position:absolute; left:5px; top:42px; overflow:hidden; }

#footer{
width:958px; 
height:200px; 
background:url(../images/footer.jpg) repeat-x; 
text-align:center;

}

#footer_inner{
width:700px;
margin:0 auto;

}


/*------------------ Index ---------------------*/
#message{width:378px; height:331px; background:url(../images/messageBack.jpg) no-repeat;position:relative; margin-bottom:10px; float: left;}
#messageContent{ width:358px;height:273px; padding:5px; position:absolute;left:5px; top:43px; overflow-y:auto; overflow-x:hidden; }

#campaign{width:668px; height:auto; overflow: hidden; margin-bottom: 10px;}

#scheduleToday{width:668px;height:350px; background: url(../images/scheduleToday.jpg) no-repeat; position: relative;}
#scheduleTodayC{width:658px;height:303px; position: absolute; top:42px; left:5px; overflow-y:auto; overflow-x:hidden; }
.staffTodayDiv{width:150px; height:260px; margin:10px 25px; float:left;}
.staffImg{width:150px;}
.wordSpanToday{width:150px;height:33px; text-align:center; color:#fff; font-size: 11px;}
.staffTodayDiv a{color:#fff;}
/*------------------ Staff ---------------------*/
.staffFrame{width:200px; height:330px; 
margin:10px 6px 25px; padding-top:5px; float:left;
background: url(../images/staffFrame.jpg) no-repeat;
}
.imgStaff{width:190px; height:285px; margin:5px; }
.nameSpan{width:200px;height:45px; color: #fff; line-height:45px; text-align:center; font-weight:bolder;}

/*------------------ Schedule ---------------------*/
.staffSDiv{width:200px; height:335px; margin:10px 6px 20px; padding-top:5px; float:left; background: #4b0e00; border: 1px solid #9e1e01; }
.staffSImg{width:190px; height:285px; margin:5px; }
.wordSP{width:200px;height:50px; color: #fff; line-height:25px; text-align:center; font-weight:bolder;}

/*------------------ StaffSingle ---------------------*/
.staffFrameBig{width:286px; height:426px;background: #79026c; }
.imgStaffBig{width:280px; height:420px; margin: 3px;}

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
}
.ta1, .ta1 td, .ta1 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta1 td{
	padding: 10px;
}
/*テーブル内の左側*/
.ta1 th{
	width: 180px;
	padding: 10px;
	text-align: center;
	background-color: #690000;	/*背景色*/
	color:#FFF;
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi{
	width: auto;
	text-align: left;
	color: #FFF;	/*文字色*/
	background-color: #333;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#333));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#4b4b4b, #333);	/*同上*/
	background-image: linear-gradient(#4b4b4b, #333);			/*同上*/
}

.mb15 {
	margin-bottom: 5px;
}

.mb16 {
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	border-radius: 10px 10px 0 0;	/*角丸のサイズ。それぞれ左上、右上、右下、左下への設定*/
	font-size: 100%;
	text-align: left;	/*文字をセンタリング*/
	padding: 5px 0px;	/*左から、上下、左右への余白*/
	background-color: #690000;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#690000), to(#470101));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#690000, #470101);	/*同上*/
	background-image: linear-gradient(#690000, #470101);			/*同上*/
	color:#FFF;
	padding-left:2px;
	margin-top:10px;
}
	

div.section {
		margin:0 20px 10px 20px;
		padding: 0 10px;
		}
div.section  p {
	margin-bottom: 15px;
	color:#1772a9;
	line-height: 1.5em;
	}
	
h3{
	font-size: 100%;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
}

.scheduleTable {
	margin: 15px auto 10px; padding: 0px; width: 98%; line-height: 1; font-size: 12px; background-color: rgb(0, 0, 0);
	color: rgb(203, 202, 202);
	border: 1px solid rgb(233, 193, 132); 
}
.scheduleTable .sam {
	padding: 2px; text-align: center; color: rgb(252, 255, 0); vertical-align: middle; background-color: rgb(0, 0, 0);
	border: 1px solid rgb(233, 193, 132); 
}
.scheduleTable .profile {
	color: rgb(252, 255, 0); padding-top: 5px; padding-bottom: 5px; padding-left: 10px; background-color: rgb(0, 0, 0);
}
.scheduleTable .date {
	width: 13%; height: 20px; text-align: center; color: rgb(203, 202, 202); padding-top: 3px; padding-bottom: 3px; font-size: 10px; background-color: rgb(0, 0, 0);
	border: 1px solid rgb(233, 193, 132); 
}
.scheduleTable .sche {
	height: 40px; text-align: center; color: rgb(203, 202, 202); padding-top: 3px; padding-bottom: 3px; vertical-align: middle; background-color: rgb(0, 0, 0);
	border: 1px solid rgb(233, 193, 132); 
}

