@import "reset.css";
@import "full_search.css";

 /*-------------------- タグ共通 --------------------*/
* {
/*	margin:0;
	padding:0;*/
	color: #444444;
	line-height:130%;
}
DIV,TABLE,TH,TD,TR,A {
	font-size: 12px;
}
BODY {
	background-color: #fff;
}

DIV {
	margin-left:auto;
	margin-right:auto;
	font-family: meiryo,"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
}
TABLE {
	margin-left:auto;
	margin-right:auto;
}
A{
	color : #84090c;
}
A:HOVER{
	color : #ff8080;
}
html,body{
     height:100%;
}
#wrap{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}
/*-------------------- ヘッダー --------------------*/
header {
	background:url(../img/head_back.png) repeat-x left top;
	height:56px;
/*	position:relative;*/
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
}

/** サスケメニュー **/
header #saaske_menu {
	height:49px;
	padding-left:10px;
	padding-right:20px;

}
	header #saaske_menu h1 A {
		display:block;
		float:left;
		height:49px;
		width:120px;
		background:url(../img/head_logo.png) no-repeat;
	/*	margin-right:20px;*/
	}
	header #saaske_menu li {
		float:left;
		list-style:none;
	}
	header #saaske_menu li A {
		display:block;
		height:49px;
		width:40px;
	}
	header #saaske_menu li A:hover {
		background-position:center top;
	}
	header #saaske_menu li A:active {
		background-position:right top;
	}
	/* タスクアイコン */
	header #saaske_menu li .jq_h_task {
		background:url(../img/head_task.png) no-repeat left top;
	}
	header #saaske_menu li.on .jq_h_task {
		background-position:left bottom;
	}
	header #saaske_menu li.on .jq_h_task:hover {
		background-position:center bottom;
	}
	
	/* 現在日時表示 
	header #saaske_menu li A.jq_h_cal {
		background:url(../img/head_times.png) no-repeat left top;
		width:190px;
		height:32px;
		text-indent:28px;
		font-size:12px;
		color:#ffffff;
		padding-top:17px;
		text-decoration:none;
		margin:0 5px;
	}
	header #saaske_menu li A.jq_h_cal:hover {
		background-position:left bottom;
	}*/
	 

	/* 総合検索 */
	header #saaske_menu .jq_h_search {
		float:left;
		display:block;
		background:url(../img/head_search_back.png) no-repeat;
		height:49px;
		width:336px;
		margin-left:20px;
		position:relative;
	}
	header #saaske_menu .jq_h_search INPUT[type=text] {
		border:0px;
		box-sizing: border-box;
		height:20px;
		width:287px;
		margin-left:8px;
		margin-top:15px;
	}
	header #saaske_menu .jq_h_search INPUT[type=text]:focus {
		outline-offset:0px;
		outline:none;
	}
	header #saaske_menu .jq_h_search .sbtn {
		background:url(../img/head_search_btn2.png) no-repeat;
		float:right;
		width:27px;
		height:26px;
		margin-right:4px;
		margin-top:11px;
	}
	header #saaske_menu .jq_h_search INPUT[type=image]:hover {
		filter: alpha(opacity=0);
		-ms-filter: alpha(opacity=0);
		opacity: 0.0;
	}
	/* 右側アイコン */
	header #saaske_menu ul.right_position {
		height:49px;
		float:right;
		position: relative;
	}
	header #saaske_menu ul.right_position A {
		width:38px;
	}
	header #saaske_menu .right_position li A.on {
		background-position:center top;
	}
	/* サスケメニュー */
	header #saaske_menu li .jq_h_saaske {
		background:url(../img/head_saaske.png) no-repeat left top;
	}
	/* サポート */
	header #saaske_menu li .jq_h_support {
		background:url(../img/head_help.png) no-repeat left top;
	}
	/* 設定 */
	header #saaske_menu li .jq_h_setting {
		background:url(../img/head_setting.png) no-repeat left top;
	}
	/* アカウント */
	#saaske_menu .animenu > ul.right_position > li > ul > li {
		width: 100%;
	}
	#saaske_menu .animenu > ul.right_position > li > ul > li > a {
		padding-right: 15px;
		width: auto;
        white-space: nowrap;
	}
	#saaske_menu .animenu > ul.right_position ul li:first-child > a:after {
		left: inherit;
		right: 15px;
	}
	header #saaske_menu .account {
		background:url(../img/head_account1.png) no-repeat left center;
		height:49px;
		font-size:11px;
		position:relative;
		min-width: 200px;
	}
	header #saaske_menu .account #header_account {
		overflow: hidden;
		padding:0px 5px 0 10px;
	}
	header #saaske_menu .account .change {
		cursor: pointer;
		display: inline-block;
		float: right;
		height: 100%;
		margin: 13px 0 0 5px;
		width: 23px;
	}
	header #saaske_menu .account .company {
		/*float: left;*/
		font-size:10px;
		margin-top:12px;
		color:#495B13;
		min-width: 150px;
        white-space: nowrap;
	}
	header #saaske_menu .account .name {
		color:rgb(118, 136, 65);
		display: inline-block;
		font-weight:bold;
		margin-right: 3px;
	}
	header #saaske_menu .account .auth1 {
		background:url(../img/head_admin2.png) no-repeat left 3px;
		padding-left:38px;
	}
	header #saaske_menu li.account A.account_change_btn_hide {
        display: none;
    }
	header #saaske_menu li.account .account_photo {
        float: left;
        margin-top: 10px;
        margin-left: -9px;
        margin-right: 5px;
    }
	header #saaske_menu li.account .account_photo img {
        width: 28px;
        height: 28px;
        border-radius: 5px 0 0 5px;
    }
	header #saaske_menu ul.right_position A.logout {
		display:block;
		width:30px;
		background:url(../img/head_account2.png) no-repeat left center;
	}
	header #saaske_menu ul.right_position A.logout:hover {
		background-position:right center;
	}
