@charset "utf-8";

/*==================================================================== module
*/

html,body { height: 100%;}
#wrapper { position: relative; min-width: 1000px; min-height: 100%; height: auto !important; height: 100%;}

#container {
	position: relative;
	width: 1000px;
	text-align: left;
	padding: 0 0 6em;
	margin: 0 auto;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #fff;
	border-top: 2px solid #F4C9C9;
	z-index: 1;
}


@media screen and (max-width: 999px){
#wrapper { min-width: inherit;}
#container { width: auto;}
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 480px){
}

/*==================================================================== header
*/

.hNav ul, .hOtherNav { position: relative; height:26px;}
.hTitle { padding: 8px;}
h1 { font-size: 168%; line-height: 100%; padding: 0;}
h1 img { width: 100px; padding-right: 6px; vertical-align: middle;}
.hTitle p { position: absolute; top: 24px; right: 10px; font-weight: bold;}
.hTitle p strong { color: #44b7ee;}

/*---------------------------------- hNav
*/

.hNav { position: relative; background: #F4C9C9; box-shadow: 0 4px 4px #ddd; padding: 0 10px; margin-bottom: 6px; z-index: 1;}
.hNav li { position: relative; height: 26px; float: left; padding-right: 1px;}
.hNav .logOut { float: right; padding-right: 0;}
.hNav .hTab div,
.hNav li a { position: relative; display: block; min-width: 60px; height: 100%; background: #E57C7C; color: #fff; text-decoration: none; line-height: 26px; padding: 0 10px 0 25px;}
.hNav .hTab div { cursor: pointer;}
.hNav .hTab div:hover,
.hNav li a:hover { background-color: #D53030;}
.hNav .hTab div:before,
.hNav li a:before {
	position: absolute;
	top: 5px;
	left: 6px;
	display: inline-block;
	width: 16px;
	height: 16px;
	content: "";
	background: url(../img/icon_gnav_btn.png) no-repeat;
}
.hNav .logOut a:before { background-position: -16px 0;}
.hNav .hManage a { background-color: #444;}
.hNav .hManage a:hover { background-color: #000;}

.hNav .hTab div:before { background-position: -32px 0;}
/*.hNav .hTab div:hover:before { background-position: -48px 0;}*/
.hNav .hTab .hTabList {
	position: absolute;
	top: 26px;
	left: 0;
	display: none;
	width: 260px;
	height: auto;
	background-color: #ccc;
	padding: 0;
	overflow: hidden;
}
.hNav .hTab div:hover .hTabList { display: block;}
.hNav .hTabList li { float: none; height: auto; padding-top: 1px;}
.hNav .hTabList li:first-child { padding-top: 0;}
.hNav .hTabList li a {
	min-width: inherit;
	background-color: #444;
	line-height: 1.2;
	padding-top: 6px;
	padding-bottom: 6px;
}
.hNav .hTabList li a:hover { background-color: #000;}
.hNav .hTabList li a:before { background-position: -62px 0;}

.hOtherNav { position: absolute; top: 5px; right: 10px;}
.hOtherNav li { display: inline-block; padding-left: 10px;}

.hNav .hHome a { min-width: inherit; padding: 0 22px;}
.hNav .hHome span { display: none;}
.hNav .hHome a:before {
	top: 3px;
	left: 11px;
	width: 20px;
	height: 20px;
	background-image: url(../img/icon_home.png);
}

.hScrollArea {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 60;
}

.spMenuBtn { position: absolute; top: 5px; right: 5px; display: none; z-index: 2000;}
.spMenuBtn li { float: left; padding-left: 5px;}
.spMenuBtn li a {
	display: inline-block;
	width: 50px;
	height: 35px;
	background: #fff;
	background: linear-gradient(top, #fff, #f2f2f2);
	background: -ms-linear-gradient(top, #fff, #f2f2f2);
	background: -moz-linear-gradient(top, #fff, #f2f2f2);
	background: -webkit-linear-gradient(top, #fff, #f2f2f2);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	color: #00a0e9;
	font-size: 9px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 4px; -webkit-border-radius: 4px;
}
.spMenuBtn li a:hover {
	background: #f2f2f2;
	background: linear-gradient(top, #f2f2f2, #fff);
	background: -ms-linear-gradient(top, #f2f2f2, #fff);
	background: -moz-linear-gradient(top, #f2f2f2, #fff);
	background: -webkit-linear-gradient(top, #f2f2f2, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fff));
}
.spMenuBtn li a:before {
	display: block;
	content: "";
	width: 20px; height: 20px;
	background: url(../img/sp_icon_head_btn.png) no-repeat;
	background-size: auto 20px; -webkit-background-size: auto 20px;
	margin: 1px auto;
}
li.spm0 a:before { background-position: -140px 0;}
li.spm1 a:before { background-position: -160px 0;}

.spMenu {
	position: fixed;
	top: 0;
	right: 0;
	display: none;
	width: 350px;
	height: 100%;
	background: #222;
	box-shadow: 0 0 10px #222;
	z-index: 1100;
}
.spmHead { height: 50px; background: #000; box-shadow: 4px 0 6px #222;}
.spmHead h2 { float: left; color: #fff; font-size: 16px; padding: 12px 0 0 44px;}
.spmHead p { float: right; color: #fbb03b; font-size: 14px; font-weight: bold; padding: 16px 10px 0 0;}
.spmHead p span { color: #fff; font-size: 10px; font-weight: bold;}
.spmHead .sortClose { background-color: #000;}
.spMenu ul { overflow: auto;}
.spMenu .hTab div,
.spMenu li a {
	display: block;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	background: url(../img/sp_arw_menu.png) no-repeat 100% 50%;
	background-size: auto 18px; -webkit-background-size: auto 18px;
	border-bottom: 1px solid #4d4d4d;
	padding: 18px 20px;
}
.spMenu .hTab div { cursor: pointer;}
.spMenu .black a { background-color: #111;}
.spMenu .hTab div:hover,
.spMenu li a:hover { color: #7dcdf4; background-color: #111;}

.spMenu .hTab { border-bottom: 1px solid #4d4d4d;}
.spMenu .hTab div {
	background-image: url(../img/sp_arw_menu1.png);
	border: none;
}
.spMenu .hTab .active { background-image: url(../img/sp_arw_menu2.png);}

.spMenu .hTabList { display: none; padding: 0px 10px 10px;}
.spMenu .hTabList a { background: #333; border-bottom: 1px solid #222;}

@media screen and (max-width: 999px){
.hNav { padding: 0;}
.hNav li a { padding: 0 8px 0 24px;}
.hNav li a:before { left: 5px;}

}
@media screen and (max-width: 768px){
.hNav,
.hTitle p { display: none;}
.hTitle { box-sizing: border-box; -webkit-box-sizing: border-box; height: 42px; padding: 5px;}
h1 { padding: 3px 0 0 3px; line-height: 100%;}

.hScrollArea { position: absolute;}

.spMenuBtn { display: block;}
}
@media screen and (max-width: 480px){
h1 { font-size: 15px; padding-top: 0;}
h1 img { display: block; width: 56px; padding-bottom: 4px;}
}

/*==================================================================== container
*/

.hl0 {
	color: #000;
	font-size: 14px;
	border-bottom: 2px solid #D53030;
	padding: 6px 8px;
	margin-bottom: 4px;
}
.hl1 {
	background: #fff url(../img/icon_arw0.png) no-repeat 10px 50%;
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.3);
	color: #0068b7;
	border-bottom: 1px solid #ccc;
	padding: 9px 12px 9px 32px;
	margin-bottom: 5px;
}
.hl1.tBorder { border-top: 4px solid #0068b7; margin-top: 40px;}

.errorBox { background-color: #fff; color: #ea5531; border: 1px solid #ea5531; padding: 5px 10px; margin-bottom: 10px;}
.errorBox li:before { content: "※"; padding-right: 4px;}
.error,
input.error,
textarea.error { background-color: #fffaeb; border: 1px solid #ea5531;}
.iconRequired {
	display: inline-block;
	background: #ea5531;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 8px;
}

.topTxtLink { text-align: right; padding: 10px 0 0;}

.btnA, .btnB, .btnC, .btnD, .btnE, .btnF {
	display: inline-block;
	height: 36px;
	color: #fff;
	font-weight: bold;
	line-height: 36px;
	border: none;
	border-bottom: 2px solid transparent;
	border-radius: 4px; -webkit-border-radius: 4px;
	padding: 2px 10px;
}
.btnA {
	background: #f80;
	background: linear-gradient(top, #ffa316, #f80);
	background: -ms-linear-gradient(top, #ffa316, #f80);
	background: -moz-linear-gradient(top, #ffa316, #f80);
	background: -webkit-linear-gradient(top, #ffa316, #f80);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffa316), to(#f80));
	border-color: #f60;
}
.btnA:hover {
	background: #ffa316;
	background: linear-gradient(top, #f80, #ffa316);
	background: -ms-linear-gradient(top, #f80, #ffa316);
	background: -moz-linear-gradient(top, #f80, #ffa316);
	background: -webkit-linear-gradient(top, #f80, #ffa316);
	background: -webkit-gradient(linear, left top, left bottom, from(#f80), to(#ffa316));
}
.btnB {
	background: #00a0e9;
	background: linear-gradient(top, #29baef, #00a0e9);
	background: -ms-linear-gradient(top, #29baef, #00a0e9);
	background: -moz-linear-gradient(top, #29baef, #00a0e9);
	background: -webkit-linear-gradient(top, #29baef, #00a0e9);
	background: -webkit-gradient(linear, left top, left bottom, from(#29baef), to(#00a0e9));
	border-color: #007ad1;
}
.btnB:hover {
	background: #29baef;
	background: linear-gradient(top, #00a0e9, #29baef);
	background: -ms-linear-gradient(top, #00a0e9, #29baef);
	background: -moz-linear-gradient(top, #00a0e9, #29baef);
	background: -webkit-linear-gradient(top, #00a0e9, #29baef);
	background: -webkit-gradient(linear, left top, left bottom, from(#00a0e9), to(#29baef));
}
.btnC {
	background: #ea5531;
	background: linear-gradient(top, #ff5f3d, #ea5531);
	background: -ms-linear-gradient(top, #ff5f3d, #ea5531);
	background: -moz-linear-gradient(top, #ff5f3d, #ea5531);
	background: -webkit-linear-gradient(top, #ff5f3d, #ea5531);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff5f3d), to(#ea5531));
	border-color: #c43000;
}
.btnC:hover {
	background: #ff5f3d;
	background: linear-gradient(top, #ea5531, #ff5f3d);
	background: -ms-linear-gradient(top, #ea5531, #ff5f3d);
	background: -moz-linear-gradient(top, #ea5531, #ff5f3d);
	background: -webkit-linear-gradient(top, #ea5531, #ff5f3d);
	background: -webkit-gradient(linear, left top, left bottom, from(#ea5531), to(#ff5f3d));
}
.btnD {
	background: #bbb;
	background: linear-gradient(top, #ccc, #bbb);
	background: -ms-linear-gradient(top, #ccc, #bbb);
	background: -moz-linear-gradient(top, #ccc, #bbb);
	background: -webkit-linear-gradient(top, #ccc, #bbb);
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#bbb));
	border-color: #999;
}
.btnD:hover {
	background: #ccc;
	background: linear-gradient(top, #ddd, #ccc);
	background: -ms-linear-gradient(top, #ddd, #ccc);
	background: -moz-linear-gradient(top, #ddd, #ccc);
	background: -webkit-linear-gradient(top, #ddd, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ccc));
}
.btnE {
	background: #666;
	background: linear-gradient(top, #888, #666);
	background: -ms-linear-gradient(top, #888, #666);
	background: -moz-linear-gradient(top, #888, #666);
	background: -webkit-linear-gradient(top, #888, #666);
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#666));
	border-color: #444;
}
.btnE:hover {
	background: #888;
	background: linear-gradient(top, #666, #888);
	background: -ms-linear-gradient(top, #666, #888);
	background: -moz-linear-gradient(top, #666, #888);
	background: -webkit-linear-gradient(top, #666, #888);
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#888));
}
.btnF {
	background: #6cb33c;
	background: linear-gradient(top, #9ec950, #6cb33c);
	background: -ms-linear-gradient(top, #9ec950, #6cb33c);
	background: -moz-linear-gradient(top, #9ec950, #6cb33c);
	background: -webkit-linear-gradient(top, #9ec950, #6cb33c);
	background: -webkit-gradient(linear, left top, left bottom, from(#9ec950), to(#6cb33c));
	border-color: #449e00;
}
.btnF:hover {
	background: #9ec950;
	background: linear-gradient(top, #6cb33c, #9ec950);
	background: -ms-linear-gradient(top, #6cb33c, #9ec950);
	background: -moz-linear-gradient(top, #6cb33c, #9ec950);
	background: -webkit-linear-gradient(top, #6cb33c, #9ec950);
	background: -webkit-gradient(linear, left top, left bottom, from(#6cb33c), to(#9ec950));
}

a.btnA, a.btnB, a.btnC, a.btnD, a.btnE, a.btnF,
span.btnA, span.btnB, span.btnC, span.btnD, span.btnE, span.btnF { height: 30px; color: #fff; text-decoration: none; line-height: 32px;}
button.btnA, button.btnB, button.btnC, button.btnD, button.btnE, button.btnF { line-height: 30px;}

.icoBtnA, .icoBtnB, .icoBtnC, .icoBtnD, .icoBtnE, .icoBtnF {
	display: inline-block;
	width: 40px;
	height: 22px;
	background: transparent no-repeat 50% 50%;
	text-indent: -9999px;
	border: none;
	border-bottom: 2px solid transparent;
	border-radius: 4px; -webkit-border-radius: 4px;
	cursor: pointer;
}
.icoBtnA { background-color: #f80; border-color: #f60;}
.icoBtnA:hover { background-color: #ffa316;}
.icoBtnB { background-color: #00a0e9; border-color: #007ad1;}
.icoBtnB:hover { background-color: #29baef;}
.icoBtnC { background-color: #ea5531; border-color: #c43000;}
.icoBtnC:hover { background-color: #ff5f3d;}
.icoBtnD { background-color: #bbb; border-color: #999;}
.icoBtnD:hover { background-color: #ccc;}
.icoBtnE { background-color: #666; border-color: #444;}
.icoBtnE:hover { background-color: #888;}
.icoBtnF { background-color: #6cb33c; border-color: #449e00;}
.icoBtnF:hover { background-color: #9ec950;}

.btn_s { height: 28px; font-weight: normal; line-height: 24px;}
button.btn_s { line-height: 24px;}
.halfBtn button { width: 180px;}

/*---------------------------------- subHeader
*/

#subHeader { width: 1000px; background: #fff; padding-top: 2px; margin: 0 auto;}
#subHeader.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background: #fff;
	padding-top: 0;
	z-index: 50;
}

.titleArea { position: relative; height: 36px; background: #D53030; padding: 0 95px;}
.subTArea {
	position: relative;
/*	height: 42px;*/
	background: #fff url(../img/icon_arw0.png) no-repeat 10px 50%;
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.3);
	color: #0068b7;
	border-bottom: 1px solid #ccc;
	padding: 10px 12px 10px 32px;
	margin-bottom: 5px;
}
/*
.subTArea h3 { line-height: 42px;}
*/
.subTArea.tBorder { border-top: 4px solid #0068b7; margin-top: 40px;}

.titleArea h2 { color: #fff; font-size: 14px; text-align: center; padding-top: 8px;}
.subTArea .areaR,
.titleArea .areaL,
.titleArea .areaR { position: absolute; top: 4px;}
.titleArea .areaL { left: 4px;}
.subTArea .areaR,
.titleArea .areaR { right: 4px;}
.subTArea .areaL li,
.subTArea .areaR li,
.titleArea .areaL li,
.titleArea .areaR li { display: inline-block;}
.subTArea .areaR .hide_pc,
.titleArea .areaR .hide_pc { display: none;}
.subTArea li a,
.titleArea li a {
	position: relative;
	display: block;
	width: 100px;
	height: 28px;
	color: #000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 28px;
	background: #fff;
	background: linear-gradient(top, #fff, #eee);
	background: -ms-linear-gradient(top, #fff, #eee);
	background: -moz-linear-gradient(top, #fff, #eee);
	background: -webkit-linear-gradient(top, #fff, #eee);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	border-bottom: 2px solid #666;
	border-radius: 4px; -webkit-border-radius: 4px;
	padding: 0;
}
.subTArea li a { border: 1px solid #ccc;}
.titleArea li button { height: 30px; line-height: 24px;}
.subTArea li a:hover,
.titleArea li a:hover {
	background: #eee;
	background: linear-gradient(top, #eee, #fff);
	background: -ms-linear-gradient(top, #eee, #fff);
	background: -moz-linear-gradient(top, #eee, #fff);
	background: -webkit-linear-gradient(top, #eee, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
}
.titleArea li .btnBack {
	width: 75px;
	background: url(../img/btn_back.png) no-repeat;
	border-bottom: none;
	padding: 0 0 2px 5px;
}
.titleArea li .btnBack:hover { background: url(../img/btn_back.png) no-repeat -80px 0;}
.subTArea li a:before,
.titleArea li a:before {
	display: inline-block;
	width: 20px;
	height: 20px;
	content: "";
	vertical-align: middle;
	margin: -1px 4px 0 0;
}
.subTArea li .btnNew:before,
.titleArea li .btnNew:before { background: url(../img/icon_head_btn.png) no-repeat 0 50%;}
.subTArea li .btnSearch:before,
.titleArea li .btnSearch:before { background: url(../img/icon_head_btn.png) no-repeat -20px 50%;}
.subTArea li .btnSort:before,
.titleArea li .btnSort:before { background: url(../img/icon_head_btn.png) no-repeat -40px 50%;}
.subTArea li .btnPrint:before,
.titleArea li .btnPrint:before { background: url(../img/icon_head_btn.png) no-repeat -60px 50%;}
.subTArea li .btnNewA:before,
.titleArea li .btnNewA:before { background: url(../img/icon_head_btn.png) no-repeat -80px 50%;}
.subTArea li .btnGroup:before,
.titleArea li .btnGroup:before { background: url(../img/icon_head_btn.png) no-repeat -100px 50%;}
.titleArea li .btnBack:before { display: none;}
.titleArea li .btnTxt:before { display: none;}

.titleArea .alertDraft {
	display: none;
	height: 30px;
	background: #ff8ca9;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	padding: 0 10px;
}

/*---------------------------------- pagerArea
*/

.pagerArea { position: relative; padding: 5px 0 0; overflow: hidden;}
.pagerArea .fL p { display: inline-block; font-size: 14px; vertical-align: bottom; padding-left: 5px;}
.pagerArea .fL p a {
	display: inline-block;
	height: 24px;
	background: #00a0e9;
	background: linear-gradient(top, #29baef, #00a0e9);
	background: -ms-linear-gradient(top, #29baef, #00a0e9);
	background: -moz-linear-gradient(top, #29baef, #00a0e9);
	background: -webkit-linear-gradient(top, #29baef, #00a0e9);
	background: -webkit-gradient(linear, left top, left bottom, from(#29baef), to(#00a0e9));
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	line-height: 26px;
	border-bottom: 2px solid #0085d3;
	border-radius: 4px; -webkit-border-radius: 4px;
	padding: 0 8px;
	margin: 0 5px 0 0;
}
.pagerArea .fL p a:hover {
	background: #29baef;
	background: linear-gradient(top, #00a0e9, #29baef);
	background: -ms-linear-gradient(top, #00a0e9, #29baef);
	background: -moz-linear-gradient(top, #00a0e9, #29baef);
	background: -webkit-linear-gradient(top, #00a0e9, #29baef);
	background: -webkit-gradient(linear, left top, left bottom, from(#00a0e9), to(#29baef));
}

.pagerArea .fR p { text-align: right; clear: both; margin-top: -4px;}

.mailTxtArea { text-align: right; padding: 10px 0 5px;}
.mailTxtArea a:before {
	display: inline-block;
	width: 20px;
	height: 20px;
	content: "";
	background: url(../img/icon_head_btn.png) no-repeat -180px 0;
	vertical-align: bottom;
	margin-right: 5px;
}

@media screen and (max-width: 999px){
.errorBox { margin: 0 10px 10px;}

#subHeader { width: auto;}

.pagerArea { padding: 10px;}
.pagerArea .fL p:first-child { padding-left: 0;}
}
@media screen and (max-width: 768px){
.hl0 { padding-top: 10px; margin-bottom: 1px;}
.topTxtLink { padding: 10px 10px 0;}

.subTArea .areaR .hide_pc,
.titleArea .areaR .hide_pc { display: inline-block;}
.subTArea li a,
.titleArea li a { width: 40px;}
.subTArea li a span,
.titleArea li a span { display: none;}
.subTArea li a:before,
.titleArea li a:before { margin: 4px 0 0 0;}
.subTArea li .btnNew:before,
.titleArea li .btnNew:before,
.subTArea li .btnSearch:before,
.titleArea li .btnSearch:before,
.subTArea li .btnSort:before,
.titleArea li .btnSort:before,
.subTArea li .btnPrint:before,
.titleArea li .btnPrint:before,
.subTArea li .btnNewA:before,
.titleArea li .btnNewA:before,
.subTArea li .btnGroup:before,
.titleArea li .btnGroup:before { background-image: url(../img/sp_icon_head_btn.png); background-size: auto 20px; -webkit-background-size: auto 20px;}
.titleArea li .btnTxt { width: auto;}
.titleArea li .btnTxt span { display: inline;}

.titleArea li .btnBack { width: 35px;}
.titleArea li .btnBack,
.titleArea li .btnBack:hover { background: url(../img/sp_btn_back.png) no-repeat; background-size: auto 32px; -webkit-background-size: auto 32px;}
.titleArea li .btnBack:hover { background-position: -40px 0;}
.titleArea li .btnBack.long { width: 75px; background-image: url(../img/sp_btn_back2.png);}
.titleArea li .btnBack.long:hover { background-position: -80px 0;}
.titleArea li .btnBack span { display: inline;}

.pagerArea .fL { width: 100%; display: table; float: none; padding-top: 15px;}
.pagerArea .fL p { display: table-cell; line-height: 100%; vertical-align: bottom;}
.pagerArea .fL p:last-child { text-align: right;}
.pagerArea .fL p a { margin: 0 0 0 5px;}
.pagerArea .fR { float: none;}

.mailTxtArea a:before { background-image: url(../img/sp_icon_head_btn.png); background-size: auto 20px; -webkit-background-size: auto 20px;}
}
@media screen and (max-width: 480px){
.titleArea .alertDraft { font-size: 10px; padding: 0 5px;}

.pagerArea { padding: 10px 5px;}

.halfBtn button { width: 100px;}
}

/*==================================================================== footer
*/

#footer p { font-size: 10px; text-align: center; padding: 6px 10px;}

.pagetop { position: fixed; bottom: 20px; left: 50%; display: none; margin-left: 430px; z-index: 90;}
.pagetop a {
	display: block;
	width: 60px;
	height: 60px;
	background: url(../img/pagetop.png) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
}
.pagetop a:hover { background-position: -60px 0;}

@media screen and (max-width: 999px){
.pagetop { left: inherit; right: 10px; margin-left: 0;}
.pagetop a { width: 40px; height: 40px; background-size: auto 40px; -webkit-background-size: auto 40px;}
.pagetop a:hover { background-position: -40px 0;}
}
@media screen and (max-width: 480px){
#footer p { line-height: 1.2;}
#footer p span { display: block;}
}


/*==================================================================== popup
*/

.popupScreen,
.popupScreen2 {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#cc000000,EndColorStr=#cc000000);
	z-index: 1000;
}

.popupArea {
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	width: 456px;
	height: 296px;
	background: #fff;
	border: 2px solid #ccc;
	border-radius: 4px; -webkit-border-radius: 4px;
	z-index: 1100;
	margin: -150px 0 0 -230px;
}

.popupArea.popupCategory {
	z-index: 1500;
}

.popupArea.popupFilePc {
	width: 500px;
}

.popupBox { position: relative;}
.popupBox h2 {
	background: #fffae3;
	font-size: 117%;
	border-bottom: 1px solid #ccc;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	padding: 10px;
}

.popupClose { position: absolute; top: 10px; right: 10px; cursor: pointer;}
.popupClose img { width: 20px;}

.popupAlert { height: 196px; margin-top: -100px;}
.popupAlert .alert {
	display: table-cell;
	width: 436px;
	height: 120px;
	color: #ea5531;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

.popupAddress2,
.popupAddress,
.popupClient,
.popupCategory,
.popupCategory2,
.popupCategory3,
.popupStatus,
.popupStatus2,
.popupTaskStatus,
.popupTaskStatus2 { height: 396px; margin-top: -200px;}

.popupHead { height: 38px; padding-top: 12px;}
.popupHead dl { display: table; width: 100%; overflow: hidden;}
.popupHead dt,
.popupHead dd { display: table-cell; vertical-align: middle; padding: 0 10px;}
.popupHead dt { width: 85px; padding-right: 0;}
.popupHead dd:last-child { width: 52px; text-align: right; padding-left: 0;}
.popupHead dd input[type="text"],
.popupBody li input[type="text"] { box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; padding: 2px; vertical-align: middle;}
.popupBody { overflow: auto;}
.popupBody.row1 { height: 254px;}
.popupBody.row2-1 { height: 305px;}
.popupBody.row2-2 { height: 303px;}
.popupHead + .popupBody { border-top: 1px solid #ccc;}

.popupFoot { text-align: center; padding-top: 10px;}
.popupBtn { text-align: center;}
.popupFoot button,
.popupBtn button { height: 30px; line-height: 23px; vertical-align: middle;}
.listBtn button,
.popupHead a,
.popupHead button,
.popupFoot a,
.popupFoot span,
.popupBtn a {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	height: 24px;
	line-height: 20px;
	vertical-align: middle;
}
.listBtn button,
.popupHead button { line-height: 18px;}

.popupCategory .popupBody li,
.popupCategory2 .popupBody li,
.popupCategory3 .popupBody li,
.popupStatus .popupBody li,
.popupStatus2 .popupBody li,
.popupTaskStatus .popupBody li,
.popupTaskStatus2 .popupBody li {
	display: table;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #ccc;
}
.popupCategory .popupBody li span,
.popupCategory2 .popupBody li span,
.popupCategory3 .popupBody li span,
.popupStatus .popupBody li span,
.popupStatus2 .popupBody li span,
.popupTaskStatus .popupBody li span,
.popupTaskStatus2 .popupBody li span { display: table-cell; padding: 10px;}
.popupCategory .popupBody .listBtn,
.popupCategory2 .popupBody .listBtn,
.popupCategory3 .popupBody .listBtn,
.popupStatus .popupBody .listBtn,
.popupStatus2 .popupBody .listBtn,
.popupTaskStatus .popupBody .listBtn,
.popupTaskStatus2 .popupBody .listBtn { width: 50px; padding: 10px 0;}
.popupCategory .popupBody .listMove,
.popupCategory2 .popupBody .listMove,
.popupCategory3 .popupBody .listMove { width: 30px; background: url(../img/icon_list0.png) no-repeat 50% 50%;}
.popupStatus .popupBody .listMove,
.popupStatus2 .popupBody .listMove,
.popupTaskStatus .popupBody .listMove,
.popupTaskStatus2 .popupBody .listMove { width: 30px; background: url(../img/icon_list0.png) no-repeat 50% 50%;}

.popupClient .popupHead dd:last-child { width: 110px;}
.popupClient .pClientList { display: table; width: 100%; border-bottom: 1px solid #ccc;}
.pClientList > div { display: table-cell; vertical-align: middle; padding: 5px 10px;}
.pClientList .pcRadio { width: 16px; text-align: right; padding-right: 0;}
.pClientList .pcInfo h3 { font-size: 100%;}
.pClientList .pcInfo li { display: inline-block; padding: 0 10px 0 0; border: none;}
.pClientList .pcBtn { width: 44px; text-align: right;}

.popupAddress .pTabList { border-bottom: 2px solid #44b7ee; padding: 10px 8px 0; overflow: hidden;}
.popupAddress .pTabList li {
	width: 216px;
	background: #eee;
	float: left;
	color: #666;
	font-weight: bold;
	text-align: center;
	padding: 10px 0 8px;
	margin: 0 2px;
	cursor: pointer;
}
.popupAddress .pTabList .this { background: #44b7ee; color: #fff;}
.popupAddress2 .pTabBox,
.popupAddress .pTabBox { height: 258px; margin-bottom: 10px; overflow: auto;}
.popupAddress2 .pTabBox { height: 305px;}
.popupAddress2 .pTabBox li,
.popupAddress .pTabBox li { display: block; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #ccc; padding: 10px; overflow: hidden;}
.popupAddress2 .pTabBox li span,
.popupAddress .pTabBox li span { display: inline-block; vertical-align: middle;}
.popupAddress2 .pTabBox .pCheck,
.popupAddress .pTabBox .pCheck { width: 20px; text-align: center;}
.popupAddress2 .pTabBox .pName,
.popupAddress .pTabBox .pName { width: 100px;}
.popupAddress2 .pTabBox .pMail,
.popupAddress .pTabBox .pMail { display: inline;}
.popupAddress .pTabBox .pGroupName { cursor: pointer; color: #00a0e9;}
.popupAddress .pTabBox .pGroupName:hover { text-decoration: underline;}
.popupAddress .pTabBox .pGroupList { position: relative; background: #eef8fd; padding: 5px 10px; margin: 5px 0 0 28px;}
.popupAddress .pTabBox .pGroupList:after {
	position: absolute;
	bottom: 100%;
	left: 14px;
	width: 0;
	height: 0;
	content: " ";
	border: 6px solid transparent;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #eef8fd;
	margin-left: -6px;
	pointer-events: none;
}
.popupAddress .pTabBox .pGroupList li { display: inline-block; font-size: 10px; vertical-align: middle; border: none; padding: 0; overflow: auto;}
.popupAddress .pTabBox .pGroupList li:after { content: ","; padding-right: 2px;}
.popupAddress .pTabBox .pGroupList li:last-child:after { content: ""; padding-right: 0;}
.popupAddress .aC { padding-top: 10px;}

@media screen and (max-width: 768px){
.popupCategory .popupBody .listMove,
.popupCategory2 .popupBody .listMove,
.popupCategory3 .popupBody .listMove { background-image: url(../img/sp_icon_list0.png); background-size: 20px auto; -webkit-background-size: 20px auto;}
.popupStatus .popupBody .listMove,
.popupStatus2 .popupBody .listMove,
.popupTaskStatus .popupBody .listMove,
.popupTaskStatus2 .popupBody .listMove { background-image: url(../img/sp_icon_list0.png); background-size: 20px auto; -webkit-background-size: 20px auto;}
}
@media screen and (max-width: 480px){
.popupArea { width: 296px; margin-left: -150px;}

.popupAlert .alert { width: 276px;}
.popupAddress .pTabList li { width: 136px;}
}

/*---------------------------------- popupFormDetail, popupCustomer
*/

.popupScreen2 { z-index: 998;}
.popupFormDetail,
.popupCustomer {
	box-sizing: border-box; -webkit-box-sizing: border-box;
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; max-width: 1020px;
	padding: 0 10px; margin: auto;
}
.popupFormDetail { display: none; height:558px; z-index: 999;}
.popupCustomer { display: none; height: 462px; z-index: 1400;}
.popupCustomer .formArea { margin: 0;}
.popupFormDetail .popupClose,
.popupCustomer .popupClose { top: 14px; right: 14px; z-index: 1;}
.popupFormDetail .halfBtn button,
.popupCustomer .formFoot button { width: 160px;}

.popupFormDetail .projectEditArea { margin: 0;}

.popupCustomer .projectEditArea .formHead .clearfix ul { padding-right: 0;}
.popupCustomer .zipCodeBtn { height: 24px; line-height: 20px; padding-left: 5px; padding-right: 5px;}
.popupCustomer .formBody .fL dl { display: table;}
.popupCustomer .formBody .fL dt,
.popupCustomer .formBody .fL dd { display: table-cell;}
.popupCustomer .formBody .fL dt { width: 11em;}
@media screen and (max-width: 768px){
.popupFormDetail,
.popupCustomer { height: 530px;}
.popupFormDetail div.formBody,
.popupCustomer div.formBody { overflow: auto;}
.popupFormDetail .formBody { height: 339px;}
.popupCustomer .formBody { height: 409px;}

.popupFormDetail .projectEditArea { padding-top: 0;}
.popupFormDetail .halfBtn button { width: 130px;}
.popupCustomer .formFoot button { width: 140px;}
}
@media screen and (max-width: 480px){
.popupFormDetail,
.popupCustomer { height: 440px;}
.popupFormDetail div.formBody { height: 237px;}
.popupCustomer div.formBody { height: 319px;}

.popupCustomer .formBody .clearfix dt { width:32%;}
.popupCustomer .formFoot button { width: 86px; padding: 2px;}
}

/*---------------------------------- sortArea
*/

.sortArea {
	position: fixed;
	top: 0;
	right: 0;
	display: none;
	width: 350px;
	height: 100%;
	background: #333;
	box-shadow: 0 0 10px #666;
	z-index: 1100;
}
.sortInner { position: relative; width: 350px; height: 100%;}
.sortClose {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #222;
	text-align: center;
	cursor: pointer;
	padding: 6px;
}
.sortClose:hover { background-color: #666;}
.sortClose img { width: 14px;}

.sortArea h2 { height: 30px; background: #222; color: #fff; font-size: 117%; text-align: center; line-height: 30px; padding: 10px 40px;}
.sortArea dl { color: #fff;}
.sortArea dt { padding: 8px 20px 0;}
.sortArea dd { padding: 0 20px 12px;}
.sortArea dd { border-bottom: 1px solid #444;}
.sortArea dd li { padding: 2px 0;}
.sortArea dd li:last-child { padding-bottom: 0;}
.sortArea select,
.sortArea input,
.sortArea textarea { color: #333;}

.sortArea .typeLine dt { width: 10em; float: left; clear: left; padding-top: 12px;}
.sortArea .typeLine dd { /*text-align: right;*/ padding-top: 12px; padding-left: 10.5em;}

.sortScroll { position: relative; overflow: hidden;}

.sortBtn { height: 100px; text-align: center; padding-top: 20px;}
.sortBtn button { width: 120px;}

@media screen and (max-width: 480px){
.sortArea { width: 95%;}
.sortInner { width: 100%;}
.sortArea h2 { height: 20px; line-height: 20px;}
.sortBtn { height: 80px; text-align: center; padding-top: 10px;}

.sortClose { top: 8px; left: 8px; padding: 4px;}
}

/*==================================================================== jQueryUi datepicker
*/

body .ui-widget-content { background: #fff; border: 2px solid #aaa; padding: 4px 4px 6px;}
body .ui-widget-header { background: #0068b7; border-color: #0068b7;}
body .ui-datepicker-calendar thead th { color: #0068b7; padding: 4px 4px 2px;}
body .ui-state-default, body .ui-widget-content .ui-state-default, body .ui-widget-header .ui-state-default {
	background: #f9f9f9;
	color: #999;
	text-align: center;
}

body .ui-widget-content .ui-state-highlight {
	background: #00a0e9;
	color: #fff;
	border-color: #00a0e9;
}

body .ui-state-active, body .ui-widget-content .ui-state-active, body .ui-widget-header .ui-state-active,
body .ui-widget-content .ui-state-hover,
body .ui-widget-content .ui-state-hover:active {
	background: #f80;
	color: #fff;
	border-color: #f80;
}
body .ui-widget-header .ui-state-highlight,
body .ui-widget-header .ui-state-hover,
body .ui-widget-header .ui-state-hover:active {
	background: #fff;
	border-color: #fff;
}

body .ui-datepicker .ui-datepicker-buttonpane { padding-top: 6px; margin-top: 4px;}
body .ui-datepicker .ui-datepicker-buttonpane button { margin: 0;}

body .ui-datepicker .ui-datepicker-current {
	background: #F9AF3E;
	background: linear-gradient(top, #F9AF3E, #F26F0E);
	background: -ms-linear-gradient(top, #F9AF3E, #F26F0E);
	background: -moz-linear-gradient(top, #F9AF3E, #F26F0E);
	background: -webkit-linear-gradient(top, #F9AF3E, #F26F0E);
	background: -webkit-gradient(linear, left top, left bottom, from(#F9AF3E), to(#F26F0E));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=#F9AF3E,EndColorStr=#F26F0E);
	color: #fff;
	border:1px solid #f7931e;
}
body .ui-datepicker .ui-datepicker-current.ui-state-hover,
body .ui-datepicker .ui-datepicker-current.ui-state-hover:active {
	background: #F26F0E;
	background: linear-gradient(top, #F26F0E, #F9AF3E);
	background: -ms-linear-gradient(top, #F26F0E, #F9AF3E);
	background: -moz-linear-gradient(top, #F26F0E, #F9AF3E);
	background: -webkit-linear-gradient(top, #F26F0E, #F9AF3E);
	background: -webkit-gradient(linear, left top, left bottom, from(#F26F0E), to(#F9AF3E));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=#F26F0E,EndColorStr=#F9AF3E);
	color: #fff;
	border:1px solid #f7931e;
}
body .ui-priority-secondary, body .ui-widget-content .ui-priority-secondary, body .ui-widget-header .ui-priority-secondary {
	font-weight: bold;
	opacity: 1;
}
body .ui-datepicker .ui-datepicker-close {
	background: #fff;
	background: linear-gradient(top, #fff, #ECECEC);
	background: -ms-linear-gradient(top, #fff, #ECECEC);
	background: -moz-linear-gradient(top, #fff, #ECECEC);
	background: -webkit-linear-gradient(top, #fff, #ECECEC);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ECECEC));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ECECEC);
	color: #888;
	border-color: #ccc;
}
body .ui-datepicker .ui-datepicker-close.ui-state-hover,
body .ui-datepicker .ui-datepicker-close.ui-state-hover:active {
	background: #fff;
	background: linear-gradient(top, #ECECEC, #fff);
	background: -ms-linear-gradient(top, #ECECEC, #fff);
	background: -moz-linear-gradient(top, #ECECEC, #fff);
	background: -webkit-linear-gradient(top, #ECECEC, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#fff));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=#ECECEC,EndColorStr=#ffffff);
}

/*==================================================================== jQueryUi sortable
*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: none;}