@charset "UTF-8";

/* ========RESET======== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1 font-size:84%;}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{background:#fff;color:#000;font-size:small;font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;line-height:1.5em}img{vertical-align:top;}li{list-style:none;}*{zoom:1;}.left{float:left !important;}.right{float:right !important;} a.mouse-over:hover img {opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";}
.mb_0 {margin-bottom:0 !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_15 {margin-bottom:15px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_25 {margin-bottom:25px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_35 {margin-bottom:35px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_45 {margin-bottom:45px !important;}
.mb_50 {margin-bottom:50px !important;}
.w_max {width:100% !important;}


/* ========BASIC======== */
body {
	padding:0px;
	text-align:center;
	line-height:1.6;
	letter-spacing:1px;
	font-size:12px;
	background:#fafafa;
	padding-top:65px;
}
a {
	color:#0D3664;
}
a:hover {
	text-decoration:none;
	color:#000;
}
p {
	font-size:12px;
}
h2 {
	margin:0 0 2px 0;
	padding:3px 5px;
	color:#000;
	font-size:20px;
	font-weight:bold;
	text-align:left;
}
h3 {
	text-align:left;
	border-left:solid 3px #0E5290;
	padding-left:12px;
	margin-bottom:12px;
}
table.table-details {
	table-layout: fixed;
	border :1px solid #ccc;
	/*border-spacing: 15px; */
	border-collapse : collapse;
}
table.table-list {
	width : 100%;
	border :1px solid #ccc;
	/*border-spacing: 15px; */
	border-collapse : collapse;
}
.table-details td.details {
	font-size:12px;
}
table {
	background:#fff;
}
th {
	background-color:#ddd;
	text-align:center;
	white-space : nowrap;
	font-size:12px;
	padding : 8px 2px;
	box-shadow:inset 0 1px 0 #eee;
}
td, th {
	border:1px solid #ccc;
	vertical-align:middle !important;
}
td {
	font-size:11px;
	padding : 6px 6px;
}
input[type=submit] {
	padding:6px 8px;
}
textarea {
	max-width:90%;
}
input[type=text] {
	max-width:90%;
}
select {
	max-width:95%;
}
/* ========header======== */

#header {
	width : 100%;
	text-align:left;
	background:#08588A;
	overflow:hidden;
	display:block;
	padding:14px 0;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:100;
	min-width:1120px;
}
#header a {
	color:#fff;
	text-decoration:none;
}
#header h1 {
	display:block;
	float:left;
	padding-top:7px;
	padding-left:20px;
}
#header h1 a {
	font-size:15px;
	display:block;
}
#header #h_name {
	float:right;
	color:#fff;
	font-weight:bold;
	padding:0px 15px 0 0;
}
#gNav {
	display:block;
	overflow:hidden;
	float:left;
	padding:3px;
	padding-right:2px;
	margin-left:30px;
	box-shadow:inset 0 0px 4px #032337;
	-webkit-border-top-left-radius: 3px;  
    -webkit-border-top-right-radius: 3px;  
	border-radius: 3px;  
    border-radius: 3px;
	background:#054269;
	margin-right:15px;
}
#gNav li {
	float:left;
}
#gNav li a {
	display:block;
	padding:6px 15px;
	margin-right:1px;
	color:#063856;
	font-weight:bold;
	background: #e8f0f4; /* Old browsers */
	background: -moz-linear-gradient(top,  #e8f0f4 0%, #cbe4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8f0f4), color-stop(100%,#cbe4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e8f0f4 0%,#cbe4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e8f0f4 0%,#cbe4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e8f0f4 0%,#cbe4f4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e8f0f4 0%,#cbe4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f0f4', endColorstr='#cbe4f4',GradientType=0 ); /* IE6-9 */
	text-shadow:1px 1px 0 #F0F4F7;
	box-shadow:inset 0 0 2px #87B3CF;
}
#gNav li a:hover {
	background:#FAFAFA;
	color:#333;
}
#userSearch {
	float:right;
	padding-top:1px;
	padding-right:20px;
}
#userSearch input[type=text] {
	width:120px;
	padding:6px;
	margin-right:4px;
}
#userSearch input[type=submit] {
	padding:4px 15px;
	margin:0;
}

