@charset "UTF-8";


/* -----------------------------------------------
 [1] table(global)
 [2] table span(status)
 [3] table th(list entry)
 [4] dl p(table control)
 [5] mailArea only
 [6] input
------------------------------------------------ */


/* [1] table(global)
------------------------------------------------ */
div.contentsBoxList table {
	margin:0 0 10px 0;
	width:100%;
}

div.contentsBoxList table td {
	padding:10px 0;
	background:#f4f3f3;
	border-bottom:2px solid #ffffff;
	font-size:78%;
	text-align:center;
}

div.contentsBoxList table tr {
	background:#f4f3f3;
}

div.contentsBoxList table td.pName {
	padding:0 0 0 10px;
	font-size:78%;
	text-align:left;
}

div.contentsBoxList table td span {
	font-size:93%;
}

div.contentsBoxList table td img {
	border:1px solid #a7cde2;
}

div.contentsBoxList table td a {
	font-size:96%;
	font-weight:bold;
}

div.contentsBoxList table td ul.status {
	margin:0 auto;
	width:100px;
}

div.contentsBoxList table td ul {
	font-size:120%;
}

div.contentsBoxList table td ul a {
	font-size:103%;
}

div.contentsBoxList table#mailTable td img,
div.contentsBoxList table.mailTableSample td img {
	border:none;
}

/* [2] table span(status)
------------------------------------------------ */
div.contentsBoxList table span.waitingStatus{
	color:#ff6600;
	font-weight:bold;
	font-size:103%;
}

div.contentsBoxList table span.receiveStatus{
	color:#339900;
	font-weight:bold;
	font-size:103%;
}

div.contentsBoxList table span.publishStatus{
	color:#0000ff;
	font-weight:bold;
	font-size:103%;
}

div.contentsBoxList table span.stopStatus{
	color:#ff0000;
	font-weight:bold;
	font-size:103%;
}


/*----mail----*/
div.contentsBoxList table#mailTable a.read,
div.contentsBoxList table#mailTable a.read:hover,
div.contentsBoxList table.mailTableSample span.read{
	color:#003399;
	font-weight:bold;
	font-size:103%;
	text-decoration:none;
}

div.contentsBoxList table#mailTable a.unread,
div.contentsBoxList table.mailTableSample span.unread{
	color:#ff0000;
	font-weight:bold;
	font-size:103%;
	text-decoration:none;
}

div.contentsBoxList table#mailTable a.reply,
div.contentsBoxList table.mailTableSample span.reply{
	color:#008602;
	font-weight:bold;
	font-size:103%;
	text-decoration:none;
}

/* [3] table th(list entry)
------------------------------------------------ */
div.contentsBoxList table th {
	padding:5px;
	background:#cccccc;
	text-align:center;
	font-size:78%;
	border-bottom:2px solid #ffffff;
}

div.contentsBoxList table th.pName {
	width:235px;
	border-right:2px solid #ffffff;
}

div.contentsBoxList table th.pPhoto {
	width:101px;
	border-right:2px solid #ffffff;
}

div.contentsBoxList table th.pCategory {
	width:118px;
	border-right:2px solid #ffffff;
}

div.contentsBoxList table th.pPrice {
	width:80px;
	border-right:2px solid #ffffff;
}

div.contentsBoxList table th.pDate {
	width:106px;
	border-right:2px solid #ffffff;
}

div.contentsBoxList table th.pStatus {
	width:120px;
}

div.contentsBoxList table th.pStatus select{
	width:115px;
}

div.contentsBoxList table th.mAll {
	width:36px;
	border-right:2px solid #ffffff;
}

div.contentsBoxList table th.mStatus {
	width:70px;
	border-right:2px solid #ffffff;
}

div.contentsBoxList table th.mStatus select{
	width:65px;
}

div.contentsBoxList table th.mAttach {
	width:40px;
	border-right:2px solid #ffffff;
}

div.contentsBoxList table th.mName {
	width:184px;
	border-right:2px solid #ffffff;
}

div.contentsBoxList table th.mSubject {

	border-right:2px solid #ffffff;
}

div.contentsBoxList table th.mKind {
	border-right:2px solid #ffffff;
}

div.contentsBoxList table th.mKind select{
	width:65px;
}

