@charset "utf-8";

/*==============================================
 CSS INFO
 Description : common css
===============================================*/
@import url("colorbox.css");
/*@import url("jquery.ui.all.css");*/

/* reset
============================================== */
html,body,div,span,iframe,p,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;}

button {
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
}

img{
border: 0;
vertical-align:bottom;}

h1,h2,h3,h4,h5{
font-size: 100%;}

ul{list-style: none;}

table{
border-collapse: collapse;
border-spacing: 0;}

input,select,textarea{
vertical-align:middle;
font-size:100%;
font:inherit;}

/* link
============================================== */
a{
color: #0c2c57;;
text-decoration: none;}

a:visited{
color: #0c2c57;;
text-decoration: none;}

a:hover{
color: #0c2c57;;
text-decoration: underline;}

a:active{
color: #0c2c57;;
text-decoration: none;}

/* clrfix
============================================== */
.clrfix,.lsitopen,#toolsbar .toolbar{
overflow: hidden;}

.clrfix:after,.lsitopen:after,#toolsbar .toolbar:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;}

/*\*/
* html .clrfix,* html .lsitopen,* html #toolsbar .toolbar{
height: 1em;
overflow: visible;}
/**/

/* parts
============================================== */
.red{color:#FF0000;}

/* layout
============================================== */
/* body
------------------------------------ */
body{
/*font:13px/1.4 Helvetica,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
font:13px/1.4 Helvetica,Arial,メイリオ,Meiryo,'ＭＳ Ｐゴシック',sans-serif;
background-color: #FFF;
color: #333;}

/* header
------------------------------------ */
#header{
min-width: 930px;
background:#F5F5F5;
margin-bottom: 17px;}

#gadget-header{
background:#F5F5F5;
margin-bottom: 17px;}

