@charset "utf-8";

/* ---------------------------------------------------------- *
	要素ごとの基本定義
 * ---------------------------------------------------------- */

* {margin:0; padding:0;}
body {
	text-align: left;
	background-color: #fff;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 14px;
	line-height: 130%;
	-webkit-text-size-adjust: 100%;
}

/* --- ブロック要素 --- */

h1,h2,h3,h4,h5,h6 {line-height:100%; margin-bottom:10px;}
h1 {font-size:100%;}
h4 {font-size:90%; margin: 15px 0 5px;}
p {
	margin-bottom:10px;
	word-wrap: break-word;
}
table {border-collapse: collapse; width:100%;}
th {font-size:90%;}


/* --- インライン要素 --- */

img {border: none;}
li {list-style: none;}
a         {text-decoration:underline; color:#015;}
a:link    {text-decoration:underline; color:#015;}
a:visited {text-decoration:underline; color:#015;}
a:hover   {text-decoration:none; color:#c60;}
a:active  {text-decoration:none; color:#c60;}

/* 入力フォーム系 */
input[type=text] ,
select ,
textarea {
	border:none;
	border-top: 1px #aaa solid;
	border-left: 1px #aaa solid;
	border-right: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
	padding: 1px;
	margin-bottom:1px;
	font-family: "ＭＳ ゴシック", Osaka, sans-serif;
	font-size:12px;
}
input[type="text"] {
	padding: 2px;
}
textarea {
	max-width: 300px;
}

input:focus,
textarea:focus {
	background-color: #ffffbb;
}

button.submit {
	font-size: 1.0em;
	font-weight: bold;
	padding: 3px 5px;
	color: #fff;
	border-style: none;
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	background: -moz-linear-gradient(bottom, #997744, #664411 50%, #997744);
	background: -webkit-gradient(linear, left bottom, left top, from(#997744), color-stop(0.5, #664411), to(#997744));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
}
button.submit.wide {
	padding: 3px 20px;
}
button.submit:hover {
	opacity: 0.8;
}



/* ---------------------------------------------------------- *
	共通クラス定義
 * ---------------------------------------------------------- */

.floatleft {
	display: block;
	float: left;
	width: 50%;
}
.floatright {
	display: block;
	float: right;
	width: 50%;
}
.floatnone {float:none !important;}

.inner { width: 95%;}

.alignleft  {display:block; float:left;  margin: 0 10px 10px 0;}
.alignright {display:block; float:right; margin: 0 0 10px 10px;}

.txt_l {text-align:left;}
.txt_c {text-align:center;}
.txt_r {text-align:right;}

.font100 {font-size:100%;}
.small   {font-size: 90%;}
.mini    {font-size: 80%;}

.weight {font-weight: bold;}

.att {color:#c00; background-color:#ffd;}
.notice {color:#060; background-color:#dfd;}
div.attention, p.attention {
	font-weight: bold;
    color: #F00;
}
div.notice, p.notice {padding:5px; border:1px #060 solid; background-color:#ffd;}

.top {margin-top:0;}

.pd0 {padding: 0;}

.pointer {cursor: pointer;}
.w_break {word-wrap: break-word;}

.cell-10 {width: 10%;}
.cell-15 {width: 15%;}
.cell-20 {width: 20%;}
.cell-25 {width: 25%;}
.cell-30 {width: 30%;}
.cell-35 {width: 35%;}
.cell-40 {width: 40%;}
.cell-50 {width: 50%;}
.cell-60 {width: 60%;}
.cell-75 {width: 75%;}
.cell-80 {width: 80%;}

.margin_left_3{
	margin-left: 3px;
}
.ml10{margin-left: 10px;}
.mr20 {margin-right: 20px;}
.mb5 {margin-bottom: 5px;}
.mb20 {margin-bottom: 20px;}
.form_error_message {
	font-weight: bold;
	color: #f00;
}
.show {display:block;}
.hide {display:none;}
.inline{display: inline;}
body.layout-sp {font-size: medium;}
.cost-price{background-color: #ddd;}

/* --- ブロック要素 --- */

h2.title {
	font-size: 120%;
	margin-top: 10px;
}
h3.split {
	/* 各種伝票edit 複数時の区切り */
	margin-top: 20px;
	padding: 10px 5px 0;
	border-top: 2px #aaa dotted;
}

div.box {margin-bottom: 10px;}
div.list {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px #ccc dotted;
}
div.no-border {border: none;}
div.scroll {overflow:scroll;}

ul.mini_menu {
	/* float: right; */
}
ul.navi_menu ,
ul.mini_menu {
	margin: 10px 0;
}
ul.navi_menu li ,
ul.mini_menu li {
	float: left;
	font-size: 90%;
	padding-right: 10px;
}

p.sticky {
	border: 1px #ccc solid;
	border-left: 10px #ccc solid;
	margin: 10px 0;
	padding: 3px 5px;
}
p.note {
	margin:10px;
	padding:10px;
	background-color:#eeeedd;
}

div.comment ,
p.comment {
	margin-bottom: 10px;
	border: 1px #ddd solid;
}
div.comment_scroll {
	height: 90px;
	margin-bottom: 10px;
	overflow:auto;
	border: 1px #ddd dotted;
}
div.titlebox {
	width: 100%;
}
div.titlebox h2 {
	float: left;
	width: 50%;
}
div.titlebox div.submenu {
	float: left;
	width: 50%;
}
div.titlebox ul {
	float: right;
	margin: 12px 0 0 0;
}

/* テーブル */
#main table.m0 {
	margin-bottom: 0;
}
tr.evenline ,
tr.evenline td { background: #eee; }
tr.level2 { display:none; }
tr.level2.row-color1 { background: #fffff9; }
tr.level2.row-color2 { background: #f9f9e9; }
td.num ,
td.price {
	text-align:right;
}
tr.nbbtm ,
tr.nbbtm th,
tr.nbbtm td,
th.nbbtm ,
td.nbbtm {
	border-bottom: none !important;
	padding-bottom:0 !important;
}
tr.bdbtm ,
tr.bdbtm th,
tr.bdbtm td,
th.bdbtm ,
td.bdbtm ,
tr.nbbtm th.bdbtm ,
tr.nbbtm td.bdbtm {
	border-bottom: 1px #888 dotted !important;
	padding-bottom: 3px !important;
}
tr.bdtop th ,
tr.bdtop td ,
th.bdtop ,
td.bdtop {
	border-top: 1px #888 dotted !important;
}

/* --- ブロックの非表示（レスポンシブ対応） --- */
.layout-pc .hide-pc {display:none;}
.layout-tb .hide-tb {display:none;}
.layout-sp .hide-sp {display:none;}

/* --- 擬似テーブル（レスポンシブ対応） ---
 * table -> div.table
 * tr    -> div.tr
 * th    -> dl dt
 * td    -> dl dd
 */
div.table ,
div.table .tr {width:100%;}
div.table dl ,
dl.table {display:table;float:left;}
div.table dt ,
div.table dd {
	display:table-cell;
	padding: 2px 3px;
	vertical-align:middle;
}
div.table dt {
	width: 35%;
	font-weight:bold;
	text-align:center;
	background-color: #EED;
}

.layout-tb div.table dl ,
.layout-sp div.table dl {clear:both;width:100%;}

div.cols2 dl {width:50%;}
div.cols2 dt {width:17.5%;}

div.cols3 dl {width:33.333%;}

div.cols4 dl {width:25%;}
div.cols4 dt {width:35%;}

div.cols5 dl {width:20%;}
div.cols6 dl {width:16.666%;}


/* --- インライン要素 --- */

.link {
	font-weight: bold;
	text-align: left;
	margin-right: 12px;
}
.link a:link {color: #015;}
.link a:visited {color: #015;}

a.link {
	display:inline-block;
	background: url(/img/button_foot.gif) left center no-repeat;
	margin:0;
	padding: 0 0 0 12px;
	line-height:100%;
}

/* Icon 共通 */
span.icon {
	display: inline-block;
	background: #333;
	vertical-align: 2px;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	padding: 1px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
}
span.icon img {vertical-align: middle;}
span.Icon img {vertical-align: bottom;}/*見出しアイコン*/
.nobr {	white-space: nowrap;}

/* テキストボックス */
input.box1 {width:16px;}
input.box2 {width:24px;}
input.box3 {width:46px;}
input.box4 {width:60px;}
input.box5 {width:74px;}
input.box6 {width:88px;}
input.box7 {width:102px;}
input.box8 {width:116px;}
input.box9 {width:130px;}
input.box10 {width:144px;}
input.box11 {width:163px;}
input.box12 {width:172px;}
input.box13 {width:186px;}
input.box14 {width:200px;}
input.box16 {width:228px;}
input.box17 {width:242px;}
input.box18 {width:256px;}
input.box20 {width:284px;}
input.box21 {width:299px;}
input.box22 {width:312px;}
input.box24 {width:340px;}
input.box26 {width:368px;}
input.box28 {width:396px;}
input.box30 {width:424px;}
input.box35 {width:494px;}
input.box40 {width:564px;}
input.box45 {width:634px;}
input.box50 {width:704px;}
input.box55 {width:774px;}
input.box60 {width:844px;}
input.box65 {width:914px;}
input.box70 {width:984px;}

select.box1 {width:40px;}
select.box2 {width:54px;}
select.box3 {width:68px;}
select.box4 {width:82px;}
select.box5 {width:96px;}
select.box6 {width:110px;}
select.box7 {width:124px;}
select.box8 {width:138px;}
select.box9 {width:152px;}
select.box10 {width:166px;}
select.box12 {width:194px;}
select.box14 {width:222px;}
select.box16 {width:250px;}
select.box18 {width:278px;}
select.box20 {width:306px;}

input.num ,
input.price {text-align:right;}

input.schedule_color_box {
	width: 0.7em;
	height: 0.7em;
	border: 1px solid;
	float: left;
}
input.readonly {
	background-color: #fff;
	border: none;
}
/* .readonly2 は今後使わない */
input.readonly2 {
	background-color: #eee;
	border: none;
}
.evenline input.readonly {
	background-color: #eee;
}

input[type="text"].small ,
select.small ,
textarea.small {
	font-size:10px;
}
input[type="text"].mini ,
select.mini ,
textarea.mini {
	font-size: 9px;
}
.textarea {
	width: 100%;
	height: 50%;
}

/* 通常ボタン */
a.btn,
a.btn:link,
a.btn:visited {
	margin-right: 5px;
	padding: 2px 5px;
	border: solid 1px #bcbecb;
	display: inline-block;
	color: #444757;
	background-image: url('../img/button/white-grad.png');
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #eee;
	font-weight: normal;
	font-size: 90%;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;

	/* CSS3 radius */
	border-radius: 5px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 5px;
	/* Firefox radius */
	-moz-border-radius: 5px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 5px;
	/* Firefox radius */
	-moz-border-radius: 5px;
}

/*-------タブスタイル--------*/
/* クラス名 .tabhead を使用すること。（.Tab-Style は古い名称、削除予定） */
ul.Tab-Style ,
ul.tabhead {
	margin: 15px 0 10px;
}
ul.Tab-Style li ,
ul.tabhead li {
	background: #333;
	color: #fff;
	font-size: 90%;
	float: left;
	display: block;
	cursor: pointer;
	padding: 3px 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.Tab-Style li.tab-end ,
.tabhead li.tab-end {
	border-right: 1px solid #ccc;
}
.Tab-Style li.active ,
.tabhead li.active {
	background: #fff;
	color: #000;
	margin-bottom: -1px;
	border-bottom: 1px solid #fff;
}
.disnon {display: none;}

ul.Tab-Style li a ,
ul.tabhead li a {
	text-decoration: none;
	color: #fff;
}

/* --- 検索条件入力欄 --- */
div.search-area {
	margin-bottom:10px;
}

table.search-form {
	width:100%;
	margin: 0 0 25px;
}

table.search-form th {
	padding: 3px 2px;
	background: #e8f4e8;
	font-size:90%;
	text-align: center;
}
table.search-form th ,
table.search-form td {
	font-size: 90%;
	padding: 2px 3px;
}
/*table.search-form th {
	max-width: 10%;
}*/

.search-form input[type="text"] {
	padding: 1px 2px;
}

/* --- 一覧リスト形式（検索結果、伝票明細部など） --- */

table.list {
	margin:0 0 10px;
}
table.list thead tr,
.tbody_th {
	background-color: #eed;
}
table.list thead.color2 th ,
table.list thead th.color2 {
	background-color: #AA9;
}
table.list thead tr th ,
table tr th.list,
.tbody_th {
	padding: 2px 3px 1px;
	color: #000;
	min-width: 10px;
	text-align:center;
	font-weight:bold;
	font-size:90%;
}

table.item_list thead tr th {
	padding: 2px 3px 1px;
	color: #000;
	text-align:left;
	font-weight:normal;
	font-size:90%;
}

table.list td {
	padding: 3px 2px 2px;
	border-bottom: 1px #888 dotted;
	vertical-align: top;
}
table.list td.nbbottom {
	border-bottom: 1px #888 dotted;
}
table.list td.component {
	padding-bottom: 25px;
	border-bottom: 1px #444 solid;
}
table.list.component td {
	border-bottom: 1px #888 dotted;
}
table.list.mini td {
	padding: 3px 2px 1px;
}
table.list td.txt_l ,
table.list td.name {
	text-align:left;
	padding-left: 4px;
}
table.list td.txt_c ,
table.list td.center {
	text-align:center;
}
table.list td.txt_r ,
table.list td.num ,
table.list td.price {
	text-align:right;
	padding-right: 4px;
}
table.list td.price {
	white-space: nowrap;
}
table.list tr.selected td {
	background-color: #fc6 !important;
}
table.list tr.current td {
	background-color: #fe9 !important;
}

table.index {
	width: 100%;
	margin: 0 0 20px 0;
	font-size: 90%;
}
table.index th,
table.index td {
	padding: 5px;
	border-bottom: dotted 1px #ddd;
}
table.index td {padding: 5px;}
table.index th.th_c {text-align: center;}
table.index td.index-img {width: 150px;}
table.index td.index-img img {border: 1px #ddd solid;}

table.scroll thead {float:left; wodth:100%;}
table.scroll tbody {float:left; wodth:100%; overflow:auto;}

/* --- 詳細表示 --- */

table.detail,table.detail2 {
	width: 100%;
	margin: 0 0 10px;
}
table.detail th,table.detail2 th {
	width: 25%;
}
table.detail th,
table.detail td,
table.detail2 th,
table.detail2 td
 {
	padding: 2px 5px;
	border-bottom: dotted 1px #ddd;
}
table.detail td {
	word-break: break-all;
}
/* 詳細表示（２列） */
table.detail.two-column th {
	width: 20%;
}
/* 詳細表示（３列） */
table.detail.three-column th {
	width: 15%;
}

/* --- 伝票フォーム --- */

table.slipform{
	border-top:  1px #ddd solid;
	border-left: 1px #ddd solid;
	margin: 0 0 10px;
}
table.slipform th ,
table.slipform td ,
table.slipform td.th{
	padding: 2px 3px;
	border-right:  1px #ddd solid;
	border-bottom: 1px #ddd solid;
	vertical-align: middle;
}
table.slipform th ,
table.slipform td.th {
	background-color: #eed;
/* 	width: 20%; */
	text-align: center;
}
table.slipform td ,
table.slipform td.txt_l ,
table.slipform td.name {
	text-align:left;
}
table.slipform td.txt_c ,
table.slipform td.center {
	text-align:center;
}
table.slipform td.txt_r ,
table.slipform td.num ,
table.slipform td.price {
	text-align:right;
}
table.slipform th.th_attention {
	background: #FFDAB9;
}
table.slipform table {
	margin-bottom:0;
}

/* --- 伝票種別ごとのスタイル --- */

table.sale th {
	background: #ffd;
}
table th.sale {
	background: #ffd !important;
}
table.purchase th {
	background: #def;
}
table th.purchase {
	background: #def !important;
}


div.checkboxMultiple div {
	float:left;
	padding-right:10px;
}
div.checkboxMultiple:after {
	clear:both;
}

/* キャプション */
h3.caption {
	margin: 10px 0 10px;
	padding: 4px 3px;
	background: #ddffdd !important;
	text-align: left;
	font-weight: bold;
	font-size: 90%;
}

/* ---------------------------------------------------------- *
 * ブロックレイアウト定義
 * 各ブロックの位置関係に基づき、幅,margin,floatを定義する。
 * ---------------------------------------------------------- */

#headWrap,
#footWrap {
	background-color: #034;
	width: 100%;
}
#headContainer,
#footContainer {
	width: 950px;
	margin: 0 auto;
	padding-top:5px;
}
#wrapper {
	background: url('/img/test_bg.gif');
	width: 100%;
	position: relative;
}
#container {
	background: #fff;
	width: 1200px;
	margin: 0 auto;
	min-height:600px;
}
#contents {
	background: #fff;
	overflow: hidden;
	margin: 0;
}
#main_wrapper {
	overflow: hidden;
}
#sidebar-left {
	background-color: #F8F7FC;
}

/* レスポンシブ対応 */
.layout-sp #headContainer,
.layout-sp #footContainer {width: 96%;}
.layout-sp #container {width: 96%;}

.layout-tb #headContainer,
.layout-tb #footContainer {width: 97%;}
.layout-tb #container {width: 97%;}

.layout-tw #headContainer,
.layout-tw #footContainer {width: 99%;}
.layout-tw #container {width: 99%;}

.layout-pw #headContainer,
.layout-pw #footContainer {width: 1200px;}
.layout-pw #container {width: 1200px;}

.layout-pw #main_wrapper,
.layout-pc #main_wrapper,
.layout-tw #main_wrapper,
.layout-tb #main_wrapper {float: left;}

.layout-pw #sidebar-left,
.layout-pc #sidebar-left,
.layout-tw #sidebar-left,
.layout-tb #sidebar-left {float: left; width: 180px;}
.layout-sp #sidebar-left {padding: 5px 0;}

/* 3カラムレイアウト */
.layout-pc #main,
.layout-tb #main {
	background-color: #fff;
	float: left;
	border: 1px #ddd solid;
	border-top:none;
	width: 577px;
	min-height:600px;
}
.layout-sp #main {
	background-color: #fff;
	margin: 0 1px 1px 1px;
	min-height:400px;
}
.layout-pc #sidebar-right {
	background-color: #F8F7FC;
	float: left;
	width: 257px;
	margin: 0;
}
.layout-tb #sidebar-right {
	background-color: #F8F7FC;
	clear: both;
	width: 577px;
	margin: 0 1px 1px;
}
.layout-sp #sidebar-right {
	display: none;
}

#main.semiwide {
	width: 745px;
}
.layout-tb #main.semiwide ,
.layout-sp #main.semiwide {
	width:100%;
}

/* 2カラムレイアウト */
#main2 {
	background-color: #fff;
	float: left;
	width: 824px;
/*	margin: 0 1px 1px 1px;*/
	padding: 10px 0 0 10px;
}
.layout-sp #main2 {
	padding: 10px 0 60px 0;
}
/* 1カラムレイアウト */
#main.wide {
	background-color: #fff;
	float: left;
	margin: 0 1px 1px 1px;
	width: 100%;
	border:none;
}
.layout-sp #main {
	padding-bottom: 60px;
}