/** サービスメニュー **/
header .service_icon {
}
	header .service_icon li.now {
		background:url(../img/icon_puldown.png) no-repeat right 31px;
		display:block;
		width: 39px;
		margin-right: 20px;
        margin-left: 11px;
	}
	header .service_icon .now_ {
		background-image:url(../img/icon_home.png);
		
	}
	header .service_icon .now_home {
		background-image:url(../img/icon_home.png);
	}
	header .service_icon .now_sv01 {
		background-image:url(../img/icon_sv01.png);
	}
	header .service_icon .now_sv02 {
		background-image:url(../img/icon_sv02.png);
	}
	header .service_icon .now_sv03 {
		background-image:url(../img/icon_sv03.png);
	}
	header .service_icon .now_sv04 {
		background-image:url(../img/icon_sv04.png);
	}
	header .service_icon .now_sv05 {
		background-image:url(../img/icon_sv05.png);
	}
	header .service_icon .now_sv06 {
		background-image:url(../img/icon_sv06.png);
	}
	header .service_icon .now_sv07 {
		background-image:url(../img/icon_sv07.png);
	}
	header .service_icon .now_sv08 {
		background-image:url(../img/icon_sv08.png);
	}
	header .service_icon .now_sv09 {
		background-image:url(../img/icon_sv09.png);
	}
	header .service_icon .now_sv10 {
		background-image:url(../img/icon_sv10.png);
	}
	header .service_icon .now_sv11 {
		background-image:url(../img/icon_sv11.png);
	}

	header .service_icon .icon_home {
		background-image:url(../img/icon_homes.png);
	}
	header .service_icon .icon_sv01 {
		background-image:url(../img/icon_sv01s.png);
	}
	header .service_icon .icon_sv02 {
		background-image:url(../img/icon_sv02s.png);
	}
	header .service_icon .icon_sv03 {
	}
	header .service_icon .icon_sv04 {
		background-image:url(../img/icon_sv04s.png);
	}
	header .service_icon .icon_sv05 {
		background-image:url(../img/icon_sv05s.png);
	}
	header .service_icon .icon_sv06 {
		background-image:url(../img/icon_sv06s.png);
	}
	header .service_icon .icon_sv07 {
		background-image:url(../img/icon_sv07s.png);
	}
	header .service_icon .icon_sv08 {
		background-image:url(../img/icon_sv08s.png);
    }
	header .service_icon .icon_sv09 {
		background-image:url(../img/icon_sv09s.png);
    }
	header .service_icon .icon_sv10 {
		background-image:url(../img/icon_sv10s.png);
    }
	header .service_icon .icon_sv11 {
		background-image:url(../img/icon_sv11s.png);
    }
	header .service_icon .now a {
		padding-left:0;
	}
	
	header ul.service_icon li a,
	#saaske_menu .animenu >  ul.service_icon li.now a:hover {
		background-position:left center;
		background-repeat:no-repeat;
	}
	#saaske_menu .animenu > ul.service_icon ul li:first-child > a:after {
	  left: 15px;
	}
	#saaske_menu .animenu > ul.service_icon ul {
		left: -5px;
		right: auto;
		padding-bottom:7px;
	}
	#saaske_menu .animenu > ul.service_icon ul a {
		font-size:14px;
		padding:7px 0 7px 35px;
		background-position:7px center;
		background-repeat:no-repeat;
	}
	#saaske_menu .animenu > ul.service_icon ul.sv_list li a:hover {
		background-position:7px center;
	}
	#saaske_menu .animenu > ul.service_icon ul li {
		-webkit-box-shadow:none;
 		 -moz-box-shadow: none;
  		box-shadow: none;
	}

/** サービスメニュー **/
header nav {
	float:left;
	height:32px;
	margin-left:40px;
}
	header nav UL{
		height:23px;
		padding-top:9px;
	}
	header nav LI {
		float:left;
		display:block;
		height:23px;
		list-style:none;
		margin-left:5px;
		position:relative;
	}
	header nav LI .free {
		width:26px;
		height:12px;
		background:url(../img/head_free2.png) no-repeat left top;
		position:absolute;
		top:-6px;
		right:-4px;
	}
	header nav LI A {
		color:#495B13;
		text-decoration:none;
		display:block;
		height:13px;
		border-left:1px solid #AFCE93;
		border-right:1px solid #AFCE93;
		border-top:1px solid #AFCE93;
		font-size:13px;
		padding:5px 10px 4px 10px;
		
		moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		-khtml-border-top-left-radius: 4px;
		border-top-left-radius: 4px;
		
		moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		-khtml-border-top-right-radius: 4px;
		border-top-right-radius: 4px;
	}
	header nav LI A:hover {
		background-color:#fff;
	}
	header nav LI A.on {
		background-color:#fff;
		font-weight:bold;
	}
	/* 現在日時
	header nav .watch {
		background:url(../img/head_watch.png) no-repeat left center;
		position:absolute;
		right:0px;
		bottom:5px;
		text-indent:20px;
		width:190px;
		height:14px;
		line-height:15px;
		font-size:11px;
	} */
	
	