.headMenu{
background-color:#2D2D2D;
border-bottom:1px solid #D3D2D2;
padding: 8px 15px;
margin-bottom: 17px;
color: #CACACA;}

.headMenu ul{
float: left;}

.headMenu li{
display: inline;
padding-left: 10px;}

.headMenu li a,.headMenu p a{
color: #CACACA;
text-decoration: none;
font-weight: bold;}

.headMenu p{
float: right;}

.logo{
border-bottom:1px solid #E5E5E5;}

.logo h1{
float: left;
margin-left: 10px;}

.logo h1 img{
vertical-align: middle;}

.logo h1 span{
padding-left: 15px;}

.search{
float: right;}

.search{
margin-right: 13px;}

.srchInpt{
float: left;}

.srchInpt input{
width: 235px;
height: 25px;
margin-right: 6px;}

.srchBtn{
text-align: center;
float: left;}

.pagenavi{
margin: 0;
padding: 0;
clear: both;
/* background: url("../img/bg_pagenavi.png") repeat-x left bottom; */
background: #275598 url(none) repeat-x left bottom;
color: #FFF;
padding: 5px 0;
border-top:1px solid #FFF;
border-bottom: 1px solid #D3D2D2;}

.pagenavi li{
background: url("../img/pagenavi_arrow.png") no-repeat left center;
padding-left: 13px;
display: inline;
font-weight: bold;}

.pagenavi li:first-child{
background: none;}

.pagenavi a{
color: #c1d0ea;
font-weight: normal;}


/* toolsbar
------------------------------------ */
#toolsbar{
min-width: 930px;
height: 51px;
position: relative;}

.entryBtn{
width:200px;
height: 33px;
float:left;
margin-right: 25px;
text-align: center;}

#toolsbar .toolbar{
padding-right: 15px;}

.toolL{float: left;}
.toolR{float: right;}

.tool div{
display: inline-block;
border: 1px solid #CECECE;
border-radius: 3px;
background:url("../img/bg_tool_btn.png") repeat-x left center;
font-size: 14px;}

.toolL div{margin-right: 3px;}
.toolR div{margin-left: 3px;}

.tool div p{
color:#333;
font-weight: bold;}

.tool div p a{
text-decoration: none;
color:#333;}

.tl_rld p{
line-height: 27px;
display: block;
width: 65px;
background:url("../img/icon_reload.png") no-repeat center center;
text-indent: -9999px;
cursor: pointer;}

.tl_otr{
/*width: 90px;*/
cursor: pointer;}

.tl_otr p{
line-height: 27px;
margin: 0 5px;
padding-right: 10px;
text-align: center;
background: url("../img/arrow_down.png") no-repeat right center;}

ul.tl_otrList{
position:absolute;
top: 29px;
left: 300px;
width: 150px;
border:1px solid #CCC;
background-color: #FFF;
padding: 15px 0;
display: none;
z-index: 10;
}

ul.tl_otrList li{
padding: 3px 15px;
margin: 3px 0;}

ul.tl_otrList li:hover{
background-color: #EEE;}

.tl_csv{
width: 90px;
cursor: pointer;}

.tl_csv p{
line-height: 27px;
margin: 0 5px;
text-align: center;
background: url("../img/icon_download.png") no-repeat right center;}

.tool div.tl_nbr{
border:none;
background: none;}

.tool div.tl_fst{
text-align: center;
width: 88px;
border: 1px solid #275598;
background: url(none) repeat-x #bdd6ff left center;}
/* background: url("../img/bg_navi_first.png") repeat-x left center;} */

.tl_fst a{
background: url("../img/icon_prev.png") no-repeat 5px center;}

.toolR div a{
line-height: 27px;
display: block;}

.tool div.tl_prv a,.tool div.tl_nxt a{
display: block;
width:110px;
text-align: center;}

.tool div.tl_prv a{
background: url("../img/icon_prev.png") no-repeat 5px center;}

.tool div.tl_nxt a{
background: url("../img/icon_next.png") no-repeat 97px center;}

.tl_stg{
width:65px;}

.tl_stg a{
text-indent: -9999px;
background: url("../img/icon_setting.png") no-repeat center center;}

.tl_rss{
background:none !important;
border:none !important;
width:45px;}

.tl_rss a{
text-indent: -9999px;
background: url("../img/icon_rss.png") no-repeat center center;}


/* side
------------------------------------ */
#side{
width:200px;
height: auto!important;
float:left;
margin-right: 25px;
/*border-right: 3px double #CCC;*/
background: #F5F5F5 url("../img/bg_side.png") repeat-y right top;}

.sideMenu{
/*width:200px;*/
/*border:1px solid #E8E5E7;*/
/*background-color:#F4EDF1;*/
background-image: url("../img/arrow_side.png");
background-repeat: no-repeat;
background-position: right center;
/*background: url("../img/arrow_side.png") no-repeat right center;*/}

.listMenu{
padding: 10px 10px 10px 0;
font-size: 12px;}

.favoriteList{
padding: 0px 5px 10px 0;
font-size: 12px;}

.randSideIn .listMenu{
height: 311px;
overflow: auto;}
.randSideInN .listMenu{
height: 300px;
overflow: auto;}

.listMenu li span.tree_item_label{
display: block;
overflow: hidden;
margin-right: 22px;
padding-left: 15px;
white-space: nowrap;}

.listMenu li span.tree_item_label a{
white-space: nowrap;}

.favoriteList li div span.tree_item_label{
display: block;
overflow: hidden;
margin-right: 22px;
padding-left: 15px;
white-space: nowrap;}

.toggle{
width: 13px;
height: 15px;
position: absolute;
top:0;
background: #F4EDF1 url("../img/arrow_list_down.png") no-repeat left 6px;
cursor: pointer;}

.randSideIn .toggle{
background: #FFF url("../img/arrow_list_down.png") no-repeat left 6px;
}

.favorite_toggle{
width: 13px;
height: 15px;
position: absolute;
background: #F4EDF1 url("../img/arrow_list_down.png") no-repeat left 6px;
cursor: pointer;}

.favorite_item_label{
background: url("../img/arrow_right.png") no-repeat 3px center;
display: block;
overflow: hidden;
margin-right: 22px;
padding-left: 15px;
white-space: nowrap;}

.favoriteMenu{
height: 20px;
position: relative;
line-height: 20px;
padding-left: 10px;}

.tree_row{
height: 20px;
position: relative;
line-height: 20px;
padding-left: 10px;}

.arrow .tree_item_label{
background: url("../img/arrow_right.png") no-repeat 3px center;}

.listMenu li div.selection-highlighter{
border-left: 4px solid #F4EDF1;
height: 20px;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -1px;}

.favoriteList li div.selection-highlighter{
border-left: 4px solid #F4EDF1;
height: 20px;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -25px;}

.randSideIn .listMenu li div.selection-highlighter{
border-left: 4px solid #FFF;}

.listMenu li.cateon > .tree_row div.selection-highlighter{
border-left-color: #243969;}

.favoriteList li.cateon > .favorite_row div.selection-highlighter{
border-left-color: #243969;}

.listMenu li.cateon > .label_row div.selection-highlighter{
border-left-color: #243969;}

.listMenu li.cateon > .tree_row .tree_item_label{
font-weight: bold;}

.favoriteList li.cateon > .favorite_row{
font-weight: bold;}

.listMenu li.cateon > .label_row{
font-weight: bold;}

.un_read > .tree_row, .un_read > .favorite_row,  .un_read > .label_row {
display: block;
background: url("../img/icon_unread.png") no-repeat right center;}

.tree_row_1 li .tree_row{padding-left: 20px;}
.tree_row_2 li .tree_row{padding-left: 25px;}
.tree_row_3 li .tree_row{padding-left: 30px;}
.tree_row_4 li .tree_row{padding-left: 35px;}
.tree_row_5 li .tree_row{padding-left: 40px;}
.tree_row_6 li .tree_row{padding-left: 45px;}
.tree_row_7 li .tree_row{padding-left: 50px;}
.tree_row_8 li .tree_row{padding-left: 55px;}
.tree_row_9 li .tree_row{padding-left: 60px;}
.tree_row_10 li .tree_row{padding-left: 65px;}
.tree_row_11 li .tree_row{padding-left: 70px;}
.tree_row_12 li .tree_row{padding-left: 75px;}
.tree_row_13 li .tree_row{padding-left: 80px;}
.tree_row_14 li .tree_row{padding-left: 85px;}
.tree_row_15 li .tree_row{padding-left: 100px;}


.secondMenu,.addCate{
margin-right: 5px;
font-size: 12px;
background: url("../img/side_border.png") repeat-x left top;}

.secondMenu{
padding: 15px 0;}

.secondMenu li{
height: 20px;
line-height: 20px;
padding-left: 25px;}

.addCate{
padding: 15px 0 50px;
text-align: center;}

.favoriteTopic {
height: 20px;
line-height: 20px;
color: #0c2c57;}

.labelTopic {
height: 20px;
line-height: 20px;
color: #0c2c57;}

.favorite_row{
height: 20px;
position: relative;
line-height: 20px;
overflow: hidden;
white-space: nowrap;}

.label_row{
height: 20px;
position: relative;
line-height: 20px;
padding-left: 25px;
overflow: hidden;
white-space: nowrap;}

/* contents
------------------------------------ */
#contents{
min-width: 695px;
padding-left: 220px;
padding-right: 15px;
margin-bottom: 20px;}

#gadget-contents{
padding-left: 220px;
padding-right: 15px;
margin-bottom: 20px;}

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

.views {
	min-height: 250px;
}

.entryListTbl{
width: 100%;
margin-bottom: 20px;}

.entryListTbl td{
padding: 8px 0;
border-bottom: 1px solid #CECECE;
white-space:nowrap;}

.entryListTbl td.entBdy,
.entryListTbl td.entTtl{
padding: 0 20px 0 0;
overflow: hidden;}

.entBdy + td{
padding-left: 25px!important;}

.temp + td{
padding-right: 13px!important;}

.entTtl + td{
padding-left: 13px!important;}

.entBdy div{
width:100px;
white-space:nowrap;}

.entTtl a{
display: block;
width:100px;
white-space:nowrap;}

.entryListTbl td.tdCat {
	padding: 0 20px 0 0;
	overflow: hidden;}

.entryListTbl td.tdCat span {
	display: block;
	width:100px;
	white-space:nowrap;}

.entryListTbl td.tdCat + td{
padding-left: 13px!important;}

.bg_even{
background-color: #F5F5F5;}

.entrySort{
/* background:url("../img/bg_tool_btn.png") repeat-x left center; */
border:1px solid #D8D8D8;}

.entryListTbl td.thCk{width:40px;}
.thStr,.thNte,.thTmp{width:25px;}
.thDat{width: 120px;}
.thUsr{min-width: 150px;}
.thFol{width: 65px;}
.thTtl{width: 46%;}
.thCat{width: 20%;}

.thDat span{
display: block;
float: left;}
.thRss{
display: block;
text-align: right;
margin-right: 10px;}

.thTtl span,.thCat span,.thFol span,.thUsr span,.thDat span,.thBdy span{
background: url("../img/arrow_down.png") no-repeat right center;
padding-right: 10px;}
.thTtl span.des,.thCat span.des,.thFol span.des,.thUsr span.des,.thDat span.des,.thBdy span.des{
background: url("../img/arrow_up.png") no-repeat right center;
padding-right: 10px;}

td.thDat{
padding: 3px 0 0;
vertical-align: middle;}

.thCat,.thBdy{
padding-left: 13px!important;}

.thBdy + td{
padding-left: 30px!important;}

.thUsr{
padding-left: 10px!important;}

.sorton{font-weight: bold;}

.star span{
width: 19px;
height: 18px;
display: block;
background: url("../img/icon_star_off.png") no-repeat left center;
cursor: pointer;
position: relative;
top: 3px;
}

.staron .star span{
background: url("../img/icon_star_on.png") no-repeat left center !important;}

.tr-selected{
background-color:#FFFFCC;}

.note span{
display: block;
width:17px;
height: 18px;
background: url("../img/icon_note.png") no-repeat left center;
position: relative;
top: 3px;
}
.temp img {
position: relative;
top: 3px;
}
.entryListTbl td.entUsr, .entryListTbl td.entCom {
    overflow: hidden;
}

.entryListTbl td.entUsr span{
display: block;
line-height:21px;
color:#333;
background: url("../img/icon_user.png") no-repeat 10px center;
padding-left:25px;
width:100px;
white-space:nowrap;
}

.entryListTbl td.entCom span{
display: block;
line-height:21px;
color:#663366;
background: url("../img/icon_company.png") no-repeat 10px center;
padding-left:25px;
width:100px;
white-space:nowrap;
}

.entryListTbl td.entTime{
background: url("../img/icon_time.png") no-repeat left center;
padding-left:22px;}

.ckBx{
position: relative;
left: 12px;
cursor: pointer;
}
.bulk input{
margin-left: 12px !important;
margin-top: -2px !important;
z-index: 1;
}

ul.ckBxList{
text-align: left;
position:absolute;
top: 20px;
left: 0;
width: 100px;
border:1px solid #CCC;
background-color: #FFF;
padding: 15px 0;
display: none;
z-index: 10;
}

ul.ckBxList li{
padding:3px 15px;
margin: 3px 0;}

ul.ckBxList li:hover{
background-color: #EEE;}

.unread{font-weight: bold;}

#footer{
text-align:center;
background:#F5F5F5;
padding:10px 0;
border-top:1px solid #E5E5E5;
clear:both;
position:relative;
}

#footer #timezone {
	position:absolute;
	right:3px;
	bottom:13px;
}

.notification{
background-color: #E1F7E4;
border: 1px solid #61BA70;
text-align: center;
padding: 10px 5px;
border-radius: 5px;
margin: 0 0 10px;
color: #22AC38;
}

.error{
background-color: #FDE1E1;
border: 1px solid #FF9A9A;
text-align: center;
padding: 10px 5px;
border-radius: 5px;
margin: 10px 0;
color: #FF0000;}

/*.dtlTbl td.DtlOpen{
vertical-align: top;
cursor: pointer;
padding: 8px 3px;
width: 10px;}

.DtlOpen span{
width: 10px;
margin: 3px 0 0;
background: url("../img/arrow_down.png") no-repeat center center;
text-indent: -9999px;
display: block;}

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

.title03{
font-size	: 16px;
margin-bottom: 5px;}

.adminMenu{}

.innerBox{
background-color: #e2e7ef;
border: 1px solid #CCCCCC;
padding: 20px;}

.innerBox p{
margin-bottom: 15px;}

.userGroup{
margin-bottom: 20px;}

.userUpdate{}

.userUpdate dt{
width: auto;
float: left;
clear: left;
background: #FFF url("../img/icon_time.png") no-repeat 5px center;
border: 1px solid #CCCCCC;
padding: 5px 15px 5px 27px;
margin-right: 10px;}

.userUpdate dd{
background: url("../img/bg_tool_btn.png") repeat-x left center;
border: 1px solid #CECECE;
border-radius: 3px;
display: inline-block;
font-size: 14px;}

.userUpdate dd a{
display: block;
padding: 5px 15px;
text-decoration: none;
color: #333;
font-weight: bold;
}

.logoChange{}
.logoChange form{}
.logoChange table th,
.logoChange table th {
	padding: 5px;
}

.adminMembers{
width:100%;
margin: 15px 0 20px;}

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

.admName{
width:220px;}

.admName span{
background: url("../img/icon_user.png") no-repeat left center;
padding: 5px 0 5px 18px;}

.admEdit{
width: 120px;
}

.admEdit span{
width:83px;
display: block;
/*border-radius: 3px;
border: 1px solid #D8D8D8;*/
padding: 0 8px;
/*background: url("../img/bg_tool_delet.png") repeat-x left center;*/}

.admEdit a{
display: block;
margin-right: 5px;
padding: 5px 0;
background: url("../img/icon_deleat.png") no-repeat right center;
color: #333;}

.sysAdminAdd{
text-align: center;}

div.elrteTableWrapper tbody,
  div.elrteTableWrapper tr,
  div.elrteTableWrapper td {
  border: inherit;
  padding: inherit;
}

#gadget-contents .entries .btnArea {
	padding-top: 10px;
}

#gadget-contents .entries .btnArea .loginBtn {
	color: #fff; 
	background: #7991B5; 
	padding: 10px 30px; 
	display: inline-block;
	border-radius: 3px;
	text-decoration: none;
}

#gadget-contents .entries .btnArea .loginBtn:hover {
	background: #93A7C3;
}


/* ==========================================================================
151行目上書き20160818
========================================================================== */
.pagenavi{background: #0193DE url(none) repeat-x left bottom;}

/* ==========================================================================
   561行目上書き20160825
========================================================================== */
.entryListTbl td.entCom span {color: #333;}