/* main内 カラムレイアウト */
.layout-pc #main.wide .twocolumn-col1 ,
.layout-pc #main.wide .twocolumn-col2 {
	float: left;
	width: 580px;
}
.layout-pc #main.wide .twocolumn-col1 {
	margin-right:20px;
}
.layout-pc #main.projects.wide .twocolumn-col1 {
	width: 360px;
	margin-right:60px;
}
.layout-pc #main.projects.wide .twocolumn-col2 {
	width: 760px;
}

/* PC時　project/edit header-form */
#headerform-area .slipform dl {
	border-top: 1px #ddd solid;
	border-left: 1px #ddd solid;
}
#headerform-area .slipform dt ,
#headerform-area .slipform dd {
	border-right: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
}
.layout-pc #headerform-area .table dl {
	float: left;
	display: block;
}
.layout-pc #headerform-area .table dt{
	display: block;
}
.layout-pc #headerform-area .table dd{
	display:inline-block;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
}
.layout-pc #headerform-area .table .num{
	text-align: right;
}
.layout-pc #headerform-area .table #headerform-project-id dt,
.layout-pc #headerform-area .table #headerform-project-id dd{
	width: 60px;
}
.layout-pc #headerform-area .table #headerform-work-task_id dt,
.layout-pc #headerform-area .table #headerform-work-task_id dd{
	width: 93px;
}
.layout-pc #headerform-area .table #headerform-control-status dt,
.layout-pc #headerform-area .table #headerform-control-status dd{
	width: 40px;
}
.layout-pc #headerform-area .table #headerform-work-time_st dt,
.layout-pc #headerform-area .table #headerform-work-time_st dd,
.layout-pc #headerform-area .table #headerform-work-time_ed dt,
.layout-pc #headerform-area .table #headerform-work-time_ed dd{
	width: 135px;
}
.layout-pc #headerform-area .table #headerform-work-work_min dt,
.layout-pc #headerform-area .table #headerform-work-work_min dd{
	width: 60px;
}
.layout-pc #headerform-area .table #headerform-work-type dt,
.layout-pc #headerform-area .table #headerform-work-type dd{
	width: 93px;
}
.layout-pc #headerform-area .table #headerform-work-quantity dt,
.layout-pc #headerform-area .table #headerform-work-quantity dd{
	width: 60px;
}
.layout-pc #headerform-area .table #headerform-work-note dt,
.layout-pc #headerform-area .table #headerform-work-note dd{
	width: 260px;
}
.layout-pc #headerform-area .table #headerform-work-user_id dt,
.layout-pc #headerform-area .table #headerform-work-user_id dd{
	width: 105px;
}
.layout-pc #headerform-area .table #headerform-submit dt,
.layout-pc #headerform-area .table #headerform-submit dd{
	width: 50px;
}

