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

body,form {
	margin:0;
	padding:0;
	border:0;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
}
#wrapper {text-align:center}
input, select, textarea{border:1px #ccc solid}
input[type=file]{width:calc(100% - 150px)}

/*	header
----------------------------------------------- */
header{
	width:1024px;
	margin:5px auto;
}
header:after {
	display:block;
	content:"";
	clear:both;
}
#logo, #login_name {float:left}
#logout {
	padding-left:15px;
	color:#ccc;
}
#logout a{
	margin-left:10px;
	padding-left:20px;
	background:url(../../_img/logout.png) left center no-repeat;
	background-size:contain;
}
#logout a img {
	width:15px;
	height:15px;
	vertical-align:baseline;
}
#controls {float:right}
.topmenuup{
	/*width:980px;*/
	height:25px;
}
.topmenuup div{
	float:right;
	height:20px;
	padding-left:5px;
}
.topmenuup div a{
	cursor:pointer;
}

.topmenudown{padding-top:5px}
.topmenudown:after{
	display:block;
	content:"";
	clear:both;
}
.topmenudown div{
	float:right;
	margin: 0 auto;
	width:60px;
	height:20px;
	line-height:20px;
	text-align: center;
	background-color: #f0f0f0;
	font-size: 12px;
	color:#000;
	margin-left:10px;
	cursor:pointer;
	font-family:"MS UI Gothic";
}
.topmenudown div.current{
	background-color: #fff;
	color:#00b0b0;
}
.topinfo{
	margin:0 auto;
	color:#000;
	width:1010px;
	height:90px;
	padding:4px;
	text-align:left;
	border:3px solid #059cc5;
	font-size:12px;
	font-family:"MS UI Gothic";
	overflow:auto;
}


/*	main
----------------------------------------------- */
.listdiv{
	width:1024px;
	margin:0 auto;
	padding-top:10px;
}
.listdiv:after{
	display:block;
	content:"";
	clear:both;
}
/*	left
----------------------------------------------- */
.leftdiv{
	float:left;
	width:190px;
}
.leftdiv:after{
	display:block;
	content:"";
	clear:both;
}
.leftsubdiv{
	float:left;
	width:180px;
	padding-bottom:5px;
}
.leftsubdiv img{
	padding-right:7px;
}
.fixed_link{
	width:100%;
	margin-bottom:20px;
}
.seal{
	width:100%;
	margin-top:20px;
	font-size:10px;
}
.seal a{
	display:block;
	width:60px;
	margin:0 auto;
}
.seal a img{width:100%}

/* login */
.loginbox{
	margin:0 auto;
	color:#000;
	width:200px;
	padding:8px;
	text-align:left;
	border:3px solid #059cc5;
	font-size:12px;
	font-family:"MS UI Gothic";
	margin-bottom:10px;
}
.loginbox input{
	width:98%;
	width:calc(100% - 10px);
	margin:5px 0 15px 0;
	border:1px #ccc solid;
	padding:2px 4px;
}
.loginbox input[type=submit]{
	box-sizing:content-box;
	background:#e6e6e6;
	font-size:12px;
}
.loginbox input[type=submit]:hover{
	cursor:pointer;
	background:#eee;
}
.loginbox a{
	text-decoration:none;
	color:#00f;
}
.loginError{
	color:#f00;
	margin:10px 0;
}
.loginBtn{
	text-align:right;
}



.calender{
	width:200px;
	height:150px;
	background:#FFFFFF;
}

/*	center
----------------------------------------------- */
.centerdiv{
	float:right;
	width:824px;
	min-height:400px;
	height:100%;
}

/*	list	*/
.list:after{
	display:block;
	content:"";
	clear:both;
}
.listtitle{
	float:none;
	width:98%;
	width:calc(100% - 11px);
	margin-top:3px;
	/*height:22px;
	padding-top:8px;*/
	height:20px;
	padding-left:5px;
	text-align:left;
	font-size:14px;
	line-height:20px;
	color:#fff;
	/*background:url(../../_img/listtitle.png) no-repeat;*/
}

