@charset "utf-8";

/* 全体構造
---------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}

html{
	overflow-x:scroll;
}
body {
	font-size: 80%;
	line-height:170%;
	color:#333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align:center;
	background:url(../images/common/bg.jpg);
}
#wrapper{
	width:900px;
	margin:0 auto;
	text-align:left;
	background:url(../images/common/bg-content.jpg) repeat-y;
}
img {border:none;}
p{margin-bottom:1em;}
hr{clear:both; visibility:hidden; margin-bottom:10px;}

/* 汎用
---------------------------------------------------- */
.red{color:#FF3300;}
.orenge{color:#FF6600;}
.txt-right{text-align:right; margin-top:-10px;}
.mt10{margin-top:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}

/* リンク
---------------------------------------------------- */
a {outline:none;}

a:link {
  color: #3366ff;
  background: transparent;
}
a:visited {
  color: #800080;
  background: transparent;
}
a:hover, a:active {
  color: #ff9933;
  background: transparent;
}

.no-visited	a:visited{
	color: #3366ff;
}


/* ヘッダ
---------------------------------------------------- */
h1{
	text-indent:-9999px;
	width:900px;
	height:88px;
	background:url(../images/common/header.jpg) no-repeat;
}
h1 a{
	display:block;
	width:300px;
	height:83px;
}



/* フッタ
---------------------------------------------------- */
#page-top{
	text-indent:-9999px;
	clear:both;
}
#page-top a{
	width:94px;
	height:23px;
	margin-left:766px;
	display:block;
	background:url(../images/common/pagetop.jpg) no-repeat;
}

#footer{
	width:898px;
	height:80px;
	color:#eee;
	font-size:11px;
	background:url(../images/common/footer.jpg) no-repeat;
	text-align:center;
}
#footer ul{
	list-style:none;
	padding:10px 0;
}
#footer ul li{
	display:inline;
}
#footer ul li a{
	padding:0px 10px;
	border-right:1px solid #eee;
	color:#eee;
}
#footer ul .nobd a{
	border-right:none;
}

/* 名前表示
---------------------------------------------------- */
#name{
	background:#fefefe;
	padding:5px 5px 0px 5px;
	text-align:right;
	margin:0px 1px 0 1px;
}

/* メインタブ
---------------------------------------------------- */
#tab{
	background:url(../images/common/bg-tab.jpg) no-repeat;
	width:860px;
	height:60px;
}
#tab li{
	list-style:none;
	float:left;
}
#tab li a{
	display:block;
	text-indent:-9999px;
	width:149px;
	height:39px;
}
#tab #tab1 a{background:url(../images/common/tab1.jpg) no-repeat;}
#tab #tab2 a{background:url(../images/common/tab2.jpg) no-repeat;}

#tab #tab1 a:hover{background:url(../images/common/tab1.jpg) no-repeat 0 -39px;}
#tab #tab2 a:hover{background:url(../images/common/tab2.jpg) no-repeat 0 -39px;}

#tab #tab1-on a{background:url(../images/common/tab1.jpg) no-repeat 0 -39px;}
#tab #tab2-on a{background:url(../images/common/tab2.jpg) no-repeat 0 -39px;}


/* コンテンツの外枠
---------------------------------------------------- */
#outline{
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	padding:0 20px 20px 20px;
	margin-bottom:20px;
	height:1%;
}

/* パンくずリスト
---------------------------------------------------- */
#outline #topicpath{
	padding-bottom:20px;
}
#outline #topicpath li{
	display:inline;
}
#outline #topicpath li a{
	color:#3366ff;
}

/* タイトル
---------------------------------------------------- */
.t-top{
	font-size:14px;
	background:url(../images/common/bg-title.jpg) no-repeat;
	width:615px;
	height:27px;
	padding:7px 0 0 25px;
	margin-bottom:10px;
}
.t-mypage{
	font-size:14px;
	background:url(../images/common/bg-title.jpg) no-repeat;
	width:615px;
	height:27px;
	padding:7px 0 0 25px;
	margin-bottom:10px;
}
.t-worker{
	font-size:14px;
	background:url(../images/common/bg-title1.jpg) no-repeat;
	width:615px;
	height:27px;
	padding:7px 0 0 25px;
}
.t-client{
	font-size:14px;
	background:url(../images/common/bg-title2.jpg) no-repeat;
	width:615px;
	height:27px;
	padding:7px 0 0 25px;
}

.t-top strong{color:#1f7aa9;}
.t-worker strong{color:#75a332;}
.t-client strong{color:#eb9322;}
.t-client span{font-size:12px;}

#right h3{
	background:url(../images/common/bg-title3.jpg) no-repeat;
	width:630px;
	height:27px;
	padding:5px 0 0 10px;
	font-size:13px;
	margin-bottom:5px;
}
#right h3 span{
	font-size:12px;
	font-weight:normal;
}
#right .txt-body h3{
	background:url(../images/common/bg-title3.jpg) no-repeat;
	width:610px;
	height:27px;
	padding:5px 0 0 10px;
	font-size:13px;
	margin-bottom:5px;
}