/* footer */


/* ダイアログ */
#dialog #container {width:100%; min-height:0px;}
div.dialog {
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
}
div.dialog iframe {
	display:block;
	width:100%;
	height:100%;
}

/* ---------------------------------------------------------- *
 * 各ブロックのスタイル定義
 * ブロックのpadding,background等はここで定義する。
 * ※height,background-colorは、レイアウト確認のための定義であり、
 *   実際に使用する際は削除してよい。
 * ---------------------------------------------------------- */

/*** ヘッダー ***/
#headWrap {
	line-height:100%;
}

#header ,
#header h1 a:link {color: #fff;}
#header h1 a:visited {color: #fff;}
#header h1 a:hover {color: #fff;}

#header_logo {
	float: left;
	height: 30px;
	margin:0;
	padding: 0 10px 0 0;
}

#header_search {
	float: left;
	width: 220px;
	padding: 5px 0 0 0;
}
.layout-tb #header_search,
.layout-sp #header_search {
	display: none;
}

#header_menu,
#header_submenu {
	color: #FFF;
	padding-bottom: 5px;
}
#header_menu {
	float: right;
	text-align: right;
}
.layout-sp #header_menu {
	display: none;
}
#header_menu ul{
	float: right;
	padding-top: 9px;
}
.layout-sp #header_menu ul {
	float: left;
	padding-top: 3px;
}
#header_submenu {
	display: none;
}
.layout-sp #header_submenu {
	display: block;
}
#header_submenu ul {
	float: left;
	padding-top: 9px;
}
#header_menu ul li,
#header_submenu ul li {
	display: block;
	float: left;
	padding: 0 5px;
	border-right: solid 1px #FFF;
}
#header_menu ul li.end,
#header_submenu ul li.end {
	padding-right: 0;
	border-right: none;
}
#header_submenu-toggle {
	display: none;
}
.layout-sp #header_submenu-toggle {
	display: block;
	float: right;
	margin-right: 10px;
}

