@charset "utf-8";

/*==============================================
 CSS INFO
 Description : style css
===============================================*/

/* wright
============================================== */
.mustNic{line-height: 51px;}

.entrypost{
background-color:#F5F5F5;
border: 1px solid #D8D8D8;
padding: 10px;}

.postTbl{
width: 100%;}

.postTbl td{
padding: 8px 8px;
border-bottom: 1px solid #D8D8D8;}

.pstTh{
color: #666666;
width:100px;
background: url("../img/ten.png") no-repeat right 15px;
vertical-align: top;}

.pstDl{
border-right:1px solid #CCC;
margin-top: 3px;
float: left;
padding-right: 30px;
margin-right: 15px;}

.bdrno{
border: none;}

.tempDl{
margin-top: 3px;
float: left;}

.tempDl2{
/*border-top: 1px solid #CCC;*/
padding-top: 5px;
margin-top: 10px;}

.pstDl dt,.tempDl dt,.tempDl2 dt{
color: #666666;
width:108px;
float: left;
clear: left;
background: url("../img/ten.png") no-repeat right center;}

.pstDl dd .entDate{
font-weight: normal;
color: #333;}

.dtlOpTd{
vertical-align: middle;
width:90px;
text-align: right;}

.DtlOpen{
font-weight: bold;
background: url("../img/arrow_down.png") no-repeat left center;
padding-left: 15px;
cursor: pointer;}

.DtlCloseTxt{background: url("../img/arrow_up.png")  no-repeat left center!important;}


.pstDl dd,.tempDl dd,.tempDl2 dd{
margin-left: 115px;
overflow: hidden;}

.pstTd select{
padding: 3px; 
width: 90%;
text-overflow: ellipsis;
}

.usrTd p{
float: left;}

.usrTd p input{
vertical-align: bottom;
margin-left: 10px;}

.usrTd select{
padding: 3px;
margin-left: 10px;}

.user{
background: url("../img/icon_user.png") no-repeat left center;
line-height: 21px;
padding-left: 18px;
font-weight: bold;
}

.company{
background: url("../img/icon_company.png") no-repeat left center;
line-height: 21px;
padding-left: 18px;
font-weight: bold;
color: #663366;
}

.ttlTd input{
width:600px;
padding: 3px;}

.prdTd p{
margin-bottom: 5px;}

.prdTd input{
vertical-align: top;}

.dateselect p{
float: left;}

.dateselect p input{
margin-top: 5px;
vertical-align: middle;}

.dateselect ul{
overflow: hidden;}

.dateselect li{
margin-bottom: 5px;}


.dateselect select{
padding: 3px;}

.bdyTd textarea{
width: 100%;
height: 150px;}

.tmpTd p a{
background: url("../img/icon_add_file.png") no-repeat left center;
padding: 3px 0 3px 28px;}

#attachList{
margin: 10px 0 5px;
}

#attachList li{
padding: 5px 8px;
display: inline-block;
background-color:#FFF;
border: 1px solid #D8D8D8;
line-height: 14px;
}

/*
.apndTd a{
background: url("../img/icon_temp.png") no-repeat 3px center;
padding: 3px 5px 3px 20px;}
*/

.apndTd span{
line-height: 1.8em;
background: url("../img/icon_temp.png") no-repeat 3px center;
padding: 3px 5px 3px 20px;}

#attachList li span{
cursor: pointer;
float: right;
width:13px;
height: 14px;
margin-left: 10px;
background:#FFF url("../img/icon_batsu.png") no-repeat center center;}

.rndTd div{
padding: 5px 8px;
display: inline-block;
background-color:#DEDDDD;
border: 1px solid #D8D8D8;
line-height: 14px;}

