@CHARSET "UTF-8";
/*======================================================================
	しーさねっとの共通スタイルシート
	ファイル名：csa.css
======================================================================*/
@import url("reset.css");
/* @import url("link.css"); */

/* head, body, th, td { font-size: small; } */
body{
	color: #231815;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.0em;
}
/* ---------------------------------------- */
/* ヘッダー	*/
/* ---------------------------------------- */
/* ヘッダー */
div.header{
	width:100%;
	margin:0;
	padding:0;
}
div.header div.main{
	background:#4eabda;
	height: 115px;
	margin:0;
	padding:0;
	font-size:0.8em;
}
div.main table{
	width: 720px;
	background:#4eabda;
	height: 100%;
}
div.main table td{
	border-left:1px solid #68b8df;
	text-align:center;
	color:#FFFFFF;
	width: 90px;
}
div.main table td img{
	padding:15px 0 20px 0;
}
div.main table td a{
	display:block;
	overflow:hidden;
	color:#FFFFFF;
	display:block;
	width:100%;
	height:100%;
}
div.main table td:hover,
div.main table td.active
{
	background:#7cbce1;
	text-decoration:none;
}
div.main a{
	text-decoration:none;
}
div.header div.login{
	background:#eaf6fd;
	width: 96%;
	background: none repeat scroll 0% 0% #EAF6FD;
	margin: 0px auto;
	padding: 5px 2%;
	color: #2989C1;
}
div.login ul{
	background:#eaf6fd;
	margin:0 auto;
	color:#2989c1;
}
div.login ul:after {
    content:"";
    display:block;
    clear:both;
    height:0px;
    overflow:hidden;
}
div.login ul a{
	color:#2989c1;
}
div.login ul li{
	display:inline;
	float:right;
	margin:0;
	padding:0 10px;
}

.typ1{ background:url(../images/icon/type001.png) no-repeat;background-position:10px 3px;}
.typ2{ background:url(../images/icon/type002.png) no-repeat;background-position:10px 3px;}
.typ3{ background:url(../images/icon/type003.png) no-repeat;background-position:10px 3px;}
.typ4{ background:url(../images/icon/type004.png) no-repeat;background-position:10px 3px;}
.typ5{ background:url(../images/icon/type005.png) no-repeat;background-position:10px 3px;}
.typ6{ background:url(../images/icon/type006.png) no-repeat;background-position:10px 3px;}


/* ロゴ */
div.logo{
    float:left;
    width: 225px;
    margin: 0px;
    padding: 30px 0px 0px 30px;
}

/* ---------------------------------------- */
/* フッター	*/
/* ---------------------------------------- */
/* フッター */
div.footer{
	clear:both;
	width:96%;
	margin:0;
	padding:0.5% 2%;
	background:#4eabda;
}
div.footer address{
	width:100%;
	margin:0;
	padding:0;
	color:#FFFFFF;
	text-align:right;
}
/* ---------------------------------------- */
/* エラー	*/
/* ---------------------------------------- */
table.error{
	width: 70%;
}
td.error{
	text-align: center;
	color: white;
	background-color:#6a8cc7;
}

/* ---------------------------------------- */
/* メイン(※個別カスタマイズ)	*/
/* ---------------------------------------- */
/* メイン */
td.mainleftside,
td.mainrightside{
	width: 20%;
	vertical-align: top;
	background:#f6f7f7;
}
table.mainsidebar{
	width: 100%;
	margin:10px -1px 0 0;
	padding:0;
	background:#f6f7f7;
	border-right:1px solid #e3e4e4;
	font-size:0.9em;
}
table.mainsidebar td {
	padding:5px 10px 5px 33px;
	border-top:1px solid #e3e4e4;
	border-bottom:1px solid #e3e4e4;
}
td.maincenter{
	width: 60%;
	border-left:1px solid #e3e4e4;
	border-right:1px solid #e3e4e4;
}
div.maincontener{
	width: 99%;
	border-left:1px solid #e3e4e4;
	border-right:1px solid #e3e4e4;
}
div.mainheader{
	width:100%;
	margin:0 auto;
	padding:10px 0px;
	text-align:center;
	background:url(../images/cont_title_bg.png) top repeat-x #FFF;
	border-bottom:1px solid #e3e4e4;
}
table.memo{
	width:100%;
	margin:0 auto;
}
table.memo th {
	margin:0 auto;
	padding:7px;
	text-align:left;
	background:url(../images/th_bg.png) bottom repeat-x;
}
table.memo td {
	margin:0 auto;
	padding:7px;
	text-align:left;
}
table.memo td.new {
	text-align:right;
}
table.memo td.other {
	padding:10px;
	text-align:right;
}

