@charset "utf-8";
/* CSS Document */
/* display design: multi-column layout（マルチカラムレイアウト）  */
/*　class name rule   2012/10/18 banzai
rule:文字_w(width)数値
     [文字]タグ名や名称
     [数値]widthの値
sample:tooltip_w300
*/

/* clearfix -------------------------------------------------*/

/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

/*******************************

common


********************************/
.template {
	display: none !important;
}

/* 横並び用BOX */
.box-layout {
	display: -webkit-box; /* Safari,Google Chrome用 */
	display: -moz-box;    /* Firefox用 */
	display: -ms-flexbox; /* IE用 */
}

/* アスタリスク */
.mark {
	color:#9E2730;
	font-size:10px;
	font-weight: bold;
	vertical-align:middle;
}

/**************** margin */

.mt0{margin-top:0 !important;}
.mt1{margin-top:1px !important;}/*2018/03/28追記*/
.mt4{margin-top:4px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt65{margin-top:65px !important;}

.mr0{margin-right:0 !important;}
.mr2{margin-right:2px !important;}
.mr4{margin-right:4px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}
.mr322{margin-right:322px !important;}

.mb0{margin-bottom:0 !important;}
.mb1{margin-bottom:1px !important;}/*2018/03/28追記*/
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb150{margin-bottom:150px !important;}

.ml0{margin-left:0 !important;}
.ml2{margin-left:2px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml100{margin-left:100px !important;}
.ml140{margin-left:140px !important;}
.ml380{margin-left:380px !important;}
.ml-10{margin-left:-10px !important;}


/**************** padding */

.p0{padding:0px !important;}
.p1{padding:1px !important;}
.p2{padding:2px !important;}
.p6{padding:6px !important;}

.pt0{padding-top:0 !important;}
.pt1{padding-top:1px !important;}/*2018/03/28追記*/
.pt4{padding-top:4px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

.pb0{padding-bottom:0 !important;}
.pb1{padding-bottom:1px !important;}/*2018/03/28追記*/
.pb2{padding-bottom:2px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

.pl0{padding-left:0 !important;}
.pl1{padding-left:1 !important;}
.pl2{padding-left:2 !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

.w15{width:15px !important;}
.w20{width:20px !important;}
.w25{width:25px !important;}
.w30{width:30px !important;}
.w35{width:35px !important;}
.w40{width:40px !important;}
.w45{width:45px !important;}
.w50{width:50px !important;}
.w55{width:55px !important;}
.w60{width:60px !important;}
.w65{width:65px !important;}
.w70{width:70px !important;}
.w71{width:71px !important;}
.w74{width:74px !important;}
.w75{width:75px !important;}
.w80{width:80px !important;}
.w85{width:85px !important;}
.w90{width:90px !important;}
.w95{width:95px !important;}
.w100{width:100px !important;}
.w105{width:105px !important;}
.w110{width:110px !important;}
.w115{width:115px !important;}
.w120{width:120px !important;}
.w125{width:125px !important;}
.w130{width:130px !important;}
.w140{width:140px !important;}
.w142{width:142px !important;}
.w145{width:145px !important;}
.w147{width:147px !important;}
.w150{width:150px !important;}
.w154{width:154px !important;}
.w155{width:155px !important;}
.w158{width:158px !important;}
.w159{width:159px !important;}
.w160{width:160px !important;}
.w170{width:170px !important;}
.w180{width:180px !important;}
.w185{width:185px !important;}
.w190{width:190px !important;}
.w192{width:193px !important;}
.w195{width:195px !important;}
.w200{width:200px !important;}
.w205{width:205px !important;}
.w207{width:207px !important;}
.w210{width:210px !important;}
.w218{width:218px !important;} /* ▼mypage schedule approach */
.w219{width:219px !important;} /* ▼mypage_searchbox second */
.w220{width:220px !important;}
.w226{width:226px !important;}
.w230{width:230px !important;}
.w231{width:231px !important;} /* ▼mypage_searchbox */
.w240{width:240px !important;}
.w250{width:250px !important;}
.w260{width:260px !important;}
.w270{width:270px !important;}
.w277{width:277px !important;}
.w280{width:280px !important;}
.w290{width:290px !important;}
.w300{width:300px !important;}
.w306{width:306px !important;}
.w310{width:310px !important;}
.w320{width:320px !important;}
.w325{width:325px !important;}
.w330{width:330px !important;}
.w340{width:340px !important;}
.w350{width:350px !important;}
.w360{width:360px !important;}
.w370{width:370px !important;}
.w380{width:380px !important;}
.w390{width:390px !important;}
.w400{width:400px !important;}
.w409{width:409px !important;}
.w420{width:420px !important;}
.w430{width:430px !important;} /* ▼2013/06/20 追記*/
.w440{width:440px !important;}
.w450{width:450px !important;}
.w480{width:480px !important;}
.w500{width:500px !important;}
.w540{width:540px !important;}
.w550{width:550px !important;}
.w600{width:600px !important;}
.w630{width:630px !important;}
.w649{width:649px !important;}
.w640{width:640px !important;}
.w650{width:650px !important;}
.w662{width:662px !important;}
.w685{width:685px !important;}
.w700{width:700px !important;}
.w760{width:760px !important;} /* ▲2013/06/20 追記*/
.w785{width:785px !important;}
.w814{width:814px !important;}
.w840{width:840px !important;}
.w880{width:880px !important;}
.w920{width:920px !important;}
.w1050{width:1050px !important;} /**/
.w1150{width:1150px !important;}

.h60{height:60px !important;}

.bw1{border-width:1px}
.bw2{border-width:2px}
.btw1{border-top-width:1px;}
.bbw0{border-bottom-width:0;}
.brw0{border-right-width:0;}

.lh12{line-height:12px;}
.lh15{line-height:15px;}

.fb{font-weight:bold;}
.fs12{font-size:12px;}
.fs12i{font-size:12px !important;}
.fs16{font-size:16px;}
.fs30{font-size:30px;}
#main .color_983F39{color:#983F39;}
.table_caption{font-size:12px;color:#999;letter-spacing:1px;}
.al{text-align:left;}
.ac{text-align:center;}
.ar{text-align:right;}
.vat{vertical-align:top;}
.va-3{vertical-align:-3px;}


th{font-weight:normal;}

/* 2018/08/29 Bootstrap v4.1 互換 */
/* Borders */
.border-0 { border: 0 !important; }
.border-top-0 { border-top: 0 !important; }
.border-right-0 { border-right: 0 !important; }
.border-bottom-0 { border-bottom: 0 !important; }
.border-left-0 { border-left: 0 !important; }
/* Colors */
.bg-transparent { background-color: transparent !important; }
/* Display */
.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
/* Sizing */
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }
/* Text */
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-nowrap { white-space: nowrap !important; }
.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.font-weight-bold { font-weight: 700 !important; }
.font-weight-normal { font-weight: 400 !important; }
/* Vetical align */
.align-baseline { vertical-align: baseline !important; }
.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }
.align-text-top { vertical-align: text-top !important; }
.align-text-bottom { vertical-align: text-bottom !important; }

/* 2013/04/02 追加*/
.icon-add{
background-image:url("../img/original_sprite.png");
background-position:0 2px;
}

.icon-send_a{
background-image:url("../img/original_sprite.png");
background-position:-18px -1px;
width:18px;
}

.icon-send_b{
background-image:url("../img/original_sprite.png");
background-position:-42px -1px;
width:18px;
}

.icon-help {
	background-image: url("../img/icon_help.png");
	background-position: 0 0;
	height: 20px;
	width: 20px;
}

/* Font */
.font-red {
	color: #9E2730 !important;
}
.font-blue {
	color: blue !important;
}
.font-gray {
	color: #888 !important;
}
.font-small {
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
	background-color: transparent;
}

/* Icon Only Link */
.link-icon-blue {
	color: #2C7FA0 !important;
	transition: color 200ms ease;
}
.link-icon-blue:hover {
	color: #AB3B3A !important;
}

/* Icon Only Button */
.btn-icon {
	padding: 6px;
}
.btn-icon > i {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}

/* Button */
.btn-small {
  padding: 3px 6px;
}

/* 203/04/03 独自カラーボタン */
.btn-green {
  color: #ffffff;
  background-color:#46ab9a;
  background-image: -moz-linear-gradient(top, #46ab9a, #347f71);
  background-image: -ms-linear-gradient(top, #46ab9a, #347f71);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#46ab9a), to(#347f71));
  background-image: -webkit-linear-gradient(top, #46ab9a, #347f71);
  background-image: -o-linear-gradient(top, #46ab9a, #347f71);
  background-image: linear-gradient(top, #46ab9a, #347f71);
  border-color: #51a351 #51a351 #387038;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'46ab9a, endColorstr='#'347f71, GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-green:hover,
.btn-green:active,
.btn-green.active,
.btn-green.disabled,
.btn-green[disabled] {
  color:#ffffff;
  background-color: #347f71;
}

.btn-red {
  color: #ffffff;
  background-color:#c43640;
  background-image: -moz-linear-gradient(top, #c43640, #6b191f);
  background-image: -ms-linear-gradient(top, #c43640, #6b191f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c43640), to(#6b191f));
  background-image: -webkit-linear-gradient(top, #c43640, #6b191f);
  background-image: -o-linear-gradient(top, #c43640, #6b191f);
  background-image: linear-gradient(top, #c43640, #6b191f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'c43640, endColorstr='#'6b191f, GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-red:hover,
.btn-red:active,
.btn-red.active,
.btn-red.disabled,
.btn-red[disabled] {
  color:#ffffff;
  background-color: #6b191f}

.btn-blue {
  color: #ffffff;
  background-color:#180f4f;
  background-image: -moz-linear-gradient(top, #180f4f, #170f47);
  background-image: -ms-linear-gradient(top, #180f4f, #170f47);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#180f4f), to(#170f47));
  background-image: -webkit-linear-gradient(top, #180f4f, #170f47);
  background-image: -o-linear-gradient(top, #180f4f, #170f47);
  background-image: linear-gradient(top, #180f4f, #170f47);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'180f4f, endColorstr='#'170f47, GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue.active,
.btn-blue.disabled,
.btn-blue[disabled] {
  color:#ffffff;
  background-color: #170f47;
}

/*******************************

	【Font Awesome】アイコン

********************************/

/* 共通 */
.fa, .fas, .far, .fab {
	margin-right:3px;
}

/* 色付き */
.fas.fa-ban,			/* 停止 */
.fa.fa-sync				/* 同期 */
{
	color: #AB3B3A;
}
/* 色付き */
.fas.fa-question-circle	/* クエスチョンマーク */
{
	color: #439E8E;
}

/* サイズ1.3倍 */
.fa.fa-sort,			/* 並び替え */
.fa.fa-trash,			/* 削除 */
.far.fa-file-alt		/* プレビュー */
{
	/* .fa-lg */
	font-size: 1.33333333em;
	line-height: .75em;
	vertical-align: -15%;
}

/* 色付き／サイズ1.3倍 */
.fa.fa-plus-square,		/* 登録 */
.fa.fa-edit				/* 編集 */
{
	color: #AB3B3A;
	/* .fa-lg */
	font-size: 1.33333333em;
	line-height: .75em;
	vertical-align: -15%;
}

.fa-mail-custom:before {
	background-color: #edd8a6;
	font-size: 150% ;
}

.fa-file-custom:before {
	color: #9e2730;
	font-size: 100% ;
}

/*******************************

スクロールバー

********************************/
.jspDrag{
background: #9F2932;
position: relative;
top: 0;
left: 0;
cursor: pointer;
border-radius:4px;
}

.jspTrack {
background: #ccc;
position: relative;
border-radius:4px;
}

.jspVerticalBar{width:8px;background-color:#fff;}
.jspHorizontalBar{height:8px;background-color:#fff;}


/* ▼bootstrap_上書き **********************************/

label {
	font-weight:bold;
	margin-bottom: 0px;
	background-color:#FFF;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  padding: 1px 6px;
  font-size: 12px;
}

select,
input[type="file"] {
  height: 20px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  line-height: 20px;
}

textarea {
  line-height: 17px;
}

select{padding-right:0;}

.table-bordered th {
  border-left: 1px solid #dddddd;
}

.table-bordered td {
  border-left: 1px solid #808080;
}

/* ▲bootstrap_上書き **********************************/

.table-bordered td.tablevl_right {
	border-right: 1px solid #808080;
}

.table-bordered th.borderl_0{
  border-left: 0px solid;
}

.table-bordered td.borderl_0{
  border-left: 0px solid;
}

*{
margin:0;
padding:0;
}

form{
margin:0 0 10px;
}

form.campaign{
margin:0 0 0;
}

p{
margin:0;
padding:0;
}

p.fs_12{
font-size:12px;
}

.accordion_head {cursor:pointer;}

/*a{
color:#000000;
text-decoration:none;
}*/

a{
color:#448075 ;
text-decoration: underline;
}

a.caut{
color:#FF9900;
text-decoration: underline;
}
a:visited.caut{
color:#CC6600;
text-decoration: underline;
}

a.warn{
color:#FF0000;
text-decoration: underline;
}
a:visited.warn{
color:#CC0000;
text-decoration: underline;
}

a.unknown{
color:#808080;
text-decoration: underline;
}
a:visited.unknown{
color:#C0C0C0;
text-decoration: underline;
}

a.btn{
text-decoration:none;
}

a#linkred{
color:#8B0000;
}

a#linkred:hover{
color:#DC143C;
}

a#linkdef{
/* a:visitedのcolorを上書き banzai */
color:#448075
}


body{
background-image: url("../img/back_stripe.gif");
 background-repeat: repeat;
}

.wall-paper{
	background-image: url("../img/back_stripe.gif");
 	background-repeat: repeat;
}

#wrapper{
width:1218px;
/*height:500px;*/
margin:0 auto;
/*border-top:10px solid #000000;*/
background-position:top;
background-repeat:repeat-x;
background-color:#ffffff;
/*background-color:red;*/
}

/* popup **********************************/
#pop_wrapper {
	background-color:#ffffff;
	background-image: url("../img/bg_head_red.gif");
    background-position: center top;
    background-repeat: repeat-x;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    margin: 0 auto;
    width: 640px;
}

#popup_body{
margin:0 10px 10px;
}

#m_head{
margin-top:-20px;
}

#pop_wrapper #header{
margin:0;
}

.row{
margin-left:10px;
}

.btnBox{
margin-bottom:5px;
}

th a.asc:after {
 content: '▲';
}
th a.desc:after {
 content: '▼';
}

label.fw_n{
	font-weight:normal;
}

.poc_alert_info{
font-size:12px;
padding-left:10px;
padding-right:10px;
}


.fl{float:left;}
.fr{float:right;}

/*************************************

印刷時の制御用

*************************************/
.printOk{
	display: none;
}
.divMail{
/*	margin:-35px 10px 10px 225px;*/
display:inline-block;
}


/* header **********************************/

#header{
margin:0px 27px 0px;
position:relative;
padding-top:15px;
}

#header p.p_logo{
position:relative;
top:-14px;
}

#loginName{
text-align: right;
/*margin-top: -55px;*/
margin-bottom: 5px;
}

#loginName .logout{
padding-left:10px;
background-color:#DAE4E7;
padding:5px 10px;
}

#number{
padding-left: 10px;
position:relative;
/* top:17px; */
}

.numBox #number{
top:7px;
}

td.number{
text-align:right;
}

#header_navi{
/*position: absolute;
top: 45px;
left: 996px;
_left:830px;*/
}

#header_navi ul{
list-style-type:none;
}

#header_navi ul li{
float:left;
margin-left: 30px;
font-size: 14px;
/*background-image:url("../img/poc_arrow.gif");
background-position:left center;
background-repeat:no-repeat;
padding-left:10px;*/
}

#header_navi ul li.editpassword{
/*background-image:url("../img/poc_key.png");
background-position:5px center;
background-repeat:no-repeat;
background-color:#666666;*/
margin-left:160px;
}

#header_navi ul li.editpassword a{
/*color:#ffffff;*/
margin-left:12px;
}

#header_navi ul li.logout{
background-image:url("../img/poc_exit.png");
background-position:5px center;
background-repeat:no-repeat;
background-color:#666666;
}

#header_navi ul li.logout a{
color:#ffffff;
margin-left:12px;
}

/*h1{
font-size:12px;
margin: 10px 10px 20px 20px;
}*/

#login h1{
font-size:18px;
margin:0;
}

#login .btn{
/*margin-top:10px;*/
margin-left:20px;
}


#footer p{
text-align:center;
margin-bottom:30px;
font-size:12px;
}

#flashMessage {
color: red;
font-size:20px;
font-weight:bold;
padding-left:18px;
background-image:url(../img/exclamation_red2.gif);
background-repeat:no-repeat;
background-position:left 2px;
}