/* ========main======== */	
h2.title {
	display:block;
	font-size:15px;
	padding:15px;
	border-bottom:solid 1px #ccc;
}
#main-details {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin:0 auto;
}
#main-list {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.button {
	margin : 15px;
	text-align:center;
}
/* ========footer======== */
#footer {
	width : 100%;
	border-top:solid 1px #ddd;
	padding:15px 0;
	font-size:10px;
}

/* ========container======== */
#container {
	padding-bottom:25px;
	margin:0 15px;
}

/* ========task-index======== */
#task-index table th {
	padding:15px 5px;
	font-size:11px;
}
#task-index table td {
	padding:3px;
	vertical-align:middle;
	letter-spacing:0;
}
td.active {
	background:#FFC !important;
}

/* ========group2======== */
#group2 #header {
	width:960px;
	margin:0 auto;
	background:#3AADBF;
	text-shadow:0 1px 0 #555; 
}
#group2 #container {
	width:920px;
	padding: 0 20px 20px;
	margin:0 auto;
	text-align:left;
	background:#fff;
}



tr.inhurry td {
	background : #FFCECF;
}
tr.insever td {
	background : #FFCECF;
}
tr.reservation td {
	background: #EFFCE2;
}
.desc:after {
	content : '↓';
}
.asc:after {
	content : '↑';
}
.filterForm div.input {
	float : left;
	width:auto;
	padding-right: 15px;
padding-bottom: 5px;
}
.filterForm div.input.dateto,  .filterForm div.input.writerassigned {
	clear:left;
}
.filterForm .text input {
}
.filterForm .submit {
	clear : left;
}
div.search {
	text-align:left;
	padding : 15px 0;
}
.datepicker {
	width : 80px;
}
.fee {
	width : 80px;
}
.correctcell {
	background : #FEF9D1;
}
.lastcell {
	background :#FFD0E9;
}
.writercell {
	background : #D1EFFE;
}
.rightbdr {
	border-right : 2px solid #666;
}

.nowrap {
	white-space:nowrap;
}

.correctcelllight {
	background : #FEF9D1;
	white-space:nowrap;
}
.lastcelllight {
	background : #FFD0E9;
	white-space:nowrap;
}
.writercelllight {
	background : #D1EFFE;
	white-space: nowrap;
}
td.hurrysmall a {
	text-decoration : none;
}
/*
	tr td.hurrysmall a
	{
	font-size : 5px ;
	padding : 2px ;
	text-decoration : none ;
	}
	tr td.hurrysmall a
	{
	background : #faa ;
	color : #a00;
	}
	tr.inhurry td.hurrysmall a
	{
	background : #afa ;
	color : #0a0;
	}
	*/

#flashMessage {
	padding : 15px;
	font-size:16px;
	text-align:center;
	border-bottom : 1px solid #69f;
	background : #def;
}
.error-message {
	padding : 5px 0;
	color : #f33;
	font-weight: bold;
	background : #fa9;
}
th,  .cellnowrap  .datedivnowrap {
	white-space : nowrap;
}
div.tasks.index table.table-list th {
	border-bottom : 2px solid #666;
}
/** Paging **/
.paging {
	color: #ccc;
	margin-top: 1em;
	clear:both;
}
.paging .current,  .paging .disabled,  .paging a {
	text-decoration: none;
	padding: 5px 8px;
	display: inline-block
}
.paging > span {
	display: inline-block;
	border: 1px solid #ccc;
	border-left: 0;
	background:#fff;
}
.paging > span:hover {
	background: #efefef;
}
.paging .prev {
	border-left: 1px solid #ccc;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.paging .next {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.paging .disabled {
	color: #ddd;
}
.paging .disabled:hover {
	background: transparent;
}
.paging .current {
	background: #efefef;
	color: #c73e14;
}
.localnav {
	display:block;
	margin:12px;
}
.localnav li {
	display: inline;
	margin-right:12px;
}
.center {
	text-align:center;
}


