@charset "utf-8";

@import "common.css";

/* ---------------------------------------------------
members.css
メンバーページ用CSS
--------------------------------------------------- */


/* ---------------------------------------------------
login.html
--------------------------------------------------- */
.loginWrap {
	margin: 94px 0 115px 0;
	text-align: center;
}

/*table*/
.loginWrap table {
	width: 447px;
	margin: 0 auto;
	padding: 0;
	border-collapse: collapse;
	border: 0;
}

.loginWrap table th {
	width: 154px;
	margin: 0;
	padding: 0;
	border: 0;
	border-left: 1px solid #323333;
	background: #ccc url(../images/tbl_bg01_b.gif) no-repeat left top;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 93%;
}

.loginWrap table tr.style01 th {
	border-top: 1px solid #323333;
}

.loginWrap table tr.style02 th {
	border-bottom: 1px solid #323333;
	background: #ccc url(../images/tbl_bg01_b.gif) no-repeat left bottom;
}

.loginWrap table th span {
	display: block;
	margin: 0;
	padding: 20px 0 20px 12px;
}

.loginWrap table tr.style01 th span {
	padding-bottom: 12px;
	background: url(../images/tbl_bg01_t.gif) no-repeat left top;
}

.loginWrap table tr.style02 th span {
	padding-top: 12px;
}

.loginWrap table td {
	margin: 0;
	padding: 16px 20px;
	border: 0;
	border-right: 1px solid #323333;
	text-align: left;
	vertical-align: middle;
}

.loginWrap table tr.style01 td {
	padding-bottom: 7px;
	border-top: 1px solid #323333;
}

.loginWrap table tr.style02 td {
	padding-top: 7px;
	border-bottom: 1px solid #323333;
}

.loginWrap input.style01 {
	width: 163px;
	border: 1px solid #323333;
}


/*memo*/
.loginWrap p {
	width: 447px;
	margin: 10px auto 0 auto;
	text-align: left;
	font-size: 93%;
}


/*btn*/
.loginWrap .btnBox {
	margin: 29px auto 0 auto;
}





/* ---------------------------------------------------
list.html
--------------------------------------------------- */
.listWrap {
	margin: 30px 0 57px 100px;
}

/*h3*/
.listWrap h3 {
	margin: 0 97px 0 0;
	padding: 0;
	font-weight: bold;
	font-size: 138.5%;
	color: #040000;
}

/*text*/
.listWrap p {
	margin: 13px 97px 13px 0;
	padding: 0;
	font-size: 93%;
	color: #040000;
}

/*table*/
.listWrap table {
	width: 703px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 0;
}

.listWrap table th {
	margin: 0;
	padding: 0;
	border: 1px solid #323333;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 93%;
}

.listWrap table th span {
	display: block;
	margin: 0;
	padding: 14px 0;
}

.listWrap table th.style01 {
	width: 150px;
	background: #ccc url(../images/tbl_bg02_b.gif) no-repeat left bottom;
}
.listWrap table th.style01 span {
	background: url(../images/tbl_bg02_t.gif) no-repeat left top;
}

.listWrap table th.style02 {
	width: 209px;
	background: #ccc url(../images/tbl_bg03_b.gif) no-repeat left bottom;
}
.listWrap table th.style02 span {
	background: url(../images/tbl_bg03_t.gif) no-repeat left top;
}

.listWrap table th.style03 {
	width: 229px;
	background: #ccc url(../images/tbl_bg04_b.gif) no-repeat left bottom;
}
.listWrap table th.style03 span {
	background: url(../images/tbl_bg04_t.gif) no-repeat left top;
}

.listWrap table th.style04 {
	width: 110px;
	background: #ccc url(../images/tbl_bg05_b.gif) no-repeat left bottom;
}
.listWrap table th.style04 span {
	background: url(../images/tbl_bg05_t.gif) no-repeat left top;
}

.listWrap table td {
	margin: 0;
	padding: 14px 13px;
	border: 1px solid #323333;
	text-align: left;
	vertical-align: middle;
	font-size: 93%;
}

.listWrap table td span.new {
	color: #00cc00;
	font-weight: bold;
}






/* ---------------------------------------------------
private.html
compay.html
--------------------------------------------------- */
/*h2*/
.h2Wrap .btnbacklist {
	position: absolute;
	left: 685px;
	top: 1px;
}

.h2Wrap .btnbacklist a {
	display: block;
	width: 115px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../images/btn_backlist_on.gif) no-repeat left top;
	overflow: hidden;
}

.h2Wrap .btnbacklist a:hover {
	text-indent: -9999px;
}

/*上部分*/
.progressWrap {
	margin: 16px 50px 14px 50px;
}


/*h3*/
.progressWrap .h3Wrap {
	position: relative;
	margin: 0 0 13px 0;
}

.progressWrap .h3Wrap .leftBox {
	width: 600px;
}

.progressWrap h3 {
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 138.5%;
	color: #040000;
}

.progressWrap p.period {
	display: inline;
	margin: 0 0 0 33px;
	padding: 0;
	font-size: 93%;
	color: #040000;
}

.progressWrap p.assigned {
	position: absolute;
	left: 600px;
	top: 5px;
	width: 200px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 93%;
	color: #040000;
	text-align: right;
}


/*photoBox*/
.photoBox {
	float: left;
	width: 800px;
}