/*ここから*/
table {
	border-style: none;
	border-collapse: collapse;
}

/* ---------------------------------------- */
/* 全体の枠組み	*/
/* ---------------------------------------- */
/* 全体 */
table.container{
	width:100%;
}
/* サイドバー */
table.container td.leftsidebar{
	width: 250px;
	margin:0px -1px 0 0;
	padding:10px 0px 0px 0px;
	background:#f6f7f7;
	border-right:1px solid #e3e4e4;
	font-size:0.9em;
	vertical-align:top;
}
/* 中央のマージン */
table.container td.centermargin{
	background:#f6f7f7;
	width:7px;
	border-right:1px solid #e3e4e4;
}
/* メインコンテンツ */
table.container td.main{
	margin:0 0 0 -1px;
	padding:10px 0 30px 1px;
	border-left:1px solid #e3e4e4;
	background:#ffffff;
	font-size:0.9em;
	vertical-align:top;
}


/* ---------------------------------------- */
/* サイドバー	*/
/* ---------------------------------------- */
/* ***** タイトル ***** */
table.sidetitletable{
	width:100%;
}
table.sidetitletable td{
	margin:10px 0px 1px 0px;
	padding:12px 10px 12px 35px;
	font-size:1.5em;
	color:#FFFFFF;
	width:100%;
	border-bottom:1px solid #e3e4e4;
}
/* --- ここから業務別 --*/
table.sidetitletable td.schedule{
	background:url(../images/icon/leftimg_schedule.png) no-repeat #EFBA00;
	background-position:10px 12px;
}
table.sidetitletable td.board{
	background:url(../images/icon/leftimg_board.png) no-repeat #e44d32;
	background-position:10px 8px;
}
table.sidetitletable td.inform{
	background:url(../images/icon/leftimg_inform.png) no-repeat #97769f;
	background-position:10px 9px;
}
table.sidetitletable td.cvs{
	background:url(../images/icon/leftimg_cvs.png) no-repeat #87a747;
	background-position:10px 8px;
}
table.sidetitletable td.document{
	background:url(../images/icon/leftimg_document.png) no-repeat #009d84;
	background-position:10px 9px;
}
table.sidetitletable td.mail{
	background:url(../images/icon/leftimg_mail.png) no-repeat #a7a7a7;
	background-position:10px 8px;
}
table.sidetitletable td.memo{
	background:url(../images/icon/leftimg_memo.png) no-repeat #e27108;
	background-position:10px 8px;
}
table.sidetitletable td.admin{
	background-color:#3261ab;
}
/* ***** サブタイトル ***** */
table.sidesubtitletable{
	width:100%;
}
table.sidesubtitletable td{
	margin:0;
	padding:7px 0 7px 10px;
	font-size:1em;
	color:#FFFFFF;
	border-bottom:1px solid #e3e4e4;
	background:none;
}
/* --- ここから業務別 --*/
table.sidesubtitletable td.schedule{
	background-color:#F5D700;
	color:#999999;
}
table.sidesubtitletable td.board{
	background-color:#ed7767;
}
table.sidesubtitletable td.cvs{
	background-color:#b2c445;
}
table.sidesubtitletable td.inform{
	background-color:#a89ebe;
}
table.sidesubtitletable td.document{
	background-color:#00af96;
}
table.sidesubtitletable td.mail{
	background-color:#d7d7d7;
}
table.sidesubtitletable td.memo{
	background-color:#eca600;
}
table.sidesubtitletable td.admin{
	background-color:#6a8cc7;
}
/* ***** 業務 ***** */
table.sidedetailtable{
	width:100%;
}
table.sidedetailtable td{
	padding:5px 10px 5px 35px;
	border-right: 1px solid #e3e4e4;
	border-bottom:1px solid #e3e4e4;
}
/* --- ここから業務別 --*/
table.sidedetailtable td.schedule{
	background:url(../images/icon/yellow_yaji.png) no-repeat;
	background-position:20px 7px;
}
table.sidedetailtable td.board{
	background:url(../images/icon/red_yaji.png) no-repeat;
	background-position:20px 7px;
}
table.sidedetailtable td.cvs{
	background:url(../images/icon/greenyellow_yaji.png) no-repeat;
	background-position:20px 7px;
}
table.sidedetailtable td.inform{
	background:url(../images/icon/perple_yaji.png) no-repeat;
	background-position:20px 7px;
}
table.sidedetailtable td.mail{
	background:url(../images/icon/gray_yaji.png) no-repeat;
	background-position:20px 7px;
}
table.sidedetailtable td.document{
	background:url(../images/icon/grean_yaji.png) no-repeat;
	background-position:20px 7px;
}
table.sidedetailtable td.memo{
	background:url(../images/icon/orange_yaji.png) no-repeat;
	background-position:20px 7px;
}
table.sidedetailtable td.admin{
	background:url(../images/icon/blue_yaji.png) no-repeat;
	background-position:20px 7px;
}
/* 各業務メイン - メイン */
table.schedule{
	width: 90%;
}
table.schedule th,
table.schedule td{
	padding:7px;
	border:1px solid #c5c5c6;
	line-height: 1.3em;
}
table.schedule th.sun{
	background:#f0855d;
	color:#FFFFFF;
}
table.schedule th.sat{
	background:#4eabda;
	color:#FFFFFF;
}
table.schedule th.normal{
	background:#d5d6d6;
	color:#FFFFFF;
}
table.schedule td.sunday{
	background:#fce7df;
	color:#eb3c44;
	border-bottom:none;
	text-align:left;
}
table.schedule td.satday{
	background:#dceef8;
	color:#4eabda;
	border-bottom:none;
}
table.schedule td.newsholiday{
/*	background:#d2ffd2; */
	background:#D1F1CC;
/*	color:#00a600; */
	color:#009250;
	border-bottom:none;
	text-align:left;
}
table.schedule td.normalday{
	background:#f0f0f0;
	color:#000;
}
table.schedule td.today{
	background-color: #ffffc1;
}
table.schedule a.create{
	color:#b3b3b3;
}

