@charset "utf-8";


body{
	margin:auto;
	text-align:center;
	background-image:url('/images/bg.jpg');
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-color:#66666;
}


img{border:0px;}

#wrapper{
	margin:auto;

}
#top_contents, #contents, #footer{
	width:980px;
	margin:auto;
}

/*テーブルにborder1*/
.b1, .b1 td, .b1 th{border:solid 1px #888;border-collapse:collapse;}

/*ヘッダー周り*/
#header{
	width:100%;
	text-align:center;
}
.header_title{
	width:980px;
	height:18px;
	margin:auto;
	font-size:11px;
	text-align:left;
}

.pankuzu{
	margin:5px auto;
	width:980px;
	height:18px;
	border-top:1px solid #888;
	border-bottom:1px solid #888;
	font-size:14px;
	text-align:left;
}

/**/
#contents{
	margin:10px auto;
}

.right_contents{
	float:right;
	width:720px;
	margin:10px auto;
}


.box_topiframe{
	width:350px;
	height:450px;
	margin-left:2px;
}


/***フッター周り***/
#footer{
	text-align:center;
}

/*------------------TOPページのWAHTSNEW,TOPICS------------------*/
.iframe-title-border{border-top:1px solid #888;border-left:1px solid #888;border-right:1px solid #888;}
.iframe-border{border-bottom:1px solid #888;border-left:1px solid #888;border-right:1px solid #888;}




/*------------------スタッフページ------------------*/
.staff_table{
	text-align:left
}
.staff_subj{
	width:240px;
	padding:3px;
	margin:10px 0px;
	text-align:left;
	background:#CC0;
	}
.staff_qa{
	font-size:14px;
}
.staff_qa img{
	margin-top:15px;
}

table.staff_prof{
	font-size:14px;
	background-color: white;
	border-spacing: 1px 1px;
	border:1px solid #888888;
	border-collapse:collapse;
}
table.staff_prof td{
	border:1px solid #888888;
	padding:3px;
}
.staff_prof .subj{
	background-color: #ff8;
}
 
.staff-blog{
	border:1px solid #000;
	background:#fff;
	padding:5px;
	color:#666;
}
 
 
/****レフトメンニュー****/
.new-blog{/*新着ブログ*/
	border:1px solid #888;
	background:#fff;
	font-size:12px;
	text-align:left;
	padding-left:3px;
	padding-top:3px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#666666;
	line-height:160%;
}
.b-date{/*新着ブログの日付*/
	font-size:10px;}


/*------------------テーブルのボックスパターン------------------*/
.box1 .keisaibi{margin-top:10px;font-size:14px;}
.box1 .title{margin-top:10px;font-size:14px;font-weight:bold;}
.box1 .text{margin-top:10px;font-size:12px;line-height:1.4;}

.alert{width:300px;height:160px;padding-top:80px;margin:100px;font-size:14px;border:1px solid #888;text-align:center;}

/*--------- 各店のSHIFT------------*/
.shift td{text-align:center;background:#ffffff;}
.staff-name{
	color:#333;
	font-weight:bold;
}



/*--------- 各店のシステムページ-------------*/
.systemtable{
	width:600px;
	border:1px solid #888;
}
.systemtable td{
	background-color: white;
	border-spacing: 0px 0px;
	border:1px solid #888888;
	border-collapse:collapse;
	padding:5px;
	text-align:left;
	}
	
	
	
/*-ここから Menu Tabs 4--------------------------- */

#tabs4 {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      border-bottom:1px solid #6B78A9;
      }
#tabs4 ul {
          margin:0;
          padding:10px 10px 0px 10px;
          list-style:none;
      }
#tabs4 li {
      display:inline;
      margin:0;
      padding:0;
      }
#tabs4 a {
      float:left;
      background:url("tableft4.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;
      }
#tabs4 a span {
      float:left;
      display:block;
      background:url("tabright4.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#6B78A9;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac ¥*/
#tabs4 a span {float:none;}
    /* End IE5-Mac hack */
#tabs4 a:hover span {
      color:#6B78A9;
      }
#tabs4 a:hover {
      background-position:0% -42px;
      }
#tabs4 a:hover span {
      background-position:100% -42px;
      }

#tabs4 .current a {
              background-position:0% -42px;
      }
#tabs4 .current a span {
              background-position:100% -42px;
      }
/*-ここまで Menu Tabs 4--------------------------- */

/******** イベント用カレンダー *********************/
.cal{
width:700px;
border:1px solid #888;
border-collapse:collapse;
background-color:#fff;
}
.cal th{
background-color:#ccc;
}
.cal th, .cal td{
border:1px solid #888;
width:100px;
font-size:12px;
}
.cal td{
text-align: left;
}
.prenex{
width:700px;
}


/****** MASS MEDIA*****/
.media-box{
width:180px;
height:120px;
float:left;

}