#header_menu_thumb {
	float: left;
}

#tops_home_icon {
	float: right;
	display: block;
	margin-left: 5px;
	padding-top: 8px;
	font-weight: normal;
}

#header_menu a:link,
#header_submenu a:link    {text-decoration:none; color:#fff;}
#header_menu a:visited,
#header_submenu a:visited {text-decoration:none; color:#fff;}

/*** 左サイド ***/
#L_Box-PROFILE {
	width: 179px;
}
.layout-sp #L_Box-PROFILE {
	float: left;
}
#L_Box-PROFILE p {
	margin-bottom: 0;
}
#PROFILE-Thumb {
	float: left;
	margin: 5px 0 0 5px;
}
#PROFILE-Name {
	float: right;
	width: 91px;
	margin-top: 10px;
	padding: 0 3px 0 5px;
}
#my_coin {
	font-size: 80%;
}
.layout-sp #L_Box-icon {
	float: left;
	margin-left: 10px;
	padding: 5px 0;
}
ul#L_Box-icon li {
	float: left;
	width: 40px;
	height: 40px;
	margin-left: 15px;
}
ul#L_Box-icon li.st_good {
	background: url('/img/icon/st_icon_good.gif') no-repeat;
}
ul#L_Box-icon li.st_mail {
	background: url('/img/icon/st_icon_mail.gif') no-repeat;
}
ul#L_Box-icon li.st_comment {
	background: url('/img/icon/st_icon_comment.gif') no-repeat;
}
span.notice_icon {
	background: #f00;
	font-size: 80%;
	color: #fff;
	width: 15px;
	height: 15px;
	margin-left: 25px;
	padding: 2px 3px 0 5px;
	border-radius: 15px;
}
.layout-sp #L_Box-btn {
	float: left;
	margin-left: 10px;
}
.layout-pc #L_Box-MENU,
.layout-tb #L_Box-MENU {
	background: #ccc;
	margin-top: 10px;
}
.layout-sp #L_Box-MENU {
	display: none;
}
#L_Box-MENU ul {
	width: 179px;
	margin: 0;
}
#L_Box-MENU ul li {
	background-color: #F1F1F4;
	display: block;
	vertical-align: middle;
	line-height: 100%;
	width: 162px;
	padding: 8px;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.subMenu li{
	background-color:#666;
	color: #fff;
	margin: 0 0 1px 1px;
	padding: 10px 0 10px 30px;
}
.subMenu a:link {color: #fff;}
.subMenu a:visited {color: #fff;}

/*左サイド ボタンスタイル*/
#L_Box-btn button {
	float: left;
}
#L_Box-btn button,
#projectEdit button {
	background-color: #EEE;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	cursor: pointer;
	color: #666;
	width: 39px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 3px 0;
	/*角丸*/
	border-radius: 3px;
}
#edit_btn {
	margin: 0;
	float: none;
}