.photoBox .btnleft {
	float: left;
	width: 16px;
	margin: 162px 0 0 0;
}

.photoBox .mainphoto {
	float: left;
	width: 480px;
	padding: 0 0 50px 0;
}

.photoBox .mainphoto p.photo {
	margin: 0;
	padding: 0;
	text-align: center;
}

.photoBox .mainphoto p.text {
	margin: 7px 7px 0 7px;
	padding: 0;
	line-height: 150%;
	font-size: 93%;
	color: #040000;
}

.photoBox .btnright {
	float: left;
	width: 16px;
	margin: 162px 0 0 0;
}


.photoBox .thumbBox {
	float: right;
	width: 280px;
	padding: 0 0 50px 0;
}

.photoBox .thumbBox .thumitem {
	clear: both;
	width: 280px;
	height: 70px;
}

.photoBox .thumbBox .thumitem p {
	float: left;
	width: 70px;
	margin: 0;
	padding: 0;
	text-align: right;
}

.photoBox .thumbBox .thispage {
	clear: both;
	margin: 10px 0 0 9px;
	text-align: center;
	font-size: 93%;
	color: #040000;
}

.photoBox .thumbBox .pager {
	margin: 50px 0 0 9px;
	text-align: center;
	font-size: 93%;
	color: #040000;
}

.photoBox .thumbBox .pager a {
	color: #040000;
}

.photoBox .thumbBox .pager a:hover {
	text-decoration: none;
}


/*印刷*/
.printBox {
	clear: both;
	position: relative;
	margin: 0 0 30px 0;
}

.printBox p.ttl {
	width: 600px;
	margin: 0 0 7px 0;
	padding: 0;
	font-size: 108%;
	color: #040000;
	font-weight: bold;
}

.printBox p.text {
	width: 600px;
	margin: 0;
	padding: 0;
	font-size: 93%;
	color: #040000;
}

.printBox .btn {
	position: absolute;
	left: 622px;
	top: 0;
}

.printBox .btn a {
	display: block;
	width: 178px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(../images/btn_print_on.gif) no-repeat left top;
	overflow: hidden;
}

.printBox .btn a:hover {
	text-indent: -9999px;
}


/*pdf*/
.pdfBox {
	position: relative;
	margin: 0 0 14px 0;
	border: 1px solid #666;
}

.pdfBox .text {
	width: 588px;
	margin: 10px 12px;
	margin: 0;
	padding: 10px 12px;
	font-size: 93%;
	color: #040000;
	line-height: 150%;
}

.pdfBox .btn {
	position: absolute;
	left: 622px;
	top: 22px;
}


/*BBS table*/
table.bbs{
	clear: both;
	width: 703px;
	margin: 18px 0 38px 50px;
	padding: 0;
	border-collapse: collapse;
	border: 0;
}

table.bbs th {
	width: 154px;
	margin: 0;
	padding: 0;
	border: 0;
	border-left: 1px solid #323333;
	background: #ccc url(../images/tbl_bg01_b.gif) no-repeat left top;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	font-size: 93%;
}

table.bbs tr.style01 th {
	border-top: 1px solid #323333;
}

table.bbs tr.style02 th {
	border-bottom: 1px solid #323333;
	background: #ccc url(../images/tbl_bg01_b.gif) no-repeat left bottom;
}

table.bbs tr.style03 th {
	vertical-align: top;
}

table.bbs th span {
	display: block;
	margin: 0;
	padding: 12px 0 12px 12px;
}

table.bbs tr.style01 th span {
	padding-top: 20px;
	background: url(../images/tbl_bg01_t.gif) no-repeat left top;
}

table.bbs tr.style02 th span {
	padding-bottom: 20px;
}

table.bbs tr.style03 th span {
	padding-top: 7px;
}

table.bbs td {
	margin: 0;
	padding: 7px 20px;
	border: 0;
	border-right: 1px solid #323333;
	text-align: left;
	vertical-align: middle;
}

table.bbs tr.style01 td {
	padding-top: 16px;
	border-top: 1px solid #323333;
}

table.bbs tr.style02 td {
	padding-bottom: 30px;
	border-bottom: 1px solid #323333;
}

table.bbs input.style01 {
	width: 163px;
	border: 1px solid #323333;
}

table.bbs input.style02 {
	width: 365px;
	border: 1px solid #323333;
}

table.bbs textarea.style03 {
	width: 480px;
	height: 160px;
	border: 1px solid #323333;
}


/*bbs messageWrap*/
.messageWrap {
	margin: 0 49px 70px 49px;
}

.messageWrap .item {
	margin: 0;
	padding: 18px 24px 0 24px;
	background: url(../images/line_bbs.gif) no-repeat left top;
	font-size: 93%;
	line-height: 120%;
}

.messageWrap .item .mess {
	position: relative;
	width: 680px;
	margin: 0 0 35px 0;
}

.messageWrap .item .res {
	position: relative;
	width: 644px;
	margin: 0 0 35px 36px;
}

.messageWrap .item .ttl {
	width: 600px;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.messageWrap .item .info {
	width: 600px;
	margin: 0 0 0 8px;
	padding: 0;
}

.messageWrap .item .author {
	font-weight: bold;
	color: #009900;
}

.messageWrap .item .text {
	margin: 17px 0 0 0;
	padding: 0;
}

.messageWrap .item .btn {
	position: absolute;
	right: 0;
	top: 0;
}