/** アカウント情報 
header .account {
	float:right;
	width:250px;
	padding:5px 25px 0 35px;
	background:url(../img/head_account.png) no-repeat left center;
	height:35px;
	font-size:11px;
	color:#495B13;
}
	header .account .company {
		margin-top:3px;
	}
	header .account .name {
		font-size:12px;
		font-weight:bold;
	}
	header .account A {
		float:right;
		display:block;
		margin-top:1px;
		margin-left:10px;
		width:30px;
		height:30px;
		background:url(../img/head_logout.png) no-repeat left center;
	}
	header .account A:hover {
		background-position:right center;
	}
**/

/*-------------------- 実験 --------------------*/

  
#contents {
position: relative;  
padding: 5px;
}
#container aside{  
width: 155px;  
margin-left:5px;
float: left;
}  
#container .aside_on {
	display:block;
}  
#container .aside_off {
margin-left:-170px;  
}
/*#container .view1 {
margin-left:170px;  
}*/
.contents_wide {
margin-left:20px;
}


/*-------------------- ボディー --------------------*/

#container {
	float: right;  
	margin-left: -180px;  
	width:100%;
	margin-top:20px;
	padding-bottom:30px;
	margin-top:60px;
}
#main {
	margin-right:10px;
/*	text-align:center;*/
}
.page_title {
	background-image: url(../img/title_bar.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-bottom:15px;
/*	margin-right:10px;*/
	height:25px;
	padding-top: 7px;
}
.page_title H1 {
	background-image: url(../img/h1_pict.png);
	background-repeat:no-repeat;
	background-position:5px 0px;
	padding : 0 6px;
	padding-left:28px;
	font-weight : bold;
	text-align:left;
	color:#003300;
	font-size:14px;
	float:left;
}
.page_title A {
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
	width:85px;
	height:25px;
	float:right;
	margin-top:-7px;
	margin-right:10px;
}
.page_title A.print {
	background-image: url(../img/printer.gif);
}
.page_title A.csv {
	background-image: url(../img/csv.gif);
}
.page_title A.save {
	background-image: url(../img/save.jpg);
}
.page_title A.reload {
	background-image: url(../img/reload.png);
	background-position:left bottom;
	width:18px;
	height:23px;
}
.page_title A.reload:hover {
	background-position:left top;
}
.page_msg {
	border:5px solid #f1f3f1;
	padding:5px;
	margin-bottom:15px;
	margin-top:-15px;
	text-align:left;
}
#iframe_main .page_msg {
	border: 0px;
	padding:10px;
	background-color: #F8FFED;
}
/*---------- 試用期間表示 ----------*/
.trial_bar {
	height:24px;
	BORDER:2px solid #FF8962;
	BACKGROUND:url(../img/client/trial_icon.jpg) no-repeat left center;
	BACKGROUND-COLOR:#FFFBEE;
	TEXT-ALIGN:LEFT;
	LINE-HEIGHT:24px;
	FONT-SIZE:13px;
	COLOR:#993300;
	PADDING-LEFT:28px;
	margin-right:10px;
	margin-top: -15px;
	margin-bottom: 15px;
}

/*-------------------- サイドメニュー --------------------

#side_menu {
	width:150px;
	vertical-align:top;
	text-align:left;
}
#side_menu .box {
	width:150px;
}
#side_menu H3 {
	height:40px;
	background-image: url(../img/client/side_1.gif);
	background-repeat:no-repeat;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	line-height: 40px;
}
#side_menu LI.group {
	height:30px;
	background-image: url(../img/client/side_2.gif);
	background-repeat:no-repeat;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	line-height: 30px;
	font-size:13px;
	list-style:none;
}
#side_menu LI {
	list-style:none;
}
#side_menu .main A {
	display:block;
	height:31px;
	background: url(../img/client/side_3.gif) no-repeat top;
	text-align:left;
	text-decoration:none;
	line-height:31px;
	padding-left:10px;
}
#side_menu .main A:hover,
#side_menu .main A.sm_on {
	background-position: bottom;
}
#side_menu LI.sub,
#side_menu LI.sub2 {
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
#side_menu .sub P,
#side_menu .sub2 P {
	border-left:4px solid #DBAD35;
	text-align:left;
}
#side_menu .sub A {
	background-color: #FCFAEF;
	display:block;
	padding: 5px 2px 5px 8px;
	border-top:2px solid #ffffff;
	text-decoration:none;
	line-height:130%;
	font-size:11px;
}
#side_menu .sub A:hover,
#side_menu .sub2 A:hover {
	background-color: #EEE7C1;
}
#side_menu .sub P.sm_on,
#side_menu .sub2 P.sm_on {
	border-left:4px solid #B6661F;
}
#side_menu .sub P.sm_on A{
	background-color: #EBDAA7;
}

#side_menu .sub2 A {
	background:url(../../common/img/pict2_1.gif) no-repeat 5px 4px #fff;
	display:block;
	padding: 4px 2px 4px 15px;
	text-decoration:none;
	line-height:110%;
	font-size:11px;
	color:#57442D;
}
#side_menu .sub2 P.sm_on A{
	font-weight:bold;
	background-color: #EBDAA7;
}

#side_menu .foot {
	background-image: url(../img/client/side_4.gif);
	background-repeat:no-repeat;
	height:10px;
}
*/


/*-------------------- フッター --------------------*/
footer {
	clear:both;
/*	width:100%;*/
	height:30px;
	border-top:1px dotted #888888;
	margin-top:20px;
	position:absolute;
	bottom:0px;
	left: 173px;
	right: 5px;
}
footer .copyright {
	text-align:center;
	margin-top:10px;
}
footer .copyright .branch {
    border: 1px solid #9C4873;
    border-radius: 2px;
    padding: 0 3px;
    color: #9C4873;
    background-color: #FDF4F9;
}