h4{
	font-size:12px;
}


/* コンテンツ内容
---------------------------------------------------- */
.content-box{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	background:#f5f5f5;
	padding:10px;
	margin-bottom:20px;
}

.content-box dt{
	clear:left;
	float:left;
	width:6em;
	padding:0px 1em 10px 1em;
	background:url(../images/icon01.jpg) no-repeat 0 7px;
	font-weight:bold;
}
.content-box dd{
	margin-left:0;
	padding:0px 0.5em 10px 7em;
}
.content-box h3{
	font-size:12px;
}


/* フォームテーブル
---------------------------------------------------- */
.form-table{
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
}
.form-table th,
.form-table td{
	border:1px solid #ccc;
	padding:3px 5px;
}
.form-table th{
	width:120px;
	background:#f2f2f2;
	text-align:left;
	font-weight:normal;
}


.form-table td table{
	width:100%;
}
.form-table td td{
	border:none;
	padding:3px 5px;
	vertical-align:top;
}

.pickup{
	background:#e5f0f5;
}

.cell2em{width:2em;}
.cell3em{width:3em;}
.cell4em{width:4em;}
.cell5em{width:5em;}
.cell6em{width:6em;}
.cell7em{width:7em;}

.btn11{width:11em;}
.btn12{width:12em;}
.btn13{width:13em;}
.btn14{width:14em;}


/* データテーブル
---------------------------------------------------- */
.data-table{
	width:100%;
	border-collapse:collapse;
	margin:5px 0 20px 0;
}
.data-table th,
.data-table td{
	border:1px solid #ccc;
	padding:3px 5px;
}
#content-top .data-table th{
	background:#eee;
	text-align:left;
	font-weight:normal;
}

#content-worker .data-table th{
	background:#e9eee0;
	text-align:left;
	font-weight:normal;
}
#content-client .data-table th{
	background:#f4ece5;
	text-align:left;
	font-weight:normal;
}


.cell-green{background:#ebf1db;}
.cell-gray{background:#f5f5f5;}



/* 絞り込み・検索
---------------------------------------------------- */
.search{
	margin:5px 0 20px 0;
	border:1px solid #ccc;
	background:#f5f5f5;
	padding:5px 10px;
}


/* メッセージ一覧
---------------------------------------------------- */
.message-list-table{
	width:100%;
	border-collapse:collapse;
	margin:5px 0 20px 0;
}
.message-list-table th,
.message-list-table td{
	border:1px solid #ccc;
	padding:3px 5px;
}
#content-worker .message-list-table th{
	background:#e9eee0;
	text-align:left;
	font-weight:normal;
}
#content-client .message-list-table th{
	background:#f4ece5;
	text-align:left;
	font-weight:normal;
}

.message-list-table td a:link{
	color: #3366ff;
}
.message-list-table td a:visited {
  color: #3366ff;
}

.cell-data{width:5em;}
.cell-del{width:2.5em;}
.cell-status{width:2em;}



/* メッセージ詳細
---------------------------------------------------- */
.message-table,
.message-table-client,
.message-table-worker{
	width:100%;
	border-collapse:collapse;
	margin:5px 0 20px 0;
}
.message-table th,
.message-table td,
.message-table-client th,
.message-table-client td,
.message-table-worker th,
.message-table-worker td{
	border:1px solid #ccc;
	padding:3px 5px;
}
.message-table th{
	background:#eee;
	text-align:left;
	font-weight:normal;
	width:100px;
}
.message-table-client th{
	background:#f4ece5;
	text-align:left;
	font-weight:normal;
	width:100px;
}
.message-table-worker th{
	background:#e9eee0;
	text-align:left;
	font-weight:normal;
	width:100px;
}

/* チェックボックスのレイアウト
---------------------------------------------------- */
.checkbox{
	display:inline;
	margin:0 5px 5px 0;
}
.checkbox input{
	margin-right:3px;
}


/* errer information
---------------------------------------------------- */
.info, .success, .error, .del, .none{
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
	font-weight:bold;
}
.info{
    color: #00529B;
    background:url(../images/common/i-info.jpg) no-repeat #BDE5F8  10px center;
	border:1px solid #00529b;
}
.success{
    color: #4F8A10;
    background:url(../images/common/i-success.jpg) no-repeat #DFF2BF 10px center;
	border:1px solid #4f8a10;
}
.error{
    color: #9F6000;
    background:url(../images/common/i-error.jpg) no-repeat #FEEFB3 10px center;
	border:1px solid #9f6000;
}
.del{
    color: #D8000C;
    background:url(../images/common/i-del.jpg) no-repeat #FFBABA 10px center;
	border:1px solid #d8000c;
}
.none{
    color:#484848;
    background:url(../images/common/i-none.jpg) no-repeat #dcdcdc 10px center;
	border:1px solid #6c6c6c;
}