/*** 右サイド ***/
#R_Box-head {
	background-color: #666;
	color: #FFF;
	height: 27px;
	padding-top: 8px;
}
#R_Box-TOP h1 {
	margin-left: 10px;
}
table.projectlist {
	margin: 10px;
}
table.projectlist td {
	vertical-align: middle;
	padding-bottom: 10px;
}
.projectlist-L {width: 55px;}
.projectlist-R {
	width: 192px;
	font-size: 90%;
}
.layout-tb .projectlist-R {
	width: 478px;
	padding-left: 5px;
}
/* 右サイド tab */
.tabBox {border-bottom: 1px solid #ccc;}
.Right_side_project_wrap {
	overflow: auto;
	height: 320px;
}
/* タブ・メンバー */
.member_box {
	background-color: #FFF;
	width: 261px;
	padding: 3px 0 3px 10px;
	border-bottom: dotted 1px #ddd;
}
.member_box p {margin-bottom: 0;}
.member_box img {vertical-align: bottom;}
.member_box ul li {
	float: left;
	margin-top: 15px;
	padding-right: 10px;
}
.member_l {
	float: left;
	margin-right: 10px;
}
.member_c {
	float: left;
	padding-top: 5px;
}
.member_r {
	float: right;
	margin-right: 10px;
}
/* タブ・タスク */
table.side_task{
	width: 257px;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}
.side_task th{
	border-bottom:1px solid #ccc;
	background-color:#e3e8f0;
	text-align:center;
}
.side_task td{
	font-size: 90%;
	border-bottom:1px solid #ccc;
}
table.side_task th,
table.side_task td {
	width: 30px;
	padding: 5px 3px;
}
.side_task th.table_a,
.side_task td.table_a {width: 7%;}
.side_task th.table_b,
.side_task td.table_b {width: 63%;}
.side_task th.table_c,
.side_task td.table_c {width: 20%;}
.side_task th.table_d,
.side_task td.table_d {width: 10%;}

th.table_a,td.table_a {width: 30px;padding: 10px 0 10px 10px;}
th.table_b,td.table_b {width: 159px; padding: 10px; border-right: none;}
th.table_c,td.table_c {width: 40px; padding: 10px; border-right: none;}
th.table_d,td.table_d {width: 19px; padding: 10px;}

/* タブ・メモ */
.side_memo {
	margin-left: 10px;
	padding-top: 5px;
}
.side_memo textarea {
	width: 237px;
	height: 150px;
	line-height: 150%;
}
.memo_box {
	background: url('../img/icon/icon_close.gif') no-repeat 230px 10px;
	border-top: 1px solid #ccc;
	padding: 10px;
}
.memo_box p {margin: 0;}

/*タブ切り替え*/
div.Customers_detail_wrap-top {
	margin-bottom: 40px;
}
div.Products_detail_wrap-top {
	margin-bottom: 40px;
}

/* --- 下部ナビ・メニュー --- */
.layout-sp #footWrap,
.layout-sp #footContainer,
.layout-sp #footer {display: none;}

#bottom_navi {display: none;}
.layout-sp #bottom_navi {display: block;}

#bottom_navi {
	z-index: 10;
	background-color: #000;
	color: #fff;
	position: fixed !important;
	position: absolute;
	bottom: 0;
	width: 100%;
	overflow: hidden;
}
#bottom_navi ul li a {text-decoration:none; color:#fff;}
#bottom_navi ul li a:link {text-decoration:none; color:#fff;}
#bottom_navi ul li a:visited {text-decoration:none; color:#fff;}
#bottom_navi ul li a:hover {text-decoration:underline; color:#fff;}
#bottom_navi ul li a:active {text-decoration:underline; color:#fff;}

#bottom_navi-menu {background-color: #000;}

#bottom_navi-menu ul,
#bottom_navi-menu-slider ul {
	list-style: none;
	text-align: center;
	margin: 0;
	width: 90%;
	margin: 0 auto;
	padding: 5px 0;
}
#bottom_navi-menu ul li,
#bottom_navi-menu-slider ul li {
	display: block;
	float: left;
	font-size: 80%;
}
#bottom_navi-menu ul li {
	width: 33%;
}
#bottom_navi-menu-slider ul li {
	width: 25%;
	margin: 5px 0;
}
#bottom_navi-menu ul li img,
#bottom_navi-menu-slider ul li img {vertical-align: bottom;}


/*** メインコンテンツ ***/

/* ログインページ */
#login_btn {
	background: url('/img/button_foot.gif') no-repeat left center;
	padding: 2px 2px 2px 12px;
	border-style: none;
	cursor: pointer;
}
#login-page {
	width: 300px;
	margin: 50px auto;
	border: 1px solid #eee;
}
#login-head {
	background: #666;
	color: #fff;
	height: 20px;
	padding: 10px;
}
.login-list {
	font-size: 80%;
	padding: 10px 10px 5px 20px;
}
.login-form {
	padding: 0 10px 15px 20px;
}
.login-formSize {
	width: 250px;
	height: 30px;
}
#login-btn {
	text-align: right;
	padding: 0 20px 10px 20px;
}
#login-error {
	font-size: 80%;
	color: #f00;
	padding: 0 10px 0 20px;
}

/* メイン・トップ */
.main_container {padding: 10px;}
.layout-sp .main_container {padding: 10px 0;}
.layout-sp #tops_schedule {display: none;}

/* 暫定 */
.main_container#customers { width: 950px;}
.main_container#products { width: 950px;}

/*tops index タスクリスト*/
#tops-index-task-list th.col1,
#tops-index-task-list td.col1,
#tops-index-task-list th.col2,
#tops-index-task-list td.col2 {width: 30%;}
#tops-index-task-list th.col3,
#tops-index-task-list td.col3 {width: 20%;}
#tops-index-task-list th.col4,
#tops-index-task-list td.col4 {width: 15%;}
#tops-index-task-list th.col5,
#tops-index-task-list td.col5 {width: 5%;}
.layout-sp #tops-index-task-list th.col2,
.layout-sp #tops-index-task-list td.col2,
.layout-sp #tops-index-task-list th.col3,
.layout-sp #tops-index-task-list td.col3 {display: none;}
.layout-sp #tops-index-task-list th.col1,
.layout-sp #tops-index-task-list td.col1 {width: 60%;}
.layout-sp #tops-index-task-list th.col4,
.layout-sp #tops-index-task-list td.col4 {width: 30%;}
.layout-sp #tops-index-task-list th.col5,
.layout-sp #tops-index-task-list td.col5 {width: 10%;}
.layout-sp #customers-index-task-list th.col2,
.layout-sp #customers-index-task-list td.col2,
.layout-sp #customers-index-task-list th.col4,
.layout-sp #customers-index-task-list td.col4 {display: none;}
.layout-sp #tasks-index-task-list th.col2,
.layout-sp #tasks-index-task-list td.col2,
.layout-sp #tasks-index-task-list th.col3,
.layout-sp #tasks-index-task-list td.col3 {display: none;}
.layout-sp #tasks-index-task-list th.col1,
.layout-sp #tasks-index-task-list td.col1 {width: 60%;}
.layout-sp #tasks-index-task-list th.col4,
.layout-sp #tasks-index-task-list td.col4 {width: 30%;}
.layout-sp #tasks-index-task-list th.col5,
.layout-sp #tasks-index-task-list td.col5 {width: 10%;}
.layout-sp span.dn {display: none;}

/*tops index スケジュール*/
table#tops-mypage-schedule-list .col1 {width: 13%;}
table#tops-mypage-schedule-list .col2 {width: 13%;}
table#tops-mypage-schedule-list .col3 {width: 67%;}
table#tops-mypage-schedule-list .col4 {width: 7%;}

/*tops index お知らせ*/
#tops-index-notice-list th.col1,
#tops-index-notice-list td.col1 {width: 15%;}
#tops-index-notice-list th.col2,
#tops-index-notice-list td.col2 {width: 70%;}
#tops-index-notice-list th.col3,
#tops-index-notice-list td.col3 {width: 15%;}

/*tops mypage タスク*/
table#tops-mypage-task-list .col1 {width: 57%;}
table#tops-mypage-task-list .col2 {width: 18%;}
table#tops-mypage-task-list .col3 {width: 18%;}
table#tops-mypage-task-list .col4 {width: 7%;}