/*-------------------- メッセージボックス --------------------*/
.msgbox {
	margin-top:80px;
	margin-bottom:30px;
	width:450px;
	border:1px solid #d8d8d8;
	background-color:#fffef7;
}
.msgbox H2 {
	background-image: url(../img/client/msb_box_bk.jpg);
	background-repeat:repeat-x;
	background-position:bottom ;
	font-size : 14px;
	color : #658c5d;
	font-weight : bold;
	text-align:left;
	line-height:28px;
	padding-left:10px;
	border-bottom:1px solid #d8d8d8;
}
.msgbox P {
	margin:5px;
	padding-bottom:10px;
	text-align:left;
	line-height:150%;
}
.msgbox FORM {
	padding:5px;
	border-top:1px dotted #666666;
	text-align:center;
	margin-top:15px;
}
.msgbox INPUT {
	padding: 3px 10px 3px 10px;
}

/*-------------------- 入力エラーメッセージ --------------------*/
.error_list {
	display:block;
	margin:20px auto 10px auto;
	width:80%;
	padding:8px;
	border: 2px solid rgb(216, 51, 37);
	background-color: rgb(255, 245, 245);
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
	.error_list li {
		list-style:none;
		background:url(../img/pict2_3.gif) no-repeat left 4px;
		line-height:150%;
		padding-left: 14px;
	}
	
/*-------------------- テーブル共通 --------------------*/
.td_right TD {
	text-align:right;
}

/*-------------------- 詳細テーブル --------------------*/
.table_detail {
	width:96%;
	text-align:left;
	margin-bottom:15px;
	background-color:#d8d8d8;
	border-spacing:1px;
}

.table_detail CAPTION ,
.table_list CAPTION,
.table_free CAPTION,
h2.block_title {
	background-image: url(../img/client/pict2.gif);
	background-repeat:no-repeat;
	background-position:5px 8px;
	line-height:32px;
	padding-left:25px;
	font-weight : bold;
	text-align:left;
	color:#658c5d;
	font-size:14px;
	letter-spacing: 2px;
	caption-side:top;
}
.table_detail CAPTION SPAN ,
.table_list CAPTION SPAN {
	float:left;
	line-height:32px;
	color:#658c5d;
	font-size:14px;
	letter-spacing: 2px;
	
}
.table_detail CAPTION .btn ,
.table_list CAPTION .btn,
h2.block_title .btn {
	float:right;
	padding:1px 5px 1px 5px;
	font-family: meiryo;
}
/* Aタグボタン */
.table_detail CAPTION a.btn ,
.table_list CAPTION a.btn,
h2.block_title a.btn {
	float:right;
	margin-top: 2px;
	border: 1px solid rgb(177, 177, 177);
	border-radius: 2px;
	font-weight: normal;
	text-decoration: none;
	color: rgb(81, 81, 81);
	padding: 5px 6px;
	line-height: 100%;
	background-color: rgb(232, 236, 228);
	display: inline-block;
}
.table_detail CAPTION a.btn:hover ,
.table_list CAPTION a.btn:hover,
h2.block_title a.btn:hover {
	background-color: #e8f5cb;
}

CAPTION .btn form.inline {
	display: inline-block;
}
/*CAPTION .btn INPUT[type=submit],
h2.block_title .btn INPUT[type=submit] {
	padding:2px 6px;
}
*/
.table_detail CAPTION .message ,
.table_list CAPTION .message,
.table_free CAPTION .message {
	line-height: 150%;
	letter-spacing: 0px;
	font-weight: normal;
	color: #3B527C;
	border: 1px solid #D5D7DA;
	border-bottom: 1px solid #fff;
	padding: 7px 5px;
	margin-left: -25px;
	background-color: #F4F9F5;
}
.table_detail TH {
	background-image: url(../img/client/detail_th.jpg);
	background-repeat:repeat-y;
	border : 1px solid #ffffff;
	padding:4px;
	vertical-align:top;
	color:#777777;
	background-color:#ffffff;
	text-align:left;
	min-width: 70px;
}
.table_detail TH B,
.table_detail TD B, 
.table_detail TH ME,
.table_detail TD EM {
	font-size:12px;
	color:#990000;
}
.table_detail TD EM {
	display:block;
	font-weight:bold;
}
.table_detail TD {
	1border : 1px solid #d8d8d8;
	padding:4px;
	vertical-align:top;
	background-color:#ffffff;
}
.table_detail TD .memo {
	margin-left:3px;
	color:#CC6600;
	font-size:11px;
	clear: both;
}
.table_detail TD fieldset {
	padding:4px;
	padding-bottom: 0px;
	border:1px solid #bbb;
	margin-top:8px;
	clear: both;
	border-radius: 2px;
}
.table_detail TD fieldset INPUT[type=checkbox] {
	margin-left:10px;
	margin-right:5px;
}
.table_detail TD legend {
	padding:0px 7px;
}
.table_detail .group TD,
.table_list .group TD {
	color : #666666;
	font-size:13px;
	font-weight:bold;
	background-image: url(../img/group_bk.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border : 1px solid #ffffff;
	padding:4px 2px 4px 6px;
	letter-spacing: 2px;
}
.table_detail .group TD .btn,
.table_list .group TD .btn {
	float: right;
}
.table_detail .group TD .btn a,
.table_list .group TD .btn a {
	color: #84090c;
}
.table_detail .th120 TH {
	width:120px;
}
.table_detail .th140 TH {
	width:140px;
}

.table_detail .th160 TH {
	width:160px;
}
.table_detail TD P.line {
	margin-bottom: 5px;
}

/*-------------------- 詳細テーブルの表示・非表示 --------------------*/
.table_detail CAPTION.group_label {
	background-color: #EDF5EA;
	background-image: none;
	padding-left: 5px;
	line-height: 24px;
	font-size: 13px;
	border-left: 5px solid #86A185;
	border-right: 1px solid #ccc;
}
.table_detail CAPTION.group_label .btn a.jq_toggle {
	display: block;
	width: 15px;
	height: 15px;
	margin-top: 4px;
	background: url(../img/detail_label_toggle.png) no-repeat top;
}
.table_detail.off CAPTION.group_label .btn a.jq_toggle {
	background-position: bottom;
}
.table_detail.off CAPTION.group_label {
	border-bottom: 1px solid #D6D6D7;
	background-color: #F4F4F4;
	border-left: 5px solid #A5A5A5;
	color: #8C8C8C;
}
.table_detail.off tbody {
	display: none;
}

/*-------------------- 通話履歴 --------------------*/
.table_detail .group_checkbox label{
	display:block;
	float:left;
/*	width:26%;*/
	min-width: 120px;
	padding-left:18px;
	padding-bottom: 3px;
	text-indent:-18px;
}
.table_detail .group_checkbox label:hover {
	color:green;
}

/*-------------------- リストテーブル --------------------*/
.table_list {
	width:96%;
	margin-bottom:10px;
	border-collapse:separate;
	border-spacing:1px;
	background-color:#d8d8d8;
}
.table_list THEAD TD {
	font-size : 11px;
	color : #558b52;
	background-image: url(../img/client/list_th.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border : 1px solid #ffffff;
	font-weight : bold;
	text-align:center;
}
.table_list THEAD TD P {
	font-size : 11px;
	font-weight : normal;
	color : #93A38B;
}
.table_list THEAD TD.head1 {
	padding:2px 0 0 0;
	background-position:0px -35px;
}
.table_list THEAD .head2 TD {
	padding:0px;
	text-align:center;
	height:14px;
	font-size:10px;
	font-weight:normal;
	background: url(../../common/img/client/list_th.jpg) repeat-x bottom;
}

.table_list TH {
	padding:5px;
	text-align:left;
	color:#635245;
	background-color:#FBF9F2;
	vertical-align:top;
}
.table_list TD {
	padding:5px 2px 5px 2px;
	background-color:#ffffff;
	vertical-align:top;
}
.table_list .off TD , 
.table_list .off TH {
	color : #999999;
	background-color : #eeeeee;
}
.table_list .pickup TD ,
.table_list .pickup TH {
	color : #39251e;
	background-color : #DCEEA6;
}
.table_list .noline TD ,
.table_list .noline TH {
	border-bottom:none;
}
.table_list .up_down TD ,
.table_list .up_down TH ,
.table_sheet .up_down TD {
	background-color : #F9FFDD;
}
.table_list .left_line {
	BORDER-LEFT:2px solid #d8d8d8;
}
.table_list .right_line {
	BORDER-right:2px solid #d8d8d8;
}
.table_list TH.under_line ,
.table_list .under_line TD,
.table_list .under_line TH {
	BORDER-bottom:2px solid #d8d8d8;
}
.table_list TD.pad1 {
	padding:1px;
}
.table_list TD.sum ,
.table_list .sum TD,
.table_list .sum TH {
	background-color : #FFF4FD;
	font-weight:bold;
}
.table_list TD.pink {
	background-color : #FFF4FD;
}
.table_list TD.blue {
	background-color : #E9F7FC;
}
.table_list TD.orange {
	background-color : #FEF7EF;
}

/* 一覧表示設定 */
.table_list CAPTION .btn .setting {
	display: block;
	background: url(../img/setting.png) no-repeat;
	width: 20px;
	height: 20px;
	margin-top: 4px;
}
.table_list TD.right {
	text-align: right;
}
.table_list TD.center {
	text-align: center;
}

/*-------------------- フリーテーブル --------------------*/
.table_free {
	width:auto;
	margin:0px;
	border-spacing:0px;
	background-color:;
}
.table_free TH {
	padding:1px;
	text-align:auto;
	color:;
	background-color:auto;
	vertical-align:auto;
}
.table_free TD {
	padding:1px;
	color:auto;
	background-color:auto;
	vertical-align:auto;
}
/*-------------------- シートテーブル --------------------*/
.table_sheet {
	width:auto;
	margin:0px;
	border-spacing:0px;
	border-collapse: collapse;
}
.table_sheet TH,
.table_sheet TD {
	padding:3px;
	text-align:auto;
	background-color:auto;
	1vertical-align:auto;
	border: 1px solid #eee;
}
.table_sheet TH {
}
.table_sheet THEAD TD {
	text-align:center;
	background: url(../img/client/group_bk.jpg) repeat-x top;
	border:1px solid #ccc;
	font-size:11px;
	color:#666;
}
.table_sheet .group TD {
	color : #666666;
	font-size:13px;
	font-weight:normal;
	background-image: url(../img/client/group_bk.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border : 1px solid #eee;
	border-top : 1px solid #ccc;
	border-bottom : 1px solid #ccc;
	padding:2px 1px 2px 4px;
	letter-spacing: 2px;
}
/*-------------------- テーブルの小型化 --------------------*/
.table_small {
	width:60%;
	margin:0px;
}
	.table_small TH {
		padding:3px;
	}
	.table_small TD {
		padding:3px 2px;
	}
	.table_small .group TD {
		font-size:12px;
		font-weight:normal;
		padding:2px 1px 2px 3px;
		letter-spacing: 1px;
	}

/*-------------------- 顧客詳細情報 --------------------*/
.client_data {
}
.client_data td {
	position: relative;
}
.client_data td:hover a.jq_edit {
	display: block;
	background: url(../img/edit.png) no-repeat;
	width: 14px;
	height: 15px;
	position: absolute;
	bottom: 3px;
	right: 4px;
	opacity: 0.4;
}
.client_data td:hover a.jq_edit:hover {
	opacity: 1;
}
.client_data td input[type=text] {
	width: 65%;
}
.client_data td input.jq_calendar {
	width: 100px;
}
.client_data td input.type_num {
	width: 100px;
}
.client_data td textarea {
	width: 98%;
	height: 100px;
}
.client_data td label {
	display:block;
	float:left;
	min-width: 26%;
	padding-left:18px;
	padding-bottom: 6px;
	text-indent:-18px;
}
.client_data td input[type=button],
.client_data td input[type=submit] {
	padding: 1px 2px;
	margin-left:3px;
}

/*-------------------- サブミットボタン用ボックス --------------------*/
.submit_box {
	background-color : #fffeec;
	border:1px solid #b0ab91;
	padding : 5px;
	margin-top:20px;
	margin-bottom:20px;
	width:500px;
	text-align:center;
}
.submit_box P {
	line-height:140%;
	text-align:left;
}
.submit_box INPUT[type=submit] {
	padding: 3px 10px 3px 10px;
	margin-top:20px;
	font-family: meiryo;
}
.submit_box .back {
	padding: 3px;
	left: -100px;
	position: relative;
}

/*-------------------- サブミットボタン用ボックス2 --------------------*/
.submit_box2 {
	margin-top:20px;
	margin-bottom:20px;
	width:96%;
	text-align:center;
}
.submit_box2 INPUT {
	padding: 3px 15px 3px 15px;
	font-family: meiryo;
	font-size:14px;
}

/*-------------------- サブミットボタン用ボックス3 --------------------*/
.submit_box3 {
	margin-top:15px;
	margin-bottom:15px;
	width:96%;
	text-align:center;
}
.submit_box3 STRONG {
	background-image: url(../img/pict1_1.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	padding-right:5px;
	background-position:0px 4px;
	font-size:14px;
}
.submit_box3 INPUT {
	padding-right:5px;
}

/*-------------------- サブミットボタン用ボックス4 --------------------*/
.submit_box4 {
	background-color : #fffeec;
	border:1px solid #b0ab91;
	padding : 5px;
	margin-top:15px;
	margin-bottom:10px;
	width:80%;
	text-align:center;
	position:relative;
}
.submit_box4 P {
	line-height:140%;
	text-align:left;
}
.submit_box4 INPUT[type=submit] {
	padding: 3px 10px 3px 10px;
	margin-top:20px;
	font-family: meiryo;
}
.submit_box4 .back {
	padding: 3px;
	left: -100px;
	position: relative;
}
.submit_box4 .box_left {
	position:absolute;
	left:0px;
	width:40%;
	height:50px;
}
.submit_box4 .box_right {
	position:absolute;
	right:5px;
	width:50%;
	height:50px;
}

/*-------------------- アップダウンリンク --------------------*/
TD.up_down_btn{
	TEXT-ALIGN:center;
	WIDTH:49px;
}
.up_down_btn A {
	DISPLAY:block;
	FLOAT:left;
	WIDTH:17px;
	HEIGHT:17px;
	TEXT-INDENT:-9999em;
	TEXT-DECORATION:none;
	BACKGROUND-REPEAT:no-repeat;
	BACKGROUND-POSITION:top;
	MARGIN-TOP:2px;
	MARGIN-RIGHT:5px;
}
.up_down_btn A:hover {
	BACKGROUND-POSITION:bottom;
}
.up_down_btn A.up {
	MARGIN-LEFT:5px;
	BACKGROUND-IMAGE:url(../img/up.gif);
}
.up_down_btn A.down{
	BACKGROUND-IMAGE:url(../img/down.gif);
}

/*--------------------[ ステータス変更ボタン ]--------------------*/
.public_btn,
.flag_btn,
.key_btn {
	width:30px;
	padding:0px;
}
.public_btn A,
.flag_btn A,
.key_btn A {
	display:block;
	width:25px;
	height:30px;
	text-indent:-9999em;
}
.public_btn A {
	background:url(../img/check.gif) no-repeat top;
}
.flag_btn A {
	background:url(../img/flag.gif) no-repeat top;
}
.key_btn A {
	background:url(../img/flag.gif) no-repeat bottom;
}
.off .public_btn A,
.off .flag_btn A {
	background-position:bottom;
}
.public_btn A:hover,
.flag_btn A:hover,
.key_btn A:hover {
	background-position:center;
}
.on .key_btn A {
	display:none;
}
.on DIV.key_btn {
	background:url(../img/flag.gif) no-repeat top;
	height:30px;
	margin:0px;
	padding:0px;
}

/*--------------------[ 順序変更ボタン ]--------------------*/
#jq_sort TD.move,
.jq_sort TD.move,
.sortable TD.move {
	width:30px;
	padding:0px;
	background:url(../img/move.png) no-repeat center center;
	background-color:#fff;
	cursor:move;
}
.jq_sort .placeholder,
#jq_sort .placeholder {
	height:25px;
}

/*--------------------[ On/Offボタン ]--------------------*/
.on_off_btn A.jq_toggle {
	display:block;
	width:18px;
	height:18px;
	padding:0px;
	background:url(../img/on_off.gif) no-repeat center top;
}
	.on_off_btn .off A.jq_toggle {
		background-position:bottom;
	}
	.on_off_btn .status9 A.jq_toggle {
		display:none;
	}

/*-------------------- タブメニュー --------------------*/
.tab_menu {
	width:99%;
	margin-bottom:15px;
	background-image: url(../img/client/btn0.gif);
	background-repeat:repeat-x;
}
.tab_menu LI {
	float:left;
	list-style:none;
}
.tab_menu A {
	display:block;
	line-height:30px;
	height:30px;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	color:#efefef;
	font-weight:bold;
}
.tab_menu A:hover,
.tab_menu A.on {
	color:#FFFFFF;
}
.tab_menu .s A {
	width:70px;
	background-image: url(../img/client/btn1_1.gif);
}
.tab_menu .m A {
	width:114px;
	background-image: url(../img/client/btn2_1.gif);
}
.tab_menu .l A {
	width:132px;
	background-image: url(../img/client/btn3_1.gif);
}
.tab_menu .s A.on {
	background-image: url(../img/client/btn1_2.gif);
}
.tab_menu .m A.on {
	background-image: url(../img/client/btn2_2.gif);
}
.tab_menu .l A.on {
	background-image: url(../img/client/btn3_2.gif);
}
.tab_menu .back A {
	background: url(../img/client/btn_back.gif) no-repeat 5px 3px;
	color: #396338;
	line-height:28px;
	width:110px;
}
.tab_menu .back A:hover {
	color: #6C0;
}
.tab_menu .right {
	float:right;
}
.tab_menu .space {
	width:15px;
}

/*-------------------- 吹き出し --------------------*/
 a.balloon_btn:hover{ /*マウスが乗ったら*/
	position: relative;
	text-decoration: none;
	top: 0px;
	left: 0px;
}
	.balloon_btn IMG {
		vertical-align:middle;
		margin-left:4px;
	}
.balloon { /*吹き出し本体*/
	position: absolute;
	bottom:20px;
	right:-5px;
	display: none;
	padding: 5px 5px 20px 5px ;
	width: 190px;
	text-decoration: none;
	color: #ffffff;
	background:url(../../common/img/balloon_popup.png) no-repeat left bottom  #679412;
	font-weight:normal;
	font-size:11px;
	text-align: left;
    z-index: 1000;
	
	moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	-khtml-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
	
	moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	-khtml-border-top-left-radius: 7px;
	border-top-left-radius: 7px;

	filter: alpha(opacity=85); /* IE */
	-moz-opacity:0.85; /*Firefox・Netscape */
	opacity:0.85; /* Opera・Safari */
}
a:hover .balloon {
	display: block;
}
/*-------------------- 吹き出し（画像） --------------------*/

.balloon_img { /*吹き出し本体*/
	position: absolute;
	bottom:20px;
	right:-20px;
	display: none;
	padding: 5px;
	text-decoration: none;
	border:2px solid #9a9a9a;
	font-weight:normal;
	background-color:#fff;
	
	moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	
	-webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.4);
 	 -moz-box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4);
  	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}
a:hover .balloon_img {
	display: block;
}

/*-------------------- ページリンク --------------------*/
.pagelink {
	width:96%;
	margin:4px auto;
	}
	.pagelink .jq_simple {
		width:202px;
		height:15px;
		margin-right:0px;
	}
	.pagelink .jq_simple .total {
		float:left;
		width:70px;
		text-align:right;
		color:#354D40;
		padding-right:10px;
	}
	.pagelink .jq_simple A,
	.pagelink .jq_simple .btn {
		display:block;
		float:left;
		width:14px;
		height:15px;
		background:url(../img/pagelink.png) no-repeat;
	}
	.pagelink .jq_simple .first {
		background-position:0px top;
	}
	.pagelink .jq_simple A.first:HOVER {
		background-position: left bottom;
	}
	.pagelink .jq_simple .back {
		background-position:-14px top;
	}
	.pagelink .jq_simple A.back:HOVER {
		background-position: -14px bottom;
	}
	.pagelink .jq_simple .next {
		background-position:-94px top;
	}
	.pagelink .jq_simple A.next:HOVER {
		background-position: -94px bottom;
	}
	.pagelink .jq_simple .end {
		background-position:right top;
	}
	.pagelink .jq_simple A.end:HOVER {
		background-position: right bottom;
	}
	.pagelink .jq_simple .page {
		width:66px;
		height:15px;
		text-align:center;
		float:left;
		background:url(../img/pagelink.png) no-repeat -28px top;
	}
.pagelink_t {
	width:96%;
	padding:3px;
	text-align:left;
	border-bottom : 1px dotted #a8b883;
	margin-bottom:5px;
}
.pagelink_b {
	width:96%;
	padding:4px;
	text-align:right;
	border-top : 1px dotted #a8b883;
	margin-top:5px;
}

/*-------------------- 検索ボックス --------------------*/
.search_box_com {
	width:607px;
	height:64px;
	background:url(../img/search_box.png) no-repeat;
	text-align:center;
	margin:15px auto 20px; auto;
}
	.search_box_com FORM {
		padding-top:20px;
		padding-right:40px;
	}
	.search_box_com INPUT[type=text] {
		width:300px;
		padding:2px;
	}
	.search_box_com INPUT[type=submit] {
		width:60px;
		height:25px;
		font-size:13px;
	}
	.search_box_com SPAN {
		font-size:14px;
		font-weight:bold;
		color:#768DA0;
	}

/*---- 検索条件のクリア ----*/
.search_clear_btn {
	width: 96%;
	text-align: right;
	margin-top: -10px;
}

/*---- ファイルアップロードローディング ----*/
.upload_loading {
    width: 128px;
    height: 15px;
    background: url(../img/upload_loading.gif) no-repeat;
}

/*--- すべて選択リンク ---*/
p.jq_checkbox {
	clear: both;
	font-size: 10px;
	cursor: pointer;
	color: #6fa724;
	display: inline-block;
    float: right;
	line-height: 100%;
	margin-top: 2px;
	margin-bottom: 0px !important;
}
legend.jq_checkbox {
	cursor: pointer;
	text-decoration: underline;
	color: #6fa724;
}
.jq_checkbox:hover {
	color:pink;
}
/*-------------------- パンくず --------------------*/
#pankuzu {
	padding-left: 13px;
	border-left: 1px solid rgb(212, 232, 202);
	margin-top: -15px;
	margin-bottom: 15px;
}
#pankuzu ul {
	list-style: none;
	display: block;
}
#pankuzu ul li {
	display: inline;
}
#pankuzu ul li.first {
	padding-left: 8px;
}
#pankuzu ul li a, 
#pankuzu ul li a:link, 
#pankuzu ul li a:visited,
#pankuzu ul li p { 
	color: #666; 
	display: block; 
	float: left; 
	font-size: 12px; 
	margin-left: -13px; 
	padding: 7px 17px 7px 20px; 
	position: relative; 
	text-decoration: none; 
}
#pankuzu ul li.first a, 
#pankuzu ul li.first a:link, 
#pankuzu ul li.first a:visited,
#pankuzu ul li.first p { 
	padding-left: 12px;
}
#pankuzu ul li p, 
#pankuzu ul li a { 
	background-image: url('../img/pankuzu.png');  
	background-repeat: no-repeat; 
	background-position: 100% 0; 
	position: relative; 
}
#pankuzu ul li a:hover { 
	color: #333; 
	background-position: 100% -48px; 
	cursor: pointer; 
}
#pankuzu ul li a:active { 
	color: #333; 
	background-position: 100% -96px; 
}
#pankuzu ul li p { 
	color: #333; 
	background-position: 100% -144px; 
}
#pankuzu ul li.first a span { 
	height: 29px; 
	width: 3px; 
	border-left: 1px solid #d9d9d9; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
}