/* login ----------------------------------------------------------- */
#login {
	padding-top:120px;
	text-align:left;
	background:#eee;
}
#login #form_area {
	background:#fff;
	width:500px;
	margin:0 auto;
	box-shadow:0 0 5px #ccc;
	border-radius:5px;
}
#login #form_area .inner {
	padding:30px 35px;
}
#login h2 {
	font-size:14px;
	line-height:1em;
	background:#0E5290;
	color:#fff;
	margin:0;
	padding:13px 15px;
	border-bottom:solid 3px #eee;
}
#login table {
	width:100%;
}
#login table th,
#login table td {
	border:solid 1px #ccc;
	padding:10px;
}
#login table th {
	background: #E7EFFE;
	box-shadow:inset 0 1px 0 #fff;
	width:120px;
	color:#0E5290;
}
#login table td.center {
	background:#E7EFFE;
}
#login input[type=text],
#login input[type=password] {
	border:solid 1px #ccc;
	border-radius:2px;
	padding:6px 10px;
	width:250px;
}
#login input[type=submit] {
	padding:10px 30px;
}

/* login end -------------------------------------------------------*/

.filterForm {
	background:#fff;
	border:solid 1px #ddd;
	margin-bottom:12px;
	padding:10px;
	display:none;
}
.filterForm legend {
	font-weight:bold;
	display:block;
	background:#eee;
	width:100%;
	padding:5px 0;
	text-indent:10px;
	margin-bottom:10px;
}
.filterForm label  {
	margin-right:12px;
}
.filterForm fieldset {
	display:block;
	
}
.ui-datepicker-trigger {
	margin-left:7px;
	margin-top:5px;
}

#sakMemoToolTip {
	background:rgba(255,255,255,0.9);
	padding:6px 12px;
	position:absolute;
	border-radius:3px;
	text-align:left;
	box-shadow:0 0 2px rgba(0,0,0,0.5);
	max-width:300px;
}

/* 連絡・相談 */
#messagePage {
	width:980px;
	margin:0 auto;
	text-align:left;
}
#messagePage #inputForm {
	background:#D2D2D2;
	padding:12px;
	overflow:hidden;
	margin-bottom:30px;
}
#messagePage #inputForm textarea {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	display:block;
	width:100%;
	max-width:100%;
	padding:15px;
	border:none;
	margin:0;
	border-radius:0;
	min-height:200px;
	margin-bottom:10px;
	clear:both;
}
#messagePage #inputForm #selectFile {
	width:370px;
	float:left;
	background:#fff;
	padding:5px;
}
#messagePage #inputForm #selectFile h4 {
	float:left;
	background:url(/img/users/msg_file_title.png) no-repeat left center;
	width:102px;
	height:24px;
	text-indent:-9999px;
	margin-right:10px;
}
#messagePage #inputForm #selectFile input[type=file] {
	display:block;
	float:left;
	margin:0;
}
#messagePage #inputForm input[type=submit] {
	display:block;
	float:right;
	background:#EF4E7E;
	color:#fff;
	border:solid 1px #EC2B65;
	width:300px;
	height:34px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:0;
}
#messagePage #inputForm #fixedPhrase {
	display:block;
	margin:0;
	border:none;
	margin-bottom:8px;
	max-width:350px;
	float:left;
	height:30px;
	margin-right:10px;
}
#messagePage #inputForm .addfixedPhrase {
	display:block;
	text-decoration:none;
	background:#4894C1;
	width:100px;
	float:left;
	height:20px;
	padding:5px 0;
	text-align:center;
	color:#fff;
}