.listdttop{
	float:left;
	width:732px;
	margin-top:10px;
	padding-top:15px;
	padding-bottom:10px;
	border-bottom:1px solid #c8e3e8;
	border-top:3px double #6ea9b3;
	text-align:left;
}
.listdtadd{
	float:none;
	width:760px;
	height:25px;
	padding-top:10px;
	padding-left:20px;
	text-align:left;
}
.list_addname{width:130px}
.listdtback{
	float:none;
	width:760px;
	height:25px;
	padding-top:10px;
	padding-left:20px;
	text-align:left;
}
.listtop{
	float:none;
	width:100%;
	padding-top:15px;
	/*border-bottom:3px double #6ea9b3;*/
	text-align:left;
}
.listtop table{width:100%}
.listtop_left{text-align:left}
.listtop_right{text-align:right}
#search_oc,
#close_btn{display:none}

.listsubtitle{
	width:100%;
	padding:4px 0;
	text-align:left;
	color:#000;
	font-weight:bold;
	background:#fcfcf1;
	border-top:1px solid #15b9d8;
	border-bottom:1px solid #15b9d8;
}
.listsubtitle:after{
	display:block;
	content:"";
	clear:both;
}

.listdt{
	float:left;
	width:100%;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom:1px solid #c8e3e8;
	text-align:left;
}
.listdt:after{
	display:block;
	content:"";
	clear:both;
}
.listdt div{
	float:left;
	padding-left:5px;
}
.listdttop div{
	float:left;
	padding-left:5px;
}
.listdt_date{
	float:left;
	width:140px;
	padding-left:5px;
}
.listdt_title{
	float:left;
	width:285px;
	padding-left:5px;
}
/*  New ADD  */
.listdt_groupname
{
	float:left;
	width:169px;
	text-align:left;
	padding-left:5px;
	word-break:break-all;
}
.listdt_title{word-break:break-all}
.listdt_update
{
	float:left;
	padding-left:18px;
	width:75px;
}
/* Add End */
.listdt_name{
	float:left;
	width:95px;
	padding-left:5px;
}
.listdt_state{
	float:left;
	width:70px;
	padding-left:5px;
}
.listdt_count{
	float:left;
	width:30px;
	text-align:right;
	padding-left:5px;
}

.listdetailtop{
	width:98%;
	width:calc(100% - 2px);
	margin-top:10px;
	margin-bottom:20px;
	padding-bottom:15px;
	border:1px solid #15b9d8;
	text-align:left;
	background:#fbffff;	
}
.listdetailtitle{
	width:98%;
	width:calc(100% - 10px);
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	color:#3f596a;
	background:#FCFCF1;
	border-top:1px solid #15b9d8;
	border-bottom:1px solid #15b9d8;
}
.listdetailtitle:after{
	display:block;
	content:"";
	clear:both;
}

.listdetailst{
	width:calc(100% - 2px);
	margin-top:10px;
	margin-bottom:10px;
	/*padding-bottom:15px;*/
	border:1px solid #15b9d8;
	text-align:left;
	background:#fbffff;
}

.listdetail{
	width:98%;
	width:calc(100% - 20px);
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
	color:#3f596a;
}
.listdetail:after{
	display:block;
	content:"";
	clear:both;
}

.listdetail_state{
	float:left;
	width:75px;
}


.listdetail_date{
	float:left;
	width:140px;
}

.listdetail_name{
	float:left;
	width:200px;
}

.listdetail_topname{
	float:left;
	width:100px;
}
.listdetail_topdetail{
	float:right;
	width:calc(100% - 100px);
	word-break:break-all;
}

.listdetail_addfile{
	float:left;
	width:75px;
}
.listdetail_btn{
	float:left;
	width:70px;
	text-align:right;
}

.listdetail_names{
	float:left;
	width:100%;
}
.listdetailcont{	
	float:left;
	width:100%;
	padding-top:2px;
	padding-bottom:10px;
	padding-left:10px;
	text-align:left;
	color:#666666;
}
.listdetail_content{
	float:left;
	width:100%;
}


.listco{
	float:none;
	width:740px;
	height:100%;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;	
	text-align:left;
}

.list_top{
	float:left;
	width:720px;
	padding-top:20px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	border-bottom:1px dashed #999999;
}

#comment_table{
	width:100%;
	margin-top:10px;
	border-collapse:collapse;
}
#comment_table th,
#comment_table td{
	padding:10px;
	text-align:left;
	font-weight:normal;
	vertical-align:middle;
	border:1px #ddd solid;
}
#comment_table th input[type=text],
#comment_table th select,
#comment_table td input[type=text],
#comment_table td textarea{
	width:90%;
	width:calc(100% - 6px);
}

