@charset "utf-8";
/* CSS Document */

/*common*/
img{
	border:none;
}

.test-selection {
    background-color: highlight;
    color: highlighttext;
}

.clear{
	clear:both;
}
.float_right{
	float:right;
}
.float_left{
	float:left;
}
.text_left{
	text-align:left;
}
.text_right{
	text-align:right;
}
.text_center{
	text-align:center;
}
.bold{
	font-weight:bold;
}
.w5{width:5px;}
.w10{width:10px;}
.w15{width:15px;}
.w20{width:20px;}
.w25{width:25px;}
.w30{width:30px;}
.w35{width:35px;}
.w40{width:40px;}
.w45{width:45px;}
.w50{width:50px;}
.w55{width:55px;}
.w60{width:60px;}
.w65{width:65px;}
.w70{width:70px;}
.w75{width:75px;}
.w80{width:80px;}
.w85{width:85px;}
.w90{width:90px;}
.w95{width:95px;}
.w100{width:100px;}
.w105{width:105px;}
.w110{width:110px;}
.w115{width:115px;}
.w120{width:120px;}
.w125{width:125px;}
.w130{width:130px;}
.w135{width:135px;}
.w140{width:140px;}
.w145{width:145px;}
.w150{width:150px;}
.w155{width:155px;}
.w160{width:160px;}
.w165{width:165px;}
.w170{width:170px;}
.w175{width:175px;}
.w180{width:180px;}
.w185{width:185px;}
.w190{width:190px;}
.w195{width:195px;}
.w200{width:200px;}
.w205{width:205px;}
.w210{width:210px;}
.w215{width:215px;}
.w220{width:220px;}
.w225{width:225px;}
.w230{width:230px;}
.w235{width:235px;}
.w240{width:240px;}
.w245{width:245px;}
.w250{width:250px;}
.w255{width:255px;}
.w260{width:260px;}
.w265{width:265px;}
.w270{width:270px;}
.w275{width:275px;}
.w280{width:280px;}
.w285{width:285px;}
.w290{width:290px;}
.w295{width:295px;}
.w300{width:300px;}
.w320{width:320px;}
.w400{width:400px;}
.w420{width:420px;}
.w800{width:800px;}
.w840{width:840px;}
.w850{width:850px;}
.w900{width:900px;}

.h5{height:5px;}
.h10{height:10px;}
.h15{height:15px;}
.h20{height:20px;}
.h25{height:25px;}
.h30{height:30px;}
.h35{height:35px;}
.h40{height:40px;}
.h45{height:45px;}
.h50{height:50px;}

.pad1{padding:1px;}
.pad2{padding:2px;}
.pad3{padding:3px;}
.pad4{padding:4px;}
.pad5{padding:5px;}
.pad6{padding:6px;}
.pad7{padding:7px;}
.pad8{padding:8px;}
.pad9{padding:9px;}
.pad10{padding:10px;}

.pad1w{padding:0 1px;}
.pad2w{padding:0 2px;}
.pad3w{padding:0 3px;}
.pad4w{padding:0 4px;}
.pad5w{padding:0 5px;}
.pad6w{padding:0 6px;}
.pad7w{padding:0 7px;}
.pad8w{padding:0 8px;}
.pad9w{padding:0 9px;}
.pad10w{padding:0 10px;}
.pad100w{padding:0 100px;}

.pad-left5{padding-left:5px;}
.pad-left20{padding-left:20px;}
.pad-left50{padding-left:50px;}
.pad-left300{padding-left:300px;}

.pad-right15{padding-right:15px;}
.pad-right20{padding-right:20px;}

.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font19{font-size:19px;}
.font20{font-size:20px;}