#flashMessageSuccess {
color: red;
}

#flashMessageError {
color: red;
}

#flashMessageSuccessDialog {
color:red;
background-color:#ffffff;
position:relative;
top:10px;
}

.error-message {
font-size:12px;
color:white;
background:red;
font-weight:bold;
}

/* contents **********************************/

#contents{
width:1168px;
margin:0 25px 30px;
/*background-color:#FFFF66;*/
background-color:#ffffff;
}

#login{
background-color:#ffffff;
margin:0 20px 30px;
border:1px solid #cccccc;
width:220px;
padding:10px;
}

ul#navi{
list-style-type:none;
margin:0;
}

ul#navi li{
background-color:#9E2730;
display:block;
cursor:pointer;
float:left;
border:1px solid #666666;
border-left:none;
position:relative;
}

ul#navi li:hover{
background-image:url("../img/base_head_gold.jpg");
background-repeat:repeat-x;
background-color:#DECC83;
}

ul#navi li a{
display:block;
padding:5px 0px;
font-size:15px;
font-weight:bold;
color:#ffffff;
background-repeat:no-repeat;
background-position:5px center;
padding-left:30px;
text-decoration:none;
}

ul#navi li a img{
vertical-align:-6px;
}

ul#navi li a:hover{
color:#000000;
font-weight:bold;
}

ul#navi li img{
padding-right:0px;
vertical-align:-5px;
}

ul#navi li.first{
border-left:1px solid #666666;
width:151px;
}