/* ---------------------------------------- */
/* メイン	*/
/* ---------------------------------------- */
/* ***** タイトル ***** */
table.maintitletable{
	width:100%;
	margin:0 0 20px 0;
}
table.maintitletable td{
	padding:0.5% 0;
	text-align:center;
	color:#FFF;
	font-size:1.2em;
	border-right:1px solid #e3e4e4;
}
table.maintitletable td span.left{
	float:left;
	padding:2px 0 0 10px;
	font-size:0.8em;
}
table.maintitletable td span.right{
	float:right;
	padding:2px 10px 0 0;
	font-size:0.8em;
}
/* --- ここから業務別 --*/
table.maintitletable td.schedule{
	background-color:#EFBA00;
}
table.maintitletable td.board{
	background-color:#e44d32;
}
table.maintitletable td.cvs{
	background-color:#87a747;
}
table.maintitletable td.inform{
	background-color:#97769f;
}
table.maintitletable td.mail{
	background-color:#a7a7a7;
}
table.maintitletable td.document{
	background-color:#009d84;
}
table.maintitletable td.memo{
	background-color:#e27108;
}
table.maintitletable td.admin{
	background-color:#3261ab;
}
/* ***** ナビゲーター ***** */
table.navitable{
	width:96%;
	margin:0px 2% 15px 2%;
	border:none;
}
table.navitable td.leftside{
	padding:0;
	margin:0;
	text-align:left;
}
table.navitable td.rightside{
	padding:0;
	margin:0;
	text-align:right;
}