.border-dashed{border-bottom:#ddd 1px dashed;}
.border-solid{border-bottom:#ddd 1px solid;}
.border-left{border-left:#ddd 1px solid;}

.status1{background-color:#00bfff;/*受付*/}
.status2{background-color:#ffff00;/*見積済*/}
.status3{background-color:#ff69b4;/*見積承認*/}
.status4{background-color:#9370db;/*見積否認*/}
.status5{background-color:#3cb371;/*完了*/}
.status6{background-color:#a9a9a9;/*キャンセル*/}
.status7{background-color:#ff9900;/*請求*/}

.insert-set{margin-bottom:5px;display:inline-block;}

/*layout*/
body {
	font: 100% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
#container {
	width: 1000px;
	background: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	border: 5px solid #8cce18;
	text-align: left;
}
#container form{
	margin:0;
	padding:0;
}

/*header*/
#header {
	width: 1000px;
	height:80px;
	background:#8cce18;
	padding: 0;
	margin:0;
	border-bottom:5px solid #ffffff;
}
#logo{
	float:left;
	width:240px;
	height:50px;
}
#head_link{
	float:right;
	width:500px;
	height:50px;
}
#head_link p{
	float:right;
	font-size:13px;
	color:#FFFFFF;
	padding: 0 10px;
}
#head_link a{
	font-size:13px;
	color:#FFFFFF;
}
#navi{
	clear:both;
	padding-left:38px;
}
#navi img{
	border:none;
	padding-right:3px;
}
ul.dropdown {
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
/*	z-index:100;*/
}
ul.dropdown li	{
	float:left;
	z-index:1;
}
ul.dropdown li	 a{
	display: block;
}
ul.dropdown li.hover,ul.dropdown li:hover{
        position: relative;
}
ul.dropdown ul {
	width: 100px;
        visibility: hidden;
	position: absolute;
	top: 30px;
	left: -40px;
}
ul.dropdown ul li{
	list-style-type:none;
}
ul.dropdown ul li a	{
	width: 120px;
	display: inline-block;
	background: #ffefd5;
	padding: 5px 5px;
	border-bottom: 1px dotted #ee82ee;
	color: #4b0082;
	text-decoration: none;
	font-size:15px;
}
ul.dropdown ul li a:hover	{
	background: #ee82ee;
	color: #FFF;
	font-size:15px;
}

/* main */
#mainContent {
	padding: 10px;
	background: #FFFFFF;
/*	min-height:600px;*/
}

#mainContent h1{
	margin:0;
	padding:0;
	font-size:16px;
	height:20px;
}

#mainContent h2{
	margin:0;
	padding:10px 0 0 10px;
	font-size:16px;
}

#mainContent a{
	color:#0000FF;
}

#mainContent a:hover{
	color:#FF9900;
}

#subnavi{
	clear:both;
	width:970px;
	height:30px;
	padding: 0;
	margin:0 5px;
	border-bottom:2px solid #8cce18;
}

#subnavi ul li{
	float:left;
	list-style:none;
	padding-right:3px;
}

#subnavi ul li img{
	border:none;
}

#button_top{
	height:25px;
	margin:5px;
	padding-left:120px;
}

#button_top form{
	float:left;
	padding-right:10px;
}

.line{
	clear:both;
	width:970px;
	height:2px;
	border-top:2px solid #8cce18;
	margin:5px;
}

.line_dotted{
	clear:both;
	width:970px;
	height:2px;
	border-top:dotted 2px #8cce18;
	margin:5px;
}

.red{
	color:#FF0000;
}

#button_bot{
	height:25px;
	margin:5px;
	padding-left:120px;
}

#button_bot form{
	float:left;
	padding-right:10px;
}

/* table design */
#mainContent table{
	border-collapse:collapse;
	width:970px;
	margin-left:5px;
}

.register th{
	height:22px;
	font-weight:bold;
	font-size:13px;
	width:100px;
	text-align:left;
	padding-left:20px;
}

.register td{
	height:22px;
	font-weight:normal;
	font-size:13px;
	text-align:left;
}

.register textarea{
	width:500px;
	height:50px;
}