#comment_finish_table{width:100%}
#comment_finish_table td{
	width:100%;
	height:80px;
	text-align:center;
	vertical-align:middle;
}

/* search */
#search_table th{
	font-weight:normal;
	white-space:nowrap;
}
#search_table td{
	text-align:left;
	padding:4px 8px;
}
#search_table #user_name,
#search_table #user_position,
#search_table #keyword{width:100px}
#search_table #from_date, #search_table #to_date{width:86px}


.pager table{
	width:100%;
}
.pager .txtS,
.pager .txtS a{
	font-size:14px;
}
.pager .txtS span,
.pager .txtS a{
	display:inline-block;
	padding:5px;
	border:1px #aaa solid;
	color:#00f;
	text-decoration:none;
}
.pager .txtS span{
	color:#666;
	background:#f6f6f6;
}
.pager .txtS a:hover{
	border:1px #00f solid;
	background:#eeeff7;
}

/* account */
#user_mail, #user_tel1_1, #user_tel1_2, #user_tel1_3, #user_tel2_1, #user_tel2_2, #user_tel2_3,
#user_fax_1, #user_fax_2, #user_fax_3, #user_post_1, #user_post_2{
	ime-mode:disabled;
}
#comment_table td #user_sei,
#comment_table td #user_mei,
#comment_table td #user_fsei,
#comment_table td #user_fmei{
	width:40%;
	width:calc(50% - 80px)
}
#comment_table td #user_mail{
	width:80%;
	width:calc(100% - 120px);
}
#comment_table td #user_tel1_2,
#comment_table td #user_tel1_3,
#comment_table td #user_tel2_2,
#comment_table td #user_tel2_3,
#comment_table td #user_fax_2,
#comment_table td #user_fax_3,
#comment_table td #user_post_2{
	width:4em;
}
#comment_table td #user_tel1_1,
#comment_table td #user_tel2_1,
#comment_table td #user_fax_1,
#comment_table td #user_post_1{
	width:3em;
}

/* pop */
#userpop,
#keywordpop{
	width:100%;
	max-width:500px;
	position:absolute;
	display:none;
	left:30%;
	top:30%;
}
#userpop table, #keywordpop table{
	width:100%;
	border-collapse:collapse;
}
#userpop table th, #userpop table td,
#keywordpop table th, #keywordpop table td{
	border:1px #ccc solid;
	background:#fff;
	vertical-align:middle;
	font-weight:normal;
	padding:6px;
}


/*	footer
----------------------------------------------- */
footer{
	width:100%;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:30px;
	border-top:1px solid #ccc;
	background:#fafafa;
}

/*
	page_navi
*/
.page_navi {
	font-size: 11px;
	text-align: right;
	color: #333333;
}
.page_navi a {
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
}

input.btn_s {
	font-family:"MS UI Gothic";
	height:25px;
}

.red{
	color:#FF0000;
}

.btnstyle{
	cursor:pointer;
}


@media print {
	.leftdiv {display:none}
	.centerdiv {width:965px}
}





/* mail_template */
.popup{cursor:pointer}
.mail_template_box{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:10px 0;
	text-align:center;
	background:rgba(0,0,0,.7);
	z-index:10;
}
.mail_template_box{height:100%;min-height:100%;padding:0}
.mail_template{
	display:inline-block;
	padding:0;
	border:1px #ccc solid;
	text-align:left;
	font-size:11px;
	vertical-align:top;
	background:#fff;
}
.mail_template_box .mail_template{margin-top:50px;font-size:14px}
.mail_template p{
	display:block;
	margin:0;
	padding:2px;
	background:#ccc;
}
.mail_template div{
	margin:0;
	padding:0 5px;
}
.mail_template_box .close{
	position:absolute;
	top:5px;
	right:5px;
	width:50px;
	height:50px;
	border:1px #fff solid;
	cursor:pointer;
}
.mail_template_box .close:before{
	position:absolute;
	top:24px;
	right:-10px;
	display:block;
	content:"";
	width:70.71px;
	height:1px;
	background:#fff;
	transform:rotate(45deg);
}
.mail_template_box .close:after{
	position:absolute;
	top:24px;
	right:-11px;
	display:block;
	content:"";
	width:70.71px;
	height:1px;
	background:#fff;
	transform:rotate(-45deg);
}
#popup{
	display:inline-block;
	padding:3px 7px;
	border:1px #ccc solid;
	background:#eee;
	cursor:pointer;
}