div.contentsBoxList table th.mDate {
	width:85px;
}

div.contentsBoxList table th.mProduct {
	width:106px;
	border-right:2px solid #ffffff;
}

div.contentsBoxList table th.mState {
	width:65px;
	border-right:2px solid #ffffff;
}

div.contentsBoxList table th.rLine {
	border-right:2px solid #ffffff;
}

/* [4] dl p(table control)
------------------------------------------------ */
div.contentsBoxList dl {
	margin:10px 10px 10px 10px;
	float:left;
}

div.contentsBoxList dl dt,
div.contentsBoxList dl dd {
	font-weight:bold;
	color:#ff6600;
}

div.contentsBoxList dl dd {
	margin:0 5px 0 0;
	padding:0 0 10px 0;
	float:left;
	line-height:25px;
}

div.contentsBoxList dl dd input {
	font-weight:normal;
}

div.contentsBoxList p {
	margin:10px 0 10px 10px;
	float:right;
}

div.contentsBoxList p.introduction {
	margin:10px 0 10px 10px;
	padding:0 0 10px 0;
	float:left;
}

div.contentsBoxList p.introduction span {
	display:block;
	font-weight:bold;
	color:#ff6600;
}

p.conjunction {
	margin:10px 0 10px 10px;
	padding:0 0 0 5px;
}

p.conjunction span {
	display:block;
	font-weight:bold;
	color:#ff6600;
}

div.contentsBoxGray div#firstMessage p {
	margin:20px 0 20px 0;
	width:100%;
	text-align:center;
	font-weight:bold;
	color:#ff6600;
}

div.contentsBoxGray div#firstMessage p input {
	font-weight:normal;
}

/* [5] mailArea only
------------------------------------------------ */

div.contentsBoxList p#indicationNumber {
	float:left;
}

div.contentsBoxList p#indicationNumber span {
	color:#ff6600;
	font-weight:bold;
}

div.contentsBoxList div.collectiveDeleteUpper {
	margin:0 0 10px 0;
	border:1px solid #c6c6c6;
	background:#ededed url(../../images/mail/iconSelectDownward.gif) no-repeat 10px 10px;
}

div.contentsBoxList div.collectiveDeleteBottom {
	margin:0 0 10px 0;
	border:1px solid #c6c6c6;
	background:#ededed url(../../images/mail/iconSelectUpward.gif) no-repeat 10px 10px;
}

div.contentsBoxList div.collectiveDeleteUpper p,
div.contentsBoxList div.collectiveDeleteBottom p {
	margin:5px 10px 0 30px;
	float:left;
}

div.contentsBoxList div.collectiveDeleteUpper input,
div.contentsBoxList div.collectiveDeleteBottom input {
	margin:5px 0 5px 10px;
	display:block;
	font-size:73%;
}

div.contentsBoxList table#mailTable tr.readMail td,
div.contentsBoxList table#mailTable tr.replyMail td {
	background:#ffffff;
}

/*----memo----*/
div.contentsBoxList table#mailTable td.memo {
	border-bottom:none;
}

div.contentsBoxList table#mailTable tr.readMail td.memoAreaList,
div.contentsBoxList table#mailTable tr.unreadMail td.memoAreaList,
div.contentsBoxList table#mailTable tr.replyMail td.memoAreaList {
	padding:5px 5px 5px 10px;
	background:#e2edf3 url(../../images/mail/memoBorder.gif) repeat-x left top;
	font-size:59%;
	text-align:left;
}

div.contentsBoxList table.mailTableSample {
	margin:5px 0 0 0;
}


/* [6] input
------------------------------------------------ */
div.contentsBoxList table.mailTableSample td {
	padding:5px;
}

div.contentsBoxList table.mailTableSample td.contents {
	background:#ffffff;
	border:3px solid #f4f4f4;
}

div.contentsBoxList table.mailTableSample td p {
	padding:0 5px 7px 0;
	float:left;
	font-size:93%;
	text-align:left;
}

div.contentsBoxList table.mailTableSample td p input,
div.contentsBoxList table.mailTableSample td p textarea{
	margin:0 5px 0 0;
	font-size:100%;
}

div.contentsBoxList table.mailTableSample td p span.textLimit {
	padding:0 0 0 15px;
	font-weight:normal;
	font-size:79%;
}