.list th{
	color:#808080;
	font-weight:bold;
	font-size:13px;
	text-align:left;
	border-top:#8cce18 2px solid;
	border-bottom:#8cce18 2px solid;
	background:#f0fff0;
	padding-left:3px;
/*	border-right:#ddd 1px solid;
	border-left:#ddd 1px solid;*/
}
.list td{
	font-weight:normal;
	font-size:13px;
/*	text-align:left;*/
	padding:5px 0;
	padding-left:3px;
	word-break: break-all;
/*	border-right:#ddd 1px solid;
	border-left:#ddd 1px solid;*/
}
.list img{
	border:none;
}
.list2 th{
	color:#808080;
	font-weight:bold;
	font-size:13px;
	border-top:#8cce18 2px solid;
	border-bottom:#8cce18 2px solid;
	background:#f0fff0;
	padding-left:3px;
/*	border-right:#ddd 1px solid;
	border-left:#ddd 1px solid;*/
}
.list2 td{
	font-weight:normal;
	font-size:13px;
	padding:5px 0;
	padding-left:3px;
/*	border-right:#ddd 1px solid;
	border-left:#ddd 1px solid;*/
	word-break:break-all;
}
.list2 img{
	border:none;
}

.scroll_table{
	width:970px;
	overflow-x:scroll;
/*	height:400px;*/
	overflow-y:hidden;
}

.table_head{
	width:3230px;
	height:15px;
	color:#808080;
	font-weight:bold;
	font-size:13px;
	text-align:left;
	border-top:#8cce18 2px solid;
	border-bottom:#8cce18 2px solid;
	background:#f0fff0;
	padding:5px;
}
.table_head2{
	width:2350px;
	height:15px;
	color:#808080;
	font-weight:bold;
	font-size:13px;
	text-align:left;
	border-top:#8cce18 2px solid;
	border-bottom:#8cce18 2px solid;
	background:#f0fff0;
	padding:5px;
}
.table_head3{
	width:2050px;
	height:15px;
	color:#808080;
	font-weight:bold;
	font-size:13px;
	text-align:left;
	border-top:#8cce18 2px solid;
	border-bottom:#8cce18 2px solid;
	background:#f0fff0;
	padding:5px;
}
.table_head4{
	width:3400px;
	height:15px;
	color:#808080;
	font-weight:bold;
	font-size:13px;
	text-align:left;
	border-top:#8cce18 2px solid;
	border-bottom:#8cce18 2px solid;
	background:#f0fff0;
	padding:5px;
}

.table_detail{
	width:3230px;
}
.table_detail2{
	width:2350px;
}
.table_detail3{
	width:2050px;
}
.table_detail4{
	width:3400px;
}

.table_record{
	clear:both;
	float:left;
	font-weight:normal;
	font-size:13px;
	text-align:left;
	padding:5px 0;
	padding-left:3px;
}

.t_even{
	background:#ffebcd;
}

.search{
	font-size:13px;
	margin-bottom:10px;
	width:970px;
}

.search th{
	text-align:right;
}

#service_t1 table{
	width:500px;
}
#service_t2 table{
	width:600px;
}

#total{
	font-size:15px;
	font-weight:bold;
	margin-left:620px;
}

#total table{
	width:270px;
}

.display th{
	height:22px;
	font-size:13px;
	text-align:left;
}

.display td{
	height:22px;
	font-size:13px;
	text-align:left;
	word-break:break-all;
}

.display textarea{
	width:500px;
	height:50px;
}

#screen table{
	width:290px;
	font-size:13px;
}
#screen table th{
	padding-left:20px;
	text-align:left;
}
#screen table td{
	text-align:center;
}
#screen2 table{
	width:196px;
	font-size:13px;
}
#screen2 table th{
	padding-left:20px;
	text-align:left;
}
#screen2 table td{
	text-align:center;
}
#screen3 table{
	width:290px;
	font-size:13px;
}
#screen3 table th{
	text-align:left;
}
#screen3 table td{
	text-align:center;
}
.multi select{
	width:225px;
	margin-right:10px;
}