.rndTd div span{
cursor: pointer;
float: right;
width:13px;
height: 14px;
margin-left: 10px;
background:#DEDDDD url("../img/icon_batsu.png") no-repeat center center;}

.rndTd p{
margin-top: 7px;}

.pstTd .floChk{
margin-bottom: 10px;}

.floChk p{
display: inline-block;}

.postBtn{
margin-right: 10px;}

.postBtn,.draftBtn,.cancelBtn{
display: inline-block;}

.ui-datepicker-trigger{
cursor: pointer;
vertical-align: middle;
margin: 0 5px;}

/* search
============================================== */
.title01{
	border-bottom: solid 1px #cccccc;
	padding		: 10px 0 3px;
	font-size	: 16px;
	}
.title02{
	padding		: 10px 10px;
	font-size	: 16px;
	}
.title04{
  padding   : 15px 10px;
  font-size : 16px;
  border-bottom: 1px solid #D8D8D8;
  }

.setup_w{
	background-color: #F2F2F2;
	padding		: 20px;
	margin		: 0 0 10px;
	}

.setup_t th{
	width		: 30%;
	text-align	: left;
	vertical-align: top;
	}

.setup_t td{
	width		: 70%;
	}

.setup_t th,.setup_t td{
	border-bottom: solid 1px #cccccc;
	padding		: 20px 0;
	}

.setup_t .no_border th,.setup_t .no_border td{
	border-bottom: none;
	}

.btm_b{
	line-height	: 30px;
	width		: 122px;
	text-align	: center;
	float		: left;
	border		: 1px solid #CECECE;
	border-radius: 3px;
	background: url("../img/bg_tool_btn.png") repeat-x left center;
	font-size	: 14px;
	font-weight: bold;
	}

.btm_bb{
	line-height	: 30px;
	width		: 122px;
	text-align	: center;
	margin		: 0 5px;
	float		: left;
	border		: 1px solid #CECECE;
	border-radius: 3px;
	background	:url("../img/bg_tool_btn.png") repeat-x left center;
	font-size	: 14px;
	margin-right: 10px;
	font-weight: bold;
	}


input.btm_b,input.btm_bb{
	padding		: 3px 0;
	cursor		: pointer;
	}

.btm_csv a{
	display		: block;
	width		: 60px;
	text-align	: center;
	padding		: 5px 25px 5px 10px;
	background	: url("../img/icon_download.png") no-repeat scroll 65px center transparent;
	color		: #333333;
	font-weight	: bold;
	font-size	: 14px;
	text-decoration: none;
	}

.btm_csv{
	background: url("../img/bg_tool_btn.png") repeat-x left center;
	border		: 1px solid #CECECE;
	border-radius: 3px;
	width		: 90px;
	}

.setup_t dl{
	margin		: 15px 3px;
	}

.setup_t dd{
	margin-bottom: 10px;
	}

.setup_t dd label{
	margin-right: 15px;
	}

.graph_w{
	width		: 423px;
	border		: solid 1px #333333;
	background-color: #ffffff;
	}

.graph_w img{
	border		: solid 1px #ffffff;
	max-width	: 420px;
	}

.w_200{
	width		: 200px;
	}

.m_top20{
	margin-top	: 20px;
	}

.graph_p{
	font-size	: 13px;
	padding		: 5px 0 0;
	}

/* entry detail
============================================== */
/*.tool div.tl_chg{
padding:0 15px;
margin-right: 3px;
line-height: 27px;
border: 1px solid #DD9898;
background: url("../img/bg_tool_delet.png") repeat-x left center;}*/

.tool div.tl_chg,.tool div.tl_mov,.tool div.tl_rec,.tool div.tl_trd,.tool div.tl_smr{
padding:0 15px;
margin-right: 3px;
line-height: 27px;}

.tool div.btnOF{
opacity: 0.3;}

.tool div.tl_mov p{
width: 20px;
height: 27px;
background: url("../img/icon_back.png") no-repeat left center;
text-indent: -9999px;}

.tool div.tl_mov p a{
display: block;}

.tool div.tl_del{
margin-right: 3px;
padding:0 10px;
line-height: 27px;
border: 1px solid #DD9898;
background: url("../img/bg_tool_delet.png") repeat-x left center;}

.tool div.tl_del a,.tool div.tl_del span{
display: block;
background: url("../img/icon_deleat.png") no-repeat left center;
padding-left:23px;}

.tool div.tl_prv2,.tool div.tl_nxt2{
margin-left: 3px;}

.tool div.tl_prv2 a,.tool div.tl_nxt2 a{
display: block;
padding: 7px 10px;
text-align: center;}

.entryDtl{
background-color:#F5F5F5;
border: 1px solid #D8D8D8;
margin-bottom: 10px;}

.entryDtlIn{padding: 5px 10px 8px;}

.dtlTbl{
width: 100%;}

.dtlTbl td{
padding: 5px 8px;
border-bottom: 1px solid #D8D8D8;}

.entTtlTd{}

.dtlTbl .star{
display: inline-block;
vertical-align: top;
padding-top: 3px;}

.entryTtl{
width:80%;
display: inline-block;
background: url("../img/icon_note.png") no-repeat left 3px;
padding-left:26px;
font-size: 20px;
font-weight: bold;}

.bdstate{
/*display: inline-block;*/
float: right;
padding: 2px 5px;
font-size: 12px;
line-height: 20px;
vertical-align: top;
color: #FFF;}

.private{background-color:#AAAAAA;}
.showing{background-color:#4169a3;}
.draft{background-color:#93A1B5;}
.needAuth{background-color:#93A1B5;}
.delete{background-color:#29374b;}

.dtlTbl .entBdyTh td{
padding: 0;}

.entBdyDtl{
background-color: #FFF;
padding: 15px;}

.entBdyDtl ul,.entBdyDtl ol,.entBody ul,.entBody ol{
padding: 8px 0;
padding-left: 40px;}

.entBdyDtl ul li,.entBody ul li{
list-style-type: disc;}

.entBdyDtl blockquote,.entBody blockquote{
border-left: 4px solid #DDD;
padding:3px 0 3px 5px;}

.entDate{margin-left: 20px;}

.mg_b20{margin-bottom: 20px;}

.entryFlow{
clear: both;
background-color:#F5F5F5;
border: 1px solid #D8D8D8;
margin-bottom: 25px;
padding: 15px 10px;}

.entryFlow h2{
font-size: 16px;
background: url("../img/icon_flow.png") no-repeat left center;
padding-left: 30px;
margin-bottom: 8px;}

.entryFlow textarea{
width: 100%;
height:150px;}

.btnPosted,.entryTmp{
margin: 10px 0 0;
display: inline-block;}

.entryTmp{
margin-left: 10px;}

.threadAll{
border-bottom: 1px solid #CCC;
margin-bottom: 20px;
padding-bottom: 20px;}

.threadHead{
margin-bottom: 20px;}

.thrLst{}

.thrDtl{
padding: 5px 0;
border-top:1px solid #E5E5E5;
overflow: hidden;
position: relative;}

.thrDtl:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;}

/*\*/
* html .thrDtl{
height: 1em;
overflow: visible;}
/**/

.res{
border-bottom:1px solid #E5E5E5;
margin-bottom: 2px;}

.entDtl{
width: 100%;
float: left;
margin-right: -200px;
position: relative;
/*margin-right: -200px;*/}

.entEdit{
clear: both;
position: relative;}

.entdDelet{
background: url("../img/icon_deleat.png") no-repeat left center;
padding-left: 28px;
position: absolute;
top: 27px;
right: 25px;}

.entdEdit{
background: url("../img/icon_edit.png") no-repeat left center;
padding-left: 28px;
position: absolute;
top: 5px;
right: 25px;}

.entryUser{}

.entReturn{
position: absolute;
right: 25px;
bottom: 10px;
background: url("../img/icon_return.png") no-repeat left center;
padding-left: 28px;}

.thrHed{
position: relative;
padding:5px;
margin-bottom: 8px;}

.entTime{
padding-left: 10px;}

.thrHed span{
display: inline-block;
padding-right: 10px;}

.entBody{
/*margin-right: 150px;*/
padding: 10px 0 10px 40px;
overflow: hidden;}

.entTmp{
margin: 10px 0;}
.entTmp img{
border: 1px solid #CCC;}

.thrReAct{
/*width: 300px;*/
position: absolute;
right: 120px;
background-color:#F5F5F5;
padding:5px;
margin-top: 5px;
margin-bottom: 5px;}

.thrReAct span{
display: inline-block;
padding-right: 10px;}

.userRe{
line-height: 21px;
padding-left: 15px;
font-weight: bold;
color: #663366;
background: url("../img/icon_user.png") no-repeat left center;}

.userRe .react{
padding-right: 30px;
padding-left: 10px;
font-weight: normal;
color: #666;
background: url("../img/icon_return2.png") no-repeat right center;}

.reopen{
cursor: pointer;
/*padding-left: 15px;*/
margin-right: 150px;
background: #F5F5F5 url("../img/arrow_right.png") no-repeat left 13px;
/*width:15px;
height: 15px;
padding: 10px 0;
float: left;
*/}

.closeThre{
cursor: pointer;
/*padding-left: 15px;*/
background: #FFFFFF url("../img/arrow_list_down.png") no-repeat left 18px;
/*width:15px;
height: 15px;
*/}

.returns{
display: none;
margin-left: 20px;}

/* category
============================================== */
.category_s .f_left,.inputArea .f_left{
	float: left;
	padding-right: 10px;
}

.inputArea{
padding: 10px 15px 0;
border-top: 1px solid #CCC;
height: 50px;}

.category_s .f_right,.inputArea .f_right{
	float: left;
}
.category_s .f_left{
/*	width:400px;*/
}
.category_s{
	height: 30px;
	border:solid 1px #cccccc;
	background-color: #f5f5f5;
	padding:20px;
	margin-bottom:20px;
	min-width: 932px;}

.catepull{
display: none;
height: 100px;
}

.category_ul ul li{
	padding: 2px 5px;
	margin: 3px;}

.category_ul ul{
overflow: hidden;}

.category_ul ul li.select{
	background-color: #F5F5F5;
}
.category_ul ul li span{
cursor: pointer;
display: block;
width: 20px;
height: 20px;
float: right;
background: url("../img/icon_batsu.png") no-repeat right center;}

.category_ul{
	float:right;
	width:340px;
}
.category_p{
	/*width: 60px;*/
	line-height: 28px;
	float:left;
	padding-right: 10px;
}
.category_s input{
	clear:both;
}
.rangeList_t{
	/*background-color: #F4EDF1;*/
	background-color: #F5F5F5;
	width: 698px;
	border-top: solid 1px #D8D8D8;
	border-bottom: solid 1px #D8D8D8;
}

.rangeList_t td{
vertical-align: middle;
font-size:12px;}

.rangeList_t td.ranget_c{
/*width: 18px;
padding: 4px 10px;*/}

.ranget_b{
width: 4px;}

.rangeList_t td.ranget_r{
text-align: left;
padding: 4px 0;}

.rangeList_t td{
padding: 2px 8px;}

.rangeUser{
width:150px;}

.authoRize{
text-align: right;}

table.rangeList_t2{
width: 681px;}

.rangeList .rangeList_t2 td{
padding: 3px 10px;}

.rangeList table.rangeList_t2 td.ranget_c{
padding: 4px 5px;
font-size:12px;}

.rangeList_t .ranget_r{
padding-right: 10px;
text-align: left;}

.ranget_c,.ranget_r{
font-weight: bold;
width: 15px;
text-align: center;
padding: 8px 5px;
}
.ranget_r{
/*	padding-right:28px;*/
}
.cate_btm .cate_txt{
padding:3px;
width: 230px;
height: 22px;
border: solid #ABADB3 1px;
}

.inputArea .f_left .category_p,
.inputArea .f_right .category_p{
width: 60px;}

.user_w{
border-top:solid 1px #cccccc;
margin-top: 15px;
}
.batuBtn{width: 30px;}
.batuBtn a{
	background: url("../img/icon_batsu.png") no-repeat scroll center transparent;
	display: block;
	height: 21px;
	text-indent: -9999px;
	width: 15px;
}

.boardEdit{
border-top: 1px solid #CCC;}

.bordEditTbl{
width:100%;}

.bordEditTbl td{
padding: 8px 10px;}

.brdName{
/*width:80%;*/}

.brdEdit{
width:160px;}

.brdEdit ul{
/*width:160px;*/
overflow: hidden;}

.brdEdit ul:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;}

/*\*/
* html .brdEdit ul{
height: 1em;
overflow: visible;}
/**/

.brdEdit li{
width:30px;
float: left;
padding-left: 15px;}

.lv1{}
.lv2{padding-left: 10px;}
.lv3{padding-left: 20px;}
.lv4{padding-left: 30px;}
.lv5{padding-left: 40px;}
.lv6{padding-left: 50px;}
.lv7{padding-left: 60px;}
.lv8{padding-left: 70px;}
.lv9{padding-left: 80px;}
.lv10{padding-left: 90px;}
.lv11{padding-left: 100px;}
.lv12{padding-left: 110px;}
.lv13{padding-left: 120px;}
.lv14{padding-left: 130px;}
.lv15{padding-left: 140px;}
.lv16{padding-left: 150px;}
.lv17{padding-left: 160px;}
.lv18{padding-left: 170px;}
.lv19{padding-left: 180px;}
.lv20{padding-left: 190px;}


div.selectbox {
display: inline-block;
*display: inline;
zoom: 1;
position: relative;
}

div.selectbox a.slct {
border: solid #ABADB3 1px;
display: inline-block;
*display: inline;
zoom: 1;
width: 300px;
color: #333333;
background-color:#FFF;
text-decoration: none;
cursor: pointer;
}

div.selectbox a.slct span {
padding: 0 22px 0 7px;
display: block;
height: 28px;
background: url("../img/arrow_pull.png") no-repeat 280px center;
line-height: 28px;
cursor: pointer;}

div.selectbox a.slct:hover span {background: url("../img/arrow_pull.png") no-repeat 280px center;}
div.selectbox a.select_focus span {background: url("../img/arrow_pull.png") no-repeat 280px center;}

div.selectbox ul.pulldown {
border: solid #bbb 1px;
width: 300px;
max-height: 150px;
position: absolute;
left: 0;
top: 28px;
background: #fff;
overflow: auto;
z-index:5555;}

div.selectbox ul.pulldown a {
border-bottom: solid #bbb 1px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 8px;
display: block;}

div.selectbox ul.pulldown a.last-child {
border: none;}

div.selectbox ul.pulldown a:hover,
div.selectbox ul.pulldown a.selected {
color: #666;
background: #eee;
text-decoration: none;
outline: none;}

.boardttl{
padding: 30px 0 10px 120px;}

.boardttl h2{
margin-left: -50px;}

.boardttl input{
border: 1px solid #ABADB3;
height: 22px;
padding: 3px;
width: 400px;
margin: 10px 0;}

.boardSlct{
padding: 0px 0 50px 120px;}

.boardSlct h3{
margin-left: -50px;
margin-bottom: 10px;}

.boardSlct .selectbox a.slct,
.boardSlct div.selectbox ul.pulldown{
width:406px;}

.boardSlct div.selectbox a.slct span {
background: url("../img/arrow_pull.png") no-repeat 380px center;}

.boardSlct div.selectbox a.slct:hover span {
background: url("../img/arrow_pull.png") no-repeat 380px center;}
.boardSlct div.selectbox a.select_focus span {
background: url("../img/arrow_pull.png") no-repeat 380px center;}
.boardSlct .boardArea { padding-top: 20px; }


.pulldown .lvl1 a{padding-left: 10px;}
.pulldown .lvl2 a{padding-left: 20px;}
.pulldown .lvl3 a{padding-left: 30px;}
.pulldown .lvl4 a{padding-left: 40px;}
.pulldown .lvl5 a{padding-left: 50px;}
.pulldown .lvl6 a{padding-left: 60px;}
.pulldown .lvl7 a{padding-left: 70px;}
.pulldown .lvl8 a{padding-left: 80px;}
.pulldown .lvl9 a{padding-left: 90px;}
.pulldown .lvl10 a{padding-left: 100px;}
.pulldown .lvl11 a{padding-left: 110px;}
.pulldown .lvl12 a{padding-left: 120px;}
.pulldown .lvl13 a{padding-left: 130px;}
.pulldown .lvl14 a{padding-left: 140px;}
.pulldown .lvl15 a{padding-left: 150px;}
.pulldown .lvl16 a{padding-left: 160px;}
.pulldown .lvl17 a{padding-left: 170px;}
.pulldown .lvl18 a{padding-left: 180px;}
.pulldown .lvl19 a{padding-left: 190px;}
.pulldown .lvl20 a{padding-left: 200px;}

.tab-head{
height: 31px;
border-bottom: 1px solid #CCC;
}

.tab-head li{
background:url("../img/bg_tool_btn.png") repeat-x left top;
width: 150px;
height:30px;
line-height: 30px;
text-align: center;
float: left;
border-width: 1px 1px 0;
border-style: solid;
border-color: #CCC;
margin: 0 10px;}

.tab-head li a{
color:#333;
display: block;}

.tab-head li.onTab{
background: #FFF;
border-bottom: 1px solid #FFF;
font-weight: bold;}

.boradSort{
margin: 20px 50px;}

.boradSort table{
width: 100%;}

.boradSort table,.boradSort td{
border: 1px solid #CCC;}

.boradSort td{
cursor: move;
padding: 5px 10px;
background-image: url("../img/icon_move.png");
background-position: 98% center;
background-repeat: no-repeat;}

.boradSort table tr:nth-child(2n+1) td,
.boradSort table tbody tr:nth-child(2n+1) th {
background-color: #F9F9F9;}

.ui-sortable-helper td{
width: 800px;}

.boradSortArea{
border: 1px solid #CCC;
margin: 20px;
height: 416px;}

.groupDescription {
  padding-bottom: 6px;
}
.groupWarning {
  color: #ff0000;
  padding-bottom: 6px;
}
.grouArea {
  position: relative;
}
.groupSettingArea {
  position: absolute;
  left: 240px;
}

.setArea{
background-color: #F2F2F2;
padding: 15px;
}

.stBrdArea{
border-bottom: 1px solid #CCC;
margin-bottom: 20px;
padding: 20px 0;}

.stBrdTtl{
width: 200px;
float:left;
font-weight: bold;
}
.settingBoard .pulldown li label{
display: block;
border-bottom:1px solid #CCC;
padding-top: 5px;
padding-bottom: 5px;
cursor: pointer;}

.settingBoard .pulldown li label:hover{
background-color: #EEE;}

.settingBoard {
/*height:200px;*/
background-color: #FFF;
border:1px solid #CCC;
overflow: hidden;}

.subscribedBoard {
background-color: #FFF;
border:1px solid #CCC;
overflow: hidden;
width: 98%;
}
.subscribedBoardTitle {
background-color: #FFF;
margin-bottom: 5px;
margin-top: -10px;
}
.subscribedBoard .checkSetting {
	text-align: center;
}
.subscribedBoard th, .subscribedBoard td {
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
}
.subscribedBoard .lvl2 td {border-bottom: 1px dashed #CCC;}
.subscribedBoard .lvl3 td {border-bottom: 1px dashed #CCC;}
.subscribedBoard .lvl4 td {border-bottom: 1px dashed #CCC;}
.subscribedBoard .lvl5 td {border-bottom: 1px dashed #CCC;}
.subscribedBoard .lvl6 td {border-bottom: 1px dashed #CCC;}
.subscribedBoard .lvl7 td {border-bottom: 1px dashed #CCC;}
.subscribedBoard .lvl8 td {border-bottom: 1px dashed #CCC;}
.subscribedBoard .lvl9 td {border-bottom: 1px dashed #CCC;}
.subscribedBoard .lvl10 td {border-bottom: 1px dashed #CCC;}
.subscribedBoard .lvl11 td {border-bottom: 1px dashed #CCC;}
.subscribedBoard .lvl12 td {border-bottom: 1px dashed #CCC;}
.subscribedBoard .lvl13 td {border-bottom: 1px dashed #CCC;}
.subscribedBoard .lvl14 td {border-bottom: 1px dashed #CCC;}
.subscribedBoard .lvl15 td {border-bottom: 1px dashed #CCC;}
.subscribedBoard .lvl16 td {border-bottom: 1px dashed #CCC;}
.subscribedBoard .lvl17 td {border-bottom: 1px dashed #CCC;}
.subscribedBoard .lvl18 td {border-bottom: 1px dashed #CCC;}
.subscribedBoard .lvl19 td {border-bottom: 1px dashed #CCC;}
.subscribedBoard .lvl20 td {border-bottom: 1px dashed #CCC;}

.subscribedBoard .lvl1 td:first-child {padding-left: 10px;}
.subscribedBoard .lvl2 td:first-child {padding-left: 25px;}
.subscribedBoard .lvl3 td:first-child {padding-left: 40px;}
.subscribedBoard .lvl4 td:first-child {padding-left: 55px;}
.subscribedBoard .lvl5 td:first-child {padding-left: 70px;}
.subscribedBoard .lvl6 td:first-child {padding-left: 85px;}
.subscribedBoard .lvl7 td:first-child {padding-left: 100px;}
.subscribedBoard .lvl8 td:first-child {padding-left: 115px;}
.subscribedBoard .lvl9 td:first-child {padding-left: 130px;}
.subscribedBoard .lvl10 td:first-child {padding-left: 145px;}
.subscribedBoard .lvl11 td:first-child {padding-left: 160px;}
.subscribedBoard .lvl12 td:first-child {padding-left: 175px;}
.subscribedBoard .lvl13 td:first-child {padding-left: 190px;}
.subscribedBoard .lvl14 td:first-child {padding-left: 205px;}
.subscribedBoard .lvl15 td:first-child {padding-left: 220px;}
.subscribedBoard .lvl16 td:first-child {padding-left: 235px;}
.subscribedBoard .lvl17 td:first-child {padding-left: 250px;}
.subscribedBoard .lvl18 td:first-child {padding-left: 265px;}
.subscribedBoard .lvl19 td:first-child {padding-left: 280px;}
.subscribedBoard .lvl20 td:first-child {padding-left: 295px;}

.subscribedBoard tr:last-child td { border-bottom: none; }

.stUp,.stDl{
margin-top: 15px;
margin-left: 200px;}

.pulldown .lvl1 label{padding-left: 10px;}
.pulldown .lvl2 label{padding-left: 20px;}
.pulldown .lvl3 label{padding-left: 30px;}
.pulldown .lvl4 label{padding-left: 40px;}
.pulldown .lvl5 label{padding-left: 50px;}
.pulldown .lvl6 label{padding-left: 60px;}
.pulldown .lvl7 label{padding-left: 70px;}
.pulldown .lvl8 label{padding-left: 80px;}
.pulldown .lvl9 label{padding-left: 90px;}
.pulldown .lvl10 label{padding-left: 100px;}
.pulldown .lvl11 label{padding-left: 110px;}
.pulldown .lvl12 label{padding-left: 120px;}
.pulldown .lvl13 label{padding-left: 130px;}
.pulldown .lvl14 label{padding-left: 140px;}
.pulldown .lvl15 label{padding-left: 150px;}
.pulldown .lvl16 label{padding-left: 160px;}
.pulldown .lvl17 label{padding-left: 170px;}
.pulldown .lvl18 label{padding-left: 180px;}
.pulldown .lvl19 label{padding-left: 190px;}
.pulldown .lvl20 label{padding-left: 200px;}

.labelTag {
display: inline-block;
padding: 2px 5px;
font-size: 0.6em;
/*line-height: 20px;*/
vertical-align: top;
font-weight: normal;
margin-right: 5px;
margin-bottom: 2px;
/*color: #FFF;*/
}



/* ==========================================================================
415行目上書き20160818
========================================================================== */
.showing {background-color: #0193DE;}


/* ==========================================================================
   98行目上書き20160825
========================================================================== */
.company {color: #333;}


/* ==========================================================================
   561行目上書き20160825
========================================================================== */
.userRe {color: #333;}

.bbs_gadget {
  width: 85%;
  padding-left: 50px;
}
.bbs_gadget_layout {
  width: 100%;
  display: table;
}
.table_top {
  border-top: solid 1px #ccc !important;
}
.table_header {
  display: table-cell;
  width: 30%;
  border: solid 1px #ccc;
  border-top: 0px;
  padding: 7px 10px;
  text-align: left;
  background-color: #f2f2f2;
}
.table_content {
  display: table-cell;
  width: 70%;
  border: solid 1px #ccc;
  border-top: 0px;
  border-left: 0px;
  padding: 4px 10px 4px 10px;
}

.bbs_gadget_table {
  width: 100%;
}
.bbs_gadget_table th {
  width: 25%;
  background-color: #f2f2f2;
  text-align: left;
  padding: 7px 10px;
  border: solid 1px #ccc;
}
.bbs_gadget_table td {
  width: 50%;
  border: solid 1px #ccc;
  padding: 4px 10px 4px 10px;
}

.bbs_gadget_layout .required:after {
  content: "※";
  color: #FF0000;
  font-size: 12px;
}

.btn_bbs_url_create {
  background: url(../img/bg_tool_btn.png) repeat-x left center;
  border: 1px solid #CECECE;
  font-size: 14px;
  width: 150px;
  padding: 5px 15px;
  text-align: center;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  width: 120px;
  cursor: pointer;
}
.btn_bbs_url_create:hover {
  text-decoration: none !important;
}

.btn_area {
  display: flex;
  align-items: center;
  gap: 12px;
}
.text_bbs_gadget {
  flex-grow: 1;
  min-width: 0;
  background-color: #f2f2f2;
  border: solid 1px #ccc;
  height: 20px;
}
.btn_bbs_url_copy {
  appearance: none;
  outline: none;
  flex-shrink: 0;
  background: #efefef;
  color: #000 !important;
  border: 1px solid #767676;
  border-radius: 2px;
  width: 55px;
  padding: 2px 6px 2px;
  text-align: center;
  margin: 0;
  font: inherit;
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
  box-shadow: none;
  box-sizing: content-box;
}
.btn_bbs_url_copy:hover {
  text-decoration: none !important;
  background: #e5e5e5;
}
.btn_gadget_preview {
  flex-shrink: 0;
  background: #efefef;
  color: #000 !important;
  border: 1px solid #767676;
  border-radius: 2px;
  padding: 2px 6px 2px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  width: 88px;
  cursor: pointer;
}
.btn_gadget_preview:hover {
  text-decoration: none !important;
  background: #e5e5e5;
}

.url_create_area {
  padding: 15px 0;
  text-align: center;
}
.gadget_text {
  width: 100%;
}
.gadget_text_large {
  width: 100%;
}
.gadget_text_small {
  width: 30%;
}
.gadget_text_xsmall {
  width: 15%;
}

.gadget_option_text {
  padding-left: 1px;
}
.gadget_attention_text {
  padding-left: 10px;
}
.gadget_color_text {
  padding: 1px 5px;
  width: 50px;
}
input[id="forum1Id"][disabled] {
  background-color: #f2f2f2;
  border: solid 1px #f2f2f2;
}
input[id="tab1"], input[id="tabname1"], input[id="tab2"], input[id="tabname2"], input[id="tab3"], input[id="tabname3"], input[id="tab4"], input[id="tabname4"], input[id="tab5"], input[id="tabname5"] {
  margin-left: 10px;
}

.tl_mail {
	cursor: pointer;
	background: none !important;
	border: none !important;
}
.material-icons.notification_on {
	color: #F4B400 !important;
	font-size: 27px;
}
.material-icons.notification_off {
	color: #9F9F9F !important;
	font-size: 27px;
}
.material-icons.assignment {
	color: #616161;
	font-size: 24px;
}
.material-icons.language {
	color: #333333;
	font-size: 24px;
}
.material-icons.access_time {
	color: #333333;
	font-size: 24px;
}
.material-icons.expand_more {
	color: #333333;
	font-size: 24px;
	position: relative;
	top: 7px;
	cursor: default;
}
.material-icons.chevron_right {
	color: #333333;
	font-size: 24px;
	position: relative;
	top: 7px;
	cursor: default;
}
.material-icons.all.closed {
	color: #333333;
	font-size: 10px;
	font-family: auto;
	border: 1px solid #CECECE;
	border-radius: 5px;
	position: relative;
	padding: 4px;
	top: -8px;
}
.material-icons.all.closed:hover {
	background: #F4F4F4;
}
.material-icons.all.opened {
	color: #333333;
	font-size: 10px;
	font-family: auto;
	border: 1px solid #CECECE;
	border-radius: 5px;
	position: relative;
	padding: 4px;
	top: -8px;
}
.material-icons.all.opened:hover {
	background: #F4F4F4;
}
.material-icons.folder_special {
	color: #0c2c57;
	font-size: 15px;
	position: relative;
	margin-right: 5px;
	top: 3px;
}
.forumName .material-icons.assignment {
	position: relative;
	top: 7px;
}
.notification_on .mailNotificationTitle {
  color: #22AC38;
  background: #E1F7E4;
}
.notification_off .mailNotificationTitle {
  color: #D24C3B;
  background: #FFEDED;
}
.mailNotificationTitle {
  font-size: 18px;
  padding: 16px 0 15px 16px;
}

.mailNotificationBody .content {
	padding: 5px 0 10px 20px;
}
.mailNotificationSetting {
    display: inline-block;
    border-radius: 5%;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    padding: 9px 9px;
    background: #D24C3A;
    color: #FFFFFF !important;
    line-height: 1em;
    transition: .3s;
    /* box-shadow: 2px 2px 1px #D61A1A; */
    border: 1px solid #D24C3A;
}
.mailNotificationSetting:hover {
	  color: #FFFFFF;
	  background: #CF7C72;
}
.mailNotificationClose {
    display: inline-block;
    border-radius: 5%;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    padding: 9px 9px;
    background: buttonface;
    color: #333333 !important;
    line-height: 1em;
    transition: .3s;
    /* box-shadow: 2px 2px 1px #979696; */
    border: 1px solid #CECECE;
}
/* .mailNotificationClose:hover {
	  background: buttonface;
    color: #333333;
} */
.rangeBtn a {
	text-decoration: none;
}
.forumName {
	padding: 2px 0 0 20px;
}
.forumName .text {
	padding-top: 3px;
	padding-left: 5px;
}
.notification_icon {
	position: relative;
	top: 8px;
	left: 5px;
}
.configTitle {
	margin-left: -20px;
	left: 20px;
}
.configTitle span{
	position: relative;
	top: -8px;
}
.languageArea {
	float: left;
	width: 30%;
}
.timeZoneArea {
	float: right;
	width: 70%;
}
.boardSettingArea .configTitle {
	width: 50%;
	position: relative;
	top: 15px;
}
.mail_setting #cboxClose {
  display: none !important;
}
.mail_setting:focus {
  outline: none;
}
.mailNotificationSetting:focus, .mailNotificationClose:focus {
	outline: none;
}
.mail_setting {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
}
.publishedPulldown {
  padding-top: 15px;
  margin-left: 200px;
}

.admin-data .specifiedPeriod {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 200px;
}
.admin-data .specifiedPeriod-title {
  display: inline-block;
  margin-bottom: 8px;
}
.admin-data .date-hour-range {
  display: flex;
  align-items: center;
}
.admin-data .start-date-hour,
.admin-data .end-date-hour {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.admin-data .date-input-wrapper {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}
.admin-data .date-input-wrapper input {
  padding-right: 30px;
  border: none;
  border-bottom: 1px solid #ccc;
  background: transparent;
  outline: none;
}
.admin-data .date-input-wrapper::after {
  content: 'event';
  font-family: 'Material Icons';
  font-size: 24px;
  position: absolute;
  right: 32px;
  top: 2px;
  pointer-events: none;
  color: #757575;
}
.admin-data .specifiedPeriod input.datepicker {
  border: none;
  background: #fff;
  outline: none;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  width: 128px;
  height: 36px;
  margin-right: 24px;
  padding-left: 8px;
  transition: border-color 0.2s ease;
  font-size: 16px;
}
.admin-data .specifiedPeriod input.datepicker:hover {
  border-color: #000;
}
.admin-data .ui-widget-content {
  background: #fff;
  padding: 12px;
  width: 270px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}
.admin-data .ui-widget-header {
  border: none;
  background: #fff;
  color: #000;
  font-weight: bold;
}
.admin-data .ui-datepicker-prev,
.admin-data .ui-datepicker-next {
  position: relative;
  overflow: visible;
}
.admin-data .ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover:hover,
.admin-data .ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover:hover {
  border: 1px solid #ededed;
  background: #ededed;
  border-radius: 50%;
}
.admin-data .ui-datepicker-prev .ui-icon,
.admin-data .ui-datepicker-next .ui-icon {
  background: none;
  text-indent: 0;
  overflow: visible;
}
.admin-data .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w,
.admin-data .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e {
  font-size: 0;
  background: none;
}
.admin-data .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w::before {
  content: 'arrow_back_ios';
  font-family: 'Material Icons';
  font-size: 14px;
  color: #757575;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 3px;
}
.admin-data .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e::before {
  content: 'arrow_forward_ios';
  font-family: 'Material Icons';
  font-size: 14px;
  color: #757575;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.admin-data .ui-datepicker-calendar thead {
  color: #acacac;
}
.admin-data .ui-datepicker-calendar td {
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 50%;
  transition: background-color 0.2s ease;
}
.admin-data .ui-datepicker-calendar td a {
  padding: 0;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: 50%;
  transition: background-color 0.2s ease;
}
.admin-data .ui-datepicker-calendar td.ui-datepicker-today a {
  border: 1px solid #82b1ff;
  background: #fff;
  color: #82b1ff;
  border-radius: 50%;
}
.admin-data .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active {
  border: 1px solid #82b1ff;
  background: #82b1ff;
  color: #fff;
  border-radius: 50%;
  font-weight: bold;
}
.admin-data .ui-datepicker-calendar td a:hover {
  border: 1px solid transparent;
  background: #ededed;
  border-radius: 50%;
}
.admin-data .ui-state-default,
.admin-data .ui-widget-content .ui-state-default,
.admin-data .ui-widget-header .ui-state-default {
  border: none;
  background: #fff;
  font-weight: normal;
  color: #000;
}
.admin-data .ui-state-active,
.admin-data .ui-widget-content .ui-state-active,
.admin-data .ui-widget-header .ui-state-active {
  border: 1px solid #82b1ff;
  background: #82b1ff;
  color: #fff;
  border-radius: 50%;
  font-weight: bold;
}
.admin-data .hour-select-wrapper {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}
.admin-data .hour-select-wrapper::after {
  content: 'arrow_drop_down';
  font-family: 'Material Icons';
  font-size: 24px;
  position: absolute;
  left: 26px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #757575;
  transition: transform 0.2s ease-in-out;
}
.admin-data .hour-select-wrapper.open::after {
  transform: translateY(-50%) rotate(180deg);
}
.admin-data select.hourSelect {
  appearance: none;
  border: none;
  background: #fff !important;
  outline: none;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  padding-right: 20px;
  padding-bottom: 6px;
  width: 50px;
  height: 36px;
  padding-left: 8px;
  padding-top: 6px;
  font-size: 16px;
  transition: border-color 0.2s ease;
  scrollbar-width: thin;
  scrollbar-color: #b8b8b8 #f1f1f1;
}
.admin-data select.hourSelect:hover {
  border-color: #000;
}
.admin-data select.hourSelect::-ms-expand {
  display: none;
}
.admin-data select.hourSelect::-webkit-scrollbar {
  width: 6px;
}
.admin-data select.hourSelect::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.admin-data select.hourSelect::-webkit-scrollbar-thumb {
  background: #b8b8b8;
  border-radius: 8px;
}
.admin-data select.hourSelect option {
  background-color: #eee;
}
.admin-data .minutes {
  margin-left: 5px;
  font-size: 16px;
  color: #2e2e2e;
  font-weight: bold;
  vertical-align: -2px;
}
.admin-data .date-clear-btn {
  color: #232323;
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  padding-bottom: 4px;
  transition: color 0.2s ease;
  border-radius: 50%;
  padding: 2px;
}
.admin-data .date-clear-btn:hover {
  color: #D24E3C;
}
.admin-data .range-indicator {
  margin-left: 16px;
  margin-right: 16px;
  font-size: 16px;
}
.admin-data .error {
  text-align: left;
  margin-top: 4px;
  margin-bottom: 12px;
}
.admin-data .specifiedPeriod-notice{
  margin-bottom: 8px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.admin-data #downloadButton:disabled {
  cursor: not-allowed;
}

@media all and (-ms-high-contrast: none) {
	.child {
		padding-top: 24px;
		padding-left: 24px;
	}
}
@media (max-width: 1050px) {
  .date-hour-range {
    flex-direction: column;
    align-items: flex-start !important;
  }
}