/* projects */
table.projects th ,
div.table.projects dt {
	background-color: #eec;
}

/*projects detail タスク*/
#projects-detail-task-list {width: 100%;}
#projects-detail-task-list th.col1,
#projects-detail-task-list td.col1 {width: 32%}
#projects-detail-task-list th.col2,
#projects-detail-task-list td.col2 {width: 13%}
#projects-detail-task-list th.col3,
#projects-detail-task-list td.col3 {width: 20%}
#projects-detail-task-list th.col4,
#projects-detail-task-list td.col4 {width: 16%}
#projects-detail-task-list th.col5,
#projects-detail-task-list td.col5 {width: 12%}
#projects-detail-task-list th.col6,
#projects-detail-task-list td.col6 {width: 7%}
.layout-sp #projects-detail-task-list th.col2,
.layout-sp #projects-detail-task-list td.col2,
.layout-sp #projects-detail-task-list th.col3,
.layout-sp #projects-detail-task-list td.col3,
.layout-sp #projects-detail-task-list th.col4,
.layout-sp #projects-detail-task-list td.col4 {display: none;}
.layout-sp #projects-detail-task-list th.col1,
.layout-sp #projects-detail-task-list td.col1 {width: 60%;}
.layout-sp #projects-detail-task-list th.col5,
.layout-sp #projects-detail-task-list td.col5 {width: 30%;}
.layout-sp #projects-detail-task-list th.col6,
.layout-sp #projects-detail-task-list td.col6 {width: 10%;}

/*customer index */
#customers-index-list th.col1 {width:  8%;}
#customers-index-list th.col2 {width:  7%;}
#customers-index-list th.col3 {width: 24%;}
#customers-index-list th.col4 {width: 12%;}
#customers-index-list th.col5 {width: 22%;}
#customers-index-list th.col6 {width: 10%;}
#customers-index-list th.col7 {width: 10%;}
#customers-index-list th.col8 {width:  7%;}

#customers-selectdialog-list th.col1 {width: 15%;}
#customers-selectdialog-list th.col2 {width: 35%;}
#customers-selectdialog-list th.col3 {width: 35%;}
#customers-selectdialog-list th.col4 {width: 15%;}

/* customer */
div.table.customer dt {
	background-color: #E8F4E8;
}