#cust_t1 table{
	width:290px;
	font-size:13px;
}
#cust_t1 table th{
	text-align:left;
}
#cust_t2 table{
	width:290px;
	font-size:13px;
}
#cust_t2 table th{
	text-align:left;
	vertical-align:top;
}
#cust_t2 span{
	float:left;
	clear:both;
	height:25px;
}
#cust_t3 table{
	width:220px;
	font-size:13px;
}
#cust_t3 table th{
	text-align:left;
}
#cust_t4 table{
	width:600px;
	font-size:13px;
}
#cust_t4 table th{
	text-align:left;
}
#cust_t5 table{
	width:650px;
	font-size:13px;
}
#cust_t5 table th{
	text-align:left;
}
#cust_t6 table{
	width:300px;
	font-size:13px;
}
#cust_t6 table th{
	text-align:left;
}
#task table{
	width:500px;
	font-size:13px;
	padding:20px;
}
#task table th{
	text-align:left;
}
#task table td{
	text-align:left;
}

#list_display table{
	width:200px;
	font-size:13px;
	padding:20px;
	float:left;
}
#list_display table th{
	text-align:left;
}
#list_display table td{
	text-align:left;
}

/*footer*/
#footer {
	padding: 0 10px;
	background:#8cce18;
}
#footer p {
	margin: 0;
	padding: 10px 0 0 0 ;
	color:#ffffff;
	text-align:center;
	font-size:12px;
}

/*popup*/
#popup{
	width:700px;
	font-size:13px;
	padding:10px;
}
#popup2{
	width:850px;
	font-size:13px;
	padding:10px;
}

#popup span{
	float:left;
}
#popup2 form span{
	float:left;
}

#search_list{
	width:650px;
	height:300px;
	overflow:auto;
}
#search_list2{
	width:850px;
	height:300px;
	overflow:auto;
}

#popup table{
	width:630px;
	border-collapse:collapse;
}
#popup2 table{
	width:830px;
	border-collapse:collapse;
}

#popup th{
	color:#808080;
	font-weight:bold;
	font-size:13px;
	text-align:left;
	border-top:#8cce18 2px solid;
	border-bottom:#8cce18 2px solid;
	background:#f0fff0;
	padding-left:3px;
}
#popup2 th{
	color:#808080;
	font-weight:bold;
	font-size:13px;
	text-align:left;
	border-top:#8cce18 2px solid;
	border-bottom:#8cce18 2px solid;
	background:#f0fff0;
	padding-left:3px;
}

#popup td{
	font-weight:normal;
	font-size:13px;
	text-align:left;
	padding:5px 0;
	padding-left:3px;
	border-right:#ddd 1px solid;
	border-left:#ddd 1px solid;
}
#popup2 td{
	font-weight:normal;
	font-size:13px;
	padding:5px 0;
	padding-left:3px;
	border-right:#ddd 1px solid;
	border-left:#ddd 1px solid;
	word-break: break-all;
}

/*service*/
.service{
	font-size:13px;
	margin-bottom:10px;
	width:970px;
}
.service th{
	text-align:left;
}
.valign-top{
	vertical-align:top;
}
.service textarea{
	width:500px;
	height:50px;
}
.fixed_layout{
	table-layout:fixed;
}


