@import "navi.css";/* ナビゲーション */

/*

common.css - ページ共通スタイル

	目次
	
=======================================================================

	全ページ共通スタイル
		・共通スタイル
		・基礎スタイル,レイアウト
		・スケジュールテーブル
	
	本日出勤欄（サブカラム）

*/

/* ====================================================================

	全ページ共通スタイル

==================================================================== */

/* -------------------------------------------------------------------
		・共通スタイル
------------------------------------------------------------------- */

/* 初期値をリセット */
* { padding: 0; margin: 0; }

/* コンパニオンの名前 */
.companion-name { font-size: 12px; }

/* 出勤時間 */
.worktime {
	font-size: 11px;
	font-weight: bold;
}

/* フロートのクリア */
.clear {
	clear: both;
}

/* 各コンテンツボックスの内容部分 */
.boxbody { padding: 10px 15px; }

/* メインボックス */
.mainbox {
	padding: 10px;
	background: url(../images/box675_bg_top.png) no-repeat 0 0;
	behavior: url("./iepngfix/iepngfix.htc");/* IE PNG FIX 2 */
}
*html .mainbox {
	height: 1%;
	width: 655px;
}

.mainbox .boxbody { }

/* サブボックス */
.subbox {
	background: url(../images/box216_bg_top.png) no-repeat 0 0;
	behavior: url("./iepngfix/iepngfix.htc");/* IE PNG FIX 2 */
}
.subbox .boxbody { padding: 0 15px; }

h2, h3 {
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	behavior: url("./iepngfix/iepngfix.htc");/* IE PNG FIX 2 */
}

.column { margin-bottom: 10px }
.columnbody { padding: 0 5px; }

img {vertical-align:bottom;}/* IEで画像の下に隙間ができるのを解決、ベースラインを揃える */



/* -------------------------------------------------------------------
		・基礎スタイル,レイアウト
------------------------------------------------------------------- */

body {
	font-family:
		"メイリオ",
		"Meiryo",
		"ヒラギノ角ゴ Pro W3",
		"HiraKakuPro-W3",
		"Osaka",
		"ＭＳ Ｐゴシック",
		sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #fff;
	background: url(../images/header_body_bg.jpg) repeat-x top center #000;
	margin: 0;
	padding: 0;
}

a { color: #fff;}
a:hover { text-decoration: none; color: #fff;}
/*a:visited { color: #332F2B; }*/

a img { border: none; }

#contents {
	width: 936px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/contents_bg.jpg) no-repeat 0 0;
}

#wrapper {
	width: 100%;
	text-align: center;
	background: url(../images/wrapper_bg.gif) repeat-y top center;
}

#header {
}
#header h1 {
	margin: 0;
	width: 264px;
	height: 172px;
	margin-left: 38px;
	float: left;
	/*background: url(../images/logo.gif);*/
}
#header h1 a {
	display: block;
	margin: 0px;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	height: 132px;
	margin-top: 20px;
}
#header div#description {
	margin: 0;
	visibility: hidden;
	font-size: 1px;
	line-height: 1px;
	width: 380px;
	height: 172px;
	float: right;
}

#main {
	float: right;
	width: 675px;
	margin-right: 17px;
	display: inline; /*IE6*/
}
#sub {
	float: left;
	width: 216px;
	margin-left: 17px;
	display: inline; /*IE6*/
}
#main, #sub { margin-top: 15px; }/* ヘッダとコンテンツカラムの間隔 */

#footer {
	clear: both;
	padding-top: 15px;
	height: 120px;
	background: url(../images/footer_bg.jpg) no-repeat 0 0;
}

/*
#copyright {
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
*/


/* -------------------------------------------------------------------
		・スケジュールテーブル
------------------------------------------------------------------- */

table.schedule-table {
	width: 100%;
	height: 76px;
	border-top: 1px solid #1F0000;
	border-left: 1px solid #1F0000;
	border-right: 1px solid #4D0404;
	border-bottom: 1px solid #4D0404;
}
table.schedule-table th {
	height: 17px;
}

table.schedule-table th,
table.schedule-table td {
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	border-top: 1px solid #4D0404;
	border-left: 1px solid #4D0404;
	border-right: 1px solid #1F0000;
	border-bottom: 1px solid #1F0000;
	padding: 3px;
	line-height: 1.4em;
}

/* 出勤*/
table.schedule-table th.wk {
	border-top: 1px solid #640000;
	border-left: 1px solid #640000;
	background-color: #420000;
	font-weight: bold;
}

table.schedule-table td.wk {
	border-top: 1px solid #640000;
	border-left: 1px solid #640000;
	font-weight: bold;
	vertical-align: top;/*出勤のときだけ、ラストが空白の場合ずれないようにバーチカルアラインを設定*/
	background-color: #420000;
}

/* 要電話確認*/
table.schedule-table th.telc,
table.schedule-table td.telc {
	color: #D7B4B4;
}

/* 休み*/
table.schedule-table th.abs,
table.schedule-table td.abs {
	color: #6B2E2E;
}


/* ====================================================================

	本日出勤欄（サブカラム）

==================================================================== */

#todayscompanions h3 {
	height: 52px;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	margin: 0 !important;
	background-image: none;
}

#todayscompanions .boxbody {
	padding: 10px 12px;
}

#todayscompanions ul li {
	position: relative;
	list-style: none;
	clear: left;
	height: 94px;
	background: url(../images/todays_companion_bg.png) no-repeat 0 0;
	behavior: url("./iepngfix/iepngfix.htc");/* IE PNG FIX 2 */
}
* html #todayscompanions ul li {height: 1%}/* IE6 peek-a-boo対策 */
/*
*:first-child+html #todayscompanions ul li {height: 1%}/* IE7 peek-a-boo対策 */

#todayscompanions ul li.soon {/* 今スグOK！のリスト背景 */
	height: 116px;
	background: url(../images/todays_companion_soon_bg.png) no-repeat 0 0;
	behavior: url("./iepngfix/iepngfix.htc");/* IE PNG FIX 2 */
}
/*div.soon {
	visibility: none;
}*/

#todayscompanions ul li#today-list-end {/* リストの最後の余白をクリア */
	padding: 7px;
	margin-bottom: 0px;
	background: none;
}

.todayscompanion-th { /* サムネール */
	float: left;
	margin: 10px 7px 6px 9px;
	padding: 1px;
	border: 1px solid #6D260E;
	display: inline;
}

#todayscompanions dl {/* 基本プロフィール */
	float: left;
	font-size: 10px;
	margin-top: 12px;
}

/*
.soon {
	margin: 0;
	padding: 0;
	width: 65px;
	height: 30px;
	background: url(../images/state_soon.png) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	position: absolute;
	top: 0;
	right: -38px;
}
* html .soon { right: -24px; }
*/