ul#navi li.first a{
background-image:url("../img/tab_icon_co_off.png");
}
ul#navi li.first a:hover{
background-image:url("../img/tab_icon_co_on.png");
}

ul#navi li.second a{
background-image:url("../img/tab_icon_person_off.png");
}
ul#navi li.second a:hover{
background-image:url("../img/tab_icon_person_on.png");
}

ul#navi li.third a{
background-image:url("../img/tab_icon_contact_off.png");
}
ul#navi li.third a:hover{
background-image:url("../img/tab_icon_contact_on.png");
}

ul#navi li.fourth > a{
background-image:url("../img/tab_icon_workschedule_off.png");
}
ul#navi li.fourth > a:hover{
background-image:url("../img/tab_icon_workschedule_on.png");
}

ul#navi li.fifth a{
background-image:url("../img/tab_icon_calendar_off.png");
}
ul#navi li.fifth a:hover{
background-image:url("../img/tab_icon_calendar_on.png");
}

ul#navi li.sixth a{
background-image:url("../img/tab_icon_megaphone_off.png");
}
ul#navi li.sixth a:hover{
background-image:url("../img/tab_icon_megaphone_on.png");
}

ul#navi li.seventh a{
background-image:url("../img/tab_icon_call_off.png");
}
ul#navi li.seventh a:hover{
background-image:url("../img/tab_icon_call_on.png");
}

ul#navi li.eighth > a {
background-image:url("../img/tab_icon_contents_off.png");
}
ul#navi li.eighth > a:hover{
background-image:url("../img/tab_icon_contents_on.png");
}

ul#navi li.ninth > a {
background-image:url("../img/tab_icon_contents_off.png");
}
ul#navi li.ninth > a:hover{
background-image:url("../img/tab_icon_contents_on.png");
}

ul#navi li.newtab:hover{
background-image:url("../img/base_head_silver.jpg");
background-repeat:repeat-x;
}
ul#navi li.newtabselect{
background-image:url("../img/base_head_silver.jpg");
background-repeat:repeat-x;
}
ul#navi li.newtabselect > a{
color:#000000;
font-weight:bold;
}

ul#navi li.tabselect{
background-image:url("../img/base_head_gold.jpg");
background-repeat:repeat-x;
}
ul#navi li.tabselect > a{
color:#000000;
font-weight:bold;
}

ul#navi ul.submenu{
margin-left:-3px;
position:absolute;
}

ul#navi .submenu li{
margin-left:2px;
border:none;
border:1px solid #000000;
border-bottom:none;
background-image:url("../img/base_head_gold.jpg");
background-repeat:repeat-x;
background-color:#DECC83;
}

ul#navi .submenu li.last{
border-bottom:1px solid #666666;
}

ul#icon_menu{
	list-style-type:none;
	margin:0;
}

ul#icon_menu li{
	display:inline-block;
	text-align:center;
	margin:4px;
}

ul#icon_menu li svg.icon_svg {
	border:2px solid #FFFFFF;
	cursor:pointer;
	display:block;
	height:86px;
	width:86px;
	padding:12px;
}

ul#icon_menu li a:hover .icon_svg {
	border:2px solid #CCCCCC;
	background-color:#F4F4F4;
}

ul#icon_menu li a:hover .icon_svg .background{
	fill:#BB000E;
}

ul#icon_menu li a:hover .icon_svg .foreground{
	fill:#EDD8A6;
}

ul#icon_menu li a:hover .icon_svg .forestroke{
	stroke:#EDD8A6;
}

ul#icon_menu li a:active .icon_svg .background{
	fill:#BB000E;
}

ul#icon_menu li a:active .icon_svg .foreground{
	fill:#DECC83;
}

ul#icon_menu li a:active .icon_svg .forestroke{
	stroke:#DECC83;
}

#breadcrumbs{
padding:5px 10px 0;
font-size:12px;
}

h1 img{
padding-right:5px;
}

h2 img{
padding-right:5px;
}


input.ime_a{
ime-mode:active;
}

textarea.ime_a{
ime-mode:active;
}

input.ime_i{
ime-mode:inactive;
}

input.ime_d{
ime-mode:disabled;
}

.btn_td{
width:30px;
font-size:14px;
font-weight:bold;
line-height:18px;
padding:2px 4px;
}

.table td.td_btntd{
padding:1px 3px;
}

/*******************************

column(multi-column layout)

********************************/

/* 注意点：デザイン仕様で1列にspan230 span460 span640 span900 span1125
以外のspanを使用しないで下さい。*/
.span230{
/*[size]225 [span/column]1/5 (190 * 1 + 35 * 1 = 225)*/
width:190px;
margin-left:15px;
padding:0 3px 0 17px;
}

.span460{
/*[size]450 [span/column]2/5 (190 * 2 + 35 * 2 = 450)*/
width:415px;
margin-left:15px;
padding:0 3px 0 17px;
}

.span640{
/*[size]675 [span/column]3/5 (190 * 3 + 35 * 3 = 675)*/
width:640px;
margin-left:15px;
padding:0 3px 0 17px;
}

.span900{
/*[size]900 [span/column]4/5 (190 * 4 + 35 * 4 = 900)*/
width:865px;
margin-left:15px;
padding:0 3px 0 17px;
}

.span1125{
/*[size]1125 [span/column]5/5 (190 * 5 + 35 * 5 = 1125)*/
width:1090px;
margin-left:15px;
padding:0 3px 0 17px;
}


.span562{
/*column 2 (line 1)*/
width:510px;
margin-left:15px;
padding:0 3px 0 17px;
}

.span276{
/*column 4 (line 1) = 276*/
width:241px;
margin-left:15px;
padding:0 3px 0 17px;
}

.span552{
/*column 4 span2 276*2= 552 */
width:522px;
margin-left:15px;
padding:0 3px 0 17px;
}

.span828{
/*column 4 span3 276*3= 828 */
width:828px;
margin-left:15px;
padding:0 3px 0 17px;
}



.span230_pl_w10{
/* display:t_koushoukeiis index 交渉方法
   memo:交渉方法のwidthがspan230に入らないためpaddingを減らす*/
width:190px;
margin-left:15px;
padding:0 3px 0 10px;
}

.span230_mail{
/* display:mails mailform メールアドレス指定*/
width:190px;
margin-left:5px;
padding:0 3px 0 0;
}
.span1180_summary{
width:1140px;
margin-left:15px;
padding:0 3px 0 17px;
}

.back_btn{
/* display:t_kokyakus view 前へ */
display:inline;
margin-right:3px;
}

.next_btn{
/* display:t_kokyakus view 次へ*/
display:inline;
margin-right:10px;
}

.span_row{
/* 縦数行（縦2行） */
/* sample:class='span230 span_row' */
height:0px;
}

.rowspan2{
/* display:t_kokyakus add textarea*/
height:40px;
}

.offset230{
margin-left:260px;
}

.offset460{
margin-left:485px;
}


/*******************************

contents common
folder:t_kokyakus,t_koushoukeiis
       t_tantoushas,tbl_torihikisakis
       mails

********************************/


#main{
/*background-color:#33CCFF;*/
background-color:#ffffff;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
border-top:none;
padding:10px 10px 0px;
}

#main .form_box1{
/*
background-color:#cccccc;
margin:10px;
padding:10px 0;
border:2px ridge #C0C0C0;
background-color:#FFFFFF;
margin:5px 10px;
padding:5px 0;*/
}

#main .form_box1_m_w5{
/*border:2px ridge #C0C0C0;
background-color:#FFFFFF;*/
margin:0;
padding:0;
}

#main .form_box2{
/*
background-color:#93D2F9;
margin:10px;
padding:10px 0;
border:2px ridge #C0C0C0;
background-color:#FFFFFF;
margin:5px 10px;
padding:5px 0;*/
}

#main .form_box3{
/*background-color:#FFFFFF;
margin:10px;
padding:0px;*/
background-color:#FFFFFF;
margin:5px 10px;
padding:0px;
}

#main .form_box3_m_w5{
background-color:#FFFFFF;
margin:0;
padding:0px;
}



#main .b_wBox div{
/*padding:0 0 0 5px;*/
padding:0;
}

.poc_client_form div{
/*width:220px;*/
position:relative;
text-align:left;
/*padding:20px 0 0;*/
float:left;
}

/*div i.icon-search{
position:absolute;
top:50px;
left:50px;
}*/

#main .b_wBox i.icon-search{
top:30px;
}

#main select,#main input.t_box{
/*padding-left:30px;*/
}

textarea.deadColor[readonly]{
	background-color:#808080
}

#main input.t_box, input.jqueryCalendar{
/*padding-left:30px;*/
/*width:116px;*/
/*width:100px;*/
width:85px;
height:16px;
margin-bottom:0px;
}

#main input.dead_box {
width:100px;
height:16px;
margin-bottom:0px;
background-color:#808080;
}

#main .dataTable2 input.t_box{
width:76px;
}

#main .poc_client_form .dataTable2 select{
width:90px;
}


#main .lbl_w99_sel_w81 input.t_box,
.lbl_w99_sel_w81 input.jqueryCalendar{
/*padding-left:30px;*/
/*width:116px;*/
width:50px;
height:15px;
}

#main .p_fl input.t_box,
.p_fl input.jqueryCalendar {
height: 16px;
width: 81px;
}