/* ***** 見出し ***** */
td.main {
	margin: 0 0 10px 0;
}
td.main span.title{
	font-size:1.2em;
	color:#000000;
}
/* --- ここから業務別 --*/
td.main span.schedule{
	margin:3px 2px 3px 2%;
	font-size:1.2em;
	color:#df81a2;
}
td.main  span.inform{
	margin:3px 2px;
	font-size:1.2em;
	color:#a89ebe;
}
td.main  span.cvs{
	margin:3px 2px 3px 2%;
	font-size:1.2em;
	color:#b2c445;
}
td.main  span.document{
	margin:3px 2px 3px 2%;
	font-size:1.2em;
	color:#00af96;
}
td.main  span.memo{
	margin:3px 2px 3px 2%;
	font-size:1.2em;
	color:#eca600;
}
td.main  span.admin{
	margin:3px 2px 3px 2%;
	font-size:1.2em;
	color:#6a8cc7;
}
/* 業務へジャンプするリンク */
span.jumplink{
	font-size:1.2em;
	border:1px solid #cedaf3;
	background-color:#f1f5ff;
	padding:5px 5px 5px 5px;
	margin:0 0 0 -1px;
	display:inline-block;
}


/* ***** テーブル ***** */
table.listtable{
	width:96%;
	margin:5px 2% 15px 2%;
	border:1px solid #ccd0d5;
}
table.listtable th{
	padding:5px;
	border:1px solid #ccd0d5;
	background:#90c4e5;
	color:#fff;
}
table.listtable th.show{
	padding:5px;
	border:1px solid #ccd0d5;
	background:#fcf4b4;
	color:#008040;
}
table.listtable th.input{
	padding:5px;
	border:1px solid #ccd0d5;
	background:#fddefe;
	color:#ff0000;
}
table.listtable td{
	padding:5px;
	border:1px solid #ccd0d5;
	line-height: 1.2em;
/* 	white-space:nowrap; */
}

/* ***** ボタン ***** */
div.buttonarea{
	text-align:center;
	margin:5px 0 30px 0;
}
/* ***** エラーメッセージ ***** */
div.errmsg{
	margin:15px 2% 15px 2%;
	text-align: left;
	line-height: 1.2em;
}

/* フォント */
span.new{
	color:#ff0000;
	font-weight:bold;
}

/* リスト */
ul.listview{
	width:100%;
}

ul.listview li{
	float:left;
	/*width:33%;*/
	width:15em;
	line-height:1.5em;
}


.border.white{
	border-style: solid;
	border-width: 1px;
	border-color: White;
}
.table.body {
	border: 1px solid Silver;
}
.table.footer {
	color: #FFFFFF;
	background-color: #B0C4DE;
	border-style: solid;
	border-width: 1px;
	border-color: White;
}
.table.summary {
	color: #FFFFFF;
	background-color: #9999FF;
	border-style: solid;
	border-width: 1px;
	border-color: Silver;
}

/* ページコントロール */

span.page {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: normal;
	color: #ffffff;
	padding: 5px;
	margin: 0 0 0 -4px;
	text-align:center;
	background-color:#EEE;
	border: 1px solid #EEE;
	display:inline-block;
	width:50px;
}

span.page a {
	color: #ffffff;
}