/*schedule*/
.schedWeekCell {
    padding:0px;
    padding-bottom:6px;
    border-collapse:collapse;
    border:solid 1px #cccccc;
}
.schedWeekCell_MultiDay {
    padding:0px;
    border-collapse:collapse;
    border:solid 1px #cccccc;
    border-bottom:0px;
    border-top:0px;
}
.schedWeekColHeader {
    background-color:#fffff0;
    border:solid 1px #cccccc;
    text-align:center;
}
.schedWeekColHeader2 {
    background-color:#f0ffff;
    border:solid 1px #cccccc;
    text-align:center;
}
.schedWeekColHeader3 {
    background-color:#fff5ee;
    border:solid 1px #cccccc;
    text-align:center;
}
.schedWeekColHeader a {
    text-decoration:none;
}
.schedWeekRowHeader {
    border-collapse:collapse;
    border:solid 1px #cccccc;
	padding-left:10px;
}
#tblSchedule {
    border-collapse:collapse;
	font-size:12px;
}
.bordBot0 {
    border-bottom:0px;
}
.bordTop0 {
    border-top:0px;
}
.bordTopNone {
    border-top:none;
}
#contentBody {
	margin:10px 10px;
}
.apptTime1{
	color:#FFFFFF;
}
.apptBox {
    background-color:#00bfff;/*受付*/
/*    background-color:#0000ff;受付*/
    border:solid 1px #cccccc;
    margin:2px;
    padding:3px;
    cursor:pointer;
    line-height:130%;
}
.apptBox2 {
    background-color:#ffff00;/*見積済*/
    border:solid 1px #cccccc;
    margin:2px;
    padding:3px;
    cursor:pointer;
    line-height:130%;
}
.apptBox3 {
    background-color:#ff69b4;/*見積承認*/
    border:solid 1px #cccccc;
    margin:2px;
    padding:3px;
    cursor:pointer;
    line-height:130%;
}
.apptBox4 {
    background-color:#9370db;/*見積否認*/
    border:solid 1px #cccccc;
    margin:2px;
    padding:3px;
    cursor:pointer;
    line-height:130%;
}
.apptBox5 {
    background-color:#3cb371;/*完了*/
    border:solid 1px #cccccc;
    margin:2px;
    padding:3px;
    cursor:pointer;
    line-height:130%;
}
.apptBox6 {
    background-color:#a9a9a9;/*キャンセル*/
    border:solid 1px #cccccc;
    margin:2px;
    padding:3px;
    cursor:pointer;
    line-height:130%;
}
.apptBox7 {
    background-color:#ff9900;/*請求*/
    border:solid 1px #cccccc;
    margin:2px;
    padding:3px;
    cursor:pointer;
    line-height:130%;
}
.apptBox8 {
    background-color:#ffffff;/*新規作成*/
    border:solid 1px #cccccc;
    margin:2px;
    padding:3px;
    cursor:pointer;
    line-height:130%;
}

/*tooltip*/
#text {margin:50px auto; width:500px}
.hotspot {padding-bottom:1px; cursor:pointer}

#tt {position:absolute; display:block; background:url(img/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#fff; font-size:13px; text-align:left;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(img/tt_bottom.gif) top right no-repeat; overflow:hidden}


#block
{
   background-color:#000;
   opacity:0.1;
   position:absolute;
   width:100%;
   height:100%;
   top:0px;
}
/*START Add by Khaidn 2013/06/21*/
#activity table{
	width:600px;
	font-size:13px;
	padding:20px;
	float: left;
}
#activity table th{
	text-align:left;
}
#activity table td{
	text-align:left;
}
#activity_button_bot {
	height: 25px;
    margin: 5px;
    padding-left: 200px;
}
#activity_list {
    width: 100%;
}
#activity table th{
    width: 120px;
}
.scrollWrapper {
    overflow: auto;
    width: 970px;
}
#tblScheduleDay {
    border-collapse:collapse;
	font: 100% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
}
#tblScheduleDay  td{
    border-collapse: collapse;
    padding: 0px;
    white-space: nowrap;
    z-index: 0;
 }
 #tblScheduleDay  td .apptTime {
    white-space: nowrap;
    z-index: 100;
 }
#tblScheduleDay .apptBox8, #tblScheduleDay .apptBox, #tblScheduleDay .apptBox2, #tblScheduleDay .apptBox3,
#tblScheduleDay .apptBox4, #tblScheduleDay .apptBox5, #tblScheduleDay .apptBox6, #tblScheduleDay .apptBox7 {
    margin-top:2px;
    margin-bottom:0px;
    white-space: nowrap;
    z-index: 1;
    height: 100px;
 }
#tblScheduleDay .schedWeekCell{
    padding: 0 0 6px;
 }
 #tblScheduleDay .span_left {
    white-space: normal;
    width: 74px;
    display: block;
    float: left;
    padding-left: 2px;
 }
 .textbox_disabled{
	background: gray;
}
/*END Add by Khaidn 2013/06/21*/