#main select.pl0{
padding-left:0;
}

p.trigger{
text-align:right;
margin-right:20px;
margin-top:20px;
font-size:16px;
}

.to{
font-size: 16px;
margin-right: 113px;
margin-top: -32px;
text-align: right;
}

#result{
/*padding:0 10px 5px;
margin:0 10px 10px;
border:1px solid #cccccc;*/
}

#main .result_w{
}

.table{
margin-bottom:0;
}

.table td.label_bgc{
background-color:#CFC;
font-weight:bold;
}

.table th{
text-align:center;
font-size:12px;
}

.table th a{
color:#333;
font-weight:normal;
}

.table td{
font-size:12px;
}

.table td a:visited{
color:purple;
}
.table td a.btn:visited{
color:#333;
}

.table .btn_visited_333:visited{
color:#333;
}

.table .btn_visited_fff:visited{
color:#fff;
}

table{
/*background-color:#339900;*/
background-color:#ffffff;
width:100%;
}

th{
background-image:url("../img/tabletop_base_gold.png");
background-repeat:repeat-x;
color:#000;
background-color:#E6CA87;
font-size:12px;
text-align:left;
}

table td a:visited{ /* 訪問済みカラー修正 banzai */
color:navy;
}

table td a.btn:visited{ /* 訪問済みカラー対応で<a>ボタンはデフォルト色設定 banzai */
color:#333;
}

table td a.btn-green:visited{ /* 訪問済みカラー対応でWebボタンはデフォルト色設定 banzai */
color:#FFF;
}

.btn-toolbar .this{
font-weight:bold;
color:#CC0000;
}
.btn-toolbar .total{
	text-align: right;
	margin-top: -25px;
}

.view_textcolor{
width: 101px;
height: 18px;
overflow-x: visible;
overflow-y: hidden;
font-size:14px;
color:#000;
padding:1px 6px;
/*background-color:#FFC;
border-bottom:1PX dotted;*/
}

.not-matching-torihikisaki-id {
	background-color: lightcyan;
}

.poc_client_form div.fw_b{
	font-weight:bold;
}

.poc_client_form label{
float: left;
font-size: 12px;
margin-right: 10px;
margin-top: 0px;
/*text-align: right;*/
width: 66px;
background-color:#CFC;
}

/* poc_client_form label_background **********************************/
.poc_client_form label.label_bg_CFF{
background:#CCFFFF;
}

.poc_client_form label.label_bg_fff{
background:#FFFFFF;
}

.poc_client_form label.label_bg_cfc{
background:#CCFFCC;
}

/* poc_client_form label font-weight **********************************/
.poc_client_form label.fw_b{
	font-weight:bold;
}

.poc_client_form .lbl_w99_sel_w81 label{
width:99px;
}

.poc_client_form .lbl_w99_txt_w66 label{
width:99px;
}

.poc_client_form .lbl_w87 label{
width:87px;
}

.poc_client_form .lbl_w90 label{
width:90px;
}

.poc_client_form .lbl_w83_sel_w97 label{
width:83px;
}


.poc_client_form .skype label{
width:65px;
}

.poc_client_form .p_fl label {
width: 85px;
}

.poc_client_form div.other_option label{
width:50px;
/*height:40px;*/
margin-top:0;
}

#main .poc_client_form select{
/*width:144px;*/
width:114px;
height:20px;
margin-bottom:0px;
padding-top: 1px;
padding-bottom: 1px;
}

#main .poc_client_form .select_l{
width:250px;
height:20px;
margin-bottom:0px;
padding-top: 1px
padding-bottom: 1px;
}

#main .poc_client_form select.w_325{
width:325px;
}

#main .poc_client_form .lbl_w99_sel_w81 select{
/*width:144px;*/
width:81px;
height:20px;
}

#main .poc_client_form .lbl_w99_txt_w66 input{
/*width:144px;*/
width:66px;
}

#main .poc_client_form .lbl_w83_sel_w97 select{
width:97px;
}

#main .poc_client_form .skype input{
width:78px;
}

.w_449{
width: 449px;
}

.w_775{
/* display:t_kokyakus view 住所 */
width: 775px;
}

.w_1080{
/* display:t_kokyakus view 表示名 */
width: 1080px;
}

.w_264{
/* display:t_kokyakus view 顧客ID メール Webサイト */
width: 264px;
}

#main input.w_549{
width: 549px;
}

#main input.w_340{
width: 340px;
}

/*******************************

loading-contents

********************************/
#loading-contents {
	background: #787878;
	opacity: 0.7;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 10;
}

#loading-contents.no-background {
	background: none;
	opacity: 1.0;
	position: absolute;
	top: 0px;
	width: 100%;
}

.loading-all {
	background-image: url("../img/ajax-loader.gif");
	background-repeat: no-repeat;
	z-index: 2;
	width: 32px;
	height: 32px;
}

.loading-all.block {
	background-image: url("../img/ajax-loader-block.gif");
}

.loading-spinner {
	background-image: url("../img/ajax-loader-min.gif");
	background-repeat: no-repeat;
	z-index: 2;
	width: 16px;
	height: 16px;
}

.loading-center {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.loading-center-render {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#loading-view .loadingMsg{
	text-align:center;
	padding-top:35px;
	width: 100px;
	background-image: url("../img/ajax-loader-block.gif");
	background-position: center top;
	background-repeat: no-repeat;
	font-family: "メイリオ"!important;
	margin-right: auto;
	margin-left:auto;
}

/*******************************

t_kokyakus common
folder:t_kokyakus

********************************/

.fl_w442{
/*	background-color:#cccccc;
	width:442px;
	float:left;
	padding:10px 0px 10px 0px;*/
	border:2px ridge #C0C0C0;
	width:442px;
	float:left;
	padding:5px 0px 3px 0px;
}

.fr_w688{
/*	background-color:#93D2F9;
	width:688px;
	float:right;
	padding:10px 0px 10px 0px;*/
    border:2px ridge #C0C0C0;
	width:688px;
	float:right;
	padding:5px 0px 5px 0px;

}

.fl_w665{
/*	border:2px ridge #C0C0C0;*/
/*	width:688px; */
	width:665px;
	float:left;
/*	padding:3px 0px 3px 0px;*/S}

.fr_w462{
/*	border:2px ridge #C0C0C0;
	width:442px; */
	width:340px;
	float:right;
/*	padding:5px 0px 4px 0px;*/
}

/*******************************

folder:kokyakus
file:index.ctp

********************************/


/* ▼bootstrap_上書き **********************************/

/*.form-horizontal .control-group:after{
clear:none;
}

.form-horizontal .control-group{
margin-bottom:0;
}

.modal{
margin-left:-445px;
width:890px;
}*/

.table-condensed th, .table-condensed td {
padding: 1px 5px;
vertical-align:top;
}

.table-condensed th.th1, .th2, .th4{
width:5%;
}

.table-condensed th.th3{
width:10%;
}

/* ▲bootstrap_上書き **********************************/

div.tooltip_w400{
width:400px;
word-break:
break-all;
}

div.tooltip_w455{
width:455px;
word-break:
break-all;
}

div.tooltip_breakall{
word-break:break-all;
}


#btn_cu{
text-align:right;
margin-right:10px;
margin-top:-45px;
}

#btn_cu .copy{
width:152px\9;
}

#btn_cu .updata{
width:72px\9;
}

.client_data{
/*background-color:#C6FE72;*/
background-color:#cccccc;
margin:20px 10px 20px;
}

.data_upper, .data_lower, .data_middle{
margin-left:10px;
}

.client_data .form-horizontal .control-label{
float: left;
padding-top: 5px;
text-align: left;
width: 60px;
}

.client_data .form-horizontal .controls{
margin-left: 0;
}

.client_data .form2{
float: left;
padding: 20px 0;
position: relative;
text-align: left;
width: 510px;
}

.client_data .form3{
float: left;
padding: 20px 0;
position: relative;
text-align: left;
width: 155px;
}

.client_data .form4{
float: left;
padding: 20px 0;
position: relative;
text-align: left;
width: 665px;
}

.client_data .form5{
float: left;
padding: 20px 0;
position: relative;
text-align: left;
width: 350px;
}

.client_data .form2 input{
width:150px;
}

.client_data .form2 input.companyName{
width:380px;
}

.client_data .long input.companyName{
width:410px;
}

.client_data .form3 input.dataForm{
width:80px;
}

#main .data_lower select{
/*width:745px;*/
width:280px;
padding-left:0px;
}


#poc_contents{
margin:0 10px 20px;
}

p#delete{
float: right;
font-size: 16px;
margin-right: 10px;
margin-top: -25px;

}

p#delete a{
color:red;
text-decoration:underline;
font-size:14px;
}

#poc_contents .form-horizontal .controls{
margin-left:0;
margin-bottom:20px;
/**margin-left:-30px;*/
_margin-left:0px;
_margin-bottom:30px;
*padding-left:0;
}

#poc_contents .form-horizontal .gender{
_width:130px;
}


#poc_contents .form-horizontal .control-label{
width:60px;
text-align:left;
}

#poc_contents #poc_r_box .form-horizontal .control-label{
width:105px;
text-align:left;
}