/* Form textfield textarea
---------------------------------------------------- */
.textfield-1,
.textfield-2,
.textfield-3,
.textfield-4,
.textfield-5,
.textfield-6{
	padding:4px 3px;
	border:1px solid #999;
}
.textfield-1{width:40px;}
.textfield-2{width:100px;}
.textfield-3{width:200px;}
.textfield-4{width:350px;}
.textfield-5{width:595px;}
.textfield-6{width:150px;}

.textarea-1,
.textarea-2,
.textarea-3{
	padding:4px 3px;
	border:1px solid #999;
}
.textarea-1{width:98%; height:100px;}
.textarea-2{width:98%; height:200px;}
.textarea-3{width:98%; height:350px;}
.textarea-4{width:98%; height:250px;}


.center-button{
	text-align:center;
	padding:5px 0 0 0;
}
.submit-button{
	text-align:center;
	padding:5px 0 0 0;
}
.center{
	text-align:center;
}
.submit-button input, a.default-button{
	border:none;
	background:#2d7bb2;
	padding:5px 15px;
	cursor:pointer;
	color:#fff;
	margin:0 5px;
	text-decoration:none;
}

.submit-button2{
    text-align:center;
    padding:5px 0 0 0;
}

.submit-button2 input{
    border:none;
    background:#eee;
    padding:5px 15px;
    cursor:pointer;
    color:#000;
    margin:0 3px;
}

/* pagination
---------------------------------------------------- */
.pagination{
	text-align:center;
	padding:20px 0;
	list-style:none;
	clear:both;
}
.pagination li{
	display:inline;
}
.pagination a{
	border:1px solid #999999;
	background:#fff;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#666666;
}
.pagination a:visited{
	border:1px solid #999999;
	background:#eee;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#666666;
}
.pagination a:hover{
	border:1px solid #999999;
	background:#aaa;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#fff;
}

.pagination .nolink{
	border:1px solid #999999;
	background:#aaa;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#fff;
}


/* BBS
---------------------------------------------------- */
.client-comment{
	width:461px;
	padding-left:179px;
	background:url(../images/client/icon.jpg) no-repeat;
	margin:10px 0 30px 0;
}
.client-comment .comment-body{
	width:436px;
	padding:10px 15px 5px 10px;
	background:#efded0;
}

.client-comment .contributor strong{
	color:#ec6800;
}


.worker-comment{
	width:461px;
	padding-right:179px;
	background:url(../images/worker/icon.jpg) no-repeat top right;
	margin:10px 0 30px 0;
}
.worker-comment .comment-body{
	width:436px;
	padding:10px 10px 5px 15px;
	background:#e0e9d0;
}

.worker-comment .contributor strong{
	color:#74a232;
}


.client-comment{
	text-align:right;
}


/* カレンダー
---------------------------------------------------- */
.calendar-info{
	padding:10px 0;
}
.calendar-left{
	width:310px;
	float:left;
	padding-bottom:20px;
}
.calendar-right{
	width:310px;
	float:right;
	padding-bottom:20px;
}
.calendar-left,
.calendar-right{
	text-align:center;
}

.calendar-left table,
.calendar-right table{
	width:100%;
	border-collapse:collapse;
	margin-bottom:5px;
}
.calendar-left table caption,
.calendar-right table caption{
	font-weight:bold;
}
.calendar-left table td,
.calendar-left table th,
.calendar-right table td,
.calendar-right table th{
	border:1px solid #ccc;
	padding:3px;
	text-align:center;
}

.calendar-left table th,
.calendar-right table th{
	background:#eee;
	font-weight:normal;
}

.calendar-left input,
.calendar-right input{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	cursor:pointer;
}

.cell-sun{color:#FF3300;}
.cell-sat{color:#0066CC;}

.cell-can{background:#DAEDAD;}
.cell-not{background:#FAD6BA;}

.sample-can{color:#669900; font-size:16px; margin-right:5px;}
.sample-not{color:#FF6633; font-size:16px; margin-right:5px;}


/* 左側メニュー下のバナー類
---------------------------------------------------- */
#cpi{
	text-align:center;
}
#tuika{
	margin-bottom:20px;
}
#content-worker #left #view{
	border:1px solid #ccc;
	padding:5px 8px 5px 8px;
	margin-bottom:20px;
	background:#e9eee0;
}
#content-client #left #view{
	border:1px solid #ccc;
	padding:5px 8px 5px 8px;
	margin-bottom:20px;
	background:#f4ece5;
}