#messagePage #messageList {
	background:#4894C1;
	overflow:hidden;
	padding:10px;
}
#messagePage #messageList .message {
	background:#fff;
	border-left:solid 6px #FCE8C5;
	margin-bottom:1px;
}
#messagePage #messageList .message .head {
	position:relative;
	left:-10px;
	overflow:hidden;
}
#messagePage #messageList .message .head .name {
	display:block;
	width:120px;
	height:27px;
	padding-top:4px;
	background:url(/img/users/msg_name_bg01.png) no-repeat left top;
	text-align:center;
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
	color:#fff;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
	float:left;
	margin-right:10px;
	font-weight:bold;
}
#messagePage #messageList .message .head .date {
	float:left;
	padding-top:4px;
	font-weight:bold;
	margin-right:10px;
}
#messagePage #messageList .message .head .deleteBtn {
	float:right;
	padding-top:4px;
}
#messagePage #messageList .message .head .readStatus {
	padding-top:4px;
	float:left;
}
#messagePage #messageList .message .head .readStatus span {
	font-weight:bold;
	color: #C00;
}
#messagePage #messageList .message .body {
	padding:12px 30px 20px;
	overflow:hidden;
	font-size:14px;
	line-height:1.6em;
}
#messagePage #messageList .message .body a {
	display:block;
	color:#1E474D;
	text-decoration:none;
	float:left;
	background:url(/img/users/msg_file_icon.gif) no-repeat left top;
	height:22px;
	white-space:nowrap;
	padding-left:34px;
	padding-top:2px;
	padding-right:8px;
	margin-top:6px;
	font-weight:bold;
}
#messagePage #messageList .message .body a:hover {
	background:url(/img/users/msg_file_icon.gif) no-repeat left top #B7DEE3;
}

#messagePage #messageList .sakurabo {
	border-left:solid 6px #FBD7E7;
}
#messagePage #messageList .sakurabo .head .name {
	background:url(/img/users/msg_name_bg02.png) no-repeat left top;
}
#messagePage .paging a {
	color:#3E97A4;
}
#messagePage .paging {
	color: #48ADBA;
	margin-top: 1em;
	clear:both;
	text-align:center;
}
#messagePage .paging .current,
#messagePage .paging .disabled,
#messagePage .paging a {
	text-decoration: none;
	padding: 8px 12px;
	display: inline-block
}
#messagePage .paging > span {
	display: inline-block;
	border: 1px solid #4894C1;
	border-left: 0;
	background:#fff;
}
#messagePage .paging > span a:hover {
	background: #D7EDF0;
}
#messagePage .paging .prev {
	border-left: 1px solid #4894C1;
}
#messagePage .paging .next {
}
#messagePage .paging .disabled {
	color: #999;
}
#messagePage .paging .disabled:hover {
	background: transparent;
}
#messagePage .paging .current {
	background: #4894C1;
	color: #fff;
}


/* 定型文 */
#fixedphrasePage {
	padding:0;
	background:#fff;
}
#fixedphrasePage h2 {
	font-size:14px;
	background:#4894C1;
	color:#fff;
	margin-bottom:15px;
	padding:5px 10px;
	display:block;
	overflow:hidden;
}
#fixedphrasePage h2 a {
	color:#fff;
	float:right;
}
#fixedphrasePage #fixedphrase {
	width:500px;
	margin:0 auto;
	text-align: left;
}
#fixedphrasePage #editArea {
	margin-bottom:20px;
	background:#ddd;
	padding:5px;
	padding-bottom:10px;
	
}
#fixedphrasePage #editArea textarea {
	box-sizing:border-box;
	width:100%;
	max-width:100%;
	height:120px;
	border:none;
	padding:10px;
	line-height:1.5em;
	display:block;
	margin-bottom:10px;
}
#fixedphrasePage #editArea input[type=submit] {
	margin:0 auto;
	width:150px;
	display:block;
	background:#4894C1;
	border:none;
	color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#fixedphrasePage table {
	width:100%;
}
#fixedphrasePage table td.edit {
	width:80px;
	text-align:center;
}