#poc_l_box{
float:left;
/*background-color:#F79FBE;*/
background-color:#cccccc;
width:580px;
}

#poc_r_box{
float:right;
/*background-color:#C7A2FF;*/
background-color:#93D2F9;
width:270px;
}

#main #poc_r_box select{
padding-left:0;
width:145px;
}
#main #poc_r_box span{
	margin-left: 106px;
	font-size: 11px;
}

h1{
margin:0px 0 10px;
padding-top:10px;
font-size:15px;
line-height:normal;
background-color:#DAE4E7;
padding:5px 10px;
display:inline-block;
width:212px;
}

h2{
/*margin:0px 0 10px 10px;
padding-top:10px;*/
font-size:18px;
line-height:normal;
background-color: #DAE4E7;
display: inline-block;
font-size: 15px;
padding: 5px 10px;
margin-right:10px;
margin-top:10px;
width:236px;
vertical-align:-5px;
}

.modal-header h3{
margin-left:5px;
}

.client_info{
margin:0 10px;
clear:both;
}

.clrbtn{
margin-right:10px;
}

a.btncolor_red{
color:red;
}

#poc_r_box .client_info input{
width:130px;
}

/* form_box_top **********************************/

.form_box_top{
width:560px;
}

.form_box_top input,textarea{
width:490px;
*padding-left:0;
}



/* form_box_l **********************************/

.form_box_l{
float:left;
width:230px;
}

.form_box_l input,textarea{
width:160px;
*padding-left:0;
}


#main .form_box_l select{
padding-left:0;
width:170px;
}

#main .form_box_l .birthday select{
width:50px;
_width:47px;
}

/* form_box_r **********************************/

.form_box_r{
float:right;
width:230px;
}

.form_box_r input,textarea{
width:160px;
}


#main .form_box_r select{
padding-left:0;
width:170px;
}

.form_box_r input.short,textarea{
width:130px;
}


#operation_record{
/*background-color:#C7A2FF;*/
background-color:#93D2F9;
padding:10px;
margin:10px;
}

#operation_record table th{
text-align:center;
}

.edit_btn ul{
list-style-type:none;
margin: -30px 0 20px 1008px;
_margin-left:540px;
}

.edit_btn ul li{
float:left;
overflow:auto;
}
.edit_btn li.first{margin-right:20px;}
.edit_btn li.first a{
padding-top:7px;
vertical-align:middle;
}

.edit_btn li.last{
margin-right:0;
}

/*******************************

floder:kokyakus
file:add.ctp

********************************/


/* modal window **********************************/

#m_head .search{
margin-bottom:20px;
margin-top:-65px;
}

#m_head .search label{
/*text-align:center;*/
width:150px;
}

#m_head .icon-search{
position:absolute;
top:92px;
left:25px;
}

.client_data .form2 input.textBox{
padding-left:26px;
}

#m_head .search input.s_btn{
/*width:50px;*/
vertical-align:4px;
}


#m_head .search button{
float:right;
}

/*#m_head table input{
width:15px;
}*/

div.disabled_column{
/* <div>使用不可の背景色 */
background-color:#EEEEEE;
font-size:12px;
}


/*******************************

folder:kokyakus
file:view.ctp

********************************/

/*#m_head td.date input, #m_head td.approach input{
width:100px;
}*/

/*td textarea{
width:170px;
height:17px;
}*/

td.how select, td.document select, td.contact select{
width:120px;
}


td.behavior select{
width:120px;
}

#m_head .search .edit_btn{
float:right;
}

#m_head .search .edit_btn button{
float:none;
}

.fakeContainer {
    margin: 0 0 20px;
    border: none;
/*    width: 100%; */
    width: 1146px;
    overflow: hidden;
}

.fakeContainer_up{
position:relative;
top:-20px;
}

.tableBox{
overflow:auto;
}

/* horizontalの代理 */
#m_head .search .edit_btn label{
margin-left: 100px;
position: relative;
top: 27px;
width: 50px;
}

.poc_client_form div.form4{
/*2012/10/18 banzai 80（修正要望） */
/*	padding:0; */
/*margin-right:48px;*/
}

.poc_client_form div.s_last{
margin-right:0;
}

.poc_client_form div.form4_l{
text-align:left;
/*width:547px;*/
/*margin-left:0px;*/
}

#main input.t_box_l{
/*padding-left:30px;*/
/*width:343px;*/
width:325px;
height:16px;
margin-bottom:0px;
}

#main input.t_box_ll{
width:550px;
height:16px;
margin-bottom:0px;
}

#main input.t_box_w65{
/* span460_column:6 used*/
width:65px;
height:16px;
margin-bottom:0px;
padding:1px 1px;
}

#main input.t_box_w42{
/* display:t_kokyakus view 取引先ID（Max:num 6） */
width:42px;
height:16px;
margin-bottom:0px;
}

#main input.t_box_w12{
/* display:t_kokyakus view 性別（Max:str 1） */
width:12px;
height:16px;
margin-bottom:0px;
}

#main input.w_62{
/* display:t_kokyakus view 年齢登録日 */
width:62px;
}

#main input.w_523{
/* display:t_kokyakus view 部署 */
width:523px;
}

#main input.w_320{
/* display:t_kokyakus view 肩書 */
width:320px;
}

#main input.w_775{
/* display:t_kokyakus add edit 住所2 */
width:775px;
}

#main input.fw_b{
font-weight:bold;
}

#main div.w_434{
/* display:t_kokyakus add view 備考1,備考2 */
width:434px;
}

.poc_client_form .lbl_w69 label{
/* span460_column:6 used*/
width:69px;
margin-right:0px;
}

.poc_client_form .lbl_w142 {
/* display:t_kokyakus view 従業員数
   span460_lable_column:3(column:6) used*/
width:142px;
margin-right:2px;
}

.poc_client_form .lbl_w161 {
/* display:t_kokyakus view 売上高
   span460_lable_column:3(column:6) used*/
width:161px;
margin-right:0px;
}

.poc_client_form .lbl_w110 {
/* display:t_kokyakus view 決算月
   span460_lable_column:3(column:6) used*/
width:110px;
margin-right:0px;
}

.poc_client_form .lbl_w58 label{
/* display:t_kokyakus view 音質× */
width:58px;
}

.poc_client_form .lbl_w58_txt_w85 label{
/* display:t_kokyakus view 携帯 */
width:58px;
}

#main .poc_client_form .lbl_w58_txt_w85 input{
/* display:t_kokyakus view 携帯 */
width:85px;
}

div.form4 i.icon-search{
top:30px;
}

#main .poc_client_form div.contact{
/*float:right;*/
padding-left:0;
margin-left:15px;
}

#main .poc_client_form div.contact:after{
clear:both;
}


div i.s_long {
left: 10px;
}

#main .poc_client_form div.other_option{
/*text-align:center;*/
padding-left:72px;
float:none;
}

.poc_client_form div.other_option label{
font-size: 12px;
line-height:10px;
margin: 2px 10px 0 0;
text-align: left;
display:block;
}

.poc_client_form div.other_option input{
float:left;
margin-top:1px;
/*margin-left:40px;*/
}

.poc_client_form div.other_option div.checkbox{
/* display:t_koushoukeiis index 交渉方法
   memo:交渉方法内のcheckboxを左側*/
	padding-left:0px;
	min-height:12px
}
div.checkbox label{
	font-weight:normal;
}

span.lbl{
font-size:12px;
font-weight:bold;
}

#main #hyoujimei{
font-weight: bold;
font-size: 18px;
display:inline-block;
}

/*******************************

folder:tbl_torihikisakis

********************************/

.poc_client_form .lbl_w83_txt_w82 label{
/* display:tbl_torihikisakis view */
width:83px;
}

#main .poc_client_form .lbl_w83_txt_w82 input{
/* display:tbl_torihikisakis view */
width:82px;
}

.poc_client_form .lbl_w92_txt_w68 label{
width:92px;
}

#main .poc_client_form .lbl_w92_txt_w68 input{
width:68px;
}

.poc_client_form .lbl_w92_sel_w88 label{
width:92px;
}

#main .poc_client_form .lbl_w92_sel_w88 select{
width:88px;
}


#main input.w_407{
/* display:tbl_torihikisakis add edit tbox_l */
width:407px;
}

#main input.t_box_border{
/* bootstrap_pocahontas.css元に戻す*/
border:1px solid rgb(204, 204, 204);
}

/*******************************

folder:t_koushoukeiis
file:index.ctp

********************************/

#main div.poc_leftBox{
float:left;
width:895px;
margin-left:-5px;
}

#main div.poc_rightBox{
float:right;
margin-right:1px;
/*width:225px;*/
width:20%;
}

/*******************************

folder:t_kokyakus
file:print_fuutou.ctp

********************************/

#main textarea.w_525{
/* display:print_fuutou 住所2 */
width: 525px;
}

.w_339{
/* display:print_fuutou プリンタは右記を選択してください。 */
width:339px;
border-radius:5px;
-webkit-border-radius:5px;
}

/*************************************

folder:t_tantoushas
file:edit_password.ctp

*************************************/

#main .label_117 label{
/* display:password 旧パスワード　新パスワード　新パスワード（確認）　 */
width: 117px;
}