span.enabled {
	color: #4eabda;
	background-color:#eaf6fd;
	border: 1px solid #eaf6fd;
}
span.enabled a {
	color: #4eabda;
}
span.enabled:hover {
	text-decoration: none;
	border: 1px solid #df81a2;
	background-color:#df81a2;
	color:#ffffff;
}
span.enabled:hover a {
	color: #ffffff;
}

span.selected {
	color: #ffffff;
	background-color:#4eabda;
	border: 1px solid #4eabda;
	font-weight:bold;
}
span.selected a {
	color: #ffffff;
}
span.selected:hover {
	text-decoration: none;
	border: 1px solid #df81a2;
	background-color:#df81a2;
	color:#ffffff;
}


/* テキストボックス */
.textbox {
	font-size: 1.0em;
}
.textbox.error {
	font-size: 1.0em;
	background-color: pink;
}
.textbox.right {
	font-size: 1.0em;
	text-align: right;
}

/* リストボックス */
.listbox {
	font-size: 1.0em;
}
.listbox.error {
	font-size: 1.0em;
	background-color: pink;
}

/* テキストエリア */
.textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 1.0em;
}
.textarea.error {
	background-color: pink;
	font-size: 1.0em;
}

/* チェックボックス */
.checkbox {
	font-size: 1.0em;
}

.checkbox.error {
	font-size: 1.0em;
	box-shadow: 0 0 3px 3px pink;
}


/* ラジオボタン */
.radio {
	font-size: 1.0em;
}

.radio.error {
	font-size: 1.0em;
	box-shadow: 0 0 3px 3px pink;
}

/* イメージ */
.img {
	width: auto;
	height: auto;
}
.img.small.icon {
	margin-left:10px;
	margin-right:3px;
}
.img.large.icon {
}
.img.top.icon {
}


/* テキスト */
.text {
	font-size: small;
}

/* ボタン */
.button {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	width: +80;
	font-size: 1.0em;
}

/* 強調表示 */
.highlight.new {
	color: #F00;
}
.highlight.disabled {
	color: gray;
}
.highlight.limit {
	color: #FF4500;
}
.highlight.important {
	color: #DC143C;
	font-weight: bold;
}
span.holiday {
	color: #CC0099;
}
span.newsholiday {
	color: #008000;
}

/* リンク */
.link {
	color: blue;
}
.link.bold {
	font-weight: bold;
}
.link.header {
	color: #FFFFFF;
}
.link.holiday.t1 {
	color: #000099;
}
.link.holiday.t2 {
	color: #FF6666;
}
.link.other{
	color:#122a88;
}