/*customer detail タスク*/
#customers button.submit { margin: 20px auto 0; width: 110px; display: block;}
#customers table.detail3 th { width: 0%;}
#customer-detail-task-list th.col1,
#customer-detail-task-list td.col1 {width: 32%;}
#customer-detail-task-list th.col2,
#customer-detail-task-list td.col2 {width: 13%;}
#customer-detail-task-list th.col3,
#customer-detail-task-list td.col3 {width: 20%;}
#customer-detail-task-list th.col4,
#customer-detail-task-list td.col4 {width: 16%;}
#customer-detail-task-list th.col5,
#customer-detail-task-list td.col5 {width: 12%;}
#customer-detail-task-list th.col6,
#customer-detail-task-list td.col6 {width: 7%;}
.layout-sp #customer-detail-task-list th.col2,
.layout-sp #customer-detail-task-list td.col2,
.layout-sp #customer-detail-task-list th.col3,
.layout-sp #customer-detail-task-list td.col3,
.layout-sp #customer-detail-task-list th.col4,
.layout-sp #customer-detail-task-list td.col4 {display: none;}
.layout-sp #customer-detail-task-list th.col1,
.layout-sp #customer-detail-task-list td.col1 {width: 60%;}
.layout-sp #customer-detail-task-list th.col5,
.layout-sp #customer-detail-task-list td.col5 {width: 30%;}
.layout-sp #customer-detail-task-list th.col6,
.layout-sp #customer-detail-task-list td.col6 {width: 10%;}
.customers-edit-form {width: 100%;}
.customers-edit-form th {width: 20%; word-break: break-all; background: none repeat scroll 0 0 #F5F5F5; }
.customers-edit-form td {width: 80%;}

#products button.submit { margin: 20px auto 0; width: 110px; display: block;}
.products-edit-form ,
.products-detail-form {width: 100%;}
.products-edit-form th:first-child ,
.products-detail-form th:first-child {width: 20%; word-break: break-all; background: none repeat scroll 0 0 #F5F5F5; }
.products-edit-form td {width: 80%;}
#documents-index td {word-break: break-all;}

/* カレンダー */
.cal_month {
	background-color: #333;
	color: #FFF;
	width: 1016px;
	margin: 0;
	padding: 5px 0;
	border-bottom: solid 1px #bbb;
	font-weight: normal;
	text-align: center;
}
#cal_week_box {width: 1016px;}
#cal_week_box ul li.cal_week {
	background-color: #333;
	color: #FFF;
	font-weight: bold;
	float: left;
	width: 143px;
	margin-left: 2px;
	padding: 5px 0;
	border-bottom: solid 1px #bbb;
	text-align: center;
}
#cal_week_box {width: 1016px;}
#cal_day_box ul li.cal_day {
	float: left;
	width: 132px;
	height: 100px;
	margin: 0 0 2px 2px;
	padding: 5px;
	border-right: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
	font-weight: normal;
}
#cal_day_box ul li.today {
	width: 131px;
	height: 98px;
	margin-left: 0;
	background-color: #fff3f3;
	border: 2px solid #f92;
	border-radius: 2px;
}
.cal_day_sunday {background: #FFeded;}
.cal_day_saturday {background: #F0FFFF;}
#cal_week_box ul li.week_sunday {color: #ff6699;}
#cal_week_box ul li.week_saturday {color: #66ccff;}

/* スケジュール */
#schedule_menu {float: right;}
#schedule_menu ul li{
	display: block;
	float: left;
	padding: 0 3px 0 3px;
}
#schedule_menu ul li a:link {color: #fff;}
.layout-sp #tops_schedule .main_container {overflow:scroll;}
#tops_schedule ul.days {
	margin-bottom:5px;
	font-size:90%;
	width:557px;
}
#tops_schedule ul li.day {
	border-top: solid 2px #fff;
	border-right: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
	float: left;
	width: 107px;
	margin-right:2px;
}
.layout-sp #tops_schedule ul li.day {
	margin-bottom:2px;
}
#tops_schedule ul li.day.today {
	background-color: #fff3f3;
	border: 2px solid #f92;
	border-radius: 2px;
}
#tops_schedule ul li.day h4 {
	padding: 5px;
	margin: 0 0 5px;
	background-color: #333;
	border-bottom: solid 1px #bbb;
	color: #FFF;
	font-weight:normal;
	text-align:center;
}
#tops_schedule ul li.day ul {
	min-height:100px;
}
#tops_schedule ul li.day ul li.task {
	padding: 2px 0 2px 5px;
}
.layout-pc #tops_schedule ul li.day ul li.task span.task_name ,
.layout-tb #tops_schedule ul li.day ul li.task span.task_name {
	display:none;
}
#table_week_list {
	width: 90%;
	margin: 0 auto;
}
#table_week_list_cell td {
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}
#cell_time div {
	text-align: center;
	height: 41px;
	border-bottom: 1px solid #bbb;
}
#cell_time div.cell_day {
	height: 20px;
}
div.cell_day {
	background: #333;
	color: #fff;
	text-align: center;
	height: 20px;
	padding: 5px 0;
	border-bottom: 1px solid #bbb;
}
div.cell_sunday {
	background: #333;
	color: #ff6699;
	text-align: center;
	height: 20px;
	padding: 5px 0;
	border-bottom: 1px solid #bbb;
}
div.cell_saturday {
	background: #333;
	color: #66ccff;
	text-align: center;
	height: 20px;
	padding: 5px 0;
	border-bottom: 1px solid #bbb;
}
div.cell_schedule {border-bottom: 1px solid #bbb;}
div.cell_top {
	height: 20px;
	border-bottom: 1px dotted #ccc;
}
div.cell_btm {height: 20px;}
.bg_test {background: #ffaadd;}
.week_list_today {background: #eee;}
#table_week_list_cell td div.cell_top td,
#table_week_list_cell td div.cell_btm td {border: none;}
div.cell_test {height: 20px;}
.bg_test1 {background: #ff9999;}
.bg_test2 {background: #DD99FF;}
.bg_test3 {background: #99CCFF;}
.bg_test4 {background: #AAFF99;}

/* トップ・コンテンツ */
.main_contents {border-top: solid 1px #CCC;}
.layout-sp .main_contents {padding-bottom: 60px;}
.main_minimenu {
	width: 547px;
	margin-left: 10px;
}
.main_minimenu li {
	float: left;
	font-size: 80%;
	margin-top: 10px;
}
.bg01 {
	background: url('../img/main_icon_01.jpg') no-repeat;
	padding: 0 0 5px 15px;
}
.bg02 {
	background: url('../img/main_icon_02.jpg') no-repeat;
	padding: 0 0 5px 15px;
}
.bg03 {
	background: url('../img/main_icon_03.jpg') no-repeat;
	padding: 0 0 5px 15px;
}
.list_activity {
	margin-top: 10px;
	border-bottom: 1px dotted #ddd;
}
.layout-pc .list_activity ,
.layout-tb .list_activity {width: 550px;}
.layout-sp .list_activity {width: 100%;}
.list_activity .icon {
	float: left;
	width: 45px;
	margin-right: 5px;
}
.list_activity .body {float: left;}
.layout-pc .list_activity .body ,
.layout-tb .list_activity .body {width: 500px;}
.layout-sp .list_activity .body {width: 300px;}
.layout-pc .list_activity .body p,
.layout-tb .list_activity .body p,
.layout-sp .list_activity .body p {font-size: 90%;}
.layout-sp .list_activity .body p {width: 100%;}
.nicearea li ,
.list_activity li.list_comment .nicearea li ,
.list_activity li.commentform .nicearea li {
	float: left;
	margin-right: 10px;
	padding: 3px 0;
	font-size: 80%;
}
.nicearea li.nicedcountli {
	width: 170px;
	margin: 0 0 0 10px;
}
a.icon_nice {
	background:url('/img/icon/icon_nice.gif') no-repeat;
	display: block;
	padding-left: 17px;
}
li.icon_comment {
	background:url('/img/icon/icon_comment.gif') no-repeat 0 3px;
	padding-left: 15px;
}
.list_activity li.list_comment ,
.list_activity li.commentform {
	width: 450px;
	background-color:#f1f1f4;
	padding:3px;
	margin-bottom:2px;
}
.list_activity li.list_comment .icon ,
.list_activity li.commentform .icon {
	float:left;
	width: 36px;
	margin-right:5px;
}
.list_activity li.list_comment .body ,
.list_activity li.commentform .body {
	float:left;
	width: 403px;
}
.list_activity li.list_comment .body p ,
.list_activity li.commentform .body p {
	margin-bottom:0;
}
.list_activity li.nicedcountli span.open {
	cursor: pointer;
}
.tops_activity_comment {display: none;}
.works_detail_area {
	background: #f4f4f4;
	padding: 2px;
}

/* ページタイトル */
.pageTitle {
	background-color: #666666;
	height: 27px;
	padding-top: 8px;
}
.pageTitle h1 {
	color: #fff;
	margin-left: 10px;
}

/* メイン・プロジェクト */
#task_container {margin: 20px 10px 0 10px;}
section.task_contents {
	overflow: hidden;
	width: 550px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.task_box {
	float: left;
	width: 435px;
}
.layout-sp .task_box {
	float: left;
	width: 270px;
}
.layout-pc div.task_icon-sp,
.layout-tb div.task_icon-sp {display: none;}
.layout-sp div.status_box {display: none;}
.task_img {
	float: left;
	width: 100px;
	margin-right: 15px;
}
.task_icon {
	float: left;
	width: 255px;
}
.task_right {
	float: right;
	width: 180px;
}
.task_right p {font-size: 80%;}
.grf_left {
	float: left;
	width: 84px;
}
.grf_left_txt p {
	float: left;
	margin: 0;
}
p.grf_p {float: right;}
.grf_right {
	float: left;
	width: 76px;
	margin-left: 10px;
}
.grf_right p {width: 34px;}
.task_right div.grf_en {
	float: right;
	margin-left: 10px;
}
#projectDetail-Box {width: 550px;}

ul.userlist {margin: 10px 0;}
ul.userlist li {
	float: left;
	display: block;
	margin: 0 0 10px 0;
	width: 33%;
	min-height: 45px;
}
ul.userlist li div.leftcolumn {
	float: left;
	width: 50px;
}
ul.userlist li div.rightcolumn {
	float: left;
	line-height: 110%;
}
div.detail-tabBox {
	width: 100%;
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
}

div.main_detail{ height: 350px; overflow: scroll; overflow-x : hidden; margin-bottom: 30px;}
div.main_detail2{ height: 350px; overflow: scroll; overflow-x : hidden; }

.Projects_detail_wrap {
	font-size: 90%;
	width: 100%;
}
.Projects_detail_wrap table.detail {font-size: 100%;}
.tab-detail {
	width: 550px;
	margin-bottom: 10px;
}
.tab-detail,
.tab-detail th,
.tab-detail td {border: solid 1px #ccc;}
.tab-detail th,
.tab-detail td {padding: 5px;}
.tab-detail thead {background-color: #d8deea;}
.tab-detail thead th {text-align: center;}
.attention {
	font-size: 80%;
	color: #f00;
}
table#projectDetail-BTM th {width: 20%;}
table.search {
	width: 100%;
	margin: 0 0 20px 0;
	font-size: 90%;
}
table.search th,
table.search td {
	padding: 5px 0;
	border-bottom: dotted 1px #ddd;
}
table.search td.none-border {border: none;}
table.search td {
	padding-left: 10px;
	padding-right: 10px;
}
table.search th {
	width: 15%;
	text-align: left;
}

/* メイン　実績報告 */
table.editlist {
	width: 550px;
	margin: 0 0 20px 0;
}
table.editlist th,
table.editlist td {
	padding: 10px 0;
	border-bottom: dotted 1px #ddd;
}
table.editlist td {
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
}
table.editlist td p {
	margin-top: 5px;
	margin-bottom: 0;
}
table.editlist th {
	width: 10%;
	text-align: left;
}
table.editlist th.el01 {width: 40%; font-size: 90%;}
table.editlist th.el02 {width: 10%; font-size: 90%;}
table.editlist th.el03 {width: 50%; font-size: 90%;}

/* マイページ */
.layout-pc div.mypage_box_style,
.layout-tb div.mypage_box_style {
	float: left;
	width: 390px;
	margin: 0 10px 10px 0;
}
.layout-sp div.mypage_box_style {margin-bottom: 10px;}
div.mypage_box_style h1.mypage_pageTitle {
	background-color: #666666;
	color: #fff;
	height: 27px;
	padding: 10px 0 0 8px;
	margin: 0;
}
.layout-pc div.mypage_box-R {margin: 0 0 10px 30px;}
.layout-pc div.mypage_contents_mini,
.layout-tb div.mypage_contents_mini {
	height: 100px;
	padding: 10px;
	overflow: auto;
}
.layout-pc div.mypage_contents,
.layout-tb div.mypage_contents {
	height: 180px;
	padding: 10px;
	overflow: auto;
}
.layout-pc div.mypage_table,
.layout-tb div.mypage_table,
.layout-sp div.mypage_table {padding: 0;}
.layout-sp div.mypage_table {padding: 10px 0;}
.my_bg1 {background: url('../img/mypage/mypage_bg01.gif') no-repeat right 10px bottom 10px;}/*マイページbgスケジュール*/
.my_bg2 {background: url('../img/mypage/mypage_bg02.gif') no-repeat right 10px bottom 10px;}/*マイページbgタスク*/
.my_bg3 {background: url('../img/mypage/mypage_bg03.gif') no-repeat right 10px bottom 10px;}/*マイページbg実績*/
.my_bg4 {background: url('../img/mypage/mypage_bg04.gif') no-repeat right 10px bottom 10px;}/*マイページbg成果*/
.my_bg5 {background: url('../img/mypage/mypage_bg05.gif') no-repeat right 10px bottom 10px;}/*マイページbgメモ*/
.my_bg6 {background: url('../img/mypage/mypage_bg06.gif') no-repeat right 10px bottom 10px;}/*マイページbg*/
.my_bg7 {background: url('../img/mypage/mypage_bg07.gif') no-repeat right 10px bottom 10px;}/*マイページbgナイス*/
div.my_message {
	height: 200px;
	padding: 0;
}
.my_message_box {
	width: 353px;
	padding: 5px 10px 5px 35px;
	border-bottom: solid 1px #ccc;
}
div.mail_icon_01 {background: url('../img/mypage/message_icon_01.gif') no-repeat top 15px left 10px;}
div.mail_icon_02 {background: url('../img/mypage/message_icon_02.gif') no-repeat top 15px left 10px;}
div.mail_icon_03 {background: url('../img/mypage/message_icon_03.gif') no-repeat top 15px left 10px;}
.my_message_l {
	float: left;
	width: 298px
}
.my_message_r {
	float: left;
	width: 50px
}
.my_message_r p {
	margin: 25% 0;
}
div.message_select {
	background-color: #d6e0f5;
}

/* メニュー・タスク・ダイアログ */
#task_db {
	width: 475px;
	margin: 0 auto;
}
#task_db_contents {
	background-color: #fff;
	padding: 10px;
}
#task_db_contents p {margin: 0;}
#task_db_contents div {margin-bottom: 15px;}
#task_db_contents h1 {font-size: 130%;}
#task_db_contents h2 {
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 5px;
}
.db_box div.box_l{
	float: left;
	width: 180px;
}
.db_box div.box_r{
	float: left;
	width: 180px;
}
.checkbox {vertical-align: middle;}

/* ランキング
-------------------------*/
table#ranking_table th {padding: 0 5px;}
table#ranking_table td {
	padding: 10px 5px;
	border-bottom: 1px dotted #ccc;
}
table#ranking_table td img {vertical-align: middle;}
table#ranking_table td div {
	display: inline-block;
	font-size: 1px;
	line-height: 120%;
	box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.8);
}
table#ranking_table td div img {vertical-align: bottom;}

/* メモ・マウスオーバー
-------------------------*/
tr.projects_detail_works_list_memo {display: none;}
.memo_detail {float: right;}

/* 受注・売上詳細表示 */
table#saleorders-detail-slip_header th ,
table#sales-detail-slip_header th {
	width: 9%;
}
table#saleorders-detail-slip_header th.col1 ,
table#sales-detail-slip_header th.col1 {
	width: 10%;
}
table#saleorders-detail-slip_header td.col2 ,
table#saleorders-detail-slip_header td.col4 ,
table#saleorders-detail-slip_header td.col6 ,
table#saleorders-detail-slip_header td.col8 ,
table#sales-detail-slip_header td.col2 ,
table#sales-detail-slip_header td.col4 ,
table#sales-detail-slip_header td.col6 ,
table#sales-detail-slip_header td.col8 {
	width: 12%;
}
table#saleorders-detail-slip_header td.col10 ,
table#sales-detail-slip_header td.col10 {
	width: 6%;
}

/* --- Pro版クライアント別カスタマイズ BEGIN --- */

/* --- 作業伝票 --- */
.layout-pc div#task-info ,
.layout-pc div#work-info {
	margin-bottom:20px;
}
.layout-pc #projects-detail div#task-info ,
.layout-pc #projects-detail div#work-info {
	height: 320px;
	overflow:scroll;
}