/*************************************

folder:tbl_mail_soushinrirekis
file:view.ctp

*************************************/

.poc_client_form div.w_330{
width:330px;
padding-left:0px;
}

.poc_client_form div.w_300{
width:300px;
padding-right:1px;
padding-left:0px;
}

.poc_client_form div.w_660{
width:660px;
padding-left:0px;
}

.poc_client_form label.w_75{
width:75px;
}

.poc_client_form div.text_w210{
width:210px;
word-break:break-all;
word-wrap:break-word;
border:1px solid silver;
line-height:16px;
padding:1px 6px;
font-size:12px;
border-radius:3px;
}

.poc_client_form div.text_w550{
width:550px;
word-break:break-all;
word-wrap:break-word;
border:1px solid silver;
line-height:16px;
padding:1px 6px;
font-size:12px;
border-radius:3px;
}

/*******************************

company_index

********************************/



.poc_company_form div {
    float: left;
    padding: 20px 0 0;
    position: relative;
    text-align: center;
    width: 218px;
}

#main .form6 input.t_box {
    padding-left: 30px;
    width: 157px;
}

.form6 select {
    border: 1px solid #BBBBBB;
    width: 200px;
}

.form6 i.icon-search {
    left: 22px;
    position: absolute;
    top: 50px;
}

li.li_image {
	list-style-type:none;
}

li.li_image input {
	width: 96px;
}

p.p_image input {
	width: 115px;
}


/*************************************

顧客情報重複検索画面

*************************************/
#duplicate_kokyaku_form {
	width:	940px;
	height:	50px;
}

#duplicate_kokyaku_form .checkbox {
	margin: 2px;
	padding-left: 24px;
	float: left;
	width: 0px;
	height: 20px;
}

#duplicate_kokyaku_form .item {
	margin: 2px;
	float: left;
	width: 60px;
	height: 20px;
}

#duplicate_kokyaku_form .value {
	margin: 2px;
	float: left;
	width: 175px;
	height: 20px;
	overflow: hidden;
}

#duplicate_kokyaku_form .value_long {
	margin: 2px;
	float: left;
	width: 470px;
	height: 20px;
	overflow: hidden;
}

#duplicate_kokyaku_form .blank {
	margin: 2px;
	float: left;
	width: 20px;
	height: 20px;
}

#duplicate_kokyaku_form .button {
	float: right;
	padding-top: 3px;
}

/*************************************

 Plants データ表示テーブル 2013/04/02

*************************************/
.poc_client_form table div{
float:none;
}

.dataTable0{
border:none;
position:relative;
width:785px;
}

.dataTable1{
border-width:2px 2px 1px 2px;
border-collapse:separate;
border-style:solid;
border-color:#ccc;
/*
border:2px solid #ccc;
border-collapse:collapse;
*/
position:relative;
width:840px;
}

.deadTable1{
border-width:2px 2px 1px 2px;
border-collapse:separate;
border-style:solid;
border-color:#808080;
/*
border:2px solid #ccc;
border-collapse:collapse;
*/
position:relative;
width:828px;
background-color:#808080;
}

.chrome .dataTable1{
border-collapse:separate;
border-spacing:0;
}

.dataTable1 td,
.dataTable3 td{
border:none;
border-bottom:1px solid #ccc;
padding:1px 5px;
font-size:12px;
}

.ie .dataTable1 td.ieFix{
border-right:2px solid #ccc;
}

.dataTable1 td img{
margin-right:3px;
}

.dataTable1 .bb_none, .dataTable3 .bb_none, .dataTable8 .bb_none{border-bottom:none;}
.dataTable1 td.br_1sc, .dataTable3 td.br_1sc{border-right:1px solid #ccc;}

td.data_label{
width:60px;
background-color:#EEECE1;
border-right:1px solid #ccc;
}

td.data_label2{
width:75px;
background-color:#EEECE1;
border-right:1px solid #ccc;
}

.ta_r{
text-align:right;
}

.dataTable0 td{
border:none;
}

.dataTable2{
width:298px;
background-color:#EEECE1;
font-size:12px;
border:2px solid #ccc;
border-collapse:separate;
padding:3px 30px 2px 30px;
}

.dataTable2 td{
border:none;
padding:3px 0 3px 5px;
line-height:0;
}

.dataTable3{
border-width:2px 2px 1px 2px;
border-collapse:separate;
border-style:solid;
border-color:#ccc;
/*
border:2px solid #ccc;
border-collapse:collapse;
*/
width:298px;
}

.dataTable3 td.w90{
width:90px;
font-weight:bold;
border-right:none;
}

.dataTable3 td.w100{
width:100px;
font-weight:bold;
border-right:none;
padding-left:10px;
}

.dataTable3 td.w120{
width:110px;
font-weight:bold;
border-right:none;
}

.dataTable3 label.label_bgc{
background-color:#EEECE1;
}


.dataTable4{ /* ▼banzai 2013/6/13 */
border:0px;
border-collapse:collapse;
display:inline-block;
width:240px;
vertical-align:top;
}

.dataTable4 td{
border:none;
padding:1px 5px;
font-size:12px;
}

.dataTable4 td.data_label{
width:50px;
}

.dataTable4 td.data_border{
border:1px solid #CCC;
width:168px;
}

.dataTable4 label{ /* ▲banzai 2013/6/13 */
font-size: 12px;
}

.dataTable4 td.how select{
width: 120px;
}



.table td.label_bgc_gray{
background-color:#EEECE1;
font-weight:bold;
}


table{
/* border:2px solid #ccc; */
/* Firefoxのtable枠が歪むバグの修正 banzai */
border-collapse:separate;
border-width:2px 1px 1px 2px;
border-style:solid;
border-color:#ccc;
}

.gecko table{margin-left:1px;}

.gecko #resultTable{
margin-left:1px;
}

/*#resultTable th,
#resultTable td,
#tableKouteihyou th,
#tableKouteihyou td,
#tableKoukaiKoushoukeii th,
#tableKoukaiKoushoukeii td,
#tableKoushi th,
#tableKoushi td{
border:1px solid #ccc;
padding:1px 5px;
font-size:12px;
}*/

table th,
table td{
/* border:1px solid #ccc; */
/* Firefoxのtable枠が歪むバグの修正 banzai */
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ccc;
padding:1px 5px;
font-size:12px;
}

table td{
	line-height:120%;
}

.idColor{color:#983F39;}

/*************************************

 Plants 2013/05/28 新規？

*************************************/

.common_info{
width:828px;
margin-bottom:10px;
}

.ie .common_info{width:820px;}

.client_info_table{
width:309px;
margin-bottom:10px;
}
.client_info_table td{vertical-align:top;}
.client_info_table td.data_label{text-align:center;}


/* 2013/06/03 顧客検索　追加 */

.k_searchBox{}

.k_searchBox p{
display:inline-block;
vertical-align:top;
margin-right:5px;
}

.k_searchBox p label{
display:inline-block;
background-color:#EEECE1;
padding:3px 8px;
height:40px;
width:67px;
font-weight:normal;
font-size:12px;
}

.k_searchBox p textarea{
height:42px;
margin-left:-4px;
width:162px;
}

.k_searchBox p button{font-size:12px;}

.k_searchBox .fr p{
display:block;
font-size:12px;
}

.k_searchBox p.k_frame{
border:1px solid #ccc;
padding:7px;
}

.pagenate table,
.pagenate td{
border:none;
}

#resultTable th a{
color:#333;
font-weight:normal;
}

#resultTable td.sat{
background:#B7DBFF;
}
#resultTable td.sun{
background:#FFCCCC;
}

/* 2013/06/17 新ログイン画面 */

#login_contents{
background-image: url("../img/bg_head_red.gif");
background-position: center top;
background-repeat: repeat-x;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin: 0 auto;
}

#login_contents #login_container{
margin: 0 auto;
width: 1060px;
padding: 65px 0;
}

#login_contents h1{
margin:0 0 10px 0;
padding:0;
width:100%;
background-color:transparent;
}

#login{
width:358px;
margin:0;
padding:0;
background-color:#EEECE1;
}

#login label{background-color:transparent;display:inline-block;}


/**************************

 Plants 交渉経緯　2013/06/18追加分

**************************/
.select_w114{ /* ▼banzai 2013/6/13 */
  width:114px;
}

#main .input_w64{ /* ▲banzai 2013/6/13 */
  width:64px;
}

#main .slidePattern div.other_option{ /* ▼banzai 2013/6/14 */
float:none;
}

.slidePattern div.other_option label{
font-size: 12px;
line-height:10px;
margin: 2px 10px 0 0;
text-align: left;
display:block;
}

.slidePattern div.other_option input{
float:left;
margin-top:1px;
}

.slidePattern div.other_option div{
position:relative;
text-align:left;
float:left;
}

.slidePattern div.other_option .status label{
	width:150px;
}

.slidePattern div.other_option div.checkbox{ /* ▲banzai 2013/6/14 */
/* display:t_koushoukeiis index 交渉方法
   memo:交渉方法内のcheckboxを左側*/
	padding-left:0px;
	min-height:12px
}

.slidePattern .slideapproach label{
font-size:12px;
}



/**************************

 Plants 封筒印刷　2013/06/20追加分

**************************/