/*-------------------- 新規登録ボタン --------------------*/
.btn_new {
	border:1px solid #d8d8d8;
	width:400px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:;
}
.btn_new INPUT {
	margin-top:15px;
	margin-bottom:15px;
	padding:3px 5px 3px 5px;
	font-family: meiryo;
}
/*-------------------- Good ボタン --------------------*/
.good_btn {
	width: 100px;
	margin-left: 0px;
	margin-bottom: 3px;
	font-size: 11px;
}
.good_btn a {
	display: inline-block;
	width: 46px;
	height: 13px;
	background: url(../img/good.gif) no-repeat;
	margin: 5px 5px 1px 3px;
	vertical-align: bottom;
}
.good_btn a.good_no {
	background-position: left top;
}
.good_btn a.good_yes {
	background-position: left bottom;
}
.good_btn a.good_no:hover {
	background-position: right top;
}
.good_btn a.good_yes:hover {
	background-position: right bottom;
}

/*-------------------- Loading表示 --------------------*/
.view_loading01 {
	height: 40px;
	background: url(../../common/img/loading01.gif) no-repeat center center;
}
/*-------------------- IME --------------------*/
.ime_jpn {
	ime-mode: active;
}
.ime_eng {
	ime-mode: inactive;
}
.ime_num ,
.ime_eng_only {
	ime-mode: disabled;
}