table.slipform.inspection th {
	width: 10%;
}
.layout-pc .twocolumn-col1.hide {
	display: block;
}
table#product-info th {
	width:auto;
}
#inspection-area textarea.InspectionMemo {
	width: 354px;
	max-width: 100%;
}
textarea#ProjectConditionComment {
	width: 354px;
	max-width: 100%;
}

#condition-comment-area textarea ,
#estimate-comment-area textarea ,
#operation-comment-area textarea ,
#engineer-comment-area textarea  {
	width: 736px;
	max-width: 100%;
}

/* レスポンシブ対応 */
.layout-sp #projects-edit-task-list-table input.note ,
.layout-sp #projects-edit-saleitem-list-table input.note ,
.layout-sp #projects-edit-product-list-table input.note {width:95%;}


/* --- Pro版クライアント別カスタマイズ END --- */

/*** フッター ***/
#footContainer {
	width: 1016px;
	margin: 20px auto 0;
	padding: 0 0 15px;
}
#footer_logo {float: left;}
#footer_home_icon {
	float: left;
	display: block;
	margin-left: 5px;
	padding-top: 8px;
	font-weight: normal;
}
.foot_link a:link {color: #fff;}
.foot_link a:visited {color: #fff;}
.foot_link a:hover {color: #fff;}
#page_top {
	float: right;
	padding-top: 10px;
}

/*-- clearfix --*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }

.clearfix { display: inline-block; }

/* Hides From IE-mac */
* html .clearfix { height: 1%; }
.clearfix {display: block; }
/* End hide from IE-mac */


.project_delete_button {
	float: right;
	margin: 7px 0;
	padding: 2px 5px;
}