/* フレーム */
.iframe {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/* ---------------------------------------- */
/* リンク	*/
/* ---------------------------------------- */
/*********共通*********/
A {
	color:#999999;
	Text-decoration:none;
}

A:link {
	color: #231815;
	text-decoration: none;
	background-color: transparent;
}

A:visited {
	color: #231815;
	text-decoration: none;
	background-color: transparent;
}

A:Hover {
	color: #C00;
	text-decoration: underline;
	background-color: transparent;
}

A:Active {
	color: #999999;
	text-decoration: none;
	background-color: transparent;
}
A.Current {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
}

/*********メイン用*********/
td.main table.navitable td.rightside a:LINK,
td.main table.listtable a:LINK
{
	color: #0000ff;
	text-decoration: none;
	background-color: transparent;
}
td.main table.navitable td.rightside a:VISITED,
td.main table.listtable a:VISITED{
	color: #0000ff;
	text-decoration: none;
	background-color: transparent;
}
td.main table.navitable td.rightside a:hover,
td.main table.listtable a:hover{
	color: #C00;
	text-decoration: underline;
	background-color: transparent;
}

/** 背景色 */
.gary{
	background:#f6f7f7;
}

/* 横幅 */
.w5per{ width:5%; }
.w9per{ width:9%; }
.w10per{ width:10%; }
.w12per{ width:12%; }
.w15per{ width:15%; }
.w20per{ width:20%; }
.w23per{ width:23%; }
.w24per{ width:24%; }
.w25per{ width:25%; }
.w30per{ width:30%; }
.w35per{ width:35%; }
.w40per{ width:40%; }
.w45per{ width:45%; }
.w50per{ width:50%; }
.w55per{ width:55%; }
.w60per{ width:60%; }
.w65per{ width:65%; }
.w70per{ width:70%; }
.w75per{ width:75%; }
.w80per{ width:80%; }
.w85per{ width:85%; }
.w90per{ width:90%; }
.w95per{ width:95%; }
.w98per{ width:98%; }
.w100per{ width:100%; }
.w120per{ width:100%; }

.w30px{ width:30px; }
.w50px{ width:50px; }
.w60px{ width:60px; }
.w85px{ width:85px; }
.w100px{ width:100px; }
.w110px{ width:110px; }
.w150px{ width:150px; }
.w180px{ width:180px; }
.w200px{ width:200px; }
.w250px{ width:250px; }
.w355px{ width:355px; }
.w400px{ width:400px; }

/* --- 位置合わせ --- */
.left		{text-align:left;}
.right		{text-align:right;}
.center	{text-align:center;}

/* --- タブ --- */
.table.tab.{
	border: 1px solid Silver;
}

/* --- ナビゲーションバー --- */
div.nav {
	width: 100%; /* ナビゲーションの幅 */
	background-color: #ffffff; /* ナビゲーションの背景色 */
}

/* --- メニューエリア --- */
div.nav ul.nl {
	width: 96%;
	margin: 0px;
	padding: 10px 2% 0px;
	border-bottom: 1px solid #E3E4E4;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
	float:left;
	width:130px;
	height:19px;
	margin:0 5px 0 0;
	padding:6px 20px 0 0;
	background:url(../images/report_tab_off.png) no-repeat;
	text-align:center;
}

/* --- リンク --- */
div.nav ul.nl li a {
	color:#FFFFFF;
	display:block;
	overflow:hidden;
}

/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
	text-decoration:none;
	color:#000;
}

/* --- アクティブなタブ --- */
div.nav ul.nl li.active {
	background:url(../images/report_tab_active.png) no-repeat;
	color:#FFF;
}
div.nav ul.nl li.active a {
	color:#FFFFFF;
	display:block;
	overflow:hidden;
}
div.nav ul.nl li.cvs {
	background:url(../images/cvs_tab_active.png) no-repeat;
	color:#FFF;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- スクロール --- */
div.scrolle {
	/* position: absolute; */
	table-layout: fixed;
	margin-right : auto;
	overflow-x: scroll;
}

div.scrolle.height {
	height: 400px;
	overflow-x: auto;
	overflow-y: auto;
}

table.scrolle.table {
	table-layout: fixed;
	color: #000000;
	border-style: none;
	border-collapse: collapse;
}



/* --- スクロール(試験的) --- */
/* 外枠 */
div.x_data_area {
	width: 96%;
	overflow: auto;
	/* display: inline-table; */
	text-align: left;
}

div.x_scroll_box {
	width: 960px;
	/* width: 200px; */
	/* overflow-x: auto; */
	text-align: left;
}

div.x_scroll_box.height {
	height: 400px;
	overflow-y: auto;
}

table.data {
	/* table-layout: fixed; */
	border-collapse: collapse;
	/* width: 600px; */
	width: 100%;
	white-space: nowrap;
}

table.data th{
	border: 1px solid #ccd0d5;
	background: #90c4e5;
	color: white;
	height: 31px;
	/* width: 200px; */
	padding: 0px 5px 0px 5px;
}

table.data td {
	padding: 4px;
	border: 1px solid #ccd0d5;
	white-space: nowrap; /* データの折り返しを防止 */
	height: 31px;
	/* width: 192px; */
}

table.data td.text input{
	width: auto;
}

table.data td.num input{
	width: 70px;
}

table.data td p {
	margin: 0; /* 余分なマージンを消去 */
}