/*-------------------- PDF表示 --------------------*/
#pdf_main .pdf_hide {
	display:none !important;
}

/*-------------------- 共通スタイル --------------------*/
.none {
	display:none;
}
.none_imp {
	display:none !important;
}
.td_none,
.td_none TH,
.td_none TD {
	display: none;
}
.clear {
	clear:both;
}
.red {
	color : #990000;
}
.width100 {
	width:99%;
}
.width96 {
	width:96%;
}
.width96r {
	width:96%;
	text-align:right;
}
.width80 {
	width:80%;
}
.left {
	text-align:left;
}

.ac_icon {
	vertical-align: middle;
	margin-right:3px;
}


/*-------------------- モーダルウィンドウ --------------------*/
div#modal {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
    z-index:1000;
}
div#modal div.background {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
div#modal div.container {
	display: none;
	position: relative;
	width: 500px;
	height: 500px;
	background-color: #ffffff;
	margin: 0px;
	padding: 20px;
	overflow: auto;
	
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
div#modal a.close {
	background: url(../../common/img/modal_close.png);
	display:block;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 6px;
	top: 6px;
}



#lean_overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}



	.color_box {
		float:left;
		width:11px;
		height:11px;
		margin-right:3px;
		border:1px solid #ccc;
		moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
	}


	/*-------------------- タブレット・スマホ対応 --------------------*/
header.smt {
  position: absolute;
}
aside#side_menu.smt {
  height: inherit;
  min-height: 100%;
  position: absolute;
}