.msgBox dl{border: 2px solid #CCCCCC;}
.msgBox dt{
background-color: #E6CA87;
background-image: url("../img/tabletop_base_gold.png");
background-repeat: repeat-x;
border-bottom: 2px solid #CCCCCC;
padding:5px 10px;
}

.msgBox dt img{
vertical-align:3px;
margin-right:5px;
}
.msgBox dd{padding:5px 10px;margin-left:0;}

.fr h3{
font-size:14px;
font-weight:normal;
background-color:#EEECE1;
padding:10px;
line-height:100%;
margin@:0 0 10px;
}

.detail p{
font-size:12px;
margin-bottom:30px;
}

/**************************

 Plants メール作成・送信画面　2013/06/26追加分

**************************/

.mailEdit{
width:690px;
}

.mailEdit .mail_frame{
border:1px solid #ccc;
padding:5px 10px 10px;
}

.mailEdit .mail_frame p{
border-bottom:1px dotted #ccc;
padding-bottom:5px;
margin-bottom:5px;
}

.mailEdit .mail_content{
border:4px solid #ccc;
padding:4px;
}
.mailEdit .mail_frame .mail_content p{ border-bottom:none;margin-bottom:0;}

.mailOption{
width:450px;
font-size:12px;
line-height:130%;
}

.mailOption .arrow_box{
background-image:url("../img/plants_mail_arrow.gif");
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
margin-bottom:20px;
}

.mailOption .arrow_box table{
border-width:2px 3px 3px;
border-collapse: collapse;
border-spacing: 0;
}
.mailOption .arrow_box table td{padding:5px;}

.mailOption .tmplBox{border:1px solid #ccc;padding:10px 10px 0;}
.mailOption .tmplBox p{margin-bottom:10px;}
.mailOption .bgColor{background-color:#EEECE1;padding:5px;vertical-align:middle;}


/* tooltop用CSS */
.md-tooltip {
  display: none;
  position: absolute;
  z-index: 9999;
  line-height: 1.5;
  padding: 7px 10px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background: #333;
  background: rgba(0, 0, 0, .8);
  color: #fff;
  font-size: 12px;
}
.md-tooltip:after {
  content: " ";
  position:absolute;
  left: 15px;
  top: -20px;
  width: 0;
  height: 0;
  margin: 0 0 0 -5px;
  border-top: 10px solid transparent;
  border-right: 5px solid  transparent;
  border-left: 5px solid transparent;
  border-bottom: 10px solid #333;
  border-bottom-color: rgba(0, 0, 0, .8);
}

/**************************

 Plants メール作成・送信画面　2013/07/01追加分

**************************/

#ikkatsu{
border:1px solid #ccc;
margin-bottom:20px;
padding:5px;
}

.marker{
color:#983F39;
/*text-decoration:underline;*/
border-bottom:1px solid #983F39;
font-weight:bold;
padding:0 3px;
}

span.attention{
display:inline-block;
color:#983F39;
border:2px solid #983F39;
padding:3px;
font-weight:bold;
}

.corporate_name{
font-size:16px;
font-weight:bold;
color:#983F39;
}


/***************

 Plants 送信履歴

***************/

.mailEdit p.mail_title{
background-color:#EBEBEB;
padding:10px;
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}
.mailEdit .mail_content .dotted_line{padding:0 10px;}
.mailEdit .mail_content .dotted_line div {
border-bottom: 1px dotted #ccc;
padding-bottom: 5px;
margin-bottom: 5px;
}

/*.mailEdit .mail_content .dotted_line p{width:619px;word-wrap:break-word;}*/

.mailEdit .mail_content .dotted_line p span{
font-size:12px;
color:#777;
}



/*******************************

folder:t_koushoukeiis
file:add.ctp,edit.ctp
Plants banzai 2013/7/2

********************************/
.kyouyuu_cmt{
 font-weight:normal;
 padding-top:5px;
}
.kyouyuu_check div{
	padding : 15px;
	margin-left : 10px;
}
.kyouyuu_check legend{
	display : none;
}
.kyouyuu_check label{
	font-weight:normal;
	font-size:100%;
}
/*******************************

table border-style none
Plants banzai 2013/7/2

*******************************/

table .bs_n{
border-style:none;
}

table .brs_n{
border-right-style:none;
}

table .bls_n{
border-left-style:none;
}

table .bbs_n{
border-bottom-style:none;
}

.mailEdit .mail_frame .bgColor{font-size:12px;background-color:#EEECE1;padding:5px;vertical-align:middle;}

/*******************************

mail template changetext
Plants banzai 2013/7/4

*******************************/
.changetext_frame{
border:1px solid #ccc;
padding:3px;
}

.btnBox label.busyomei{
float: left;
font-size: 12px;
margin-right: 10px;
margin-top: 0px;
width: 73px;
background-color:#EEECE1;
}

.btnBox label.koushouhohou{
	float: left;
	font-size: 12px;
	margin-right: 10px;
	margin-top: 0px;
	width: 80px;
	background-color:#EEECE1;
	}











.ui-multiselect.grouprenkei{
	width: 200px !important;
	background:#ffffff;
	border:1px solid #b8b8b8;
	color:#404040;
	font-size:11px;
	font-weight:normal;
	margin-top:0;
	margin-left: 5px;
	padding-top:0;
	padding-bottom:0;
	overflow:hidden;
	border-radius:0;
}

.ui-multiselect-menu.grouprenkei {
	background:#ffffff;
	border:1px solid #c0c0c0;
	color:#404040;
	height:188px;
	margin-top:0;
	padding-top:3px;
	padding-right:0;
	overflow:hidden;
	border-radius:0;
}	

.fixedphrase{
width:266px;
padding-right:5px;
}

.fixedphrase .box_label{
padding:0 0 10px 6px;
}

.fixedphrase .box_label span.data_label{
background-color: #EEECE1;
display: inline-block;
text-align:center;
padding:3px 0;
}
.fixedphrase .dotted_line{
border:1px solid #ccc;
padding:3px;
}


/*******************************

word-break(改行)
Plants banzai 2013/7/30

*******************************/
.tablewb td{
/* tableのtd内の文字をwidthで改行 */
word-break:break-all;
word-wrap:break-word;
}

td.wordbreak{
/* td単位でclass指定 */
word-break:break-all;
word-wrap:break-word;
}

/*******************************

縦書き
例：<div class="tate-area"><div class="tate-line">
<span class="font10">●●</span></div></div>
Plants banzai 2013/8/20

*******************************/
div.tate-area{
	float:right;
	font-size:12pt;
}

div.tate-line{
	float:right;
	width:1.05em;
	line-height:1.05em;
/*	margin-right:0.3em;
	margin-left:0.3em; */
	padding-bottom:0.2em;
	font-family:'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ ゴシック','MS Gothic','SimHei','HiraKakuProN-W3','STHeitiJ-Medium','TakaoExゴシック','TakaoExGothic','MotoyaLCedar','Droid Sans Japanese','Droid Sans Fallback',monospace;
	word-wrap:break-word;
	direction:ltr;
}

.tate-line span.tate-cho{
	display:block;
	-moz-transform:matrix(0, 1, 1, 0, 0, 0);
	-webkit-transform:matrix(0, 1, 1, 0, 0, 0);
	-o-transform:matrix(0, 1, 1, 0, 0, 0);
	transform:matrix(0, 1, 1, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1, mirror=1);
}

.tate-line .font10{
	font-size:10pt;
}

.tate-line .font10{
	display:block;
	position:relative;
	left:50%;
	width:1em;
	line-height:1.05em;
	margin-left:-0.5em;
}


/* 2014/01/27 工程表_参照 */
#ps_container{/*width:871px;*/}

#ps_container .l_column{/*width:270px;*/float:left;/*background-color:orangered;*/}
#ps_container .c_column{width:596px;float:left;margin-right:10px; /*background-color:yellowgreen;*/}
td table{border:none;}

/* 上カラム */
#ps_container .u_column{}
#ps_container .u_column .t_name{border:2px solid #ccc;padding:5px 10px;font-weight:bold;margin-bottom:10px;}
#ps_container .u_column .t_name span{font-weight:normal;}

#ps_container .u_column table{width:100%;margin-left:5px;}
#ps_container .u_column table td.wrap{padding:0;}
#ps_container .u_column table td.wrap td.data_label{width:66px;}

/* 左カラム */
#ps_container .l_column{margin-right: 4px;}
#ps_container table td{padding: 5px;}
#ps_container .l_column table{width:100%;margin-left:5px;}
#ps_container .l_column table .cName{font-size:14px;}
#ps_container .l_column table td.ti23{text-indent: -23px;padding-left: 28px;}


#ps_container .l_column table td.wrap{padding:0;}
#ps_container .l_column table td p{margin:5px 0;}
#ps_container .l_column table td .sign{font-weight:bold;font-size:16px;color:#9E2730;margin-right:20px;}
#ps_container .l_column table td .price span{font-weight:bold;font-size:30px;margin-top:7px;}

#ps_container .l_column table td .order{margin:0 5px;}
#ps_container .l_column table td .order li{list-style-type:none;}
#ps_container .l_column table td .order li span{font-weight:bold;margin-left:10px;text-align:right;float:right;}

#ps_container .l_column table td.tag{font-size:10px;text-align:center;color:#fff;}
#ps_container .l_column table td.tag span{border-radius:5px;padding:3px;display:inline-block;border:1px solid #d0d0d0;width:90%;}
#ps_container .l_column table td.tag span.tag1{background-color:#D96D00;}
#ps_container .l_column table td.tag span.tag2{background-color:#8C0000;}
#ps_container .l_column table td.tag span.tag3{background-color:#FF0000;}


/* 中央カラム */
#ps_container .c_column{}
#ps_container .c_column .t_name{border:2px solid #ccc;padding:5px 10px;font-weight:bold;margin-bottom:10px;}
#ps_container .c_column .t_name span{font-weight:normal;}

#ps_container .c_column table{width:100%;margin-left:5px;}
#ps_container .c_column table td.wrap{padding:0;}
#ps_container .c_column table td.wrap td.data_label{width:66px;}


/* 右カラム */
#ps_container .r_column{margin-left: 4px;}
#ps_container .r_column table{width:100%;}
#ps_container .r_column table.dataTable2{padding:0;}
#ps_container .r_column table.dataTable2 td{line-height:100%;}

#ps_container .r_column table td.comment p{margin-bottom:5px;text-indent:-26px;padding-left:26px;}
#ps_container .r_column table td.comment p img{margin-right:10px;}
#ps_container .r_column table td.wrap{padding:0;}

table.dataTable5{width:100%; overflow:auto;}
table.dataTable5 th{background-image:none;background-color:#EEECE1;font-weight:bold;}
table.dataTable5 thead th{text-align:center;}

table.dataTable6{}
table.dataTable6 td{padding:10px;vertical-align:top;}
table.dataTable6 td p{line-height:120%;}


/* 講師情報 */
table.dataTable7{margin-bottom:3px;}
table.dataTable7 td{padding:5px;}
table.dataTable7 .data_label{background-color:#EEECE1;}

/* 見積書 */
table.dataTable8{
border-width:2px 0 0;
border-collapse:separate;
border-style:solid;
border-color:#333;
position:relative;
width:860px;
}
.dataTable8 td{
border:none;
border-bottom:1px solid #333;
padding:5px 5px;
font-size:12px;
}
.dataTable8 td.bw2{border-width:2px;}

table.report td{width:30%;vertical-align:top;}
table.report td.data_label{width:30px;text-align:center;}


table.enq td{vertical-align:top;}
table.enq td.data_label{width:30px;text-align:center;}

table.enq ul{margin:0;}
table.enq ul li{list-style-type:none;line-height:120%;}

/*  */
.sortable_item{margin-bottom:20px;}
.s_trigger{
background-color:#ccc;
background-image:url("../img/trigger_bg4.png");
background-repeat:repeat-x;
background-position:top;
border-radius:10px 10px 0 0;
margin-bottom:1px;
}
.s_trigger:active{cursor:move;}

/*******************************

エラートグル

*******************************/
a.error-toggle, a:HOVER.error-toggle {
	color: red;
	font-weight: bold;
	text-decoration: none;
}

/*******************************

前後ボタン

*******************************/
.campaignListNextLink{margin-left:0px;margin-right:5px;}
.campaignNextLink{margin-left:0px;margin-right:5px;}

/*******************************

模擬テーブル

*******************************/
.sideSubTable {
	width:487px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 2px solid #CCC;
	background-color: #CCC;
	margin-bottom: 10px;
}
.sideSubTable .item {
	width:43px;
	border-left: 1px solid #CCC;
	float: left;
	background-color: #FFF;
	font-size:12px;
}
.sideSubTable .item .name {
	width: 100%;
	border-top: 1px solid #CCC;
	padding-top: 1px;
	padding-bottom: 1px;
	background-image:url("../img/tabletop_base_gold.png");
	background-repeat:repeat-x;
	color:#000;
	background-color:#E6CA87;
	text-align: center;
}
.sideSubTable .item .namePrint {
	width: 100%;
	border-top: 1px solid #CCC;
	padding-top: 1px;
	padding-bottom: 1px;
	color:#000;
	background-color:#FFF;
	text-align: center;
}
.sideSubTable .item .data {
	width: 100%;
	border-top: 1px solid #CCC;
	padding-top: 1px;
	padding-bottom: 2px;
	text-align: center;
}
.sideSubTable .clear {
	clear: both;
}

/*******************************

	Sticky Container

*******************************/
.sticky-container {
	position: sticky;
	top: 116px;
	padding-bottom: 4px;
	background: -moz-linear-gradient(top, #FFFFFF 93%, transparent);
	background: -webkit-linear-gradient(top, #FFFFFF 93%, transparent);
	background: linear-gradient(to bottom, #FFFFFF 93%, transparent);
	z-index: 800;
}
.sticky-container .pagenate > table {
	background: transparent;
}

/* -------------------------------------------------------------------- */
/* 工程表WEB化 */
.ipad_l{width:270px !important} /* 左側のtableの幅 */
.ipad_r{width:596px !important} /* 右側のtableの幅 */

/* サイドメニュー開閉用ボタン */
.drawer-menu-btn {
  position: relative;
  padding: 5px;
  background: #ccc;
  cursor: pointer;
  background-color: #BB000E;
  bottom:0;
  z-index: 4;
}
#side-menu-btn i.fa-bars{font-size:18px;color:#fff;}

/* サイドメニュー */
.drawer-menu {
  position: relative;
  width: 172px;
  height: 100%;
  text-align: left;
  font-size: 13px;
  background: #2A408E;
  z-index: 1;
}

/* メインコンテンツ */
.drawer-contents {
  position: relative;
/*  width:640px; */
/*  height: 400px; */
  background-color:#ffffff;
/*  text-align: center; */
/*  font-size: 13px; */
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
/*  overflow: hidden; */
  z-index: 2;
}

/* サイドメニュー開閉 */
.side-close .drawer-contents{
  -webkit-transform: translate3d(-172px, 0, 0);
  transform: translate3d(-172px, 0, 0);
/*  overflow: visible; */
}

/* 2015/10/05 高橋見本用CSS */
#left_nav{
	width: 166px;
	border: 3px solid #BB000E;
/*	position: absolute; */
/*	top: 40px; */
/*	left: 0px; */
	background-color: #fff;
} /* 左ナビ全体のボックス */
#left_nav dl{} /* 研修担当者、講師、編集画面レベルのボックス */
#left_nav dl dt{background-color:#E2DDC7;padding:5px 10px;} /* 背景が灰色の部分(見出し) */
#left_nav dl dt img{margin-left:5px;vertical-align:-5px;}
#left_nav dl dd{margin:0;} /* 電話、メールレベルのボックス */
#left_nav dl dd ul{margin:0;} /* 上のddの中身のリスト */
#left_nav dl dd ul li{list-style-type:none;}
/* liのなかにaタグ */
#left_nav dl dd ul li a{
	display:block;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	padding:5px 10px;
	position: relative;
}
/* hoverしたときに白くする */
#left_nav dl dd ul li a:hover:after {
	color:#fff;
	border-left: 10px solid #fff;
}
/* 仕組みとして電話を選択したときにliにonというクラスが付くと仮定して、そのクラスが付いたときにホバーしたときと同じようなスタイルが付く */
#left_nav dl dd ul li.on a{
	color:#fff;
	border-left: 10px solid #fff;
}
#left_nav dl dd ul li a img{margin-right:5px;}

/* 2016/03/15 追記 */
.mid_column{display:inline-block;width:1097px;}
.r_column{float:right;width:490px;}

#navi_view{width:1364px;}
#navi_view .dataTable5{table-layout:fixed;}
#navi_view .dataTable5 th{padding:1px 2px;text-align:center;}
#navi_view .th_blue{background-color:#bce2e8;}
#navi_view .th_red{background-color:#FFD8B6;}
#navi_view .th_green{background-color:#d6e9ca;}
#navi_view .th_purple{background-color:#cccce8;}
#navi_view .th_orange{background-color:#f7cda3;}
#navi_view .text_red{color:red;}
#navi_view .text_blue{color:blue;}

/* 講師カレンダー追記 */
.calendarTable{}
.calendarTable th{text-align:center;}
.calendarTable th.wide{width:130px;}

.calendarTable td{text-align:center;}
.calendarTable td.sat{background-color:#eaf4fc;}
.calendarTable td.sun{background-color:#fdeff2;}
.calendarTable td.blank_cell{background-color:#FAFFB5;}
td .fa-info-circle{color:#2190FF;font-size:15px;margin-left:3px;}
td .fa-info-circle:hover{cursor:pointer;}

.pagenateYM{}
.pagenateYM a{font-size:14px;}

.calendarTable_info{border-collapse:collapse !important;border:2px solid #ccc !important;}

.description_comment{
	/*color:#9E2730;*/
	color:red;
	font-size:12px;
	font-weight: bold;
	vertical-align:0;
}

/* cakephpのワーニングの表示位置を調整する */
pre.cake-debug {
	position: relative;
	z-index: 9999;

}
/* 交渉経緯の定義 */
.DefinitionHelp{
	border:1px solid;
	border-color:#ccc;
	border-radius:5px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color:#5bb75b;
	color:white;
}

/* textareaマウスリサイズ操作制御*/
.singleline-textarea {
	resize: none;
}